*{
margin:0;
padding:0
}

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

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

a:hover{
text-decoration:underline
}

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

h3.ek_apercu1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
font-weight:400
}

form{
margin:0;
padding:0
}

table{
border-collapse:collapse
}

#conteneur_total{
width:100%;
background:url('../../images/fond.jpg') no-repeat top center
}

#conteneur{
width:976px;
margin:0 auto
}

#haut{
height:360px;
width:980px
}

#haut_gauche{
width:702px;
height:360px;
float:left;
background:url('../../images/haut_gauche.jpg') no-repeat
}

#bienvenue{
margin:6px 0 0 12px;
background:url('../../images/fleche_rose.jpg') no-repeat 0 4px;
font-size:15px;
color:#882F60;
padding:0 0 0 10px
}

#logo{
height:73px;
width:202px;
display:block;
margin:12px 0 0 12px
}

#slogan{
margin:0 0 0 12px;
width:202px;
font-size:16px;
color:#5E0F3A
}

#slogan span{
margin:0 0 0 30px
}

#haut_droite{
float:left;
width:272px;
height:360px;
background:url('../../images/haut_droite.jpg') no-repeat
}

#menu_h{
float:left;
width:262px;
margin:2px 0 0 10px;
list-style:none
}

#menu_h li{
float:left
}

#menu_h li a{
display:block;
float: left;
width:30px;
height:30px;
background-position:top;
margin:0 0 0 1px
}

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

#menu_h li a span{
display:none
}

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

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

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

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

#menu_m{
clear:both;
float:left;
width:188px;
margin:100px 0 0 60px;
list-style:none
}

#menu_m li a{
display:block;
width:170px;
height:17px;
font-size:12px;
background-position:top;
color:#6C3600;
padding:3px 0 0 18px;
margin:0 0 1px 0;
background:url('../../images/menu_m.jpg') no-repeat
}

#menu_m li a:hover{
color:#fff;
text-decoration:none;
background-position:bottom
}

#caddie{
float:left;
background:url('../../images/pix_panier.jpg') repeat-y;
width:163px;
height:44px;
margin:0 0 0 60px;
padding:9px 8px 4px 16px;
color:#3E2811;
font-size:14px
}

#caddie span{
color:#000
}

#caddie a{
background:url('../../images/bouton_caddie.jpg') no-repeat;
width:102px;
height:22px;
display:block;
margin:0 0 0 64px
}

#caddie a span{
display:none
}

#caddie div{
margin:0 0 7px 0
}

#gauche{
vertical-align:top;
width:205px;
background:#cab6a3 url('../../images/gauche.jpg') repeat-x
}

#categorie{
margin:10px 0 0 0;
width:169px;
height:16px;
padding:4px 0 0 25px;
font-size:12px;
color:#422506;
background:url('../../images/categorie.jpg') no-repeat
}

.menu{
width:205px;
margin:10px 0 0 0
}

.menu h2{
color:#6C3600;
font-size:11px;
font-weight:normal
}

.menu h2 a{
color:#6C3600;
font-weight:normal
}

.menutitre{
color:#6C3600;
padding:5px 0 5px 10px;
width:148px;
background:url('../../images/menu.jpg') no-repeat top left
}

.menutitre:hover{
color:#fff;
background-position:bottom left;
cursor:pointer 
}

.nonmenutitre a{
display:block;
padding:5px 0 5px 10px;
color:#6C3600;
width:148px;
background:url('../../images/menu.jpg') no-repeat top left
}

.nonmenutitre a:hover{
text-decoration:none;
color:#fff;
background-position:bottom left
}

.menu ul{
list-style:none;
padding:0 0 0 6px;
margin:0 0 0 23px
}

.menu ul li a{
font-size:11px;
color:#6C3600
}

.menu ul li a:hover{
color:#fff;
text-decoration:none
}

#haut_flash_info{
margin:50px 0 0 0
}

#flash_infos{
margin:0 0 20px 10px;
width:160px;
height:240px;
color:#281E0F
}

#flash_infos marquee{
height:240px
}

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

#flash_infos h2{
font-size:11px
}

#centre{
vertical-align:top;
width:575px;
background:#e9e1d9 url('../../images/reflet.jpg') no-repeat
}

#page{
padding:12px 63px 12px 30px;
width:482px
}

/* Partie droite de la page */

#droite{
vertical-align:top;
width:189px;
background:#dacdbf url('../../images/pix_droite.jpg') repeat-y
}

#droite_div{
background:url('../../images/droite.jpg') no-repeat top left;
padding:5px 0 0 0
}

#news_rech{
background:url('../../images/pix_news_rech.jpg') repeat-x;
width:176px;
height:88px;
margin:0 5px;
color:#3D2E16;
font-size:16px;
text-align:right
}

#news_rech table tr td{
text-align:right;
padding:6px 0 2px 0
}

#td_input_news{
width:149px;
background:url('../../images/input_news.jpg') no-repeat 22px 6px
}

#td_input_news input{
border:1px solid #593461;
width:110px
}

#td_input_rech{
width:149px;
background:url('../../images/input_rech.jpg') no-repeat 22px 6px
}

#td_input_rech input{
border:1px solid #593461;
width:110px
}

#photo{
margin:136px 0 25px 0
}

#ekinoxe{
width:119px;
height:42px;
display:block;
margin:0 auto 30px auto
}

#bas_gauche{
vertical-align:top;
width:205px;
background:#cab6a3
}

#bas_centre{
vertical-align:top;
width:515px;
background:#e9e1d9 url('../../images/bas_centre.jpg') no-repeat 0 5px;
padding:30px
}

#rappel_menu{
text-align:center
}

#rappel_menu a{
color:#885D31
}

#rappel_menu a:hover{
text-decoration:underline
}

#bas_droite{
vertical-align:top;
width:189px;
background:#dacdbf url('../../images/pix_droite.jpg') repeat-y
}

/*Titre des articles*/
.cadre_titre {
background:url('../../images/ligne_titre.jpg') no-repeat bottom left;
float:left;
clear:both;
width:482px
}

.titre {
background:url('../../images/fleche_titre.gif') no-repeat 0 3px;
float:left;
font-size:12px;
color:#6C3600;
font-weight:400;
margin:0 0 5px;
padding:0 0 0 8px
}

.rappel {
font-weight:400;
float:right;
font-size:10px;
color:#AD763F;
margin:3px 0 0;
padding:1px 0 0 20px
}

.article{
clear:both;
float:left;
width:482px;
margin:5px 0
}

#liste_categorie{
clear:both;
float:left;
width:482px;
margin:5px 0;
text-align:center
}

#liste_categorie a{
font-weight: bold;
font-size:14px;
float:left;
width:89px;
height:120px;
margin:10px 20px 10px 20px;
padding:37px 12px 0 12px;
display:block;
text-align:center
}

#liste_categorie a:hover{
text-decoration: none
}

.mention_legales_titre{
color:#6C3600;
font-size: 12px
}

.prod_radio{
padding:5px 3px
}

.prod_nom{
padding:5px 3px;
font-weight: bold
}

.prod_prix{
padding:5px 3px;
font-weight: bold;
width:50px;
text-align:right
}

.prod_table{
width:100%;
}

.prod_table td{
vertical-align: top
}

.prod_table p{
clear:both;
padding:5px
}

.table_gauche{
width:40%
}

.table_droite{
width:60%
}

.cellTitle{
background-color:#CAB6A3;
border:1px solid #CAB6A3;
padding:2px
}

.cell{
border:1px solid #CAB6A3;
padding:2px
}

.ss_titre{
font-size:11px;
display: inline
}

.lien_upload{
color:#3E2811;
font-weight: bold;
display: block;
padding: 4px;
text-align: center;
border: 1px solid #3E2811;
margin: 0 auto
}

.lien_upload img{
display: block;
margin: 0 auto
}

/* Vignette produit */
.vignette{
float:left;
width:220px;
height:180px;
padding:0 17px 10px 0
}

.titre_produit{
font-size:11px;
color:#6C3600;
font-weight:normal;
width:220px;
font-weight: bold
}

.titre_produit a{
color:#6C3600
}

.vignette_gauche{
width:102px;
float:left;
padding:0 9px 0 0
}

.vignette_img{
/*
width:100px;
height:100px;
background:#fff;
border:1px solid #6C3600
*/
}

.rose{
clear: both;
margin:6px 0 0 0;
height:14px;
padding:7px 8px 0 8px;
color:#6C3600;
font-weight: bold;
font-size:14px
}

.rose span {
font-size:18px
}

.rose a{
color:#6C3600
}

.vignette_desc{
height:102px;
width:109px;
float:left;
font-size:11px
}

/*produit details*/

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

/* Galerie */
.conteneur_categorie{
float:left;
width:110px;
margin:0 50px 20px 0;
height:130px
}

.bas_vignette{
font-size:12px;
font-weight:normal
}

.bas_vignette a{
color:#6C3600
}

.rub{
font-size:12px;
margin: 5px 0
}

.rub a{
color:#6C3600
}

.rub a:hover{
color: #000
}

.map{
margin:10px 0 10px 40px
}

.map a{
color:#6C3600
}

.map a:hover{
color:#000
}

.banque{
margin: 20px auto;
display: block
}

.puce_rose{
background:url('../../images/picto/puce_rose.png') no-repeat;
}
.puce_dore{
background:url('../../images/picto/puce_dore.png') no-repeat;
}
.puce_verte{
background:url('../../images/picto/puce_verte.png') no-repeat;
}
.puce_orange{
background:url('../../images/picto/puce_orange.png') no-repeat;
}
.puce_bleu{
background:url('../../images/picto/puce_bleu.png') no-repeat;
}

#diaporama{
width: 254px;
height: 191px;
position:absolute;
margin:8px 0 0 388px
}

#diaporama img{
width: 254px;
height: 191px;
position:absolute
}

.manimg_erreur{
color:#006600;
font-size:11px;
font-weight:normal
}
/* ----- 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: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }
h2.cgv_titre{font-size:12px;margin:6px 0;color:#6C3600}
p.cgv_p{margin:0 10px}
blockquote.cgv_adresse{margin:7px 20px}

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

.titre_cat {
font-size:18px;
margin:5px 0 15px 0;
display:inline;
float:left
}

#papier {
color:#c02f84
}

#toile {
color:#68552e
}

#adhesif {
color:#87a500
}

.mini_picto{
display:block;
width:35px;
height:49px;
float:left;
margin:0 5px 0 0;
cursor:pointer
}

.mini_picto span{
display:none
}

#picto_papier{
background:url('../../images/picto_rose.png') no-repeat
}

#picto_adhesif{
background:url('../../images/picto_vert.png') no-repeat
}

#picto_toile{
background:url('../../images/picto_dore.png') no-repeat
}

.div_papier{
padding:10px 0 20px;
clear:both;
color:#c02f84;
font-size:18px
}

.div_adhesif{
padding:10px 0 20px;
clear:both;
color:#87a500;
font-size:18px
}

.div_toile{
padding:10px 0 20px;
clear:both;
color:#68552e;
font-size:18px
}

#loading	{
	background:url('../../images/ajax_loader.gif') no-repeat;
	padding-left:20px;	padding-top:2px;
	display:none;
}
