html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
font-family:adi1, arial, Tahoma, Verdana, sans-serif,"Times New Roman";

font-size: 0.8em;
margin: 0;
padding: 0;
background-color : #CCFFCC;
color : #006600;
}
#contenu {
height: 100%;
margin-left: 20%;
overflow: auto;
color:#006600;
}
#menu {
position: absolute;
left:0;
width: 436px;
height: 594px;
color:#006600;
width: 20%;
height: 100%;
}

img {border: 4px solid #006600;}
H1 {text-align:center;font-size:150% ; font-family:Bertram, UmbraBT, Algerian, ArialBlack;}
H2 {text-align:center;font-size:250% ; font-family:Bertram, UmbraBT, Algerian, ArialBlack;}
H3 {text-align:center;font-size:100% ; font-family:adi1, comic_sans_ms, arial;}

a:link {
font-family: adi1,arial, Tahoma, Verdana, sans-serif,"Times New Roman";
font-size:100%;
color:#0033FF;
background-color:transparent;
text-decoration:underline;
}
a:visited {
font-family: adi1,arial, Tahoma, Verdana, sans-serif,"Times New Roman";
font-size:100%;
color:#OOFFOO;
background-color:transparent;
text-decoration:underline;
}
a:hover {
font-family: adi1,arial, Tahoma, Verdana, sans-serif,"Times New Roman";
font-size:100%;
color:#FF0000;
background-color:transparent;
text-decoration:underline;
}