#menu a
{
position: relative;
z-index: 1;
}


#menu {
height:50px;
border:1px solid #ffdd00;
 z-index:100;




}


#menu dl { /* sous-menus complets */
 width: 9.8em;
 float:left;
border:1px solid #ffdd00;
height:2.5em;
margin-top:0.2em;
margin-left:5px;







}
#menu dt { /* titres */
cursor:pointer;
text-align:center;

 width:auto;

height:2.5em;
font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size:0.8em;

}





#menu dd { 
 width: 9.8em; /* Opéra */
 display:none;
position: absolute;
background-color:#FFFFFF;
margin-top:8px;
border:1px solid #ffdd00;
border-top:none;
margin-left:-1px;

}
#menu ul {
background-color:#FFFFFF;
 


 

}

#menu li {
 list-style-type: none;
 font-size:0.9em;
 height:20px;
 


 

}




#menu li a{ /* liens */
 
 text-decoration: none;
 display: block;
background-color:#FFFFFF;
color:#009EE0;
padding-left:15px;


 
}
#menu li a:hover { /* liens survolés */
background-color:#11c0f3;
color:#FFFFFF;
 
}
-->


#menu dt a { /* liens */

display:block;
text-decoration:none;
color:#11c0f3;
height:35px;
text-align:left;
z-index:150;
margin:2px;
padding-left:5px;
border-left:10px solid #11c0f3;

}

#menu dt a:hover{ /* liens */

color:#1165b2;
background-color:#ffdd00;
border-left:10px solid #11c0f3;


}

/* -------------------------------------------------------------------------------------------- */
/* nav*/
/* -------------------------------------------------------------------------------------------- */




.selected{

color:#1165b2;
background-color:#ffdd00;



}