body {
width: 900px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background: #e5e7eb;
}

/* ========== CLASSES ==========   */
.element_sommaire {
border-top: 1px solid #e8e5d6;
border-right: 1px solid #e8e5d6;
border-bottom: 1px solid #e8e5d6;
background: #f2f8e9;
list-style-image: url("images/puce.gif");
margin-bottom: 20px;
}

.element_sommaire a {
text-decoration: none;
color: #a7a07f;
display: block;
}

.element_sommaire a:hover {
border-bottom: 3px double #e8e5d6;
}

.element_sommaire h4 {
margin: 0px;
text-align: center;
color: #7e754b;
}

hr.type1 {
border: 1px solid #a7a07f;
height: 1px;
}

p.centre {
text-align: center;
margin: 0px;
}

p.droite {
text-align: right;
margin: 0px;
}

p.gauche {
text-align: left;
margin: 0px;
}

/* ========== DIVS ==========   */

#banniere {
width: 900;
height: 100px;
margin-bottom: 20px;
background: url(images/banniere.jpg);
}

#conteneur {
width: 900px;
background: #FFFFFF;
float: left;
margin-bottom: 20px;
border: 1px solid #8e8f92;
}

#contenu-centre {
margin-left: 180px;
background: #f2f8e9;
border-bottom: 1px solid #e8e5d6;
border-top: 1px solid #e8e5d6;
border-left: 1px solid #e8e5d6;
border-right: 1px solid #e8e5d6;
padding: 3px;
margin-right: 20px;
}

#contenu-centre h1 {
margin: 0px;
color: #7e754b;
text-align: center;
}

#contenu-centre h2 {
margin: 0px;
color: #c1b397;
text-align: center;
}

#contenu-centre h3 {
margin: 0px;
color: #bbad87;
text-align: center;
}

#contenu-centre h4 {
margin: 0px;
color: #c7c1a2;
text-align: center;
}

#footer {
float: right;
color: #8e8f92;
margin-top: 20px;
width: 900px;
background: #f0f3f8;
border-top: 1px solid #7d91b5;
text-align: center;
font-size: 8pt;
text-transform: uppercase;
font-weight: bold;
padding-top: 2px;
padding-bottom: 2px;
}

#sommaire {
float: left;
width: 160px;
}