.div_entete {position:relative;height:50px;}

.div_entete .div_logo {position:absolute;left:0;width:250px;top:0px;z-index:91;}
.div_entete .div_logo img {width:100%;}

.div_entete .icone_menu {position:absolute;top:10px;left:300px;}
.div_entete .icone_menu img {height:25px;}
.div_entete .div_lien_accueil {position:absolute;top:10px;right:10%;}
.div_entete .div_lien_accueil img {height:25px;}
.div_entete .div_lien_tchat {position:absolute;top:40px;right:10%;}
.div_entete .div_lien_tchat img {height:25px;}
.div_entete .div_lien_tchat .img_tchat_en_cours {display:none;}
.div_entete .div_lien_tchat.new .img_tchat {display:none;}
.div_entete .div_lien_tchat.new .img_tchat_en_cours {display:block;}

.div_entete .div_liens_entete {padding:10px 0;position:absolute;top:0;right:0;width:50%;}
.div_entete .div_liens_entete  a.lien_connexion_f, .div_entete .div_liens_entete  a.lien_enregistrement {color:#4f4e51;font-weight:500;font-size:1.3em;margin:auto;text-decoration:none;line-height:30px;}
.div_entete .div_liens_entete .div_enregistrement {float:left;width:50%;text-align:center;}
.div_entete .div_liens_entete .div_enregistrement a {}

.div_entete .div_liens_entete .div_connexion {float:right;width:50%;text-align:center;}
.div_entete .div_liens_entete .div_connexion .div_lien_connexion {margin:auto;border-left:1px solid #000;text-align:center;}
.div_entete .div_liens_entete .div_connexion a.lien_connexion_f {color:#ad004c;background:url(../image/icones/FlecheBas.png) center right no-repeat;padding-right:30px;}
.div_entete .div_liens_entete .div_connexion_active .div_lien_connexion {background-color:#ad004c;border-left:0px none;}
.div_entete .div_liens_entete .div_connexion_active a.lien_connexion_f {color:#FFF;background-image:url(../image/icones/FlecheHaut.png);}

.div_entete .div_liens_entete .div_connexion .div_connexion_f {position:absolute;right:0;background:#ad004c;color:#FFF;display:none;z-index:99;width:100%;}
.div_entete .div_liens_entete .div_connexion_active .div_connexion_f {display:block;}
.div_entete .div_liens_entete .div_connexion .div_content_connexion {position:relative;overflow:hidden;height:100px;text-align:center;margin:10px;}

.div_entete .div_liens_entete .div_connexion .div_content_connexion .div_connexion_fields {position:absolute;top:0px;text-align:center;width:100%;}
.div_entete .div_liens_entete .div_connexion_pass .div_content_connexion .div_connexion_fields {top:-100px;}

.div_entete .div_liens_entete .div_connexion .div_content_connexion .div_connexion_login {height:100px;}
.div_entete .div_liens_entete .div_connexion .div_content_connexion .div_connexion_pass {height:100px;}

.div_entete .div_liens_entete .div_connexion .div_content_connexion .lib_erreur {line-height:25px;text-align:center;color:#FF0;font-weight:500;font-size:1em;}
.div_entete .div_liens_entete .div_connexion .div_content_connexion .liblog {float:left;width:45%;text-align:right;margin-top:5px;}
.div_entete .div_liens_entete .div_connexion .div_content_connexion .inputlog {float:left;border:1px solid #6f6f6e;background:#FFF;width:45%;margin-left:2%;margin-top:5px;}
.div_entete .div_liens_entete .div_connexion .div_content_connexion .lien_motdepasse_oublie {float:left;width:45%;margin-top:5px;color:#FFF;text-decoration:underline;font-size:0.9em;font-style:italic;}
.div_entete .div_liens_entete .div_connexion .div_content_connexion .bt_connexion {float:left;width:45%;text-align:right;margin-left:2%;margin-top:5px;border:0px none;color:#FFF;padding:0;cursor:pointer;}

.div_entete .div_liens_entete .div_connexion .div_content_connexion .lien_connexion {float:left;width:45%;margin-top:5px;color:#FFF;text-decoration:underline;font-size:0.9em;font-style:italic;}


.div_entete .div_liens_entete {padding:10px 0;}
.div_entete .div_liens_entete_noir {background:#000;}
.div_entete .div_liens_entete .div_lien {float:left;width:50%;text-align:center;font-size:1.1em;}
.div_entete .div_liens_entete .div_lien a, .div_entete .div_liens_entete .div_lien span {margin:auto;text-decoration:none;line-height:30px;text-transform:uppercase;font-weight:600;}

.div_entete .div_liens_entete #div_lien_deconnexion a {color:#ad004c;font-size:1.1em;}

@media screen and (max-width : 760px) {
	.div_entete .icone_menu {top:25px;}
	.div_entete .icone_menu img {height:20px;}
}
@media screen and (max-width : 640px) {	
	.div_entete {height:80px;}
	.div_entete .div_logo {width:120px;}
	.div_entete .div_liens_entete {top:30px;width:100%;}
	.div_entete .div_liens_entete .div_connexion .div_connexion_f {width:100%;}
}
@media screen and (max-width : 420px) {
	.div_entete .icone_menu {left:5%;}
	.div_entete .icone_menu img {height:12px;}
	
	.div_entete .div_liens_entete .div_lien a {font-size:1.1em;}
}



/* *************************** Menu déroulant ********************** */

.menu_entete_deroulant {position:absolute;top:0;width:100%;background:#221f24;display:none;padding-top:80px;padding-bottom:40px;z-index:100;max-width:900px;}

.menu_entete_deroulant .div_logo {position:absolute;left:50%;margin-left:-100px;top:20px;width:200px;}
.menu_entete_deroulant .div_logo img {width:100%;}

.menu_entete_deroulant .icone_menu {position:absolute;top:20px;left:10%;}
.menu_entete_deroulant .icone_menu img {height:25px;}

.menu_entete_deroulant ul {padding:0 20px;}
.menu_entete_deroulant ul li {color:#acaeaf;padding:7px 10px;list-style-type:disc;}

.menu_entete_deroulant ul li a {color:#fff;text-transform:uppercase;padding:5px 0;text-decoration:none;font-weight:700;}
.menu_entete_deroulant ul li a:hover {color:#eb2f82;}

.menu_entete_deroulant ul li.menu {font-size:1.3em;border-bottom:1px solid #2f2e30;}
.menu_entete_deroulant ul li.menu a {font-size:1em;}

.menu_entete_deroulant ul li.menu ul {padding:0 10px;}

.menu_entete_deroulant ul li.ss_menu {padding:3px 5px;}
.menu_entete_deroulant ul li.ss_menu a {font-size:0.8em;}

.menu_entete_deroulant ul li.ss_ss_menu {padding:2px 5px;}
.menu_entete_deroulant ul li.ss_ss_menu a {font-size:0.6em;}

.menu_entete_deroulant ul li.menu_last, .menu_entete_deroulant ul li.ss_menu_last , .menu_entete_deroulant ul li.ss_ss_menu_last {border-bottom:0px none;}


@media screen and (max-width : 760px) {
	.menu_entete_deroulant .icone_menu {top:25px;}
	.menu_entete_deroulant .icone_menu img {height:20px;}
}

@media screen and (max-width : 420px) {
	.menu_entete_deroulant .icone_menu {left:5%;}
	.menu_entete_deroulant .icone_menu img {height:12px;}
}