#menu
{
position: absolute; /*position absolue du menu*/
text-align: center;
font-family: verdana, arial, sans-serif;
width: 160px;
height: 15px;
top: 200px; 
left: auto;
padding-left: 25px;
}


#menu dt { /*dt c'est le menu principal*/
cursor: pointer;
background: #B3D036; /*couleur fond menu principal*/
height: 20px;
line-height: 20px;
margin: 2px;
border: 5px white; /*solid gray;*/
text-align: left;
font-weight: bold;
color: #999999;
}

#menu dd { /*dd c'est le menu secondaire*/
position: absolute;
z-index: 100;
left: 7em; /*gère la position du sous menu depuis le bord gauche (1em) Mis à gauche pour ne pas empiéter sur le texte*/
margin-top: -3.3em; /*positionne le sous menu par rapport au bas du menu (-1.7em)*/
width: 10em; /*gère la largeur du sous menu*/
background: #000000; /*couleur fond menu secondaire - gris #cccccc vert foret FF9966 transparent background : none; */
border: 5px black; /*solid gray;*/
}
#menu ul {
padding: 2px;
}
#menu li {
text-align: left; /*texte dans le sous menu*/
font-size: 90%;
height: 20px;
line-height: 18px;
}
#menu li a, #menu dt a {
color: #000000;
text-decoration: none;
display: block;
}
#menu li a:hover { /*couleur et fond du sous menu survolé*/
color: #0000FF;
text-decoration: bold;
background-color: none; /* couleur du sous menu quand survolé par la souris*/
}
#menu dt a:hover { /*couleur et fond du menu survolé*/
color: #5756F2; /*#0000FF;*/
text-decoration: none;
background-color: #F69932;
padding-left: 5px;
}