/* CSS issu des tutoriels www.alsacreations.com/articles */
body { margin: 0; padding: 0; background-color: #000000; }
dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; }
#menu { position: absolute; top: 130px; left: 0; }
dl#menu { width: 115px; margin-left:5px;}

/*******************************
 * Atributos elementos Nivel 1 
 *******************************/
dl#menu a, dl#menu dt a {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
background-color: black;
/*background: url(Imagenes/glossyBD.gif) repeat-x bottom left;*/
color: #FFFFFF;
text-align:left;
text-decoration: none;
display: block;
border: 1px solid #0099ff;
margin: 1px 0;	
height: 20px;
line-height: 20px;
cursor: pointer;
}

dl#menu a:hover, dl#menu dt a:hover { 
background: white url(Imagenes/glossyBL.gif) repeat-x bottom left;
}
/*******************************/

/*******************************
 * Atributos elementos Nivel 2 
 *******************************/
dl#menu li a {
background-color: black;
/*background: url(Imagenes/glossyGD.gif) repeat-x bottom left;*/
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
color: #FFFFFF;
text-align:left;
text-decoration: none;
text-indent: 10px;
display: block;
border: 1px solid #006699;
margin: 1px 0 0 10px;	
height: 18px;
line-height: 18px;
cursor: pointer;
}

dl#menu li a:hover { 
background: white url(Imagenes/glossyBD.gif) repeat-x bottom left;
}

/* Borde elementos Nivel 2 Expandidos */
dl#menu dd { border: 1px solid grey; }

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

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