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

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-color: #ffffff;
color: black;
}

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

div#content {
background:  #ffffff;  
height:auto;

}


div#main {
   background: #ffffff ; 
   margin-left: 188px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   height:auto;
   width:645px;
 
}

div#main h2{
   background:  url(images/entete.png) no-repeat 0 0px; 
   height:59px;
   margin: 0 0 0 20px;
   padding: 10px 0 0 20px;
   color:#7db841;
   font-size:15px;

}

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

div#right {

   background: #ffffff; 
   float: right;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 181px;     /* 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: 188px ;
 
}
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: 188px ;
 
}
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 {   
   width: 188px ;
   margin-left:-10px;
   padding:0;
 
}
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: 188px ;
      margin-left:-10px;
   padding:0;
 
}
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/cadeaux-bebe_03.jpg) no-repeat 0 0px; 
   height : 142px;
   clear: both;       /* keep footer below content and menu */
   color: #000000;
   background-color: #ffffff; /* same bg color as in header */
}

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 300px;
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{
float: left;
width: 200px;    /* enough width for the search input box */
text-align: left;
padding: 230px 0 0 0;

}