/* CSS issu des tutoriels www.alsacreations.com/articles */
 
body {
margin: 0;
padding: 0;
background: white;
font: 70% verdana, arial, sans-serif;
color: white;
}

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

#menu {
position: absolute;
top: 0;
left: 0;
}

dl#menu {
width: 14em;
}

dl#menu dt {
cursor: pointer;
margin: 2px 0;
height: 20px;
color: #62B6D9;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #E4EDFC;
}

dl#menu dt.dq {
cursor: pointer;
margin: 2px 0;
margin-left: 5px;
margin-right: 5px;
height: 20px;
color: #5692D0;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #DEE0E2;
}

dl#menu dt.dr {
cursor: pointer;
margin: 2px 0;
margin-left: 10px;
margin-right: 10px;
height: 20px;
color: #5692D0;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #DEEEEE;
}

dl#menu dt.ds {
cursor: pointer;
margin: 2px 0;
margin-left: 15px;
margin-right: 15px;
height: 20px;
color: #5692D0;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #EAD6EF;

dl#menu dd {
border: 1px solid gray;

}
dl#menu li {
text-align: center;
background: #fff;
}

dl#menu li a {
color: #000000;
font-weight: bold;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu dt a {
color: #62B6D9;
font-weight: bold;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu dt.dq a {
color: #A2A2A2;
font-weight: bold;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu dt.dr a {
color: #5AC5AD;
font-weight: bold;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu dt.ds a {
color: #E480DE;
font-weight: bold;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover, dl#menu dt.dq a:hover {
background: #eee; 
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}

#mentions a {text-decoration: none;
color: #222;
}

#mentions a:hover{text-decoration: underline;
}