@charset "utf-8";

html, body { width:100%; margin:0; padding:0; background:url(/images/fond01.jpg) repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000; }
a img { border:0; }

.clear { clear:both; }
.rounded-5 { -moz-border-radius:5px; -khtml-border-radius:5px; }

div.ref { position:absolute; top:-20px; margin:0 0 -1px 0; font-size:1px; line-height:1px; }
div.ref h1 { display:inline; margin:0; padding:0; font-size:1px; font-weight:normal; line-height:1px; color:#fff; }
div.ref h3 { display:inline; margin:0; padding:0; font-size:1px; font-weight:normal; line-height:1px; color:#fff; }

div.main { margin:30px auto; width:820px; }
div.main div.entete { background:url(/images/corps-haut.png) center top no-repeat; padding:10px 10px 0 10px; }
div.main div.entete a img { width:800px; height:184px; margin:0; padding:0; border:0; }
div.main div.entete div { background:url(/images/fond-menu.jpg) center top no-repeat; text-align:center; }
div.main div.entete div a { display:inline-block; margin:0; padding:0; width:150px; height:36px; line-height:36px; font-size:18px; color:#000; text-align:center; text-decoration:none; }
div.main div.entete a:hover { color:#a00; }
div.main div.centre { margin:0; padding:20px 40px 0 40px; min-height:300px; background:url(/images/corps-centre.png) center top repeat-y; text-align:justify; }
div.main div.centre h1 { margin:0; padding:10px 0; color:#a00; font-size:30px; font-weight:normal; }
div.main div.centre h2 { margin:0; padding:5px 20px; color:#800; font-size:18px; font-weight:normal; }
div.main div.centre p { margin:0; padding:10px 0; }
div.main div.centre a { color:#a00; text-decoration:underline; }
div.main div.centre a:hover { text-decoration:none; }
div.main div.pied { background:url(/images/corps-bas.png) center top no-repeat; padding:125px 0 0 0; text-align:center; font-size:12px; line-height:16px; color:#000; }
div.main div.pied h3 { display:inline; font-size:11px; font-weight:normal; }
div.main div.pied h3 a { color:#888; }
div.main div.pied h3 a:hover { color:#000; }
div.main div.pied a { color:#000; text-decoration:none; }
div.main div.pied a:hover { text-decoration:underline; }


div.main div.centre div.actus { margin:0; padding:10px 20px 30px 20px; background:url(/images/fond-actus.jpg) top left no-repeat; }

div.main div.centre div.categories { margin:0 auto; width:724px; height:30px; padding:0 0 40px 0; text-align:center; }
div.main div.centre div.categories a { display:inline-block; padding:0 2px; width:115px; height:30px; line-height:30px; text-align:center; color:#a00; text-decoration:none; }
div.main div.centre div.categories a.courant { background:url(/images/btn01-courant.gif) center no-repeat; }
div.main div.centre div.categories a:hover { background:url(/images/btn01.gif) center no-repeat; }

div.main div.centre table.listeproduits { width:100%; }
div.main div.centre table.listeproduits td { width:25%; padding:0 0 20px 0; text-align:center; vertical-align:top; }
div.main div.centre table.listeproduits td div { width:154px; padding:10px; text-align:left; background:#fff; font-size:12px; color:#777; -moz-border-radius:10px; -khtml-border-radius:10px; }
div.main div.centre table.listeproduits td div:hover { background:#eaeaea url(/images/next.gif) bottom right no-repeat; }
div.main div.centre table.listeproduits td div a { display:block; width:150px; height:112px; overflow:hidden; text-align:center; border:2px solid #fff; background:#ddd; }
div.main div.centre table.listeproduits td div a:hover { border:2px solid #a00; }
div.main div.centre table.listeproduits td div a img { width:150px; }
div.main div.centre table.listeproduits td div h2 { margin:0; padding:5px 0; font-size:12px; font-weight:normal; color:#000; }

div.main div.centre a.retour { display:block; float:right; margin:10px 0; padding:0 2px; width:115px; height:30px; line-height:30px; background:url(/images/btn01-courant.gif) center no-repeat; text-align:center; color:#a00; text-decoration:none; }
div.main div.centre a.retour:hover { background:url(/images/btn01.gif) center no-repeat; }

div.main div.centre table.photos { float:right; margin:0 0 20px 20px; width:320px; background:#eaeaea; -moz-border-radius:10px; -khtml-border-radius:10px; }
div.main div.centre table.photos td { width:110px; background:#fff; }
div.main div.centre table.photos td a { display:block; width:110px; height:83px; overflow:hidden; }
div.main div.centre table.photos td a.apercu { width:350px; height:auto; }
div.main div.centre table.photos td a:hover {  }
div.main div.centre table.photos td a img { width:110px; border:0; }
div.main div.centre table.photos td a img.apercu { width:350px; }

table.contact { margin:0 auto; }

div.main div.centre ul.plan { float:left; list-style-type:disc; margin:0 0 0 40px; padding:0 0 10px 10px; }
div.main div.centre ul.plan li { padding:0; text-transform:uppercase; font-weight:normal; }
div.main div.centre ul.plan li a { display:block; padding:2px 10px; color:#a00; text-decoration:none; }
div.main div.centre ul.plan li a:hover { color:#000; background:#f0f0f0; }
div.main div.centre ul.plan li ul { list-style-type:disc; margin:0 0 0 40px; padding:0 0 10px 10px; border-left : 1px dotted #555; padding:0 0 0 10px; }
div.main div.centre ul.plan li ul li { text-transform:none; }
div.main div.centre ul.plan li ul li ul li a { font-size:11px; }