/* Masquer le menu desktop */
nav#menu,
.d-lg-none {
  display: none;
}

/* Boutons */
.btn {
  width: auto !important;
  background-color: white;
  color: #8491c8;
  border-color: grey;
}
.btn:hover {
  background-color: #8491c8;
  color: white;
  border-color: grey;
}

/* Login */
.Login {
  border: 1px solid #8491c8;
}

/* Listes & divers */
#scroller li {
  height: auto;
}

/* Cacher section de la station dans le formulaire */
.rowRub11684 {
  display: none !important;
}

/* Avertissement email non valide */
#ctl00_Main_LblWarningMail {
  visibility: hidden;
  position: relative;
}
#ctl00_Main_LblWarningMail:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  right: -71px;
  content: "Le nom d'utilisateur que vous avez entré n'est pas valide.";
}

/* Rendre la bannière non cliquable */
.banner,
.head {
  pointer-events: none !important;
}

/* Masquer le menu d'inscription courant */
div#ctl00_Main_TcktFront_CurrentMenuRegistration.CurrentMenuRegistration {
  display: none !important;
}

/* Boutons de confirmation */
div.ConfirmBtns {
  margin-top: 70px !important;
}

/* Notification d'envoi de lien de réinitialisation */
.label-id-sent-notification {
  visibility: hidden;
  position: relative;
}
.label-id-sent-notification:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "Un lien de réinitialisation de votre mot de passe a été envoyé. Si vous ne recevez pas l'email, merci de vérifier dans vos SPAMS.";
}

/* Titres */
h1 {
  padding: 0 !important;
}
main h1 {
  margin-bottom: 0.1em !important;
}

/* Authentification : boutons */
#ctl00_Main_BtnIdentification,
#ctl00_Main_BtnEnvoiIdentifiants,
#ctl00_Main_BtnBack {
  background: #8491c8;
  font-size: 14px;
}

/* Conteneur d'authentification */
#ctl00_Main_authContainer {
  border: 2px solid #8491c8;
  width: 100%;
}

/* Resize formulaire */
.form-control,
select#ctl00_Main_TcktFront_IT_LISTE_123919,
.custom-select.custom-select-lg,
select#ctl00_Main_TcktFront_IT_LISTE_123910.custom-select.custom-select-lg {
  width: 66%;
}

/* Téléphone international */
div.intl-tel-input.allow-dropdown {
  width: 350px;
}

/* Largeur sélecteur spécifique */
select#ctl00_Main_TcktFront_IT_LISTE_123939.custom-select.custom-select-lg {
  width: 66%;
}

/* Libellés champs formulaire */
.TblTckt,
.TblSubSection {
  font-size: 15px;
}
.Item {
  font-size: 14px;
}

/* Libellé checkbox sur la même ligne */
.ItemTypeCHECK label {
  display: inline;
}

/* Masquer titres/éléments spécifiques */
.TitreRubriqueBo {
  display: none;
}
#ctl00_Main_TcktFront_cell_IT_127775,
#ctl00_Main_TcktFront_cell_IT_123879,
#ctl00_Main_TcktFront_cell_IT_123884 {
  display: none;
}

/* Largeur menus déroulants */
#ctl00_Main_TcktFront_IT_LISTE_159131,
#ctl00_Main_TcktFront_IT_LISTE_159122 {
  width: 66%;
}

/* Masquer la rubrique station */
#RUBRIQUE_B_9141 {
  display: none;
}

/* Masquer le bouton étape précédente */
#ctl00_Main_TcktFront_BtnPrevious {
  display: none;
}

/* Inverser positions des boutons annuler/valider*/ 
#ctl00_Main_TcktFront_BtnSave {
  margin-left: 120px;
}
#ctl00_Main_TcktFront_BtnCancel {
  margin-left: -220px;
}
#ctl00_Main_TcktFront_SummaryBtnPay {
  margin-left: 100px;
}
#ctl00_Main_TcktFront_SummaryBtnCancel {
  margin-left: -180px;
}


/* FB 2022 */
.tdMenuRegistration {
  display: none;
}
.tdEnteteRegistrationTop {
  width: 800px;
  background-repeat: no-repeat;
}
.tdCorpsRegistration {
  height: 600px;
}
.tableRegistration {
  width: 1000px;
  background-color: #fff;
}
#contenu {
  padding-bottom: 0;
  height: auto;
  min-height: auto;
}
.tdEnteteRegistrationLogo,
.tdEnteteRegistrationTop {
  height: 263px;
}
.tdEnteteRegistrationTopLeft {
  left: 0;
}
.TitreRubriqueBo {
  color: #4069a7;
  font-size: 1.5em;
  font-weight: 200;
}
/* .table { margin-bottom: 5px; } */

.CssTextBox {
  padding: 4px;
  width: 80%;
}
td.Item {
  padding: 0;
  padding-top: 4px;
}
.CssButton {
  border: 1px solid #8491c8;
  color: #8491c8;
  font-size: 14px;
  text-decoration: none;
  vertical-align: middle;
  padding: 6px 10px;
  background: #ffffff;
  width: 30%;
}
.CssButton:hover {
  border-top-color: #8491c8;
  background: #8491c8;
  border: 1px solid white;
  color: white;
}
.tdEnteteRegistrationLogo,
#ctl00_TopMenu {
  display: none;
}
.libelle_poster {
  margin-left: 150px;
}
.registration {
  padding-bottom: 0;
  height: auto;
  min-height: auto;
}
a.bouton {
  padding: 5px 22px;
  font-size: 18px;
  line-height: 1;
  background-color: #f5f5f5;
  border-radius: 10px;
  -webkit-box-shadow: 2px 1px 4px 0 #7a7a7a;
  box-shadow: 2px 1px 4px 0 #7a7a7a;
  border: 1px solid #d5d5d5;
  color: #8491c8 !important;
  cursor: pointer;
  display: block;
  margin-right: auto;
  margin-left: auto;
  font-weight: 800;
  width: 90%;
  text-decoration: none;
}
a.bouton:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

/* Masquer "si vous n'êtes pas xxx..." */
.PnlIdentificationLogout {
  display: none;
}
.frontloggedasCSS {
  visibility: hidden;
}

/* Masquer bouton télécharger facture */
#ctl00_Main_DwnldFact {
  display: none;
}

/* Modification page "forget password" */
#ctl00_Main_TbxMail {
  width: 10em;
}
div.Login fieldset {
  width: 575px;
}
#ctl00_Main_BtnEnvoiIdentifiants {
  width: 18.5em !important;
  padding: 0.5em 1em;
}

/* --------- Responsive --------- */

@media (max-width: 680px) {
  #ctl00_TopLine {
    display: none;
  }

  .tableRegistration {
    width: 97%;
  }

  .ContentBlockInner {
    width: 100%;
    max-width: 349px;
    padding-left: 5px;
  }
}

@media only screen and (max-width: 480px) {
  input.CssButton {
    width: auto;
  }

  input#ctl00_Main_DwnldFact.CssButtonRegistrationDwnldFact.btn.btn-warning {
    margin-top: 100px;
  }

  /* Décalage bouton "s'inscrire" en mobile */
  #ctl00_Main_TcktFront_BtnSave {
    margin-left: 55%;
  }
  #ctl00_Main_TcktFront_BtnCancel {
    margin-left: -60%;
  }

  /* input#ctl00_Main_TcktFront_SummaryBtnPay.btn.btn-warning { margin-left: 58%; } */
  #ctl00_Main_TcktFront_SummaryBtnPay {
    margin-left: 210px;
    margin-right: 30px;
  }
  #ctl00_Main_TcktFront_SummaryBtnCancel {
    margin-left: 20px;
  }
  input#ctl00_Main_TcktFront_SummaryBtnCancel.btn.btn-warning {
    margin-right: 60%;
    margin-top: -46px;
  }

  div#ctl00_Main_TcktFront_CurrentMenuRegistration.CurrentMenuRegistration {
    display: none;
  }

  main article section > div > .block {
    padding: 1rem 1.5rem;
  }

  div.intl-tel-input.allow-dropdown {
    width: 90% !important;
  }

  div.Login fieldset {
    width: 85% !important;
  }

  input#ctl00_Main_TbxMail.CssTextBox {
    width: 90% !important;
  }

  div.ConfirmBtns {
    margin-top: 70px;
    display: grid;
  }

  .form-control,
  select#ctl00_Main_TcktFront_IT_LISTE_123919,
  .custom-select.custom-select-lg,
  select#ctl00_Main_TcktFront_IT_LISTE_123910.custom-select.custom-select-lg {
    width: 90%;
  }

  select#ctl00_Main_TcktFront_IT_LISTE_123939.custom-select.custom-select-lg {
    width: 66%;
  }

  .ajax__validatorcallout.ajax__validatorcallout_popup_table {
    left: 250px !important;
  }
}

/* Forcer l’affichage une fois le CSS chargé */
body {
  visibility: visible !important;
}