#nav{
margin:0; 
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height: 1.5em;
	font-weight: normal;
	font-style: normal;
}

#fdnav{
margin:0; 
padding:0;
	/*width: 100%;*/
	background-color: #666;
	height: 31px;

	border-top: 1px solid #fff;
	border-bottom: 1px solid #330000;
}

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

#nav a{
display:block;
padding:5px 8px;
border: 1px solid #330000;
color:#fff;
text-decoration:none;
z-index:9;
	font-weight: normal;
	font-style: normal;
	vertical-align: middle;
	border-top-style: none;
	background: #666 url(images/fdmenutrans.png) repeat-x 0 top;
}

#nav a:hover{  /*styles des liens actifs*/
color: #000;
	background: #999 url(images/fdmenutrans.png) repeat-x 0 top;
}

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

#nav ul {
position:absolute;
display:none;
width:12em; 			/*Largeur du sous menu; pensez a modifier le #nav li ul a {width: } et #nav li ul ul {left: } */
top:2.2em; 				/*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:1em; 	/*hauteur des lignes du sous menu*/
}

#nav li ul a{
width:12em; /*doit etre egale au #nav ul {width: }*/

float:left;
background-color: #999; /*Couleur de fond des sous menus*/
color:#fff;
	font-weight: normal;
	font-style: normal;
	font-size: 0.8em;
}

#nav ul ul{
top:auto;
line-height:1em; 	/*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*/
}	

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

#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;
}