/* CSS Document */
.titre-h1{font-family:'Pacifico', cursive;}
@media (max-width: 767px) {.titre-h1{font-size:1.5rem;} }
.text-bleufonce{color:#294A6B}.text-bleuclair{color:#6EC8DF}
.text-jaune{color:#FFD600;}

ul.navbar-nav > li.nav-item{ min-width: 7rem; text-align: center;}
li.nav-item{ display: inline; border-left: 1px solid; border-color:#EEE; padding-left: 0.3em; min-width: 7rem; text-align: center;}
li.nav-item:nth-child(1) { border-left: none; padding-left: 0; }


.jumbotron{background-color:#FCFCFC; }
.jumbotron {margin-top:3rem;}
.jumbotron p{color:#FFF; }
.navbar-light a.nav-link{color:#333 !important;}
.breadcrumb-item, breadcrumb-item a{color:#333 !important;}
.display-4-5 {font-size: 2.75rem; font-weight: 300; line-height: 1.2; }
.display-5 {font-size: 2.5rem; font-weight: 300; line-height: 1.2; }
.display-5-5 {font-size: 2.25rem; font-weight: 300; line-height: 1.2; }
.display-6 {font-size: 2rem; font-weight: 300; line-height: 1.2; }
.display-7 {font-size: 1.75rem; font-weight: 300; line-height: 1.2; }
.display-8 {font-size: 1.5rem; font-weight: 300; line-height: 1.2; }
.display-9 {font-size: 1.25rem; font-weight: 300; line-height: 1.2; }
.btn-metropolitaines{ background-color:#EEE; color:white; border:1px solid #DDD; }
.btn-metropolitaines:hover{  color:white; border:1px solid #DDD }
.btn-facebook{ background-color:#3B57A0; color:white; border:1px solid #3B57A0; }
.btn-facebook:hover{  color:white; border:1px solid #3B57A0 }
.btn-twitter{  background-color:#0069d9; color:white; border:1px solid #0069d9; }
.btn-twitter:hover{   color:white; border:1px solid #0069d9 }
.btn-youtube{  background-color:#DD4D40; color:white; border:1px solid #DD4D40; } 
.btn-youtube:hover{color:white;}
.btn-instagram{background-color:#6A453B; color:white; border:1px solid #6A453B; }
.btn-instagram:hover{ color:white; border:1px solid #6A453B }
.btn-treebal{background-color:#00883F; color:white; border:1px solid #00883F; }
.btn-treebal:hover{ color:white; border:1px solid #00883F }
.btn-info-dark {  color: #fff;  background-color: #035b6f;  border-color: #035b6f;}
.btn-info-dark:hover {  color: #fff;  background-color: #138496;  border-color: #117a8b;}
.btn-info-dark:focus, .btn-info-dark.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);}
.btn-info-dark.disabled, .btn-info-dark:disabled {  background-color: #17a2b8;  border-color: #17a2b8;}
.btn-info-dark:not([disabled]):not(.disabled):active, 
  .btn-info-dark:not([disabled]):not(.disabled).active, 
  .show > .btn-info-dark.dropdown-toggle {  color: #fff;  background-color: #117a8b;  border-color: #10707f;  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);}

.bg-titre{background-color:#44B6D7; border-color:#44B6D7; }
.bbc-b-danger{ border-bottom-color: #dc3545}
.bbc-b-secondary{ border-bottom-color: #868e96}
.bs-danger{box-shadow: 0 2px 0 #d9534f;}
.bs-secondary{box-shadow: 0 2px 0 #b6b4b4}
.text-smallcaps{font-variant: small-caps;}
.ombrage {	box-shadow: 1px 1px 12px #555; }
.nutrition-liste li{padding-bottom: 1em;}
time.icon {  font-size: 1em; /* change icon size */  display: block;  position: relative;
  width: 7em;  height: 7em;  background-color: #fff;  margin: 2em auto;  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;  -webkit-backface-visibility: hidden;  -webkit-transform: rotate(0deg) skewY(0deg);  
	-webkit-transform-origin: 50% 10%;  transform-origin: 50% 10%;}
time.icon * { display: block;  width: 100%;  font-size: 1em;  font-weight: bold;  font-style: normal;  text-align: center;}
time.icon strong { position: absolute; top: 0; padding: 0.4em 0; color: #fff; border-bottom: 1px dashed ; }
time.icon em { position: absolute; bottom: 0.3em;}
time.icon span { width: 100%; font-size: 2.8em; letter-spacing: -0.05em; padding-top: 0.8em; color: #2f2f2f;}
/* Sticky footer styles -------------------------------------------------- */
html {  position: relative;  min-height: 100%;} 
body {  /* Margin bottom by footer height */  margin-bottom: 60px;}
.footer {  position: absolute;  bottom: 0;  width: 100%;  background-color: #f5f5f5; /* Set the fixed height of the footer here */  height: 60px; /* Vertically center the text there */ line-height: 60px; }
.resultatcourses th, .resultatcourses td {text-align:center ; }
.dataTables_filter input[type="search"]{width:300px !important;}

/*idem bootstrap4*/
.bg-primary3 { background-color: #337ab7 !important;}
a.bg-primary3:hover,a.bg-primary3:focus, button.bg-primary3:hover, button.bg-primary3:focus {  background-color: #286090 !important;}
.bg-tertiary { background-color: #DEDEDE !important; }
a.bg-tertiary:hover, a.bg-tertiary:focus, button.bg-tertiary:hover, button.bg-tertiary:focus { background-color: #A2A9AF !important; }

.text-primary3 {  color: #337ab7 !important;}
a.text-primary3:hover,a.text-primary3:focus {  color: #286090 !important;}

.bg-info-dark { background-color: #035b6f !important;}
.text-info-dark { color:#005C71 !important;}

.bg-info-light { background-color: #00D3E3 !important;}
.list-group-item-info-light {  color: #0c5460;  background-color: #00D3E3;}
.list-group-item-info-light.list-group-item-action:hover, .list-group-item-info-light.list-group-item-action:focus {  color: #0c5460;  background-color: #00D3E3;}
.list-group-item-info-light.list-group-item-action.active {  color: #fff;  background-color: #00D3E3;   border-color: #0c5460;}

.bg-info2 { background-color: #29B7CF !important;}
a.bg-info2:hover, a.bg-info2:focus,button.bg-info2:hover,button.bg-info2:focus {  background-color: #29B7CF  !important;}
.border-info2 {   border-color: #29B7CF !important; }
.text-info2 {  color: #29B7CF !important;}
a.text-info2:hover, a.text-info2:focus {  color: #0f6674 !important;}

.bg-warning-light { background-color: #FFF3D2 !important; }
.bg-warning-light2 { background-color: #FFF8E5 !important; }

.bg-rose  { background-color: #FF7FBB !important; }

.big{font-size: 1.2rem}

.w-5 { width: 5% !important;}
.w-10 { width: 10% !important;}.w-11 { width: 11% !important;} .w-12 { width: 12% !important;}.w-13 { width: 13% !important;}.w-14 { width: 14% !important;}
.w-15 { width: 15% !important;}.w-16 { width: 16% !important;} .w-17 { width: 17% !important;}.w-18 { width: 18% !important;}.w-19 { width: 18% !important;}
.w-20 { width: 20% !important;}
.w-30 { width: 30% !important;}.w-35 { width: 35% !important;}
.w-40 { width: 40% !important;}.w-45 { width: 45% !important;}
.w-60 { width: 60% !important;}.w-65 { width: 65% !important;}
.w-70 { width: 70% !important;}
.w-80 { width: 80% !important;}.w-85 { width: 85% !important;}
.w-90 { width: 90% !important;}.w-95 { width: 95% !important;}

.pt-1_5,.py-1_5 {padding-bottom: .35rem!important;}
.pb-1_5,.py-1_5 {padding-bottom: .35rem!important;}
.dropdown-item.active, .dropdown-item:active{background-color: #cf0c4f !important;}

#tarteaucitronRoot .tarteaucitronH1{font-size: 1rem !important; margin: 5px 0 8px !important; }
#tarteaucitronRoot .tarteaucitronH2{font-size: 0.95rem !important; margin: 5px 0 8px !important; }
#tarteaucitron .tarteaucitronH3 {font-size: 0.9rem !important;}
#tarteaucitron #tarteaucitronInfo {font-size: 0.8rem  !important; max-width: 100%!important;margin: 0 !important;}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {width: 65%  !important; }
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine { border-color: #444!important;}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {  background: #444 !important;  border: 3px solid #444 !important; } 

.text-responsive { font-size: calc(100% + 1vw + 1vh);}

.bg-blot {border-radius: 15px 0px; padding: 0px 20px; line-height: 1em; }


/* -----2026 ----- */
/* ----------------------------
   Styles pour l'info d'inscription
   ---------------------------- */
   .inscription-info {
    margin: 20px auto;            /* espacement au-dessus de l’élément */
    padding: 15px 20px;           /* espace intérieur */
    max-width: 800px;             /* largeur max pour ne pas s’étendre trop */
    background-color: #ffffff;    /* fond blanc — ajuster si l’image ou le site a fond coloré */
    border: 2px solid #cccccc;    /* bordure grise claire */
    border-radius: 8px;           /* coins légèrement arrondis */
    text-align: center;
    font-size: 1.25rem;            /* un peu plus grand que le texte standard pour visibilité */
    color: #333333;               /* texte sombre */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* ombre légère pour relief */
  }
  
  .inscription-info strong {
    color: #e53935; /* rouge vif pour attirer l’attention — à remplacer avec la couleur accent de la charte */
  }
  
  .inscription-info .date-licencie,
  .inscription-info .date-non-licencie {
    font-style: italic;
  }
  
  @media (max-width: 600px) {
    .inscription-info {
      font-size: 1.1rem;  /* un peu plus petit sur mobile */
      padding: 10px;
      margin: 15px;
    }
  }
  
.btn-outline-gradient {
  background: transparent;
  border-width: 2px;
  color: inherit;
  position: relative;
  overflow: hidden;
  transition: all .25s ease;
}
.btn-outline-gradient:before {
  content: "";
  position: absolute; inset: 0;
  opacity: 0; transition: opacity .25s ease;
}
.btn-outline-gradient > span,
.btn-outline-gradient > i { position: relative; z-index: 1; }

.btn-outline-gradient:hover {
  color: #fff; transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.18);
}

/* 10 km – bleu */
.btn-outline-10km { color: #2d60a4; border-color: #2d60a4; }
.btn-outline-10km:before { background: linear-gradient(135deg, #2d60a4, #4a7bd1); }

/* Grégorienne – rose */
.btn-outline-gregorienne { color: #e75480; border-color: #e75480; }
.btn-outline-gregorienne:before { background: linear-gradient(135deg, #e75480, #ff7ca3); }

/* 5 km – vert pâle */
.btn-outline-5km { color: #5aa73b; border-color: #7ec850; }
.btn-outline-5km:before { background: linear-gradient(135deg, #7ec850, #a0d97b); }

/* Hover effect (remplissage gradient) */
.btn-outline-gradient:hover:before { opacity: 1; }

/* ----- ÉTATS ----- */
/* Désactivé (avant ouverture / non éligible) ou .complet */
.btn-outline-gradient.is-disabled,
.btn-outline-gradient.complet {
  opacity: .65; cursor: not-allowed; transform: none !important;
  box-shadow: none !important;
}
/* On neutralise le hover en état désactivé/complet (pas de remplissage) */
.btn-outline-gradient.is-disabled:hover:before,
.btn-outline-gradient.complet:hover:before { opacity: 0; }
.btn-outline-gradient.is-disabled:hover,
.btn-outline-gradient.complet:hover { color: inherit; }

/* Messages sous les boutons */
.btn-note { color: #4f5862; }                 /* gris clair par défaut */
.btn-note.text-danger { color: #dc3545 !important; }