body { margin:0px; padding:0px; background:#6d6e71 url("../images/fond.gif") repeat-y center; color:#333; font:12px Verdana,Serif; }

#contenaire {position:relative; width:600px; margin:0 auto; text-align:left;}

#top {position:relative; margin:0px; padding:0px; width:599px; height:440px; background:url(../images/mer.jpg) no-repeat top left; clear:both;}
#top2 {position:relative; margin:0px; padding:0px; width:599px; height:440px; background:url(../images/tiare.jpg) no-repeat top left; clear:both;}
#top3 {position:relative; margin:0px; padding:0px; width:599px; height:440px; background:url(../images/pierre.jpg) no-repeat top left; clear:both;}
#top4 {position:relative; margin:0px; padding:0px; width:599px; height:440px; background:url(../images/feuille.jpg) no-repeat top left; clear:both;}
#top5 {position:relative; margin:0px; padding:0px; width:599px; height:440px; background:url(../images/pareo.jpg) no-repeat top left; clear:both;}

#menufr { position:absolute; top:265px; left:15px;}
#menufr img{ padding:0px 1px 17px 5px;}
#menufr a{ background:url(../images/menu/carre1.gif) no-repeat bottom; padding-right:2px; }
#menufr a:hover{ background:url(../images/menu/carre2.gif) no-repeat bottom;}

#titrefr { position:absolute; top:418px; left:240px;}

#middle {position:relative; width:599px; clear:both;}
#middle a{ color:#6d6e71; font-weight:700;}
#pictures { float:left; width:220px; padding:10px 0px 10px 10px;}
#pictures img{ padding-bottom:5px; border:0px;}
#pictures a{ border:0px; text-decoration:none; font-weight:700;}
#txtfr { float:right; width:350px; text-align:left; padding:10px 10px 10px 0px;}
#txtfr h1{ font-size:14px; font-weight:700; margin-top:-4px;}

#txtactufr {width:375px; text-align:left; padding:10px 10px 10px 0px; margin:0 auto;}
#txtactufr h1{ font-size:14px; font-weight:700;}

#bottom {position:relative; width:599px; text-align:left; color:#a73838; font-size:9px; padding:10px 10px 10px 50px; clear:both;}