/*------------------------------------------------Basic Css Start Here------------------------------------------------*/ 

html, body { 
padding:0px;
margin:0px;
background: url(../images/bg.jpg) top center no-repeat fixed;
background-color:#fafbfb;
height:100%; 
}


div, span, form, h1, h2, h3, h4, h5, h6, ul, li, ol, dt, a, p, img{
padding:0px;
margin:0px;
}
img {
border: none;
margin:0px;
padding:0px;
}
a {
text-decoration:none;
color:#727373;
}
a:hover{
color:#1f83be;
}
.clr{
clear:both;
}
/*------------------------------------------------Basic Css Ends Here------------------------------------------------*/ 


/*------------------------------------------------Main Contener Css Start Here------------------------------------------------*/ 
/* Avant Noel
#main-container{
width:987px;
margin:0 auto;

} */


#main-container{
width:990px;

margin-left:auto;
margin-right:auto;
background-color:#ffffff;
padding:5px 5px 5px 5px;
border:0px solid #000000;
}




/*------------------------------------------------Main Contener Css Ends Here------------------------------------------------*/ 


/*------------------------------------------------Header Container Css Start Here------------------------------------------------*/ 

#header-con{
width:987px;
}
#header-lft{
width:137px;
float:left;
}
#logo{
width:137px;
float:left;
padding:0px 0 0px 4px;
}

/*------------------------------------------------Header Container Css Ends Here------------------------------------------------*/ 


/*------------------------------------------------Banner Container Css Start Here------------------------------------------------*/ 

#banner{
margin:20px 0 20px 0;
background:url(../images/banner-bg.gif) left bottom no-repeat;
}

/*------------------------------------------------Banner Container Css Ends Here------------------------------------------------*/ 


/*------------------------------------------------Content Container Css Start Here------------------------------------------------*/ 

#product-con{
width:987px;
}
#feuilletez-box{
width:242px;
margin:0 10px 0 0;
float:left;
background:url(../images/sep.gif) right 19px no-repeat;
}
#feuilletez-box h1{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333333;
text-transform:uppercase;
background:url(../images/errow.gif) left center no-repeat;
padding:0 0 0 15px;
text-align:left;
}
#achetez-box{
width:241px;
margin:0 15px 0 0;
float:left;
background:url(../images/sep.gif) right 19px no-repeat;
}
#achetez-box h1{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333333;
text-transform:uppercase;
background:url(../images/errow.gif) left center no-repeat;
padding:0 0 0 15px;
text-align:left;
}
#accedez-box{
width:477px;
float:left;
background:url(../images/sep.gif) right center no-repeat;
}
#accedez-box h1{
font:bold 12px Arial, Helvetica, sans-serif;
color:#333333;
text-transform:uppercase;
background:url(../images/errow.gif) left center no-repeat;
padding:0 0 0 15px;
text-align:left;
}
#strip{
background:url(../images/blcak-bar.gif) left top repeat-x;
height:7px;
}

.link-pre{
font:14px Arial, Helvetica, sans-serif;
color:#000;
text-align:right;
padding-top:50px;
margin-right:67px;
}
.link-pre a{
font:14px Arial, Helvetica, sans-serif;
padding:10px 0;
color:#000;
text-decoration:underline;
}
.link-pre a:hover{
font:14px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}