body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
   background-color: #c4c5c5;
}

div#recherche{
background:url('images/fond-recherche.jpg') no-repeat 0 0;
width:500px;
height:269px;
margin:0 auto;
padding-top:50px;
display:block;
text-align:center;
position:relative;

}

span.recherche{
font-size:14px;
font-weight:bold;
color:#d10017;
text-align:center;

}

select.recherche{
border:1px solid #000000;
font-size:14px;
margin:5px 0 0px 0;
color:#d10017;
text-align:left;
}

div#pagewrapper {
margin: 0 auto;       /* this centers wrapper */
max-width: 1024px;   /* IE wont understand these, so we will use javascript magick */
min-width: 1024px;

color: black;
}

div#header {

width:1024px;
height: 288px;    /* adjust according your image size */      
}

div#menu_principal{

text-align:center;
word-spacing:5px;
margin:5px 0 5px 0;
}

a.menu_principal{
font-family:"Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
font-size:18px;
}

div#content {
background:  url(images/fond_centre.jpg) 0 0px; 
height:auto;

}

div#centre_haut {
background:  url(images/fond_haut.jpg) 0 0px; 
   margin-left: 248px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   height:11px;
   width:527px;
}

div#centre_bas {
background:  url(images/fond_bas.jpg) 0 0px; 
   margin-left: 248px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   height:10px;
   width:527px;
}

div#main {
background:  url(images/fond_centre.jpg) 0 0px; 
   margin-left: 248px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   height:auto;
   width:527px;
 
}

 h2{
  background:  url(images/drapeau.png) no-repeat 0 0px;
  background-repeat: no-repeat; 
   height:35px;
   margin: 0 0 0 0px;
   padding: 0px 0 5px 0px;
   color:#000000;
   font-size:13px;

}

div#left {
  background:  url(images/gauche.jpg) no-repeat 0 0px; 
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 248px;     /* sidebar width, if you change this please also change #main margins */
      height:552px;
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
}

div#right {

  background:  url(images/droite.jpg) no-repeat 0 0px; 
   float: right;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 248px;     /* sidebar width, if you change this please also change #main margins */
   height:754px;
   display: inline;  /* FIX IE double margin bug */

   margin:0;
   padding:0;
  
}

div#paiement {

  background:  url(images/case-paiement.jpg) no-repeat 0 0px; 
   float: right;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 247px;     /* sidebar width, if you change this please also change #main margins */
   height:191px;
   display: inline;  /* FIX IE double margin bug */

   margin:0;
   padding:0;
  
}

div#catalogue {   
   width: 246px ;
   
   padding: 10px 0 0 15px;
 
}
div#catalogue h2{
   background:  url(images/catalogue.png) no-repeat 0 0px; 
   height:35px;
   padding: 0px 0 0 36px;
   margin-top:10px;
}

div#end_catalogue {   
   width: 188px ;
   height:35px;
    background:  url(images/catalogue-2.png) no-repeat 0 0px; 
   
}

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

div#end_information {   
   width: 188px ;
   height:35px;
    background:  url(images/info-2.png) no-repeat 0 0px; 
   
}

div#panier {   
   height:70px;
   width: 246px ;
   margin-left:10px;
   padding-top:40px;
 
}
div#panier h2{
   background:  url(images/haut-panier.png) no-repeat 0 0px; 
   height:35px;
   padding: 0px 0 0 0px;
      margin-top:10px;
}

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

div#promo {   
   width: 246px ;
   height:190px;
      margin-left:0px;
   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 {
  
   height : 40px;
   clear: both;       /* keep footer below content and menu */
   color: #ffffff;
   
}

p.footer{
color:#FFFFFF;
padding-top: 70px;
text-align:center;
}

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

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

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

div#vialinfo{
position:absolute;
margin:0 0 0 900px;
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{
height:240px;
float: left;
width: 246px;    /* enough width for the search input box */
text-align: left;
padding: 40px 0 0 0;

}