* {margin:0;padding:0;font-size:12px; font-family:"Verdana", Arial, Helvetica, sans-serif;}
html, body {background: url(images/fond-haut.jpg) repeat-x;background-color:#F8F7F5;}
.clear{clear: both;	height: 0;	visibility: hidden;	display: block;}

#main {width:980px; margin: 0 auto;}
#header {width:100%;height:141px;position:relative;}

#lang {position:absolute;top:100px;right:5px;}
#lang a {color:#FFF;font-weight:bold;font-size:14px;text-decoration:underline;}

#content{float:left; width:980px;background: url(images/fond-content.gif) repeat-y;margin-top:306px;position:relative;}
#content2{width:940px;margin-left:20px;text-align:justify;}

#footer {background:url(images/pied.jpg) center;width:100%;height:135px;}
#footer_contenu {width:100%;text-align:center;margin-top:0px;font-family:"Verdana", Arial, Helvetica, sans-serif;color:#FFF;}

.text_blanc {color:#FFF;}
.leger {color:#98745A;}
.black {color:#000;}
#brown {background-color:#492C1C;width:940px;}
#mar {background-color:#492C1C;}
#creme {background-color:#F6F1EE;width:900px;margin-left:20px;}
#beige {background-color:#fff;}
.blanc {font-size:17px;display:inline;color:#FFF;line-height:35px;margin-left:5px;}

.text_nav {color:#FFF;font-size:13px;}
h1 {font-size:20px;display:inline;color:#3F2518;}
h2 {font-size:17px;display:inline;color:#FFF;line-height:35px;margin-left:5px;}
h3 {font-size:14px;display:inline;color:#000;line-height:30px;padding-left:100px;margin-top:5px;}

#paysage {width:1000px;position:relative;margin-top:-2px;}
#paysage2 {width:1194px;height:304px;position:relative;margin-top:-2px;margin-left:-110px;background: url(images/paysage2.jpg)}
#papa {width:1194px;height:304px;position:relative;margin-top:0px;margin-left:-110px;background: url(images/paysage2.jpg)}

#fond_moteur{width:900px;background:#FFF;border: solid 1px #dddddd;margin-top:15px;margin-left:20px;}
#fond-rub{width:940px;background: url(images/fond-rub.jpg);}
#moteur{width:940px;height:98px;background: url(images/fond-moteur.gif);}

#fond_pourcentage{width:200px;margin-top:0px;margin-left:482px;font-size:12px; font-family:"Verdana", Arial, Helvetica, sans-serif;padding-top:67px;}
#pourcentage{width:940px;height:104px;background: url(images/pourcentage.gif);}

#fond_promo{width:900px;margin-top:5px;margin-left:20px;}
#promo{width:940px;background: url(images/promo.gif);background-color:#492C1C;background-repeat:no-repeat;}
#promo2{width:940px;height:260px;background: url(images/promo2.jpg);}

#fond_contact{width:900px;margin-top:5px;margin-left:20px;background-color:#F6F1EE;}
#contact{width:940px;height:310px;background: url(images/fond-contact.jpg);}

#produits{width:940px;height:327px;}
#produit1{width:290px;height:103px;text-align:center;background: url(images/prod1.gif);}
#produit2{width:290px;height:103px;text-align:center;background: url(images/prod2.gif);}
#produit3{width:290px;height:103px;text-align:center;background: url(images/prod3.gif);}
#produit4{width:290px;height:103px;text-align:center;background: url(images/prod4.gif);}
#produit5{width:290px;height:103px;text-align:center;background: url(images/prod5.gif);}
#produit6{width:290px;height:103px;text-align:center;background: url(images/prod6.gif);}
#produit7{width:290px;height:103px;text-align:center;background: url(images/prod7.gif);}
#produit8{width:290px;height:103px;text-align:center;background: url(images/prod8.gif);}
#produit9{width:290px;height:103px;text-align:center;background: url(images/prod9.gif);}

#bouton{float:right;margin-top:15px;}
#details{float:right;margin-top:9px;}
#colle{float:right;margin-top:9px;}

.bck{background-color:#FFF;text-align:center;}
.carre {list-style-type: square;color:#533422;padding-top:7px;padding-left:20px;}

li {list-style-type: none;}
#nav2 {width:960px;height:35px;margin-left:10px;margin-top:0px;position:absolute; background: url(images/marron-1.jpg) repeat-x;font-size:13px;font-weight:bold;}
#nav2 ul {
 padding:0px;
 margin:0;
 list-style-type:none;
 }
#nav2 li {
 float:left; /*pour IE*/
 border-left:1px solid black;
 }
 
#nav2 ul li a {
 display:block;
 float:left;   
 width:300px;
 line-height:35px; /*hauteur de l'image de fond*/
 background: url(images/marron-1.jpg) repeat-x;
 color:#ffffff;
 text-decoration:none;
 text-align:center;

 }
#nav2 ul li a:hover {
 color:#fff;
 font-weight:bold;
 background: url(images/marron-2.jpg) repeat-x;
 text-decoration:none;
 } 
 
 .text{font-size:12px; font-family:"Verdana", Arial, Helvetica, sans-serif;color:#000000;text-decoration:none;}