/* common styling */
#menu_principal { 
	width: 900px;
	height: 31px; 
	background: url(./images/menu_principal.png) repeat-x top; 
	position: relative; }
#test {
	position: absolute;
	width: 0px;
	height: 0px;
	top: -50px;
	left: -50px;
	z-index:0;
}
.menu_principal_gauche {/*z-index: 11;*/
	font-family: verdana, arial; 
	height:31px;
	position:relative;
	margin:0; 
	font-size:12px;
	position:relative; 
	padding: 0px 10px; 
	text-align: center; 
	z-index:1;}
.menu_principal_gauche ul {
	padding:8px 0px 0px 0px;
	margin:0; 
	list-style-type: none; /*z-index: 11;*/}
.menu_principal_gauche ul li {
	text-align:center;
	display:inline;}
	.menu_principal_gauche ul li a, .menu_principal_gauche ul li a:link, .menu_principal_gauche ul li a:visited {
	text-decoration:none;
	 /*height:37px; line-height:37px;*/ 
	 color: #434343; 
	 margin: 9px 7px 8px 7px; /*z-index: 11;*/
 }
.menu_principal_gauche ul li ul {display: none; /*z-index: 11;*/}


.menu_principal_gauche ul li a:hover {color: #008ef2;}

.menu_principal_gauche ul li ul {position:absolute; width:900px; top:37px; left:0; background: url(./images/sous_menu_principal.png) repeat-x top rgb(139, 139, 139); color:white; opacity: 0;}
.menu_principal_gauche ul li ul.right_side li {float:right;}
.menu_principal_gauche ul li ul.left_side li {float:left;}
.menu_principal_gauche ul li ul li a.hide, .menu_principal_gauche ul li ul li a, .menu_principal_gauche ul li.active ul li a, .menu_principal_gauche ul li.active ul li a:link, .menu_principal_gauche ul li.active ul li a:visited, .menu_principal_gauche ul li.last ul li a {color:white;}
.menu_principal_gauche ul li ul li:hover a.hide {color:white;}
.menu_principal_gauche ul li ul li a, .menu_principal_gauche ul li ul li a:link, .menu_principal_gauche ul li ul li a:visited, .menu_principal_gauche ul li ul li.last a, .menu_principal_gauche ul li ul li.last a:link, .menu_principal_gauche ul li ul li.last a:visited {display:block; color:white; font-family: verdana; font-size: 12px; line-height: 20px; height: 21px; margin: 0px; padding: 0px 11px; background: url(./images/sous_menu_principal_separation.gif) no-repeat 100% 50%; /*z-index: 11;*/}
.menu_principal_gauche ul li ul li a:hover, .menu_principal_gauche ul li.active ul li a:hover, .menu_principal_gauche ul li.active ul li.last a:hover .menu_principal_gauche ul li.last ul li a:hover, .menu_principal_gauche ul li.last ul li.last a:hover, .menu_principal_gauche ul li ul li.last a:hover, .menu_principal_gauche ul li ul li.active a:hover, .menu_principal_gauche ul li.active ul li.active a, .menu_principal_gauche ul li.active ul li.active a:link, .menu_principal_gauche ul li.active ul li.active a:visited {color:rgb(220, 220, 220);}
.menu_principal_gauche ul li:hover ul.right li {float:right;}
.menu_principal_gauche ul li:hover ul li:hover a.hide, .menu_principal_gauche ul li ul li.last a.hide, .menu_principal_gauche ul li ul li.active a:link {color:rgb(0, 144, 215);}
.menu_principal_gauche ul li ul li.last a, .menu_principal_gauche ul li ul li.last a:link, .menu_principal_gauche ul li ul li.last a:visited  {background: none;}

/* right menu */
.menu_principal_droite { float: right; margin: 0px; padding: 0px;}
.menu_principal_droite div, .menu_principal_droite div.active, .menu_principal_droite div.last { 
	float: left; 
	line-height: 37px;
	padding-right: 14px;
}
.menu_principal_droite div a, .menu_principal_droite div a:link, .menu_principal_droite div a:visited, .menu_principal_droite div.active a, menu_principal_droite div.active a:link, menu_principal_droite div.active a:visited, .menu_principal_droite div.last a, menu_principal_droite div.last a:link, menu_principal_droite div.last a:visited {
	color: rgb(139, 139, 139);
	font-size: 10px;
	font-family: verdana;
	margin: 0px;
	padding: 0px;
}
.menu_principal_droite div a:hover, .menu_principal_droite div.active a:hover, .menu_principal_droite div.last a:hover {
	color: rgb(0, 144, 215);
}