*{
font-family:arial;
color:#70594d;
margin:0px;
padding:0px;
}
body{
margin:0px;
background:#705a4d;
}

img{
border:none;
}

a{
text-decoration:none;
}

div#header{
width:100%;
height:194px;
display:table;
background:url(../pics/background-header.jpg);
text-align:center;
z-index:999;
}
div#middle{
width:100%;
display:table;
background:#e5eac1;
text-align:center;
z-index:666;
}
div#footer{
width:100%;
height:521px;
padding-top:66px;
display:table;
background:url(../pics/background-footer.jpg) no-repeat 0 0;
text-align:center;
z-index:333;
}

div.content{
width:960px;
margin:0px auto;
position:relative;
text-align:left;
}
div.content-left{
width:728px;
margin-right:18px;
float:left;
}
div.content-right{
width:214px;
padding-top:140px;
float:left;
}

div.both{
clear:both;
}

/* visuels */

div.visuel-gauche{
float:left;
margin:0px 14px 7px 0px;
}
div.visuel-centre{
margin:14px 0px;
}

/* header */

div#header div#menu {
width:142px;
top:120px;
right:79px;
position:absolute;
z-index:999;
}
div#header div#menu a{
display:block;
position:relative;
z-index:1;
}
div#header div#menu div.menu-1{
display:block;
width:214px;
height:49px;
background:url(../pics/menu-1.png);
}
div#header div#menu div.menu-2{
display:block;
width:214px;
height:29px;
background:url(../pics/menu-2.png);
}
div#header div#menu div.menu-3{
display:block;
width:214px;
height:27px;
background:url(../pics/menu-3.png);
}
div#header div#menu div.menu-4{
display:block;
width:214px;
height:30px;
background:url(../pics/menu-4.png);
}
div#header div#menu div.menu-5{
display:block;
width:214px;
height:26px;
background:url(../pics/menu-5.png);
}
div#header div#menu div.menu-6{
display:block;
width:214px;
height:38px;
background:url(../pics/menu-6.png);
}

div#header div#marque{
left:0px;
top:8px;
position:absolute;
}

div#header div#logo{
left:0px;
top:46px;
position:absolute;
}

div#header div#acces{
float:right;
}
div#header div#acces div{
font-size:14px;
color:#fffefe;
float:left;
margin-top:9px;
}
div#header div#acces div a{
font-size:12px;
font-weight:bold;
color:#fff;
text-decoration:none;
}
div#header div#acces div.input{
width:126px;
height:20px;
margin:7px 4px;
background:url(../pics/header-background-input.jpg);
}
div#header div#acces div.input input{
font-size:11px;
color:#fffefe;
width:108px;
height:13px;
border:none;
margin:2px 0px 0px 8px;
background:#7D6E67;
}

div#header div#panier{
width:210px;
height:84px;
top:35px;
right:7px;
position:absolute;
background:url(../pics/header-background-panier.png);
}
div#header div#panier p.panier{
font-size:12px;
font-weight:bold;
text-align:center;
color:#fff;
height:24px;
padding-top:6px;
background:url(../pics/header-panier.png) no-repeat 40px 0px;
}
div#header div#panier p.left{
font-size:11px;
color:#fff;
text-align:right;
width:105px;
height:15px;
float:left;
}
div#header div#panier p.right{
font-size:11px;
color:#fff;
width:100px;
height:15px;
margin-left:5px;
float:left;
}
div#header div#panier p.voir{
color:#fff;
text-align:center;
padding-top:3px;
}
div#header div#panier p.voir a{
font-size:12px;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:center;
}

/* middle */

div#middle div.content a{
color:#9aab0d;
}

div#middle div.bloc-left{
width:334px;
/*margin-right:32px;*/
float:left;
}
div#middle div.bloc-right{
width:362px;
float:left;
}
div#middle div.bloc-left h2,
div#middle div.bloc-right h2{
margin:20px 0px 10px 0px;
}
div#middle div.bloc-left em,
div#middle div.bloc-right em{
font-size:11px;
}
div#middle div.bloc-left p,
div#middle div.bloc-right p{
font-size:11px;
line-height:16px;
text-align:justify;
}
div#middle div.bloc-left p.liens,
div#middle div.bloc-right p.liens{
color:#9aab0d;
font-weight:bold;
}

div#middle div.bloc-achat{
position:relative;
}
div#middle div.bloc-achat a{
right:26px;
top:66px;
position:absolute;
}

	/* content-right */

div#middle div.content-right div.bloc-achat{
position:relative;
}
div#middle div.content-right div.bloc-achat a{
right:26px;
top:66px;
position:absolute;
}
div#middle div.content-right div.bloc-achat p{
font-size:12px;
font-weight:bold;
margin-top:6px;
}
div#middle div.content-right div.bloc-achat p strong{
font-size:14px;
color:#acb939;
}

	/* annexe */
	
div#middle div.content-right div.annexe h4{
font-size:12px;
}
div#middle div.content-right div.annexe p{
font-size:11px;
}
div#middle div.content-right div.annexe ul.liens{
font-size:11px;
margin-left:20px;
}

/* footer */

div#footer div.anepasmanquer{
width:32px;
height:182px;
top:-34px;
left:0px;
position:absolute;
background:url(../pics/footer-anepasmanquer.jpg) no-repeat;
display:block;
}
div#footer div.promo{
width:316px;
height:114px;
padding:2px;
float:left;
position:relative;
background:url(../pics/footer-background-promo.jpg) no-repeat;
}
div#footer div.promo.vide{
background:none;
}
div#footer div.promo.promo1{
margin-left:44px;
}
div#footer div.promo.promo2{
margin-left:24px;
}
div#footer div.promo div.image{
float:left;
margin-right:10px;
}
div#footer div.promo div.image img.logo{
left:2px;
top:78px;
position:absolute;
}
div#footer div.promo h3{
font-size:16px;
font-weight:bold;
color:#4a3628;
margin:10px 68px 10px 10px;
}
div#footer div.promo span.reduction{
font-size:14px;
font-weight:bold;
color:#ebeed0;
right:12px;
top:10px;
position:absolute;
}
div#footer div.promo p{
font-size:11px;
color:#fcffdf;
line-height:12px;
}
div#footer div.promo a.decouvrir{
top:104px;
right:18px;
position:absolute;
}

div#footer div.newsletter{
width:236px;
height:114px;
padding:2px;
margin-left:10px;
float:left;
position:relative;
background:url(../pics/footer-background-newsletter.jpg) no-repeat;
}
div#footer div.newsletter h3{
margin:12px 20px 0px 20px;
}
div#footer div.newsletter p{
font-size:11px;
color:#fcffdf;
text-align:justify;
margin:6px 20px;
}
div#footer div.newsletter form{
width:100%;
height:22px;
background:url(../pics/footer-background-input-newsletter.jpg) no-repeat center;
}
div#footer div.newsletter form input{
font-size:11px;
color:#fff;
width:146px;
height:16px;
border:none;
margin:4px 0px 0px 30px;
background:#CAD18E;
float:left;
}
div#footer div.newsletter form a{
margin:2px 0px 0px 6px;
float:left;
}

div#footer div.pied-left,
div#footer div.pied-right{
font-size:11px;
color:#fff;
margin-top:60px;
}
div#footer div.pied-left strong,
div#footer div.pied-right strong{
color:#fff;
}
div#footer div.pied-left a,
div#footer div.pied-right a{
color:#fff;
}
div#footer div.pied-left{
float:left;
}
div#footer div.pied-right{
float:right;
}