<style type="text/css" media="screen">
 
body {
margin: auto;
padding: 0;

background: white;
font: 80% verdana, arial, sans-serif;
}


dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #999999;
	text-decoration: underline;
	
}

#menud {
position: static; /* placement du menu, à modifier selon vos besoins */
margin: auto;

left: 160px;
z-index:100;
width: 100%; /* correction pour Opera */
margin-left: 160px;
}
#menud dl {
float: left;
width: 100px;
}


#menud dt {

	font-size:12px;
	font-family:"Comic Sans MS";
	text-decoration:none;
	cursor: pointer;
	text-align: center;
	font-weight: lighter;
	/*background-image: url("carreaux.jpg");*/
	border: 0px solid gray;
	margin: 1px;
	color: #000000;
	background: #fff;
	

}


#menud dd {

	position: absolute;
	display: none;
	border: 1px solid gray;
	font-size:12px;
	font-family:"Comic Sans MS";
	width: 98px;
}


#menud li {
text-align: center;
background: #fff;
}
#menud li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menud li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}



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

</style>
