/***********************
	navigation haute
************************/			
#nav_haute :hover {
	white-space:normal;
}
#nav_haute {
	font-weight:bold;
	background:#fff;
	height:47px;
	width:780px;
	text-align:center;
}
#nav_haute ul {
	
}
#nav_haute ul li a {
	color:#000;
	font-size:11px;
	font-family:Arial, Verdana, sans-serif;
	text-decoration:none;
}
#nav_haute ul li {
	list-style-type:none;
	float:left;
	text-align:center;
}

.separ_menu_haut{
	display:block;
	background:url(../images/menu/sep_menu.gif);
	width:1px;
	height:33px;
	margin-right:10px;
}
/************************
	 menu 
***********************/

* html .menu {padding-bottom:0;}

#nav_haute ul  {
	/*height:100%;*/
	list-style-type:none;
	position:relative;
	z-index:9;
}
#nav_haute table{
	position:absolute;
	border-collapse:collapse;
	/*left:0;
	top:0;*/
}
#nav_haute ul li.encours.last a b{
	padding-right:15px;
}
#nav_haute ul li.encours a b{
	padding-left:7px;
}
#nav_haute a em.lft, #nav_haute :visited em.lft , #nav_haute li.last  a em.lft , #nav_haute li.last  a:hover em.lft,
#nav_haute li.last.encours a em.lft , #nav_haute li.last.encours a:hover em.lft{
	display:block;
	float:left;
	width:8px;
	height:42px;
	z-index:800;
	position:relative;
}

#nav_haute ul li.encours a em.lft{ 
	background:url(../images/menu/left_encours.png) no-repeat top;
}
#nav_haute ul li.encours a em.rgt{ 
	background:url(../images/menu/right_encours.png) no-repeat top;
}
#nav_haute ul li.encours a b{ 
	background:url(../images/menu/content_encours.png) repeat-x top;
	color:#d41c3b;
}

#nav_haute a b, #nav_haute :visited b {
	display:block;
	float:left;	
	height:42px;
	z-index:800;
	position:relative;
	padding-top:10px;
	max-width:150px;
}
#nav_haute a em.rgt , #nav_haute :visited em.rgt  , #nav_haute li.last  a em.rgt  , #nav_haute li.last  a:hover em.rgt,
#nav_haute ul li.encours a em.lft,#nav_haute li.last.encours a em.rgt  , #nav_haute li.last.encours a:hover em.rgt{
	display:block;
	float:left;
	width:18px;
	height:42px;
	z-index:800;
	position:relative;
}
/*************** suvol pour Ie ***********/
#nav_haute a:hover b, #nav_haute li.encours a:hover b {
	color:#000;
	background:url(../images/menu/bg_entete_menu.gif) repeat-x;
	text-decoration:none;
	padding-top:10px;
	max-width:150px;
}
#nav_haute  a:hover em.lft , #nav_haute li.encours  a:hover em.lft {	
	background: url(../images/menu/leftb.gif) no-repeat;	
	text-decoration:none;
}
#nav_haute  a:hover em.rgt,#nav_haute li.encours  a:hover em.rgt {
	background: url(../images/menu/rightb.gif) no-repeat;
	text-decoration:none;
}
#nav_haute li.last  a:hover em.rgt, #nav_haute li.befor_last  a:hover em.rgt {
	background: url(../images/menu/leftb_rightb.gif) no-repeat;
}
#nav_haute li.last  a:hover em.lft {
 	background:  url(../images/menu/rightb_leftb.gif) no-repeat;
}
#nav_haute li.last.encours a em.rgt{
	background: url(../images/menu/rightb_encours.png) no-repeat;
}
#nav_haute li.last.encours a em.lft {
 	background: url(../images/menu/leftb_encours.png) no-repeat;
}
/***************  survol pour Ie ***********/
#nav_haute li:hover > a b,#nav_haute li.encours:hover > a b {
	background:url(../images/menu/bg_entete_menu.gif) repeat-x;
	color:#000;
	padding-top:10px;
	max-width:150px;

}
#nav_haute li:hover > a em.lft,#nav_haute li.encours:hover > a em.lft {
	background:  url(../images/menu/leftb.gif) no-repeat;
}
#nav_haute li:hover > a em.rgt,#nav_haute li.encours:hover > a em.rgt {
	background: url(../images/menu/rightb.gif) no-repeat ;
}
#bandeau #nav_haute ul li.last ul {
	margin-left:-42px;
}
#bandeau #nav_haute ul li.last.encours ul {
	margin-left:-30px;
}
#nav_haute ul li ul  {
	visibility:hidden;
	position:absolute;
	top:10px;
	margin-left:0px;
	/*width:133px;*/
	width: 190px;
	padding:0px 0px 0px 0px;
	background: url(../images/menu/coin_ssmenu_b_g.gif) no-repeat bottom left ;
}
#nav_haute ul li:hover  ul li a , #nav_haute ul li a:hover  ul li a {
	float:none;
	margin-bottom:0px;
	background:#eef7fe;
	padding-top:0px;
	/*width:131px;*/
	width:188px;
	margin-left:0px;
	text-align:left;
	border:solid 1px #8c8c8c;
	border-top:none;
	/*white-space:nowrap;*/
	/*border-bottom: 0px;*/
	
}
#nav_haute ul li:hover  ul li , #nav_haute ul li a:hover  ul li {			
	/*width:133px;*/
	width: auto;
	width: 190px;
	padding:0px;
	margin:0px;
}
#nav_haute ul li:hover ul li.top,
#nav_haute ul a:hover ul li.top{
	/*background: url(../images/menu/sep_haut.gif) no-repeat top right;*/
	
	display:block;
	/*width:133px;*/
	width: auto;
	width: 190px;
	height:13px;
	padding-top:7px;
	margin-top:0px;
	z-index:1;
	position:relative;
	margin-bottom:10px;
}
#nav_haute ul li:hover ul,
#nav_haute ul li a:hover ul{
	visibility:visible;
	top:41px;
}
#nav_haute ul :hover ul li , #nav_haute ul li  a:hover ul li {
	text-align: left;
	padding: 0px;
	margin:0px;
}
#nav_haute ul :hover ul li a , #nav_haute ul li a:hover ul li a  {
	 display:block;  
	 color:#000;
	 text-transform:none;
	 font-weight:normal;
	 margin:0px 0px;
	 width:190px; 
}
#nav_haute ul :hover ul li a {
	padding-left:0px;
}
#nav_haute ul :hover ul li a span{
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background-image: url(../images/menu/puce1.png);*/
	/*background-position: 5px 10px;*/
	background-repeat:no-repeat;
	padding:5px;
}
#nav_haute ul :hover ul li a:hover span {
	text-decoration:none;
	background-color: #b5ddfc;
}
#nav_haute li.last:hover > a b {
	background:url(../images/menu/bg_entete_menu.gif) repeat-x;
	color:#000;
	padding-top:10px;
	max-width:150px;
}
#nav_haute li.last:hover > a em.lft {
	background:  url(../images/menu/leftb.gif) no-repeat;
	color:#000;
}
#nav_haute li.last:hover > a em.rgt {
	background: url(../images/menu/rightb.gif) no-repeat;
	color:#000;
}
#nav_haute ul li.last:hover ul li.top,
#nav_haute ul li.last a:hover ul li.top{
	background: url(../images/menu/bg_top_ssnav_inverse.gif) no-repeat top left;
	display:block;
	width:190px;
	height:15px;
	padding-top:7px;
	margin-top:0px;
	z-index:1;
	position:relative;
	margin-bottom:10px;
}

.bottom{
	border:none;
	border:0px;
}

#nav_haute ul li:hover  ul li.bottom a , #nav_haute ul li a:hover  ul li.bottom a {
	border-bottom:none;
	border-bottom:0px;
}

/************************
Fin Roqia menu 
***********************/

#nav_haute ul li ul li{
	float:none;
	display: block;
	width: auto;
}

.topniv2{
	background: url(../images/menu/coin_ssmenu_h_d.gif) no-repeat top right;
	height: 13px;
	border-left:solid 1px #8c8c8c;
	margin-top:-10px;
}
.bottomniv2{
	background: url(../images/menu/coin_ssmenu_b_d.gif) no-repeat bottom right;
	height: 13px;
	
}
.topniv2 span{
	display: block;
	width: 178px;
	margin: 0px 11px 0px 0px;
	border-top: 1px solid #8c8c8c;
	height: 10px; /*11 - 1*/
	background:#eef7fe ;
}
.bottomniv2 span{
	display: block;
	width: 168px;
	margin: 0px 0px 0px 11px;
	border-bottom: 1px solid #8c8c8c;
	height: 12px; /*11 - 1*/
	background:#eef7fe ;
}

#bandeau  #nav_haute .last .topniv2{
	background: url(../images/menu/bg_top_ssnav_inverse.gif) no-repeat top left;
	height: 11px;
	border-right:solid 1px #8c8c8c;
	border-left:none;
  width:189px;
}

#bandeau  #nav_haute .last .topniv2 span{
	display: block;
	width: 178px;
	margin: 0px 0px 0px 11px;
	border-top: 1px solid #8c8c8c;
	height: 10px; /*11 - 1*/
}