@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400');
html,
body {
  background: #fff;
  color: #A4A4A4;
  font-family: 'Verdana', Arial, Heletica, sans-serif;
}
div.reservationHeaderLogoClient {
  margin-left: 85px;
}
.container-logo-extra {
  margin: 0;
}
#wrap {
  background: #fff;
  padding-bottom: 0px;
}
#boxPage {
  background: #fff;
}
div.reservationHeader {
  font-family: 'Source Sans Pro', Arial, Heletica, sans-serif;
  max-height: 90px;
  position: relative;
  background-color: #fff;
}
div.reservationHeader div.reservationHeaderImage {
  margin: 20px 0 0 30px;
  width: 210px;
}
div.reservationHeader div.IxnetMenuFrontExtraclub {
  background-image: none;
  margin-left: 0;
  bottom: -1px;
  padding-top: 30px;
}
div.reservationHeader div.IxnetMenuFrontExtraclub li {
  text-transform: uppercase;
  margin-left: 0px;
}
div.reservationHeader div.IxnetMenuFrontExtraclub li a {
  color: #286090;
  font-size: 15px;
  font-family: 'Source Sans Pro', Arial, Heletica, sans-serif;
  display: block;
  outline: medium none;
  text-decoration: none;
  padding: 10px 20px;
  border: none;
  background-color: #fff;
  border-radius: 0px;
  text-shadow: none;
}
div.reservationHeader div.IxnetMenuFrontExtraclub li a span {
  padding-bottom: 10px;
}
div.reservationHeader div.IxnetMenuFrontExtraclub li a.itemActif {
  color: #000099;
  background-color: transparent;
}
div.reservationHeader div.IxnetMenuFrontExtraclub li a.itemActif span {
  border-bottom: 3px solid #000099;
}
div.reservationHeader div.IxnetMenuFrontExtraclub li a:hover {
  color: #000099;
}
div.reservationHeader div.IxnetMenuFrontExtraclub {
  padding-top: 30px;
}
@media (max-width: 980px) {
  div.reservationHeader {
    max-height: none;
    height: auto;
  }
  div.reservationHeader div.reservationHeaderImage {
    float: none;
  }
  div.reservationHeader div.IxnetMenuFrontExtraclub {
    clear: both;
    float: none;
    width: 100%;
    margin: 0;
    position: relative;
    padding-bottom: 0;
  }
  div.reservationHeader div.IxnetMenuFrontExtraclub ul {
    width: 100%;
    clear: both;
    display: flex;
    flex-direction: column;
  }
  div.reservationHeader div.IxnetMenuFrontExtraclub ul li a {
    display: block;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    border: none;
    border-bottom: 1px solid #ccc;
  }
  div.reservationHeader div.IxnetMenuFrontExtraclub ul li a:after {
    display: none;
  }
  div.reservationHeader div.IxnetMenuFrontExtraclub ul li:last-child a {
    border: none;
  }
}
.reservationContenu .reservationRight {
  background: none;
  border: 0px;
  font-family: 'Verdana', Arial, Heletica, sans-serif;
  padding-top: 21px;
}
@media screen and (max-width: 990px) {
  .reservationContenu .reservationRight {
    width: auto;
    max-width: 0;
    padding: 0 10px !important;
  }
}
.reservationContenu .reservationRight .reservationMesResaBouton a {
  color: #000099;
}
.reservationContenu .reservationRight .itemNonActifTitre {
  text-transform: uppercase;
  background-color: #EBEBEB;
  font-family: 'Verdana', Arial, Heletica, sans-serif;
  background-image: none;
  color: #286090;
  font-weight: normal;
}
.reservationContenu .reservationRight .itemActifTitre {
  font-weight: normal;
  font-family: 'Verdana', Arial, Heletica, sans-serif;
  text-transform: uppercase;
  background-color: #000099;
  background-image: none;
  color: #fff;
  border-left: 25px solid #000099;
  padding-left: 0;
}
.reservationContenu .reservationRight .itemActifContenu {
  font-weight: normal;
  background-color: #EBEBEB;
  color: #286090;
}
.reservationContenu .reservationRight .reservationMesResaInfo,
.reservationContenu .reservationRight .reservationMesResaHeureDebut,
.reservationContenu .reservationRight .reservationMesResaHeureFin,
.reservationContenu .reservationRight .reservationMesResaHeureType,
.reservationContenu .reservationRight .reservationMesResaHeureTerrain,
.reservationContenu .reservationRight .reservationInfoPersoChangePassword,
.reservationContenu .reservationRight .reservationInfoPerso,
.reservationContenu .reservationRight .reservationCoordonnee,
.reservationContenu .reservationRight .reservationAdresse,
.reservationContenu .reservationRight .reservationCompteTitre,
.reservationContenu .reservationRight .reservationCompteBilan,
.reservationContenu .reservationRight .boxFoContenuAucuneResa,
.reservationContenu .reservationRight .reservationCritereChamps,
.reservationContenu .reservationRight .reservationCritereTitre,
.reservationContenu .reservationRight .reservationCritereTitre2 {
  color: #286090;
}
.reservationContenu .reservationRight .reservationCreneauAucun,
.reservationContenu .reservationRight .reservationCreneauAucun a {
  color: #A4A4A4 !important;
}
.reservationContenu .reservationRight .reservationCreneauChoix {
  background-color: #286090;
  padding: 20px 0px 0px 20px;
  border-radius: 5px;
  width: 91%;
}
.reservationContenu .reservationRight .reservationCreneauChoix button.orangeButton {
  background: transparent;
  border: 2px solid #fff;
  font-weight: bold;
}
.reservationContenu #boxModule {
  background: #fff;
}
.reservationContenu #boxModule .reservationLeft {
  margin-top: 20px;
}
#planning .reservationContenu .boxModalTab thead {
  display: none;
}
.reservationContenu button {
  background: #000099;
  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;
}
#bodyCoeur #boxPageContenu #boxTitrePage,
.boxModalTab #boxTitrePage {
  background-image: none;
  height: inherit;
  margin: 0;
}
#bodyCoeur #boxPageContenu #boxTitrePage h1,
.boxModalTab #boxTitrePage h1 {
  background-color: inherit;
  color: #000099;
  font-family: 'Verdana', Arial, Heletica, sans-serif;
  border-bottom: 2px solid #000099;
  height: 23px;
  font-size: 15px;
  font-weight: bold;
  margin: 15px 0;
  padding: 10px 0 0;
  text-align: left;
  width: auto;
  font-size: 200%;
  padding: 0 10% 10px 0;
  margin: 0 0 20px;
  display: inline-block;
}
.boxModalTab .boxResaInfos .boxContenuTitre,
.boxModalTab .boxResaInfos .boxContenuInfos .boxContenuInfobulle,
div.boxRecherche .boxContenuTitre {
  color: #000099;
}
.boxModalTab .boxResaInfos .boxContenuReservataires .reservataiReservataireSelect .reservationReservataireChoisi {
  color: #286090;
}
div.boxRecherche h3 {
  color: #000099;
  border-bottom: solid 2px #000099;
}
div.boxRecherche button {
  background: #000099;
  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 #boxPageContenu button,
.boxModalTab .boxResaInfos .boxInscription button,
.boxModalTab .webcamCapture button {
  background: #000099;
  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 {
  color: #286090;
}
#boxPageContenu h1,
#boxPanier h1,
div.divListeColLeft h1 {
  color: #000099;
  background: #fff;
  border-bottom: #000099 2px solid;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  width: auto;
}
#boxPageContenu h2,
#boxPanier h2,
div.divListeColLeft h2 {
  background: #E0E0E0;
  color: #286090;
}
#boxPageContenu h1,
#boxPageContenu h2,
#boxPanier h1,
#boxPanier h2,
div.divListeColLeft h1,
div.divListeColLeft h2 {
  height: 23px;
  margin: 15px 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: #286090;
  font-family: 'Verdana', Arial, Heletica, sans-serif;
  width: 45%;
  background: #EBEBEB;
  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%;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
}
#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%;
}
#boxPageContenu #boxMesTickets .listeTicket,
#boxPageContenu #boxChangeLogin form,
#boxPageContenu #boxChangePassword form,
#boxPageContenu #boxMesDonneesPerso form,
#boxPanier #boxMesTickets .listeTicket,
#boxPanier #boxChangeLogin form,
#boxPanier #boxChangePassword form,
#boxPanier #boxMesDonneesPerso form,
div.divListeColLeft #boxMesTickets .listeTicket,
div.divListeColLeft #boxChangeLogin form,
div.divListeColLeft #boxChangePassword form,
div.divListeColLeft #boxMesDonneesPerso form {
  color: #286090;
  font-family: 'Verdana', Arial, Heletica, sans-serif;
  background: #EBEBEB;
  padding-top: 5%;
  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: 1px 1px 2px rgba(0,0,0,0.13);
}
#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: #286090;
}
#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: #286090;
  font-family: 'Verdana', Arial, Heletica, sans-serif;
  width: 45%;
  background: #EBEBEB;
  padding-bottom: 2%;
  margin-right: 2.5%;
  margin-left: 1.25%;
  margin-bottom: 2.5%;
  padding-left: 1.25%;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.13);
}
#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: #A4A4A4;
  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;
  background: #EBEBEB;
  color: #286090;
  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: #E0E0E0;
  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;
    padding-left: 0;
    padding-right: 0;
  }
}
button {
  background-image: url('/public/images/boutonsV2/fo_vert/vert_S.png');
}
button.orange_M {
  background-image: none;
  color: #EBEBEB;
  background-color: #E0E0E0;
  text-shadow: none;
  font-family: 'Verdana', Arial, Heletica, sans-serif;
  text-transform: uppercase;
}
#xsh_header_Static THEAD TR TD #xsh_dateNav_sem td,
TABLE#xsh_frame THEAD TR TD #xsh_dateNav_sem td,
#xsh_header1 button.ui-multiselect,
#xsh_header1 {
  color: #286090;
}
#xsh_header1 button.ui-multiselect {
  font-size: 25px;
}
#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: #EBEBEB;
}
#xsh_header_Static THEAD TR TD #xsh_dateNav_sem td,
TABLE#xsh_frame THEAD TR TD #xsh_dateNav_sem td {
  border-left: 1px solid #000099;
  border-right: 1px solid #000099;
}
TABLE#xsh_frame THEAD TR TD#xsh_header1 {
  border-top: 1px solid #000099;
  border-right: 1px solid #000099;
}
#xsh_header1 button.ui-multiselect span.ui-icon {
  background-image: url('/public/images/jquery-ui/ui-icons_222222_256x240.png');
}
#reservationLeft #xsh_previousDate,
#reservationLeft #xsh_dateLabel,
#reservationLeft #xsh_nextDate {
  padding-top: 10px;
}
@media screen and (max-width: 990px) {
  .reservationLeft > .boxModalTab {
    left: 0;
  }
}
.reservationLeft > .boxModalTab > thead .left,
.reservationLeft > .boxModalTab > thead .middle,
.reservationLeft > .boxModalTab > thead .right,
.reservationLeft > .boxModalTab > tbody .left,
.reservationLeft > .boxModalTab > tbody .middle,
.reservationLeft > .boxModalTab > tbody .right,
.reservationLeft > .boxModalTab > tfoot .left,
.reservationLeft > .boxModalTab > tfoot .middle,
.reservationLeft > .boxModalTab > tfoot .right {
  background-image: none;
  background-color: inherit;
}
.reservationLeft > .boxModalTab > thead .middle,
.reservationLeft > .boxModalTab > tbody .middle,
.reservationLeft > .boxModalTab > tfoot .middle {
  padding: 0 10px 5px;
}
@media screen and (max-width: 990px) {
  .reservationLeft > .boxModalTab > thead .left,
  .reservationLeft > .boxModalTab > thead .right,
  .reservationLeft > .boxModalTab > tbody .left,
  .reservationLeft > .boxModalTab > tbody .right,
  .reservationLeft > .boxModalTab > tfoot .left,
  .reservationLeft > .boxModalTab > tfoot .right {
    width: 0;
  }
  .reservationLeft > .boxModalTab > thead .middle #divContent,
  .reservationLeft > .boxModalTab > tbody .middle #divContent,
  .reservationLeft > .boxModalTab > tfoot .middle #divContent {
    padding: 5px 0 15px;
  }
}
.jqmWindow .boxModalTab {
  color: #000000;
}
div.reservationLeft table.boxModalTab thead td.right {
  background-image: none;
}
body div.reservationRight .loading {
  background: #000099;
  display: inline-block;
  border-radius: 50%;
  padding: 8px 10px 6px;
  margin-top: 70px;
}
#storeMarketPlaces .storeMarketPlace button {
  color: #000099;
}
#storeMarketPlaces .storeMarketPlace h3 {
  color: #fff;
}