#menu {
	
	
}

#menu {
	padding : 0px;
	margin : 0px;
	list-style-type:none;
	position : absolute;
	z-index :999;
	
}

#menu_gauche {
float : left;
	width : 780px;
	
	}


#menu .first_level {
	float: left;
	margin : 0 30px 0 0;
	padding : 0;
	position:relative;
	line-height : 30px;
	/*width : 70px; rajouter ça pour IE6*/
	
}

#menu  .first_level  a {
	color : #003768;
	display : block;
	font-size : 11px;
	margin :0 5px;
	float: left;
}

#menu .current a{
	color : #00A6DD;	
}

#menu .first_level  a:hover {
	color : #00A6DD;
	background : url('../../images_site/arrow.gif') 0% 10% no-repeat;
	text-decoration : none;
}
	
/* style the table so that it takes no part in the layout - required for IE to work */
#menu ul li{position:absolute; left:0; top:-1px; z-index:999;}
#menu ul li {left:0px;}
#menu  .first_level{position:relative;}

#menu  .first_level:hover {
	
	color : #00A6DD;
	background : #EFEFEF;
	line-height : 29px;
	height : 29px;
	border-bottom : 1px solid #00A6DD;
}
* html #menu a:hover {position:relative;color : #00A6DD;}

* style the level hovers */
/* first */
#menu a:hover, #menu a.active {background-color:#EFEFEF, color : #00A6DD;}
#menu :hover > a {background-color:#EFEFEF;color : #00A6DD;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu li ul {
	
	height:0;
	position : absolute;
	top:29px;
	left:0px;
	width:350px;
	background-color : #EFEFEF;
	filter:alpha(opacity=90); 
	-moz-opacity: 0.90; 
	opacity: 0.90;
	position: absolute; 
	left: -999em; 

	margin :0;
	padding : 0;
	border-top : 1px solid #00A6DD;
}

#menu li:hover ul , #menu li a:hover > ul , #menu a:hover .visible{
display : block;
left : 0px;

}

/* make the second level visible when hover on first level list OR link */
/*#menu .first_level:hover  ul, #menu li.first_level:hover > ul, #menu a:hover  ul , #menu .first_level a:hover > ul {visibility:visible;display : block;}*/

#menu ul li {
	line-height:20px;
	width:350px;
	height:25px;
	position:relative;
	line-height:25px;
	background-color : #EFEFEF;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
	padding : 0;
	margin :0 0 0 5px;
	
	
	
}
#menu .first_level ul a:hover {
	color : black;	
	text-decoration : underline;
	z-index:999;
}

#menu  .first_level ul li:hover, #menu  .first_level ul li a:hover {
	background : none;
	background-color : #EFEFEF;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
	color : black;
	z-index:999;
	
}
#menu  .first_level ul li {
	z-index:999;
}


#menu .first_level ul a {
	display : block;
	width : 174px;
	line-height : 25px;
	float : left;
	font-size : 10px;
	font-weight : normal;
	color : black;
	margin :0;
	padding : 0;
	z-index:999;
	top : -1px;
}

/*Background image for top level menu list links */
#menu_gauche
 .mainfoldericon{
		background-image:url('../../../images_site/vince.gif');
	background-repeat:no-repeat;
	background-position:left center;

}
#menu_gauche
 #firstclass{
	background-image:none;
}

/*Background image for subsequent level menu list links */
#menu_gauche
 .subfoldericon{

}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/


/* End */