body {
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
padding: 0px;
text-align: center;
margin: 0px auto;

}

div#header {
padding-top: 133px;
background-image: url(fond1.jpg);
background-repeat: no-repeat;
background-position: top left;
text-align: center;
margin: 0px auto;
width: 712px;
height: 670px;
}

div#page {
height: 410px;

}

div#contenu {
width: 712px;
background-image: url(fond2.jpg);
background-repeat: no-repeat;
background-position: top left;
}

div#liens {
padding: 4px 0px 6px 252px;
text-align: left;
}

div#liens h2 {
margin: 0px;
padding: 0px;
color: #031634;
font-size: 13px;
font-weight: bold; 
}

div#liens ul {
margin:0px 0px 0px 35px;
padding: 0px 0px 0px 0px;
}

div#liens li {
margin: 2px 0px 2px 0px;
padding: 0px 0px 0px 9px;
}

div#liens li.photo {
list-style-image: url(photo.gif);

}


div#liens li.video {
list-style-image: url(video.gif);
}


div#liens li.document {
list-style-image: url(document.gif);
}

span.sep {
color: #1c408a;
}

a.dl {
color: #1c408a;
text-decoration: none;
}


a.dl em {
text-decoration: underline;
font-style: normal;
}

div.vignette {
margin-top: 5px;
width: 90px;
height: 140px;
float: left;
}



div.vignette img {
border: 0px;
}


div.vignettevideo {
width: 210px;
height: 190px;
float: left;
}



p#break {
clear:both;
margin: 0px;
padding: 0px 0px 10px 0px;
}


p#contacts {
font-size: 12px;
text-align: left;
}



div#retour {
position: absolute;
z-index: 500;
text-align: right;
margin: 0px;
padding-top: 6px;
width: 700px;
}

div#retour a {
text-decoration:none;

}