#menu 	
{ 
		font-size : 12px; 
		text-align:center; 
		margin:0px; 
		padding:0px; 
		width:900px;
		height:30px; 
		line-height:30px;
		background: #850101  url(images/navTop.png) repeat-x 0% 0%; 
		font-weight:bold; 
}
#menu ul /* Liste */     
{
		display: none;
		padding : 0px; 
        margin : 0px; 
        list-style : none; 
        line-height : 30px; 
        text-align : center;
		background : url(images/fondTR.png);
}

#menu dt /* Titres Liste */     
{
		display: block;
		padding : 0px; 
        margin : 0px; 
        list-style : none; 
        line-height : 30px; 
        text-align : center;
		background : url(images/fondTR.png);
}

#menu a /* Contenu des listes */
{
        display : block;
        padding : 0px;    
        color : #fff; 
        text-decoration : none;
        width : 150px;
}

#menu li /* Elements des listes */      
{ 
        float : left; 
}

#menu li ul /* Sous-listes */
{ 
        position: absolute;
        width: 150px;
        display: none;
	
}

html>body #menu li ul li                
{
        border-top : 1px solid #850101; /* bordure rouge pour séparer les éléments de la sous-liste*/
}

#menu li ul ul /*Position des sous sous-listes en hauteur par raport aux sous-listes*/
{
        margin    : -31px 0 0 150px ;
}

html>body #menu li ul ul             
{
        background : url(images/fondTR2.png);
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
	display : block;
	color: #aaaaaa;
}
#menu li:hover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        display:none; /* On masque les sous-listes*/
}

#menu dt:hover ul li
{
	display:block;
}
#menu li:hover ul, #menu li li:hover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        display:block; /* Repositionnement normal des sous-listes*/
}