body {
margin: 0;
padding:0;
position: absolute;
width: 100%;
height: 100%;
font-family: Comic Sans MS, verdana, arial, sans-serif;
font-size: 10pt;
font-weight: 100; 
background: #4C2211; 
overflow: auto;
}
.haut {
width: 1000px;
height: 120px;
background-color:#06C ;
color: #fff;
font-size: 36px;
padding: 0px 
}

.gauche {
position: relative;
left: -425;
padding-top: 0;
padding-bottom: 0;
width: 150px;
height: 650px;
background-image: url('../img/havrevert.jpg');
}
.frame {
position: relative;
top: -650;
margin-left: 150px; /* on place ce bloc à droite du bloc menu de 150px de large */
margin-right: 0px;
width: 850px;
height: 650px;
padding-left: 0;
padding-right: 0;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
font-size: 14px;
}
.bas {
width: 0px;
height: 0px;
background-color: #06C;
color: #fff;
font-size: 12px;
padding: 10px;	
} 



} 


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#renvoi {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: -25;
left: 45;
z-index: 2;
} 
#fr3 {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 240;
left: -20;
z-index: 2;
font-size: 20px;
} 	 
#titreanime{
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: -90;
left: -60;
z-index: 2;
} 	 
  
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 240;
left: 17;
}
#menu {
width: 135px;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
margin-left: 10px;
line-height: 20px;
text-align: left;
padding-left: 10px;
padding-right: 5px;
font-size:14px;
font-weight: 150;
border: 1px solid gray;
background: #fc6;
}
#menu dd {
border: 1px solid gray ;
margin-left: 25px;
padding-left: 10px;
padding-right: 5px;
width: 200px;
}
#menu li {
text-align: left;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0px none;
height: 100%
}
#menu li a:hover, #menu dt a:hover {
background: yellow;
}