.resaisie{border:1px solid #ce1e28; color:#ce1e28;}
.grid_auth {
    display: table;
	background:#fff;
    height: 100%;
    behavior: url(display-table.min.htc);
	font-family:Roboto, Arial, sans-serif;
}
.grid_auth, .grid_auth> footer,.grid_auth> header {
    width: 100%;
}
.grid_auth> header {
   height:80px;
    margin: 0 auto;

	 
}
.tel-link{color:blue;text-decoration:underline;}
.choix_space_cand{position:relative;}
.space_int{position: absolute;top:0;
    width: calc(50% - 20px);
    background: #feefaf;
	right:0px;
    padding: 20px 0 20px 0;
    text-align: center;
    color: #444;
    margin: 0 10px;
    font-weight: bold;
    box-shadow: 1px 1px 1px 1px #eee;
    border-radius: 5px;}
.space_fr{position: relative;
    width: calc(50% - 20px);
    background: #feefaf;
    padding: 20px 0 20px 0;
    text-align: center;
    color: #444;
    margin: 0 10px;
    font-weight: bold;
    box-shadow: 1px 1px 1px 1px #eee;
    border-radius: 5px;}
#erreur_email{font-size:11px;color:#ce1e28;font-style:italic;}
.logo_rs_entete{background:url(/gcss/images/sprite_rs.png); width:259px;height:60px; position: absolute;
left: calc(50% - 130px);
top: 10px;}
.logo_rs_entete_mini{background:url(/gcss/images/logo-LHR-Contacts.png); width:129px;height:30px; position: absolute;
left: calc(50% + 20px);
top: 10px;}
 .content_auth {
    display: table-row;

}
.info-utils{margin:12px auto; position:relative; width:calc(100% - 30px); border:1px solid #ce1e28; color:#ce1e28; text-align:center;    font-family: Verdana;
    font-size: 14px; padding:20px 0px 20px 0px;}
.logo_lhr_entete {
    background-image: url("/gcss/images/logo-lhr-192.png");
    width: 192px;
    height: 70px;
    top: 10px;
	left: calc(50% - 96px);
	position:absolute;
}
.logo_lhr_entete_mini{background:url(/gcss/images/logo-HO.png); width:99px;height:35px; position: absolute;
left: calc(50% - 150px);
top: 10px;}
.content_auth{margin:50px auto;}
.entete-auth-lhr, .entete_auth_rs{ background: #00378b; height: 50px; position:relative; width:100%;}
.entete-auth-lhr {   background: transparent linear-gradient(0deg, #A71C2C 0%, #C82235 100%) repeat scroll 0% 0%;}
.titre_connexion{position:relative;width:calc(100% - 10px);margin:auto; margin-top:25px; color:#00378b; font-weight:500; line-height:25px;}
.hr_auth{background:#00378b;height:3px;}
.div_auth{width:calc(100% - 20px); margin:auto; /* max-width:460px;*/}
.input-auth{ padding: 10px 5px; width: calc(100% - 10px); border: 1px solid #ccc; border-radius: 5px;}
.input-auth-mdp-perdu{padding: 13px 10px; width: calc(100% - 0px); border: 1px solid #ccc;}
.input_div{margin-top:5px;max-width:320px; margin:5px;}
.input_div-mdp-perdu{max-width:400px; margin:10px auto;}
.lost_pwd a, .auth_still_connect a{font-size:12px; color:#444;}
.lost_pwd a, .auth_still_connect a{font-size:12px; color:#444;}
.lost_pwd{position:absolute; right:10px; top:0;}
.fct_plus{position:relative;margin-top:5px;max-width:320px;margin:5px;}
.fct_connect{position:relative;margin-top:10px;max-width:320px ; margin:5px;}
.fct_connect-mdp-perdu{position:relative;margin-top:30px;}
#div_new_auth_lhr .input_div {max-width:inherit;}
.connect_auth_lhrc{position:relative;height:20px; margin: 5px auto;text-decoration:none;
background: transparent linear-gradient(0deg, #00378b 0%, #00378b 100%) repeat scroll 0% 0%;
width:calc(100% - 10px);color:#fff;text-align:center; padding: 15px 5px ;}
.connect_auth_lhr {
    background: transparent linear-gradient(0deg, #A71C2C 0%, #C82235 100%) repeat scroll 0% 0%;
    width:calc(100% - 10px);
    position: relative;
    padding: 15px 5px ;
    margin: 5px auto;
    text-align: left;
    color: #FFF;
    cursor: pointer;
	font-size:14px;
}
.texte_obligation_mdp{color:#999; font-weight:500;margin:10px 0 15px 0;text-align:center;font-size:13px;font-family: Roboto, Arial, sans-serif;}
.btn_4444{padding:5px ; color:#fff;background:#444;text-align:center;max-width:320px;width: calc(100% - 10px);margin:12px auto;}
.btn_30333f{padding:13px; color:#fff; background:#30333f; text-align:center; max-width:400px; width: calc(100% - 10px); margin:0px auto; text-transform:uppercase; font-weight:400; font-size: 16px;}
.btn_30333f:hover{background:#454957;}
.proc_creation_init {
    position: absolute;
    right: 20px;
    top: 50px;
    border-left: 1px solid #ccc;
    height: calc(100% - 50px);
    padding: 20px 0px 0px 10px;
}
/*.proc_creation_init{    position: absolute;
    right: 20px;
    top: 20px;
    border-left: 1px solid #ccc;
    height: calc(100% - 20px);
    padding: 20px 0px 0px 10px;} */
.fct_connect a{text-decoration:none;}
.fct_connect-mdp-perdu a{text-decoration:none;}
.logo-connect-lhr {
    position: absolute;
    background: transparent url("/gcss/images/lhr-88x31.png") repeat scroll 0% 0%;
    width: 88px;
    height: 31px;
    top: 6px;
    right: 3px;
}
.logo-lhrc {
    background-image: url(/gcss/images/lhrc-125x27.png);
    width: 129px;
    height: 31px;
    top: 10px;
   /* left: 100px;*/
    position: absolute;
}
.creation{text-align:left;}

.hide_element{display:none;}

.hr_authlhr{border: 2px solid #ce1e28;}
.titre_connexion_lhr{color:#444; font-weight:500; width:calc(100% - 20px); margin:auto;margin-top:15px;line-height:20px;}
.titre_connexion_lhr-mdp-perdu{color:#222; font-weight:500;margin:35px 0 15px 0;line-height:24px;text-align:center;font-size:16px;font-family: Roboto, Arial, sans-serif;}
#new_lhrc{position:relative;}
.hide_conf input{display:none;}
.div_activation{

    line-height: 28px;
    background-color: #f5f6f8;
    font-size: 14px;
    width: calc(100% - 20px);
    position: relative;
    margin:5px auto;
    border: 1px solid #aaaaaa;
    font-weight: 400;
	max-width:400px;
	padding:5px;
}
.info-lhrc-accept {
   
    background: #00378b;
    font-family: Verdana;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    max-width:270px;
	border-radius:2px;
    padding: 5px;
    margin: 12px auto;
	text-align:center;
}

.creat_cpt{padding:5px ; color:#fff;background:#444;text-align:center;margin:auto;max-width:320px;}
.creat_cpt a{color:#fff;}
.creat_cpt a:hover{text-decoration:underline;}
.info-lhrc-accept a{color:#fff;text-decoration:none;}
.conditions-accept {
    
    /*font-family: Verdana;*/
   /* color: #444444;*/
    /*font-size: 11px;*/
    font-weight: 400;
    margin: 12px auto;
	/*max-width:320px;*/
	width:calc(100% - 10px);
}
.text-lhr-c{width: calc(100% - 20px);
    position: relative;
    margin: 12px auto;}
.conditions-accept a{color:#444;}
.ul li:before {
    content: '- ';
    /*margin-left: -30px;*/
}

.ul {
    list-style-type: none;
	/*margin-left:-30px*/
}
.erreur_auth{color:#ce1e28; font-style:italic; font-size:13px; max-width:400px;	width:calc(100% - 10px); margin:auto;}
.erreur_auth-mdp-perdu{color:#ce1e28; font-size:13px; max-width:400px;	width:calc(100% - 10px); margin:30px auto; text-align:center; line-height:24px;}
.ul-s li{line-height:30px;}
.Listechoose{    display: block;
    max-width: 320px;
margin: auto;}
.Listechoose a{
    color: #00378b;
    font-size: 12px;
	text-decoration:none;}
.Listechoose a:hover{text-decoration:underline;}
.loc_titre{font-size:14px; font-style:italic;color:#444;}
.btn_444{padding:5px ; color:#fff;background:#444;text-align:center; width:100px; text-decoration:none; margin:12px auto;}
.div_pop_global a{text-decoration: none;}
.div_pop_global a:hover{text-decoration: underline;}
.conditions-accept a,.case-accept-term a{text-decoration:underline;}

.btn-access-active{
	max-width: 320px;
    text-align: center;
    margin: 12px auto;
    padding: 5px;
    color: #fff;
    background: #444;
	border-radius:5px;
	box-shadow:1px 1px 1px 1px #ccc;
}
.fct_connect_activation{margin:12px auto;max-width:320px;}
.fct_connect_activation-mdp-perdu{margin:12px auto;max-width:320px;}
.val-button{margin:auto; padding:7px; background:#444;width:80px;text-align:center;color:#fff;border-radius:5px;
	box-shadow:1px 1px 1px 1px #ccc;}
	.titre-form{
	font-size:16px;
	font-weight:500;
	position:relative;
}
.espcand-cadre-coldrt {
  
  border-radius: 2px;
  box-shadow: 1px 1px 1px 1px #ccc;
  }
.receive_ids{width:90%;position:relative;margin:auto;}
.receive_ids a{color:#444;text-decoration:none;}
.receive_ids a:hover{color:#444;text-decoration:underline;}
.se-souvenir{position:relative;float:left;color:#444;color:  #444444;
font-size: 12px;
font-weight: 400;}
.mdp-lost-info a{color:#444;font-family:Roboto, Arial, sans-serif;
color:  #444444;
font-size: 12px;
font-weight: 400;}
.mdp-lost-info{position:relative;}
.sous-titre-form{font-size:15px;position:relative;}
.entete-connect_2{	width:100%;	height:55px;	margin:0 auto;	background: linear-gradient(0deg, #a71c2c 0%, #c82235 100%);	position:relative;}
.entete-connect_2-mdp-perdu{width:100%;height:50px;margin:0 auto;background:#ce1e28;position:relative;}
.spancaminteresse{font-family: Verdana;color:  #00478b;font-size: 12px;font-weight: 700;width: 100px;height: 12px;}
.spanpoint{color:  #ce1e28;font-size: 18px;font-weight: 400;width: 3px;height: 13px;}
.spanlhr{font-family: Verdana;color:  #ce1e28;font-size: 16px;font-weight: 700;line-height: 28px;}
.spancontact{font-family: Verdana;color:  #00378b;font-size: 16px;font-weight: 700;line-height: 28px;}
.textmessage{position:relative;margin: 15px 50px;font-size: 16px;}
.coche{position:absolute;background-image:url(/gcss/images/coche-verte.png);background-repeat:no-repeat;width:25px;height:25px;margin:auto;margin-top:20px; margin-left:10px;}
.exists{position:absolute;;background-image:url(/gcss/images/alerteexist.png);background-repeat:no-repeat;width:36px;height:32px;margin:auto;margin-top:20px; margin-left:10px;}
.pop-up-div{width:546px;height: 200px;background:#f5f6f8;position:relative;}
.entete-pop-up{position:relative;width:100%;height:30px;}
.caminteresse-entete{background-image:url(/gcss/images/sprite_RS.png);background-repeat:no-repeat;position:absolute;width:168px;height:18px;margin-left:20px;background-position :-294px -55px;margin-top:15px;}
.logo-lhrc-small{background: url(/gcss/images/lhrc-125x27.png);width: 129px;height: 30px;position: absolute;top:10px;right: 20px;}
.messagepopup{background-color:  #ffffff;	width: 494px;	height: 89px;	position:relative;	margin-left:25px;	margin-top:20px;	border:1px solid #aaaaaa;	font-weight: 400;}
.ok-close{border-radius: 2px;font-family: Verdana;color: #ffffff;font-size: 18px;font-weight: 400;background: #00378b;width: 27px;position: relative;margin: 15px auto;margin-bottom: 15px;padding: 5px 10px 5px 10px;}
.ok-close a{color: #ffffff;font-size: 18px;text-decoration: none;cursor:pointer;}


#form-creat-user{display:none; width:95%;margin-left:15px}
.entete-creat{width:100%;position:relative;height:20px;font-family:Roboto, Arial, sans-serif;}
.text-entete-connect{font-family:Roboto, Arial, sans-serif;color:#ffffff;font-size:22px;font-weight:400;text-align:left;margin-top:10px;margin-left:10px;width:500px;height:33px;position:relative;float:left;}
.text-entete-connect-mdp-perdu{	font-family: Roboto, Arial, sans-serif;color:  #ffffff;	font-size: 24px;	font-weight: 400;	text-align: center;	margin-top:10px;	width :100%;	height: 33px;  position:relative;  float:left;}
.logo-lhr {background-image: url(/gcss/images/logo-HO.png); width:99px;height:35px;right:10px;top:10px;position:absolute;}
.logo-lhrc {background-image: url(/gcss/images/lhrc-125x27.png); width:129px;height:31px;top:10px;right:25px;position:absolute;}
.pop-up-creation_2{width:700px;position:relative;margin:0 auto;padding-bottom:20px;}
 .para , .text-invitation-creation{position:relative;font-family: Roboto, Arial, sans-serif; 
color:  #444444;
font-size: 16px;
font-weight: 400;
text-align: left;width:730px;padding:5px;}
.form_creation_2{
margin-top: 10px;
position:relative;
font-family: Roboto, Arial, sans-serif;
color:  #444444;
font-weight: 400;
text-align: left;
float:left;
width:48%;
margin-left:10px;
}

.ul  {list-style-type:none;}
.ul li:before {content: '-   '  ;
margin-left:-20px;
}

.text-lhrc{width:100%;position:relative;}
.text-lhrc-top-1{width:100%;font-family: Roboto, Arial, sans-serif;
color:  #444444;
font-size: 16px;font-weight: 400;
line-height: 28px;}.text-lhrc-top-2{width:100%;font-family: Roboto, Arial, sans-serif;
color:  #444444;
font-size: 16px;font-weight: 400;
line-height: 28px;}
.form_creation_2 .inputForm{width:270px; border:1px solid #eee;border-radius:5px;padding:7px;}
.inputForm_2{width:500px; border:1px solid #eee;border-radius:5px;padding:7px;}
.div_form{width:100%;height:40px;position:relative;}
.div_form_input_2{position:relative;float:left;margin-bottom:3px;}
.div_form_input_3{position:relative;float:left;margin-bottom:3px;}
.div_form_text_2{position:relative;float:left; font-weight:400;width:100px;margin-top:5px;margin-left:5px;}
.div_form_text_2{position:relative;float:left; font-weight:400;width:100px;margin-top:5px;margin-left:5px;}
.div_form_text_2{position:relative;float:left; font-weight:400;width:100px;margin-top:5px;margin-left:5px;}
.form_creation_2 table{margin-left:10px; }
.form_auth_2{position:relative;font-family: Roboto, Arial, sans-serif;color:  #444444;font-size: 14px;font-weight: 400;width:98%;margin:auto 10px;}
.form_auth_2-mdp-perdu{position:relative;font-family: Roboto, Arial, sans-serif;color:#444444;font-size: 14px;font-weight: 400;width:100%;margin:auto 10px;}
.h1{font-family: Roboto, Arial, sans-serif;
color:  #444444;
font-size: 16px;
font-weight: 400;
text-align: left;
margin-top:10px;}
.inputForm{width:220px; border:1px solid #eee;border-radius:5px;padding:5px;}
.case-accept-term{position:absolute;width:100%;}
.case-accept-term a{color:#aaaaaa;}
.form_creation_2 a {color:#ccc;}
.valbutton_compte_creation{width: 175px;cursor:pointer;text-align:center;padding:5px;background:#333333;
position:relative;}
.valbutton_compte_connect{width: 92%; padding:5px;cursor:pointer;background:#333333;text-align:center;color:#fff;position:relative;}
.valbutton_compte_creation_align_left{margin:0;}
.valbutton_compte_creation_annul{position:absolute;left:210px;top:5px;}
.valbutton_compte_creation_annul a{color:#444;}
.valbutton_compte_creation a , .valbutton_compte_connect a{text-decoration:none; color:#fff; font-size:13px;}
.valbutton_compte_connect a:hover {text-decoration: underline;}
.valbutton_compte{width: 132px;cursor:pointer;text-align:center;color:#fff;padding:5px;background:#333333;
position:relative;float:left;margin-left:10px;}
.annullien_compte{relative;float:left;margin-top:5px;font-family: Verdana;
color:  #000000;font-size: 12px;font-weight: 400;text-align: left;width: 140px;height: 10px;}
.annullien_compte:hover{text-decoration:underline;cursor:pointer;}
.erreurAuth{position:relative;color:#ce1e28;font-style:italic;padding:5px;}
.Message-validation-q{position: relative;
margin: 20px auto;
width: 95%;
font-size: 16px;}
.closetiny{font-size:15px;width:50px;margin:0 auto;position:relative; color:#434343; text-decoration:none;margin-bottom:10px;}
.closetiny2{font-size:15px;width:250px;margin:0 auto;position:relative; color:#434343; text-decoration:none;margin-bottom:10px;}
.closetiny :hover{text-decoration:underline;}
.Fermer_compte a{color:#fff;text-decoration:none;}
	.Fermer_compte{width: 40%;cursor:pointer;text-align:center;color:#fff;padding:10px;background:#333333;
	position:relative;margin:12px auto; font-size:16px;}
.div-auth-new{position:relative;width:50%;border-right:1px solid #eee;float:left;}
.functions-connect{width:100%;position:relative;height:30px;}
.texte-accroche{width:100%;margin:10px auto;color:#00378b;}
.texte-accroche >a{color:#444;}
.auth-creat-new{position:relative;width:95%;margin: 10px auto;}
.functions-creat-new{position:relative;height:40px;width:100%; margin:10px auto;}
#enattente-de-validation{position:relative;width:95%;margin:10px 20px;line-height:30px;}
.se-connecter-lhr {
width: 60%;
cursor: pointer;
text-align: center;
padding: 10px;

background: #333333;
position: relative;
margin: 20px auto;
}
.retractation{
    width: 95%;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    margin-left: 20px;
    color: #ce1e28;}
.annul_connect { position:relative; margin:12px auto; width:40px;}
.annul_connect a {color: #999; text-decoration: none;}
.annul_connect a:hover {text-decoration: underline;}
.se-connecter-lhr{color:#fff;}
.fermer_valbutton a, .se-connecter-lhr a,.activation-compte a{color:#fff;text-decoration:none;font-size:13px;}
.info-activation , .infojumelage{
width: calc(100% - 40px);
font-weight: 500;
position: relative;
font-family:Roboto, Arial, sans-serif;
margin:10px auto;
}
.activation-compte {
width: 370px;
cursor: pointer;
text-align: center;
padding: 5px;
background: #333333;
position: relative;
margin: 20px auto;
}

#auth-form{position:relative;display:none;width:90%;margin:auto;}
.auth-form-contenu{position:relative;height:200px;width:95%;margin:auto;font-family:Roboto, Arial, sans-serif;}
.info-comp-adresse{position:relative;font-size:13px; margin-top:12px; color:#00378b;}
.jumelage-reussi{width: 95%;
position: relative;
margin: 20px auto;
color: #444;
font-size: 14px;
font-weight: 500;}
.fermer_valbutton{
width: 175px;
cursor: pointer;
text-align: center;
padding: 5px;
background: #333333;
position: relative;
margin: auto;}
.mon-access-pa{position:relative;width:380px; margin:auto;background: #eee;}
.form_access {
position: relative;
margin-top: 10px;
font-size: 12px;
margin-bottom: 10px;
}
.form-table-connect-pa{font-family: Roboto, Arial, sans-serif;
color: #444444;
font-size: 14px;
font-weight: 400;
position:relative;height:120px;}
.entete-emploi{position:relative;width: 100%;font-size:13px;
background: #fcedae;
height: 80px;
text-align: center;}
.form_access_text {
width: 266px;
height: 32px;
border: 0;
border-radius: 5px;
}
.mdp-lost {
position: absolute;
font-size: 12px;
left:3px;
}
.valformbutton {
background: #fcedae;
position: absolute;
padding: 5px 20px 5px 20px;
right: 10px;
margin: auto;
cursor: pointer;
}
.mdp-lost a {
color: #434343;
text-decoration: none;
}
.recruteur_background {
background: #d7b4b2;
}
.info-je-ne-dispose{position:relative;margin: 20px 20px;}
.resaisie{border:1px solid #ce1e28; color:#ce1e28;}
.fond_commerce_background {
  background: #0054a3;
  color: #fff;
}
.entete-fond-commerce {
  width: 100%;
  background: #0054a3;
  height: 40px;
  text-align: center;
  font-family: Verdana;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  padding-top: 10px;
}
.menu-bd{width:100%; max-width:980px; margin:auto; height:100%;position:relative;z-index:1007;}
.menu-bd-gc{position:absolute;background:#fff;bottom:0;border:1px solid #c7c7c7;}

.lhr-contacts-link{z-index:1006;position: absolute ; top: 4px; left:250px; background-color: #34398e; border: solid 2px #fff; color: #f2f2f2; padding: 5px 10px; font-family:Roboto, Arial, sans-serif;font-weight:600;}
.menu-bd-drt{position:absolute;background:#fff;bottom:0;border:1px solid #c7c7c7;right:0;}

 .menu-bd-gc>a>div, .menu-bd-drt>a>div{position:relative;float:left; padding:2px 3px; text-align:center;background:#fff;margin-left:10px; z-index:1006;}


#moncptmenu{position:absolute;top:18px;background:#fff; z-index:1009; width:100%;border:1px solid #ccc;border-top:1px solic #ccc;border-radius:2px;display:none;width:calc(100% - 18px);left:-1px;}

#moncptmenu>a>div{padding:10px;}

#moncptaction:hover+#moncptmenu,#moncptmenu:hover{display:block;}
#notif-crea:hover+#moncptmenu-crea,#moncptmenu-crea:hover{display:block;}
#divB {
    display: none;
}

#divA:hover + #divB {
    display:  block;z-index:1006;
}
#divA{z-index:1008;position:relative;}
/*.disabled-menu >a>div{background:#eee;color:#ccc;}
.disabled-menu>a>div:hover{text-decoration:line-through;cursor:default;} 
.disabled-menu>a:hover>div{ } */
.disabled-menu{    position: absolute;
    width: 100%;
    height: 100%;
    background: #ccc;
    opacity: 0.7;} 
.actif-menu>a>div:hover, .menu-bd-drt>a>div:hover, .menu-bd-gc>a>div:hover{text-decoration:underline;}
actif-menu a ,.menu-bd-drt a, .menu-bd-gc a{text-decoration:none; color:#ac0014;    font-family: Roboto, Arial, sans-serif;   font-size: 12px;font-weight: bold;}
.mon-cpt-menu{margin-left:0px;}
.email-conf-attente{position: absolute;
    background: #fff;
    padding: 5px;
    left:400px;
    bottom: 2px;
	color:#ce1e28;border-radius:5px;}
.mode_test{  position:absolute;background:#fff;left:-32px; background:url(/gcss/images/mode-test.png);width:32px;height:32px;z-index:1006;}
.test_logo_penche{position: absolute; left: calc(50% - 90px);   color: #fff;    background: #00378b;    padding: 5px;    -webkit-transform: rotate(30deg);-ms-transform:rotate(30deg);}
.notif_cloche_active {
    position: absolute;
    /* display: none; */
    background: url(/gcss/images/cloche-alerte.png);
    width: 30px;
    height: 30px;
    /*bottom: 1px;*/
    cursor: pointer;
	
}
.info-notif-bd-r{  left: 450px;position:absolute;top :0; width:auto;}
#moncptmenu-crea{   
	position: absolute;
    top: 30px;
    background: #00378b;
    z-index: 1009;
    width: 250px;
    border: 1px solid #ccc;
    border-top: 1px solic #ccc;
    border-radius: 2px;
    display: none;
    left: -1px;
    padding: 5px;
	box-shadow:1px 1px 1px 1px #eee;
	color:#fff;}
	#moncptmenu-crea a{color:#fff;font-weight:600;}
/**/
.info-comp-abo{	position:relative;	}
			.info-ico{ position:absolute;
			width:14px; height:14px; background:url(/nimg/abo-picto-info.gif);}
			.info-texte{position:relative;width:calc(100% - 18px); margin:12px 0 0 18px;    font-size: 12px;   font-family: Verdana;   color: #555;}
			.ul-info-num{margin-left:-30px;list-style-type:none;}
	.ul-info-num li{margin:5px auto;}
	.ul-info-num li:before {content: '-   '  ;}
	.fct-abo{height:40px;position:relative;}
	.fct-abo-btn{padding: 5px;    color: #fff;    background: #444;    text-align: center;    width: 100px;    text-decoration: none;    margin: 12px auto;position:absolute;}
	.div_num_abo{width:280px;padding:5px;position:relative;}
	.div_num_abo_connect{    width: calc(100% - 10px);
    padding: 5px;
    position: relative;}
	.click-info_connect {
    top: 15px;
    right: 5px;
}
	.click-info{top :15px ;left:300px;}
	.btn-new-abo{background:linear-gradient(0deg, #a71c2c 0%, #c82235 100%);padding: 5px;    color: #fff;    text-align: center;    width: 100px;    text-decoration: none;left:10px;    margin: 12px auto;position:absolute;}
	.form-add-abo-div{max-width:500px; width:calc(100% - 10px);margin:12px auto;}
	.img-num{text-align:center;}
	@media only screen and (max-width:400px){
		.form-add-abo-div{max-width:320px;}
			.click-info{left:280px;}
			.div_num_abo{width:260px}
			.form-add-abo-div{font-size:13px;}
			.ul-info-num{margin-left:-10px;}
			.img-num img{max-width: 300px; margin-left:-10px;}
	}
label[for=stillconnect]
{
    font-family:Roboto, Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    cursor:pointer;
}
label[for=stillconnect]:hover
{
    text-decoration:underline;
}
.titre-mdp-perdu {
  z-index: 0;
  position: relative;
  text-align: center;
  color: #ce1e28;
  height: 31px;
}
.titre-mdp-perdu:before {
  z-index: -1;
  height: 3px;
  content: "";
  position: absolute;
  top: 46%;
  right: 0;
  left: 0;
  background: currentColor;
}
.h2-mdp-perdu {
  font-size: 1.6em;
  text-transform: uppercase;  
  margin: 0 auto;
  background-color: #ffffff;
  width: 280px;
}