html,body {
margin: 0px;
padding: 0px;
background-color:#9b7a4b ;
}

#content {
width: 770px;
background-color:#9b7a4b ;
margin-left: 0px;
margin-top: 0px;
}

.header {
margin-top: 0px;
margin-left: 0px;
width: 770px;
height: 214px;
background-color:#9b7a4b ;
}

.bandeauphoto {
margin-top: 0px;
margin-left: 0px;
border: 0px;
float: left;
}

.auteur {
position: absolute;
top: 80px;
left: 575px;
font: 9px Verdana;
color: #ffffff;
margi
}

.page {
position: absolute;
top: 120px;
left: 620px;
font: 11px Verdana;
font-weight: bold;
color: #0b3490;
}

.bandeaulogo {
margin-top: 20px;
margin-left: 35px;
float: left;
}

.croixhaut {
position : absolute;
top: 175px;
left: 48px;
}

.framegauche {
width: 184px;
background-color:#9b7a4b;
margin-top: 5px;
margin-left: 8px;
border-style:solid;
border-width: 1px;
border-color: #0b3490;
float: left;

}

.titre {
font: 12px Verdana;
font-weight: bold;
color: #0b3490;
text-align: left;
padding: 5px;
}



.recit {
font: 10px Verdana;
color: #ffffff;
text-align: justify;
padding: 8px;
}

.framedroit {
width: 568px;
margin-top: 5px;
margin-left: 0px;
background-color: #9b7a4b;
border-width: 0px;
float: left;
}

.im11 {
margin-left: 16px;
margin-top: 0px;
border-width: 0px;
float:left;
}

.im12 {
margin-left: 30px;
margin-top: 0px;
border-width: 0px;
}

.commentaire1 {
margin-left: 45px;
margin-top: 15px;
font: 11px Verdana;
color: #0b3490;
}

.im21 {
float:left;
margin-left: 16px;
margin-top: 30px;
border-width: 0px;
}

.im22 {
margin-left: 30px;
margin-top: 30px;
border-width: 0px;
}

.commentaire2 {
margin-left: 45px;
margin-top: 15px;
font: 11px Verdana;
color: #0b3490;
}

.im31 {
float:left;
margin-left: 16px;
margin-top: 30px;
border-width: 0px;
}

.im32 {
margin-left: 30px;
margin-top: 30px;
border-width: 0px;
}

.commentaire3 {
margin-left: 45px;
margin-top: 15px;
font: 11px Verdana;
color: #0b3490;
}

.im41 {
float:left;
margin-left: 16px;
margin-top: 30px;
border-width: 0px;
}

.im42 {
margin-left: 30px;
margin-top: 30px;
border-width: 0px;
}

.commentaire4 {
margin-left: 45px;
margin-top: 15px;
font: 11px Verdana;
color: #0b3490;
}

.im51 {
float:left;
margin-left: 16px;
margin-top: 30px;
border-width: 0px;
}

.im52 {
margin-left: 30px;
margin-top: 30px;
border-width: 0px;
}

.commentaire5 {
margin-left: 45px;
margin-top: 15px;
font: 11px Verdana;
color: #0b3490;
}

.im61 {
float:left;
margin-left: 16px;
margin-top: 30px;
border-width: 0px;
}

.im62 {
margin-left: 30px;
margin-top: 30px;
border-width: 0px;
}

.commentaire6 {
margin-left: 45px;
margin-top: 15px;
font: 11px Verdana;
color: #0b3490;
}

.vim31 {
float:left;
margin-left: 58px;
margin-top: 35px;
border-width: 0px;
}

.vim32 {
float:left;
margin-left: 115px;
margin-top: 35px;
border-width: 0px;
}

.vcommentaire3 {
margin-left: 45px;
margin-top: 335px;
font: 11px Verdana;
color: #0b3490;
}


.vim41 {
float:left;
margin-left: 58px;
margin-top: 35px;
border-width: 0px;
}

.vim42 {
float:left;
margin-left: 115px;
margin-top: 35px;
border-width: 0px;
}

.vcommentaire4 {
margin-left: 45px;
margin-top: 335px;
font: 11px Verdana;
color: #0b3490;
}


#footer {
position: relative;  /* Nécessaire pour Safari */
background-color: #9b7a4b;
width: 770px;
height: 72px
margin-top: 0px;
}

.croixbas {
margin-left: 48px;
margin-top: 17px;
}