*{
margin:0;
padding:0
}
body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ccc;
background:#18140c
}

a{
color:#fff;
text-decoration:none;
font-weight:bold
}

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{
padding:0 73px 0 76px;
width:831px;
margin-left:auto;
margin-right:auto;
clear:both
}

#menu_haut{
margin-left:640px;
padding:9px 0 9px 0;
float:left
}

#menu_haut a{
margin-right:32px;
display:block;
background-position:top left;
background-repeat:no-repeat;
float:left
}

#menu_haut a span{
display:none
}

#menu_haut a:hover{
background-position:bottom left
}

#menu_haut a.home{
width:23px;
height:24px;
background-image:url('../../images/home.jpg')
}

#menu_haut a.ami{
width:26px;
height:23px;
background-image:url('../../images/ami.jpg')
}

#menu_haut a.sitemap{
width:23px;
height:23px;
background-image:url('../../images/sitemap.jpg')
}

#bandeau{
background:url('../../images/bandeau.jpg') no-repeat;
width:831px;
height:280px;
clear:both
}

#menu1{
padding:1px 4px 0 4px;
text-align:center;
list-style-type:none
}

#menu1 li{
float:left;
margin:0 12px 0 12px
}

#menu1 li a{
display:block;
float:left;
height:30px;
padding:15px 0 0 0;
color:#fff;
font-size:14px;
text-decoration:none;
text-align:center;
font-weight:normal
}

#menu1 li a:hover{
text-decoration:none;
color:#f40000;
font-weight:bold
}

a.hover78{
width:78px
}

a.hover78:hover{
background:url('../../images/hover78.jpg') no-repeat top center
}

a.hover109{
width:109px
}

a.hover109:hover{
background:url('../../images/hover109.jpg') no-repeat top center
}

a.hover152{
width:152px
}

a.hover152:hover{
background:url('../../images/hover152.jpg') no-repeat top center
}

#logo{
display:block;
float:left;
margin:43px 0 0 19px;
width:354px
}

#slogan{
float:left;
color:#705334;
font-style:italic;
font-weight:bold;
font-size:13px;
padding:38px 0 0 212px
}

#slogan span{
font-size:19px
}

#recherche_newsletter{
padding:28px 73px 0 106px;
width:801px;
margin-left:auto;
margin-right:auto;
height:52px;
background:url('../../images/fond_recherche_newsletter.jpg') no-repeat;
color:#FFF;
font-size:17px
}

#recherche_newsletter form{
float:left;
}

#recherche_newsletter td{
vertical-align:middle;
padding:0 3px 0 3px
}

#newsletter{
margin-left:180px
}

.input_recherche{
width:160px;
border:1px solid #ba8922
}

.input_newsletter{
width:160px;
border:1px solid #ce012a
}

#conteneur{
background:url('../../images/fond.jpg') repeat-y;
padding:0 73px 0 76px;
width:831px;
margin-left:auto;
margin-right:auto;
clear:both
}

#principal{
background:url('../../images/texture.jpg') repeat-x top left
}

#gauche{
width:204px
}

#categorie{
color:#f00;
font-weight:bold;
font-size:14px;
padding:8px 0 0 30px;
width:159px;
height:25px;
background:url('../../images/categories.jpg') no-repeat
}

#menu{
margin:20px 0 0 20px;
padding:0 0 0 19px;
background:url('../../images/pix_menu.gif') repeat-y;
width:156px;
list-style:none;
font-size:11px
}

#menu li.premier{
margin:15px 0 5px 0
}

#menu li h2{
font-size:11px;
text-transform:uppercase;
cursor:pointer
}

#menu li h2:hover{
color:#f00
}

#menu li h2 a{
text-decoration:none;
}

#menu li h2 a:hover{
color:#f00
}

.stretcher{
list-style:none;
margin-left:8px
}

.stretcher li{
background:url('../../images/fleche_rouge.gif') no-repeat 0 5px;
padding-left:10px
}

.stretcher li a:hover{
color:#ff4646;
text-decoration:none
}

#ombre_gauche{
width:14px;
background:url('../../images/pix_ombre_gauche.gif') repeat-y
}

#centre{
width:394px;
background:#82643f url('../../images/pix_fond.jpg') repeat-x;
padding:5px 0 24px 0
}

#page{
background:url('../../images/pix_centre.gif') repeat-y top right;
height:400px
}

html body #page{
height:auto;
min-height:650px
}
.titre{
background:url('../../images/fond_titre.png') no-repeat top;
font-size:18px;
padding:4px 0 15px 22px;
font-weight:normal;
clear:both
}

.article{
clear:both;
padding:15px 40px 15px 22px
}

#droite{
width:203px;
background:#82643f url('../../images/pix_fond.jpg') repeat-x;
padding:5px 0 24px 0
}

#flash{
width: 200px;
background:url('../../images/flash_info.jpg') no-repeat top;
margin-left:3px;
padding-bottom:25px
}

#flash h3{
padding:3px 0 0 53px;
font-size:14px
}

#flash_infos{
width:150px;
padding:0 25px 25px 25px;
text-align:center;
height:120px;
font-size:11px
}

#flash_infos h2{
font-size:14px
}

#flash_infos marquee{
height:120px;
text-align:center
}

#flash_infos marquee h3{
font-size:11px
}

#titre_horaire{
text-align:left;
background:url('../../images/fleche.gif') no-repeat 0 5px;
padding:0 0 15px 10px;
font-size:14px;
width:80px;
margin-left:55px
}

#horaire{
font-size:12px;
color:#fff;
text-align:center;
width:150px;
padding:0 25px 25px 28px;
}

#ombre_droite{
width:17px;
background:url('../../images/pix_ombre_droite.gif') repeat-y top left;
}

#ombre_bas{
margin-left:204px
}

#adresse{
color:#ccc;
font-size:14px;
text-align:center;
width:831px;
height:80px;
background:url('../../images/ligne_grise.jpg') no-repeat bottom center;
font-weight:bold
}

#adresse span{
color:#fff;
font-size:16px;
text-transform:uppercase
}

#lien_ekinoxe{
margin-left:440px;
position:absolute
}

#rappel_menu{
padding:17px 50px 13px 50px;
width:731px;
font-size:8px;
text-align:center;
font-weight:normal
}

#rappel_menu a{
font-weight:normal
}

#div_echelle{
margin-left:auto;
margin-right:auto;
width:933px;
padding:0 0 0 47px
}

#echelle{
background:url('../../images/echelle.png') no-repeat;
width:67px;
height:283px;
margin-top:-283px
}

.produit{
clear: both;
height:130px;
margin-bottom:15px
}

.titre_produit{
float:left;
width:200px
}

.produit h2{
font-size:11px;
background:url('../../images/fleche_marron.gif') no-repeat 0 5px;
padding-left:8px
}

.produit p{
font-size:11px;
font-weight:bold
}
.photo{
width:116px;
height:116px;
float:left;
margin-right:10px;
margin-bottom:10px
}

.photo_img34{
width:116px;
height:116px;
margin-right:auto;
margin-left:auto;
margin-bottom:10px
}

.photo_galerie{
width:116px;
height:116px;
float:left;
margin: 0 20px 10px 20px
}

.photo_details{
width:116px;
height:116px;
margin: 0 20px 0 0
}

.details_produit{
background:url('../../images/pix_centre.gif') repeat-y top left;
padding-left:20px;
margin:15px 0 15px 0;
font-weight:bold
}

h1.nom_produit{
background:url('../../images/fleche_marron.gif') no-repeat 0 5px;
font-size:14px;
padding-left:10px;
margin-left:20px
}

.table_image_details{
margin-bottom:20px
}

.lien_zoom{
vertical-align:bottom
}

.lien_zoom a{
display:block;
color:#ccc;
font-size:10px;
background:url('../../images/grande_loupe.png') no-repeat top right;
padding:5px 20px 0  0
}

h2.rub{
font-size:14px;
padding:5px 0 5px 0
}

ul.map{
font-size:12px;
list-style:none;
margin-left:20px
}

ul.map2{
font-size:12px;
list-style:none;
margin-left:40px
}
/*************/

.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: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }