* {

margin:0;
padding:0;

}

body {



}

#header {

width:100%;
height:100px;
margin:0;
padding:0;
background: url("images/fond.jpg") #FFF repeat-x top;
white-space:nowrap;
}

#header img
{
float:left;
}

img {
border:none;
}




#contenu h1 {



color:#5C5D5D;
font-family: Arial, Helvetica, sans-serif;
margin-right:10px;

letter-spacing: -0.05em;
text-align:right;
padding-top: 0px;
font-size:24px;

}

#contenu h2 {

color:#5C5D5D;
font-family: Arial, Helvetica, sans-serif;
margin-right:10px;
margin-bottom:30px;

text-align:right;
letter-spacing: -0.05em;
padding-top: 0px;
font-size:16px;




}

#contenu p {
margin:10px;
}


#header ul {
position:absolute;top:80px;left:5px;}

#header li {
padding-left:7px;
display:inline;
color:#C8BC8C;


}

#header li a {
color:#C8BC8C;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#contenu {


font-family: Arial, Helvetica, sans-serif;
text-align:justify;
color:#5C5D5D;
margin: 30px 30px 0 362px;




}

#contenu ol {
margin-left:40px;
}

.media

{
text-align:left;
margin-left:10px;

}

.relief

{
font-weight:bold;
color:#E265A1 !important;
}

.legende

{
font-size:9px;
}

#compteur {
color:#5C5D5D;
font-family: Arial, Helvetica, sans-serif;
position:absolute;top:10px;right:5px;
margin-right:30px;

}


#contenu p {
line-height:20px;
font-size:14px;
}



#footer {

position:absolute;top:150px;left:0px;
width:352px;
height:100%;
background:#C8BC8C;

}