body{ margin:0; padding:20px 0 0 0; font:76% Arial,Verdana,sans-serif; color:#113F59; background:url(../img/motif.jpg) center 0; }

#conteneur { width:774px; margin:0 auto; }

#header { background: url(../img/header.jpg) 0 0 no-repeat; width:719px; height:170px; }
#header span { position:absolute; top:-999px; left:-999px; }

#main { background: url(../img/main.jpg) 0 0 no-repeat; width:765px; height:537px; margin-left:10px; }
#menu { margin:20px 0 0 0; padding:0; float:right; }
#menu li { margin:0; padding:0; list-style:none; }
a span { position:absolute; top:-999px; left:-999px; }
a img { border:0; }

#travaux { background:url(../img/btn_travaux.jpg) 0 0 no-repeat; width:71px; height:54px; display:block; }
#photos { background:url(../img/btn_photos.jpg) 0 0 no-repeat; width:71px; height:50px; display:block; }
#cv { background:url(../img/btn_cv.jpg) 0 0 no-repeat; width:71px; height:49px; display:block; }
#contact { background:url(../img/btn_contact.jpg) 0 0 no-repeat; width:71px; height:55px; display:block; }

#travaux:hover, #travaux.on { background-position:0 -54px; }
#photos:hover, #photos.on { background-position:0 -50px; }
#cv:hover, #cv.on { background-position:0 -49px; }
#contact:hover, #contact.on { background-position:0 -55px; }

#diapo { width:430px; height:440px; text-align:center; margin:0 0 0 35px; padding:15px 0 0 0 }
#detail { width:370px; height:50px; margin:15px 0 0 35px; padding-left:60px; background:url(../img/ckoi.gif) 0 5px no-repeat; }
#detail span { display:block; font-size:.9em; }
#mosaique { width:185px; height:490px; float:right; padding:10px 0 0 10px; background-color:#ECE1D2; margin-top:15px; margin-right:10px; }
#mosaique img { margin: 0 10px 10px 0; display:block; float:left; }

.home { margin:15px 0 0 35px; }

#footer { background: url(../img/footer.jpg) 0 0 no-repeat; font-size:.8em; width:710px; padding-top:10px; padding-left:15px; margin-left:10px; }
#footer a { color:#113F59; text-decoration:none; }