.menu dl, .menu dt, .menu dd, .menu ul, .menu li {
margin: 0;
padding: 0;
list-style-type: none;
color:#C80000;
}
.menu {
padding:0;
margin:0;
padding-left:20px;
width: 201px;
voice-family:"\"}\"";
voice-family:inherit;
width: 181px;
}
.menu dl {
padding:0;
margin:0;
}
.menu dt, .menu dt A, .menu dt A:visited, .menu dt A:hover {
cursor: pointer;
margin:0;
padding:0;
font-size:14px;
font-weight:bold;
text-transform: uppercase;
color:#C80000;
text-decoration:none;
}
.menu dt {
	padding-left:10px;
	background: url(../img/flecheOff.gif) no-repeat 0 4px;
}
.menu dt A.ok {
font-weight:bold;
color:#70C022;
}
.menu dd {
padding:0;
margin:0;
display: none; /* empêche l'affichage des sous-menus quand on ne passe pas sur le menu correspondant */
}
.menu div.niveau2 {
margin:0;
padding:0;
padding-left:6px;
font-weight:normal;
}
.menu li {
margin:0;
padding:0;
margin-left: 10px;
}
.menu li a {
color: #C80000;
font-size:12px;
text-decoration: none; /* évite le soulignement des menus conduisant à des pages */
display: block; /* provoque le changement de fond sur toute la largeur du menu ou sous-menu actif
                   et pas seumement sur le texte */
height: 100%;
border: 0 none; /* épaisseur et couleur de la bordure d'un menu ou sous-menu à hyperlien 
                   parexemple 
                    
                   border: 3px dotted blue ;
                   
                   ferait une bordure de 3 pixels, en bleu pointillé */  
font-weight:bold;
}
.menu li a:hover {
border-right:5px solid #74AA3A;
font-weight:bold;
color:#70C022;
}
.menu li a.ok,.menu li a.ok:hover {
border-left:5px solid #CA0000;
border-right:none;
padding-left:4px;
font-weight:bold;
color:#70C022;
}