body
{
position:relative;
background:#2C2C2C url(images/fond.jpg);
width:816px; 
margin:auto;
font-size:12px;
font-family:Arial;
text-align:justify;
color:#878787;
}

#corps
{
float:right;
width:600px;
padding-right:50px;
}

#menu
{
float:left;
padding-left:40px;
width:100px;
}

#menu ul
{
list-style-image: url(images/puce.jpg);
margin:0;
padding:0;
} 

#menu li
{
margin-left:20px;
}

#header
{
width: 816px;
height: 284px;
background-image: url("images/header.jpg");
margin-top: 0px;
}

#footer
{
width: 816px;
height: 66px;
background-image: url("images/footer.jpg");
margin-bottom: 0px;
clear:both;
text-align:center;
color:#fff;
}

#footer p
{
padding-top:10px;
}

#barre
{
float:left;
background-image:url('images/barre.jpg');
background-repeat:repeat-y;
width:816px;
height:auto;
}

h2
{
font-size:13px;
border-bottom: 2px solid #878787;
}

a
{
color:#9C9C9C;
border-bottom: 1px dotted #9C9C9C;
text-decoration:none;
}

a:hover
{
border-bottom: 0px dotted #9C9C9C;
}

a:visited
{
text-decoration:none;
}