dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

/* Div qui contiens tout le menu */
#menu {
position: relative; /* placement du menu, ŕ modifier selon vos besoins */
top:52px;
left:395px;
width: 500px; /* correction pour Opera */
z-index:598; /* a mettre ici pour que sous ie les menu déroulants ne passe pas sous les flashs/images */
}

/* ce qui contient chaque bouton + menu déroulant */
#menu dl {
float: left;
}

/* contient bouton */
#menu dt {
height:20px;
text-align: center ;
padding-top:5px;
font-size:12px;	font-family:Georgia,'Times New Roman', Times, serif;
font-weight:bold;
}

/* contient menu déroulant */
#menu dd {
display: none;
position:absolute;
margin-top:0px;
padding:5px 5px 5px 5px;
background-color:white;
border-top: 1px solid #838486;
border-left: 1px solid #838486;
border-right: 1px solid #838486;
border-bottom: 1px solid #838486;

/* Background transparent pour corriger le bug de sortie de zone sous IE, cf javascript montre*/

}

#menu ul{

}

/* Les li qui contiennent les liens */
#menu li {
text-align:left;
background-color: #FFFFFF;

}

/* les liens du menu déroulant et du menu */
#menu li a, #menu dt a {
text-decoration: none;

display: block;
height: 100%;
border: 0 none;
cursor: pointer;
}


#menu dt a{
color:#5D6063;
padding:2px 6px 1px 4px;

}

/* lien des menu déroulants */
#menu li a{
color:#5D6063;
font-size:11px;	font-family:Georgia,'Times New Roman', Times, serif;
font-weight:bold;
background-color:#FFFFFF;

}

/* P qui contiennent le texte des menu déroulants */
#menu li p{
margin:0;
padding:2px 6px 1px 4px;

}

#menu dt a:hover, #menu dt a:focus {
color: #ed1b23;
}

/* changement du fond au survol du menu déroulant */
#menu li a:hover, #menu li a:focus{
background: white;
color:#ed1b23;
}