/* CSS Document */
<style type="text/css">
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
/* font-size: 0.8em; */
margin: 0;
padding: 0;
}
#header {
height: 120px;
/* background-color: #99CCCC; */
background-image:url(fond-1.jpg)
}
#haut {
height: 60px;
background-color:#506F12;
}
#conteneur {
position: absolute;
width: 100%;
/* background-color:#CCCCFF; */
background-image:url(fond-2.jpg);
}
#centre {
background-color:#DBE671;
/* background-image:url(fond1.JPG); */
margin-left: 150px;
margin-right: 150px;
}
#gauche {
/* background-image:url(fond-delta-loop.jpg); */
position: absolute;
left:0;
width: 150px;
}
#droite {
/* background-image:url(fond-delta-loop.jpg); */
position: absolute;
right:0;
width: 150px;
}
#pied {
height: 40px;
background-color: #506F12;
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #FFFFFF;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}
</style>