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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
del, dfn, font, img, ins, kbd, samp,
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;
	vertical-align:top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


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

body  {
	background: #fff;
	text-align: left; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #434343;
}

p { margin: 0 0 11px; line-height: 16px;}

a {	color: #0092a3; text-decoration: none;}
a:hover { color: #75c00e; text-decoration: none; }

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

h1 {
	font-size: 20px;
	font-weight: normal;
	color: #0092a3;
}

h2 {
	font-size: 16px;
	font-weight: normal;
	color: #d8007a;
}

h2 img { vertical-align: middle;}

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

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

th { color: #fff; background-color: #57cfdd; padding: 3px;}

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

td { padding: 5px;}

form img {vertical-align: middle;}

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

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

textarea { color: #434343; font-family: Helvetica, Arial, sans-serif; font-size: 12px; 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: 1000px; margin: auto;}

#en-tete {
	position: relative;
	display: block;
	height: 185px; 
	background: #FFF;
}

#conteneur { padding-top: 57px; position: relative; display: block; background: transparent;}

#conteneur-interne { display: block;}

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

* 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: 222px;
	right: 0;
	margin: 0 9px 0 5px;
}
	#col-d h2 { color: #d8007a; font-weight: normal; font-size: 15px; margin: 0 0 15px; padding: 0; }
	#col-d .encart-dynamique { background: transparent url(/_boutiques/CLAIRENATURE//site_image/bg_col-d.gif) left top repeat-x; margin: 13px 0 0 0; padding: 13px 0 0 9px; line-height: 14px; font-size: 12px; }
	#col-d .encart-dynamique.first { background: none; margin-top: 0; padding-top: 0; }
		#col-d .encart-dynamique.first li { margin: 3px 0; }
		#col-d .encart-dynamique ul { margin: 0; padding: 0; }
			#col-d .encart-dynamique ul img { vertical-align: middle; }

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

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

#pied-page {
	display: block;
	height: 167px; /* 191 */
	background: transparent url(/_boutiques/CLAIRENATURE//site_image/bg_footer.gif) left top no-repeat;
	margin: 13px 10px 3px 10px;
	padding: 24px 0 0 26px;
}
	#pied-page h2 { color: #75c00e; font-size: 15px; font-weight: normal; margin: 0 0 8px 0; }
	#pied-page ul { margin: 0; padding: 0; width: 238px; float: left; line-height: 18px; }
	#pied-page a { color: #434343; }
	#pied-page a:hover { color: #75c00e; }
	#pied-page div { overflow: hidden; }
	
#pub_rs { margin: 0 10px 30px 10px; font-size: 11px; text-align: right; color: #bcbcbc; }
	#pub_rs a { color: #bcbcbc; }
	#pub_rs a:hover { color: #75c00e; }
	
#liens-footer { margin: 0 10px; font-size: 11px; color: #bcbcbc; }
	#liens-footer a { color: #bcbcbc; }
	#liens-footer a:hover { color: #75c00e; }

#fil_ariane { color: #bcbcbc; font-size: 12px; margin: 11px 0; line-height: 15px; }
	#fil_ariane a { color: #bcbcbc; text-decoration: none; }
	#fil_ariane a:hover { color: #bcbcbc; text-decoration: underline; }


/*    structure : elements
--------------------------------------------------- */
#menu_1 { position: absolute; top: 150px; left: 5px; font-size: 15px; }
	#menu_1 ul { list-style: none; margin: 0; padding: 0; }
	#menu_1 li { float: left; padding: 0 11px; }
	#menu_1 a.vert { color: #88d81a; text-decoration: none; }
	#menu_1 a.orange { color: #ff4828; text-decoration: none; }
	#menu_1 a.fuschia { color: #d8007a; text-decoration: none; }
	#menu_1 a:hover { text-decoration: underline; }
	
#menu_2 { position: absolute; top: 0; left: 7px; font-size: 15px; height: 40px; }
	#menu_2 ul#nav { list-style: none; margin: 0; padding: 0; }
	#menu_2 li.menu_2 { float: left; margin: 0; padding: 0; position: relative; display: block; }
	#menu_2 a.onglet { float: left; display: block; margin: 0 3px; padding: 12px 0 12px 6px; height: 16px; line-height: 16px; background: transparent url(/_boutiques/CLAIRENATURE//site_image/bg_menu2.gif) left top no-repeat; }
	#menu_2 a.onglet span { padding: 12px 6px 12px 0; height: 16px; line-height: 16px; background: transparent url(/_boutiques/CLAIRENATURE//site_image/bg_menu2.gif) right top no-repeat; }


#elem_panier, #elem_compte {
	position: absolute;
	width: 92px;
	overflow: hidden;
	right: 57px;
	padding: 0 0 0 50px;
	clear: both;
	color: #00a0b0;
}
	#elem_panier a, #elem_compte a { color: #00a0b0; text-decoration: none; }
	#elem_panier a:hover, #elem_compte a:hover { color: #00a0b0; text-decoration: underline; }

#elem_panier {
	background: transparent url(/_boutiques/CLAIRENATURE//site_image/bg_panier.gif) 100% 0 no-repeat;
	top: 30px;
	height: 40px;
	padding-top: 11px;
}
	#elem_panier h3 { padding: 0; margin: 0 0 8px; }
	#elem_panier p { color: #7b7b7b; }
		#elem_panier p a { color: #7b7b7b; text-decoration: none; }
		#elem_panier p a:hover { color: #7b7b7b; text-decoration: underline; }

#elem_compte {
	background: transparent url(/_boutiques/CLAIRENATURE//site_image/bg_compte.gif) 100% 0 no-repeat;
	top: 86px;
	height: 26px;
	padding-top: 15px;
}

#elem_rechercher { top: 147px; left: 525px; position: absolute; border: 1px solid #88d81a; height: 22px; width: 198px; }
	#elem_rechercher input.form_text { border: 0; background: #fff; margin: 0; padding: 2px 5px; width: 165px; }
	#elem_rechercher input.form_img { margin: 0; padding: 0 5px; position: absolute; right: 0; top: 3px; }

#select_marques select { top: 147px; left: 744px; position: absolute; border: 1px solid #88d81a; height: 24px; width: 198px; }

#elem_newsletter { border: 1px solid #d8007a; height: 22px; width: 198px; position: relative; }
	#elem_newsletter input.form_text { border: 0; background: #fff; margin: 0; padding: 2px 5px; width: 165px; }
	#elem_newsletter input.form_img { margin: 0; padding: 0 5px; position: absolute; right: 0; top: 2px; }
	
.navig_rub { background: transparent url(/_boutiques/CLAIRENATURE//site_image/navig_rub_middle.gif) left top repeat-y; padding: 0 6px 10px; }
	.navig_rub ul { margin: 0; padding: 6px 0 0; }
		.navig_rub ul ul { margin: 0; padding: 0; }
	.navig_rub li {  }
	.navig_rub a { display: block; line-height: 14px; border-bottom: 1px solid #efefef; padding: 6px 7px; color: #7b7b7b; }
		.navig_rub ul ul a { padding: 6px 7px 6px 18px; color: #0092a3; }
	.navig_rub a:hover { background: #efefef; color: #0092a3; }
		.navig_rub a span { background: transparent url(/_boutiques/CLAIRENATURE//site_image/navig_rub_puce.gif) right 5px no-repeat; padding: 0 15px 0 0; }
	.navig_rub a.active,
	.navig_rub a.active:hover { background: #57cfdd; color: #5d382c; }
	.navig_rub ul ul a.active,
	.navig_rub ul ul a.active:hover { background: #baf0f2; color: #5d382c; }
		.navig_rub a.active span { background-image: url(/_boutiques/CLAIRENATURE//site_image/navig_rub_puce_active.gif); }
.navig_rub_top { background: transparent url(/_boutiques/CLAIRENATURE//site_image/navig_rub_top.gif) left top no-repeat; }
	.navig_rub_top h2 { padding: 10px 0 10px 8px; line-height: 17px; margin: 0; color: #fff; font-weight: bold; font-size: 14px; }
.navig_rub_bottom { background: transparent url(/_boutiques/CLAIRENATURE//site_image/navig_rub_bottom.gif) left top no-repeat; height: 11px; margin-bottom: 20px; }
	
.prod_consultes { background: transparent url(/_boutiques/CLAIRENATURE//site_image/prod_consultes_middle.gif) left top repeat-y; }
.prod_consultes_top { background: transparent url(/_boutiques/CLAIRENATURE//site_image/prod_consultes_top.gif) left top no-repeat; }
	.prod_consultes_top h2 { padding: 13px 3px 3px 13px; margin: 0; color: #75c00e; font-weight: normal; }
.prod_consultes_bottom { background: transparent url(/_boutiques/CLAIRENATURE//site_image/prod_consultes_bottom.gif) left top no-repeat; height: 11px; }
	.prod_consultes ul { margin: 0; padding: 0; }
	.prod_consultes li { margin: 8px 12px 8px; padding: 8px 0 16px; text-align: center; background: transparent url(/_boutiques/CLAIRENATURE//site_image/prod_consultes_bg.gif) left bottom repeat-x; }
		.prod_consultes li img { border: 1px solid #e1e1e1; }
		.prod_consultes li div { margin: 0 25px; text-align: left; font-size: 11px; line-height: 15px; }
			.prod_consultes li div a { color: #434343; }
			
.prod_associe_top { background: transparent url(/_boutiques/CLAIRENATURE//site_image/prod_associe_top.gif) left top no-repeat; height: 11px; margin: 20px 0 0 0; }
.prod_associe_bottom { background: transparent url(/_boutiques/CLAIRENATURE//site_image/prod_associe_bottom.gif) left top no-repeat; height: 11px; }
.prod_associe { background: transparent url(/_boutiques/CLAIRENATURE//site_image/prod_associe.gif) left top repeat-y; }
	.prod_associe h3 { font-size: 15px; padding: 0 3px 3px 14px; margin: 0; color: #75c00e; font-weight: normal; }
	
	.prod_associe .prd { width: 110px; height: 173px; overflow: hidden; margin: 12px 0 0 20px; position: relative; float: left; }
	.prod_associe .prd.first { margin-left: 23px; }
	.prod_associe .prd .bloc_img_prd { background: #e1e1e1; padding: 1px; text-align: center; margin: 0; }
		.prod_associe .prd .bloc_img_prd .img_prd { background: #fff; width: 108px; height: 108px; display: block; }
		.prod_associe .prd .bloc_img_prd div { line-height: 17px; }
	.prod_associe .prd .nom_prd { margin: 4px; padding: 0; font-size: 11px; line-height: 15px; color: #75c00e; font-weight: normal; height: 30px; overflow: hidden; }
		.prod_associe .prd .nom_prd a { color: #75c00e; text-decoration: none; }
		.prod_associe .prd .nom_prd a:hover { color: #75c00e; text-decoration: underline; }
	.prod_associe .prd .prix_prd { text-align: right; font-weight: bold; color: #434343; font-size: 11px; }
			
.avis-box_top { background: transparent url(/_boutiques/CLAIRENATURE//site_image/avis_top.gif) left top no-repeat; height: 11px; margin: 20px 0 0 0; }
.avis-box_bottom { background: transparent url(/_boutiques/CLAIRENATURE//site_image/avis_bottom.gif) left top no-repeat; height: 11px; }
.avis-box { background: transparent url(/_boutiques/CLAIRENATURE//site_image/avis.gif) left top repeat-y; padding: 0 14px; }
	.avis-box h3 { font-size: 15px; padding: 0 0 20px 0; margin: 0; color: #d8007a; font-weight: normal; }
	.avis-box .avis { border-bottom: 1px dashed #d8007a; padding-bottom: 13px; margin-bottom: 13px; }
		.avis-box .avis .fl-gauche { width: 150px; margin: 0 10px 10px 0; background: transparent url(/_boutiques/CLAIRENATURE//site_image/icone_commentaire.gif) left top no-repeat; padding: 0 0 0 21px; }
		.avis-box .avis .meta-avis { font-size: 12px; color: #434343; margin: 0; padding: 0; line-height: 15px; }
			.avis-box .avis .meta-avis a { font-weight: bold; }
			.avis-box .avis .meta-avis span { font-size: 12px; color: #434343; }
			.avis-box .avis .meta-avis small { font-size: 11px; font-weight: bold; color: #7b7b7b; }
		.avis-box .avis .note { margin: 5px 0 0 0; font-size: 11px; color: #7b7b7b; }
			.avis-box .avis .note img { vertical-align: middle; }
		.avis-box .avis .message { line-height: 16px; }
	

#pagesWeb { line-height: 17px; }

.encart-dynamique.first a { color: #434343; text-decoration: none; }
.encart-dynamique.first a:hover { color: #75C00E; text-decoration: none; }


/*    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: 620px; margin: 3px auto;}

.alerte_erreur { color: #FF0000; font-weight: bold;}
.alerte_info { color: #75C00E; 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;}

.box-img { }

.col1, .col2 { float: left;}
.col1 { width: 63.96%; }
.col2 { width: 36%;}

.col1 p, .col2 p { margin: 0;}

.cellule_s { display: block; height: 24px; line-height: 24px; vertical-align: middle;}
/*    formulaires
--------------------------------------------------- */
.form_text { color: #666666; margin: 0 5px;}
.form_image { margin: 0; }

.form_col { width: 120px;}

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

p.bouton input { width: auto; }

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

/*    index
--------------------------------------------------- */
#txt-home { padding-bottom: 10px; overflow: hidden; font-size: 15px; line-height: 22px; }
#txt-home p { padding: 0 10px; }
#txt-home a { text-decoration:none; color: #000000; }
#txt-home a:hover { text-decoration:none; color: #000000; }

.home_col-g { width: 364px; margin-right: 16px; float: left; overflow: hidden; }
.home_col-g.top { margin-bottom: 16px; }
.home_col-d { width: 364px; overflow: hidden; }
.home_col-d.top { margin-bottom: 16px; }
.home_col-d.x2 { height: 444px; }

.home_cadre_large { background: transparent url(/_boutiques/CLAIRENATURE//site_image/home_cadre_large_middle.gif) left top repeat-y; width: 694px; position: relative; line-height: 22px; font-size: 15px; padding: 0 25px 11px 25px; }
.home_cadre_large.bottom { margin-top: 20px; }
.home_cadre_large.top { margin-bottom: 20px; }
.home_cadre_large_top { background: transparent url(/_boutiques/CLAIRENATURE//site_image/home_cadre_large_top.gif) left top no-repeat; margin: 0 -25px; padding-bottom: 5px; }
.home_cadre_large_bottom { background: transparent url(/_boutiques/CLAIRENATURE//site_image/home_cadre_large_bottom.gif) left bottom no-repeat; height: 11px; position: absolute; bottom: 0; left: 0; width: 100%; }
	.home_cadre_large_bottom a { position: absolute; right: 19px; bottom: 8px; text-align: right; }

.home_cadre { background: transparent url(/_boutiques/CLAIRENATURE//site_image/home_cadre_middle.gif) left top repeat-y; width: 364px; height: 214px; position: relative; }
.home_cadre_top { background: transparent url(/_boutiques/CLAIRENATURE//site_image/home_cadre_top.gif) left top no-repeat; }
.home_cadre_bottom { background: transparent url(/_boutiques/CLAIRENATURE//site_image/home_cadre_bottom.gif) left bottom no-repeat; height: 12px; position: absolute; bottom: 0; left: 0; width: 100%; }
	.home_cadre_bottom a { position: absolute; right: 19px; bottom: 8px; text-align: right; }
.home_cadre.x3 { height: 530px; }
.home_cadre.texte { width: 314px; height: 203px; line-height: 22px; font-size: 15px; padding: 0 25px 11px 25px; }
.home_cadre.texte.x2 { height: 433px; }
.home_cadre.texte .home_cadre_top { margin: 0 -25px; padding-bottom: 5px; }

.home_cadre .prd { background: transparent url(/_boutiques/CLAIRENATURE//site_image/home_cadre_bg.gif) left bottom repeat-x; height: 145px; overflow: hidden; margin: 12px 16px 0 16px; position: relative; }
.home_cadre .prd .fl-gauche { background: #e1e1e1; padding: 1px; width: 108px; text-align: center; margin: 0 14px 0 0; }
	.home_cadre .prd .fl-gauche .img_prd { background: #fff; width: 108px; height: 108px; display: block; }
	.home_cadre .prd .fl-gauche div { line-height: 17px; }
.home_cadre .prd .nom_prd { margin: 0; padding: 0; font-size: 14px; line-height: 16px; color: #0092a3; font-weight: bold; }
.home_cadre .prd .fourn_prd { margin: 0 0 2px 0; padding: 0; font-size: 12px; line-height: 16px; color: #7b7b7b; font-weight: normal; text-transform: uppercase; }
.home_cadre .prd .desc_prd { margin: 0; padding: 0; font-size: 12px; line-height: 15px; height: 45px; overflow: hidden; }
.home_cadre .prd .prix_prd { position: absolute; bottom: 39px; right: 4px; font-weight: bold; text-align: right; }
.home_cadre .prd .btn_prd { position: absolute; bottom: 19px; right: 4px; text-align: right; }

.home_cadre h1 { color: #ff4828; font-size: 18px; font-weight: normal; padding: 11px 0 4px 49px; margin: 0px; }
.home_cadre h1.rayon_6065 { background: transparent url(/_boutiques/CLAIRENATURE//site_image/home_bg_nouveautes.gif) 15px 8px no-repeat; }
.home_cadre h1.rayon_6249 { background: transparent url(/_boutiques/CLAIRENATURE//site_image/home_bg_promotions.gif) 15px 9px no-repeat; }
.home_cadre h1.rayon_6266 { background: transparent url(/_boutiques/CLAIRENATURE//site_image/home_bg_cdc.gif) 15px 8px no-repeat; }
.home_cadre_large h1,
.home_cadre.texte h1 { color: #ff4828; font-size: 18px; font-weight: normal; padding: 11px 0 4px 49px; margin: 0px; background: transparent url(/_boutiques/CLAIRENATURE//site_image/home_bg_texte.gif) 15px 8px no-repeat; }

#col-d .bloc_col-d_top { background: transparent url(/_boutiques/CLAIRENATURE//site_image/bloc_col-d_top.gif) left top no-repeat; height: 11px; width: 221px; margin: 20px 0 0; }
#col-d .bloc_col-d_bottom { background: transparent url(/_boutiques/CLAIRENATURE//site_image/bloc_col-d_bottom.gif) left top no-repeat; height: 12px; width: 221px; }
#col-d .bloc_col-d { background: transparent url(/_boutiques/CLAIRENATURE//site_image/bloc_col-d.gif) left top repeat-y; width: 201px; padding: 0 10px 3px; }
	#col-d .bloc_col-d h2 { color: #ff4828; font-size: 18px; font-weight: normal; padding: 1px 0 4px 33px; margin: 0 0 8px; background: transparent url(/_boutiques/CLAIRENATURE//site_image/home_bg_promotions.gif) 5px top no-repeat; }
	#col-d .bloc_col-d h3 { color: #ff4828; font-size: 11px; font-weight: bold; line-height: 12px; margin: 0; padding: 0; }
	#col-d .bloc_col-d h4 { color: #434343; font-size: 11px; font-weight: normal; line-height: 12px; margin: 3px 0 0 0; padding: 0; text-transform: uppercase; }
	#col-d .bloc_col-d .prix_prd { color: #434343; font-size: 13px; font-weight: bold; margin: 3px 0 0 0; padding: 0; text-align: right; }
	#col-d .bloc_col-d .bloc_img_prd { background: #e1e1e1; padding: 1px; text-align: center; margin: 0 9px 0 0; }
		#col-d .bloc_col-d .bloc_img_prd .img_prd { background: #fff; width: 108px; height: 108px; display: block; }
		#col-d .bloc_col-d .bloc_img_prd div { line-height: 17px; }
		
#carrousel { position: relative; width: 744px; height: 200px; overflow: hidden; margin: 13px 0; }
	#carrousel p { margin: 0; padding: 0; }
	#content_carrousel { }
	#liens_carrousel { position: absolute; right: 15px; bottom: 10px; }
		#liens_carrousel a { float: left; margin: 0 0 0 3px; display: block; border: 1px solid #57cfdd; background: #fff; text-decoration: none; color: #57cfdd; width: 19px; height: 19px; line-height: 19px; text-align: center; }
		#liens_carrousel a.actif,
		#liens_carrousel a:hover { background: #57cfdd; color: #fff; text-decoration: none; }
	#img_carrousel { display: none; }


/*    categorie
--------------------------------------------------- */
.filtre { margin: 10px 0; }
	.filtre select { border: 1px solid #88d81a; margin-right: 10px; }

.syspage { float: right; }
	.syspage .syspage_prev,
	.syspage .syspage_next { float: left; margin: 0 0 0 3px; display: block; border: 1px solid #fff; text-indent: -50px; overflow: hidden; width: 19px; height: 19px; line-height: 19px; text-align: center; }
	.syspage .syspage_prev { background: #fff url(/_boutiques/CLAIRENATURE//site_image/syspage_prev.gif) center center no-repeat; }
	.syspage .syspage_next { background: #fff url(/_boutiques/CLAIRENATURE//site_image/syspage_next.gif) center center no-repeat; }	
	.syspage strong,
	.syspage a.syspage_num { float: left; margin: 0 0 0 3px; display: block; border: 1px solid #57cfdd; background: #fff; text-decoration: none; color: #57cfdd; width: 19px; height: 19px; line-height: 19px; text-align: center; }
	.syspage strong,
	.syspage a.syspage_num:hover { background: #57cfdd; color: #fff; text-decoration: none; }

#img_rayon { width: 554px; height: 107px; overflow: hidden; position: relative; }
	#img_rayon div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent url(/_boutiques/CLAIRENATURE//site_image/masque_rayon.png) left top no-repeat; }
#texte_rayon { line-height: 16px; margin: 13px 24px 16px 0; }
#ss_rayon { margin: 0 0 30px 12px; }
	#ss_rayon ul { list-style: none; margin: 0; padding: 0; }
	#ss_rayon li { background: transparent url(/_boutiques/CLAIRENATURE//site_image/puce_rayon.gif) left 7px no-repeat; display: block; float: left; padding: 2px 0 2px 14px; width: 160px; line-height: 16px; }

.bloc-produit { width: 528px; height: 144px; margin: 5px 0 13px; padding: 13px 13px 0 13px; background: transparent url(/_boutiques/CLAIRENATURE//site_image/bg_bloc_prd.gif) left top no-repeat; overflow: hidden; position: relative; }
	.bloc-produit .fl-gauche { background: #e1e1e1; padding: 1px; width: 108px; text-align: center; margin: 0 14px 0 0; }
		.bloc-produit .fl-gauche .img_prd { background: #fff; width: 108px; height: 108px; display: block; }
		.bloc-produit .fl-gauche div { line-height: 17px; }
	.bloc-produit .nom_prd { margin: 0; padding: 0; font-size: 14px; line-height: 16px; color: #0092a3; font-weight: bold; }
	.bloc-produit .fourn_prd { margin: 0 0 2px 0; padding: 0; font-size: 12px; line-height: 16px; color: #7b7b7b; font-weight: normal; text-transform: uppercase; }
	.bloc-produit .desc_prd { margin: 0; padding: 0; font-size: 12px; line-height: 15px; height: 30px; overflow: hidden; }
	.bloc-produit .prix_prd { position: absolute; bottom: 35px; right: 13px; font-weight: bold; text-align: right; font-size: 16px; }
	.bloc-produit .btn_prd { position: absolute; bottom: 16px; right: 13px; text-align: right; }

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

.libelles {
  margin: 0 3px 3px 0;
}


/*    fiche produit
--------------------------------------------------- */
#img-produit-box { margin: 0 30px 0 0; width: 260px; }
#img-produit { width: 260px; height: 260px; }

.clic_zoom { font-size: 11px; }
	.clic_zoom img { vertical-align: middle; }

#info-produit { position: relative; overflow: hidden; }
	#info-produit .nom_prd { margin: 0; padding: 0; font-size: 18px; line-height: 25px; color: #0092a3; font-weight: normal; }
	#info-produit .fourn_prd { margin: 0 0 2px 0; padding: 0; font-size: 12px; line-height: 20px; color: #7b7b7b; font-weight: normal; text-transform: uppercase; }
	#info-produit .desc_prd { margin: 0; padding: 0; font-size: 12px; line-height: 16px; }
	#info-produit .prix_prd { font-weight: bold; text-align: right; font-size: 16px; margin-top: 10px; }
	#info-produit .btn_prd { text-align: right; margin-top: 16px; margin-bottom: 5px; font-size: 12px; color: #7b7b7b; line-height: 22px; }
	
.liens_prd { line-height: 22px; margin-top: 13px; font-size: 12px; overflow: hidden; }
	.liens_prd a { padding: 0 0 0 20px; }
	.liens_prd a.ami { background: transparent url(/_boutiques/CLAIRENATURE/theme/ami.gif) left top no-repeat; }
	.liens_prd a.rediger_avis { background: transparent url(/_boutiques/CLAIRENATURE//site_image/icone_avis.gif) left top no-repeat; }
	.liens_prd a.lire_avis { background: transparent url(/_boutiques/CLAIRENATURE//site_image/icone_commentaire.gif) left top no-repeat; }
	.liens_prd a.produits_marque { background: transparent url(/_boutiques/CLAIRENATURE//site_image/produits_marque.gif) left top no-repeat; }

.note_prd img { vertical-align: middle; }

.quantite_prd { margin-top: 12px; }

#info-produit table { margin: 0;}

.vignettes { margin: 12px 0 0 0; }
	.vignettes img { margin: 0 0 0 17px; border: 1px solid #e1e1e1; }
	.vignettes img.first { margin-left: 0; }


/* largeur a specifier pour centrer le bloc */
#bloc-pro-asso { width: 60px; margin: 0 auto; }

#prd-onglets { margin: 15px 0 0 0; width: 553px; }
    #prd-onglets #onglets-box { height: 32px; border-bottom: 4px solid #57cfdd; }
        #onglets-box .onglet { font-size: 15px; font-weight: normal; color: #0092a3; text-decoration: none;  display: block; padding: 0 0 0 7px; float: left; margin: 0 10px 0 0; height: 32px; background: transparent url(/_boutiques/CLAIRENATURE//site_image/onglet.gif) left top no-repeat; }
        #onglets-box .onglet span { padding: 4px 7px 0 0; display: block; height: 28px; line-height: 28px; background: transparent url(/_boutiques/CLAIRENATURE//site_image/onglet.gif) right top no-repeat; }
        #onglets-box .onglet:hover,
        #onglets-box .onglet.active { color: #fff; text-decoration: none; height: 32px; margin-bottom: 0; background-image: url(/_boutiques/CLAIRENATURE//site_image/onglet_active.gif); }
        #onglets-box .onglet:hover span,
        #onglets-box .onglet.active span { padding-bottom: 10px; background-image: url(/_boutiques/CLAIRENATURE//site_image/onglet_active.gif); }
    #prd-onglets .onglet-contenu { padding: 18px 18px 6px 18px; line-height: 16px; position: relative; background: transparent url(/_boutiques/CLAIRENATURE//site_image/onglet_box.gif) left top repeat-y; }
    	#prd-onglets .onglet-contenu .onglet-contenu-bottom { position: absolute; bottom: 0; left: 0; height: 12px; width: 553px; background: transparent url(/_boutiques/CLAIRENATURE//site_image/onglet_box_bottom.gif) left bottom no-repeat; }
    #prd-onglets .contenu-sans-onglet { }


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

#pdc_box { font-size: 15px; color: #bcbcbc; }
	#pdc_box p { margin: 0; padding: 12px 0; }
	#pdc_box ul { margin: 0 0 12px 128px; padding: 0; overflow: hidden; }
		#pdc_box ul li { float: left; margin: 0 3px; line-height: 16px; }

#pdc_box ul li.currentstep { color: #d8007a; }
	#pdc_box ul li span.highlight { line-height: 16px; padding: 12px 0 12px 8px; background: transparent url(/_boutiques/CLAIRENATURE//site_image/pdc.gif) left top no-repeat; }
	#pdc_box ul li.currentstep span.highlight { line-height: 16px; padding: 12px 0 12px 8px; background: transparent url(/_boutiques/CLAIRENATURE//site_image/pdc_currentstep.gif) left top no-repeat; }
		#pdc_box ul li span.highlight span { line-height: 16px; padding: 12px 8px 12px 0; background: transparent url(/_boutiques/CLAIRENATURE//site_image/pdc.gif) right top no-repeat; }
		#pdc_box ul li.currentstep span.highlight span { line-height: 16px; padding: 12px 8px 12px 0; background: transparent url(/_boutiques/CLAIRENATURE//site_image/pdc_currentstep.gif) right top no-repeat; }


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

/* --- TABLEAU A COULEURS ALTERNEES --- */
.styleCell1 { background-color: #fff; }
	.styleCell1 td { padding: 6px; line-height: 23px; }
	.styleCell1 img { margin: 3px;}
	
.styleCell2 { background-color: #f2f2f2; }
	.styleCell2 td { padding: 6px; line-height: 23px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
	.styleCell2 img { margin: 3px;}

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

.encadre { padding: 5px; border: 1px dashed #57CFDD; }


/*    commande.htm
--------------------------------------------------- */
#forms_selector { height: 40px; overflow: hidden; margin: 0 0 30px; }
	#forms_selector span { 
		display: block;
		margin: 0 0 0 130px;
		padding: 0;
	}
	
	#forms_selector a { 
		color: #fff;
		width: 164px;
		background: #f2f2f2 url(/_boutiques/CLAIRENATURE/theme/cartouches-btn.png) 0 -40px no-repeat;
		height: 31px;
		line-height: 31px;
		text-align: center;
		margin: 10px;
		font-weight: bold;
		font-size: 13px;
		text-decoration: none;
	    display: block;
	    float: left;
	    padding: 0;
	}
	#forms_selector a.noselected { color: #eee; }
	#forms_selector a.selected, #forms_selector a.selected:hover { background: #f2f2f2 url(/_boutiques/CLAIRENATURE/theme/cartouches-btn.png) 0 0 no-repeat; color: #fff; }
	#forms_selector a:hover { text-decoration: none; background: #f2f2f2 url(/_boutiques/CLAIRENATURE/theme/cartouches-btn.png) 0 -80px no-repeat;  }

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; padding: 1px;}

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

.gdemarge { margin-left: 45%;}

/*    recap-commande.htm
--------------------------------------------------- */

td.exergue { background: #efefef; font-size: 1.3em;}


/* ------------------------------------------------
/*    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
/* ------------------------------------- */

.rs_choix-paiement #contenu-principal h2 { margin: 30px 0 20px 50px; font-size: 15px; }

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

.noerreur {	}

.marginGuides { margin: 20px;}