*{
margin:0;
padding:0
}

body{
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
background:#bbae98 url('../../images/pix_page.jpg') repeat-x
}

a{
text-decoration:none
}

a:hover{
text-decoration:underline
}

img{
border:0;
margin:0;
padding:0
}

form{
margin:0;
padding:0
}

table{
border-collapse:collapse
}

tr,td{
vertical-align:top
}

.conteneur_haut{
width:984px;
margin:auto
}

#logo{
position:absolute;
display:block;
background:url('../../images/logo.png') no-repeat;
width:229px;
height:226px;
margin:0 0 0 155px
}

#logo span{
display:none
}


#ligne_haut{
background:url('../../images/lignes_haut.jpg') repeat-x;
height:98px;
padding:1px 0 0 0
}

#menu_h{
height:58px;
width:436px;
background:url('../../images/menu_h.png') no-repeat;
margin:0 0 0 528px
}

#menu_h1{
float:left;
margin:19px 0 0 19px;
list-style:none
}

#menu_h1 li{
float:left
}

#menu_h1 li a{
color:#fff;
font-size:11px;
float:left;
padding:0 9px 0 9px;
margin:0 2px 0 3px
}

#menu_h2{
float:left;
margin:15px 0 0 24px;
list-style:none
}

#menu_h2 li{
float:left
}

#menu_h2 li a{
display:block;
width:21px;
height:19px;
background-repeat:none;
background-position:top left;
float:left
}

#menu_h2 li a:hover{
background-position:bottom left
}

#menu_h2 li a span{
display:none
}

#home{
background:url('../../images/home.jpg')
}

#favoris{
background:url('../../images/favoris.jpg')
}

#sitemap{
background:url('../../images/sitemap.jpg')
}

#contact{
background:url('../../images/contact.jpg')
}

#ami{
background:url('../../images/ami.jpg')
}

#menu_h1 li a:hover{
background:#736447;
text-decoration:none
}

#ligne_rouge{
height:277px;
background:url('../../images/pix_haut.jpg') repeat-x
}

#titre_page{
font-size:11px;
font-weight:normal;
color:#fff;
padding:14px 0 0 385px;
height:27px
}

#bandeau_gauche{
margin:0 0 0 61px;
background:url('../../images/bandeau_gauche.jpg') no-repeat;
width:259px;
height:236px;
float:left
}

#newsletter{
margin:155px 0 0 0
}

#input_news{
margin:0 0 0 5px;
width:145px;
border:none;
background:none
}

.bandeau{
float:left
}

#texture{
height:75px;
background:url('../../images/texture.jpg') repeat-x
}

#recherche{
background:url('../../images/recherche.jpg') no-repeat top left;
margin:0 0 0 355px;
width:427px;
height:65px
}

#form_recherche{
padding:24px 0 0 136px
}

#input_recherche{
margin:6px 25px 0 4px;
width:143px;
border:none;
background:none
}

.conteneur{
width:856px;
margin:auto
}

#gauche{
width:259px
}

#page{
width:594px
}

#categorie{
color:#fff;
font-size:14px;
background:url('../../images/categorie.jpg') no-repeat;
width:226px;
height:19px;
padding:10px 0 0 26px
}

#menu{
width:252px;
background:#958a79
}

.niveau1{
clear:both;
color:#586510;
font-size:14px;
background:url('../../images/h2_menu.jpg') no-repeat;
width:227px;
height:20px;
padding:6px 0 0 25px
}

.niveau1 a{
color:#586510
}

.img_niveau1{
float:left;
margin:3px 0 2px 0;
width:80px
}

.niveau2{
float:right;
width:172px;
text-align:left;
list-style:none;
border-top:1px solid #bbae98;
margin:8px 0 8px 0
}

#menu h3{
border-bottom:1px solid #bbae98;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#464031
}

.menutitre{
width:167px;
padding:1px 0 1px 5px
}

#menu h3:hover{
background:#bcd92c;
cursor:pointer
}

#menu h3 a{
padding:1px 0 1px 5px;
display:block;
width:167px;
color:#464031
}

#menu h3 a:hover{
text-decoration:none;
background:#bcd92c
}

.stretcher{
padding:0 0 0 15px;
list-style:none
}

.stretcher li a{
font-size:11px;
color:#fff;
padding:0 0 0 7px
}

.stretcher li a:hover{
color:#464031;
background:url('../../images/fleche_grise.gif') no-repeat 0 4px
}

#flash_infos{
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:#968b7a url('../../images/flash_info.jpg') no-repeat bottom left;
width:222px;
height:147px;
padding:0 15px 5px 15px;
margin:0 0 45px 0
}

#flash_infos h2{
font-size:14px
}

#flash_infos a{
color:#fff
}

#flash_infos marquee{
height:147px
}

#ligne_bas{
background:url('../../images/ligne_bas.jpg') repeat-x;
height:50px
}

#texture1{
height:64px;
background:url('../../images/texture1.jpg') repeat-x
}

#nous_contacter_titre{
float:left;
width:190px;
margin:20px 0 0 8px;
color:#381e1a;
font-size:22px;
border-right:1px solid #381e1a
}

#adresse{
float:left;
width:405px;
padding:18px 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#381e1a
}

#btn_formulaire_contact{
float:left;
display:block;
margin:20px 0 0 0
}

#bas{
background:#381e1a url('../../images/pix_bas.jpg') repeat-x;
height:82px
}

html>body #bas{
height:auto;
min-height:82px
}

#slogan_ekinoxe{
float:left;
color:#bbd827;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:207px;
padding:34px 0 0 5px
}

#ekinoxe{
float:left;
display:block;
margin:21px 15px 0 0;
width:117px;
height:38px
}

#rappel_menu{
font-family:Arial, Helvetica, sans-serif;
float:left;
width:456px;
padding:0 15px 0 15px;
margin:20px 0 0 0;
border-left:1px solid #abc125;
font-size:10px
}

#rappel_menu ul{
float:left;
list-style:none
}

#rappel_menu ul li{
float:left;
padding:2px 6px 2px 6px
}

#rappel_menu ul li a{
color:#b48678;
float:left;
}

#rappel_menu ul li a:hover{
color:#abc125;
text-decoration:none
}

.article{
background:#ad243d url('../../images/article.jpg') no-repeat;
width:534px;
padding:30px;
height:169px;
color:#fff
}

html>body .article{
height:auto;
min-height:169px
}

.bas_article{
display:block;
margin:0 0 5px 0
}

.titre{
font-size:22px;
color:#fff
}

.galerie{
background:url('../../images/fond_galerie.gif') no-repeat;
width:514px;
height:165px;
padding:25px 40px 25px 40px;
margin:0 0 5px 0
}

.fleche_galerie{
display:block;
width:29px;
height:58px;
margin:48px 0 0 0;
float:left
}

.scrollerContainer{
float:left;
width:456px;
height:164px;
overflow:hidden
}

.scrollerContainer a{
margin:0 8px 0 8px;
}

/*Liste des porduits*/
.onglet_gris{
float:left;
background:url('../../images/onglet_gris.gif') no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:15px 10px 0 10px;
height:34px;
width:139px;
text-align:center
}

.onglet_gris a{
color:#fff
}

.onglet_gris_fonce{
float:left;
background:url('../../images/onglet_gris_fonce.gif') no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:15px 10px 0 10px;
height:34px;
width:139px;
text-align:center
}

.onglet_gris_fonce a{
color:#fff
}

.img_liste_produit{
display:block;
clear:both
}

.bas_img_liste_produit{
display:block;
clear:both;
margin:0 0 30px 0
}

.liste_produit_gris{
background:#968b7a;
width:552px;
padding:20px 21px 20px 21px;
clear:both;
float:left
}

.liste_produit_gris_fonce{
background:#72685a;
width:552px;
padding:10px 21px 10px 21px;
clear:both;
float:left
}

.vignette_produit{
float:left;
width:150px;
height:260px;
padding:10px 17px 10px 17px
}

.vignette_produit h2{
text-align:center;
font-size:12px;
font-weight:normal;
height:42px
}

html>body .vignette_produit h2{
min-height:42px;
height:auto
}

.vignette_produit h2 a{
color:#fff
}

.vignette_produit h2 a span{
font-size:14px;
font-weight:bold
}

.vignette_img_gris{
width:150px;
height: 158px;
background:url('../../images/fond_image_gris.jpg') no-repeat
}

.vignette_img_gris_fonce{
width:150px;
height: 158px;
background:url('../../images/fond_image_gris_fonce.jpg') no-repeat
}

.prix_gris{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-align:center;
background:url('../../images/prix_gris.jpg') no-repeat;
width:120px;
height:19px;
padding:3px 0 0 0;
margin:2px auto 0 auto
}

.prix_gris_fonce{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-align:center;
background:url('../../images/prix_gris_fonce.jpg') no-repeat;
width:120px;
height:19px;
padding:3px 0 0 0;
margin:2px auto 0 auto
}

.savoir_plus_gris{
display:block;
width:100px;
height:19px;
font-size:11px;
color:#fff;
background:url('../../images/fleche_produit_grise.jpg') no-repeat top right;
padding:0 22px 0 0;
text-align:center;
margin:10px auto 0 auto
}

.savoir_plus_gris_fonce{
display:block;
width:100px;
height:19px;
font-size:11px;
color:#fff;
background:url('../../images/fleche_produit_grise_fonce.jpg') no-repeat top right;
padding:0 22px 0 0;
text-align:center;
margin:10px auto 0 auto
}

.vignette_img_rouge{
width:150px;
height: 158px;
background:url('../../images/fond_image.png') no-repeat
}

#produit_details_gauche{
width:150px
}

.prix_rouge{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-align:center;
background:url('../../images/prix_rouge.jpg') no-repeat;
width:120px;
height:19px;
padding:3px 0 0 0;
margin:10px auto 0 auto
}

.produits_details_lien{
color:#fff
}

#produit_details_droite{
padding:0 0 0 20px;
width:364px;
font-family:Arial, Helvetica, sans-serif
}

.produit_details_titre{
font-size:14px
}

#produit_details_descriptif{
font-size:12px;
font-weight:bold;
background:#621423;
padding:15px 20px 15px 20px
}

.vignette_img34{
width:150px;
height: 158px;
background:url('../../images/fond_image.png') no-repeat;
margin:10px;
float:left
}

.rub a{
color:#fff
}

.map{
margin:10px 0 10px 30px;
list-style:none
}

.map2{
margin:10px 0 10px 30px;
list-style:none
}

.map a{
color:#fff
}

.lien{
font-weight:bold;
color:#fff
}

/* ----- CLASSES COMMUNES ----- */

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; border: 1px solid #ccc; list-style: none }
p.centre { text-align: center; margin: 10px }
p.erreur { color: #430e17; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #430e17 }
span.rouge { color: #430e17 }

/* ----- VOS CLASSES ET ELEMENTS ----- */