html,
body {
  width: 100%;
  height: 100%;
  font-family: 'Open Sans', sans-serif;
}

a {
  color: #004683;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

a:hover,
a:focus {
  color: #004683;
}

p {
  font-size: 16px;
  line-height: 1.5;
}

header {
  position: relative;
  width: 100%;
  min-height: auto;
  text-align: center;
  color: #fff;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

header .header-content {
  position: relative;
  width: 100%;
  padding: 100px 15px 70px;
  text-align: center;
}

header .header-content .header-content-inner h1 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 300;
}

header .header-content .header-content-inner p {
  margin-bottom: 50px;
  font-size: 16px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7);
}

.h2-home-mobile {
  margin-top: 270px;
  font-size: 40px;
  font-weight: 300;
}

.absence-data-stat {
  font-size: 0.92em;
  font-style: italic;
  margin: 40px 20px 40px 20px;
  text-align: center;
}

.btn-voir-mdp {
  background-color: transparent;
  color: #004683;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.btn-voir-mdp:hover {
  background-color: transparent;
  color: #004683;
}

.etat-forme-equipe {
  border-radius: 3px;
  color: white;
  display: inline-block;
  font-size: 0.9em;
  font-weight: 600;
  height: 25px;
  line-height: 25px;
  margin-top: 5px;
  text-align: center;
  width: 25px;
}
.cards-etat-forme-feminine {
  border: 1px solid #b9adad;
  border-radius: 6px;
  display: inline-block;
  margin-top: 28px;
  padding: 20px 15px 20px 15px;
  text-align: center;
}
.cards-etat-forme {
  border: 1px solid #b9adad;
  border-radius: 6px;
  display: inline-block;
  margin-top: 28px;
  padding: 20px;
  text-align: center;
}
.cards-etat-forme a {
  display: block;
}
.lien-detail-match {
  display: inline!important;
  text-decoration:none;
}
.lien-detail-match:hover {
  text-decoration:none;
}

@media (max-width: 769px) {
  .titre-section {
    display: none;
  }
  .agenda {
    display: none;
  }
  .bourigeaud img {
    display : none;
  }
  .president {
    display: none;
  }
  .classementH2 {
    display: none;
  }
  .header-home {
    min-height: 80%;
    background-image: url("./images/header/terrainHomeMobileMin.webp");
    /* background-image: url("./images/header/saison22_23/noeltraineaumobile.webp"); */
  }
  .header-terrain {
    min-height: 50%;
    background-image: url("./images/header/terrainHerbeZoom.jpeg");
  }
  .header-calendar {
    min-height: 45%;
  }
  .header-organigramme {
    min-height: 50%;
    background-image: url("./images/header/terrainAutomne.jpeg");
  }
  .header-nousSituer {
    min-height: 50%;
    background-image: url("./images/header/terrain1.webp");
  }
  .header-arbitres {
    min-height: 50%;
    background-image: url("./images/header/terrainEte.jpeg");
  }
  .header-histoire {
    min-height: 50%;
    background-image: url("./images/header/histoire.jpg");
  }
  .header-buteur21-22 {
    min-height: 48%;
    background-image: url("./images/header/buteur.jpg");
  }
  .header-buteur22-23 {
    min-height: 48%;
    background-image: url("images/header/saison22_23/buteur_22_23_mobile.jpg");
  }
  .header-buteur23-24 {
    min-height: 48%;
    background-image: url("images/header/saison23_24/buteur_23_24_mobile.webp");
  }
  .header-buteur24-25 {
    min-height: 47%;
    background-image: url("images/header/saison24_25/classement_buteur.jpg");
  }
  .header-dashboard {
    display: none;
  }
  .phrase-desktop-dashboard {
    display: none;
  }
  .header-passeur21-22{
    min-height: 50%;
    background-image: url("./images/header/passeur.jpg");
  }
  .header-passeur22-23{
    min-height: 50%;
    background-image: url("./images/header/passeur22-23Mobile.webp");
  }
  .header-passeur23-24{
    min-height: 50%;
    background-image: url("images/header/saison23_24/passeur_23_24_mobile.webp");
  }
  .header-passeur24-25{
    min-height: 50%;
    background-image: url("images/header/saison24_25/classement_passeur_mobile.jpg");
  }
  .header-suspension22-23 {
    min-height: 50%;
    background-image: url("./images/header/buvette.jpg");
  }
  .header-carton22-23 {
    min-height: 50%;
    background-image: url("./images/header/cartonArbitreMobile.jpg");
  }
  .header-entrainement21-22 {
    min-height: 50%;
    background-image: url("./images/header/entrainement.jpg");
  }
  .header-entrainement22-23 {
    min-height: 50%;
    background-image: url("./images/header/entrainement.jpg");
  }
  .header-porte-bonheur-22-23 {
    min-height: 46%;
    background-image: url("./images/header/porte_bonheur_22_23.webp");
  }
  .header-porte-bonheur-23-24 {
    min-height: 46%;
    background-image: url("./images/header/porte_bonheur_23_24_mobile.jpg");
  }
  .header-porte-bonheur-24-25 {
    min-height: 47%;
    background-image: url("./images/header/saison24_25/classement_porte_bonheur_mobile.jpg");
  }
  .header-groupeA {
    min-height: 50%;
    background-image: url("./images/header/groupeA.png");
  }
  .header-groupeB {
    min-height: 50%;
    background-image: url("./images/header/groupeB.jpeg");
  }
  .header-groupeC {
    min-height: 50%;
    background-image: url("./images/header/groupeC.jpg");
  }
  .header-mobile-dashboard {
    background-image: url("./images/header/terrainHerbeZoom.jpeg");
    height: 36%;
    margin-bottom: 25px;
  }
  .h1-home {
    display: none;
  }
  .arbitreSpan {
    font-size: 0.8em;
  }
  .arbitreProfil {
    font-size: 0.9em;
  }
  .phraseJacquet {
    display: none;
  }
  .phraseJacquet2 {
    display: none;
  }
  .footerDesktopSenior {
    display: none;
  }

  .diagrammeBut21-22 {
    display: none;
  }
  .diagrammePasse21-22 {
    display: none;
  }
  .header-content-inner {
    display: none;
  }
  #map {
    display: none;
  }
  .titrePartenaires {
    /* text-align: center;
    margin-top: 40px;
    color: red; */
    margin-bottom: -100px;
  }
  .rencontres {
    margin-bottom: 60px;
    margin-top: 15px;
    max-height: 545px;
    min-height: 540px;
    width: 97%;
  }
  .titre-puskas {
    color: #152b49;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.6px;
    line-height: 24px;
    padding-left: 15px;
  }
  .sous-titre-puskas {
    color: #152b49;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.6px;
    padding-left: 15px;
  }
  .programmeMatchs {
    margin: 0px 0px 0px 0px;
  }
  .sous-titre-dashboard {
    font-size: larger;
    letter-spacing: 0.05em;
    margin-bottom: 30px;
    text-shadow: black 1px 1px 1px;
  }
  .titre-dashboard {
    margin-top: 70px;
    text-shadow: rgb(0 0 0) 1px 1px 1px;
  }
  .logo-transparent {
    margin-top: 30px;
    width: 25%;
  }
  .detail-stats-desktop {
    display: none;
  }
  .title-calendrier-desktop {
    display: none;
  }
  .th-porte-bonheur {
    border-bottom: 2px solid #091c3e;
    box-sizing: border-box; 
    font-size: 0.90em;
  }
  .th-porte-bonheur-ratio-desktop {
    display: none;
  }
  .minimum-matchs-porte-bonheur {
    font-style: italic;
    font-size: x-small;
    text-align: center;
    margin-top: 7px;
    margin-bottom: 5px;
  }
  .rencontres-weekend-iframe {
    border-width: 0px;
    display: block;
    height: 450px;
    margin: auto;
    overflow: auto;
    width: 100%;
  }
  .photo-bureau {
    height: 75%;
    margin: -45px 0px 0px 0px;
  }
  .js-slider_img {
    height: 30%!important;
  }
  .js-slider {
    height: 50vh!important;
    margin: 0 auto 75px auto;
  }
  .wo-h3 {
    border-bottom: 0px solid!important;
  }
  .pDiagrammeDetail {
    font-style: italic;
    text-align: center;
    margin-top: 7px;
    margin-bottom: 5px;
    font-size: 10px;
  }
}

.lien-stats-epreuve {
  margin: auto;
  margin-bottom: 22px;
  margin-top: 10px;
  text-align: center;
}

@media (min-width: 769px) {
  .h2-home-mobile {
    display: none;
  }
  .footerMobileSenior {
    display: none;
  }
  .header-home {
    min-height: 100%;
    background-image: url("./images/header/terrainHome.webp");
    /* background-image: url("./images/header/saison22_23/noeltraineau.webp"); */
  }
  .header-terrain {
    min-height: 100%;
    background-image: url("./images/header/terrainHerbeZoom.jpeg");
  }
  .header-organigramme {
    min-height: 100%;
    background-image: url("./images/header/terrainAutomne.jpeg");
  }
  .header-nousSituer {
    min-height: 100%;
    background-image: url("./images/header/terrain1.webp");
  }
  .header-arbitres {
    min-height: 100%;
    background-image: url("./images/header/terrainEte.jpeg");
  }
  .header-histoire {
    min-height: 100%;
    background-image: url("./images/header/histoire.jpg");
  }
  .header-buteur21-22 {
    min-height: 100%;
    background-image: url("./images/header/buteur.jpg");
  }
  .header-buteur22-23 {
    min-height: 100%;
    background-image: url("images/header/saison22_23/buteur_22_23_desktop.jpg");
  }
  .header-buteur23-24 {
    min-height: 100%;
    background-image: url("images/header/saison23_24/buteur_23_24_desktop.webp");
  }
  .header-buteur24-25 {
    min-height: 100%;
    background-image: url("images/header/saison24_25/classement_buteur.jpg");
  }
  .header-dashboard {
    min-height: 100%;
    background-image: url("./images/header/terrainHerbeZoom.jpeg");
  }
  .header-mobile-dashboard {
    display: none;
  }
  .header-passeur21-22 {
    min-height: 100%;
    background-image: url("./images/header/passeur.jpg");
  }
  .header-passeur22-23 {
    min-height: 100%;
    background-image: url("./images/header/passeur22-23PC.webp");
  }
  .header-passeur23-24{
    min-height: 100%;
    background-image: url("images/header/saison23_24/passeur_23_24_desktop.webp");
  }
  .header-passeur24-25{
    min-height: 100%;
    background-image: url("images/header/saison24_25/classement_passeur_desktop.jpg");
  }
  .header-suspension22-23 {
    min-height: 100%;
    background-image: url("./images/header/buvette.jpg");
  }
  .header-carton22-23 {
    min-height: 100%;
    background-image: url("./images/header/cartonArbitre.jpg");
  }
  .header-entrainement21-22 {
    min-height: 100%;
    background-image: url("./images/header/entrainement.jpg");
  }
  .header-entrainement22-23 {
    min-height: 100%;
    background-image: url("./images/header/entrainement.jpg");
  }
  .header-porte-bonheur-22-23 {
    min-height: 100%;
    background-image: url("./images/header/porte_bonheur_22_23.webp");
  }
  .header-porte-bonheur-23-24 {
    min-height: 100%;
    background-image: url("./images/header/porte_bonheur_23_24_desktop.jpg");
  }
  .header-porte-bonheur-24-25 {
    min-height: 100%;
    background-image: url("./images/header/saison24_25/classement_porte_bonheur_desktop.jpg");
  }
  .classementH2Mobile {
    display: none;
  }
  .header-groupeA {
    min-height: 100%;
    background-image: url("./images/header/groupeA.jpg");
  }
  .header-groupeB {
    min-height: 100%;
    background-image: url("./images/header/groupeB.jpeg");
  }
  .header-groupeC {
    min-height: 100%;
    background-image: url("./images/header/groupeC.jpg");
  }
  .phraseJacquetMobile {
    display: none;
  }
  .phraseJacquet2Mobile {
    display: none;
  }

  .actusMobile {
    display: none;
  }
  .desktop-h1-home {
    margin-top: 140px;
  }
  .h1-home-mobile {
    display: none;
  }
  .btn-rejoins-nous-mobile {
    display: none;
  }
  .presidentMobile {
    display: none;
  }
  .photoPresidentMobile {
    display: none;
  }
  .bourigeaudMobile {
    display: none;
  }

  header .header-content {
    position: absolute;
    top: 50%;
    padding: 0 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  header .header-content .header-content-inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
  }

  header .header-content .header-content-inner h1 {
    font-size: 100px;
  }

  header .header-content .header-content-inner p {
    margin-right: auto;
    margin-left: auto;
    max-width: 80%;
    font-size: 20px;
  }

  .titreRevealMobile {
    display: none;
  }

  .rencontres {
    margin-bottom: 60px;
    margin-top: 25px;
    max-height: 545px;
    min-height: 540px;
    width: 75%;
  }
  .titre-puskas {
    color: #152b49;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.6px;
    line-height: 24px;
    padding-left: 15px;
    text-align: center;
  }
  .sous-titre-puskas {
    color: #152b49;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.6px;
    padding-left: 15px;
    text-align: center;
  }
  .programmeMatchs {
    margin: 35px 0px 0px 0px;
  }
  .logo-transparent {
    margin-top: 90px;
    width: 13%;
  }
  .tableau-classement-desktop {
    font-size: 1.05em;
  }
  .title-calendrier-mobile {
    display: none;
  }
  .th-porte-bonheur {
    border-bottom: 2px solid #091c3e;
    box-sizing: border-box; 
  }
  .th-porte-bonheur-ratio-mobile {
    display: none;
  }
  .minimum-matchs-porte-bonheur {
    font-style: italic;
    font-size: small;
    text-align: center;
    margin-top: 7px;
    margin-bottom: 5px;
  }
  .rencontres-weekend-iframe {
    border-width: 0px;
    display: block;
    height: 450px;
    margin: auto;
    overflow: auto;
    width: 100%;
  }
  .article-desktop-btn {
    margin-top: 45px!important;
  }
  .pDiagrammeDetail {
    font-style: italic;
    font-size: smaller;
    text-align: center;
    margin-top: 7px;
    margin-bottom: 5px;
  }
}

.section-heading {
  margin-top: 0;
  margin-bottom: 0px;
}

.titre-section {
  /* background-color: whitesmoke; */
  padding: 70px 0px 70px 0px;
}
.titre-section h2 {
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  letter-spacing: 0.15em;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.actusMobile {
  /* background-color: whitesmoke; */
  padding: 50px 0px 50px 0px;
}
.actusMobile h2 {
  border-bottom: 3px solid #004683;
  padding-bottom: 17px;
  color: #000;
  font-size: 32px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0.15em;
}

.traitActusDroite {
  height: 5px;
  background-color: #004683;
  float: right;
  margin-top: 45px;
}
.traitActusGauche {
  height: 5px;
  background-color: #004683;
  float: left;
  margin-top: 45px;
}

.statistiques {
  /* background-color: whitesmoke; */
  /* padding-top: 20px; */
  /* padding-bottom: 20px; */
}
.statistiques img {
  width: 90%;
}
.statistiques iframe {
  width: 90%;
}
/* .statistiques h3 {
  text-align: center;
  margin-bottom: 25px;
  text-shadow: -1px 0 #021fff, 0 1px #021fff, 1px 0 rgb(255, 255, 255), 0 -1px #021fff;
} */
.statistiques p {
  margin-top: 10px;
  text-align: center;
  font-style: italic;
}
.passeurs img {
  max-height: 300px;
  border-radius: 5%;
  display: block;
  margin: auto;
  box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.5);
}
.buteurs img {
  max-height: 300px;
  border-radius: 5%;
  display: block;
  margin: auto;
  box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.5);
}

.puskas img {
  max-height: 300px;
  border-radius: 3%;
  box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.5);
  display: block;
  margin: auto;
  /* filter: grayscale(100%); */
  /*   box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.5); */
}
/* .puskas iframe {
  max-height: 300px;
  border-radius: 3%;
  box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.5);
  display: block;
  margin: auto;
}  */

.puskas iframe {
  /* position: absolute; */
  /* top: 0;
  left: 0px; */
  /* width: 100%; */
  display: block;
  max-height: 500px;
  border-radius: 3%;
  box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.5);
  margin: auto;
  margin-top: 20px;
}

.puskas img:hover {
  filter: grayscale(0);
  transition: 0.2s;
}
.buteurs img:hover {
  transform: scale(1.05);
  transition: 0.5s;
}
.passeurs img:hover {
  transform: scale(1.05);
  transition: 0.5s;
}

/* .passeurs img:hover {
  background-size: 110%;
  border-radius: 15%;
  transition: 0.6s ease-in-out;
} */
.resumeManMatch {
  font-size: 0.9em;
  font-weight: bold;
  font-style: normal;
  color: crimson;
}

.agenda {
  position: relative;
  overflow: hidden;
  padding-top: 45%;
}
.agenda iframe {
  position: absolute;
  top: 0;
  left: 20px;
  width: 90%;
  height: 100%;
  border: 0;
}

.titreRencontres {
  text-align: center;
  margin-bottom: 8%;
}

.agendaMobile {
  position: relative;
  padding-top: 665px;
  margin-top: 22px;
}
.agendaMobile iframe {
  position: absolute;
  top: 0;
  left: 20px;
  width: 90%;
  height: 700px;
  background-color: #1f5eb9;
}

.partenairesOfficiels {
  background-color: #ffffff;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 100px;
  /* padding-left: 20px; */
  /* padding-right: 20px; */
  width: 100%;
  color: #999999;
  /* font-size: 1.3em; */
  /* height: 350px; */
}
.partenairesOfficiels h2 {
  text-align: center;
  color: red;
}
.sectionPartenaires {
  /* margin-bottom: 5px; */
}

.partenairesOfficiels .event {
  display: inline-block;
  width: 100px;
  padding-top: 15px;
  margin: -10px 80px;
}
.event {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-block;
}
.event img {
  width: 105px;
  height: 55px;
  margin: 10px auto;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  filter: grayscale(1);
}
.event p {
  text-align: center;
  font-style: italic;
}
.event img:hover {
  filter: grayscale(0);
  transition: 0.6s;
}

.titrePartenaires {
  text-align: center;
  margin-top: 40px;
  color: red;
  font-style: italic;
}
.titrePartenaires span {
  color: rgb(40, 72, 248);
  margin-left: 10px;
}

/* ************************* FOOTER *********************** */
footer {
  background-color: #004683;
  color: white;
  padding: 30px 0 10px 0;
  text-align: center;
  /* margin-top: 50px; */
}
.footerDesktopSenior{
  background-color: #004683;
  color: white;
  padding: 30px 0 10px 0;
  text-align: center;
  margin-top: 50px;
}
.footerMobileSenior{
  background-color: #004683;
  color: white;
  padding: 30px 0 10px 0;
  text-align: center;
  margin-top: 0px;
}
form {
  margin: 0 auto;
  /* max-width: 900px; */
}
input,
textarea,
button {
  border: none;
  /* width: 55%; */
  padding: 15px 10px;
  margin: 1px 0;
  font-size: 1, 2em;
  font-family: "Advent Pro", sans-serif;
  border-radius: 8px;
}
textarea {
  height: 120px;
}
button {
  font-size: 1, 5em;
  background-color: blanchedalmond;
  color: black;
  /* width: 100%; */
}
button:hover {
  background-color: #e55039;
  color: blanchedalmond;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.button-envoyer {
  width: 100%;
}
#contact {
  color: darkkhaki;
}
#deuxiemeTrait {
  height: 1px;
  width: 75%;
  background-color: blanchedalmond;
  margin: 60px auto;
}
#trait-footer {
  height: 1px;
  width: 75%;
  background-color: white;
  margin: 25px auto 25px auto;
}
#copyrightEtIcons {
  display: flex;
  margin-bottom: 20px;
  padding: 0 10%;
}
#copyright {
  width: 105%;
  text-align: left;
  color: blanchedalmond;
}
#icons {
  width: 100%;
  text-align: right;
  width: 100%;
}
#iconsNav {
  display: inline-block;
  font-size: 1.4em;
  color: white;
  margin-top: 10px;
  margin-left: 90px;
  margin-right: 20px;
}
#iconsNav i:hover {
  transform: scale(1.4);
  transition: 0.4s;
}
#iconsNav span {
  margin-right: 15px;
}

#icons a {
  display: inline-block;
  padding: 0 15px;
  font-size: 1.5em;
  color: white;
}
#icons a:hover {
  transform: scale(1.6);
  transition: 0.4s;
}
.fa-instagram {
  color: rgb(236, 3, 190);
}

.content {
  padding: 15px 0;
}

.content-2 {
  color: #fff;
  background-color: #222;
}

.content-3 {
  padding: 20px 0 40px;
  text-align: center;
}

/* Background image x3 page home */
.promo,
.promo h3,
.promo a:link,
.promo a:visited,
.promo a:hover,
.promo a:active {
  color: white;
  text-shadow: 0px 0px 40px black;
  text-decoration: none;
  margin-top: 20px;
}
.promo-item {
  height: 250px;
  line-height: 180px;
  text-align: center;
}
.promo-item:hover {
  background-size: 110%;
  border: 10px solid rgba(255, 255, 255, 0.3);
  line-height: 160px;
  cursor: initial;
}
.promo-item h3 {
  font-size: 40px;
  display: inline-block;
  vertical-align: middle;
  text-shadow: rgb(0 0 0) 1px 4px 5px;
}
.lazy-background {
  background-color: #f5f5f5; /* Couleur de fond de remplacement */
  background-size: cover;
  background-position: center;
}
.lazy-background.loaded {
  background-image: none;
}

.page-footer {
  text-align: center;
}

.page-footer .contact {
  padding: 100px 0;
  background-color: yellowgreen;
  color: #fff;
}

.page-footer .contact p {
  font-size: 22px;
  font-weight: 300;
}

.content-3 .glyphicon,
.page-footer .contact .glyphicon {
  font-size: 32px;
  font-weight: 700;
}

.page-footer .small-print {
  padding: 50px 0 40px;
  font-weight: 300;
}

.text-light {
  color: rgba(255, 255, 255, 0.7);
}

.navbar-default {
  border-color: rgba(34, 34, 34, 0.05);
  background-color: #fff;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

.navbar-default .navbar-header .navbar-brand {
  color: #004683;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #004683;
  font-size: 1.3em;
  transition: 0.6s;
}

.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  color: #222;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #004683;
  font-size: 1.2em;
  transition: 0.4s;
}

.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  background-color: transparent;
}

.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
}

.dropdown-menu > li > a:hover {
  color: #004683;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #004683;
  font-size: 1.2em;
  transition: 0.4s;
}

@media (min-width: 768px) {

  .navbar-default .navbar-header .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.27em;
  }

  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
    color: #fff;
  }

  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
    color: rgba(255, 255, 255, 0.7);
  }

  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus:hover {
    color: #fff;
  }

  .navbar-default.affix {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.1);
  }

  .navbar-default.affix .navbar-header .navbar-brand {
    letter-spacing: 0;
    color: #004683;
  }

  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
    color: #004683;
  }

  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus {
    color: #222;
  }

  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover {
    color: #004683;
  }
}

.btn-default {
  border-color: #fff;
  color: #222;
  background-color: #fff;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  border-color: #eee;
  color: #222;
  background-color: #eee;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  border-color: #fff;
  background-color: #fff;
}

.btn-default .badge {
  color: #fff;
  background-color: #222;
}

.btn-primary {
  border-color: white;
  color: #004683;
  background-color: white;
  opacity: 0.95;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.65s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  border-color: white;
  color: #fff;
  background-color: #004683;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  border-color: yellowgreen;
  background-color: yellowgreen;
}

.btn-primary .badge {
  color: yellowgreen;
  background-color: #fff;
}

.btn {
  border-radius: 300px;
  text-transform: uppercase;
}

.btn-lg {
  padding: 13px 23px;
}

::-moz-selection {
  text-shadow: none;
  color: #fff;
  background: #222;
}

::selection {
  text-shadow: none;
  color: #fff;
  background: #222;
}

img::selection {
  color: #fff;
  background: 0 0;
}

img::-moz-selection {
  color: #fff;
  background: 0 0;
}

.text-primary {
  color: yellowgreen;
}

.bg-primary {
  background-color: yellowgreen;
}

.president {
  text-align: center;
}
.president h2 {
  margin: 70px 0px 60px 0px;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4vh;
}
.photoPresident img {
  width: 100%;
  border-radius: 8%;
  margin: 100px 0px 70px 0px;
}

.presidentMobile {
  margin: 20px 0px 0px 10px;
}
.presidentMobile h2 {
  text-align: center;
  margin: 20px 0px 20px 0px;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5em;
}
.photoPresidentMobile img {
  width: 100%;
  border-radius: 8%;
  margin-top: 30px;
}

.organigrammeBureau {
  margin: 80px 0px 0px 0px;
  text-align: center;
}
.organigrammeBureau p {
  text-align: center;
  font-size: 1.1em;
}
.organigrammeBureau span {
  margin: 80px 0px 100px 0px;
  text-align: center;
  font-size: 1.05em;
  font-weight: bolder;
}

.organigramme {
  margin: 80px 0px 100px 0px;
  text-align: center;
}
.organigramme h4 {
  font-weight: bolder;
  color: #004683;
  margin-bottom: 20px;
}
.organigramme span {
  font-weight: bolder;
}
.sponsors {
  margin-top: -40px;
}

.arbitre {
  margin: 70px 0px 20px 0px;
}
.photoArbitre img {
  width: 100%;
  border-radius: 8%;
}
.arbitre p {
  text-align: center;
  margin-top: 10px;
  font-style: italic;
}
.arbitreTexte {
  font-style: normal;
  text-align: center;
  font-size: large;
}
.arbitreTexte h3 {
  margin-bottom: 20px;
  color: #004683;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6em;
}
.arbitreTexteMobile {
  font-style: normal;
  text-align: center;
}

.portfolio {
  display: flex;
  min-width: 600px;
  max-width: 900px;
  height: 400px;
  margin: 4rem auto;
  padding-bottom: 50px;
}
.image.active {
  flex-grow: 100;
  max-width: 600px;
  margin: 0;
  border-radius: 7px;
  background-size: auto 100%;
}

.image:not(.active) {
  flex-grow: 1;
  border-radius: 5px;
}

.text-container {
  width: 100%;
  height: 400px;
  padding: 2rem;
  visibility: hidden;
  transform: translateY(300px);
  opacity: 0;
  transition: all 0.4s ease;
  background: linear-gradient(354deg, black 0%, transparent 72%);
  color: white;
  overflow: hidden;
}
.text-container a {
  color: white;
}

.text-container a:hover {
  transition: 0.3s;
  font-size: 1.2em;
  transition: 0.8s;
}

.text {
  position: absolute;
  bottom: 5rem;
}
.active .text-container {
  visibility: visible;
  transform: translateY(0px);
  opacity: 1;
}
.image {
  min-width: 60px;
  margin: 10px;
  cursor: pointer;
  transition: 0.8s cubic-bezier(0.05, 0.61, 0.41, 0.95);
  overflow: hidden;
  position: relative;
}

.image.active {
  flex-grow: 100;
  max-width: 600px;
  margin: 0;
  border-radius: 7px;
  background-size: auto 100%;
}

.image:not(.active) {
  flex-grow: 1;
  border-radius: 5px;
}
#traitActusGauche {
  height: 5px;
  width: 26%;
  background-color: #004683;
  float: right;
  margin-top: 30px;
}
#traitActusDroite {
  height: 5px;
  width: 26%;
  background-color: #004683;
  float: left;
  margin-top: 30px;
}

#titreActus {
  width: 30%;
  margin: 0 auto;
}

#titreActus h2 {
  font-size: 5vh;
  text-align: center;
  color: black;
  margin-top: 10px;
}

#actus {
  /* padding: 80px 0px 110px 0; */
  padding: 125px 0px 110px 2px;
}

.fond-blanc {
  background-color: white;
}

.colonne-centree {
  float: none;
  margin: 0 auto;
}

.tableau {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  margin: 5px 0px 0px 0px;
  width: 100%;
}
.tableau iframe {
  position: absolute;
  top: 0;
  left: 0px;
  /* width: 90%; */
  width: 100%;
  height: 100%;
  border: 0;
}
.totobyro-formulaire,
.totobyro-formulaire:visited {
  color: blanchedalmond;
}

.totobyro-formulaire:hover {
  color: red;
  text-decoration: none;
}

.totoByro,
.totoByro:visited {
  color: white;
}

.totoByro:hover {
  color: red;
  text-decoration: none;
}
.classementH2 {
  text-align: center;
  color: black;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0.12em;
  /* text-shadow: rgb(0 0 255) 1px 4px 7px; */
  /* font-size: xx-large; */
  font-size: 40px;
  margin-bottom: 18px;
  font-weight: 700;
}
.classementH2Mobile {
  text-align: center;
  color: black;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0.12em;
  /* text-shadow: rgb(0 0 255) 1px 4px 7px; */
  /* font-size: xx-large; */
  font-size: 30px;
  margin-bottom: 18px;
  font-weight: 700;
}

.classementTableauRow {
  font-size: small;
  text-transform: uppercase;
  text-align-last: center;
}

.classementTableauTbody {
  font-size: 0.9em;
  text-align: center;
}
.td-nom-joueur-classement {
  font-weight: 600;
}
.lien-nom-joueur {
  color: #004683;
}
.lien-nom-joueur:hover {
  color: #004683;
}
.lien-nom-joueuse {
    color: #a9005ee0;
}
.lien-nom-joueuse:hover {
    color: #a9005ee0;
}
.classementTableauTr1 {
  background-color: #16be13;
  font-weight: 700;
}
.classementTableauTr2 {
  background-color: #b0b4bed1;
}

.classementTableauTr1Modif {
  background-color: black;
  font-weight: 700;
  color: white;
}
.classementTableauTr1Modif:hover {
  color: #004683;
  transition: 0.7s;
}
.classementTableauTr1Modif:hover .classementNbButPasse {
  color: #004683;
  transition: 0.7s;
}
.classementTableauTr2:hover {
  color: #004683;
  transition: 0.7s;
}

.classementTableauTr1ModifCarton {
  background-color: rgb(244, 15, 15);
  font-weight: 700;
  color: whitesmoke;
}
.classementTableauTr1ModifCarton:hover {
  color: #004683;
  transition: 0.7s;
}
.classementTableauTr1ModifCarton:hover .classementNbButPasse {
  color: #004683;
  transition: 0.7s;
}

.classementTableauTr2ModifCarton {
  background-color: #d5de13;
  font-weight: 700;
  color: whitesmoke;
}
.classementTableauTr2ModifCarton:hover {
  color: #004683;
  transition: 0.7s;
}

.classementTableauTr1:hover .classementNbButPasse {
  color: #004683;
}
.classementTableauTr2:hover .classementNbButPasse {
  color: #004683;
}
.classementTableauTr3:hover .classementNbButPasse {
  color: #004683;
}

.btnClassement {
  color: #fff;
  background-color: #004683;
  border-color: white;
}

.contenuHistoire h4 {
  font-size: 4vh;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: none;
  text-align: center;
  margin-top: 40px;
}
.contenuHistoire p {
  margin: 40px 35px 0px 35px;
}
.contenuHistoire img {
  width: 100%;
  padding-top: 10px;
}

.photoHistoire img {
  width: 100%;
  margin: 60px 0px 40px 0px;
}

.imageChampionnat1 img {
  width: 33.3%;
  float: left;
  margin: 70px 0px 40px 0px;
}
.imageChampionnat2 img {
  width: 33.3%;
  float: right;
  margin: 70px 0px 40px 0px;
}
.imageChampionnat3 img {
  width: 33.4%;
  margin: 0 auto;
  margin: 70px 0px 40px 0px;
}

.imageCoupe1 img {
  width: 49.5%;
  float: left;
  margin: 40px 0px 30px 1px;
  border-radius: 8%;
  /* height: 500px; */
}
.imageCoupe2 img {
  width: 49.5%;
  float: right;
  margin: 40px 1px 30px 0px;
  border-radius: 8%;
  /* height: 500px; */
}
.spanCoupe1 {
  float: left;
  text-align: center;
  width: 50%;
  margin-top: -10px;
}
.spanCoupe2 {
  float: right;
  width: 50%;
  text-align: center;
  margin-top: -10px;
}
.spanCoupe3 {
  display: block;
  text-align: center;
  margin-top: -20px;
  margin-bottom: 30px;
}

.classementRanking {
  font-style: italic;
}
.classementNbButPasse {
  font-weight: bolder;
  font-size: 1.12em;
}

.classementLigne:hover {
  color: #004683;
}
.h2Choucroute {
  font-size: 20px;
  font-weight: bolder;
}
.pChoucroute {
  font-size: 13px;
}

.photoCreationHistoire {
  border-radius: 8%;
  margin: 30px 0px 20px 0px;
}

.spanPhotoHistoire {
  display: block;
}

.span3Photos1 {
  float: left;
  text-align: center;
  width: 33%;
  margin-top: -19px;
  font-style: italic;
}
.span3Photos2 {
  float: right;
  width: 33%;
  text-align: center;
  margin-top: -19px;
  font-style: italic;
}
.span3Photos3 {
  float: right;
  width: 33%;
  text-align: center;
  margin-top: -19px;
  font-style: italic;
}

.histoireListeLi {
  list-style: none;
  margin: 7px 0px 0px 0px;

}
.histoireListea {
  list-style: none;
  font-size: medium;
  display: contents;
  text-align: left;
  color: black;
  font-style: italic;
}

.histoireListeLi:hover {
  list-style: none;
  font-weight: 600;
  color: #004683;
  transition: 0.3s;
}

.histoireListea:hover {
  text-decoration: none; 
  list-style: none;
  font-weight: 600;
  color: #004683;
  transition: 0.3s;
}

.discourFabien {
  font-style: italic;
}

.exploits {
  font-size: 20px;
  text-align: center;
  margin-top: 40px;
  font-weight: bolder;
}

.articlePhoto {
  border-radius: 50%;
}

.btnArticle {
  background-color: #1f5eb9;
  color: white;
  display: table;
  font-size: small;
  margin: 10px auto;
}
.btnArticle:hover {
  background-color: white;
  transition: 0.5s;
  border-color: #1f5eb9;
  color: #1f5eb9;
}

.text-article2 {
  color: whitesmoke;
}
.text-article1 {
  color: black;
}

.phraseJacquet {
  text-align: center;
  font-size : 17px;
  font-style: italic;
  margin-top: 28px;
}
.phraseJacquet2 {
  text-align: center;
  font-style: italic;
  margin-top: 28px;
}

.phraseJacquetMobile {
  text-align: center;
  font-style: italic;
  margin-top: 22px;
  line-height: 1.1;
  font-size: 14px;
}

.phraseJacquet2Mobile {
  font-size: 13px;
  font-style: italic;
  margin-top: 22px;
  text-align: center;
}

/* CAROUSEL */

.lienCarousel {
  color: #004683;
}
.lienCarousel:hover {
  color: red;
  text-decoration: none;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
li {
  list-style: none;
}
input[type="radio"] {
  display: none;
}
.js-slider {
  position: relative;
  width: 70%;
  height: 100vh;
  margin: 0 auto;
}
.js-slider_item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 3rem;
  opacity: 0;
  visibility: hidden;
  transform-origin: right center;
  transform: translate3d(0%, 0%, 0) rotateY(30deg) scaleX(0.95);
  transition: all 1s ease,transform 1s cubic-bezier(0.43, 0.28, 0.51, 1);
}
#s-1:checked ~ .js-slider .js-slider_item.img-1,
#s-2:checked ~ .js-slider .js-slider_item.img-2,
#s-3:checked ~ .js-slider .js-slider_item.img-3, 
#s-4:checked ~ .js-slider .js-slider_item.img-4,
#s-5:checked ~ .js-slider .js-slider_item.img-5,
#s-6:checked ~ .js-slider .js-slider_item.img-6,
#s-7:checked ~ .js-slider .js-slider_item.img-7,
#s-8:checked ~ .js-slider .js-slider_item.img-8,
#s-9:checked ~ .js-slider .js-slider_item.img-9,
#s-10:checked ~ .js-slider .js-slider_item.img-10,
#s-11:checked ~ .js-slider .js-slider_item.img-11,
#s-12:checked ~ .js-slider .js-slider_item.img-12,
#s-13:checked ~ .js-slider .js-slider_item.img-13,
#s-14:checked ~ .js-slider .js-slider_item.img-14,
#s-15:checked ~ .js-slider .js-slider_item.img-15,
#s-16:checked ~ .js-slider .js-slider_item.img-16,
#s-17:checked ~ .js-slider .js-slider_item.img-17,
#s-18:checked ~ .js-slider .js-slider_item.img-18,
#s-19:checked ~ .js-slider .js-slider_item.img-19, 
#s-20:checked ~ .js-slider .js-slider_item.img-20,
#s-21:checked ~ .js-slider .js-slider_item.img-21,
#s-22:checked ~ .js-slider .js-slider_item.img-22,
#s-23:checked ~ .js-slider .js-slider_item.img-23,
#s-24:checked ~ .js-slider .js-slider_item.img-24,
#s-25:checked ~ .js-slider .js-slider_item.img-25,
#s-26:checked ~ .js-slider .js-slider_item.img-26,
#s-27:checked ~ .js-slider .js-slider_item.img-27,
#s-28:checked ~ .js-slider .js-slider_item.img-28,
#s-29:checked ~ .js-slider .js-slider_item.img-29,
#s-30:checked ~ .js-slider .js-slider_item.img-30,
#s-31:checked ~ .js-slider .js-slider_item.img-31,
#s-32:checked ~ .js-slider .js-slider_item.img-32,

#s-33:checked ~ .js-slider .js-slider_item.img-33,
#s-34:checked ~ .js-slider .js-slider_item.img-34,
#s-35:checked ~ .js-slider .js-slider_item.img-35,
#s-36:checked ~ .js-slider .js-slider_item.img-36,
#s-37:checked ~ .js-slider .js-slider_item.img-37,
#s-38:checked ~ .js-slider .js-slider_item.img-38,
#s-39:checked ~ .js-slider .js-slider_item.img-39,
#s-40:checked ~ .js-slider .js-slider_item.img-40,
#s-41:checked ~ .js-slider .js-slider_item.img-41,
#s-42:checked ~ .js-slider .js-slider_item.img-42, 
#s-43:checked ~ .js-slider .js-slider_item.img-43,
#s-44:checked ~ .js-slider .js-slider_item.img-44,
#s-45:checked ~ .js-slider .js-slider_item.img-45,
#s-46:checked ~ .js-slider .js-slider_item.img-46,
#s-47:checked ~ .js-slider .js-slider_item.img-47,
#s-48:checked ~ .js-slider .js-slider_item.img-48,
#s-49:checked ~ .js-slider .js-slider_item.img-49,
#s-50:checked ~ .js-slider .js-slider_item.img-50,
#s-51:checked ~ .js-slider .js-slider_item.img-51,
#s-52:checked ~ .js-slider .js-slider_item.img-52,
#s-53:checked ~ .js-slider .js-slider_item.img-53,
#s-54:checked ~ .js-slider .js-slider_item.img-54,
#s-55:checked ~ .js-slider .js-slider_item.img-55,
#s-56:checked ~ .js-slider .js-slider_item.img-56 {
  opacity: 1;
  visibility: visible;
  transform-origin: left center;
  transform: translate3d(0, 0, 0) rotateY(0deg) scaleX(1);
}
.js-slider_img {
  width: 100%;
  height: 60%;
  position: relative;
  overflow: hidden;
}
.c-img-w-full {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate3d(-50%, -50%, 0);
}
.c-img-h-full {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
}
figcaption {
  display: block;
  margin: 0px 20px;
}
.wo-h3 {
  margin-top: 6rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e60012;
}
.c-label {
  display: inline-block;
  color: #eee;
  background-color: rgba(139,0,10,0.9);
  line-height: 1;
  padding: 0.5em 0.9em;
  margin-right: 0.5em;
  font-size: 1.4rem;
  font-weight: bold;
}
.view-sm {
  display: none;
}
.js-slider_nav {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translate3d(0, -50%, 0);
}
.js-slider_nav_item.prev {
  left: 0;
}
.js-slider_nav_item.next {
  right: 0;
  transform: rotateY(180deg);
}
.js-slider_nav_item {
  position: absolute;
  display: none;
  width: 4rem;
  height: 4rem;
  border: 1px solid #e60012;
  border-radius: 50%;
  cursor: pointer;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.js-slider_nav_item:before {
  content: "";
  display: block;
  position: absolute;
  left: 1rem;
  top: 55%;
  width: 1rem;
  height: 1px;
  background-color: #e60012;
  transform-origin: left bottom;
  transform: translate3d(0, -50%, 0) rotate(-45deg);
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.js-slider_nav_item:hover {
   transform: translate3d(-30%, 0, 0);
}
.js-slider_nav_item.next:hover {
   transform: rotateY(180deg) translate3d(-30%, 0, 0);
}
.js-slider_nav_item:hover:before {
  transform: translate3d(0, -50%, 0) rotate(-30deg);
}
.js-slider_nav_item:after {
  content: "";
  position: absolute;
  top: 55%;
  left: 50%;
  width: 2rem;
  height: 1px;
  background-color: #e60012;
  transform: translate3d(-50%, -50%, 0);
}
#s-1:checked ~ .js-slider .js-slider_nav .s-nav-1,
#s-2:checked ~ .js-slider .js-slider_nav .s-nav-2,
#s-3:checked ~ .js-slider .js-slider_nav .s-nav-3, 
#s-4:checked ~ .js-slider .js-slider_nav .s-nav-4,
#s-5:checked ~ .js-slider .js-slider_nav .s-nav-5,
#s-6:checked ~ .js-slider .js-slider_nav .s-nav-6,
#s-7:checked ~ .js-slider .js-slider_nav .s-nav-7,
#s-8:checked ~ .js-slider .js-slider_nav .s-nav-8,
#s-9:checked ~ .js-slider .js-slider_nav .s-nav-9,
#s-10:checked ~ .js-slider .js-slider_nav .s-nav-10,
#s-11:checked ~ .js-slider .js-slider_nav .s-nav-11,
#s-12:checked ~ .js-slider .js-slider_nav .s-nav-12,
#s-13:checked ~ .js-slider .js-slider_nav .s-nav-13,
#s-14:checked ~ .js-slider .js-slider_nav .s-nav-14,
#s-15:checked ~ .js-slider .js-slider_nav .s-nav-15,
#s-16:checked ~ .js-slider .js-slider_nav .s-nav-16,
#s-17:checked ~ .js-slider .js-slider_nav .s-nav-17,
#s-18:checked ~ .js-slider .js-slider_nav .s-nav-18,
#s-19:checked ~ .js-slider .js-slider_nav .s-nav-19, 
#s-20:checked ~ .js-slider .js-slider_nav .s-nav-20,
#s-21:checked ~ .js-slider .js-slider_nav .s-nav-21,
#s-22:checked ~ .js-slider .js-slider_nav .s-nav-22,
#s-23:checked ~ .js-slider .js-slider_nav .s-nav-23,
#s-24:checked ~ .js-slider .js-slider_nav .s-nav-24,
#s-25:checked ~ .js-slider .js-slider_nav .s-nav-25,
#s-26:checked ~ .js-slider .js-slider_nav .s-nav-26,
#s-27:checked ~ .js-slider .js-slider_nav .s-nav-27,
#s-28:checked ~ .js-slider .js-slider_nav .s-nav-28,
#s-29:checked ~ .js-slider .js-slider_nav .s-nav-29,
#s-30:checked ~ .js-slider .js-slider_nav .s-nav-30,
#s-31:checked ~ .js-slider .js-slider_nav .s-nav-31,
#s-32:checked ~ .js-slider .js-slider_nav .s-nav-32,

#s-33:checked ~ .js-slider .js-slider_nav .s-nav-33,
#s-34:checked ~ .js-slider .js-slider_nav .s-nav-34,
#s-35:checked ~ .js-slider .js-slider_nav .s-nav-35,
#s-36:checked ~ .js-slider .js-slider_nav .s-nav-36,
#s-37:checked ~ .js-slider .js-slider_nav .s-nav-37,
#s-38:checked ~ .js-slider .js-slider_nav .s-nav-38,
#s-39:checked ~ .js-slider .js-slider_nav .s-nav-39,
#s-40:checked ~ .js-slider .js-slider_nav .s-nav-40,
#s-41:checked ~ .js-slider .js-slider_nav .s-nav-41,
#s-42:checked ~ .js-slider .js-slider_nav .s-nav-42, 
#s-43:checked ~ .js-slider .js-slider_nav .s-nav-43,
#s-44:checked ~ .js-slider .js-slider_nav .s-nav-44,
#s-45:checked ~ .js-slider .js-slider_nav .s-nav-45,
#s-46:checked ~ .js-slider .js-slider_nav .s-nav-46,
#s-47:checked ~ .js-slider .js-slider_nav .s-nav-47,
#s-48:checked ~ .js-slider .js-slider_nav .s-nav-48,
#s-49:checked ~ .js-slider .js-slider_nav .s-nav-49,
#s-50:checked ~ .js-slider .js-slider_nav .s-nav-50,
#s-51:checked ~ .js-slider .js-slider_nav .s-nav-51,
#s-52:checked ~ .js-slider .js-slider_nav .s-nav-52,
#s-53:checked ~ .js-slider .js-slider_nav .s-nav-53,
#s-54:checked ~ .js-slider .js-slider_nav .s-nav-54,
#s-55:checked ~ .js-slider .js-slider_nav .s-nav-55,
#s-56:checked ~ .js-slider .js-slider_nav .s-nav-56 {
  display: block;
}
.js-slider_indicator {
  position: absolute;
  left: 0;
  top: 63%;
  width: 100%;
  text-align: center;
}
.js-slider-indi {
  position: relative;
  display: inline-block;
  padding: 2rem;
  cursor: pointer;
}
.js-slider-indi:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  background: #e60012;
  transform: translate3d(-50%, -50%, 0);
}
.js-slider-indi:hover:after {
  transform: translate3d(-50%, -50%, 0) scale(1.5);
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
#s-1:checked ~ .js-slider .js-slider_indicator .indi-1:after,
#s-2:checked ~ .js-slider .js-slider_indicator .indi-2:after,
#s-3:checked ~ .js-slider .js-slider_indicator .indi-3:after, 
#s-4:checked ~ .js-slider .js-slider_indicator .indi-4:after, 
#s-5:checked ~ .js-slider .js-slider_indicator .indi-5:after, 
#s-6:checked ~ .js-slider .js-slider_indicator .indi-6:after,
#s-7:checked ~ .js-slider .js-slider_indicator .indi-7:after, 
#s-8:checked ~ .js-slider .js-slider_indicator .indi-8:after, 
#s-9:checked ~ .js-slider .js-slider_indicator .indi-9:after, 
#s-10:checked ~ .js-slider .js-slider_indicator .indi-10:after,
#s-11:checked ~ .js-slider .js-slider_indicator .indi-11:after, 
#s-12:checked ~ .js-slider .js-slider_indicator .indi-12:after,
#s-13:checked ~ .js-slider .js-slider_indicator .indi-13:after,
#s-14:checked ~ .js-slider .js-slider_indicator .indi-14:after,
#s-15:checked ~ .js-slider .js-slider_indicator .indi-15:after,
#s-16:checked ~ .js-slider .js-slider_indicator .indi-16:after,
#s-17:checked ~ .js-slider .js-slider_indicator .indi-17:after,
#s-18:checked ~ .js-slider .js-slider_indicator .indi-18:after,
#s-19:checked ~ .js-slider .js-slider_indicator .indi-19:after, 
#s-20:checked ~ .js-slider .js-slider_indicator .indi-20:after, 
#s-21:checked ~ .js-slider .js-slider_indicator .indi-21:after, 
#s-22:checked ~ .js-slider .js-slider_indicator .indi-22:after,
#s-23:checked ~ .js-slider .js-slider_indicator .indi-23:after, 
#s-24:checked ~ .js-slider .js-slider_indicator .indi-24:after, 
#s-25:checked ~ .js-slider .js-slider_indicator .indi-25:after, 
#s-26:checked ~ .js-slider .js-slider_indicator .indi-26:after,
#s-27:checked ~ .js-slider .js-slider_indicator .indi-27:after, 
#s-28:checked ~ .js-slider .js-slider_indicator .indi-28:after,
#s-29:checked ~ .js-slider .js-slider_indicator .indi-29:after,
#s-30:checked ~ .js-slider .js-slider_indicator .indi-30:after,
#s-31:checked ~ .js-slider .js-slider_indicator .indi-31:after,
#s-32:checked ~ .js-slider .js-slider_indicator .indi-32:after,

#s-33:checked ~ .js-slider .js-slider_indicator .indi-33:after,
#s-34:checked ~ .js-slider .js-slider_indicator .indi-34:after, 
#s-35:checked ~ .js-slider .js-slider_indicator .indi-35:after,
#s-36:checked ~ .js-slider .js-slider_indicator .indi-36:after,
#s-37:checked ~ .js-slider .js-slider_indicator .indi-37:after,
#s-38:checked ~ .js-slider .js-slider_indicator .indi-38:after,
#s-39:checked ~ .js-slider .js-slider_indicator .indi-39:after,
#s-40:checked ~ .js-slider .js-slider_indicator .indi-40:after,
#s-41:checked ~ .js-slider .js-slider_indicator .indi-41:after,
#s-42:checked ~ .js-slider .js-slider_indicator .indi-42:after, 
#s-43:checked ~ .js-slider .js-slider_indicator .indi-43:after, 
#s-44:checked ~ .js-slider .js-slider_indicator .indi-44:after, 
#s-45:checked ~ .js-slider .js-slider_indicator .indi-45:after,
#s-46:checked ~ .js-slider .js-slider_indicator .indi-46:after, 
#s-47:checked ~ .js-slider .js-slider_indicator .indi-47:after, 
#s-48:checked ~ .js-slider .js-slider_indicator .indi-48:after, 
#s-49:checked ~ .js-slider .js-slider_indicator .indi-49:after,
#s-50:checked ~ .js-slider .js-slider_indicator .indi-50:after, 
#s-51:checked ~ .js-slider .js-slider_indicator .indi-51:after,
#s-52:checked ~ .js-slider .js-slider_indicator .indi-52:after,
#s-53:checked ~ .js-slider .js-slider_indicator .indi-53:after,
#s-54:checked ~ .js-slider .js-slider_indicator .indi-54:after,
#s-55:checked ~ .js-slider .js-slider_indicator .indi-55:after,
#s-56:checked ~ .js-slider .js-slider_indicator .indi-56:after {
  transform: translate3d(-50%, -50%, 0) scale(2.5);
}

.spanCoupeChampionnat {
  float: right;
  font-style: italic;
  font-size: 12px;
}

.imgBourigeaud {
  width: 23%;
  display: block;
  margin: auto;
  margin-top: -100px;
}
.imgBourigeaudMobile {
  width: 38%;
  height: auto;
  display: block;
  margin: auto;
  margin-top: -100px;
}

.h1-home-mobile {
  margin-top: 15px;
  font-style: italic;
  font-size: 14px;
  font-weight: 300;
}
.btn-rejoins-nous-mobile {
  margin-top: 25px;
}

[class*="reveal-"] {
  opacity: 0;
  transform: translateY(-30px);
}

.reveal-visible {
  opacity: 1;
  transform: translateY(0);
  transition: 1s cubic-bezier(.5, 0, 0, 1);
}

.reveal-2 {
  transition-delay: .3s;
}
.reveal-2:hover {
  transition-delay: -.1s;
}

.reveal-index-1 {
  transition-delay: .25s;
}
.reveal-index-2 {
  margin-left: 2px;
  transition-delay: 1.05s;
}
.reveal-index-3 {
  transition-delay: 1.6s;
}

.creationHistoire {
  font-style: italic;
}

.titreSaisonClassement {
  text-align: center;
  margin-top: -20px;
  margin-bottom: 20px;
  color: #004683;
}

.statSecondaire{
  font-size: 11px;
  font-style: italic;
}

.selectPosteForm {
  letter-spacing: 0.09em;
}
.selectSaisonForm {
  margin: 5px 0px 0px 0px;
}

/* .btnDiagrammeClassementButeur:focus {
  box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 3.5px rgba(58, 108, 217, 0.5);
  outline: 0;
} */
.btnDiagrammeClassementButeur {
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
  -webkit-user-select: none;
  touch-action: manipulation;
  text-transform: none;
  font-size: 0.97em;
  margin: 0px 0px 30px 0px;
  font-weight: 600;
  color: darkgreen;
  text-decoration: underline;
}
.btnDiagrammeClassementPasseur {
  display: table;
  margin: auto;
  text-transform: inherit;
  margin-top: 10px;
  margin-bottom: 20px;
  background-color: #1f5eb9;
  color: white;
}
.btnDiagrammeClassementPasseur:hover {
  background-color: white;
  transition: 0.5s;
  border-color: #1f5eb9;
  color: #1f5eb9;
}
.btn-diagramme-entrainement {
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
  -webkit-user-select: none;
  touch-action: manipulation;
  text-transform: none;
  font-size: 0.97em;
  margin: 0px 0px 30px 0px;
  font-weight: 600;
  color: darkgreen;
  text-decoration: underline;
}

.pDiagrammeTotal {
  text-align: center;
}
.titreRevealMobile {
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 300;
}
.titreClassementStatsHeader {
  text-shadow: rgb(0 0 0) 1px 1px 1px;
}
.sousTitreClassementStatsHeader {
  letter-spacing: 0.15em;
  text-shadow: black 1px 1px 1px;
}
.sousTitreClassementStatsHeaderMobile {
  letter-spacing: 0.05em;
  text-shadow: black 1px 1px 1px;
}
.titre-classement-epreuve {
  text-shadow: rgb(0 0 0) 1px 1px 1px;
  font-size: 45px;
}

#map {
  height: 50%;
  width: 85%;
  display: block;
  margin: auto;
}
.descriptionTerrain {
  font-size: 14px;
}
.lienTerrain {
  font-style: italic;
}
.terrainTitre {
  margin-top: 35px;
}
.spanMotPresident {
  color: #0c42e9;
  font-style: italic;
  font-weight: bold;
}

a[href^="#"] {
  /* padding-left: 10px; */
}
.mentions-legales-formulaire,
.mentions-legales-formulaire:visited {
  margin-bottom: 5px;
  color: blanchedalmond;
}

.mentions-legales-formulaire:hover {
  color: red;
  text-decoration: none;
}
.mentionsLegales {
  display: block;
  margin-bottom: 5px;
  color: white;
}
.wikipedia {
  color: white;
}
.mentionsLegales:hover {
  color: red;
  text-decoration: none;
}
.soireeTartiflette{
  border-radius: 7%;
  width: 70%;
  height: auto;
  margin-bottom: 40px;
  margin-top: 20px;
}
.boutique-en-ligne {
  border-radius: 7%;
  width: 80%;
  height: auto;
  margin-bottom: 40px;
}
.section-header{
  text-align: center;
}

.selectSaisonFormIndex {
  text-align: center;
}
.span-cards {
  display: block;
  text-align: center;
}
.sous-span-cards {
  display: block;
  font-style: italic;
  margin-bottom: 30px;
  text-align: center;
}
.titre-cards {
  /* text-align: center;
  margin-bottom: 25px;
  text-shadow: -1px 0 #021fff, 0 1px #021fff, 1px 0 rgb(255 255 255), 0 -1px #021fff; */
  color: #152b49;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.6px;
  line-height: 24px;
  padding-left: 15px;
}
.sous-titre-cards {
  /* text-align: center;
  margin-top: -10px;
  font-size: 0.93em;
  font-style: italic;
  margin-bottom: 20px;
  text-shadow: -1px 0 #021fff, 0 1px #021fff, 1px 0 rgb(255 255 255), 0 -1px #021fff; */
  color: #152b49;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.6px;
  padding-left: 15px;
}
.cards {
  width: 100%;
  padding: 5px;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  margin: auto;
  box-shadow: 0 4px 12px 0 rgb(21 43 73 / 20%);
  margin-bottom: 14px;
}
.img-cards {
  border-radius: 6px;
  /* max-height: 370px;
  min-height: 275px; */
}

.btnRechercher {
  flex-direction: column;
  align-items: center;
  padding: 6px 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
  border-radius: 6px;
  border: none;
  background: #6E6D70;
  box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1), inset 0px 0.5px 0.5px rgba(255, 255, 255, 0.5), 0px 0px 0px 0.5px rgba(0, 0, 0, 0.12);
  color: #DFDEDF;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  margin-top: 20px;
}
.btnRechercher:focus {
  /* box-shadow: inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2), 0px 0.5px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 3.5px rgba(58, 108, 217, 0.5); */
  background-color: rgb(25, 87, 202);;
  outline: 0;
}
.btnRechercher:hover {
  background-color: rgb(25, 87, 202);
}

/* Zoom cards hover */
.hover-cards figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover-cards figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.hover-cards-dashboard img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
  padding: 10px;
}
.hover-cards-dashboard img:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.lien-classement-complet {
  margin-top: 13px;
  font-size: 14px;
  color: rgb(0 0 0 /55%);
  text-decoration: underline;
  font-style: italic;
}
.div-classement-complet {
  margin-top: 13px;
  text-align:center; 
}
.buteur-championnat-coupe {
  color: black;
}
.buteur-championnat-coupe:hover {
  color: black;
  text-decoration: underline;
}

.th-epreuve {
  text-align: center;
}
.formulaire-dashboard {
  display: block;
  width: 98%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 7px;
  margin-left: inherit;
  height: 31px;
}
.card-dashboard {
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.175);
  border-radius: 1%;
  background-clip: border-box;
  margin-top: 25px;
}
.card-body-dashboard {
  padding: 16px 16px;
}
.d-flex {
  display: flex!important;
}
.justify-content-between {
  justify-content: space-between!important;
}
.pb-2 {
  padding-bottom: 0.5rem!important;
}
.align-self-end {
  align-self: flex-end!important;
}
.titre-main-cards-dashboard {
  color: #152b49;
  font-size: 1.45em;
  font-style: inherit;
}
.weather-p {
  font-size: smaller;
  font-style: italic;
}
.formulaire-main {
  margin-left: 7px;
}
.div-formulaire-recherche {
  margin-top: 13px;
}
.formulaire-recherche-main {
  width: 98%;
}

.data-card {
  display: flex;
  flex-direction: column;
  max-width: 20.75em;
  min-height: 20.75em;
  overflow: hidden;
  border-radius: 0.5em;
  text-decoration: none;
  background: white;
  margin: 1em;
  padding: 2.75em 2.5em;
  box-shadow: 0 1.5em 2.5em -0.5em rgba(0, 0, 0, 0.1);
  transition: transform 0.45s ease, background 0.45s ease;
}
.data-card h3 {
  color: #2e3c40;
  font-size: 3em;
  font-weight: 600;
  line-height: 1;
  padding-bottom: 0.5em;
  margin: 0 0 0.142857143em;
  border-bottom: 2px solid #1f5eb9;
  transition: color 0.45s ease, border 0.45s ease;
}
.data-card h4 {
  color: #627084;
  text-transform: uppercase;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  margin: 0 0 1.777777778em;
  transition: color 0.45s ease;
}
.data-card p {
  opacity: 0;
  color: #fff;
  font-weight: 600;
  line-height: 1.8;
  margin: 0 0 1.25em;
  transform: translateY(-1em);
  transition: opacity 0.45s ease, transform 0.5s ease;
}
.data-card .link-text {
  display: block;
  color: #1f5eb9;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.2;
  margin: auto 0 0;
  transition: color 0.45s ease;
}
.data-card .link-text svg {
  margin-left: 0.5em;
  transition: transform 0.6s ease;
}
.data-card .link-text svg path {
  transition: fill 0.45s ease;
}
.data-card:hover {
  background: #1f5eb9;
  transform: scale(1.02);
}
.data-card:hover h3 {
  color: #fff;
  border-bottom-color: #1f5eb9;
}
.data-card:hover h4 {
  color: #fff;
}
.data-card:hover p {
  opacity: 1;
  transform: none;
}
.data-card:hover .link-text {
  color: #fff;
}
.data-card:hover .link-text svg {
  -webkit-animation: point 1.25s infinite alternate;
  animation: point 1.25s infinite alternate;
}
.data-card:hover .link-text svg path {
  fill: #fff;
}