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

/*BLEU: #1d70b7 -  -   VERT : #26903b  - VERT VIF : #69B448*/
body { background-color:#FFF;  height:100%; font-family: 'Open Sans', sans-serif;}


/*GENERIQUE*/
#contenuContainer{ width:100%;}
.ContentBlockInner{max-width:1200px; padding:2em;}
.formerText{display:none;}
.centerText{margin-left:20%; width:60%}
.titre_page,h1{color:#1d70b7; font-size: 2em; font-weight:bold; padding-left: 100px;}
.titre_cadrevert { background-color:#26903b; color:#FFFFFF; padding:8px; display:block; }
.cadre {
  padding:10px;
  padding-top:5px;
  border:solid 1px #26903b;
  border-radius:0;
  margin-bottom:10px;
  display:block;
  background-color:White;
  margin-right:5%;
  margin-left:5%;
  margin-top:1.2em;
  opacity:1;
  max-width:1200px;
}
.cadreTel {display:none;}
.convention{max-width:1200px; margin:auto; padding-right:2em; padding-left:2em;}
.titre_margin{margin-left:5%}
#ctl00_Main_PnlActions{float:right;}
.letter{border-right: solid 2px #69B448; padding-right:2em; } 
.comite{padding-left:2em;}
    

/*--Bannière---*/
.tdEnteteRegistrationTopLeft {max-height: 100px; margin-top: 1em;}
.tdMenuRegistration{padding-top: 18em!important; width}
.blocksep{display:none !important;}
.tdEnteteRegistrationTop{ background-repeat: no-repeat; background-size: auto 90% ; background-position-x: 3.6em; height:200px;}
.tdEnteteRegistrationLogo { width: 100px;}

/*Style des liens*/
a:hover{color:#1d70b7 !important;}
a:focus, a:active {color:#000000;}
a:visited {color:#000000;}
a:link {color:#1d70b7;}
a {color:#000000;}
a {text-decoration:none;}
#contenu a{color:#1d70b7;}

/*MENU*/
.navigation {margin-left:2em;}
.navigation ul li ul { left:0; padding-top: 0.8em;}
.navigation ul li:hover a, .navigation ul li.actif a { background-image:none; }
.navigation ul li {max-width:300px;font-size: 1em;  text-transform: uppercase;}
ul.menu li {padding-left: 1em; height: 110px;}
.navigation ul li ul li{ padding-left: 1em; height: 25px; font-size: 0.8em;}
.navigation ul li ul li ul li{ font-size: 0.9em;}
#ctl00_TblRwMenu_9898{height: 40px;}
#ctl00_TblRwMenu_9897{height: 105px;} 
#ctl00_TblRwMenu_9924{height: 130px;}
.navigation ul li a{color:#000000;}

/*BOUTONS*/
.CssButton {background-color:#26903b; background-image: none; color:White;height:auto; padding:8px; border-radius:0;}
.CssButton:hover { background-image:none;background-color:#1d70b7; }
.mobile .CssButton {margin-bottom: 1em;}

/*----------------------Boutons-----------------------*/
a.CssButton{padding:0.6em !important; font-size: 1em !important; padding-top:0}
.CssButton {
  background-color:transparent;
  color:#1d70b7!important;
  background-image:none;
  cursor:pointer;
  text-decoration: none;
  border-radius:0;
  padding:8px;
  text-transform:uppercase;
  font-weight:normal;
  border-color:#1d70b7;
    border:1px  solid #1d70b7;
}
.CssButton:hover{
background-image:none;
  text-decoration: none;
  background-color:#1d70b7;
  color:#FFF !important;}

.blueButton{
  border-radius:0;
  padding:10px;
  text-transform:uppercase;
  font-weight:normal;
  background-color:#69B448;
  border-color:#69B448; 
  color:#FFF;
  float:right;
  width:30%;
  margin-right:70%;
  margin-top:2em;
border:1px  solid #69B448;
  text-align: center;
}
.blueButton:hover {color:#FFF; background-color:#FFF; border-color:#69B448;}
.blueButton a:hover, .blueButton a:focus, .blueButton a:active {color:#69B448 !important; background-color:#FFF; border-color:#69B448;}
.blueButton a{color: #FFF !important; text-decoration:none; width:100%; border-color:#69B448;}

/*INSCRIPTION*/
.registration{max-width:1200px; margin:auto; margin-top:18em; width:90%;}
.registrationticket{margin-top:-15em !important;}
#ctl00_tdCorpsRegistration{background-color: #ffffff;}
.tableRegistration {vertical-align: top;padding: 0px;width:100%;}
.bottom_content { border-top:solid 1px #C0C0C0; padding-top:15px; padding-bottom:15px; }
div#RegistrationConfirmation {padding:20px;}
div#ctl00_mainTableRegistration {background-repeat:no-repeat;background-position:top center;margin:0 auto;}
#ctl00_Main_PnlProfile{max-width:1200px; margin:auto;}
#ctl00_Main_TcktFront_BtnMobileNext{margin-left:1em;}
.mobile .MenuRegistration .CurrentMenuRegistration {color:#1d70b7; background-color:#FFFFFF;}
.mobile .MenuRegistration {background-color:#FFFFFF;}
.registration{margin-left:5%;}
.RubriqueSpan {background-color:#FFFFFF;}
.TitreRubriqueBo {background-color: #FFFFFF;color:#1d70b7; font-size:1.3em;border-bottom:solid 1px #1d70b7;}
#frontloggedas{max-width:1200px; margin:auto; float:right;}
.PnlIdentificationLogout{height: 20px;}
.registration .lblc {text-align: left !important;}

/*INSCRIPTION Contemporaine*/
.CssTextBox {border:0px; background-color:#FFF; border-bottom:solid 1px grey; color:#000000; width:70%;   margin-top: 0.3em; margin-top: 0.3em; font-family:'Open Sans',sans-serif !important;}
.lblc{padding:1em;}
.Item{padding:1em;}
.DrpDwn select{color:#000000 !important; border:0px; background-color:#FFF; font-family:'Open Sans',sans-serif !important; border-bottom:solid 1px grey; margin-left: 1em; width: 69%;}
.CssFileUpload{  background-color:#FFF; color:#000000; border-bottom:solid 1px grey; background-image:none;}
.mobile #header {padding-left: 0px;}
#footer {background-image: none;border: 0px;}
.mobile select {font-size: 12px;width: 65%;}

/*AUTHENTIFICATION*/
.GroupAuthPanel{padding-top:50px; max-width:1200px;margin:auto;margin-bottom:2em;}
#ctl00_Main_authContainer{margin:auto; margin-bottom:2em; margin-top:4em;}
.centerCompte{max-width:300px; margin:auto;margin-bottom:2em; font-size:1.4em}


/*TITRES*/
h2 {color:#030344; font-size:1.4em;}
h3 {color:#0fa275; font-size:1.1em;}

/*FOOTER*/
.bottom_content {border-top:0px;}

/*ESPACE PERSO*/
#frontloggedas{max-width:1200px; margin:auto; float:right; margin-right:10%}


/*Spécifique*/
#ctl00_tdCorpsRegistration {background-color: transparent;}
.bottom_content {background-color:transparent; border-top: 0.4em solid #69B448;} 
#contenuContainer {min-height:65vh; margin-top: 0vh;}
.navigation_container_parent{max-width:1800px; margin-left:400px; }
.ContentBlockInner iframe{max-width:1200px; margin:auto; width:90% !important; margin-right: 5%; margin-left: 5%;}
#ctl00_9928:hover{color: #000000 !important;}
#ctl00_9926:hover{color: #000000 !important;}
#ctl00_10098:hover{color: #000000 !important;}


/*LOGOS*/
.logos{position:absolute; top:10em; left: 0; width:220px}
.CPHGlogo{display:none;}
.LABELlogo{position:absolute; top:0; left: 0; width: 90% !important; height: auto !important; margin-left:10%; }
.logoKBP{position:absolute; top:7em; left: 0; width: 30% !important; height: auto !important; margin-left:35%; }
.logoINCA{position: absolute;top: 17em;left: 0; width: 70% !important;height: auto !important;margin-left: 20%;}

/*RESPONIVE*/
.mobile .CssButton {width: 170px;}


@media (min-width: 1401px) and (max-width: 1700px) 
{
.logos{position:absolute; top:10em;  width:190px}
.tdEnteteRegistrationTop{ background-repeat: no-repeat; background-size: auto 90% ; background-position-x: 3em; height:170px;}
}

@media (min-width: 1201px) and (max-width: 1400px) 
{
.tdEnteteRegistrationTop{ background-repeat: no-repeat; background-size: auto 90% ; background-position-x: 3em; height:140px;}
.tdMenuRegistration {padding-top: 22em!important;}
.tdEnteteRegistrationTopLeft {max-height: 80px; margin-top: 1em;}
.logos{position:absolute; top:10em; width:150px}
.navigation_container_parent {margin-left: 150px;}
.BTNprogramme{position: absolute; top: 34%; left: 27%; width:35% !important}
.BTNsoumission{position: absolute; top: 63%; left: 35%; width: 35% !important;}
.BTNinscriptions{position: absolute; top: 40%; left: 52%; width:35% !important}
.logoMini {top: 8em;}
.registration {margin-left: 15%;}
.blueButton {width: 50%; margin-right:50%;}
.LABELlogo{}
}

@media (min-width: 783px) and (max-width: 1200px) 
{
.tdEnteteRegistrationTop{ background-repeat: no-repeat; background-size: auto 80% ; background-position-x: 2.6em; height:110px;}
.tdEnteteRegistrationTopLeft {max-height: 60px; margin-top: 1em;}
.tdMenuRegistration {padding-top: 22em!important;}
.logos{position:absolute; top:10em; width:130px}
.navigation_container_parent {margin-left: 150px;}
.navigation ul li {max-width: 100%;font-size: 0.6em;}
.blockBtn{max-width:90%; height:22em; margin-top:0px; margin-left:5%; margin-top:1em;}
.ContentBlockInner{padding-left:0px !important;}
.navigation ul li a {font-size: 0.6em;}
.registration {margin-left: 15%;}
.blueButton {width: 50%; margin-right:50%;}
}

@media (min-width: 783px) and (max-width: 896px)
{
.tdEnteteRegistrationTop{ background-repeat: no-repeat; background-size: auto 70% ; background-position-x: 2em; height:80px;}
.tdEnteteRegistrationTopLeft {max-height: 30px; margin-top: 1em;}
.tdMenuRegistration {padding-top: 22em!important;}
.logos{position:absolute; top:10em; width:100px}
.blueButton {width: 50%; margin-right:50%;}
/*.CPHGlogo{top:0em;}*/
.LABELlogo{}
/*.CNCRlogo{top:4em;}
.FHFlogo{top:7em;}*/
}

@media (min-width: 481px) and (max-width: 782px) 
{
.tdEnteteRegistrationTop{ background-repeat: no-repeat; background-size: auto 50% ; background-position-x: 1.4em; height:50px;}
.tdEnteteRegistrationTopLeft {max-height: 30px; margin-top: 1em;}
.tdMenuRegistration {padding-top: 22em!important;}
.logos{position:absolute; top:8em; width:100px}
.ContentBlockInner{padding-left:0px !important;}
.navigation_container_parent { margin-left:0 !important; /*width:100% !important; */}
.fond { background-position:center center; background-size:auto 100%; }
.cadreSubmit {margin-right: 3%;margin-left: 6%;}
.navigation ul li a{font-size:0.6em} 
.registration table.ItemTypeRADIO {margin-left:0 !important;}
.blueButton {width: 70%; margin-right:20%;}
.navigation {margin-left: 1em;width: 100%;}
}

@media(max-width: 480px){
.tdEnteteRegistrationTop{ background-repeat: no-repeat; background-size: auto 30% ; background-position-x: 1em; height:40px;}
.tdEnteteRegistrationTopLeft {max-height: 25px; margin-top: 1em;}
.tdMenuRegistration {padding-top: 22em!important;}
.logos{position:absolute; top:6em; width:100px}
.navigation_container_parent {margin-left: 150px;}
.navigation ul li ul { display:block !important; width:100% !important; position:relative !important; top:0 !important; }
.navigation ul li ul li { border-bottom:none !important; }
.CellMenu, .navigation ul li a { height:auto !important; }
.ContentBlockInner{padding-left:0px !important;}
.titre_page,h1{padding-left: 5%}
.navigation ul li ul {margin-left:17px;}
.navigation_container_parent {margin-left:0 !important; width:100% !important;}
.navigation ul li {max-width: 100%;font-size: 0.6em; width:100% !important; text-align:left !important; border-bottom:solid 1px White;}
.blockBtn{max-width:90%; padding:3em; height:660px; margin-left:5%; margin-top:1em;}
#ctl00_registrationTopCell {height:6.2em;}
.centerText{margin-left:5% !important; width:95% !important}
.registration{margin-left:5%;}
#ctl00_Main_PnlSubmitterInfo {margin-left: 0em;}
#datesHome{position: absolute;left: 15%;top: 40em;background-repeat: no-repeat;width: 16em;height: 3em;background-size: 100% 100%;}
#ctl00_Main_PnlSession.confirm .ccontainer { width:380px !important; }
.bottom_content p{font-size:10px;}
.bottom_content {border-top: 1em solid #26903b;}
#contenuContainer {margin-top: 0vh; min-height: 60vh;}
.navigation ul li ul {margin-left: 0;}
.CellMenu, .navigation ul li a {height: 100% !important;}
.navigation ul li ul li {padding: 0px 0px;}
.navigation ul li ul li a { height:2em !important; padding:0.5em;}
.registration table.ItemTypeRADIO {margin-left:0 !important}
.blueButton {width: 70%; margin-right:10%;}
.navigation {margin-left: 1em;width: 100%;}
}