/***navigation haute ***/
.hidden_ie {display: none}
/*** niveau 1***/
div#haut  {text-align: left; z-index: 500; position: relative}
div#haut ul.nav {margin: 0 auto;  width: 980px; font-size: 12px;  height: 30px}
div#haut ul.nav li  { color: #fff; float: left; border-left: 1px solid #aa8cb7;  position: relative;}
div#haut ul.nav li ul.sous_nav li {font-size:1em;}

div#haut ul.nav li.logo {padding: 5px 10px 2px 10px; border-left: 0}
div#haut ul li.langue span.langue {padding: 9px 10px 5px 10px;}
div#haut ul.nav li.recherche {padding: 3px 0  3px 7px }
div#haut ul.nav li.recherche input.texte {width: 12em;color:#9E9489}
div#haut ul.nav li.recherche input.submit { border: 0; width: 27px ; height: 20px; margin: 2px 0 0 6px; cursor: pointer}
div#haut ul.nav li span {border-bottom: 1px solid #9873a8; padding: 7px 10px 7px 10px; height: 15px; display: block; float:left; text-transform: uppercase }

/*** niveau 2 ***/
div#haut ul.nav li ul.sous_nav {background: #54166d 213px 30px no-repeat; height: 275px; width: 1172px ; padding: 20px 0 20px  216px; display:none;}
div#haut ul.nav li ul.sous_nav>img {display:inline}
div#haut ul.nav li ul.sous_nav_langue {background: #54166d; height: auto; width: 35px ; padding: 10px 0 10px 6px; display:none; }
div#haut ul.nav li ul.sous_nav_langue a {color: #fff; text-decoration: none; padding-left: 12px}
div#haut ul.nav li ul.sous_nav div.nav_col_droite {float: left; display: inline;width: 210px; margin-top: 10px;text-align:left}
div#haut ul.nav li ul.sous_nav div.resume {float: left; display: inline; width: 210px; height: 200px; color: #bb9253; font: normal 1.7em helvetica, arial, sans-serif ; font-style: italic; }

div#haut ul.nav  li li {border: none; font-weight: normal; float: none; padding: 0; }

/*** survol ***/
div#haut ul.nav li.sfhover ul.sous_nav , div#haut ul.nav li.sfhover ul.sous_nav_langue {display: block;}
div#haut ul.nav li:hover span, div#haut ul.nav li.sfhover span {border-bottom: 1px solid #54166d; padding: 7px 10px 7px 10px; cursor: pointer; color: #bb9253; }

div#haut ul li.boutique span.caddie, div#haut ul.nav li:hover span.caddie, div#haut ul.nav li.sfhover span.caddie {padding-left: 24px}
div#haut ul li.boutique span.langue, div#haut ul.nav li:hover span.langue, div#haut ul.nav li.sfhover span.langue {padding: 9px 10px 5px 10px;} 


div#haut ul.nav li.sfhover ul.sous_nav ul li:hover ul.listeSousMenu {display: block;}


/***positionnement de la sous nav par entree ***/
div#haut ul li ul.sous_nav {position: absolute; top: 30px;}
div#haut ul li ul.sous_nav_langue {position: absolute; top: 30px;}
div#haut ul li.langue ul.sous_nav_langue {left: 0; }
/*div#haut ul li.groupe ul.sous_nav {left: -322px; }
div#haut ul li.metiers ul.sous_nav {left: -395px; } 
div#haut ul li.secteurs ul.sous_nav {left: -468px; }
div#haut ul li.atlas ul.sous_nav {left: -555px; }
div#haut ul li.orientation ul.sous_nav {left: -612px; }
div#haut ul li.carrieres ul.sous_nav {left: -713px; }
div#haut ul li.echanges ul.sous_nav {left: -804px; }
div#haut ul li.boutique ul.sous_nav {left: -892px; }*/
/*div#haut ul li.langue ul.sous_nav_langue {position: absolute; top: 30px; left: 0; }
div#haut ul li.groupe ul.sous_nav {position: absolute; top: 30px; left: -322px; }
div#haut ul li.metiers ul.sous_nav {position: absolute; top: 30px; left: -395px; } 
div#haut ul li.secteurs ul.sous_nav {position: absolute; top: 30px; left: -468px; }
div#haut ul li.atlas ul.sous_nav {position: absolute; top: 30px; left: -555px; }
div#haut ul li.orientation ul.sous_nav {position: absolute; top: 30px; left: -612px; }
div#haut ul li.carrieres ul.sous_nav {position: absolute; top: 30px; left: -713px; }
div#haut ul li.echanges ul.sous_nav {position: absolute; top: 30px; left: -804px; }
div#haut ul li.boutique ul.sous_nav {position: absolute; top: 30px; left: -892px; }
*/

/*** structure des contenus de sous nav ***/
div#haut div {position: relative}
div#haut ul.nav li ul.sous_nav li ul {color: #fff;}
div#haut ul.nav li ul.sous_nav li ul li {_border: 1px solid #54166d; position: relative}

/*** survol sur les listes internes à la sous nav **/
div#haut ul.nav li ul.sous_nav li ul li ul  {display:none;}
div#haut ul.nav li ul.sous_nav li ul li.sfhover ul  {display: block; padding: 0 15px 15px 15px}
div#haut ul.listeSousMenu li {text-align:left; color: #bb9253}

/** dimensions et positipon pour imbrication de liste dans la sous nav. exemple sur secteurs **/
div#haut div.w380 ul.w188 {width: 188px}
div#haut div.w380 ul.w150 {width: 150px;position: absolute; top: 0; left: 186px}
div#haut div p {color: #bb9253; margin-bottom: 1em}

div#haut ul.nav li ul.sous_nav li ul li ul li a {color: #bb9253}
div#haut ul.nav li ul.sous_nav li ul li ul li a:hover {text-decoration: underline}

div#haut div.w190 {width: 140px; padding-right: 50px; display: inline;  float: left;}
div#haut div.w380 {width: 330px; padding-right: 50px; display: inline;  float: left;}


div#haut li li div h3 {font-size: 2.1em; font-weight: normal; margin-bottom: 0.5em}

div#haut li li div a {color: #fff; text-decoration: none; display: block}
div#haut li li div a {color: #fff; text-decoration: none}
div#haut li li div a:hover {color: #bb9253;}

/*** atlas ***/
img.continent_map {display : none}
div#haut li.atlas div.conteneurMapMonde {float : left}
div#haut li.atlas img {margin-right: 220px}
div#haut li.atlas div  p.choix {color: #fff; display: block; margin-top: 20px}
div#haut li.atlas div.select_atlas {width: 200px; float: left; *float: none}
div#haut li.atlas div.select_atlas div.select {position: relative; }
div#haut li.atlas div.select_atlas p.selection {width: 167px; margin-top: 5px; height: 1.25em; border:  1px solid #8a7194;  color: #333; padding-left: 0.2em}
div#haut li.atlas div.select_atlas p.selection img {float: right; margin-right: 0}
div#haut li.atlas div.select  p.selection span.selectionValue{border-bottom:0; float:none; text-transform:none; padding:0 0; height : 0; color : #333333}
div#haut li.atlas div.select_atlas p.options {position: absolute; left: 0; top: 1.35em; z-index: 500;width: 167px; border: 1px solid #8a7194; border-top: none; background: #fff; padding-left: 0.2em}
div#haut li.atlas div.select_atlas p.options a {color: #333; text-decoration: none; display: block}
div#haut li.atlas div.select_atlas p.options a:hover {background: #efeeec} 
div#haut li.atlas div select {width: 167px; margin-top: 5px; border:  1px solid #54166d; }

div#haut li.atlas p.implantation {color:#BB9253;margin-left: 418px;clear: both;font-weight: bold;}
div#haut li.atlas p.implantation a {display: inline; text-decoration: underline; color: #fff} 

/*****/
.CS_current {
	display:	block;
	border: solid #C0C0C0;
	border-width: 1px 0px 1px 1px; 
	width:		182px !important; 
	width:		181px;
}
.CS_down{
	border: solid #C0C0C0;
	border-width: 1px 1px 1px 0px; 
}

.CS_hidden {
	display:none;
}
.CS_options {
	display:			block;
	background: 		#ffffff;
	border: 			solid #C0C0C0;
	border-width: 		0px 1px 1px 1px; 
	position:			absolute;
	width:				200px;
}
.CS_options a{
	display:			block;
	text-decoration:	none;
	cursor: 			default;
}
.CS_options a:hover{
	display:			block;
	background-color:	#E7E7E7;
}
.CS_select{
	cursor: 	default;
}
/*****/