dl, dt, dd, ul, li {
margin: 0;
padding: 0;
}


#gauche dt { /* titres */
color:#FFFFFF;
cursor:pointer;
font-size:0.9em;
border:0.1em solid #FFFFFF;
margin: 2px 0;
height: 30px;
}


#gauche dt a { /* liens */
display: block;
padding:3px 10px 3px 20px;
color:#FFFFFF;
height:2em;
text-decoration:none;
background-color:#333333;
}


#gauche dt a:hover{ /* liens */
background-color:#666666;
}


#gauche dd {/* partie dynamique */
display:none;
margin:0;
padding:0;
background-color:#FFFFFF;
color:#FFFFFF;
font-size:0.9em;
width:220px;
}


#gauche ul {
margin-right:20px;
padding:0;
list-style:none;
}


#gauche li a{ /* liens */
height:2%;
display: block;
padding:3px 10px 3px 5px;
color:#FFFFFF;
text-decoration:none;
background: #6285AF  top left repeat-x;
margin-bottom:2px;
}


#gauche li {
margin-top:1px;
margin-bottom:2px;
padding:0;
}


#gauche li a:hover { /* liens survolés */
background-color:#A9C0D8;
color:#333333;
border-right:5px solid #94A818;
}


#gauche li .active {
color: #0E334F;
font-weight:bold;
border-right:10px solid #94A818;
}