@charset "utf-8";
/* =============================== default size ================================== */
#head {
background-image: url(headmenu.jpg);
background-repeat:no-repeat;

width:997px;
height:115px;
text-align:right;
text-align:center; padding:0; background-color:#FFF;font-family:Arial, Helvetica, sans-serif;color:black;font-size:.7em;margin:auto;
}
#zone1 {    /* zone cliquable */
float: left;
position:absolute;
width : 250px;
height: 60px;
left: 20px;
top: 25px;
z-index:99;
}

.pointer {
cursor:pointer;
}
.flagchoo {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
	vertical-align:top;
	background-color:#FFFFFF;
}

.flash{
width:997px;
height:38px;
border:0px none;
}

#menudiv {
position:absolute;
/*padding-top:25px;
padding-left:80px;margin-left:160px;
padding-right:80px;width:511px;*/
width:565px;
height:30px;
right:80px;
bottom:507px !important;
bottom:506px;
/**/
z-index:99;

}

#contmenu {
margin:auto;
/*border:1px solid red;*/
width:565px;
z-index:99;
margin:0;
padding:0;
position:absolute;
}


/* ================================ default struct ==================================== */
/* menu */
#menu {
vertical-align:middle;  
border-bottom:0; 
clear:both; 
list-style:none; 
padding:0; 
margin:auto; 
margin-bottom: 10px;
padding-top:2px;
font-size:10px;	
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#296F96;
font-weight:bold; 
background:url(bg-menu.gif) no-repeat;
min-height:28px; 
height:32px;
width:565px;
z-index:99;
}
#menu a{text-decoration:none; display:block; font-size:12px; font-style:normal; font-weight:bold}
#menu div {padding-right:13px; position:relative;width:100px;height:100% !important; height:29px ; text-align:center; z-index:999; bottom:-1px;}
#menu div a{color:#fff;padding:6px 0 10px 11px;  position:relative; z-index:101;margin:auto}

#menu a:hover{color:white;}
#menu li {float:left; position:relative;background:url(separator.gif) no-repeat 100% 0; }
#menu #monCompte,#menu #recrute{background-image:none;}
#menu li div.current{background:url(bg-me.gif) no-repeat top left !important;background-position: 100% 0px;z-index: 999;color:#003366;top:0px;}
#menu li div.current2{background:url(bg-me2.gif) no-repeat top left !important;
z-index: 999;color:#003366;background-position: 100% 0px;top:0px;}
#menu li div.current3{background:url(bg-me3.gif) no-repeat top right !important;z-index: 999;color:#003366;background-position: 100% 0px;top:0px;}

#menu li.last div.current, #menu li.first div.current a{/*background-image:url(//s6.s-sfr.fr/css/img/nav-top/current_all_outside.png);*/} 
/* top*/
#menu li {behavior:expression(navAddHover(this));}  
#menu li.right {behavior:expression(navAddHover(this,'right'));background-position:0 0; padding:0 0 0 0;margin:auto;z-index:999;}
#menu li:hover, #menu li.over {/*padding:1px 6px 0 4px;*/margin:0 0 11px 0;}
#menu li li:hover, #menu li li.over{margin:0;}
#menu li:hover div#deb, #menu li.over div#deb{
background:url(bg-me.gif) no-repeat right top !important;background-position: 100% 0px;
/* padding-right:8px; */
padding-right:13px;
padding-top:0px;
 padding-bottom:0px; 
 top:0px;
 }
#menu li:hover div#deb a, #menu li.over div#deb a {
z-index:999;
}
#menu li:hover div, #menu li.over div{
background:url(bg-me2.gif) no-repeat right top !important;background-position: 100% 0px;
padding-right:13px;
padding-top:0px;
padding-bottom:0px; 
top:0px;
}

#menu li:hover div a, #menu li.over div a {
z-index:999;
}
#menu li:hover div#fin, #menu li.over div#fin{
background:url(bg-me3.gif) no-repeat right top !important;background-position: 100% 0px;
padding-right:13px;
padding-top:0px;
padding-bottom:0px; 
z-index:999; top:0px;
 }
 
#menu li:rightover div#fin, #menu li.rightover div#fin 
{
background:url(bg-me3.gif) no-repeat right top !important;background-position: 100% 0px;
padding-right:13px;
padding-top:0px;
 padding-bottom:0px; 
z-index:999; top:0px;
}

 
#menu li:hover div#fin a, #menu li.over div#fin a {
z-index:999;
}

#menu li:hover, #menu li.over {/*padding:1px 4px 0 6px;*/z-index: 999;}

/* sub menu */
#menu li ul{display: none;position: absolute; z-index: 999 !important;top: 100%; left: 0;width: 168px;line-height:normal; padding:0; margin:0;margin-top:-1px; }
#menu li.right ul{right:0 !important;}
#menu li:hover ul,#menu li.over ul,#menu li.rightover ul{ display: block; }
body:last-child:not(:root:root) #menu  div a, #menu li:hover div a { padding-bottom:12px;}
#menu li.right ul {left: auto; right:4px; z-index: 999}
#menu li li{zoom:1; display: block; float:none; border-bottom:1px solid #10430f;background:url(menu_sub_menu_left.gif) no-repeat center left; padding: 0 !important; margin:0; text-align:left;font-size: 1em; font-weight: bold; z-index:999;}
#menu li li.last{border-bottom:none;background-position:bottom left;}
#menu li li.first{background-position:top left;}
#menu li.right li{background-image:url(menu_sub_menu_right.gif)}
#menu li li a{display: block; color: black;padding: 3px 7px; margin:0; font-size:1em;}
#menu li li a:hover {background-position:left center;color: #fff;}
#menu li li.first a:hover{background-position:left top;}
#menu li li.last a:hover{background-position:left bottom;}
#menu li.mid{background-image:none;}

/* submenu hover */
#menu li#moyens li a:hover, #menu li#recrute li a:hover {background-image:url(roll-right.gif);font-size:1em; z-index:999;}
#menu li#entreprise li a:hover, #menu li#boutique li a:hover, #menu li#communiquer li a:hover, #menu li#metiers li a:hover, #menu li#secteurs li a:hover {background-image:url(roll-left.gif);font-size:1em; z-index:999;}
/* ----- NAVH V6 ----- */