/* CSS Menu Document */
#menu{
	height:31px;
	background:#436476;
	font-size:100%;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu ul{	
	line-height:100%;
	list-style-type:none;
	margin:0;
	padding:0;
}


#menu ul li {
	display:inline;
	background-image:none;
	margin:0;
	padding:0;
	height:21px;
	float:left;
  	position:relative;
}

#menu li a{	
	float:left;
	width:120px;
	height:21px;
  	position:relative;
	text-align:center;
	border-right:1px solid #A1B2BB;
	color:#90A4AE;
	padding: 5px 0 5px 0 ;
	text-decoration:none;
	margin:0;
}


#menu li a:hover{
width:120px;
color:#FFFFFF;
background-color:#7C939F;
}

#menu ul li ul{
	display:none;
	position:absolute; 
	top:30px;
	left:0px;
	width:120px;
	margin:0;
	padding:5px 0 5px 0;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	background-color:#7C939F;
}


#menu ul li ul li{
	padding:0;
	display:block;
	padding:0;
	float:left;
	background-color:#7C939F;	
}

#menu ul li ul li a{
	display:block;
	font-size:120%;
	text-align:left;
	padding: 5px 0 5px 10px;
	height:0;
	color:#ffffff;
	border-right:none;
	width:110px;
	margin:0;
	background-color:#7C939F;
}

#menu ul li ul li a:hover{
	color:#436476;
	background-color:#7C939F;
	width:105px;
}

/*niveau 1*/
#menu li:hover ul, ul li.over ul{ display: block; /*width:100%;*/}

/*niveau 2*/
#menu li:hover ul li ul{ display: none; }
#menu li ul li:hover ul{ display: block; }