* {margin:0;padding:0;}
body {
background: #98b1aa url(../images/bg-body.jpg) top left repeat;
font-size: 13px;
font-family:Arial, Sans-Serif;
padding:0;
margin:0;
}
a {color: #7a0808;}
a:visited {color:#7a0808;}
a:hover {color: #7a0808;}
a:active { color:#7a0808;}

h1 {
font-size: 11px;
margin:0 }

h2 {
font-size:20px;
font-weight: normal;
padding: 0;
margin:0;}

a img {border:0;}
}

/* ----------container to center the layout-------------- */


#imagefond {
background:transparent url(../images/bg-container.jpg) repeat-y top center ;
}

.testtest {
background:transparent url(../images/bg-container.jpg) repeat-y top center ;
}

#container {
width: 1000px;
margin: 0 auto;
position:relative;
}

/* ----------banner for logo-------------- */
#banner {
padding: 0px;
margin: 0px;
height:134px;
}
#banner h1 {
background:transparent url(../images/logo.gif) no-repeat scroll left top;
height:188px;
left:-16px;
position:absolute;
top:0;
width:380px;

} 

#banner h1 a {
display:block;
height:124px;
margin:0 0 0 40px;
padding:0;
text-indent:-9999em;
width:280px;
}

#banner #box_recherche {
background:transparent url(../images/bg-recherche.jpg) no-repeat scroll right top;
height:68px;
left:379px;
position:absolute;
top:0;
width:492px;
}

#banner #box_recherche label {
background:transparent url(../images/label-recherche.jpg) no-repeat scroll left top;
height:29px;
left:0;
position:absolute;
text-indent:-999em;
top:9px;
width:203px;
}

#banner #box_recherche .textinput {
background:transparent none repeat scroll 0 0;
border:0 none;
color:#D15B1B;
font-family:Georgia;
font-size:11px;
height:24px;
line-height:18px;
position:absolute;
right:62px;
top:21px;
width:182px;
}

#banner #box_recherche .boutoninput{
position:absolute;
right:16px;
top:15px;
}



#banner #badge {
background:transparent url(../images/badge.png) no-repeat scroll left top;
height:120px;
position:absolute;
right:43px;
text-indent:-9999em;
top:12px;
width:119px;
}

/* -----------------content--------------------- */
#contenu { 
background-color: #ffffff;
padding:30px;
position:relative;
margin:0 181px 0 219px;
min-height:1400px;
height: auto !important;
height: 1400px;
}

*html #contenu {
margin:0 161px 0 219px;
}

#contenu .breadcrumb {
font-size:10px;
left:30px;
position:absolute;
top:10px;
color:#aaa;
}

#contenu h2 {
color:#7A0808;
font-family:georgia;
font-size:17px;
padding:10px 0;
}


#contenu .breadcrumb a:link, #contenu .breadcrumb a:visited {
color:#888;
text-decoration:none;
}

#contenu .breadcrumb a:hover, #contenu .breadcrumb a:active {
color:#888;
text-decoration:underline;
}

p, pre{
padding: 5px 0px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float:left;
margin:0;
padding:0;
width:221px;
}



.inner_left {
margin:60px 0 0 9px;
}

.inner_left ul {
margin:0;
padding:0;
}
.inner_left li  {
list-style-type:none;
}
.inner_left li a {
display:none;
}

.inner_left li ul li a {
display:block;
}  

.inner_left ul li {
margin:0;
padding:0;
text-align:right;
list-style-type:none;
margin:0 10px 0 0;
}

.inner_left ul li ul li{
margin:0 ;
padding:0;
}

.inner_left .box_creation h2 {
text-indent:-9999em;
background: transparent url(../images/titre-creations.jpg) top left;
height:81px;
width:209px;
}

.inner_left .box_creation ul {
padding:5px 0;
}

.inner_left .box_creation ul li a {
font-family:Georgia, serif;
font-weight:normal;
font-size:18px;
text-transform:uppercase;
text-decoration:none;
padding:4px 0;
}

.inner_left .box_creation ul li a:hover, .inner_left .box_creation ul li a :active {
text-decoration:underline;
}


.inner_left .box_produits {
background:#FFF3DD url(../images/bg-produits.jpg) top right repeat-y;
padding-bottom:20px;
}


.inner_left .box_produits h2 {
text-indent:-9999em;
background: transparent url(../images/titre-produits.jpg) top left no-repeat;
height:64px;
width:211px;
}
.inner_left .box_produits ul {
margin:0 0 0 10px;
padding:0;
}

.inner_left .box_produits ul li a {
font-family:Georgia, serif;
font-weight:bold;
font-size:12px;
text-transform:uppercase;
border-bottom:1px dotted #7a0808;
display:block;
text-decoration:none;
padding:10px 0 2px 0;
margin-bottom:5px;
}

.inner_left .box_produits ul li ul li a {
font-family:arial, serif;
font-weight:normal;
font-size:13px;
text-transform:none;
display:inline;
border:0;
padding:0;
margin:0;
color:#000;
zoom:1;
}

.inner_left .box_produits ul li a:hover {
text-decoration:underline;
}

.bas_produits {
background: transparent url(../images/bg-list.gif) top left no-repeat;
width:211px;
height:19px;
display:block;
}







/* --------------right navi------------- */
#right {
float:right;
margin:0;
padding:0;
width:181px;
}

.inner_right {
}

.box_panier {
background:#98B1AA url(../images/bg-panier.jpg) repeat scroll left top;
width:171px;
height:178px;
position:relative;
}
.box_panier .inner_panier{
color:#FFFFFF;
font-family:Georgia;
font-size:10px;
font-weight:bold;
padding:40px 10px 0;
text-align:center;
text-transform:uppercase;
}

.box_panier .inner_panier span {
font-size:18px;
display:block;
margin:0 0 5px 0;
}

.box_panier .inner_panier a {
text-decoration:underline;
color:#fff;
}

.box_panier .inner_panier a.paiement {
text-decoration:none;
color:#28483D;
background:#92B8A3;
padding:2px 3px;
border:1px solid #D1FBE3;
text-transform:uppercase;
font-size:10px;
margin:0;
font-weight:normal;
}



#right .livraison{
background:transparent url(../images/bg-livraison-48h.jpg) no-repeat scroll left top;
display:block;
height:61px;
margin:0;
padding:0;
text-indent:-9999em;
width:171px;
}

/*Promo
___________ */

.box_promo {
background:transparent url(../images/bg-milieu-note.jpg) repeat-y scroll left top;
font-size:13px;
margin-right:10px;
text-align:center;
}

.box_promo .haut_promo {
background:transparent url(../images/bg-haut-note.jpg) no-repeat scroll left top;
display:block;
height:76px;
margin:0 0 10px;
text-indent:-9999em;
}

.box_promo .bas_promo {
background:transparent url(../images/bg-bas-note.jpg) no-repeat scroll left top;
display:block;
height:51px;
margin:0;
}

.box_promo p, .box_promo h3 {
margin: 5px 0 5px ;
}

.box_promo h3 a:link, .box_promo h3 a:visited {
color:#202E39;
text-decoration:none;
font-size:13px;
}

.box_promo h3 a:hover, .box_promo h3 a:active {
text-decoration:underline;
color:#202E39;
}

/* Astuces
___________ */

.box_astuces {
background:#DDB577 none repeat scroll 0 0;
margin:0 10px 0 0;
}

.box_astuces h2{
width:171px;
height:61px;
background:transparent url(../images/titre-fiches-techniques.jpg) no-repeat scroll left top;
margin:0;
padding:0;
text-indent:-9999em;
}

.box_astuces ul {
margin:0;
padding:10px;
}

.box_astuces ul li {
margin:0;
padding:2px 0;
list-style-type:none;
}

.box_astuces ul li a {
font-family:Georgia, serif;
font-weight:bold;
font-size:12px;
text-transform:uppercase;
}

.box_astuces ul li a:link, .box_astuces ul li a:visited {
text-decoration:none;
color:#000;
}

.box_astuces ul li a:hover, .box_astuces ul li a:active {
text-decoration:underline;
color:#000;
}

/* Idées cadeaux ________________ */

.box_cadeaux {
background:#DDB577 none repeat scroll 0 0;
margin:0 10px 0 0;
text-align:center;
font-size:13px;
}


.box_cadeaux h2{
background:transparent url(../images/titre-idees-cadeau.jpg) no-repeat scroll left top;
height:61px;
padding:10px 0;
text-indent:-9999em;
width:171px;
}

.box_cadeaux p, .box_cadeaux h3 {
margin: 5px 0 5px ;
}

.box_cadeaux h3 a:link, .box_cadeaux h3 a:visited {
color:#202E39;
text-decoration:none;
font-size:13px;
}

.box_cadeaux h3 a:hover, .box_cadeaux h3 a:active {
text-decoration:underline;
color:#202E39;
}



/* -----------------menu--------------------- */
#menu {
background:transparent url(../images/bg-menu.gif) no-repeat scroll left top;
height:32px;
left:246px;
position:absolute;
top:101px;
width:570px;
}

#menu ul {
margin:10px 0 0 121px;
padding:0;
}

#menu ul li {
background:transparent url(../images/puce.gif) no-repeat scroll 0 8px;
display:block;
float:left;
margin:0 16px 0 0;
padding:0 0 0 16px;
}

#menu ul li a {
display:block;
float:left;
padding:0;
margin:0;
}

#menu ul li a {
color:#F7E7C3;
font-family:Georgia;
font-size:15px;
font-style:italic;
text-decoration:none;
}

#menu ul li a:hover {
text-decoration:underline;
}

/* -----------footer--------------------------- */
#footer {
background:transparent url(../images/bg-footer.jpg) no-repeat scroll -16px -4px;
clear:both;
color:#312D28;
font-family:Courier,arial;
height:84px;
margin:0;
text-align:center;
 }
 
#footer .inner_footer {
margin:0;
padding:34px 0 0;
 }
 
#footer a:link,  #footer a:visited {
color:#312d28;
text-decoration:none;
 }
 
#footer a:hover,  #footer a:active {
color:#312d28;
text-decoration:underline;
 }