#footer-cookies-consent {
  background: rgba(255,255,255,0.9);
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 20px 0;
  display: flex;
  justify-content: space-between;
}
#footer-cookies-consent a {
  text-decoration: none;
  color: #95b424;
  font-weight: bold;
}
@media (max-width: 600px) {
  #footer-cookies-consent {
    flex-direction: column;
  }
}
#footer-cookies-consent div {
  z-index: 9999;
}
#footer-cookies-consent div:first-child {
  flex: 1;
}
#footer-cookies-consent div:first-child span {
  display: block;
  font-size: 130%;
}
#footer-cookies-consent div:first-child p {
  line-height: 150%;
  font-size: 90%;
}
#footer-cookies-consent div:nth-child(2) {
  text-align: center;
  justify-content: center;
}
@media (max-width: 600px) {
  #footer-cookies-consent div:nth-child(2) {
    flex-direction: row;
  }
}
#footer-cookies-consent div:nth-child(2) button {
  padding: 5px;
  margin-top: 10px;
  border-radius: 5px;
  color: #fff;
  float: left;
  margin-left: 5px;
}
#footer-cookies-consent div:nth-child(2) button.vert_S {
  background: linear-gradient(#00b300,green);
}
#footer-cookies-consent div:nth-child(2) button.rouge_S {
  background: linear-gradient(#ee2200,#b40000);
  transition: opacity .5s ease;
  opacity: .7;
}
#footer-cookies-consent div:nth-child(2) button.rouge_S:hover {
  opacity: 1;
}
#footer-cookies-consent div:nth-child(2) button.disabled {
  background: linear-gradient(#a0a0a0,#403f3f);
  transition: opacity .5s ease;
  opacity: .7;
  color: #b5b5b5;
}
.reservationHeaderUserMobile {
  display: none;
}
div .loginHeaderMenuBurger {
  display: none;
}
@media screen and (min-width: 990px) and (max-width: 1400px) {
  .img-produit-boutique {
    height: 150px;
  }
}
@media screen and (min-width: 990px) and (max-width: 1200px) {
  .reservationHeader .reservationHeaderInfos {
    width: auto;
    z-index: 2;
  }
  #boxPage div.boxConnectionRight {
    justify-content: initial;
  }
  div.reservationHeaderInfos .reservationHeaderUser {
    padding-top: 0 !important;
  }
  div.reservationHeader div.IxnetMenuFrontExtraclub {
    width: 100% !important;
  }
  div.IxnetMenuFrontExtraclub {
    padding-top: 10px !important;
    margin-right: 0;
  }
  .container-logo-extra img {
    display: none;
  }
  div.reservationHeader div.IxnetMenuFrontExtraclub {
    text-align: center !important;
  }
  .reservationHeaderMenu {
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .colonne2 .rouge_L {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .reservationContenu {
    margin-top: 40px;
  }
  .produit .controlBar button.orange_M {
    width: auto !important;
  }
}
@media screen and (max-width: 990px) {
  #myAccountContainer .container-monMyAccount-information {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  div .loginHeaderMenuBurger {
    display: flex;
  }
  div .loginHeaderMenuBurger .reservationHeaderInfos {
    position: initial;
    max-width: initial;
    width: auto;
  }
  div .loginHeaderMenuBurger .reservationHeaderExpand {
    position: initial;
  }
  div .loginHeaderMenuBurger .boxLogin {
    align-items: center;
  }
  div .loginHeaderMenuBurger .container-logo-extra {
    margin-left: 0;
  }
  div .loginHeaderMenuBurger .container-logo-extra a {
    display: flex;
  }
  div .loginHeaderMenuBurger .monCompteModifier_right .blocInfosCoordonnee {
    float: inherit;
    margin-top: 25px;
    width: 100%;
  }
  .container-planning-reservation .reservationFrame {
    left: 0;
    position: absolute;
  }
  .reservationContenu #boxModule .container-planning-reservation .planningSeul {
    position: absolute;
    left: 350px;
  }
  html body {
    margin-top: 100px;
    overflow: initial;
  }
  body.content-only {
    margin-top: 0;
  }
  #xsh_header_Static {
    position: initial !important;
  }
  .container-planning-reservation {
    flex-direction: column;
  }
  .wmodalFoReservation .boxResaInfos,
  div.boxRecherche .boxContenuColonne {
    width: 100% !important;
  }
  #magnificContainer .content {
    padding-left: 0;
  }
  .reservationCreneauChoix {
    width: 95% !important;
    background-color: #7c7c7c;
  }
  div.boxRecherche .boxBoutonRervation {
    float: initial !important;
  }
  .reservationCreneauChoixHeure,
  .reservationCreneauInfo {
    width: 44% !important;
  }
  .inscription-user .critere,
  .login-inscription-user .critere {
    flex-direction: column;
  }
  .login-inscription-user input {
    width: auto !important;
  }
  .inscription-user h2,
  .login-inscription-user h2 {
    width: auto !important;
  }
  div.linkMobileVersion {
    position: fixed;
    background: rgba(255,255,255,0.9);
    z-index: 9000;
    width: 100%;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
  }
  div.linkMobileVersion div.pictoPhone {
    flex-grow: 1;
    font-size: 20px;
  }
  div.linkMobileVersion div.pictoPhone img {
    height: 50px;
    width: auto;
  }
  div.linkMobileVersion div.gotToMobileVersion {
    flex-grow: 4;
    text-align: left;
  }
  div.linkMobileVersion div.gotToMobileVersion a {
    font-size: 16px;
    color: black;
  }
  div.linkMobileVersion div.close {
    flex-grow: 1;
  }
  #magnificContainer .login_box #boxTitrePage,
  #magnificContainer .login_box #boxPageContenu {
    width: 100% !important;
  }
  .container-produit-boutique #boxPanier .colonne2 {
    height: auto !important;
  }
  #boxModule .container-edit {
    padding-right: 30px !important;
  }
  .container-boutique .container-menu-boutique .reservationRight {
    position: initial !important;
  }
  .boxConnection {
    height: 100% !important;
    flex-direction: column;
    min-height: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .boxConnectionRight,
  .boxConnectionLeft {
    width: 100% !important;
    min-width: 100% !important;
    margin-bottom: 15px;
  }
  .boxConnection .boxConnectionLeft .logo {
    display: none;
  }
  .boxConnection .boxConnectionLeft .client {
    margin-top: 0;
    text-align: center;
  }
  .boxConnectionRight #boxModule #mdpPerdu h1,
  .boxConnectionRight #boxModule #mdpPerdu button,
  .boxConnectionRight #boxModule .mentionLegale h1,
  .boxConnectionRight #boxModule .mentionLegale button {
    margin-left: 40px;
  }
  .boxConnectionRight #boxModule #mdpPerdu .boxFront,
  .boxConnectionRight #boxModule #recupMDP,
  .boxConnectionRight #boxModule #reinitMDP {
    max-width: 80%;
    margin-left: 5%;
    margin-right: 0;
  }
  .reservationHeaderExpand,
  .menuMobile .IxnetMenuFrontExtraclub,
  .reservationHeader .IxnetMenuFrontExtraclub .reservationHeaderLogout {
    display: block !important;
  }
  #boxPanier.newboxPanier section.listeProduits article.produit section {
    width: 100% !important;
    float: initial !important;
    display: flex;
    flex-direction: column;
    text-align: center !important;
    margin: auto;
  }
  #boxPanier.newboxPanier section.listeProduits article.produit section figure,
  #boxPanier.newboxPanier section.listeProduits article.produit section article,
  #boxPanier.newboxPanier section.listeProduits article.produit aside {
    width: 100% !important;
    text-align: center !important;
  }
  .reservationHeaderExpand {
    padding-left: 10px;
    position: absolute;
    z-index: 3;
    cursor: pointer;
    top: 0;
    left: 0;
  }
  .reservationHeaderExpand img {
    background: white;
    padding: 10px;
    width: 20px;
    height: 20px;
  }
  .reservationHeaderLogout .boxLogin {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 1.7;
  }
  .reservationHeaderLogout .boxLogin .motdepassePerdu {
    display: inline-block;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  .reservationHeaderLogout .boxLogin .motdepassePerdu a {
    color: #ccc;
  }
  .reservationHeaderUser {
    display: none;
  }
  .reservationHeaderUserMobile {
    display: block;
  }
  .reservationHeaderUserMobile .boxLogin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: white;
    padding-bottom: 100px;
    color: black;
    flex-direction: column;
  }
  .reservationHeaderUserMobile .boxLogin form {
    width: 100%;
    text-align: center;
  }
  .reservationHeaderUserMobile .boxLogin a {
    color: black;
    text-align: center;
    width: 100%;
  }
  .reservationHeaderUserMobile .boxLogin .blocked-account-information-box {
    margin-top: 5px;
    color: #ffffff;
    justify-content: center;
    background-color: #d20000;
    padding: 3px;
    margin-bottom: 5px;
    border-radius: 10px;
  }
  .reservationHeaderUserMobile .boxLogin .blocked-account-information-box a {
    color: #ffffff;
  }
  .reservationHeaderUserMobile .motdepassePerdu {
    background: white;
    cursor: pointer;
    padding: 10px !important;
  }
  .reservationHeaderUserMobile .motdepassePerdu a {
    color: black;
  }
  #myAccountContainer {
    flex-direction: column;
    padding-top: 0;
  }
  #myAccountContainer .reservationRight {
    padding-left: 0;
  }
  #boxMonPortefeuille {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .boxMonPortefeuilleContent,
  #boxMesDocuments {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .ardoisePortefeuille,
  .comptePortefeuille,
  .listeTransaction,
  .operationsCompte,
  .boxMesDocumentsContent,
  .listeTicket,
  .listeDocument,
  .boxFoContenu .critere {
    width: 100% !important;
  }
  #boxPageContenu h1,
  #boxPageContenu #boxTitrePage h1,
  #boxPanier #boxTitrePage h1 {
    text-align: center !important;
    width: 90% !important;
    height: auto !important;
    font-size: 18px !important;
  }
  .IxnetMenuFrontExtraclub,
  .reservationHeaderInfos .reservationHeaderClub {
    display: none;
  }
  .reservationHeaderImage {
    margin-top: 0 !important;
    width: 100% !important;
  }
  .IxnetMenuFrontExtraclub ul {
    display: flex;
    flex-direction: column;
    margin-top: 45px !important;
  }
  .IxnetMenuFrontExtraclub ul li {
    margin: 7px;
    z-index: 50;
  }
  .boxInfosPerso,
  #blocPhotoWebcam {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    align-items: center;
  }
  #myAccountPhoto,
  .boxInfosPerso .critere,
  #container-information-profil {
    width: 100% !important;
    text-align: center !important;
  }
  #footer {
    text-align: center !important;
    font-size: 11px !important;
    margin-top: 0 !important;
    position: fixed !important;
    bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    background: #252626;
    z-index: 9999;
  }
  #contact {
    margin-left: 0 !important;
    left: 0;
  }
  #boxModule .boxModalTab {
    text-align: center;
    margin-bottom: 80px;
  }
  .blocInfosPersoModifierData {
    width: 100% !important;
    text-align: center;
    line-height: 1.5;
  }
  #boxPageContenu .blocInfosPersoModifier .critere {
    text-align: center !important;
  }
  #invoicesContainer .reservationRight {
    width: 97%;
  }
  .colonne2 {
    text-align: center;
  }
  .reservationHeader .reservationHeaderImage .container-logo-extra {
    margin-top: 5px;
    margin-left: 15px;
  }
  .reservationHeaderImage img {
    box-sizing: content-box;
  }
  #boxPageContenu .avertissementDelai {
    background-image: none;
  }
  .reservationHeaderMenu {
    width: auto !important;
  }
  #boxPageContenu,
  #boxPanier {
    margin: 0;
    padding: 0;
  }
  #boxPageContenu .critere {
    text-align: center;
    width: 100%;
  }
  .reservationHeader {
    position: fixed !important;
    top: 0 !important;
    z-index: 2000;
    left: 0;
    width: 100%;
    border-bottom: 1px #ffffff7d solid;
    background-color: #252626;
  }
  #invoicesContainer {
    flex-direction: column;
  }
  #boxPage #boxModule {
    flex-direction: column;
    min-width: 100% !important;
  }
  .divListeColLeft,
  div.divAjoutDescription textarea {
    width: 100% !important;
  }
  div.divCountCaractere {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 15px !important;
  }
  div.divListeColRight {
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  #panelAdresse1,
  #panelAdresse2,
  #panelAdresse3,
  #panelCoordonnee1,
  #panelCoordonnee2,
  #panelCoordonnee3,
  #panelCoordonnee4,
  #panelCoordonnee5 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  #panelAdresse1 > div,
  #panelAdresse2 > div,
  #panelAdresse3 > div,
  #panelCoordonnee1 > div,
  #panelCoordonnee2 > div,
  #panelCoordonnee3 > div,
  #panelCoordonnee4 > div,
  #panelCoordonnee5 > div {
    left: 0 !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #boxPageContenu .blocInfosAdresse .critere {
    width: 100%;
  }
  .boxConnectionLeft .logo img {
    width: 90%;
    height: auto;
    margin-left: 15px;
  }
  .boxConnectionRight #boxModule form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  div.divListeColLeft h2 {
    width: auto !important;
  }
  .boxInfosChampsPerso {
    margin-left: 0 !important;
  }
  .blocPhotoMonCompte {
    width: 100% !important;
    float: initial !important;
  }
  .webcamParent .webcamContainer {
    width: 100% !important;
    height: 100% !important;
  }
  .webcamParent .webcamContainer .preview,
  .webcamParent .webcamContainer .trigger {
    width: 100% !important;
    position: initial !important;
  }
  .webcamParent .webcamContainer .galleryContainer .selected {
    height: 100% !important;
  }
  .webcamContainer .galleryContainer {
    height: 100% !important;
    position: initial !important;
    width: 100%;
    background: transparent !important;
    box-shadow: 2px 2px 2px white !important;
  }
  .reservationReserverCritere.reservationReserverCritereDate .reservationCritereTitre,
  .reservationReserverCritere.reservationReserverCritereDate .reservationCritereTitre2,
  .reservationReserverCritere.reservationReserverCritereDate .reservationCritereChamps,
  .reservationReserverCritere.reservationReserverCriterePeriod .reservationCritereTitre,
  .reservationReserverCritere.reservationReserverCriterePeriod .reservationCritereTitre2,
  .reservationReserverCritere.reservationReserverCriterePeriod .reservationCritereChamps,
  .reservationReserverCritere.reservationReserverCritereTypeResa .reservationCritereTitre,
  .reservationReserverCritere.reservationReserverCritereTypeResa .reservationCritereTitre2,
  .reservationReserverCritere.reservationReserverCritereTypeResa .reservationCritereChamps,
  .reservationReserverCritere.reservationReserverCritereRessource .reservationCritereTitre,
  .reservationReserverCritere.reservationReserverCritereRessource .reservationCritereTitre2,
  .reservationReserverCritere.reservationReserverCritereRessource .reservationCritereChamps {
    text-align: left;
    display: block;
    width: auto;
  }
}
@media screen and (max-width: 990px) and (max-width: 768px) {
  #panelAdresse1 > div,
  #panelAdresse2 > div,
  #panelAdresse3 > div,
  #panelCoordonnee1 > div,
  #panelCoordonnee2 > div,
  #panelCoordonnee3 > div,
  #panelCoordonnee4 > div,
  #panelCoordonnee5 > div {
    width: 100% !important;
    text-align: left;
  }
}
html,
body {
  background-color: #252626;
  min-height: 550px;
  background-image: url('/public//images/DV4/loginBackground.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  height: 100% !important;
}
body.content-only {
  margin-top: 0;
}
body.content-only .reservationHeader,
body.content-only #footer {
  display: none;
}
.inscription-user,
.login-inscription-user {
  width: 90%;
  margin: auto;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inscription-user #boxPageContenu #boxTitrePage,
.login-inscription-user #boxPageContenu #boxTitrePage {
  width: 92%;
  margin-left: 4%;
  margin-top: 1%;
}
.inscription-user .critere,
.login-inscription-user .critere {
  justify-content: center;
  display: flex;
  align-items: center;
}
.linkMobileVersion {
  background: #ffffff;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: none;
}
.container-planning-reservation {
  z-index: 1;
}
.container-planning-reservation,
.reservationContenu #boxModule .planningSeul,
.container-planning-reservation .reservationFrame {
  display: flex;
}
#boxModule .container-planning-reservation .planningSeul {
  position: relative;
  right: 0;
  z-index: 0;
}
#wrap .reservationContenu #boxModule .container-edit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto;
}
#wrap .reservationContenu #boxModule .container-edit h2 {
  margin-bottom: 15px;
  border: 1px solid #C0C0C0;
}
#wrap .reservationContenu #boxModule .container-edit .instructions {
  text-align: center;
}
#wrap .reservationContenu #boxModule .container-edit .monCompteModifier_left .blocInfosPersoModifier {
  margin: 0;
}
#wrap .reservationContenu #boxModule .container-edit .monCompteModifier_left .blocInfosAdresse {
  width: 100%;
  margin: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}
#wrap .reservationContenu #boxModule .container-edit .monCompteModifier_left .blocInfosAdresse #panelAdresse1,
#wrap .reservationContenu #boxModule .container-edit .monCompteModifier_left .blocInfosAdresse #panelAdresse2,
#wrap .reservationContenu #boxModule .container-edit .monCompteModifier_left .blocInfosAdresse #panelAdresse3 {
  margin-bottom: 20px;
}
#wrap .reservationContenu #boxModule .container-edit .monCompteModifier_left .blocInfosConsentements {
  width: 100%;
  margin: 0;
}
#wrap .reservationContenu #boxModule .container-edit .monCompteModifier_right .blocInfosCoordonnee {
  width: 100%;
  margin: 0;
  margin-bottom: 15px;
}
#myAccountContainer .monCompte .liste .container-user-information-one .boxInfosPerso,
#myAccountContainer .monCompte .liste .container-user-information-one .boxInfosCompte {
  width: 100%;
  margin-left: 1%;
  margin-right: 0;
  padding: 10px;
}
#myAccountContainer .monCompte .liste .container-user-information-two .boxAdresse,
#myAccountContainer .monCompte .liste .container-user-information-two .boxCoordonnee {
  width: 100%;
  margin-left: 1%;
  margin-right: 0;
  padding: 10px;
}
.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.boxConnection .boxConnectionRight {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reservationRight .partnerSearchRight {
  display: flex;
  flex-direction: column;
  width: 350px;
  justify-content: inherit;
}
#invoicesContainer {
  display: flex;
}
#invoicesContainer .reservationRight {
  display: flex !important;
  flex-direction: column;
  flex: 1;
}
.reservationContenu #boxModule {
  display: flex;
  width: 100%;
}
.partnerSearchRight {
  width: 350px !important;
}
.boxMesTicketsContent .listeTicket,
.boxMesDocumentsContent .listeDocument {
  width: 95%;
}
#boxPageMiddle {
  background: white;
  width: 98%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#boxPageContenu #boxTitrePage {
  width: auto;
  background-size: cover;
  margin: 15px;
  text-align: center;
}
#footer,
.reservationHeaderMenu {
  width: 100%;
}
.container-fluid {
  height: 100% !important;
}
table.pagination {
  margin-top: 15px;
}
.produit .img-produit-boutique {
  height: 140px;
  background-size: contain !important;
  width: 100%;
  text-align: center;
  margin: auto;
}
.container-logo-extra {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 25px;
  margin-left: 35px;
}
.container-logo-extra a {
  height: 100%;
  z-index: 2;
}
.blocCategorie a {
  text-decoration: none !important;
  color: white;
  line-height: 1.8;
}
#myAccountContainer {
  width: 100%;
  display: flex;
  height: 100%;
  padding-top: 15px;
  flex-direction: column;
}
#myAccountContainer #container-titleBox-return-myAccount {
  display: none;
}
#myAccountContainer .titleBox {
  background-color: #A6C515;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 15px;
}
#myAccountContainer .titleBox strong {
  color: white;
}
#myAccountContainer .titleBox .returnButton {
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
  text-decoration: none;
}
#myAccountContainer .titleBox .returnButton i {
  color: black;
  text-decoration: none;
}
#myAccountContainer .container-monMyAccount-information {
  display: flex;
}
#myAccountContainer .container-monMyAccount-information .reservationRight {
  width: 320px;
  margin-left: 15px;
  padding-left: 0;
}
body.content-only #myAccountContainer #container-titleBox-return-myAccount {
  display: block;
}
@media screen and (max-width: 990px) {
  #myAccountContainer .monCompte .liste .container-user-information-three .boxConsentements {
    padding-left: 0;
    margin-left: 0;
  }
  #myAccountContainer .monCompte .liste .container-user-information-one .boxInfosPerso,
  #myAccountContainer .monCompte .liste .container-user-information-one .boxInfosCompte {
    margin-left: 0;
    padding: 0;
  }
  #myAccountContainer .monCompte .liste .container-user-information-two .boxAdresse,
  #myAccountContainer .monCompte .liste .container-user-information-two .boxCoordonnee {
    margin-left: 0;
    padding: 0;
  }
  #myAccountContainer .container-monMyAccount-information .reservationLeft {
    left: 0;
    min-width: initial;
  }
  #wrap .reservationContenu #boxModule .container-edit {
    min-width: 100%;
  }
}
.reservationContenu #boxModule .reservationLeft {
  min-width: 600px;
  margin: 30px;
  width: 100%;
  height: auto;
  left: 100px;
}
@media screen and (max-width: 990px) {
  .reservationContenu #boxModule .reservationLeft {
    left: 0;
  }
}
#myAccountPhoto {
  float: left;
  width: 40%;
}
#container-information-profil {
  float: left;
  width: 60%;
}
.container-boutique {
  width: 85%;
  margin-top: 50px;
}
.container-boutique .container-menu-boutique .reservationRight {
  width: 15%;
  margin: 0;
  position: fixed;
}
.reservationHeaderExpand {
  display: none;
}
.reservationHeader {
  display: flex;
}
.boxConnection {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(90vh - 60px);
  width: 100%;
}
.boxConnectionRight {
  padding-top: 0 !important;
  text-align: left;
  color: #aeaeae;
  display: flex;
  justify-content: center;
  width: 50%;
}
.boxConnectionRight > #boxModule {
  min-width: 0;
}
.boxConnectionLeft {
  width: 50%;
  min-width: 500px;
  color: #6d6d6d;
  text-align: left;
  font-family: arial, helvetica;
  font-weight: bold;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.boxConnectionLeft .client {
  margin-top: -8px;
  text-align: left;
  color: #6d6d6d;
  font-size: 30px;
}
.boxConnectionLeft .version {
  color: #6d6d6d;
  font-size: 15px;
}
.boxConnectionLeft .logo img {
  border: 0px;
  margin-bottom: 20px;
}
.boxConnectionLeft .logo a {
  outline-style: none;
}
.boxConnectionContenu h1 {
  margin-left: 30px;
}
SPAN.champsBasic {
  float: left;
  display: block;
  width: 90px;
}
.legendCPVille dfn {
  display: block;
}
.boxConnectionRight .titre {
  font-style: italic;
}
.boxConnectionRight IMG {
  border: 0;
}
.boxConnectionRight A {
  text-decoration: none;
  outline-style: none;
  color: #FFFFFF;
}
.loginField {
  height: 65px;
  width: 350px;
  background-image: url('/public//images/DV4/loginField.png');
  margin-bottom: 25px;
}
.label {
  padding-left: 15px;
  text-align: left;
  font-weight: bold;
  font-family: arial, helvetica;
  color: #FFFFFF;
}
.loginField .input {
  padding-top: 15px;
  text-align: center;
}
.loginSubmit,
.loginReturn,
.loginValid,
.inscriptionSubmit {
  float: left;
}
.loginSubmit a,
.loginReturn a,
.loginValid a,
.inscriptionSubmit a {
  display: block;
  height: 42px;
  width: 140px;
  background-repeat: no-repeat;
  font-weight: bold;
  font-family: arial, helvetica;
  color: #FFFFFF;
  text-align: left;
  font-size: 16px;
  text-shadow: 1px 1px 2px #4C5C13;
}
.loginSubmit button,
.loginReturn button,
.loginValid button,
.inscriptionSubmit button {
  font-weight: bold;
  font-family: arial, helvetica;
  color: #FFFFFF;
  font-size: 16px;
  text-shadow: 1px 1px 2px #4C5C13;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 64px;
  padding: 0px;
}
.loginValid A {
  padding-top: 22px;
  padding-left: 55px;
  background-image: url('/public//images/DV4/loginSubmit.png');
}
.inscriptionSubmit {
  margin-left: 15px;
}
.login-form-w-inscription-family .inscriptionSubmit {
  clear: left;
  margin-left: 0;
  margin-top: 10px;
}
.login-form-w-inscription-family .inscriptionSubmit + .inscriptionSubmit {
  clear: none;
}
.login-form-w-inscription-family .motdepassePerdu {
  clear: both;
}
.motdepassePerdu {
  float: left;
  padding-top: 3px;
  padding-left: 20px;
}
.motdepassePerdu a {
  font-family: arial, helvetica;
  font-size: 12px;
  color: #6d6d6d;
}
.input input[type=text],
.input input[type=password] {
  background-color: transparent;
  height: 32px;
  width: 310px;
  border: 0px solid black;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  font-size: 20px;
}
.input select {
  height: 37px;
  width: 327px;
  border: 0px solid black;
}
.input input.login {
  background-color: transparent;
  height: 27px;
  width: 310px;
  border: 0px solid black;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 20px;
}
.loginReturn {
  margin-left: 35px;
}
.loginReturn A {
  padding-top: 22px;
  padding-left: 55px;
  background-image: url('/public//images/DV4/loginReturn.png');
}
.error ul {
  font-size: 15px;
  font-family: arial, helvetica;
  color: #aeaeae;
}
button {
  background-image: url('/public//images/boutonsV2/fo_orange/orange_S.png');
  height: 47px;
  width: 125px;
  background-color: transparent;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 5px 5px 5px;
}
button.orange_M {
  background-image: url('/public//images/boutonsV2/fo_orange/orange_M.png');
  width: 168px;
}
button.orange_L {
  background-image: url('/public//images/boutonsV2/fo_orange/orange_L.png');
  width: 273px;
}
button.bleu_S {
  background-image: url('/public//images/boutonsV2/fo_bleu/bleu_S.png');
  width: 125px;
}
button.bleu_M {
  background-image: url('/public//images/boutonsV2/fo_bleu/bleu_M.png');
  width: 168px;
}
button.bleu_L {
  background-image: url('/public//images/boutonsV2/fo_bleu/bleu_L.png');
  width: 273px;
}
button.vert_S {
  background-image: url('/public//images/boutonsV2/fo_vert/vert_S.png');
  width: 125px;
}
button.vert_M {
  background-image: url('/public//images/boutonsV2/fo_vert/vert_M.png');
  width: 168px;
}
button.vert_L {
  background-image: url('/public//images/boutonsV2/fo_vert/vert_L.png');
  width: 273px;
}
button.vert_S,
button.vert_M,
button.vert_L {
  text-shadow: 1px 1px 2px #4C5C13;
}
button.orange_S,
button.orange_M,
button.orange_L {
  text-shadow: 1px 1px 2px #A65206;
}
button.rouge_S {
  background-image: url('/public//images/boutonsV2/fo_rouge/rouge_S.png');
  width: 125px;
}
button.rouge_M {
  background-image: url('/public//images/boutonsV2/fo_rouge/rouge_M.png');
  width: 168px;
}
button.rouge_L {
  background-image: url('/public//images/boutonsV2/fo_rouge/rouge_L.png');
  width: 273px;
}
button.orange_M.disabled {
  opacity: .75;
}
div.reservationHeaderImage {
  width: 360px;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
div.reservationHeaderImage img {
  border-style: none;
  margin: 0 auto;
}
div.reservationHeaderLogoClient {
  margin: 0;
  padding: 0;
  height: 0;
  width: 0;
}
div.reservationHeaderInfos {
  position: absolute;
  right: 15px;
  width: 100%;
  top: 8px;
  z-index: 2;
}
div.reservationHeader div.IxnetMenuFrontExtraclub {
  margin-right: 125px;
}
div.reservationHeader div.IxnetMenuFrontExtraclub ul {
  width: 90%;
  display: flex;
  position: relative;
}
div.reservationHeader div.IxnetMenuFrontExtraclub .reservationHeaderLogout {
  width: 100%;
  position: fixed;
  bottom: 40px;
  color: #6D6D6D;
  font-size: 18px;
  display: none;
  right: 0;
  left: 0;
}
div.reservationHeader div.IxnetMenuFrontExtraclub .reservationHeaderLogout a {
  bottom: 50px;
  color: #6D6D6D;
  text-transform: capitalize;
}
div.menuMobile {
  width: 100% !important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  overflow-x: auto;
  background-color: #252626;
  height: 100%;
  -webkit-box-shadow: 6px 6px 4px -3px #6d6d6d;
  -moz-box-shadow: 6px 6px 4px -3px #6d6d6d;
  box-shadow: 6px 6px 4px -3px #6d6d6d;
}
div.reservationHeader .IxnetMenuFrontExtraclub li a {
  padding: 7px !important;
}
div.reservationHeader .IxnetMenuFrontExtraclub li:first-child {
  padding-left: 0 !important;
}
div.reservationHeaderInfos .reservationHeaderClub {
  color: #6D6D6D;
  font-family: Arial, Helvetica;
  font-size: 30px;
  font-weight: bold;
  text-align: right;
}
div.reservationHeaderInfos .reservationHeaderClub img {
  vertical-align: middle;
  border-style: none;
}
div.reservationHeaderInfos .reservationHeaderUser {
  font-family: Arial, Helvetica;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  width: 100%;
  color: #ffffff;
}
div.reservationHeaderInfos .reservationHeaderUser .boxLogin {
  position: absolute;
  z-index: 1;
  right: 0;
}
.reservationHeaderUser .boxLogin {
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reservationHeaderUser .boxLogin .blocked-account-information-box {
  display: flex;
  background: #d20000;
  padding: 3px;
  border-radius: 10px;
  margin-right: 5px;
  color: #ffffff;
}
.reservationHeaderUser .boxLogin .blocked-account-information-box a {
  color: #ffffff;
}
@media screen and (min-width: 990px) and (max-width: 1600px) {
  .boxLogin {
    flex-direction: column;
  }
}
#atlwdg-trigger {
  z-index: 2;
}
div.reservationHeaderInfos .reservationHeaderUser a {
  color: #a6c515;
  font-family: Arial, Helvetica;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
}
div.reservationHeaderInfos .reservationHeaderUser a img {
  border: none;
  vertical-align: middle;
}
.boxFiche {
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0;
}
.boxFiche h2,
.boxFiche .titre {
  margin-bottom: 5px;
  font-weight: bold;
  margin-top: 0px;
  text-align: center;
}
#magnificContainer .login_box #boxPageContenu {
  color: #888888;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  text-align: justify;
  width: 910px;
}
#magnificContainer .login_box #boxTitrePage {
  border-radius: 25px;
  background-color: #c2e23f;
  height: 84px;
  margin-bottom: 15px;
  width: 909px;
  font-family: Arial, Helvetica;
  color: #888888;
  font-size: 12px;
  text-align: justify;
}
#magnificContainer .login_box .colonne1 {
  margin-right: 5px;
}
#magnificContainer .login_box .colonne1,
#magnificContainer .login_box .colonne2 {
  float: right;
  width: 48%;
}
#magnificContainer .login_box #boxTitrePage h1 {
  color: #FFFFFF;
  font-size: 30px;
  font-weight: normal;
  margin: 0 0 0 35px;
  padding: 24px 0 0;
  text-align: justify;
  font-family: Arial, Helvetica;
  border: 0px;
}
#magnificContainer .login_box #boxPageContenu h2 {
  background-color: #EAEAEA;
  color: #2ABCEA;
  font-size: 14px;
  height: 23px;
  margin-bottom: 15px;
  margin-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  width: 90%;
  font-family: Arial, Helvetica;
}
#magnificContainer .login_box #boxPageContenu p {
  font-family: Arial, Helvetica;
  color: #888888;
  font-size: 12px;
  text-align: justify;
}
#magnificContainer .login_box #boxPageContenu .critere {
  font-size: 14px;
  font-weight: bold;
  padding-right: 10px;
  padding-top: 10px;
  text-align: right;
  width: 75%;
  margin-bottom: 4px;
  margin-top: 4px;
  color: #888888;
  font-family: Arial, Helvetica;
}
#magnificContainer .login_box #boxPageContenu .critere dfn {
  font-weight: bold;
}
#magnificContainer .login_box #boxPageContenu.boxInscription .colonne1 .critere {
  margin-left: 15px;
  text-align: right;
  width: 400px;
  font-size: 14px;
  font-weight: normal;
  margin-left: 30px;
  padding-right: 10px;
  padding-top: 10px;
  width: 90%;
}
#magnificContainer .login_box #boxPageContenu.boxInscription input {
  border: 3px solid #EAEAEA;
  font-size: 16px;
  height: 35px;
  padding-bottom: 5px;
  padding-top: 10px;
  width: 270px;
  box-sizing: border-box;
}
#magnificContainer .login_box #boxPageContenu.boxInscription .colonne1 .critere input {
  width: 260px;
}
#magnificContainer .login_box .blanc {
  clear: both;
  height: 1px;
}
#magnificContainer .login_box .controlBar {
  text-align: center;
}
#magnificContainer .login_box #boxPageTop,
#magnificContainer .login_box #boxPageBottom {
  background: none;
}
.wmodalFoReservation .boxError,
.wmodalFoReservation .boxInfosError {
  background-color: #DF2F2A;
  color: #FFFFFF;
  padding: 15px;
  margin: 10px;
}
.wmodalFoReservation .boxResaInfos,
.wmodalFoReservation .boxResaPaiement {
  color: #888888;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  text-align: justify;
  width: 910px;
}
.wmodalFoReservation .boxResaInfos .boxInfosTarifs,
.wmodalFoReservation .boxResaPaiement .boxInfosTarifs {
  text-align: center;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #F0F0F0;
}
.wmodalFoReservation .boxResaInfos .boxInfosTarifs .nbPersonneReservationQuestion,
.wmodalFoReservation .boxResaPaiement .boxInfosTarifs .nbPersonneReservationQuestion {
  font-weight: bold;
  text-align: center;
}
.wmodalFoReservation .boxResaInfos h2,
.wmodalFoReservation .boxResaPaiement h2 {
  background-color: #676767;
  color: #FFFFFF;
  font-size: 14px;
  height: 23px;
  padding-top: 10px;
  width: 100%;
  font-family: Arial, Helvetica;
  margin-bottom: 15px;
  text-align: center;
}
.wmodalFoReservation .boxResaInfos p,
.wmodalFoReservation .boxResaPaiement p {
  font-family: Arial, Helvetica;
  color: #888888;
  font-size: 12px;
  text-align: justify;
}
.wmodalFoReservation .boxResaInfos label,
.wmodalFoReservation .boxResaPaiement label {
  display: inline-block;
  margin-bottom: 5px;
}
.wmodalFoReservation .boxResaInfos label img,
.wmodalFoReservation .boxResaPaiement label img {
  vertical-align: middle;
}
.wmodalFoReservation .boxResaInfos .critere,
.wmodalFoReservation .boxResaPaiement .critere {
  font-size: 14px;
  font-weight: bold;
  padding-right: 10px;
  padding-top: 10px;
  text-align: left;
  width: 100%;
  margin-bottom: 4px;
  margin-top: 4px;
  color: #888888;
  font-family: Arial, Helvetica;
}
.wmodalFoReservation .boxResaInfos .critere dfn,
.wmodalFoReservation .boxResaPaiement .critere dfn {
  font-weight: bold;
}
.wmodalFoReservation .boxResaInfos .boxInscription dfn,
.wmodalFoReservation .boxResaInfos .boxInfoPerso dfn,
.wmodalFoReservation .boxResaPaiement .boxInscription dfn,
.wmodalFoReservation .boxResaPaiement .boxInfoPerso dfn {
  width: 40%;
  display: inline-block;
}
.wmodalFoReservation .boxResaInfos .box3colonne,
.wmodalFoReservation .boxResaInfos .box2colonne,
.wmodalFoReservation .boxResaPaiement .box3colonne,
.wmodalFoReservation .boxResaPaiement .box2colonne {
  margin-bottom: 10px;
}
.wmodalFoReservation .boxResaInfos .box3colonne > .colonne,
.wmodalFoReservation .boxResaPaiement .box3colonne > .colonne {
  display: inline-block;
  vertical-align: top;
  width: 31%;
  margin-left: 3%;
  margin-right: 3%;
}
.wmodalFoReservation .boxResaInfos .box3colonne > .colonne .critere,
.wmodalFoReservation .boxResaPaiement .box3colonne > .colonne .critere {
  text-align: left;
}
.wmodalFoReservation .boxResaInfos .box2colonne > .colonne,
.wmodalFoReservation .boxResaPaiement .box2colonne > .colonne {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-left: 2%;
}
.wmodalFoReservation .boxResaInfos .box2colonne > .colonne .critere,
.wmodalFoReservation .boxResaPaiement .box2colonne > .colonne .critere {
  text-align: left;
}
.wmodalFoReservation .boxResaInfos .box2colonne .colonne1,
.wmodalFoReservation .boxResaInfos .box3colonne .colonne1,
.wmodalFoReservation .boxResaInfos .box3colonne .colonne3,
.wmodalFoReservation .boxResaPaiement .box2colonne .colonne1,
.wmodalFoReservation .boxResaPaiement .box3colonne .colonne1,
.wmodalFoReservation .boxResaPaiement .box3colonne .colonne3 {
  margin-left: 0%;
  margin-right: 0%;
}
.wmodalFoReservation .boxResaInfos .box2colonne .colonne:first-child,
.wmodalFoReservation .boxResaInfos .box3colonne .colonne:first-child,
.wmodalFoReservation .boxResaInfos .box3colonne .colonne:last-child,
.wmodalFoReservation .boxResaPaiement .box2colonne .colonne:first-child,
.wmodalFoReservation .boxResaPaiement .box3colonne .colonne:first-child,
.wmodalFoReservation .boxResaPaiement .box3colonne .colonne:last-child {
  margin-left: 0%;
  margin-right: 0%;
}
.wmodalFoReservation .boxResaInfos .box1colonne > .colonne,
.wmodalFoReservation .boxResaPaiement .box1colonne > .colonne {
  width: 100%;
}
.wmodalFoReservation .boxResaInfos div.blocReservationTarif,
.wmodalFoReservation .boxResaPaiement div.blocReservationTarif {
  height: 60px;
  line-height: 75px;
}
.wmodalFoReservation .boxResaInfos div.blocReservationTarif span.tarifReservation,
.wmodalFoReservation .boxResaPaiement div.blocReservationTarif span.tarifReservation {
  font-size: 36px;
  margin-left: 10%;
  font-weight: bold;
}
.wmodalFoReservation .boxResaInfos .personneInfos,
.wmodalFoReservation .boxResaPaiement .personneInfos {
  clear: both;
}
.wmodalFoReservation .boxResaInfos .panier,
.wmodalFoReservation .boxResaPaiement .panier {
  width: 100%;
  min-width: 0;
}
.wmodalFoReservation .boxResaInfos .panier .montant,
.wmodalFoReservation .boxResaPaiement .panier .montant {
  text-align: right;
}
.wmodalFoReservation .boxResaInfos .onglet li,
.wmodalFoReservation .boxResaPaiement .onglet li {
  float: left;
  display: inline-block;
  width: 35px;
  list-style: none;
  cursor: pointer;
  background-image: url('/public//images/picto_mini_membre.gif');
  background-position: left center;
  background-repeat: no-repeat;
  padding: 3px 2px 3px 20px;
  border: 1px solid #eaeaea;
  font-weight: bold;
  margin: 5px;
}
.wmodalFoReservation .boxResaInfos .onglet li:hover,
.wmodalFoReservation .boxResaPaiement .onglet li:hover {
  background-color: #E6E6E6;
}
.wmodalFoReservation .boxResaInfos .onglet li.actif,
.wmodalFoReservation .boxResaPaiement .onglet li.actif {
  background-color: #CECECE;
  color: #FFFFFF;
}
.wmodalFoReservation .boxResaInfos .panier .total,
.wmodalFoReservation .boxResaPaiement .panier .total {
  font-weight: bold;
  font-style: italic;
}
.wmodalFoReservation .foConfirmationAttente h1 {
  text-align: center;
}
.wmodalFoReservation .foConfirmationAttente .boxResaPaiement {
  width: auto;
}
.wmodalFoReservation .foConfirmationAttente .boxFront {
  background-color: #FFFFFF;
  color: #888888;
}
.wmodalFoReservation .foConfirmationAttente .boxFront strong {
  text-align: center;
  width: 100%;
  display: inline-block;
}
.wmodalFoReservation .foConfirmationAttente .boxFront a {
  font-weight: bold;
  color: inherit;
}
.wmodalFoReservation .foConfirmationAttente .critere {
  color: #888888;
}
.wmodalFoReservation #boxTitrePage {
  border: #c2e23f solid 3px;
  border-radius: 25px;
  background-color: #c2e23f;
  height: 84px;
  margin-bottom: 15px;
  width: 909px;
  font-family: Arial, Helvetica;
  color: #888888;
  font-size: 12px;
  text-align: justify;
}
.wmodalFoReservation #boxTitrePage h1 {
  color: #FFFFFF;
  font-size: 30px;
  font-weight: normal;
  margin: 0 0 0 35px;
  padding: 24px 0 0;
  text-align: justify;
  font-family: Arial, Helvetica;
}
.wmodalFoReservation .blanc {
  clear: both;
  height: 1px;
}
.wmodalFoReservation #boxPageTop,
.wmodalFoReservation #boxPageBottom {
  background: none;
}
.wmodalFoReservation .controlBar {
  text-align: center;
}
dl.dropdown {
  display: inline-block;
  padding-left: 5px;
  margin: 0px;
}
.dropdown dd,
.dropdown dt,
.dropdown dl,
.dropdown ul {
  margin: 0px;
  padding: 0px;
}
.dropdown dd {
  position: relative;
}
.dropdown dt a {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px 0 0;
  position: relative;
}
.dropdown dt a span {
  cursor: pointer;
  display: block;
  padding: 5px;
}
.dropdown ul {
  display: none;
  list-style: none;
  position: absolute;
  z-index: 20;
  left: 0px;
  top: 5px;
  width: auto;
  min-width: 175px;
  border: 2px solid #252626;
  background-color: #606161;
  border-radius: 6px;
  webkit-border-radius: 6px;
  moz-border-radius: 6px;
  overflow: hidden;
}
.dropdown span.value {
  display: none;
}
.dropdown li {
  width: 100%;
}
.dropdown li a {
  padding: 3px 5px 3px 10px;
  display: block;
  color: #FFFFFF;
  text-align: left;
}
.dropdown li a:hover {
  background: #DADFE7;
  text-decoration: none;
  color: #606161;
}
.reservationHeaderUser dl.dropdown {
  margin: 0px 5px;
}
.reservationHeaderUser .dropdown dt a {
  background: url('/public//images/select_arrow.png') no-repeat scroll right center;
  font-weight: normal;
}
.reservationHeaderUser .dropdown li a {
  color: #FFFFFF;
  text-align: left;
}
.reservationHeaderUser .dropdown li a:hover {
  color: #606161;
}
.boxConnectionLeft dl.dropdown {
  display: block;
  text-align: left;
  font-size: 12px;
  padding-left: 2px;
}
.boxConnectionLeft .dropdown a {
  font-size: 12px;
  color: #6D6D6D;
  text-decoration: none;
}
.boxConnectionLeft .dropdown dt a {
  background: url('/public//images/select_arrow.png') no-repeat scroll right center;
}
.boxConnectionLeft .dropdown li a {
  color: #FFFFFF;
}
.boxConnectionLeft .dropdown li a:hover {
  color: #606161;
}
.paymentContent {
  text-align: center;
}
.paymentContent a {
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  color: #2abcea;
}
.check-famille-inscription {
  color: black;
  background: #e2e2e2;
  width: 80%;
  align-items: center;
  padding-top: 2em;
}
.check-famille-inscription h2 {
  padding: 10px;
  color: white;
  background: #9B9B9B;
}
.check-famille-inscription dfn.info {
  font-size: 0.75em;
}
#bodyCoeur {
  margin: 0 auto;
}
@media screen and (max-width: 990px) {
  #bodyCoeur #boxPageContenu.boxInscription .colonne1,
  #bodyCoeur #boxPageContenu.boxInscription .colonne2,
  #bodyCoeur #boxPageContenu.boxInscription .critere,
  #bodyCoeur #boxPageContenu.boxInscription .critere dfn {
    width: 100%;
  }
  #bodyCoeur #boxPageContenu.boxInscription form .critere dfn {
    text-align: center;
  }
  #bodyCoeur #boxPageContenu.boxInscription .colonne1 h2,
  #bodyCoeur #boxPageContenu.boxInscription .colonne2 h2 {
    width: 100%;
  }
  #bodyCoeur #boxPageContenu.boxInscription .colonne1 .critere {
    text-align: left;
  }
  #bodyCoeur #boxPageContenu.boxInscription .colonne1 .critere dfn {
    display: block;
    text-align: left;
  }
  #bodyCoeur #boxPageContenu.boxInscription .colonne1 .critere input {
    width: 90%;
  }
}
#info-first-connexion {
  width: 500px;
  text-align: center;
}
@media (max-width: 700px) {
  #info-first-connexion {
    width: 100%;
  }
}