/*--------------------------------------
/*   derniËre modification : 24/04/2009 
/*   par Kinaly
/* ----------------------------------- */

/* RESET
-------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*    initialisation : balises XHTML generales
--------------------------------------------------- */
html { font-size: 11px; }

body  {
	background: #fff;
	text-align: left; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #756b65;
	line-height: 14px;
}

p { margin: 0 0 11px; }

a {	color: #B6C600; text-decoration: none;}
a:hover { color: #B6C600; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 6px 0; }

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #756B65;
	font-size: 17px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #756B65;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #756B65;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #756B65;
}

em { font-style: italic;}

strong { font-weight: bold;}

th { color: #FFFFFF; background-color: #B6C600; padding: 3px; font-size: 12px; }

th a { color: #FFFFFF; }

td { padding: 5px; }

form img {vertical-align: middle;}

input { color:#000000; font-size: 10px; margin: 4px 0; vertical-align: middle; }

select, option { color:#000000; font-size: 10px; padding-left: 4px;}

textarea { color:#000000; font-size: 10px; margin: 6px 0;}

/*    classes generales
--------------------------------------------------- */
.clearfloat { clear: both;}

.droite { text-align: right;}
.gauche { text-align: left;}
.centre { text-align: center;}

.fl-droite { float: right; }
.fl-gauche { float: left; }

.txt-italique { font-style: italic; }

.nobr { white-space: nowrap; }

.overflow-hide { overflow: hidden;}

.nodisplay { display: none;}


/*    structure : armature
--------------------------------------------------- */
#enveloppe-page { width: 960px; margin: auto;}

#en-tete {
	position: relative;
	display: block;
	height: 132px;
}

#menu-h { position: relative; z-index: 101; padding: 0 0 0 25px; width: 935px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; height: 40px; line-height: 20px; background: transparent url(/_boutiques/ETHICFACTORY//site_image/bg_menuh.png) left top repeat-x; }
	.menu li { float: left; display: block; padding: 0; background: transparent url(/_boutiques/ETHICFACTORY//site_image/sep_menuh.png) left top no-repeat; }
	.menu a { color: #fff; text-decoration: none; padding: 10px 45px 10px 47px; display: block; }
	.menu a:hover { color: #fff; text-decoration: none; }
	.menu li.firstli { background: none; }
		.menu li.firstli a { padding-left: 45px; }

#conteneur { position: relative; display: block; background: transparent;}

#conteneur-interne { display: block;}

#col-g {
	float: left;
	position: relative;
	display: block;
	width: 233px;
	left: 0;
	margin: 0;
	padding: 0;
}

* html #col-g { margin: 0 -3px 0 auto;} /* pour resoudre le bug des 3px sous IE6*/

#col-d {
	float: right;
	position: relative;
	display: inline;
	width: 233px;
	right: 0;
	margin: 0;
	color: #756b65;
}

* html #col-d { margin: 0 auto 0 -3px;} /* pour resoudre le bug des 3px sous IE6*/

	#col-g h2, 
	#col-d h2 { margin: 12px 0 0; background: transparent url(/_boutiques/ETHICFACTORY//site_image/bg_titre_menu.png) left top no-repeat; padding: 4px 13px 6px; line-height: 17px; height: 17px; font-size: 13px; font-weight: normal; color: #fff; text-align: center; overflow: hidden; }
	#col-g h3, 
	#col-d h3 { margin: 8px 0 2px; background: transparent url(/_boutiques/ETHICFACTORY//site_image/bg_menu_sstitre.png) left top repeat-x; padding: 0 3px; line-height: 19px; font-size: 12px; font-weight: normal; color: #fff; text-align: center; }
	#col-g li, 
	#col-d li { border-bottom: 1px solid #ccc6c6; line-height: 15px; }
		#col-g li a, 
		#col-d li a { display: block; color: #756b65; text-decoration: none; background: transparent url(/_boutiques/ETHICFACTORY//site_image/puce_grise.gif) 2px 8px no-repeat; padding: 3px 2px 4px 18px; }
		#col-g li a:hover, 
		#col-d li a:hover { color: #756b65; text-decoration: none; background-color: #e3ed75; background-image: url(/_boutiques/ETHICFACTORY//site_image/puce_grise2.gif); }
		#col-g li li, 
		#col-d li li { border-top: 1px solid #ccc6c6; border-bottom: 0; }
			#col-g li li a, 
			#col-d li li a { padding-left: 32px; background-position: 16px 8px; }
		
	#col-d .service_client h2 { background-image: url(/_boutiques/ETHICFACTORY//site_image/menu_service_client.png); text-indent: -5000px; height: 28px; margin-bottom: 0; }
	#col-d .service_client .contenu { background: left top url(/_boutiques/ETHICFACTORY//site_image/bg_menu_service_client.gif); margin: 0; padding: 7px 13px 6px; }
	#col-d .guide_cadeaux h2 { background-image: url(/_boutiques/ETHICFACTORY//site_image/menu_guide_cadeaux.jpg); text-indent: -5000px; height: 29px; }
	

.col-interne { margin: 0 23px; }

#contenu-principal {
	position: relative;
	display: block;
	height: 1%;
	padding: 18px 0 5px;
	overflow: hidden;
}

#pied-page {
	display: block;
	height: 60px;
	text-align: center;
	font-size: 13px;
	color: #e3eb83;
	margin: 15px 0 0 0;
	padding: 16px 0 0 0;
	background: transparent url(/_boutiques/ETHICFACTORY//site_image/bg_footer.png) left top repeat-x;
}
	#pied-page a { color: #392b22; text-decoration: none; }
	#pied-page a:hover { color: #392b22; text-decoration: underline; }
	
#pub_rentashop { text-align: right; padding: 3px 0; color: #756b65; }
	#pub_rentashop a { color: #756b65; text-decoration: none; }
	#pub_rentashop a:hover { color: #756b65; text-decoration: underline; }

#copyright_footer { text-align: left; padding: 3px 0; color: #756b65; }
	#copyright_footer a { color: #756b65; text-decoration: none; }
	#copyright_footer a:hover { color: #756b65; text-decoration: underline; }
	

/*    structure : elements
--------------------------------------------------- */
#elem_panier {
	position: absolute;
	width: 212px;
	height: 76px;
	padding: 0;
	background: transparent url(/_boutiques/ETHICFACTORY//site_image/bg_panier.jpg) left top no-repeat;
	top: 42px;
	right: 11px;
}
	#nb_articles { position: absolute; line-height: 14px; color: #000; font-size: 11px; width: 65px; height: 32px; left: 71px; top: 26px; }
		#nb_articles a { color: #000; text-decoration: none; }
		#nb_articles a:hover { color: #000; text-decoration: underline; }
	#regle_panier { position: absolute; line-height: 14px; color: #ff2e33; font-size: 11px; width: 60px; height: 32px; right: 11px; top: 31px; text-align: center; }
		#regle_panier a { color: #ff2e33; text-decoration: none; }
		#regle_panier a:hover { color: #ff2e33; text-decoration: underline; }
		
	#liens_top { position: absolute; right: 20px; top: 18px; text-align: right; line-height: 14px; font-size: 11px; }
		#liens_top a { color: #000; text-decoration: none; }
		#liens_top a:hover { color: #000; text-decoration: underline; }

#elem_rechercher { margin: 10px 23px 4px; }
	#elem_rechercher label { background: transparent url(/_boutiques/ETHICFACTORY//site_image/bg_search.gif) left top no-repeat; padding: 2px 0 2px 20px; line-height: 12px; }
	#elem_rechercher .form_text { color: #bbaca4; width: 65px; }

#elem_menu { margin: 8px 0;}

#elem_menu a {
	color: #756b65;
	text-decoration: none;
 }
 
#elem_menu a:hover {
	color: #756b65;
	text-decoration: underline;
}

#elem_newsletter { }
	#elem_newsletter h2 { background: transparent url(/_boutiques/ETHICFACTORY//site_image/menu_nl.jpg) left top no-repeat; text-indent: -5000px; height: 28px; }
	#elem_newsletter .form_text { border: 1px solid #818181; width: 174px; padding: 1px 3px; }


/*    classes recurrentes
--------------------------------------------------- */
.bloc_xs { width: 160px; margin: 3px auto;}

.bloc_s { width: 400px; margin: 3px auto;}

.bloc_m { width: 480px; margin: 3px auto;}

.bloc_l { width: 520px; margin: 3px auto;}

.alerte_erreur { color: #ee0c0c; font-weight: bold;}
.alerte_info { color: #009933; font-weight: bold; }

.encart-dynamique { margin: 10px 0 0 0;}

.encart-dynamique li { }

.i-frame { background: #FFF; padding: 4px 8px;}

.i-frame form input { margin: 3px 0 10px 0;}

.i-frame p { margin: 0;}

.fil_ariane { color: #b6c600; font-size: 14px; font-weight: bold; margin: 0; }
	.fil_ariane a { color: #b6c600; text-decoration: none; }
	.fil_ariane a:hover { color: #b6c600; text-decoration: underline; }
	
.selecteurrayon { margin: 13px 0; width: 100%; }

/*    formulaires
--------------------------------------------------- */
.form_text { color: #666666; margin: 0 5px;}

.form_col { width: 120px;}

input.search, input.go { margin: 4px 0 14px; }

p.bouton input { width: auto; }

/* ------------------------------------------------
/*    Proprietes CSS des pages principales
/*------------------------------------------------- */

/*    index
--------------------------------------------------- */
#homeLink {
	background-image: url(/_boutiques/ETHICFACTORY//theme/icone_homepage.gif);
	background-repeat: no-repeat;
	text-indent: 16px;
}

#bloc-home { border-bottom: 1px dotted #b4b4b4; overflow: hidden; position: relative; margin: 0 0 15px 0; }
#img-home {  }
#txt-home { position: absolute; top: 0; left: 0; padding: 150px 0 0 335px; }
#txt-home a { color:#000000; text-decoration:none }
#txt-home a:hover { color:#000000; text-decoration:none }
#txt-home img { margin-right:8px;}

#news-home {
	margin: 10px 0;
	padding: 8px 6px 25px 6px; /* valeur bottom pour englober le bouton "lire" */
	border: 1px solid #97C9DB;
}

#news-home img { float: left; margin: 0 5px 0 0;}
#news-home p { margin: 0 0 5px 0;}

#coupsdecoeur {  }


/*    categorie
--------------------------------------------------- */
.syspage { text-align: right; background: transparent url(/_boutiques/ETHICFACTORY//site_image/bg_syspage.gif) left top repeat-x; height: 16px; line-height: 16px; padding: 9px 8px 7px; }
.syspage a { color: #756b65; text-decoration: underline; }
.syspage a:hover { color: #756b65; text-decoration: none; }
.syspage strong { color: #756b65; font-weight: normal; }
.syspage .syspage_next,
.syspage .syspage_prev { display: none; }

.tri { text-align: right; height: 16px; line-height: 16px; padding: 9px 8px 7px; background: transparent url(/_boutiques/ETHICFACTORY//site_image/bg_syspage.gif) left top repeat-x; }


.bloc-produit {
	width: 242px;
	height: 150px;
	margin: 0 0 6px 6px;
	padding: 0;
	border: 1px solid #c7c6c6;
	position: relative;
}
.bloc-produit.first { margin-left: 0; }

	.bloc-produit .img_prd { overflow: hidden; float: left; width: 124px; height: 124px; }
	.bloc-produit .info_prd { overflow: hidden; margin: 3px; }
	.bloc-produit .nom_prd { color: #b6c600; text-align: center; font-size: 13px; font-weight: bold; line-height: 17px; height: 51px; overflow: hidden; }
	.bloc-produit .prix_prd { color: #756b65; text-align: center; font-size: 13px; font-weight: bold; margin: 5px 0; }
		.bloc-produit .prix_prd del { color: #756b65; font-size: 10px; }
	.bloc-produit .btn_prd { position: absolute; bottom: 3px; right: 3px; width: 239px; text-align: right; }
	.bloc-produit .msg_dispo { position: absolute; bottom: 3px; left: 3px; width: 118px; text-align: center; }
	.bloc-produit .selectSousProduit { position: absolute; top: 85px; right: 3px; width: 110px; }

.bp-image { margin: 5px; height: 150px;}

.rs_categorie_x6 #contenu-principal h1.fil_ariane { font-size: 17px; line-height: 19px; padding: 0 7px; }

.liste_catx6 h2 { margin-top: 7px; padding: 7px 0 0 7px; color: #756b65; font-size: 13px; background: transparent url(/_boutiques/ETHICFACTORY//site_image/bg_syspage.gif) left -32px repeat-x; }
.liste_catx6 ul { margin: 7px 0 7px 7px; padding: 0; }
.liste_catx6 li { margin: 0 0 0 7px; padding: 1px 2px 1px 12px; background: transparent url(/_boutiques/ETHICFACTORY//site_image/puce_grise.gif) 2px 5px no-repeat; }
	.liste_catx6 li a { color: #756b65; text-decoration: none; }
	.liste_catx6 li a:hover { color: #756b65; text-decoration: underline; }
	
h3.selection_rayon { color: #b6c600; font-size: 13px; font-weight: bold; background: transparent url(/_boutiques/ETHICFACTORY//site_image/bg_syspage.gif) left bottom repeat-x; height: 16px; line-height: 16px; padding: 9px 7px 7px; margin: 0 0 7px 0; }


/*    fiche produit
--------------------------------------------------- */
.rs_ficheproduit .prd_nom { font-size: 17px; color: #756b65; }

#img-produit-box { margin: 0 17px 0 0; width: 269px; }
#img-produit { margin: 0 10px 10px 0; height: 278px; width: 278px; overflow: hidden; position: relative; display: block; }
	#img-produit #btn_zoom { position: absolute; bottom: 7px; right: 7px; }

#info-produit { overflow: hidden; }

	#info-produit .prd_prix { height: 50px; padding: 16px 13px; margin: 10px 0; background: transparent url(/_boutiques/ETHICFACTORY//site_image/bg_stripe.gif) left top repeat; }
		#info-produit .prd_prix h3 { text-align: right; padding: 0; margin: 0; font-size: 28px; color: #b6c600; }
			#info-produit .prd_prix h3 del { color: #756b65; font-size: 13px; }
		#info-produit .prd_prix .prd_quantite { text-align: right; margin: 20px 0 0 0; padding: 0; }
		
		#info-produit .label_selectSousProduit { color: #B6C600; font-size: 13px; font-weight: bold; display: block; }
		#info-produit .selectSousProduit { margin: 3px 0; }
		
	#info-produit .prd_btn { text-align: right; }

.vignettes img {
	height: 72px;
	width: 72px;
	margin: 0 0 0 19px;
	border: 1px solid #c2c1c1;
}
.vignettes img.first { margin-left: 0; }

/* largeur a specifier pour centrer le bloc */
#pro_asso { width: 213px; margin: 14px auto 15px; background: url(/_boutiques/ETHICFACTORY//site_image/bg_proasso.gif) -213px top repeat-y; }
	#pro_asso .pro-assoc-prd { margin: 5px 0 16px 0; padding: 0; }
	#pro_asso h2 { margin: 0; text-align: left; padding: 6px 10px; color: #b6c600; font-size: 13px; font-weight: bold; background: url(/_boutiques/ETHICFACTORY//site_image/bg_proasso.gif) left top no-repeat; }
	#pro_asso .middle { margin: 0; padding: 3px 10px; background: url(/_boutiques/ETHICFACTORY//site_image/bg_proasso.gif) -426px bottom no-repeat; }
		#pro_asso .middle .info-prd { margin: 0; padding: 3px 0 3px 10px; overflow: hidden; }
			#pro_asso .middle .info-prd .nom-prd { color: #756b65; font-size: 10px; font-weight: bold; }
			#pro_asso .middle .info-prd .prix-prd { color: #756b65; font-size: 13px; font-weight: bold; }
				#pro_asso .middle .info-prd .prix-prd del { color: #756b65; font-size: 10px; font-weight: normal; }
			#pro_asso .middle .info-prd .btn-prd { color: #b6c600; font-size: 10px; margin: 5px 0 0 0; }
				#pro_asso .middle .info-prd .btn-prd a { color: #b6c600; font-weight: normal; }
				#pro_asso .middle .info-prd .btn-prd a:hover { color: #b6c600; font-weight: normal; }

.avis-box { margin: 20px auto 12px auto; clear: both;}

/*    processus de commande
--------------------------------------------------- */
.separateur { color: #888;}

#pdc_box {
	font-size: 13px;
	color: #c2c1c1;
}

#pdc_box ul {
	margin: 0 0 12px;
	overflow: hidden;
}

#pdc_box ul li {
	float: left;
	margin: 0 3px;
	height: 26px;
	line-height: 26px;
}

#pdc_box ul li.currentstep { color: #b6c600; }

#pdc_box ul li span.highlight {
	border: 1px solid #c2c1c1;
	padding: 4px 8px 3px 8px;
}

#pdc_box ul li.currentstep span.highlight {
	border: 1px solid #b6c600;
	padding: 4px 8px 3px 8px;
}


/*    panier
--------------------------------------------------- */

/* --- TABLEAU A COULEURS ALTERNEES --- */
.styleCell1 { background-color: #e8e8e8; }
.styleCell1 img { margin: 3px;}
tr.styleCell1 strong { line-height: 18px; margin: 3px;}
	
.styleCell2 { background-color: #efefef; }
.styleCell2 img { margin: 3px;}
tr.styleCell2 strong { line-height: 18px; margin: 3px;}

#form-panier { }
#form-panier td { vertical-align: middle; }


/*    commande.htm
--------------------------------------------------- */
form.com_id label {
	/*display: inline-table;*/
	float: left;
	width: 45%;
	text-align: right;
	line-height: 22px; /* petite valeur pour centrer le texte et l'input sous safari */
	margin: 0 0 0 4px; 
}

form.com_id textarea { margin: 0 0 0 4px; }

form.com_id input { margin: 0 0 0 4px; /*height: 16px;*/ }

form.com_id select { margin: 0 0 0 4px; }

/*form.com_id p.bouton input { height: auto;}*/

.gdemarge { margin-left: 45%;}


/* ------------------------------------------------
/*    Proprietes CSS des autres pages
/*------------------------------------------------- */

/*    ami.htm
--------------------------------------------------- */
.form-ami p { width: 50%; float: left;}
.form-ami label { display: block; width: 120px; }
.form-ami input { width: 80%;}
.form-ami p.bouton { width: 100%;}


/*    avis.htm
/* --------------------------------------------------- */
.avis { font-size: 12px;}

.meta-avis { margin: 14px 0 6px 0;}

.form-avis { float: right; margin: 4px 0 12px 12px;}
.form-avis p { width: 50%; float: left;}
.form-avis label { display: block; width: 160px; }
.form-avis input { width: 80%;}
.form-avis p.bouton, .form-avis p.alerte_info, .form-avis p.alerte_erreur { width: 100%;}


/*    contact.htm
--------------------------------------------------- */
.form-contact label {
	display: inline-table;
	width: 120px;
	text-align: right;
}
.form-contact input { width: 212px;}
.form-contact textarea { margin: 0 4px;}


/*    news
--------------------------------------------------- */
.news { }

#news-date-titre {
	font-size: 11px;
	font-weight: normal;
}


/*    mescommandes_identification.htm
--------------------------------------------------- */
.form-login label {
	display: inline-table;
	width: 120px;
	text-align: right;
}
.form-login input { width: 170px;}


/*    parrainage
/* --------------------------------------------------- */
.form-parrainplus p { margin: 0;}


/* -------------------------------------
/* STYLES CSS PERSONNALISES
/* Placez vos sytles personnels ici
/* ------------------------------------- */

.erreur { color: red !important; font-weight:bold;}

.noerreur {	}

.marginGuides { margin: 20px;}


.puce { background: transparent url(/_boutiques/ETHICFACTORY//site_image/puce_noire.gif) 2px 5px no-repeat; padding: 0 2px 0 10px; line-height: 14px; }


.ssp_elmt { margin: 5px 0; }
	.ssp_elmt label { color: #b6c600; font-size: 13px; font-weight: bold; display: block; }
	.ssp_elmt input,
	.ssp_elmt select { display: block; }
	
	
.rs_categorie .fil_ariane { margin-bottom: 10px; }





/* ONGLETS */

#onglets { margin: 15px 0 0 0; }
    #onglets #onglets-box { height: 37px; background: transparent url(/_boutiques/ETHICFACTORY//site_image/bg_onglets.gif) left top repeat-x; }
        #onglets-box .onglet { font-size: 13px; font-weight: bold; color: #756b65; text-decoration: none;  display: block; padding: 0 0 0 15px; float: left; margin: 0 2px 1px; height: 36px; background: #eeedec url(/_boutiques/ETHICFACTORY//site_image/onglet.gif) left top no-repeat; }
        #onglets-box .onglet span { padding: 10px 15px 9px 0; display: block; height: 17px; line-height: 17px; background: transparent url(/_boutiques/ETHICFACTORY//site_image/onglet.gif) right top no-repeat; }
        #onglets-box .onglet:hover,
        #onglets-box .onglet.active { color: #b6c600; text-decoration: none; height: 37px; margin-bottom: 0; }
        #onglets-box .onglet:hover span,
        #onglets-box .onglet.active span { padding-bottom: 10px; }
    #onglets .onglet-contenu { padding: 18px; }
    #onglets .contenu-sans-onglet { }