body {
margin: 0;
padding: 0;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
border:none;
}
#menu {
position: absolute;
top: 210px;
margin-left:2px;
margin-top:60px;
}
dl#menu {
width: 150px;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;
line-height: 20px;
text-align: left;
text-indent:15px;
font-weight: bold;
border:none;
border: 1px solid  #333333;
background-image:url(images/barreGauche.gif);
height:32px;
width:150px;
color:#ffffff;

}
dl#menu dd {
border: 1px solid  #333333;

}
dl#menu li {
text-align: left;
text-indent:6px;
margin-left:0px;
border: 1px solid  #333333;
background-image:url(images/barreGaucheClair.gif);
height:32px;
width:150px;

}
dl#menu li a, dl#menu dt a {
color:#ffffff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
margin-top:6px;
}

dl#menu li a:hover, dl#menu dt a:hover {
background-color:#666666;
color:#FFFFFF;
}