body {
background: #bc9a72 url(../img/fond.jpg) no-repeat;
background-attachment:fixed;
font-size:12px;
margin:0;
color:#fff;
font-family: Arial, Helvetica, sans-serif;
}
#top {
width:100%;
text-align:center;
height:180px;
margin: 30px auto 0 auto;
}
#topcontenu {
width:800px;
text-align:center;
margin: 0 auto 0 auto;
height:180px;
}
#middle{
width:100%;
margin:0 0 auto 0 auto;
text-align:center;
background: url(../img/fondcadre.png);
border-top: groove 2px  #666666;
border-bottom: groove 2px  #666666;
min-height: 300px;
}
#middlecontenu {
width:800px;
margin:0 auto 0 auto;
}
#bottom {
width:100%;
text-align:center;
margin:0 auto 0 auto;
}
#bottomcontenu {
width:800px;
height:40px;
text-align:center;
margin:20px auto 0 auto;
background: url(../img/fondcadre2.png);
}
a {
text-decoration:none;
color:#ffff00;;
}
a:hover {
text-decoration:underline;
}
.p1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-style: normal; 
font-weight: normal; 
font-variant: normal; 
color: #ffffff; 
text-decoration: none;
text-align:justify;
width:200px;
}
h1 {
font-size: 25px;
font-family: Arial Narrow, Helvetica, sans-serif;
border-bottom: 1px solid;
font-weight:normal;  
text-decoration: none;
}
.piti {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; 
font-style: normal; 
font-weight: bold; 
font-variant: normal; 
color: #ffffff; 
text-decoration: none;	
}	
#texte {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-style: normal; 
font-weight: normal; 
font-variant: normal; 
color: #ffffff; 
}


#produits {overflow:hidden}
#accordion img {margin:10px; float:left;  max-width:400px;max-height:90px; border:solid 1px #FFF; padding:2px}
#accordion img:hover {margin:10px; float:left;  max-width:400px;max-height:90px; border:solid 1px #F60; padding:2px}