body { padding: 0 ; text-align: center ; font: 0.75em "Verdana", helvetica, sans-serif ; background: #f7e2e7}
div#entete {position: relative; margin-left: auto; margin-right: auto; width: 910px; height: 140px; text-align: left; background: #f7e2e7 url('../images/fete-des-meres1.jpg') no-repeat 0 0; }
.conteneur {  text-align: center}

div#menu { position: absolute; float: right; right: 0px ; bottom: 0px ; width: 600px ; height: 30px ; text-align: left ; background: #f7e2e7 ; }
ul#navigation { height: 30px ; margin: 0 ; padding: 0 ; background: url('../images/onglet.jpg') repeat-x 0 -30px ; list-style-type: none  }
ul#navigation li { float: right ; text-align: center ; }
ul#navigation li a { width: 150px ; line-height: 30px ; color: #a02d70 ; display: block ; text-decoration: none ; }
ul#navigation li a:hover { text-decoration: none ; background: url('../images/onglet.jpg') repeat-x 0 0 ; font-style:normal; font-variant:normal; font-weight:bold; color: #FFFFFF }

div#centre { position: relative; margin-left: auto; margin-right: auto; width: 910px; height: 665px; text-align: left; background: #f7e2e7; }


div#cadre { position: absolute; top: 0px; left: 310px; width: 600px; height: 130px; text-align: left; background: #a02d70; }
div#cadre h1 { padding-top: 10px; padding-left: 15px; line-height: 15px ; font-size: 1em ; color: #f7e2e7 ; }


div#cadre2 { position: absolute; top: 135px; left: 310px; width: 600px; height: 165px; text-align: left; background: #ffffff url('../images/cadre0.jpg') no-repeat 0 0 ;}
div#cadre2 h2 { padding-top: 5px; padding-left: 25px; line-height: 15px ; font-size: 1em ; color: #a02d70 ; display : table-cell ; vertical-align: top}


div#carregauche { position: absolute; left: 5px ; top: 0px ; width: 300px; height: 300px; text-align: left; background: #a02d70; }
div#carregauchebas { position: absolute; left: 5px ; top: 305px ; width: 300px; height: 250px; text-align: left; background: #a02d70; }

div#cadre3 { position: absolute; top: 305px; left: 310px; width: 300px; height: 250px; text-align: left; background: #ffffff url('../images/cadre1.jpg') no-repeat 0 0 ;}
div#cadre3 h3 { padding-top: 5px; padding-left: 25px; line-height: 15px ; font-size: 1em ; color: #a02d70 ; display : table-cell ; vertical-align: top}


div#cadre4 { position: absolute; top: 305px; left: 615px; width: 295px; height: 105px; text-align: left; background: #ffffff url('../images/cadre2.jpg') no-repeat 0 0 ;}
div#cadre4 h3 { padding-top: 5px; padding-left: 25px; line-height: 15px ; font-size: 1em ; color: #a02d70 ; display : table-cell ; vertical-align: top}

div#cadre5 { position: absolute; top: 415px; left: 615px; width: 295px; height: 140px; text-align: left; background: #ffffff url('../images/cadre3.jpg') no-repeat 0 0 ;}
div#cadre5 h3 { padding-top: 5px; padding-left: 25px; line-height: 15px ; font-size: 1em ; color: #a02d70 ; display : table-cell ; vertical-align: top}

div#cadre6 { position: absolute; top: 560px; left: 5px; width: 300px; height: 100px; text-align: left; background: #ffffff;}

div#cadre7 { position: absolute; bottom: 0px; left: 0px; width: 600px; height: 25px; text-align: left; background: #a02d70;}

div#cadre8 { position: absolute; bottom: 5px; left: 310px; width: 600px; height: 100px; text-align: left; background: #ffffff url('../images/cadre9.jpg') no-repeat 0 0 ;}
div#cadre8 h3 { padding-top: 5px; padding-left: 25px; line-height: 15px ; font-size: 1em ; color: #a02d70 ; display : table-cell ; vertical-align: top}


div#image1 { position: absolute; left: 10px ; bottom: 7px ; width: 140px; height: 100px; text-align: center; background: #a02d70; }
.vignette { position: absolute; left: 0px ; bottom: 0px ; width: 140px; height: 15px; text-align: center; background: #a02d70; }
div#image2 { position: absolute; left: 157px ; bottom: 7px ; width: 140px; height: 100px; text-align: left; background: #a02d70; }
div#image3 { position: absolute; left: 304px ; bottom: 7px ; width: 140px; height: 100px; text-align: left; background: #a02d70; }
div#image4 { position: absolute; left: 451px ; bottom: 7px ; width: 140px; height: 100px; text-align: left; background: #a02d70; }

.lien         { font-family: Verdana; font-size: 8pt; color: #333333; text-align: justify; padding-left: 5px; line-height: 25px}
.tableau-txt    { font-family: Verdana; font-size: 8pt; color: #444444; text-align: left; padding-left: 20px; padding-right: 20px; text-align: justify;}
.edito         { font-family: Verdana; font-size: 9pt; color: #f7e2e7; text-align: justify; padding-left: 15px; padding-right: 15px }
.texte         { font-family: Verdana; font-size: 8pt; color: #444444; text-align: justify; padding-left: 10px; padding-right: 10px }
.offre         { font-family: Verdana; font-size: 8pt; color: #ffffff; text-align: center;}
.bas    { font-family: Verdana; font-size: 8pt; color: #666666; text-align: left; padding-left: 10px; padding-right: 10px; text-align: justify;}

a { color: #a02d70; font-family: Verdana; font-size: 8pt; text-decoration:none}

div#deroulant { position: absolute; right: 25px ; bottom: 95px ; width: 170px; height: 30px; text-align: right; }

div#footer { position: relative; margin-left: auto; margin-right: auto; margin-top: 5px; width: 910px; text-align: left; background: #f7e2e7; font-size: 1em ; color: #F6F6F6 ; text-align: center ;   }

div#footer h2{ padding-top: 5px ; line-height: 15px ; font-size: 1em ; color: #a02d70 ; }