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

#menu {
position: absolute;
bottom: 0;
left: 0;
z-index:100;
width: 100%; padding-top:10px; padding-bottom:10px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
background-image:url(media/nav_fond.jpg); 
-moz-opacity:0.75;
opacity:0.75;
}

#menu dl {
float: left;
width: 10em;
position: relative;
margin: 0 0px; color:#FFFFFF; 
}
#menu dt {
cursor: pointer;
text-align: center;
}

#menu dd {
	position: absolute;
	bottom:18px;
	width:100%;
	background-color: #3C3C3C; margin-bottom:7px;
}

#menu li {
text-align: center;
font-size:11px;
line-height:20px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC; text-transform:uppercase;
}

#menu li a, #menu dt a {
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu dt a {color:#FFFFFF;}

#menu li a {color: #FFFFFF;}

#menu dt a:hover {
color: red;
}

#menu li a:hover {background:#FFFFFF; color:#000000}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

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

dt.menu_deroulant {
	background-image: url(media/nav_fleche.gif);
	background-repeat: no-repeat;
	background-position: right center;
}