body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background: url(images/back.gif);
font-size: 13px;
margin: 0;
padding: 0;
}


h1 {
clear:both;
background: url(images/fond2.jpg);
text-align:center;
padding : 5px 0px 5px 0px;
font-size: 16px;
font-weight: bold;
color: #fff;
margin: 10px 0px 0px 0px;
}

h2 {
clear:both;
background: url(images/fond5.jpg);
text-align:left;
padding : 5px 0px 5px 20px;
font-size: 14px;
font-weight: bold;
color: #000033;
margin: 0px 0px 0px 0px;
}

h3 {
clear:both;
text-align:left;
font-size: 12px;
color: #ffffff;
margin: 0px 0px 0px 0px;
}

#conteneur {
background: url(images/fond.jpg);
position: absolute;
width: 760px;
left: 50%;
margin-left: -360px;
}


#header {
background-image: url(images/header.jpg);
width: 760px;
height: 187px;
}

#centre {
text-align : left;
margin-left: 35px;
font-size : 13px;
font-family : Verdana;
color: #000000;
padding-right: 35px;
//padding-top: 10px;
clear:both;
}

#centre a {
text-decoration: underline;
font-weight: bold;
color: #336699;
}

#centre a:hover {
text-decoration: none;
font-weight: bold;
color: #000000;
}


#footer {
clear:both;
display:block;
background: url(images/footer.jpg) no-repeat;
margin: 10px 0px 0px 0px;
height: 30px;
text-align : center;
font-size : 10px;
font-family : Verdana;
color: #000000;
}

#footer a {
text-decoration: underline;
color: #000000;
}

#footer a:hover {
text-decoration: none;
color: #000000;
}


p {margin: 0px 0px 0px 0px;}

ul, li { /* utilisation de liste pour le menu */
list-style-type: none;  /* suppression des puces de liste */
margin:0;
padding:0;
}

ul {
position: absolute; /* positionnement pour IE5 et IE5.5 */
left: 0px;
top: 164px;
background: transparent url(images/menu.jpg) top left no-repeat; /* arrière-plan général du menu */
height: 24px;
width: 356px;
text-align: center;
}

li {
float: left;
display: inline; /* correction pour IE5 et IE5.5 */
}

li a { /* dimensions et définitions des boutons */
padding-top:3px;
text-decoration: none;
color : #000000;
display: block;  /* mise en block de <a> pour lui donner des dimensions */
height: 20px;
width: 89px;
}

li a:hover {
text-decoration: none;
color : #fff;
background: transparent url(images/menu.jpg) top right no-repeat;
}

a#menu1:hover {
background-position: -356px 0%; /* décalage de l'arrière-plan pour chaque bouton */
}

a#menu2:hover {
background-position: -445px 0%;
}

a#menu3:hover {
background-position: -534px 0%;
}

a#menu4:hover {
background-position: -623px 0%;
}