/***** menu CSS *****/
<style type="text/css" media="screen">
 
body {
margin: 0;
padding: 0;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#page {
	position: absolute;
	top: 3px;
	left: 3px;
	z-index:1;
	/*width: 100%;*/
	font : 80% verdana, arial, sans-serif;
	background: #FFFFFF;
	overflow:hidden;
}
#menu {
	position: absolute;
	top: 120px;
	left: 8px;
	z-index:2;
	/*width: 100%;*/
	font : 80% verdana, arial, sans-serif;

}
#menu dl {
float: left;
/*width: 12em;*/
width: 10em;
}
/*MENU TITRES*/
#menu dt {
cursor: pointer;
text-align: left;
font-weight: bold;
/*background: #ccc;*/
background: #FFFFFF;
/*border: 1px solid gray;*/
border: 1px solid red;
margin: 1px;

}
/*SOUS MENU*/
#menu dd {
display: none;
/*border: 1px solid gray;*/
/*border: 1px solid red;*/

}
#menu li {
text-align: left;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu 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: 1px solid gray; 
}

ul.plansite, ul.plansite ul {
  font-family: Arial, Helvetica, sans-serif;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 5em;
  font-size: 12px; }
ul.plansite li {
  font-family: Arial, Helvetica, sans-serif;
  border-left: 1px solid black;
  color: blue;
  margin: 0;
  padding: 0; }
ul.plansite li a {
  padding-left: 2em;
  text-decoration: none;
  color: blue;
  border-bottom: 1px solid black; }
ul.plansite li strong {
  font-size: 105%; }


</style>