body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
   background-color: #d7c8a7;
   border:1px solid #b4a27c;
   margin:auto;
   width:1024px;
 
}

div#pagewrapper {
margin: 0 auto;       /* this centers wrapper */
max-width: 1024px;   /* IE wont understand these, so we will use javascript magick */
min-width: 1024px;
background:  url(images/fond.jpg) repeat-y ; 

color: black;
}

div#header {
background:  url(images/vente-champagne_01.jpg) no-repeat 0 0px; 
width:1024px;
height: 291px;    /* adjust according your image size */      
}

div#content {
 
height:auto;


}


div#main {

 background-color:#FFFFFF;
   margin-left: 211px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   min-height:528px;
   width:570px;

}

div#main h2{
   background:  url(images/illustration-titre.png) no-repeat 0 20px; 
   height:40px;
   margin: 0 0 0 0;
   padding: 40px 0 0 30px;
   color:#881848;
   font-size:15px;
   width:500px;

}

div#left {



   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 211px;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */

}

div#right {

 

   float: right;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 232px;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */

   margin:0;
   padding:0;
  
}

div#catalogue {   
   width: 200px ;
    background:  url(images/catalogue.png) no-repeat 0 0px; 
	min-height: 241px;
	   margin-left : 10px;
	   padding:10px 0 0 0px;
text-align:center;
}

div#catalogue a{
color:#FFFFFF;
font-size:17px;
font-family:Candara;
font-weight:bold;

line-height:30px;
}



div#information { 
   padding: 35px 0 0 0px;  
   margin-left : 10px;
   width: 200px ;
   height: 241px;
   background:  url(images/info.png) no-repeat 0 0px; 
 
}



div#topventes {   
background:  url(images/top-ventes.png) no-repeat 0 0px; 
   width: 190px ;
   margin-left:10px;
   min-height:250px;
   padding:0;
   padding-top:40px;
 
}


div#panier {  
   background:  url(images/fond-panier.png) no-repeat 0 0px; 
   width: 200px ;
    height: 241px ;
   margin-left:20px;
   padding-top:50px;
   text-align:center;

}

div#compte {  
  
    height: 100px ;
   margin-left:20px;
   padding-top:150px;


}
div#newsletter {  
   background:  url(images/fond-newsletter.png) no-repeat 0 0px; 
   width: 200px ;
    height: 241px ;
   margin-left:20px;
      padding:60px 0px 0 0px;
	  font-size:12px;
	  color:#666666;
	  text-align:center;

}

.submit{
border:1px solid #851746; background-color:#953b62; color:#fff; width:75px; height:20px; text-align:center
}
 
.boite{
border:1px solid #851746; background-color:#ffffff; color:#973761; width:155px; height:18px; text-align:right
} 
 
div#promo {  

   width: 190px ;
   min-height:200px;
      margin-left:810px;
   padding-top:50px;
 
}
div#promo h2{
   background:  url(images/haut-promo.png) no-repeat 0 0px; 
   height:35px;
   padding: 0px 0 0 36px;
   margin-top:10px;   
}

div#end_promo {   
   width: 188px ;
   height:35px;
    background:  url(images/bas-promo.png) no-repeat 0 0px; 
   
}

div#footer {
   background: url(images/vente-champagne_03.jpg) no-repeat 0 0px; 
   height : 139px;
   clear: both;       /* keep footer below content and menu */
   color: #000000;
   background-color: #ffffff; /* same bg color as in header */
}

p.footer{
color:#616263;
font-size:12px;
padding-top: 80px;
text-align:center;
}

div#footer_ref{
background-color: #ffffff;
}

div#footer_logo{
position:absolute;
width:220px;
}

div#footer_cat{
position:absolute;
margin:0 220px 0 220px;
width:600px;
}

div#vialinfo{
position:absolute;
margin:0 0 0 880px;
text-align:center;
}

div#banniere{
}

div#actus{
float: left;
width: 27em;    /* enough width for the search input box */
text-align: left;
padding: 0.6em 0 0.2em 0;
margin: 0 1em;
}

div#search{
   background: url(images/haut-recherche.png) no-repeat 0 0px; 
position:absolute;
float: left;
width: 210px;    /* enough width for the search input box */
text-align: left;
min-height:150px;
padding: 40px 0 0 0px;
}

div#bread{
color:#666666;
font-size:11px;
margin:5px 0px 0px 10px;
position:absolute;
}

a.titre_produit{
color:#7e33a0;
font-size:12px;
}

a.ref{
color:#c83ed2;
}
table.centre{
width:550px;
padding:0 00px 0 0px ;
margin-left:15px;


}