html,body {
background-color : white;
margin: 0;
padding: 0;
font-family : Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size : 12px;
text-align: justify;
}

.head {
border: 1px solid black;
background-color: red;
margin-left:5px;
margin-top:5px;
height:45px;
width:97%;
padding:5px;
z-index:3;
position:absolute;
}

.gauche {
border: 0px solid red;
background-color: white;
width:120px;
z-index:2;
position:absolute;
top:67px;
left:5px;
}

.menu {
border: 1px solid red;
background-color:orange;
width:120px; 
padding:0px 5px 5px 5px;
margin-top:5px;
}

.main {
border: 1px solid white;
background-color:white;
padding:5px;
z-index:1;
width:70%;
position:absolute;
left:142px;
top:67px;
margin-bottom:50px;
}

.down {
border: 1px solid black;
background-color: white;
margin-left:5px;
height:20px;
width:97%;
padding:5px;
z-index:2;
position:fixed;
bottom:5px;
}

h1 {
font-size : 200%;
color : #FFDDDD;
text-align: right;
}

h2 {
font-size : 160%;
border-right: 2px solid #BBBBBB;
border-top: 1px solid #BBBBBB;
padding-left:10px;
color : black;
}

h3 {
font-size: 130%;
font: bold;
padding-left:5px;
color : #282828;
}

h4 {
font-size : 100%;
font: bold;
color : black;
}

p,ul,li,td {
font-size : 100%;
color : black;
}

ul,li {
list-style-type:none;
margin:5px;
padding:0px;
}

.small {
height:120px;
margin:5px;
}

.med {
height: 210px;
margin:5px;
}

.big {
height: 450px;
margin:5px;
}

.legende {
font-size: 90%;
font-style: italic;
}

a:link {color: blue; text-decoration:underline;}
a:visited {color: black; text-decoration:underline;}
a:hover {color:white; background-color:red; text-decoration:none;}