*{
margin:0;
padding:0
}

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

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

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
}

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

#haut_gauche{
padding:15px 0 0 12px;
width:359px;
float:left
}

#logo{
display:block;
width:261px;
height:187px;
float:left;
}

#haut_centre{
padding:49px 0 0 0;
width:400px;
float:left
}

#haut_droite{
width:209px;
float:left
}

#menu_h{
margin:7px 0 0 96px;
padding:0 0 49px 0;
list-style:none
}

#menu_h li{
float:left;
margin:0 0 0 3px
}

#menu_h li a{
float:left;
display:block;
width:23px;
height:22px;
background-position:top
}

#menu_h li a span{
display:none
}

#menu_h li a:hover{
background-position:bottom
}

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

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

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

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

#menu_d{
margin:0 0 0 96px;
clear:both;
width:106px;
list-style:none
}

#menu_d li{
float:left;
height:16px;
display:block
}

#menu_d li a span{
display:none
}

#menu_d li a{
display:block;
height:16px;
width:106px;
background-position:top
}

#menu_d li a:hover{
background-position:bottom
}

#accueil{
background:url('../../images/accueil.jpg') no-repeat
}

#cgv{
background:url('../../images/cgv.jpg') no-repeat
}

#compte{
background:url('../../images/compte.jpg') no-repeat
}

#enregistrer{
background:url('../../images/enregistrer.jpg') no-repeat
}

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

#plan_acces{
background:url('../../images/plan_acces.jpg') no-repeat
}

#presentation{
background:url('../../images/presentation.jpg') no-repeat
}

#panier{
padding:61px 42px 0 17px;
float:left;
background:url('../../images/panier.jpg') no-repeat;
width:215px;
height:68px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ccc
}

#panier div{
text-align:center
}

#visualise_panier{
margin:20px 0 0 106px;
background:url('../../images/visualiser_panier.jpg') no-repeat;
width:83px;
height:15px;
padding:1px 0 0 23px;
font-weight:bold;
color:#fff;
display:block
}

#flash_infos{
float:left;
padding:36px 56px 4px 0;
background:#1c2122 url('../../images/flash_info.jpg') no-repeat top left;
width:385px;
height:89px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999
}

#flash_infos h2{
font-size:12px
}

#flash_infos marquee{
height:89px
}

#flash_infos a{
color:#999;
font-weight:bold
}

#table_ident{
width:210px
}

#ident_haut{
background:url('../../images/ident_haut.jpg') no-repeat top right;
padding:5px 10px 10px 10px
}

#ident_bas{
background:url('../../images/ident_bas.jpg') no-repeat top right;
padding:5px 10px 5px 10px
}

#ident_valider{
margin:5px 0 0 0;
background:url('../../images/ident_valider.jpg') no-repeat top left;
width:58px;
height:15px;
border:none;
cursor:pointer
}

#ident_valider:hover{
background-position:bottom
}

#ident{
padding:29px 0 0 29px;
float:left;
width:236px;
height:100px;
background:url('../../images/ident.jpg') no-repeat
}

#identifiant{
width:190px;
border:none;
color:#f2f2f3;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:none
}

#mdp{
width:190px;
border:none;
color:#f2f2f3;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:none
}

#inscription{
padding:3px 0 0 0;
color:#e0e6e5;
font-size:14px
}

#inscription a{
color:#e0e6e5
}

#principal{
clear:both
}

/*********Partie gauche de la page*************/

#gauche{
padding:1px 1px 0 0;
background:#fff;
width:256px;
vertical-align:top
}

#menu{
width:256px;
padding:0 0 6px 0
}

#menu h2{
font-size:12px;
color:#1c2122
}

#menu h2.nonmenutitre{
}

#menu h2.menutitre{
padding:3px 0 3px 15px;
color:#1c2122;
background:#e2e3de url('../../images/menu_h2_gris.jpg') no-repeat top left;
width:240px;
margin:0 0 3px 0
}

#menu h2.menutitre:hover{
cursor:pointer;
background:#85aeae url('../../images/menu_h2_bleu.jpg') no-repeat top left;
color:#1c2122
}

#menu h2 a{
padding:3px 0 3px 15px;
width:240px;
background:#e2e3de url('../../images/menu_h2_gris.jpg') no-repeat top left;
display:block;
color:#1c2122;
margin:0 0 3px 0
}

#menu h2 a:hover{
text-decoration:none;
background:#85aeae url('../../images/menu_h2_bleu.jpg') no-repeat top left;
color:#1c2122
}

#menu ul{
list-style:none;
padding:8px 0 8px 0;
margin:0 0 0 40px
}

#menu ul li{
}

#menu ul li a{
color:#1c2122;
font-size:12px
}

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

#nouveaute{
margin:0 0 12px 3px;
padding:42px 0 0 0;
width:252px;
height:250px;
background:url('../../images/news.jpg') no-repeat
}

.encar_news{
padding:0 19px 0 19px;
width:214px;
float:left
}

.encar_news_img{
width:210px;
height:122px;
border:2px solid #fff;
background:#c3c0ad
}

.encar_news_desc{
width:200px;
height:50px;
padding:4px 7px 10px 7px;
color:#fff;
font-size:11px
}

.encar_news_prix_fiche{
font-size:12px;
font-weight:bold;
background:url('../../images/fleche_news.jpg') no-repeat 0 4px;
padding:0 0 0 14px;
color:#fff;
margin:0 0 0 51px
}

.encar_news_prix_fiche a{
color:#1c2122
}

#lien_news {
padding:2px 4px 0 4px
}

#lien_news a{
width:94px;
height:24px;
display:block;
}

#lien_news a span{
display:none
}

#precedent{
background:url('../../images/precedent_news.jpg') no-repeat;
float:left
}

#suivant{
background:url('../../images/suivant_news.jpg') no-repeat;
float:right
}

#recherche{
background:url('../../images/recherche.jpg') no-repeat;
width:236px;
height:75px;
padding:23px 16px 0 0;
text-align:right;
margin:0 0 0 3px;
}

#mot_recherche{
width:162px;
margin:0 8px 20px 0;
border:none;
background:none
}

#valide_recherche{
background:url('../../images/valider_recherche.jpg') no-repeat;
width:106px;
height:16px;
color:#fff;
border:none;
font-size:12px;
font-weight:bold;
cursor:pointer
}


/********** Centre de la page ***************/

#page{
padding:1px 0 0 0;
background:#fff;
width:723px;
vertical-align:top
}

#bienvenue{
height:229px;
width:253px;
background:#1c2122 url('../../images/img_bienvenue.jpg') no-repeat top left;
padding:0 0 0 470px
}

#titre_bienvenue{
background:url('../../images/fleche_jaune.jpg') no-repeat top right;
color:#deb40d;
font-size:25px;
padding:7px 36px 39px 5px;
text-align:right;
font-weight:normal
}

#article_bienvenue{
width:222px;
color:#fff;
font-size:11px;
padding:0 15px 10px 15px
}

#savoir_plus_bienvenue{
background:url('../../images/savoir_plus_bienvenue.jpg') no-repeat;
width:83px;
height:15px;
color:#fff;
display:block;
font-size:10px;
padding:1px 0 0 23px;
text-transform:uppercase;
font-weight:bold;
margin:0 0 0 137px
}

.article{
padding:10px 20px 10px 20px
}

#promo{
clear:both;
background:url('../../images/promo.jpg') no-repeat;
width:723px;
height:244px;
margin:5px 0 10px 0
}

#ens_encar_promo{
float:left;
width:574px;
margin:63px 0 0 87px;
}

.encar_promo{
width:287px;
height:130px;
float:left
}

.encar_promo_img{
float:left;
width:136px;
height:120px;
border:2px solid #fff;
background:#c3c0ad
}

.encar_promo_desc{
float:left;
padding:0 14px 0 7px;
width:126px;
color:#c0c3ad;
font-size:11px
}

.encar_promo_desc h2{
font-size:12px;
font-weight:normal;
color:#fff;
margin:0 0 10px 0
}

.encar_promo_desc span{
color:#fff;
font-size:16px
}

#promo_precedent{
display:block;
width:94px;
height:24px;
background:url('../../images/precedent_promo.jpg') no-repeat;
float:left;
margin:15px 0 0 20px
}

#promo_precedent span{

display:none
}

#promo_suivant{
display:block;
width:94px;
height:24px;
background:url('../../images/suivant_promo.jpg') no-repeat;
float:right;
margin:15px 20px 0 0
}

#promo_suivant span{
display:none
}

.cadre_titre{
clear:both;
background:#424a4b url('../../images/fleche_titre.jpg') no-repeat;
color:#fff;
width:690px;
padding:0 0 0 32px;
margin:1px 0 5px 0
}

.titre{
padding:8px 0 8px 0;
font-size:16px;
color:#fff;
width:528px;
font-weight:normal
}

.multipage{
padding:8px 0 0 0;
float:left;
width:160px;
color:#fff
}

.multi_pre{
background:url('../../images/multi_gauche.jpg') no-repeat;
width:10px;
height:16px;
margin:0 10px 0 0;
display:block;
float:left
}

.multi_sui{
background:url('../../images/multi_droit.jpg') no-repeat;
width:10px;
height:16px;
margin:0 0 0 10px;
display:block;
float:left
}

.multi{
float:left
}

.multipage a{
color:#fff
}

.multipage a span{
display:none
}

.vignette_produit{
float:left;
width:231px;
height:213px;
padding:21px 6px 21px 4px
}

.vignette_gauche{
float:left;
width:124px
}

.vignette_gauche_image{
height:100px;
padding:0 1px 0 1px;
width:122px
}

.vignette_prix_lien{
background:#c3c0ad url('../../images/bas_cat.jpg') no-repeat;
padding:40px 0 0 8px;
height:43px;
width:116px;
float:left
}

.vignette_prix{
display:block;
background:url('../../images/vignette_prix.jpg') no-repeat;
width:83px;
height:16px;
color:#fff;
padding:0 0 0 23px;
margin:0 0 4px 0
}

.vignette_lien{
background:url('../../images/vignette_fleche.jpg') no-repeat 3px 3px;
color:#1c2122;
padding:0 0 0 14px
}

.vignette_droite{
float:left;
width:102px;
height:183px;
padding:14px 0 0 4px;
}

.vignette_droite h2{
font-size:11px;
font-weight:normal;
color:#1c2122
}

.vignette_droite h2 a{
color:#1c2122
}

.vignette_format{
display:block;
margin:6px 0 6px 0;
background:url('../../images/format.jpg') no-repeat;
color:#fff;
width:102px;
height:18px;
text-align:center;
padding:3px 0 0 0
}

.vignette_critere{
display:block;
margin:20px 0 0 0;
font-size:11px;
color:#424a4b
}

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

.produit_desc{
float:left;
width:519px;
padding:0 40px 0 0;
}

.produit_desc h2{
font-size:14px;
font-weight:normal;
color:#1c2122
}

.produit_description{
padding:15px 0 15px 0
}

.envoyer_ami{
background:url('../../images/envoyer_ami.jpg') no-repeat;
display:block;
width:178px;
height:18px
}

.envoyer_ami span{
display:none
}
/********** Bas de la page ***************/

#banque_ekinoxe{
float:left;
height:129px;
width:256px
}

#banque{
display:block;
margin:15px 0 0 45px
}

#ekinoxe{
display:block;
margin:35px 0 0 75px;
width:111px;
height:38px
}

#bas{
float:left;
width:724px;
height:129px;
background:url('../../images/bas.jpg') no-repeat
}

#newsletter{
width:223px;
height:78px;
padding:51px 18px 0 0;
text-align:right;
float:left
}

#input_newsletter{
margin:0 7px 0 0;
width:164px;
border:none;
background:none
}

#valide_newsletter{
margin:9px 0 0 0;
background:url('../../images/valider_bas.jpg') no-repeat;
width:106px;
height:16px;
border:none;
cursor:pointer
}

#adresse{
float:left;
width:433px;
padding:47px 25px 0 25px;
height:51px;
color:#c3c0ad
}

#formulaire_contact{
float:left;
display:block;
width:127px;
height:20px;
background:url('../../images/formulaire_contact.jpg') no-repeat;
margin:0 0 0 346px
}

#formulaire_contact span{
display:none
}

/*Affichage des catégories*/

.conteneur_categorie{
float:left;
width:124px;
margin:6px
}

.img_cat{
background:url('../../images/img_cat.jpg');
width:124px;
height:100px
}

.bas_vignette{
background:#c3c0ad url('../../images/bas_cat.jpg') no-repeat;
width:118px;
height:73px;
padding:5px 3px 5px 3px;
font-size:11px;
font-weight:normal;
color:#1c2122
}



/* Nuage de tags */
#nuage{
background:url('../../images/nuage.jpg') no-repeat;
width:246px;
margin:0 0 0 3px;
height:auto;
min-height:300px;
padding:62px 3px 0 3px
}

*html> #nuage{
height:300px
}

#nuage h2 {
margin:0;
padding:0;
font-weight:500
}

#nuage span {
font-size:12px;
font-weight:normal;
}

#nuage a {
text-decoration:none;
font-family:impact, Arial, Helvetica, sans-serif;
}

/*Plan du site*/

.rub{
font-size:12px;
padding:3px 0 3px 0
}

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

/*Panier*/

.cellTitle{
color:#fff;
background:#424a4b;
border:1px solid #fff
}
/* ----- CLASSES COMMUNES ----- */

.champ_qte { border: 0; background: none; color: #000; width: 18px }
h2.compte{color:#1c2122;font-size:12px}
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:#1c2122}
p.cgv_p{margin:0 10px}
blockquote.cgv_adresse{margin:7px 20px}

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