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

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; 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 }
h2.cgv_titre{font-size:14px;margin:6px 0;color:#000}
p.cgv_p{margin:0 10px}
blockquote.cgv_adresse{margin:7px 20px}

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

*{
margin:0;
padding:0
}

html{
background:url('../../images/bg.jpg')
}

body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
background:url('../../images/bandeau.jpg') no-repeat top center;
height:500px
}

a{
text-decoration:none;
color:#666
}

a:hover{
text-decoration:underline
}

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

form{
margin:0;
padding:0
}

table{
border-collapse:collapse
}

#conteneur{
width:980px;
margin:auto;
background:url('../../images/pix_principal.jpg') repeat-y
}

#conteneur_haut{
background:url('../../images/bandeau_haut.jpg') no-repeat top center;
height:186px;
padding:34px 0 0 234px
}

#logo{
width:128px;
height:117px;
display:block;
position: absolute
}

#anim{
height:145px;
width:562px;
padding:0;
margin:0
}

#slogan{
font-size:16px;
color:#000;
display:none
}

#menuh{
float:left;
list-style:none;
padding:4px 216px 0 380px	
}

#menuh li{
float:left
}

#menuh li a{
float:left;
height:30px;
width:17px;
margin:0 0 0 11px;
display:block
}

#menuh li a span{
display:none
}

#home{
background:url('../../images/home_bleu.gif') no-repeat top
}

#favoris{
background:url('../../images/favoris_bleu.gif') no-repeat top
}

#ami{
background:url('../../images/ami_bleu.gif') no-repeat top
}

#sitemap{
background:url('../../images/sitemap_bleu.gif') no-repeat top
}

#home:hover{
background:url('../../images/home_rose.gif') no-repeat top
}

#favoris:hover{
background:url('../../images/favoris_rose.gif') no-repeat top
}

#ami:hover{
background:url('../../images/ami_rose.gif') no-repeat top
}

#sitemap:hover{
background:url('../../images/sitemap_rose.gif') no-repeat top
}

#principal{
width:980px;
background:url('../../images/bandeau_bas.jpg') no-repeat;
height:600px
}

#gauche{
width:252px;
vertical-align:top;
background:url('../../images/gauche.jpg') no-repeat 218px 112px
}

#menu{
padding:148px 0 0 66px
}

#menu ul{
list-style:none
}

.premier_nivo{
padding:2px 0;
text-align:right;
width:159px;
background:url('../../images/pix_menu.jpg') no-repeat
}

.premier_nivo h2{
font-size:12px;
padding:1px 17px 1px 0;
background:url('../../images/pix_menu.jpg') no-repeat bottom;
color:#B7AB9C
}

.premier_nivo h2:hover{
cursor:pointer;
color:#FF5FED
}

.premier_nivo h2 span{
display:block;
width:142px;
color:#B7AB9C
}

.premier_nivo h2 span:hover{
background:url('../../images/fleche_rose.jpg') no-repeat;
color:#FF5FED;
text-decoration:none
}

.premier_nivo h2 a{
display:block;
width:142px;
color:#B7AB9C
}

.premier_nivo h2 a:hover{
background:url('../../images/fleche_rose.jpg') no-repeat;
color:#FF5FED;
text-decoration:none
}

.stretcher{
padding:0 25px 0 0 
}

.stretcher{
color:#FF5FED;
font-size:11px
}

#newsletter{
width:156px;
height:27px;
background:url('../../images/newsletter.jpg') no-repeat;
margin:40px 0 0;
padding:24px 0 0 65px
}

#input_news{
background:none;
border:none;
width:144px
}

#input_news_valider{
margin:0 0 0 145px
}

#centre{
vertical-align:top;
width:516px;
background:#fff
}

#droite{
padding:118px 0 0 0;
width:212px;
vertical-align:top;
background:url('../../images/droite.jpg') no-repeat 0 112px
}

#fleche_droite{
background:url('../../images/fleche_droite.jpg') no-repeat;
width:35px;
height:15px;
display:block;
float:left
}

#panier{
float:left;
width:162px;
height:49px;
background:url('../../images/panier.jpg') no-repeat;
color:#ABA194;
font-size:14px;
padding:16px 0 0 5px
}

#panier a{
color:#ABA194;
font-size:12px
}

#fleche_droite2{
background:url('../../images/fleche_droite2.jpg') no-repeat;
width:35px;
height:15px;
display:block;
clear:both;
float:left
}

#compte{
float:left;
width:167px;
}

#compte a{
color:#A69D90;
display:block;
background:url('../../images/fleche_rose_droite.jpg') no-repeat 0 3px;
padding:0 0 8px 7px
}

#identification{
padding:0 0 0 6px
}

#identification span{
padding:0 0 0 7px;
color:#A69D90;
display:block;
background:url('../../images/fleche_rose_droite.jpg') no-repeat 0 3px
}

.input_ident{
width:151px;
font-size:11px;
border:1px solid #CC3475
}

#titre_flash_info{
margin:10px 0 0
}

#flash_infos{
padding:0 0 0 38px;
height:170px;
width:150px
}

#flash_infos marquee{
width:150px
}

#bas{
width:516px;
height:273px;
background:url('../../images/bas.jpg') no-repeat bottom left;
padding: 10px 212px 10px 252px;
color:#ababab;
font-size:11px
}

.adresses{
clear:both;
height:190px;
}

#adresse1{
width:190px;
height:170px;
background:url('../../images/ligne_adresse.jpg') no-repeat top right;
float:left;
padding:10px 35px 10px 20px;
text-align:center;
color:#333;
font-size:12px
}

#adresse2{
width:190px;
height:170px;
float:left;
padding:10px 0 10px 35px;
text-align:center;
color:#333;
font-size:12px
}

.titre_adresse1{
font-size:14px;
font-weight:bold;
color:#D8568C
}

.titre_adresse2{
font-size:14px;
font-weight:bold;
color:#00BBEA
}

.horaire_adresse1{
font-size:12px;
font-weight:bold;
color:#D8568C
}

.horaire_adresse2{
font-size:12px;
font-weight:bold;
color:#00BBEA
}

.horaire{
color:#ababab;
font-size:11px
}

#ekinoxe{
width:101px;
height:30px;
display:block;
margin:auto
}

#rappel_menu{
clear:both;
margin:7px 0;
text-align:center
}

#rappel_menu a{
color:#ababab;
font-size:11px
}

/* Article */
.article{
clear:both;
width:455px;
margin:0 0 10px 15px;
padding:10px 0 5px 0;
background:url('../../images/ligne_pointille.jpg') no-repeat bottom left
}

.titre{
color:#FE74B7;
font-size:15px;
font-weight:normal;
padding:0 0 10px
}

.article2{
clear:both;
margin:0 0 10px 15px;
background:url('../../images/article.jpg') no-repeat;
padding:0 28px 0 0;
width:453px
}

.titre2{
font-weight:normal;
color:#DB0C63;
font-size:20px;
padding:18px 18px 0 18px;
height:64px
}

.contenu2{
margin:7px 0;
padding:0 3px;
width:447px
}

.cadre_titre{
background:url('../../images/ligne_pointille.jpg') no-repeat 15px 0;
float:left;
padding:2px 0 0 0;
width:470px
}

.cadre_titre2{
background:url('../../images/ligne_pointille.jpg') no-repeat 15px 0;
float:left;
padding:0 0 0 2px;
width:470px;
height:1px
}

.titre_cadre{
background:url('../../images/fleche_titre.gif') no-repeat;
float:left;
font-size:12px;
color:#333;
padding:0 0 0 17px
}

.rappel{
float:right;
font-size:11px;
color:#999;
font-weight:normal;
background:url('../../images/carres_vert.gif') no-repeat 0 6px;
padding:0 5px 0 0
}

.liste_produit{
clear:both;
padding:16px 0 0 13px
}

.article_galerie{
clear:both;
width:455px;
margin:0 0 0 15px;
padding:10px 0 5px 0;
background:url('../../images/ligne_pointille.jpg') no-repeat bottom left
}

.liste_galerie{
clear:both;
padding:0 0 0 13px
}

.vignette_categorie{
width:134px;
height:134px;
border:1px solid #ccc;
padding:3px;
float:left;
margin:0 13px 13px 0
}

.vignette_produit{
width:134px;
height:164px;
border:1px solid #ccc;
padding:3px;
float:left;
margin:0 13px 13px 0
}

.vignette_image{
display:block;
height:100px;
width:134px;
text-align:center
}

.vignette_image span{
display:none
}

.vignette_titre{
margin:2px 0;
text-align:center;
background:#f5f5f5;
display:block;
font-weight:normal;
height:23px;
padding:1px 5px;
color:#666;
font-size:11px
}

.vignette_prix{
text-align:center;
background:url('../../images/prix.jpg') no-repeat;
width:133px;
height:14px;
color:#09AFD9;
font-size:13px
}

.plus_infos{
display:block;
text-align:center;
color:#fff;
font-weight:bold;
font-size:11px;
background:url('../../images/plus_infos.jpg') no-repeat;
width:118px;
height:14px;
margin:2px auto
}


.rub{
font-size:14px;
font-weight:normal
}

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

.map2{
list-style:none;
margin:5px 0 5px 60px
}

.contact{
color:#333	
}

/*Fiche produit*/
.vignette_image_desc{
display:block;
height:100px;
width:120px;
text-align:center
}

.vignette_image_desc span{
display:none
}

.produit_gauche{
width:120px;
float:left
}

.produit_desc{
float:left;
width:315px
}

.image34{
float:left;
clear:both;
width:100%;
padding:20px 0
}

.prix_desc{
font-size:14px
}

.cell{
border:1px solid #666;
padding:3px
}

.cellTitle{
border:1px solid #666;
padding:3px;
color:#FE74B7;
font-weight:bold
}

#banque{
display:block;
width:133px;
height:64px;
margin:10px auto
}

.table_critere{
width:100%
}

.table_critere td{
padding:2px
}