@charset "UTF-8";
/* Utilisé pour gérer des pbs d'affichages ponctuels sur les mobiles très petits mais ne constitue pas un layout complet */
/*
 * Cette doc est en anglais mais elle est très claire, voir : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 * Note : l'ordre est important, voir : https://css-tricks.com/using-flexbox/
 *
 * flexFlow = flexDirection flexWrap : row nowrap
 */
/** Note : flex = flexGrow flexShrink flexBasis */
.react-tabs .tabs-menu {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
.react-tabs .tab-menu {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  color: #9C9C9C;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  list-style-type: none;
  padding: 0.5rem 0.75rem;
  text-transform: uppercase;
}
.react-tabs .tab-menu.current {
  border-bottom: 5px #C90900 solid;
  color: #C90900;
}
.react-tabs .tab-content {
  gap: 0;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-direction: normal;
  -webkit-box-orient: block-axis;
  -moz-box-direction: normal;
  -moz-box-orient: block-axis;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 20px;
  width: 100%;
}
@media (max-width: 599px) {
  .react-tabs .tab-content {
    padding: 20px 0;
  }
}
@charset "UTF-8";
/* Utilisé pour gérer des pbs d'affichages ponctuels sur les mobiles très petits mais ne constitue pas un layout complet */
/*
 * Cette doc est en anglais mais elle est très claire, voir : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 * Note : l'ordre est important, voir : https://css-tricks.com/using-flexbox/
 *
 * flexFlow = flexDirection flexWrap : row nowrap
 */
/** Note : flex = flexGrow flexShrink flexBasis */
#form-perfs {
  gap: 0;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
#form-perfs.has-filter .form-control-container .form-control .field-wrapper input[type=text] {
  border-right: 0;
}
#form-perfs .form-control-container {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 20px 0;
  width: 100%;
}
#form-perfs .form-control-container .form-control {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  position: relative;
  width: 100%;
}
#form-perfs .form-control-container .form-control .field-wrapper {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  width: 100%;
}
#form-perfs .form-control-container .form-control .field-wrapper input[type=text] {
  border: 1px solid #B8B8B8;
  padding: 5px;
  width: 100%;
}
#form-perfs .form-control-container .form-control .field-wrapper button.reset {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #C90900;
  color: #C90900;
  cursor: pointer;
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  width: inherit;
  height: inherit;
  line-height: inherit;
  text-align: center;
  text-decoration: none;
  width: 120px;
}
#form-perfs .form-control-container .form-control .field-wrapper button.reset:hover {
  background-color: #C90900;
  color: #FFFFFF;
}
#form-perfs .form-control-container .form-control .field-wrapper button.reset:first-letter {
  text-transform: uppercase;
}
#form-perfs .form-control-container .form-control .field-wrapper button.reset:hover {
  font-weight: bold;
}
#form-perfs .form-control-container .form-control .suggestions {
  background-color: #FFFFFF;
  border: 1px solid #B8B8B8;
  border-top: 0;
  left: 0;
  max-height: 200px;
  overflow: auto;
  position: absolute;
  text-align: left;
  top: 100%;
  width: 100%;
  z-index: 10;
}
#form-perfs .form-control-container .form-control .suggestions:empty {
  display: none;
}
#form-perfs .form-control-container .form-control .suggestions > li {
  cursor: pointer;
  padding: 5px 10px;
}
#form-perfs .form-control-container .form-control .suggestions > li:hover {
  background-color: #F0F0F0;
}
#form-perfs .form-control-container .form-control.active-filters {
  flex-wrap: wrap;
}
#form-perfs .form-control-container .form-control.active-filters .filter {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #7E7E7E;
  border-radius: 15px;
  color: white;
  cursor: pointer;
  flex-wrap: nowrap;
  font-size: 12px;
  font-weight: bold;
  margin: 5px;
}
#form-perfs .form-control-container .form-control.active-filters .filter .label {
  padding: 5px 5px 5px 10px;
}
#form-perfs .form-control-container .form-control.active-filters .filter .remove {
  padding: 5px 10px 5px 0;
}
#form-perfs .form-control-container .form-control.active-filters .filter .remove:after {
  content: "✕";
}
@charset "UTF-8";
/* Utilisé pour gérer des pbs d'affichages ponctuels sur les mobiles très petits mais ne constitue pas un layout complet */
/*
 * Cette doc est en anglais mais elle est très claire, voir : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 * Note : l'ordre est important, voir : https://css-tricks.com/using-flexbox/
 *
 * flexFlow = flexDirection flexWrap : row nowrap
 */
/** Note : flex = flexGrow flexShrink flexBasis */
#current-course-infos table tr.item td, .stats-cheval table tr.item td {
  background-color: #EEEEEE;
}
#current-course-infos table tr.item-details table tbody tr, .stats-cheval table tr.item-details table tbody tr {
  cursor: pointer;
}
#current-course-infos table tr.item-details table tbody tr:hover, .stats-cheval table tr.item-details table tbody tr:hover {
  font-weight: bold;
}
#current-course-infos table tr.item-details table tbody tr.current, .stats-cheval table tr.item-details table tbody tr.current {
  color: #C90900;
  font-weight: bold;
}
@charset "UTF-8";
/* Utilisé pour gérer des pbs d'affichages ponctuels sur les mobiles très petits mais ne constitue pas un layout complet */
/*
 * Cette doc est en anglais mais elle est très claire, voir : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 * Note : l'ordre est important, voir : https://css-tricks.com/using-flexbox/
 *
 * flexFlow = flexDirection flexWrap : row nowrap
 */
/** Note : flex = flexGrow flexShrink flexBasis */
#historique-perfs {
  text-align: center;
  width: 100%;
}
#historique-perfs .inedit {
  margin-top: 30px;
}
#historique-perfs .horse-infos, #historique-perfs .extra-infos, #historique-perfs .analyses {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 20px;
  text-align: left;
}
#historique-perfs .horse-infos img, #historique-perfs .extra-infos img, #historique-perfs .analyses img {
  margin-right: 20px;
}
#historique-perfs .horse-infos .infos, #historique-perfs .extra-infos .infos, #historique-perfs .analyses .infos {
  padding: 10px;
}
#historique-perfs .horse-infos .infos .info, #historique-perfs .extra-infos .infos .info, #historique-perfs .analyses .infos .info {
  margin-bottom: 10px;
}
#historique-perfs .horse-infos .infos .info .titre, #historique-perfs .extra-infos .infos .info .titre, #historique-perfs .analyses .infos .info .titre {
  font-weight: bold;
  margin-right: 5px;
}
#historique-perfs .horse-infos .infos .info.separated > span, #historique-perfs .extra-infos .infos .info.separated > span, #historique-perfs .analyses .infos .info.separated > span {
  display: inline-block;
}
#historique-perfs .horse-infos .infos .info.separated > span:not(:last-child):after, #historique-perfs .extra-infos .infos .info.separated > span:not(:last-child):after, #historique-perfs .analyses .infos .info.separated > span:not(:last-child):after {
  color: #CCCCCC;
  content: "|";
  margin: 0 5px;
}
#historique-perfs .analyses .analyse {
  gap: 0;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
#historique-perfs .analyses .analyse .titre {
  white-space: nowrap;
}
#historique-perfs .classement {
  white-space: nowrap;
}
#historique-perfs .drapeau-arrivee {
  font-size: 20px;
  vertical-align: middle;
}
@media (max-width: 599px) {
  #historique-perfs .drapeau-arrivee {
    display: none;
  }
  #historique-perfs td.classement {
    font-size: 14px;
  }
  #historique-perfs td.controls {
    padding-left: 0;
    padding-right: 0;
  }
}
#historique-perfs .extra-infos {
  display: block;
  margin: 0;
  text-align: center;
}
#historique-perfs .btn-plus {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #C90900;
  border-radius: 5px;
  border: 1px solid #C90900;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  width: inherit;
  height: inherit;
  line-height: inherit;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  width: 20px;
}
#historique-perfs .btn-plus:hover {
  background-color: #FFFFFF;
  color: #C90900;
  border: 1px solid #C90900;
}
#historique-perfs .btn-plus:after {
  content: "+";
}
#historique-perfs .btn-plus.expanded:after {
  content: "-";
}
#historique-perfs #login-btn {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #FF8605;
  border-radius: 5px;
  border: 1px solid #FF8605;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  width: inherit;
  height: inherit;
  line-height: inherit;
  text-align: center;
  text-decoration: none;
}
#historique-perfs #login-btn:hover {
  background-color: #FFFFFF;
  color: #FF8605;
  border: 1px solid #FF8605;
}
#historique-perfs #bet-btn, #historique-perfs #signup-btn {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #C90900;
  border-radius: 5px;
  border: 1px solid #C90900;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  width: inherit;
  height: inherit;
  line-height: inherit;
  text-align: center;
  text-decoration: none;
}
#historique-perfs #bet-btn:hover, #historique-perfs #signup-btn:hover {
  background-color: #FFFFFF;
  color: #C90900;
  border: 1px solid #C90900;
}
#historique-perfs #bet-btn, #historique-perfs #login-btn, #historique-perfs #signup-btn {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px;
  height: 30px;
  margin: 12px;
  width: 170px;
}
#historique-perfs #bet-btn a, #historique-perfs #login-btn a, #historique-perfs #signup-btn a {
  color: #FFFFFF;
  text-decoration: none;
}
#historique-perfs #perfs-infos .item-details:not(:last-child) {
  border-bottom: 2px solid #000000;
}
#historique-perfs .stats-cheval {
  display: none;
  margin-bottom: 20px;
}
#historique-perfs .stats-cheval .title {
  margin: 20px 0 10px 0;
}
#historique-perfs .stats-cheval table tr td, #historique-perfs .stats-cheval table tr th {
  text-align: center !important;
}
@charset "UTF-8";
/* Utilisé pour gérer des pbs d'affichages ponctuels sur les mobiles très petits mais ne constitue pas un layout complet */
/*
 * Cette doc est en anglais mais elle est très claire, voir : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 * Note : l'ordre est important, voir : https://css-tricks.com/using-flexbox/
 *
 * flexFlow = flexDirection flexWrap : row nowrap
 */
/** Note : flex = flexGrow flexShrink flexBasis */
#fiche-cheval-notes {
  text-align: center;
  width: 100%;
}
#fiche-cheval-notes .empty-notes {
  margin: 20px;
}
#fiche-cheval-notes form {
  text-align: center;
  width: 100%;
}
#fiche-cheval-notes form textarea {
  display: block;
  padding: 5px;
  width: 100%;
}
#fiche-cheval-notes .note {
  gap: 0;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: #FFFEC6;
  border: 1px solid #FFEA00;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  text-align: left;
  width: 100%;
}
#fiche-cheval-notes .note .date {
  color: #2B2B2B;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}
#fiche-cheval-notes .note .confirmation, #fiche-cheval-notes .note .controls {
  position: absolute;
  right: 5px;
  top: 5px;
}
@media (hover: hover) {
  #fiche-cheval-notes .note .confirmation, #fiche-cheval-notes .note .controls {
    display: none;
  }
}
#fiche-cheval-notes .note:hover .confirmation, #fiche-cheval-notes .note:hover .controls {
  display: inline-flex;
}
#fiche-cheval-notes .note .confirmation .btn {
  height: 24px;
  margin: 0 5px;
}
#fiche-cheval-notes .note .controls a {
  border: none;
  cursor: pointer;
  display: inline-block;
  transform: scale(0.7);
}
#fiche-cheval-notes .note .commentaire {
  width: 100%;
}
@charset "UTF-8";
/* Utilisé pour gérer des pbs d'affichages ponctuels sur les mobiles très petits mais ne constitue pas un layout complet */
/*
 * Cette doc est en anglais mais elle est très claire, voir : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 * Note : l'ordre est important, voir : https://css-tricks.com/using-flexbox/
 *
 * flexFlow = flexDirection flexWrap : row nowrap
 */
/** Note : flex = flexGrow flexShrink flexBasis */
#fiche-cheval-selector {
  gap: 0;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #C90900;
}
#fiche-cheval-selector ul {
  flex-grow: 1;
}
#fiche-cheval-selector ul li {
  padding: 10px;
  text-align: center;
}
#fiche-cheval-selector ul li .horse-name {
  color: #C90900;
  display: inline-block;
  font-family: "Avenir Condensed", Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}
#fiche-cheval-selector ul li .pictos {
  display: inline-block;
  line-height: 24px;
}
@media (max-width: 599px) {
  #fiche-cheval-selector ul li .pictos {
    padding-right: 35px;
  }
}
#fiche-cheval-selector ul li .tuto_callforaction {
  cursor: default;
  display: inline-block;
  line-height: normal;
  margin-left: 50px;
  margin-top: -5px;
}
@media (max-width: 599px) {
  #fiche-cheval-selector ul li .tuto_callforaction {
    margin-left: 10px;
  }
}
#fiche-cheval-selector ul li:not(.selected) {
  display: none;
}
#fiche-cheval-selector ul li .favoris-star, #fiche-cheval-selector ul li .notification {
  cursor: pointer;
  font-size: 16px;
  margin-left: 10px;
  transition-duration: 0.2s;
  vertical-align: top;
}
#fiche-cheval-selector ul li .favoris-star, #fiche-cheval-selector ul li .notification {
  color: #8D8D8D;
}
#fiche-cheval-selector ul li .favoris-star.enabled, #fiche-cheval-selector ul li .notification.enabled {
  color: #FBB622;
}
#fiche-cheval-selector .nav {
  cursor: pointer;
  flex-shrink: 0;
  font-size: 25px;
  padding: 10px;
}
@charset "UTF-8";
/* Utilisé pour gérer des pbs d'affichages ponctuels sur les mobiles très petits mais ne constitue pas un layout complet */
/*
 * Cette doc est en anglais mais elle est très claire, voir : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 * Note : l'ordre est important, voir : https://css-tricks.com/using-flexbox/
 *
 * flexFlow = flexDirection flexWrap : row nowrap
 */
/** Note : flex = flexGrow flexShrink flexBasis */
#fichecheval .title {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #C90900;
  font-size: 18px;
  font-weight: bold;
  padding: 0.5rem 0.75rem;
  text-transform: uppercase;
  width: 100%;
}
#fichecheval .title.title-perf {
  justify-content: space-around;
}
#fichecheval .title.title-perf > * {
  flex-basis: 0;
  flex-grow: 1;
}
#fichecheval .title.title-perf > *.btn-wrapper {
  text-align: right;
}
#fichecheval #app-fiche-cheval .react-tabs {
  margin-top: 20px;
}
#fichecheval #app-fiche-cheval .favori-ajoute-le {
  font-size: 12px;
  font-style: italic;
  margin-right: 10px;
  margin-top: 5px;
  text-align: right;
}
#fichecheval #app-fiche-cheval img.casaque {
  height: 80px;
  margin-bottom: 20px;
}
#fichecheval #app-fiche-cheval .btn {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #C90900;
  border-radius: 5px;
  border: 1px solid #C90900;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  width: inherit;
  height: inherit;
  line-height: inherit;
  text-align: center;
  text-decoration: none;
  height: auto;
  padding: 5px 10px;
}
#fichecheval #app-fiche-cheval .btn:hover {
  background-color: #FFFFFF;
  color: #C90900;
  border: 1px solid #C90900;
}
#fichecheval #app-fiche-cheval .btn.light {
  gap: 0;
  display: -webkit-inline-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-inline-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-inline-flexbox; /* TWEENER - IE 10 */
  display: -webkit-inline-flex; /* NEW - Chrome */
  display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #AFAFAF;
  border-radius: 5px;
  border: 1px solid #AFAFAF;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  width: inherit;
  height: inherit;
  line-height: inherit;
  text-align: center;
  text-decoration: none;
}
#fichecheval #app-fiche-cheval .btn.light:hover {
  background-color: #FFFFFF;
  color: #AFAFAF;
  border: 1px solid #AFAFAF;
}
#fichecheval #app-fiche-cheval .btn, #fichecheval #app-fiche-cheval .btn.light {
  font-size: 12px;
  height: 30px;
  margin: 12px 6px;
  max-width: 170px;
}
#fichecheval #app-fiche-cheval .nom_jockey {
  text-transform: capitalize;
}
#fichecheval #app-fiche-cheval table tr.highlighted td {
  position: relative;
}
#fichecheval #app-fiche-cheval table tr.highlighted td:first-child:before {
  background-color: #C90900;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}
#fichecheval #app-fiche-cheval table tr.highlighted td.cheval {
  font-weight: bold;
}
#fichecheval #app-fiche-cheval table th, #fichecheval #app-fiche-cheval table td {
  padding: 0 10px;
  text-align: left;
}
#fichecheval #app-fiche-cheval table th:first-child, #fichecheval #app-fiche-cheval table td:first-child {
  padding-left: 20px;
}
#fichecheval #app-fiche-cheval table th.filter, #fichecheval #app-fiche-cheval table td.filter {
  cursor: zoom-in;
}
#fichecheval #app-fiche-cheval table th.center, #fichecheval #app-fiche-cheval table td.center {
  padding: 0;
  text-align: center;
}
#fichecheval #app-fiche-cheval table td.classement, #fichecheval #app-fiche-cheval table td.nom_hippo {
  font-weight: bold;
}
#fichecheval #app-fiche-cheval table td .fa-message-dots {
  display: inline-block;
  margin-left: 5px;
  opacity: 0.5;
}
@media (max-width: 599px) {
  #fichecheval #app-fiche-cheval table td.nom_hippo .fa-message-dots {
    display: none;
  }
}
#fichecheval #app-fiche-cheval table tbody > tr.item .plus {
  cursor: pointer;
}
#fichecheval #app-fiche-cheval table tbody > tr.item-details {
  display: none;
}
#fichecheval #app-fiche-cheval table tbody > tr.item-details > td {
  padding: 20px 0 40px;
}
#fichecheval #app-fiche-cheval table tbody > tr.item-details > td table {
  margin: auto;
  width: 80%;
}
#fichecheval #app-fiche-cheval table tbody > tr.item-details > td table tbody > tr {
  background-color: #EEEEEE;
  border: 1px solid #D4D4D4;
}
#fichecheval #app-fiche-cheval table tbody > tr.item-details > td table tbody > tr:nth-child(4n-1) {
  background-color: #FFFFFF;
}
#fichecheval #app-fiche-cheval table > tbody > tr {
  background-color: #EEEEEE;
}
@media (min-width: 600px) {
  #fichecheval #app-fiche-cheval table > tbody > tr:nth-child(odd) {
    background-color: #FFFFFF;
  }
}
@media (max-width: 599px) {
  #fichecheval #app-fiche-cheval table > tbody > tr {
    font-size: 12px;
  }
  #fichecheval #app-fiche-cheval table > tbody > tr:nth-child(6n), #fichecheval #app-fiche-cheval table > tbody > tr:nth-child(6n-1), #fichecheval #app-fiche-cheval table > tbody > tr:nth-child(6n-2) {
    background-color: #FFFFFF;
  }
  #fichecheval #app-fiche-cheval table > tbody > tr.item td {
    height: 30px;
  }
}
#fichecheval #app-fiche-cheval table > tbody > tr.detail-mobile {
  display: none;
}
#fichecheval #app-fiche-cheval table > tbody > tr.detail-mobile table > tbody > tr {
  background-color: inherit;
}
#fichecheval #app-fiche-cheval table > tbody > tr.detail-mobile td {
  padding: 0;
}
#fichecheval #app-fiche-cheval table > tbody > tr.item-details > td table tr.highlighted {
  cursor: pointer;
}
#fichecheval #app-fiche-cheval table > tbody > tr.item-details > td table tr td [title] {
  margin-left: 5px;
  vertical-align: middle;
}
@media (max-width: 599px) {
  #fichecheval #app-fiche-cheval table tr td.nom_jockey:not(.show-mobile), #fichecheval #app-fiche-cheval table tr td.allocation:not(.show-mobile), #fichecheval #app-fiche-cheval table tr td.nb_partants:not(.show-mobile), #fichecheval #app-fiche-cheval table tr td.distance:not(.show-mobile), #fichecheval #app-fiche-cheval table tr td.fer:not(.show-mobile), #fichecheval #app-fiche-cheval table tr td.id_oeil:not(.show-mobile), #fichecheval #app-fiche-cheval table tr td.corde:not(.show-mobile), #fichecheval #app-fiche-cheval table tr td.type_piste:not(.show-mobile), #fichecheval #app-fiche-cheval table tr td.psf:not(.show-mobile), #fichecheval #app-fiche-cheval table tr td.cote:not(.show-mobile), #fichecheval #app-fiche-cheval table tr td.poids:not(.show-mobile), #fichecheval #app-fiche-cheval table tr td.handicap:not(.show-mobile), #fichecheval #app-fiche-cheval table tr th.nom_jockey:not(.show-mobile), #fichecheval #app-fiche-cheval table tr th.allocation:not(.show-mobile), #fichecheval #app-fiche-cheval table tr th.nb_partants:not(.show-mobile), #fichecheval #app-fiche-cheval table tr th.distance:not(.show-mobile), #fichecheval #app-fiche-cheval table tr th.fer:not(.show-mobile), #fichecheval #app-fiche-cheval table tr th.id_oeil:not(.show-mobile), #fichecheval #app-fiche-cheval table tr th.corde:not(.show-mobile), #fichecheval #app-fiche-cheval table tr th.type_piste:not(.show-mobile), #fichecheval #app-fiche-cheval table tr th.psf:not(.show-mobile), #fichecheval #app-fiche-cheval table tr th.cote:not(.show-mobile), #fichecheval #app-fiche-cheval table tr th.poids:not(.show-mobile), #fichecheval #app-fiche-cheval table tr th.handicap:not(.show-mobile) {
    display: none;
  }
  #fichecheval #app-fiche-cheval table tbody > tr.item-details > td table {
    margin: auto;
    width: 90%;
  }
}
@media (max-width: 599px) and (max-width: 599px) {
  #fichecheval #app-fiche-cheval table tbody > tr.item-details > td table > tbody > tr {
    background-color: #FFFFFF;
  }
  #fichecheval #app-fiche-cheval table tbody > tr.item-details > td table > tbody > tr:nth-child(4n-1), #fichecheval #app-fiche-cheval table tbody > tr.item-details > td table > tbody > tr:nth-child(4n) {
    background-color: #EEEEEE;
  }
  #fichecheval #app-fiche-cheval table tbody > tr.item-details > td table > tbody > tr:not(.detail-mobile) {
    border-bottom: 0;
  }
  #fichecheval #app-fiche-cheval table tbody > tr.item-details > td table > tbody > tr.detail-mobile {
    border-top: 0;
  }
}
@media (max-width: 599px) {
  #fichecheval #app-fiche-cheval table tbody > tr.detail-mobile {
    display: table-row;
  }
  #fichecheval #app-fiche-cheval table tbody > tr.detail-mobile td {
    font-style: italic;
    height: auto;
    padding: 0 10px 5px 20px;
  }
  #fichecheval #app-fiche-cheval table tbody > tr.detail-mobile td > div {
    display: inline-block;
    padding: 5px;
    position: relative;
    vertical-align: middle;
  }
  #fichecheval #app-fiche-cheval table tbody > tr.detail-mobile td > div.filter {
    cursor: zoom-in;
  }
  #fichecheval #app-fiche-cheval table tbody > tr.detail-mobile td > div.nom_jockey {
    font-weight: bold;
  }
  #fichecheval #app-fiche-cheval table tbody > tr.detail-mobile td > div:after {
    border-right: 1px solid #AFAFAF;
    bottom: 5px;
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
  }
  #fichecheval #app-fiche-cheval table tbody > tr.detail-mobile td > div:first-child {
    padding-left: 0;
  }
  #fichecheval #app-fiche-cheval table tbody > tr.detail-mobile td > div:last-child:after {
    display: none;
  }
}

/*# sourceMappingURL=ficheCheval.css.map*/