@import 'FormStyle-1.css';
@import url('Abstract-A4.css');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');

#ctl00_Main_TcktFront_LblTotalHT, #ctl00_Main_TcktFront_LblTotalHTValue { display:none; }
/*
white: #FFFFFF
red: #ed1c24
orange: #f89b5d
green:#13a89e
*/

.colHT, .colTVA, .trHT, .trTVA, .PnlIdentificationLogout {
    display:none;
}

body {
    font-family: 'Josefin Sans', Arial,sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    background-color: #F89B5E;
}


/*Replacing page Abstract > Mot-clé to Sous titres
#ctl00_Main_TcktFront_BtnSave{
    visibility: hidden;
    position: relative;
}

#ctl00_Main_TcktFront_BtnSave:after{
    visibility: visible;
    position: absolute;
    top: 0;
    left: -19px;
    right: 0;
    content:"SUBMIT";
}*/
/*Couleur du formulaire*/
h1{color:#ed1c24}
h2{color:#13a89e !important; padding-left: 0px !important;}
h3{color:#13a89e}

/*Bannière*/
#ctl00_TopLine, .tdEnteteRegistrationTop  {display: none;}


/*Survey*/
#ctl00_Main_TcktFront_LBL_MOBILE_7206, #ctl00_Main_TcktFront_LBL_MOBILE_7217, #ctl00_Main_TcktFront_LBL_MOBILE_7526, #ctl00_Main_TcktFront_LBL_MOBILE_7537, #ctl00_Main_TcktFront_LBL_MOBILE_7607, #ctl00_Main_TcktFront_LBL_MOBILE_7612, #ctl00_Main_TcktFront_LBL_MOBILE_7699, #ctl00_Main_TcktFront_LBL_MOBILE_7619, #ctl00_Main_TcktFront_LBL_MOBILE_7622, #ctl00_Main_TcktFront_LBL_MOBILE_7632, #ctl00_Main_TcktFront_LBL_MOBILE_7636, #ctl00_Main_TcktFront_LBL_MOBILE_7640, #ctl00_Main_TcktFront_LBL_MOBILE_7644, #ctl00_Main_TcktFront_LBL_MOBILE_7646, #ctl00_Main_TcktFront_LBL_MOBILE_7683{
    display: none;
}

#ctl00_Main_TcktFront_IT_TEXTE_7526, #ctl00_Main_TcktFront_IT_TEXTE_7537, #ctl00_Main_TcktFront_IT_TEXTE_7607, #ctl00_Main_TcktFront_IT_TEXTE_7612, #ctl00_Main_TcktFront_IT_TEXTE_7699, #ctl00_Main_TcktFront_IT_TEXTE_7619, #ctl00_Main_TcktFront_IT_TEXTE_7622, #ctl00_Main_TcktFront_IT_TEXTE_7632, #ctl00_Main_TcktFront_IT_TEXTE_7636, #ctl00_Main_TcktFront_IT_TEXTE_7640, #ctl00_Main_TcktFront_IT_TEXTE_7644, #ctl00_Main_TcktFront_IT_TEXTE_7644, #ctl00_Main_TcktFront_IT_TEXTE_7646, #ctl00_Main_TcktFront_IT_TEXTE_7683{

    max-width: 100%;
}


/*Alignements divers*/
.CssTextBox { max-width:350px; }
.TblTckt { margin-bottom:10px; }
table.ItemTypeLABEL, table.ItemTypeCHECK { margin-bottom:0; }
.registration table.ItemTypeRADIO { margin-left:0; }
.ItemTypeFILE{max-width:390px; font-family: 'Josefin Sans', Arial,sans-serif;}
.ItemTypeFILE input{font-family: 'Josefin Sans', Arial,sans-serif;}
.ItemTypeFILE .lblc{text-align:left;}
.TitreGroupe{padding-top: 25px;}
/*#ctl00_Main_TcktFront_lbl_GR_702::after {content: "<font color='red'>*</font>";}*/
.ajax__validatorcallout_popup_table{left: 300px !important;}
/*Spécifique à supprimer si duplication*/
#ctl00_Main_TcktFront_TblTicket_GR_4167, #ctl00_Main_TcktFront_TblTicket_RU_4167{display:none;}
#ctl00_Main_TcktFront_TblTicket_GR_4178, #ctl00_Main_TcktFront_TblTicket_RU_4178{display:none;}
/*#ctl00_Main_TcktFront_IT_LBL4102 h2{margin:0; text-align: center !important;}*/
#ctl00_Main_TcktFront_LBL_MOBILE_4111{display:none;}

#ctl00_Main_BtnMergeAndPay {display: none;}
/*Menu*/
.smenutop{max-width: 1200px; margin: auto !important;}
.CellMenu{padding :3%}
/*Spécifique à supprimer si duplication*/
#ctl00_TblRwMenu_MTOP286 {
    background-image: url(/key4register/images/client/62/images/Edufundlogo%20(1).png);
    background-size: auto 90px;
    background-repeat: no-repeat;
    color: white;
    background-color: white;
    width: 120px;
}

/*Général*/
#MainCentered {margin-top: 100px; background-color: #FFF; max-width:1033px; padding:15px;}
.DrpDwn select{ font-family: 'Josefin Sans',sans-serif; border:solid 1px #C0C0C0; width:100%; max-width:350px; height: 35px; padding: 6px 12px; box-sizing: border-box; }
.tableRegistration{width:100%; max-width:1200px}
.RubriqueSpan {background-color: #FFF;}
.TitreRubriqueBo{color: #13a89e;font-size: 20px;border: 0;}
.RubriqueSpan{  margin:auto;  }
.CssTextBox { border: solid 1px #C0C0C0;padding: 6px 12px;color:#555; box-sizing: border-box;}
.TitreRubriqueBo{display:none;}
/*Spécifique à supprimer si duplication*/
#ctl00_Main_TcktFront_TblTicket_GR_4102{display:none;}
.colTVA{display:none;}


/*Liens*/
#contenu a:hover, #contenu a:focus {color: #f89b5d;}
#contenu a {color: #13a89e;}
a:hover, a:focus, a:active {color: #f89b5d;}
a:visited {color: #f89b5d;}
a:link {color: #13a89e;}
a {color: #13a89e;}
a {text-decoration: none;}
/*Spécifique à supprimer si duplication*/
#ctl00_TblRwMenu_MTOP286 a span span, 
#ctl00_TblRwMenu_MTOP286 a:hover span span, 
#ctl00_TblRwMenu_MTOP286 a:active span span, 
#ctl00_TblRwMenu_MTOP286 a:visited span span, 
#ctl00_TblRwMenu_MTOP286 a:focus span span, 
#ctl00_TblRwMenu_MTOP286 a:link span span{color:transparent !important;}
#ctl00_TblRwMenu_MTOP286 selected a span span {color:transparent !important;}

/*------------------------MENU------------------------------------------------------*/
.menu_top ul li a {
    text-decoration: none !important;
    color: #969696 !important;
    padding: 0px 15px !important;
    text-align: center;
    font-size: 18px !important;
    font-weight: 600;
}
.menu_top ul li:hover a {color: #F89c5e !important;}
.menu_top ul li:hover a span span {color: #969696 !important;}
.menu_top ul li.selected a span span{background-color: Transparent;color: #969696 !important;}
.menu_top ul li.selected a:hover span span{   color: #F89c5e !important;}  

/*Boutons*/
#ctl00_Main_TcktFront_BtnMobilePrevious{ margin-right:5px; }
.CssButton { padding-top:8px !important; }
.CssTextBox, .CssButton { font-family: 'Josefin Sans',sans-serif; }
.CssButton {
    border-radius: 0px;
    text-transform: uppercase;
    width: auto !important;
    min-width: 200px;
    background-color: #13a89e;
    border: 0;
    color: #FFF;
    padding: 5px 15px;
    text-align:center;
    background-image: none;
}       
.CssButton:hover{background-color: #f89b5d;background-image: none;}

/*----------------Page: Aide - toggle------------------------*/

.toggle, .toggle2, .toggle3, .toggle4, .toggle5{ display: none; }

/*----------------toggle------------------------*/

.wrap-collabsible {
  margin-bottom: 1.2rem 0;
}

.whiteDiv input[type='checkbox'] {
  display: none;
}

.lbl-toggle {
  display: block;
  font-weight: bold;
  font-family: 14px Montserrat-Regular,Arial;
  font-size: 1.2rem;
  /*text-transform: uppercase;*/
  text-align: left;
  padding: 1rem;
  color: #FFF;
  background: #ED1C24;
  cursor: pointer;
  border-radius: 0;
  transition: all 0.25s ease-out;
  margin-bottom: 3px;
}

.lbl-toggle:hover {
  color: #363B29;
}

.lbl-toggle::before {
  content: ' ';
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);
  transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 278px;
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {
  background: #FAFAFA;
  border-bottom:0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: .5rem 1rem;
}

/*----------------toggle2------------------------*/

.wrap-collabsible2 {
  margin-bottom: 1.2rem 0;
}

.whiteDiv input[type='checkbox'] {
  display: none;
}

.lbl-toggle2 {
  display: block;
  font-weight: bold;
  font-family: 40px Montserrat-Regular,Arial;
  font-size: 1.2rem;
  /*text-transform: uppercase;*/
  text-align: left;
  padding: 1rem;
  color: #FFF;
  background: #ED1C24;
  cursor: pointer;
  border-radius: 0;
  transition: all 0.25s ease-out;
  margin-bottom: 3px;
}

.lbl-toggle2:hover {
  color: #363B29;
}

.lbl-toggle2::before {
  content: ' ';
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);
  transition: transform .2s ease-out;
}

.toggle2:checked + .lbl-toggle2::before {
  transform: rotate(90deg) translateX(-3px);
}

.collapsible-content2 {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

.toggle2:checked + .lbl-toggle2 + .collapsible-content2 {
  max-height: 366px;
}

.toggle2:checked + .lbl-toggle2 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content2 .content-inner2 {
  background: #FAFAFA;
  border-bottom:0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: .5rem 1rem;
}

/*----------------toggle3------------------------*/

.wrap-collabsible3 {
  margin-bottom: 1.2rem 0;
}

.whiteDiv input[type='checkbox'] {
  display: none;
}

.lbl-toggle3 {
  display: block;
  font-weight: bold;
  font-family: 40px Montserrat-Regular,Arial;
  font-size: 1.2rem;
  /*text-transform: uppercase;*/
  text-align: left;
  padding: 1rem;
  color: #FFF;
  background: #ED1C24;
  cursor: pointer;
  border-radius: 0;
  transition: all 0.25s ease-out;
  margin-bottom: 3px;
}

.lbl-toggle3:hover {
  color: #363B29;
}

.lbl-toggle3::before {
  content: ' ';
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);
  transition: transform .2s ease-out;
}

.toggle3:checked + .lbl-toggle3::before {
  transform: rotate(90deg) translateX(-3px);
}

.collapsible-content3 {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

.toggle3:checked + .lbl-toggle3 + .collapsible-content3 {
  max-height: 245px;
}

.toggle3:checked + .lbl-toggle3 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content3 .content-inner3 {
  background: #FAFAFA;
  border-bottom:0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: .5rem 1rem;
}

/*----------------toggle4------------------------*/

.wrap-collabsible4 {
  margin-bottom: 1.2rem 0;
}

.whiteDiv input[type='checkbox'] {
  display: none;
}

.lbl-toggle4 {
  display: block;
  font-weight: bold;
  font-family: 40px Montserrat-Regular,Arial;
  font-size: 1.2rem;
  /*text-transform: uppercase;*/
  text-align: left;
  padding: 1rem;
  color: #FFF;
  background: #ED1C24;
  cursor: pointer;
  border-radius: 0;
  transition: all 0.25s ease-out;
  margin-bottom: 3px;
}

.lbl-toggle4:hover {
  color: #363B29;
}

.lbl-toggle4::before {
  content: ' ';
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);
  transition: transform .2s ease-out;
}

.toggle4:checked + .lbl-toggle4::before {
  transform: rotate(90deg) translateX(-3px);
}

.collapsible-content4 {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

.toggle4:checked + .lbl-toggle4 + .collapsible-content4 {
  max-height: 245px;
}

.toggle4:checked + .lbl-toggle4 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content4 .content-inner4 {
  background: #FAFAFA;
  border-bottom:0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: .5rem 1rem;
}

/*----------------toggle5------------------------*/

.wrap-collabsible5 {
  margin-bottom: 1.2rem 0;
}

.whiteDiv input[type='checkbox'] {
  display: none;
}

.lbl-toggle5 {
  display: block;
  font-weight: bold;
  font-family: 40px Montserrat-Regular,Arial;
  font-size: 1.2rem;
  /*text-transform: uppercase;*/
  text-align: left;
  padding: 1rem;
  color: #FFF;
  background: #ED1C24;
  cursor: pointer;
  border-radius: 0;
  transition: all 0.25s ease-out;
  margin-bottom: 3px;
}

.lbl-toggle5:hover {
  color: #363B29;
}

.lbl-toggle5::before {
  content: ' ';
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);
  transition: transform .2s ease-out;
}

.toggle5:checked + .lbl-toggle5::before {
  transform: rotate(90deg) translateX(-3px);
}

.collapsible-content5 {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

.toggle5:checked + .lbl-toggle5 + .collapsible-content5 {
  max-height: 901px;
}

.toggle5:checked + .lbl-toggle5 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.collapsible-content5 .content-inner5 {
  background: #FAFAFA;
  border-bottom:0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: .5rem 1rem;
}

/* ASPECTS RESPONSIVE : pour les mobiles*/
#footer {background-image: none;padding: 0;border:0;}
@media (max-width: 480px) {
#ctl00_TopLine, .tdEnteteRegistrationTop { background-position:center center; background-size:auto 100%; background-repeat:no-repeat; }}
.mobile #scroller { margin-left:8px; }
.mobile .frstRadio input { margin-left:0; }
.mobile input.CssTextBox, .mobile textarea.CssTextBox, .mobile .DrpDwn select  {max-width: 100%;border: solid 1px #C0C0C0;}
.mobile .MenuRegistration, .mobile .CurrentMenuRegistration {color: #13a89e !important; background-color: #FFF !important;}
.mobile #ctl00_Main_TcktFront_BtnCancel{margin-left: 29px; margin-top:15px}
.mobile #ctl00_Main_TcktFront_BtnSave{margin-left: 0px; margin-top:15px}
.mobile .next{margin-left: 14px; margin-top:30px}
.mobile input.CssTextBox{border:0; border-bottom: solid 1px #C0C0C0;}
.mobile .registration {padding-top: 15px;}
.mobile #ctl00_TopMenu{background-color:#13a89e !important}
.mobile #ctl00_menu_top{background-color: #FFF;  padding-top: 10px;}
.mobile #ctl00_Main_TcktFront_BtnMobilePrevious {margin-bottom: 15px;}
.mobile .ConfirmBtns{margin-top:30px;}
.mobile #ctl00_Main_TcktFront_SummaryBtnCancel{margin-top:15px;}
.mobile #MainCentered {margin-top: 0px; padding: 0px;}
/*Spécifique à supprimer si duplication*/
.mobile #ctl00_TblRwMenu_MTOP285{background-color: #FFF; width:44%; height:62px;}
.mobile #ctl00_TblRwMenu_MTOP286{width:44%;height: 80px;}
.mobile #ctl00_TblRwMenu_MTOP285{padding-top:30px;}
.mobile .ajax__validatorcallout_popup_table{left: 150px !important;}
.mobile .CurrentMenuRegistration{display:none;}
}