#nav{
margin:0 0 0 212px; 
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.3em; 		/*Si vous modifier la  hauteur du menu pensez a modifier la position du sous-menu #nav ul{top: */
}

#nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.3em; 
}

#nav a{
	display:block;
	padding:0px 5px;
	color:#fff;
	text-decoration:none;
	background-color:#333;
	z-index:1000;
	border-top: 1px none #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}

#nav a:hover{  
background-color:#fff;  /*styles des liens actifs*/
color:#333;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:19em; 			/*Largeur du sous menu; pensez a modifier le #nav li ul a {width: } et #nav li ul ul {left: } */
top:1.3em; 				/*Position du sous menu par rapport au menu*/
z-index:1000;				/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
line-height:1.85em; 	/*hauteur des lignes du sous menu*/
}

#nav li ul a{
width:19em; /*doit etre egale au #nav ul {width: }*/
height:auto;
float:left;
background-color: #333; /*Couleur de fond des sous menus*/
color:#fff; 			/*couleur de police des sous menus*/
}

#nav li ul a:hover{
	color:#CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#nav ul ul{
top:auto;
line-height:1.5em; 	/*hauteur des lignes du sous sous menu*/
z-index: 1000;       /*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
}	

#nav li ul ul {
left:19em; /*positionne le sous sous menu par rapport au sous menu; doit etre egale au #nav ul {width:   */
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/********************************* navigation secondaire********************************************************************/
#navigation_secondaire{
	background-color: #FFFFFF;
	border-top: 1px none;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
	z-index: 1;
}
#nav2{
	margin:0 0 0 20px;
	padding:5 0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
	height: 20px;
	border: none;
	background-color: #FFFFFF;
}

#nav2 ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:2em;
}

#nav2 a{
	display:block;
	padding:0px 8px;
	color:#000000;
	text-decoration:none;
	background-color:#FFFFFF;
	z-index:0;
}

#nav2 a:hover{
	color:#666666;
	text-decoration: none;
}

#nav2 li{
	float:left;
	position:relative;

}

#nav2 ul {
position:absolute;
display:none;
width:19em; 			/*Largeur du sous menu; pensez a modifier le #nav2 li ul a {width: } et #nav2 li ul ul {left: } */
top:1.5em; 				/*Position du sous menu par rapport au menu*/
z-index:10;				/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
line-height:1.85em; 	/*hauteur des lignes du sous menu*/
}

#nav2 li ul a{
	width:19em;
	height:auto;
	float:left;
	background-color: #333;
	color:#fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

#nav2 li ul a:hover{
color:#CCCCCC; 
}

#nav2 ul ul{
top:auto;
line-height:1.85em; 	/*hauteur des lignes du sous sous menu*/
z-index:10;				/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
}	

#nav2 li ul ul {
left:19em; /*positionne le sous sous menu par rapport au sous menu; doit etre egale au #nav2 ul {width:   */
margin:0px 0 0 10px;
}

#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li:hover ul ul ul ul{
display:none;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li li li li:hover ul{
display:block;
}
