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:25px;
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:0px;
padding:0;
list-style:none;



}

#gauche li a{ /* liens */
height:2%;
display: block;
padding:3px 10px 3px 5px;
color:#FFFFFF;
text-decoration:none;
background: #cc9933  top left repeat-x;
margin-bottom:2px;
}
#gauche li a:hover { /* liens survolés */
background-color:#e6cc99;
color:#333333;
border-right:5px solid #812b2b;


}


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


.active {
border-right:5px solid #812b2b;


}