@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
html,
body {
  background: #f4f3f2;
  color: #A4A4A4;
  font-family: Open sans, Arial;
}
div.reservationHeaderLogoClient {
  margin-left: 85px;
}
#wrap {
  background: #fff;
  padding-bottom: 0px;
}
#boxPage {
  background: #f4f3f2;
}
.reservationCreneauSelect {
  right: auto;
}
.reservationHeader {
  background: url('/clients/mouratoglou-isp/images/terre_battue.jpg');
  background-size: cover;
  font-family: 'Lato', Open sans;
  height: 150px;
  position: relative;
}
.reservationHeader div.reservationHeaderImage {
  margin-top: 15px;
  padding-left: 40px;
}
.reservationHeader div.IxnetMenuFrontExtraclub {
  background-image: none;
  bottom: -1px;
  padding-top: 50px;
}
.reservationHeader div.IxnetMenuFrontExtraclub li {
  text-transform: uppercase;
  margin-left: 0px;
}
.reservationHeader div.IxnetMenuFrontExtraclub li a {
  color: #fff;
  font-size: 18px;
  font-family: 'Lato', Open sans;
  display: block;
  outline: medium none;
  text-decoration: none;
  font-weight: normal;
  padding: 10px 20px;
  border: none;
  background-color: transparent;
  border-radius: 0px;
  text-shadow: none;
}
.reservationHeader div.IxnetMenuFrontExtraclub li a.itemActif {
  color: #fff;
  font-weight: bold;
  background-color: transparent;
}
.reservationHeader div.IxnetMenuFrontExtraclub li a:hover {
  color: #fff;
  font-weight: bold;
}
@media (max-width: 980px) {
  .reservationHeader {
    max-height: none;
    height: auto;
  }
  .reservationHeader div.reservationHeaderImage {
    float: none;
  }
  .reservationHeader div.IxnetMenuFrontExtraclub {
    clear: both;
    float: none;
    width: 100%;
    margin: 0;
    position: relative;
    padding-bottom: 0;
  }
  .reservationHeader div.IxnetMenuFrontExtraclub ul {
    width: 100%;
    clear: both;
    display: flex;
    flex-direction: column;
  }
  .reservationHeader div.IxnetMenuFrontExtraclub ul li a {
    display: block;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    border: none;
    border-bottom: 1px solid #ccc;
  }
  .reservationHeader div.IxnetMenuFrontExtraclub ul li a:after {
    display: none;
  }
  .reservationHeader div.IxnetMenuFrontExtraclub ul li:last-child a {
    border: none;
  }
}
.reservationContenu .reservationRight {
  background: none;
  border: 0px;
  font-family: Open sans, Arial;
  padding-top: 21px;
}
.reservationContenu .reservationRight .itemNonActifTitre {
  text-transform: uppercase;
  background-color: #fff;
  font-family: Open sans, Arial;
  background-image: none;
  color: #0f0d0e;
  font-weight: normal;
}
.reservationContenu .reservationRight .itemActifTitre {
  font-weight: normal;
  font-family: Open sans, Arial;
  text-transform: uppercase;
  background-color: #d3d1c9;
  background-image: none;
  color: #fff;
  border-left: 25px solid #d3d1c9;
  padding-left: 0;
}
.reservationContenu .reservationRight .itemActifContenu {
  font-weight: normal;
  background-color: #fff;
  color: #fff;
}
.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: #0f0d0e;
}
.reservationContenu .reservationRight .reservationCreneauAucun,
.reservationContenu .reservationRight .reservationCreneauAucun a {
  color: #A4A4A4 !important;
}
.reservationContenu .reservationRight .reservationCreneauChoix {
  background-color: #b6a9a2;
  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: #f4f3f2;
}
.reservationContenu #boxModule .reservationLeft {
  margin-top: 20px;
}
#planning .reservationContenu .boxModalTab thead {
  display: none;
}
.reservationContenu button {
  background-image: none;
  text-transform: uppercase;
  background-color: #97857B;
  color: #fff;
  font-family: Open sans, Arial;
  text-shadow: none;
}
#boxPageContenu h1,
#boxPanier h1,
div.divListeColLeft h1 {
  color: #0f0d0e;
  background: #97857B;
  border-bottom: #0f0d0e 2px solid;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  width: auto;
}
#boxPageContenu h2,
#boxPanier h2,
div.divListeColLeft h2 {
  background: #EAE9E5;
  color: #A4A4A4;
}
#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: #0f0d0e;
  font-family: Open sans, Arial;
  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%;
  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: #0f0d0e;
  font-family: Open sans, Arial;
  background: #fff;
  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: #ada19d;
}
#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: #0f0d0e;
  font-family: Open sans, Arial;
  width: 45%;
  background: #fff;
  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: #fff;
  color: #0f0d0e;
  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: #EAE9E5;
  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: url('/public/images/boutonsV2/fo_vert/vert_S.png');
}
button.orange_M {
  background-image: none;
  color: #fff;
  background-color: #EAE9E5;
  text-shadow: none;
  font-family: Open sans, Arial;
  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: #0f0d0e;
}
#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: #fff;
}
#xsh_header_Static THEAD TR TD #xsh_dateNav_sem td,
TABLE#xsh_frame THEAD TR TD #xsh_dateNav_sem td {
  border-left: 1px solid #97857B;
  border-right: 1px solid #97857B;
}
TABLE#xsh_frame THEAD TR TD#xsh_header1 {
  border-top: 1px solid #97857B;
  border-right: 1px solid #97857B;
}
#xsh_header1 button.ui-multiselect span.ui-icon {
  background-image: url('/public/images/jquery-ui/ui-icons_ffffff_256x240.png');
}
.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;
}
.jqmWindow .boxModalTab {
  color: #000000;
}
div.reservationLeft table.boxModalTab thead td.right {
  background-image: none;
}
body div.reservationRight .loading {
  background: #97857B;
  display: inline-block;
  border-radius: 50%;
  padding: 8px 10px 6px;
  margin-top: 70px;
}