body {
background-color: #CCC; 
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0;
}

#contenu{
width: 760px;
margin: 0 auto;
background-color: #FFF;
padding:0px;
}
#entete {
height: 100px;
background-color: #FFF;
background-image: url("images/entete-fond.jpg");
}
#pied {
/*position: relative;*/
bottom:10px;
/*height: 70px;
width: 100%;
padding-left: 150px; */
background-color: #ffc231;
}
#pied p {
padding-left: 250px; 
color:#316fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 1em;
}

#centre {
background-color:#fff;
margin-left: 200px;
padding:0px;
width: 550px;
}
#annonce {
border:1px solid black;
background-color: #ffc231;
}

#menu {
float: left;
width: 200px;/*
 margin-left: -275px;
 margin-right: 50px;*/
 text-align:center;
 padding:1px;
 }

#menu ul {
width: 180px;
border-color:#333366;
border-style:solid;
border-width:1px 1px 0px;
padding:0px;
margin:0 auto;
font-size: 0.8em;
}
#menu li {
border-bottom:1px solid #333366;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
}
#menu a {
color:#333333;
display:block;
padding-left:1px;
text-decoration:none;
}
#menu a:hover {
background-color:#ffc231;
color:#000000;
}

.allumemenu {
background-color:#ffc231;	
	}
.gauche {
float: left;
 }
.droite {
float: right;
 }
 
h1 {
	text-align: left;
	margin-left:250px;
	font-size: 1.6em;	
}
h2 {
background-color:transparent;
border-bottom:2px solid #ffc231;
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:1.3em;
font-weight:normal;
margin:0pt;
padding:0pt;
text-align:left;
}
#centre p{
	text-align: justify;
	width: 450px;
	padding:10px;
}
#menu p{
font-size: 0.8em;
font-style:italic;
}
img {
margin:0 auto;
}