#menuderoul ul /* Liste */     
{
        padding : 0 0 0 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 35px; /* on définit une hauteur pour chaque élément */
        text-align : left; /* on centre le texte qui se trouve dans la liste */


}

#menuderoul /* Ensemble du menuderoul */
{
        /* font-weight : bold;  on met le texte en gras */
        /*font-family : Arial; on utilise Arial, c'est plus beau ^^ */
        /*font-size : 12px;  hauteur du texte : 12 pixels */
        padding : 0 0 0 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 35px; /* on définit une hauteur pour chaque élément */
        text-align : left; /* on centre le texte qui se trouve dans la liste */
        background: url("./img/bg_menu.gif") repeat-x 0 -25px ;
        background : #000;
}

#menuderoul a /* Contenu des listes */
{
        display : block; /* on change le type d'�l�ment, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge int�rieure */
        /*background : #000;  couleur de fond */        
        text-decoration : none; /* on supprime le style par d�faut des liens (la plupart du temps = soulign�) */
        width : 170px; /* largeur */
		line-height: 25px ;
		color : rgb(255, 157, 0); /* couleur du texte */
		border-right: 2px solid brown ;
		text-indent: 10px;
}



#menuderoul li /* éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		font-size: 1.2em ;
		font-weight: bold ;
		letter-spacing: 2px ;
		text-align: center ;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuderoul li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

li.plus
		{
		background-position:right; 
		background-image: url(images/fdroite.gif);
		background-repeat: no-repeat;
		}
		
#menuderoul li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 170px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		border: 2px solid brown ;
		background : #c85a33;  /*couleur de fond */
}

#menuderoul li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconna�t pas "transparent" (comme pr�c�demment) */
        /*border-top : 1px solid #fff;  on met une bordure blanche en haut de chaque �l�ment d'une sous-liste */
		font-size: 0.8em ;
		font-weight: bold ;
		letter-spacing: 1px ;
		color: brown ;
		text-align: left ;
}

/* IE ne reconnaissant pas le s�lecteur ">" */
html>body #menuderoul li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque �l�ment */
}

#menuderoul li ul li.reserve
{
		font-size: 1em ;
		font-weight: bold ;
		letter-spacing: 1px ;
		color: #800000 ;
		text-align: center ;
}

#menuderoul li ul ul 
{
        margin    : -27px 0 0 170px ; /* On d�cale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconna�t pas "transparent" (comme pr�c�demment) */
        border-left     : 1px solid #fff ; /* Petite bordure � gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le s�lecteur ">" ... je me r�p�te ;-) */
html>body #menuderoul li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque �l�ment */
}

#menuderoul a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000000; /* On passe le texte en noir... */
        background: #c3e8fd; /* ... et au contraire, le fond en blanc */
}

#menuderoul li:hover ul ul, #menuderoul li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un �l�ment de liste */
{
        left: -999em; /* On exp�die les sous-sous-listes hors du champ de vision */
		border: 2px solid brown ;
}

#menuderoul li:hover ul, #menuderoul li li:hover ul, #menuderoul li.sfhover ul, #menuderoul li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un �l�ment de liste ET sous-sous-listes lorsque la souris passe sur un �l�ment de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}