body{
font-family:Arial;
font-size:13px;
margin:0;
background:url(images/bg.png);
}

a {
color: #422302;
text-decoration: none;
}

a:hover {
color: #422302;
text-decoration: underline;
}

a img {
border: 0;
}

/************************
TOP
************************/
#top{
height:142px;
width:100%;
background:url(images/bg-top.png);
background-repeat:repeat-x;
}

#header{
width:850px;
height:142px;
background:url(images/header.png);
margin-left:10px;
text-align:right;
}

#connexion{
color:#fff;
text-align:right;
margin-right:60px;
padding-top:43px;
}

#connexion a{
color:#fff;
text-decoration:none;
}

#connexion a:hover {
color:#3c2815;
}

#recherche{
margin-top:1px;
text-align:right;
margin-left:645px;
}

#nav{
text-align:left;
width:100%;

height:41px;
margin-top:1px;
}

#nav ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
#nav li {
 float:left; /*pour IE*/
 
 }
#nav ul li a {
 display:block;
 float:left;   
  line-height:16px; /*hauteur de l'image de fond*/
padding:12px 18px 13px 18px;
color:#fff;
 text-decoration:none;
 text-align:center;
 }
#nav ul li a:hover {
background:url(images/bg-nav-a.png);
 color:white;
 }  


/************************
CONTAINER
************************/
#container{
width:882px;
margin:auto;
background:url(images/bg-container.png);
background-repeat:repeat-y;
padding:10px 00px;
}

#top-container{
width:882px;
height:307px;
margin:auto;
background:url(images/top-container.png);
}

#panier{
color:#fff;
margin:15px 0px 35px 40px ;

}

#panier a{
color:#fff;
text-decoration:none;
}

#panier a:hover{
color:#3b2815;
}

/************************
SIDEBAR
************************/

#sidebar{
width:200px;
float:right;
}

#fabrication-chocolat{
width:178px;
height:318px;
padding:0 10px;
margin-left:2px;
background:url(images/explication.png);
color:#fff;
line-height:20px;
}




/************************
CONTENT
************************/

#content{
width:650px;
float:left;
color:#4e4d4d;

}

#chemin-de-fer{
width:610px;
height:32px;
background:url(images/chemin-de-fer.png);
color:#fff;
padding-top:5px;
padding-left:40px;
}

#bloc-produit{
background:url(images/bg-bloc-produit.png) #d9d7d5;
background-repeat:repeat-x;
min-height:178px;
width:580px;
margin-left:30px;
padding:10px;
color:#4e4d4d;
line-height:21px;
margin-top:10px;
}

.prix{
width:134px;
height:23px;
background:url(images/bg-prix.png);
margin-top:10px;
color:#fff;
text-align:center;
font-size:15px;
padding-top:3px;
}

#quantite{
width:301px;
height:130px;
background:url(images/bg-quantite.png);
padding-top:41px;
}

h2{
color:#3d2916;
font-size:18px;

}

/************************
FOOTER
************************/
#footer{
margin-left:10px;
width:851px;
background:url(images/bg-footer.png);
background-repeat:repeat-x;
color:#fff;
font-size:12px;
}

#footer a{
color:#fff;
text-decoration:none;
font-size:11px;
}

#footer a:hover{
text-decoration:underline;
}

#footer1{
width:253px;
height:133px;
background:url(images/footer1.png);
padding-left:20px;
padding-top:10px;
}

#footer2{
width:253px;
height:133px;
background:url(images/footer2.png);
background-repeat:no-repeat;
padding-left:20px;
padding-top:10px;
}

#footer2 a{
color:#3e2a17;
}

#footer3{
width:253px;
height:133px;
background:url(images/footer1.png);
padding-left:20px;
padding-top:10px;
}