/* CSS issu des tutoriels css.alsacreations.com */
body {
margin: 0;
padding: 0;
background: #FFFFFF;
font: 80% verdana, arial, sans-serif;
}

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

#menu {
position: absolute;
width: 640px;
left: 50%;
margin-left: -365px;
margin-top: 92px;
color: white;
}
#menu dl {
float: left;
width: 11.6em;
border-right: 1px solid white;
font: 85% verdana, arial, sans-serif;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #A74D93;
border: 1px solid #A74D93;
margin: 1px;
}
#menu dd {
margin-top: 7px;
margin-left: 9px;
display: none;
border: 1px solid #A74D93;
width: 160px;
}
#menu li {
width: 160px;
font-weight: bold;
text-align: left;
background: #D3D600;
border-bottom: 1px solid #B1B600;
}
#menu li a, #menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
background: #A74D93;
}
#menu li a:hover, #menu dt a:hover {
color: #A74D93;
background: #FFFFFF;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid #A74D93;
}
.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}