@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400');
body div.reservationContenu {
  background: #fff;
}
body div.reservationRight {
  background: none;
  border: 0;
  font-family: 'Lato', Arial, Heletica, sans-serif;
  padding-top: 21px;
}
body div.reservationRight .itemNonActifTitre {
  text-transform: uppercase;
  background-color: #001247;
  font-family: 'Lato', Arial, Heletica, sans-serif;
  background-image: none;
  color: #FFF;
  font-weight: normal;
  line-height: 2.4;
}
body div.reservationRight .itemNonActifTitre:hover {
  background: #001247;
  color: #76afe5;
}
body div.reservationRight .itemActifTitre {
  font-weight: normal;
  font-family: 'Lato', Arial, Heletica, sans-serif;
  text-transform: uppercase;
  background-color: #fff;
  background-image: none;
  color: #001247;
  border-left: 25px solid #fff;
  border-top: 1px solid;
  padding-left: 0;
  border-bottom: 1px solid #001247;
  line-height: 2.4;
}
body div.reservationRight .itemActifContenu {
  font-weight: normal;
  background-color: #f0f0f0;
  color: #76afe5;
  border-radius: 8px;
  padding: 5px;
}
body div.reservationRight .reservationMesResaInfo,
body div.reservationRight .reservationMesResaHeureType,
body div.reservationRight .reservationMesResaHeureTerrain,
body div.reservationRight .reservationInfoPersoChangePassword,
body div.reservationRight .reservationInfoPerso,
body div.reservationRight .reservationCoordonnee,
body div.reservationRight .reservationAdresse,
body div.reservationRight .reservationCompteTitre,
body div.reservationRight .reservationCompteBilan,
body div.reservationRight .boxFoContenuAucuneResa,
body div.reservationRight .reservationCritereChamps,
body div.reservationRight .reservationCritereTitre,
body div.reservationRight .reservationCritereTitre2 {
  color: #001247;
}
body div.reservationRight .reservationCreneauAucun,
body div.reservationRight .reservationCreneauAucun a {
  color: #001247 !important;
}
body div.reservationRight .reservationCreneauChoix {
  background-color: #001247;
  padding: 20px 0 0 20px;
  border-radius: 5px;
  width: 91%;
}
body div.reservationRight .reservationCreneauChoix button.orangeButton {
  background: transparent;
  border: 2px solid #fff;
  font-weight: bold;
}
#boxModule .reservationLeft {
  margin-top: 14px;
  background: #fff;
}
#planning  .boxModalTab thead {
  display: none;
}
button {
  background: #001247;
  color: #FFF;
  border: 1px solid rgba(255,255,255,0.1);
  padding: 10px 10px;
  height: auto;
  box-sizing: border-box;
  font-weight: normal;
  margin: 10px 0;
  border-radius: 0;
  text-shadow: none;
  text-transform: uppercase;
}
#planning #xsh_header1,
#planning #xsh_header2,
#planning #xsh_header3,
#planning #xsh_header_Static THEAD TR TD #xsh_dateNav_sem td,
#planning #xsh_header_Static THEAD TR TD #xsh_dateNavHour_sem td,
#planning TABLE#xsh_frame THEAD TR TD #xsh_dateNav_sem td,
#planning TABLE#xsh_frame THEAD TR TD #xsh_dateNavHour_sem td {
  background-color: #001247;
}
#xsh_ressourceNav button {
  margin: -5px 0 0;
}
@media screen and (max-width: 990px) {
  .xsh_otherDate div {
    display: none;
  }
  div.xsh_ressourceLigne {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .container-planning-reservation .reservationFrame {
    left: 0;
    position: absolute;
  }
  .reservationContenu #boxModule .container-planning-reservation .planningSeul,
  .container-planning-reservation .planningSeul {
    position: absolute;
    left: 300px;
  }
}
.reservationReserverBouton {
  text-align: center;
}
body.content-only .container-planning-reservation {
  margin-top: 0;
}
body.content-only #boxModule div.reservationRight {
  padding-top: 0;
  margin-left: 0;
  margin-top: -1px;
}
body.content-only #boxModule .reservationLeft {
  margin-top: -5px;
}
@media screen and (max-width: 1230px) {
  #wrap .reservationHeader {
    height: 55px;
  }
  #myAccountContainer .boxModalTab .liste .boxInfosPerso,
  #myAccountContainer .boxModalTab .liste .boxInfosCompte,
  #myAccountContainer .boxModalTab .liste .boxAdresse,
  #myAccountContainer .boxModalTab .liste .boxCoordonnee,
  .monCompte h1 {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 990px) {
  .menuMobile .reservationHeaderUserMobile .boxLogin .motdepassePerdu {
    background-color: #001247;
    width: 100%;
    text-align: center;
  }
  .boxModalTab tbody .middle article.produit-popup {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .boxModalTab tbody .middle article.produit-popup section header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .boxModalTab tbody .middle article.produit-popup section article div figure {
    padding: 5px;
    margin: 0;
  }
  .boxModalTab tbody .middle article.produit-popup section article div .description {
    padding: 10px;
  }
  .boxModalTab tbody .middle article.produit-popup section article div aside {
    position: initial;
    text-align: center;
    width: 100%;
  }
  #boxPageMiddle .container-fluid .confirmPaiementContent {
    width: 95%;
  }
  div.boxButton {
    text-align: center;
  }
  #wrap .reservationHeader {
    background: #76afe5;
    height: auto;
  }
  div.reservationHeaderImage {
    width: 100%;
    text-align: center !important;
  }
  div.menuMobile {
    background-color: #76afe5 !important;
  }
  div.IxnetMenuFrontExtraclub {
    padding-top: 80px;
  }
  .container-logo-extra {
    margin-left: 0 !important;
  }
  .reservationHeaderUserMobile .boxLogin {
    background: #001247;
    color: #76afe5;
    width: 100%;
  }
  .reservationHeaderUserMobile .boxLogin a {
    color: #76afe5;
    align-items: center;
    text-decoration: none;
    text-align: center;
    width: 100%;
  }
  .reservationHeader .reservationHeaderMenu .IxnetMenuFrontExtraclub ul {
    background: transparent;
    border-top: solid 0 #ee4236;
    border-bottom: solid 0 #ee4236;
    height: auto;
  }
  .reservationHeader .reservationHeaderMenu .IxnetMenuFrontExtraclub ul li a {
    background: #76afe5;
    color: #001247;
  }
  #wrap .reservationHeader .menuMobile .IxnetMenuFrontExtraclub ul {
    background: transparent;
    border-top: solid 0 #ee4236;
    border-bottom: solid 0 #ee4236;
    height: auto;
  }
  #wrap .reservationHeader .menuMobile .IxnetMenuFrontExtraclub ul li a {
    background: #76afe5;
    color: #001247;
  }
  .reservationHeader .reservationHeaderMenu .IxnetMenuFrontExtraclub {
    margin-top: 50px;
  }
}
input span {
  color: #FFF;
}
.row .img-produit-boutique {
  height: 180px;
  background-size: cover;
}
#boxPageContenu #boxTitrePage {
  height: auto;
}
#formPdtSpecial h3 {
  color: #FFF;
}
#formPdtSpecial h2 {
  border-bottom: 1px solid #001247;
  color: #FFF;
  padding-bottom: 10px;
}
#formPdtSpecial #prelevementStep1 .infoFirstEcheance {
  color: #FFF;
}
#formPdtSpecial #prelevementStep1 label {
  color: #939393;
}
#formPdtSpecial #prelevementStep1 .infoSmall,
#formPdtSpecial #prelevementStep1 .infoLarge {
  height: auto;
  color: #001247;
}
#formPdtSpecial #prelevementStep2 {
  color: #FFF;
}
#formPdtSpecial .boxModalTab {
  color: #FFF;
}
#boxPanier.newboxPanier .colonne2 table {
  color: #001247;
}
#boxPanier.newboxPanier section.listeProduits article.produit aside .montant {
  color: #001247;
}
#boxPageMiddle {
  background: #fff;
  color: #FFF;
}
#boxPageMiddle .row #boxTitrePage h1 {
  width: 100%;
  text-align: center;
}
#boxPageMiddle .row .avertissementDelai {
  background-color: #001247;
  width: 50%;
  margin: auto;
  margin-bottom: 20px;
}
.paiement-config .confirmPaiementContent {
  width: 45%;
  text-align: center;
  margin: auto;
  margin-left: auto !important;
  margin-right: auto !important;
}
.paiement-config .confirmPaiementContent .panier {
  text-align: center;
  margin-bottom: 20px;
}
.paiement-config .confirmPaiementContent .critere {
  margin-bottom: 15px;
}
.paiement-config .confirmPaiementContent h2 {
  border: 1px solid #001247;
  background: #76afe5 !important;
  color: #001247 !important;
}
.container-produit-boutique .boxModalTab {
  background: #fff;
  color: #FFF;
}
#boxPanier .liste {
  color: #001247;
}
#boxPanier .row .colonne2 {
  background: #001247;
  color: #fff;
}
#boxPanier .row .colonne2 #detailProduit {
  background: #fff;
  color: #001247;
}
#boxPanier .row .liste {
  color: #001247;
}
#boxPanier .row .liste h2 {
  color: #001247;
}
#boxPanier .row h2 {
  color: #001247;
}
#boxPanier .row .produit {
  background: #001247;
  color: #FFF;
}
#boxPanier .row .produit:hover {
  border: 1px #001247 solid !important;
}
#myAccountContainer {
  background: #fff;
}
#myAccountContainer .container-monMyAccount-information .reservationLeft {
  margin-left: auto;
}
#myAccountContainer .reservationLeft {
  background: #fff;
}
#myAccountContainer .reservationLeft .boxModalTab {
  background: #fff;
}
#edit-profil-container {
  background: #fff;
}
#divContent .instructions {
  color: #76afe5;
}
#wrap .reservationHeader {
  background-color: #76afe5;
}
.reservationInfoPersoContenu .blocInfosCoordonnee,
.reservationInfoPersoContenu .blocInfosAdresse {
  color: #001247;
}
#planningThemeContainer {
  margin-top: 50px;
  background: #76afe5;
  padding-top: 0;
}
#planningThemeContainer h1 {
  color: #001247;
  margin-bottom: 50px;
}
#planningThemeRessourceTrees .planningThemeRessourcetree {
  background-color: #676767;
  box-shadow: 0 10px 10px -12px #676767;
}
#planningThemeRessourceTrees .planningThemeRessourcetree h3 {
  color: #76afe5;
}
#planningThemeRessourceTrees .planningThemeRessourcetree button {
  color: #676767;
}
div.reservationHeaderLogoClient {
  margin-left: 85px;
}
#wrap {
  background: #fff;
  padding-bottom: 0;
}
#boxPage {
  background: #76afe5;
}
.container-planning-reservation {
  margin-top: 25px;
}
.monCompteModifier_left,
.instructions,
.annotation {
  color: #001247;
}
.boxModalTab .boxResaInfos .boxContenuTitre,
.boxModalTab .boxResaInfos .boxContenuInfos .boxContenuInfobulle {
  color: #001247;
}
.boxModalTab .boxResaInfos .boxContenuReservataires .reservataiReservataireSelect .reservationReservataireChoisi {
  color: #76afe5;
}
div.boxRecherche h3 {
  color: #001247;
  border-bottom: solid 2px #001247;
}
#bodyCoeur #boxPageContenu,
.boxModalTab .boxResaInfos .boxInscription,
.boxModalTab .webcamCapture {
  color: #FFF;
}
#bodyCoeur #boxPageContenu button,
.boxModalTab .boxResaInfos .boxInscription button,
.boxModalTab .webcamCapture button {
  background: #001247;
  color: #FFF;
  border: 1px solid rgba(255,255,255,0.1);
  padding: 10px 10px;
  height: auto;
  box-sizing: border-box;
  font-weight: normal;
  margin: 10px 0;
  border-radius: 0;
  text-shadow: none;
}
#bodyCoeur #boxPageMiddle #boxPageContenu h2 {
  background-color: #76afe5;
  color: #001247;
  border-bottom: 1px solid;
}
#boxPageContenu h1,
#boxPanier h1,
div.divListeColLeft h1 {
  color: #FFF;
  background: #76afe5;
  border-bottom: #001247 2px solid;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  width: auto;
}
#boxPageContenu h2,
#boxPanier h2,
div.divListeColLeft h2 {
  background: #001247;
  color: #FFF;
}
#boxPageContenu h1,
#boxPageContenu h2,
#boxPanier h1,
#boxPanier h2,
div.divListeColLeft h1,
div.divListeColLeft h2 {
  height: 35px;
  margin: 0 0 20px 0;
  padding: 10px 0 0 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
#boxPageContenu .monCompte .liste,
#boxPanier .monCompte .liste,
div.divListeColLeft .monCompte .liste {
  width: 100%;
}
#boxPageContenu .boxAdresse,
#boxPanier .boxAdresse,
div.divListeColLeft .boxAdresse {
  float: right;
}
#boxPageContenu .boxCoordonnee,
#boxPanier .boxCoordonnee,
div.divListeColLeft .boxCoordonnee {
  float: left;
  clear: both;
}
#boxPageContenu .boxInfosCompte + .blanc,
#boxPanier .boxInfosCompte + .blanc,
div.divListeColLeft .boxInfosCompte + .blanc {
  display: none;
}
#boxPageContenu .boxMonPortefeuilleContent,
#boxPanier .boxMonPortefeuilleContent,
div.divListeColLeft .boxMonPortefeuilleContent {
  width: 100%;
  float: none;
}
#boxPageContenu #boxMonPortefeuille .ardoisePortefeuille,
#boxPageContenu #boxMonPortefeuille .comptePortefeuille,
#boxPageContenu #boxMonPortefeuille .listeTransaction,
#boxPageContenu #boxMonPortefeuille .operationsCompte,
#boxPageContenu #boxMesDocuments .boxMesDocumentsContent,
#boxPanier #boxMonPortefeuille .ardoisePortefeuille,
#boxPanier #boxMonPortefeuille .comptePortefeuille,
#boxPanier #boxMonPortefeuille .listeTransaction,
#boxPanier #boxMonPortefeuille .operationsCompte,
#boxPanier #boxMesDocuments .boxMesDocumentsContent,
div.divListeColLeft #boxMonPortefeuille .ardoisePortefeuille,
div.divListeColLeft #boxMonPortefeuille .comptePortefeuille,
div.divListeColLeft #boxMonPortefeuille .listeTransaction,
div.divListeColLeft #boxMonPortefeuille .operationsCompte,
div.divListeColLeft #boxMesDocuments .boxMesDocumentsContent {
  color: #001247;
  font-family: 'Lato', Arial, Heletica, sans-serif;
  width: 45%;
  background: #fff;
  padding-top: 1.2%;
  padding-bottom: 2%;
  margin-right: 2.5%;
  margin-left: 0.25%;
  margin-bottom: 2%;
  padding-left: 0.5%;
  padding-right: 0.5%;
  border: 1px solid #80808054;
}
#boxPageContenu #boxMonPortefeuille .ardoisePortefeuille button,
#boxPageContenu #boxMonPortefeuille .comptePortefeuille button,
#boxPageContenu #boxMonPortefeuille .listeTransaction button,
#boxPageContenu #boxMonPortefeuille .operationsCompte button,
#boxPageContenu #boxMesDocuments .boxMesDocumentsContent button,
#boxPanier #boxMonPortefeuille .ardoisePortefeuille button,
#boxPanier #boxMonPortefeuille .comptePortefeuille button,
#boxPanier #boxMonPortefeuille .listeTransaction button,
#boxPanier #boxMonPortefeuille .operationsCompte button,
#boxPanier #boxMesDocuments .boxMesDocumentsContent button,
div.divListeColLeft #boxMonPortefeuille .ardoisePortefeuille button,
div.divListeColLeft #boxMonPortefeuille .comptePortefeuille button,
div.divListeColLeft #boxMonPortefeuille .listeTransaction button,
div.divListeColLeft #boxMonPortefeuille .operationsCompte button,
div.divListeColLeft #boxMesDocuments .boxMesDocumentsContent button {
  margin-top: 2%;
  color: #FFF;
}
#boxPageContenu #boxMesTickets .boxMesTicketsContent .listeTicket,
#boxPanier #boxMesTickets .boxMesTicketsContent .listeTicket,
div.divListeColLeft #boxMesTickets .boxMesTicketsContent .listeTicket {
  padding-top: 0;
}
#boxPageContenu #boxMesTickets .listeTicket,
#boxPageContenu #boxChangeLogin form,
#boxPageContenu #boxChangePassword form,
#boxPanier #boxMesTickets .listeTicket,
#boxPanier #boxChangeLogin form,
#boxPanier #boxChangePassword form,
div.divListeColLeft #boxMesTickets .listeTicket,
div.divListeColLeft #boxChangeLogin form,
div.divListeColLeft #boxChangePassword form {
  color: #001247;
  font-family: 'Lato', Arial, Heletica, sans-serif;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-right: 2.5%;
  margin-left: 1.25%;
  margin-bottom: 2.5%;
  padding-left: 1.25%;
  padding-right: 1.25%;
  box-shadow: inset -1px 0 3px 0 rgba(39,40,42,0.82);
}
#boxPageContenu .listeTicket th,
#boxPageContenu .listeDocument p,
#boxPanier .listeTicket th,
#boxPanier .listeDocument p,
div.divListeColLeft .listeTicket th,
div.divListeColLeft .listeDocument p {
  background-color: #001247;
  color: #FFF;
}
#boxPageContenu #boxMesTickets td.active,
#boxPageContenu #boxMesTickets .titre,
#boxPanier #boxMesTickets td.active,
#boxPanier #boxMesTickets .titre,
div.divListeColLeft #boxMesTickets td.active,
div.divListeColLeft #boxMesTickets .titre {
  background-color: #001247;
}
#boxPageContenu .boxInfosPerso,
#boxPageContenu .boxInfosCompte,
#boxPageContenu .boxAdresse,
#boxPageContenu .boxCoordonnee,
#boxPanier .boxInfosPerso,
#boxPanier .boxInfosCompte,
#boxPanier .boxAdresse,
#boxPanier .boxCoordonnee,
div.divListeColLeft .boxInfosPerso,
div.divListeColLeft .boxInfosCompte,
div.divListeColLeft .boxAdresse,
div.divListeColLeft .boxCoordonnee {
  color: #001247;
  font-family: 'Lato', Arial, Heletica, sans-serif;
  width: 45%;
  background: #fff;
  margin-right: 2.5%;
  margin-left: 0;
  margin-bottom: 2.5%;
  padding-bottom: 15px;
  box-shadow: inset 0 0 2px 0 rgba(39,40,42,0.82);
}
#boxPageContenu .boxInfosPerso .critere,
#boxPageContenu .boxInfosCompte .critere,
#boxPageContenu .boxAdresse .critere,
#boxPageContenu .boxCoordonnee .critere,
#boxPanier .boxInfosPerso .critere,
#boxPanier .boxInfosCompte .critere,
#boxPanier .boxAdresse .critere,
#boxPanier .boxCoordonnee .critere,
div.divListeColLeft .boxInfosPerso .critere,
div.divListeColLeft .boxInfosCompte .critere,
div.divListeColLeft .boxAdresse .critere,
div.divListeColLeft .boxCoordonnee .critere {
  font-weight: 500;
}
#boxPageContenu .boxInfosPerso .critere span.champs,
#boxPageContenu .boxInfosPerso .critere dfn,
#boxPageContenu .boxInfosCompte .critere span.champs,
#boxPageContenu .boxInfosCompte .critere dfn,
#boxPageContenu .boxAdresse .critere span.champs,
#boxPageContenu .boxAdresse .critere dfn,
#boxPageContenu .boxCoordonnee .critere span.champs,
#boxPageContenu .boxCoordonnee .critere dfn,
#boxPanier .boxInfosPerso .critere span.champs,
#boxPanier .boxInfosPerso .critere dfn,
#boxPanier .boxInfosCompte .critere span.champs,
#boxPanier .boxInfosCompte .critere dfn,
#boxPanier .boxAdresse .critere span.champs,
#boxPanier .boxAdresse .critere dfn,
#boxPanier .boxCoordonnee .critere span.champs,
#boxPanier .boxCoordonnee .critere dfn,
div.divListeColLeft .boxInfosPerso .critere span.champs,
div.divListeColLeft .boxInfosPerso .critere dfn,
div.divListeColLeft .boxInfosCompte .critere span.champs,
div.divListeColLeft .boxInfosCompte .critere dfn,
div.divListeColLeft .boxAdresse .critere span.champs,
div.divListeColLeft .boxAdresse .critere dfn,
div.divListeColLeft .boxCoordonnee .critere span.champs,
div.divListeColLeft .boxCoordonnee .critere dfn {
  color: #001247;
  font-weight: normal;
  font-style: normal;
}
#boxPageContenu .boxInfosPerso h2,
#boxPageContenu .boxInfosCompte h2,
#boxPageContenu .boxAdresse h2,
#boxPageContenu .boxCoordonnee h2,
#boxPanier .boxInfosPerso h2,
#boxPanier .boxInfosCompte h2,
#boxPanier .boxAdresse h2,
#boxPanier .boxCoordonnee h2,
div.divListeColLeft .boxInfosPerso h2,
div.divListeColLeft .boxInfosCompte h2,
div.divListeColLeft .boxAdresse h2,
div.divListeColLeft .boxCoordonnee h2 {
  text-transform: uppercase;
  color: #76afe5;
  position: relative;
  font-weight: bold;
}
#boxPageContenu .boxInfosPerso h2:after,
#boxPageContenu .boxInfosCompte h2:after,
#boxPageContenu .boxAdresse h2:after,
#boxPageContenu .boxCoordonnee h2:after,
#boxPanier .boxInfosPerso h2:after,
#boxPanier .boxInfosCompte h2:after,
#boxPanier .boxAdresse h2:after,
#boxPanier .boxCoordonnee h2:after,
div.divListeColLeft .boxInfosPerso h2:after,
div.divListeColLeft .boxInfosCompte h2:after,
div.divListeColLeft .boxAdresse h2:after,
div.divListeColLeft .boxCoordonnee h2:after {
  content: "";
  background: #001247;
  position: absolute;
  bottom: 0;
  left: 45%;
  height: 3px;
  width: 10%;
  bottom: -10%;
}
#boxPageContenu .boxInfosPerso .boxInfosChampsPerso,
#boxPageContenu .boxInfosCompte .boxInfosChampsPerso,
#boxPageContenu .boxAdresse .boxInfosChampsPerso,
#boxPageContenu .boxCoordonnee .boxInfosChampsPerso,
#boxPanier .boxInfosPerso .boxInfosChampsPerso,
#boxPanier .boxInfosCompte .boxInfosChampsPerso,
#boxPanier .boxAdresse .boxInfosChampsPerso,
#boxPanier .boxCoordonnee .boxInfosChampsPerso,
div.divListeColLeft .boxInfosPerso .boxInfosChampsPerso,
div.divListeColLeft .boxInfosCompte .boxInfosChampsPerso,
div.divListeColLeft .boxAdresse .boxInfosChampsPerso,
div.divListeColLeft .boxCoordonnee .boxInfosChampsPerso {
  margin: 0;
}
@media screen and (max-width: 1240px) {
  #boxPageContenu .boxInfosPerso,
  #boxPageContenu .boxInfosCompte,
  #boxPageContenu .boxAdresse,
  #boxPageContenu .boxCoordonnee,
  #boxPanier .boxInfosPerso,
  #boxPanier .boxInfosCompte,
  #boxPanier .boxAdresse,
  #boxPanier .boxCoordonnee,
  div.divListeColLeft .boxInfosPerso,
  div.divListeColLeft .boxInfosCompte,
  div.divListeColLeft .boxAdresse,
  div.divListeColLeft .boxCoordonnee {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
button {
  background-image: none;
}
button.orange_M {
  background-image: none;
  color: #FFF;
  background-color: #001247;
  text-shadow: none;
  font-family: 'Lato', Arial, Heletica, sans-serif;
  text-transform: uppercase;
}
div.reservationLeft table.boxModalTab thead td.right {
  background-image: none;
}
body div.reservationRight .loading {
  background: #001247;
  display: inline-block;
  border-radius: 50%;
  padding: 8px 10px 6px;
  margin-top: 70px;
}
.informationCoordonnees {
  color: #76afe5;
}
.boxModalTab button {
  color: #FFF !important;
}
.contenuExplication {
  color: #76afe5 !important;
}
.planningSeul {
  margin-bottom: 50px;
}
.planningSeul #planning .boxFiche {
  background-color: #f0f0f0;
  color: #001247;
}
#planning #xsh_displayDirectionSelect.dropdown dt a {
  height: auto;
}
.reservationRight .itemActifContenu {
  height: 690px;
}
.reservationCreneauChoix {
  height: auto;
  display: flex;
}
div.blocCategorie {
  height: auto;
}
.ticketContainer {
  color: #76afe5;
}
#boxPanier .colonne2 {
  background: #76afe5;
}
#bodyCoeur #boxPageContenu #boxTitrePage h1,
.boxModalTab #boxTitrePage h1 {
  padding: 0 10% 30px 0;
}
#magnificContainer .login_box #boxPageContenu h2 {
  height: 35px;
}
#bodyCoeur #boxPageContenu button {
  color: #FFF;
}
.reservationContenu .reservationRight .reservationCreneauAucun,
.blocInfosCoordonnee {
  color: #001247;
}
#formThematique button {
  color: #333;
  border-color: #333;
}
#formThematique button span:nth-child(1) {
  margin: 6px 0 0 10px;
  display: inline-block;
}
.xsh_coursCollectif_container {
  height: 100vh !important;
}
body #planning .xsh_ressourceLigneContent .xsh_ressourceLigneOpenTime {
  background: #eae7e5;
}