﻿/* #c7e66f vert clair du fond      */
/* #5dac00 vert moyen titre      */
/* #385d00 vert foncÈ titre    */
/* #d3147b rose fuschia            */
/* #333333 gris foncÈ texte            */
/* #666666 gris moyen texte            */

/* --------------------------------------------------- */
/*     initialisation : balises XHTML gÈnÈrales        */
/* --------------------------------------------------- */

html { font-size: 12px; color: #c7e66f;}

body  {
	margin:0; padding:0;
	background: #C6E56F ;
	text-align: left; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #333;
}

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

p { margin: 0 0 6px 0; line-height: 14px;}

a {	
	color: #d3147b;
	text-decoration: underline;
}

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

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

h1 {
	font-size: 20px;
	font-weight: normal;
	color: #5dac00;
	margin: 0 0 12px 0;
}

h2, h2 a {
	font-size: 13px;
	color: #5dac00;
	margin: 0 0 8px 0;
	text-decoration: none;
}

h3 {
	font-size: 12px;
	color: #385D00;
	text-decoration: none;
}

h4 {
	font-size: 18px;
	font-weight: normal;
	color: #5dac00;
	text-decoration: none;
}

th {
	color: #535353;
	background-color: #e6e6e6;
	padding: 3px;
	border-right: 2px solid #fff;
}

th a { color:#535353; }

td { border-right: 2px solid #fff;}

em {
	font-style: normal;
		color: teal;
}

strong {

}

table {
	margin: 0 auto;
	border: 0;
}

form { margin:6px 0; padding:0; }

input {
	color:#000000;
	font-size: 12px;
}

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

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

form input {
	vertical-align: middle;
}

del { color: #385d00}


/* --------------------------------------------------- */
/*                structure : armature                 */
/* --------------------------------------------------- */

#enveloppe-page {
	width: 1010px; /* Largeur de page ‡ rendre dynamique */
	margin: auto;
}

#en-tete {
	position: relative;
	display: block;
	height: 146px; /* Hauteur ‡ rendre dynamique */
	background: transparent url(/_boutiques/MLLEBIO/site_image/header2.gif) no-repeat;
	width: 100%;
}

#conteneur {
	position: relative;
	display: block;
	background: transparent url(/_boutiques/MLLEBIO/site_image/fond.gif) repeat-y;
	height: 1%;
}

#conteneur-interne {
	display: block;
}

#col-g {
	float: left;
	position: relative;
	display: inline;
	width: 268px; /* Largeur de colonne ‡ rendre dynamique */
	left: 0;
	margin: 0;
	padding: 0 0 0 5px;
}

#col-g h2, #col-g h3 {
	font-weight: bold;
}

#col-d {
		background: #DCE1E3;
	float: right;
	position: relative;
	display: inline;
	width: 0px; /* Largeur de colonne ‡ rendre dynamique */
	right: 0;
	margin: 0;
}

.col-interne {
	margin: 8px; /* Valeur dynamique qui sert ‡ gÈnÈrer une marge pour le contenu des colonnes. */
}

#contenu-principal {
	position: relative;
	display: block;
	height: 1%;
	margin: 0 0px 0 268px; /* Les valeurs gauche et droite Èquivalent aux largeurs des colonnes latÈrales */
	padding: 70px 12px 0 12px;
}

.clearfloat {
	clear: both;
}

#pied-page {
	position: relative;
	display: block;
	height: 92px; /* Hauteur ‡ rendre dynamique */
	background: transparent url(/_boutiques/MLLEBIO/site_image/footer.gif) no-repeat;
}

#pied-page ul {
	padding: 30px 0 0 360px;
	margin: 0;
}

#pied-page li {
	float: left;
	list-style-image: url(/_boutiques/MLLEBIO/site_image/asterisque.gif);
	list-style-position: inside;
	line-height: 16px;
	margin: 0 15px 0 0;
	padding: 0;
}

#pied-page a, #pied-age a:hover {
	color: #8c8c8c;
	text-decoration: none;
}

#pub-piedpage {
	position: absolute;
	top: 35px;
	left: 90px;
	width: 155px;
	font-size: 15px;
	color: #d3147b;
	font-family: Arial, Helvetica, sans-serif;
}

/* --------------------------------------------------- */
/*                  classes gÈnÈrales                  */
/* --------------------------------------------------- */

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

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

.txt-italique { font-style: italic; }
.txt-gras { font-weight: bold; }

.nobr { white-space: nowrap; }

.overflow-auto {
	overflow: auto;
	height: 1%;
}

.nodeco { text-decoration: none;}

span.promoaulieude { display: none; }

/* --------------------------------------------------- */
/*                    formulaires                      */
/* --------------------------------------------------- */

.form_text {
	color: #666666;
	margin: 0 5px;
}

.form_img { margin: 0 0 10px 0; }

#form-panier { }

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

.form_col {
	width: 120px;
}

.form_news {
	width: 210px;
}

.imgspoon {
	margin: 0;
	padding-top: 3px;
}

select.selecteurrayon {
	width: 140px;
	font-size: 12px;
}

select.selecteurrayon option{
	padding: 2px 0;
	font-size: 12px;
}

form#form-news-head {
	margin: 0;
}

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

input.search { width: 185px; }

/* --------------------------------------------------- */
/*               ÈlÈments rÈcurrents                   */
/* --------------------------------------------------- */

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

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

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

.alerte_erreur {
	color: #d3147b;
	font-weight: bold;
}
.alerte_info {
	color: #5DAC00;
	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;
}

.puce-verte { background: url(/_boutiques/MLLEBIO/site_image/pt-vert.gif) 0 2px no-repeat; padding-left: 20px;}

/* largeur ‡ spÈcifier pour centrer le bloc */
#bloc-pro-asso { 
	width: 60px;
	margin: 0 auto;
}

/* --------------------------------------------------- */
/*                structure : ÈlÈments                 */
/* --------------------------------------------------- */

#elem_panier {
	padding: 4px 20px 0 0;
	position: relative;

}

#elem_panier p {
	margin: 1px 0;
	padding: 0;

}

#elem_menu { /*classe css pour le menu provisoire, ‡ ajuster lorqsque JÈrÙme aura fait le programme pour afficher les catÈgories*/
	height: 150px;
	overflow: auto;
}

#elem_menu a {
	color: #000000;
	text-decoration: none;
	text-indent: 20px;
	display: block;
	width: 140px;
	height: 20px;
	line-height: 20px;
	background:  transparent url(/_boutiques/MLLEBIO/site_image/menu_rollover.gif) 0 0 no-repeat;
 }
 
#elem_menu a:hover {
	color: #0033FF;
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu_rollover.gif) -140px 0 no-repeat;
}

#elem_newsletter {
	padding: 0 0 0 5px;
	margin: 4px 0 0 0;
	width: 342px;
	height: 56px;
}

#elem_newsletter p {
	padding: 3px 0 0 5px;
	font-size: 12px;
	margin: 2px 0 1px;
}

p#optin {
	font-size: 10px;
	padding: 0 0 0 5px;
	margin: 0;
}

p#optin input {
	vertical-align: -4px;
}

div.bloc-page { z-index: 10;}

/* --------------------------------------------------- */
/*                  structure : en-tete                */
/* --------------------------------------------------- */

#langues {
	position: absolute;
	z-index: 100;
	top: 16px;
	left: 10px;
}

#langues img { margin: 0 0 10px 4px;}

.lang-fr {
	background: #fff url(/_boutiques/MLLEBIO/site_image/flag-fr.gif) 50% 0 no-repeat;
	padding: 16px 4px 0 4px;
	text-decoration: underline;
	font-weight: bold;
}

.lang-en {
	background: #fff url(/_boutiques/MLLEBIO/site_image/flag-en.gif) 50% 0 no-repeat;
	padding: 16px 4px 0 4px;
	color: #666;
	text-decoration: none;
}

a:hover.lang-en {
	background: #fff url(/_boutiques/MLLEBIO/site_image/flag-en.gif) 50% 0 no-repeat;
	color: #666;
}

#info-head {
	background: transparent url(/_boutiques/MLLEBIO/site_image/fond-header-infos-02.jpg) 100% 0 no-repeat;
	position: absolute;
	top: 15px;
	right: 365px;
	height: 38px;
	padding: 0;
	font-size: 10px;
}

#info-head p {
	background: transparent url(/_boutiques/MLLEBIO/site_image/fond-header-infos-01.jpg) 0 0 no-repeat;
	display: block;
	line-height: 36px;
	height: 38px;
	margin: 0 13px 0 0;
	padding: 0 0 0 13px;
}

#info-head a { color: #3f3f3f;}

/*  espace membre   */
#espace-membre {
	float: right;
	position: relative;
	display: block;
	width: 352px;
	height: 121px;
	margin: 10px 5px 0 0;
}

.membre-form {
	width: 90px;
	color: #666;
}

#inscription {
	background: #f2f2f2;
	padding: 0 0 0 5px;
}
.push {
	padding-left: 65px;
}

.sous-info {
	font-size: 10px;
	margin: 0;
	padding: 0 10px 0 0;
}

#inscription legend {
	color: #d3147b;
	margin: 0 0 3px 0;
	padding: 3px 0 0;
	font-size: 13px;
}

#inscription fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#btn-inscription {
	position: absolute;
	height: 48px;
	bottom: 2px;

}

#btn-inscription p {
	height: 48px;
	width: 105px;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 45px;
}

#btn-inscription p a {
	text-decoration: none;
}

#panier {
	position: absolute;
	bottom: 2px;
	right: 0;
	width: 246px;
	height: 48px;
}

p#monpanier {
	text-align: left;
	padding: 0 0 0 55px;
	margin: 1px 0;
}

a#panier-ico {
	background: transparent url(/_boutiques/MLLEBIO/site_image/panier-head.gif) 0 0 no-repeat;
	position: absolute;
	top: 8px;
	left: 10PX;
	z-index: 1000;
	display: block;
	width: 28px;
	height: 33px;
}

a:hover#panier-ico {
	background: transparent url(/_boutiques/MLLEBIO/site_image/panier-head.gif) -28px 0 no-repeat;
}

#btn-panier {
	position: absolute;
	right: 6px;
}

p.btn-rose {
	background:#fff url(/_boutiques/MLLEBIO/site_image/fond_btn-rose.gif) no-repeat;
	height: 25px;
	width: 95px;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 24px;
	float: left;
}

p.btn-rose a {
	color: #fff;
	text-decoration: none;
}


/*  fin espace membre  */

#lien-logo {
	position: absolute;
	z-index: 50;
	background: #eee;
	display: block;
	width: 232px;
	height: 100px;
	bottom: 26px;
	left: 18px;
}

/* --------------------------------------------------- */
/*              structure : colonne gauche             */
/* --------------------------------------------------- */

#elem_rechercher {
	background: transparent url(/_boutiques/MLLEBIO/site_image/col_v_bas_2.gif) 0 100% no-repeat;
	padding: 0 5px 5px;
	margin-bottom: 8px;
	zoom:1;
}

#recherche-type {
	background: transparent url(/_boutiques/MLLEBIO/site_image/col_v_bas_1.gif) 0 100% no-repeat;
	padding: 0 5px 5px;
	margin-bottom: 8px;
	z-index: -1;
}

#recherche-type ul li {
	list-style: none;
}

#recherche-marque {
	background: transparent url(/_boutiques/MLLEBIO/site_image/col_v_bas_1.gif) 0 100% no-repeat;
	padding: 0 5px 5px;
	margin-bottom: 8px;
	overflow: hidden;
}

#recherche-marque select {
	margin: 8px 0;
	font-size: 12px;
}

#recherche-marque select option {
	font-size: 12px;
	padding: 2px 0;
}

#recherche-marque ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#recherche-marque ul li {
	float: left;
	display: inline;
	width: 42%;
	padding: 0 0 0 3%;
	margin: 1px 0;
}

#recherche-aroma {
	background: transparent url(/_boutiques/MLLEBIO/site_image/col_v_bas_1.gif) 0 100% no-repeat;
	padding: 0 5px 5px;
	margin-bottom: 8px;
}

#diagnostic {
	padding: 0 5px 5px;
	margin-bottom: 8px;
}

#offre-speciale {
	background: transparent url(/_boutiques/MLLEBIO/site_image/col_v_bas_2.gif) 0 100% no-repeat;
	padding: 0 5px 5px;
	margin-bottom: 8px;
	overflow: hidden;
}

#historique {
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_bas_historique.gif) 0 100% no-repeat;
	padding: 0 5px 5px;
	margin-bottom: 8px;
	overflow: auto;
	height: 1%;
}

#historique h2 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_haut_historique.gif) 100% 100% no-repeat;
	height: 29px;
	line-height: 29px;
}


#historique ul {
	padding: 0 6px;
	margin: 0;
	list-style: none;
}

#historique ul li {
	float: left;
	display: inline;
	width: 50%;
}

#historique img {
	height: 85px;
	width: auto;
}

#infos-gen {
	background: transparent url(/_boutiques/MLLEBIO/site_image//bloc-infos-col-FR.gif) 0 0 no-repeat;
	width: 252px;
	height: 226px;
	display: block;
	margin-left: -2px;
	padding-top: 8px;
}

#infos-gen p {
	line-height: 26px;
	margin: 0 0 0 45px;
	font-size: 10px;
	color: #666;
	text-decoration: none;
}

#infos-gen p strong {
	text-decoration: underline;
	font-weight: normal;
	color: #5dac00;
	font-size: 11px;
}

#infos-gen p strong a{
	margin-left:0px;
	text-decoration: underline;
	font-weight: normal;
	color: #5dac00;
	font-size: 11px;
}

#infos-gen a {
	margin: 0 0 0 20px;
	line-height: 25px;
}
/*  partie hautes des cadres de la colonne  */

.top1 { /*   vert  */
	background: transparent url(/_boutiques/MLLEBIO/site_image/col_v_haut_1.gif) 0 0 no-repeat;
	display: block;
	height: 25px;
	line-height: 25px;
	text-indent: 45px;
	margin-left: -5px;

}

.top2 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/col_v_haut_2.gif) 0 0 no-repeat;
	display: block;
	height: 25px;
	line-height: 25px;
	text-indent: 5px;
	margin-left: -5px;
}

.top3 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/col_v_haut_3.gif) 100% 0 no-repeat;
	display: block;
	height: 25px;
	line-height: 25px;
	margin-right: -1px;
	text-align: right;
	padding-right: 70px;
}

.top4 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/col_v_haut_4.gif) 100% 0 no-repeat;
	display: block;
	height: 25px;
	line-height: 25px;
	margin-right: -1px;
	text-align: right;
	padding-right: 65px;
}

.top5 { /*  bleu   */
	display: block;
	height: 27px;
	line-height: 27px;
	text-indent: 15px;
	margin-left: -15px;
	color: #33cced;
}

.zindex0 {
	position: relative;
	z-index: 0;
}

/* --------------------------------------------------- */
/*                       index                         */
/* --------------------------------------------------- */
#homeLink {
	text-indent: 5px;
	font-size: 11px;
	heigth: 12px;
	margin: 0;
	padding: 0;
}

#homeLink a, #homeLink a:hover, #chemin a, #chemin a:hover {
	color: #8c8c8c;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#txt-home {
	width: 504px;
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_bas_txthome.gif) 0 100% no-repeat;
	overflow: hidden;
	margin: 10px 0;
	zoom:1;
}

#txt-home p { padding: 3px 10px 10px;}
#txt-home a { color:#000000; text-decoration:none }
#txt-home a:hover { color:#000000; text-decoration:none }
#txt-home img { margin: 4px 8px 6px 6px;}

#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; display: inline;}
#news-home p { margin: 0 0 5px 0;}

#pub {
	width: 200px;
	height: 200px;
	float: right;
	display: inline;
	position: relative;
	margin: 30px 0 0;
}

#coupsdecoeur {
	overflow: auto;
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_bas_coeur.gif) 0 100% no-repeat;
	margin: 10px 0;
	height: 1%;
	width: 715px;
}

.cc-wrap {
	padding: 0 4px 7px 4px;
	background: transparent url(/_boutiques/MLLEBIO/site_image/fond-pointilles.gif) 50% 0 repeat-y;
	height: 1%;
	overflow: hidden;
}

.cc-bloc {
	width: 25%;
	float: left;
	display: inline;
}

.cc-innerbloc {
	margin: 0 5px;
	font-size: 11px;
}

.cc-innerbloc strong {
	font-weight: normal;
	font-size: 11px;
	color: #385d00;
	text-transform: uppercase;
}

.cc-nom {
	display: block;
	height: 36px;
}

.cc-nom a {
	text-decoration: none;
	color: #333;
}

#ajax_cat_2 {
	overflow: auto;
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_bas_proasso.gif) 0 100% no-repeat;
	margin: 10px 0;
	height: 1%;
	width: 715px;
	position: relative;
	z-index: 500;
}

#nouveautes {
	width: 232px;
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_bas_nouveau.gif) 0 100% no-repeat;
	margin: 10px 0;
	display: inline;
}

p.wraplink {
	height: 20px;
	margin: 0 0 0 6px;
}

P.wraplink2 {
	height: 20px;
	margin: 12px 0 0 6px;
}

.bloc-produit-news {
	display: block;
	width: 210px;
	margin: auto;
	min-height: 120px;
	border-bottom: 1px dotted #5dac00;
}

*html .bloc-produit-news { height: 120px;}

.bloc-produit-news h2 {
	font-size: 12px;
	padding: 6px 0 0 0;
	margin: 0 0 2px;
}

.bloc-produit-news h2 a {
	color: #385D00;
	text-decoration: none;
}

.bloc-dernier-avis h2 {
	font-size: 12px;
}


.vig100 {
	width: 100px;
	margin: 5px;
}

#favoris {
	position: relative;
	width: 220px;
	margin: 10px auto;
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_haut_favoris.gif) 0 0 no-repeat;
}

#favoris h4 {
	line-height: 31px;
	text-indent: 8px;
}

.fond-favoris {
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_bas_favoris.gif) 100% 100% no-repeat;
	padding: 0 5px;
}

.wrapper1 {
	width: 232px;
	margin: 10px 0;
	display: inline;
}

#der_avis {
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_bas_deravis.gif) 0 100% no-repeat;
	padding: 8px;
}

.avisnote {
	margin: 0 0 10px 0;
}

#expertise {
	margin: 10px 0;
}

/*  partie hautes des cadres de la home  */

#txt-home h1 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_haut_txthome.gif) 100% 0 no-repeat;
	display: block;
	height: 26px;
	line-height: 26px;
}

.top_proasso {
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_haut_proasso.gif) 100% 0 no-repeat;
	display: block;
	height: 32px;
	line-height: 32px;
}

.top_coeur {
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_haut_coeur.gif) 100% 0 no-repeat;
	display: block;
	height: 35px;
	line-height: 20px;
	margin-right: 0;
	padding-left: 65px;
}

.top_nouveau {
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_haut_nouveau.gif) 100% 0 no-repeat;
	display: block;
	height: 28px;
	line-height: 28px;
}

/* --------------------------------------------------- */
/*                 catalogue, rayons                   */
/* --------------------------------------------------- */

.syspage  {  }
.syspage a  {  }
.syspage a:hover  {  }

/* --------------------------------------------------- */
/*                     catÈgorie                       */
/* --------------------------------------------------- */

.bloc-produit {
	width: 146px;
	height: 230px;
	margin: 3px;
}

.large {
	position: relative; 
	margin: 0 -6px 6px -6px;
}

#wrap-info-ssrayon {
}

#wrap-info-ssrayon h1 {
	position:relative;
	z-index: 100;
	display: block;
	line-height: 20px;
	margin: 8px 0 0;
	padding: 0 0 0 6px;
	font-size: 20px;
	font-weight: bold;
}

#wrap-info-ssrayon h1 a {
	color: #5dac00;
	text-decoration: none;
}


#info-ssrayon {
	position:relative;
	z-index: 10;
	margin-top: -8px;
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_bas_proasso.gif) 0 100% no-repeat;
	padding: 0;
	overflow: auto;
/overflow:hidden;
	font-size: 14px;
	height: 1%;
	width: 715px;
}

#info-ssrayon div {
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_haut_sscat.gif) 100% 0 no-repeat;
	padding: 20px 0 0;
	margin: 0;
}

#info-ssrayon img {
	float: left;
	margin: 6px 6px 6px 10px;
	display: inline;
}

#info-ssrayon p {
	margin: 0 10px 6px;
	font-size: 12px;
}

p.tri {
	text-align: right;
	border-bottom: 1px solid #5dac00;
	padding: 20px 0;
}

#info-rayon {
	margin-top:8px;
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_bas_coeur.gif) 0 100% no-repeat;
	padding: 0 0 8px 0;
	overflow: auto;

	height: 1%;
	width: 715px;
}

div#info-rayon h1 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/cat_v_haut_rayon.gif) 100% 0 no-repeat;
	display: block;
	height: 35px;
	line-height: 35px;
	margin-right: 0;
	font-size: 20px;
	font-weight: bold;
}

div#info-rayon h1 a {
	color: #5dac00;
	text-decoration: none;
}

div#info-rayon h2 {
	margin: 8px;
}

#info-rayon img {
	float: left;
	margin: 6px 6px 6px 10px;
	display: inline;
}

#info-rayon p {
	margin: 8px;
}

#info-rayon a, #info-rayon a:hover {
	text-decoration: none;
}

ul#liste-ssrayon {
	margin: 0;
	padding: 0;
	overflow: auto;
}

ul#liste-ssrayon-parfums {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#liste-ssrayon li {
	width: 45%;
	line-height: 20px;
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
	list-style-image: url(/_boutiques/MLLEBIO/site_image/pt-vert.gif);
	list-style-position: inside;
}

#liste-ssrayon-parfums li {
	width: 140px;
	height: 140px;
	float: left;
	padding: 0;
	margin: 0 1px;
	list-style-type: none;
}

#liste-ssrayon li a, #liste-ssrayon-parfums li a {
	text-decoration: none;
}

#produits-apprecies { /*  diminutif : pa */
	margin: 14px 0;
	padding: 0;
}

#produits-apprecies h2, h2.styledCategorie {
	color: #5dac00;
	font-size: 18px;
}

.pa-unite {
	border-bottom: 1px solid #5dac00;
	overflow: hidden;
	height: 160px;
	/height: 162px;
	position: relative;
}

.pa-unite a img {
	float: left;
	display: inline;
	margin: 7px;
	width: 115px;
	height: auto;
}

.pa-btn {
	position: absolute;
	top: 7px;
	right: 0;
	display: inline;
	width: 120px;
	margin: 0;
	z-index: 101;
}

.pa-btn a img {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

.pa-btn table {
	padding: 0;
	margin: 0;
}
.pa-btn table tr td a img{
	padding: 0;
	margin: -16px 0 0 -2px; /*  marge nÈgtive pour remonter le bouton  */
}

.pa-btn form {
	position: relative;
}

.pa-btn form select {
	width: 120px;
	margin: 4px 0;
}

.selectSousProduit {
	position: absolute;
	top: 54px;
	left: -140px;
	z-index: 100;
}

.pa-prix {
	background: #f2f2f2;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #385d00;
	margin: 0 7px 4px 0;
	padding: 8px 0;
}

.pa-prix span.promoaulieude {
	display: inline;
	font-size: 9px;
	line-height: 12px; 
	position: relative; 
	top: 5px;
}

.pa-prix del {
	display: none;	
}

.pa-infos {
	margin-right: 130px;
	/margin-right: 125px;
	overflow: auto;
}

.pa-infos h3 {
	margin: 8px 0 4px 0;
	color: #385d00;
	line-height: 15px;
}

.pa-infos h3 a {
	color: #385d00;
	text-decoration: none;
}

.pa-infos a img {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 4px 0 0;
}

.pa-infos p {
	clear: both;
}

.pa-note {
	background: #fff url(/_boutiques/MLLEBIO/site_image/pointilles-horizontaux.gif) 0 0 repeat-x;
	position: absolute;
	bottom: 5px;
	left: 130px;
	z-index: 100;
	width: 465px;
	height: 22px;
}

.pa-note img {
	padding: 5px 10px 0 0;
	float: left;
}

.pa-note p {
	line-height: 24px;
}


/* ----------------------------------------------------------- */
/*                    fiche produit  abbr. fp                  */
/* ----------------------------------------------------------- */

#chemin {
	position: absolute;
	z-index: 2000;
	top: 0;
	left: 73px;
	font-size: 11px;
}

#fp {
	overflow: auto;
	height: 1%;
}

#fp img.mini_img4 {
	float: left;
	margin: 0 12px 6px 0;
}

#fp-fournisseur {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

#fp-nom {
	color: #666;
	font-size: 12px;
}

#fp-img {
	
}

#fp-img img {
	width: 200px;
	float: left;
	display: inline;
	margin: 0 8px 8px 0;
}

#info-produit {
	/*margin-left: 215px; /*  largeur de l'image produit plus de la marge   */
	padding-left: 15px;
	overflow: hidden;
	height: 1%;
}

#info-produit table {
	margin: 0;
}

#info-produit form select {
	margin: 6px 6px 0;
}

#fp-prix {
	background: #f2f2f2;
	color: #385d00;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	float: left;
	display: inline;
	padding: 0 20px;
	text-align: center;
}

#fp-prix span.promoaulieude {
	display: inline;
	font-size: 9px; 
	line-height: 12px; 
	position: relative; 
	top: -2px;
}

#fp-prix del {
	display: none;	
}

#fp-prix select { margin: 2px 0 10px;}

#fp-note-avis {
	border-top: 1px dotted #5dac00;
	padding: 15px 0 15px 0;
	margin-top: 15px;
	overflow: hidden;
}

#fp-note-avis p {
	margin: 0 85px 0 0;
}

#fp #info-produit form {
	position: relative;
}
	
#fp .selectSousProduit {
	left: 230px;
	top: 0;
}

p#lire-avis {
	margin: 6px 95px 6px 0;
}

.vignettes img {
	height: 40px;
	width: 40px;
	margin: 4px 6px 4px 0;
}

/*   Onglets fiche produit   */

#onglets-box {

}

#description {
	display: block; /*  systËme d'onglets pas encore utilisÈs   */
	background: transparent url(/_boutiques/MLLEBIO/site_image/onglet-bas.gif) 0 100% no-repeat;
	padding: 5px 10px;
}

#conseils {
	display: none;
	background: transparent url(/_boutiques/MLLEBIO/site_image/onglet-bas.gif) 0 100% no-repeat;
	padding: 5px 10px;
}

#labels {
	display: none;
	background: transparent url(/_boutiques/MLLEBIO/site_image/onglet-bas.gif) 0 100% no-repeat;
	padding: 5px 10px;
}

#composition {
	display: none;
	background: transparent url(/_boutiques/MLLEBIO/site_image/onglet-bas.gif) 0 100% no-repeat;
	padding: 5px 10px;
}

#marque {
	display: none;
	background: transparent url(/_boutiques/MLLEBIO/site_image/onglet-bas.gif) 0 100% no-repeat;
	padding: 5px 10px;
}

/*   fin Onglets fiche produit   */

/* onglets marque */

#onglet1, #onglet2, #onglet3, #onglet4, #onglet5 {
	display: none;
	background: transparent url(/_boutiques/MLLEBIO/site_image/onglet-bas.gif) 0 100% no-repeat;
	padding: 5px 10px;
}

.ong-mar {
	font-size: 10px;
	font-weight: normal;
}

/* fin onglets marque */


/*   Produits associÈs fiche produit  (abbr. fp-pa)  */

#fp-pa {
	overflow: hidden;
	background: transparent url(/_boutiques/MLLEBIO/site_image/shop_v_bas_proasso.gif) 0 100% no-repeat;
	margin: 10px 0;
	padding: 0 0 6px;
	height: 1%;
	width: 715px;
}

.fp-pa-wrap {
	padding: 0 10px;
	background: #f60 url(/_boutiques/MLLEBIO/site_image/fond-pointiles.gif) 50% 0 repeat-y;
}

.fp-pa-bloc {
	width: 25%;
}

.fp-pa-innerbloc {
	margin: 0 5px;
}

.fp-pa-img {
	height: 140px;
	text-align: center;
}

.fp-pa-prix {
	background: #f2f2f2;
	color: #385d00;
	font-size: 14px;
	text-align: right;
	display: block;
	height: 20px;
	line-height: 20px;
}

.fp-pa-prix del {
	color: #666;
}

.fp-pa-nom {
	display: block;
	height: 36px;
	
}

/*   fin Produits associÈs fiche produit   */

#avis-box {
	background: transparent url(/_boutiques/MLLEBIO/site_image/avis-v-bas.gif) 100% 100% no-repeat;
	margin: 10px 5px;
}

#avis-box h3 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/avis-v-haut.gif) 100% 100% no-repeat;
	line-height: 39px;
	font-size: 18px;
	color: #5dac00;
	font-weight: normal;
}

#avis-box p {
	margin: 3px 15px;
}

.avis {
	border-bottom: 1px dotted #5dac00;
	margin: 10px;
}

.avis p {
	margin: 0;
}
/* --------------------------------------------------- */
/*                        news                         */
/* --------------------------------------------------- */

.news { }

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

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

/* TABLEAU A COULEURS ALTERNEES */
.styleCell1 { background-color: #fff; }
.styleCell1 img { margin: 3px;}
	
.styleCell2 { background-color: #F6F6F6; }
.styleCell2 img { margin: 3px;}

/* --------------------------------------------------- */
/*                      avis                           */
/* --------------------------------------------------- */

.avis-unite {
	border-bottom: 1px solid #5dac00;
	overflow: auto;
	position: relative;
}

.avis-unite a img {
	float: left;
	display: inline;
	margin: 5px;
	width: 115px;
	height: auto;
}

.avis-btn {
	position: absolute;
	top: 4px;
	right: 0;
	display: inline;
	width: 120px;
	margin: 0;
}

.avis-btn a img {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

.avis-btn form {
	position: relative;
}

.avis-btn form select {
	width: 120px;
	margin: 4px 0;
}

#page-avis h1 {
	margin: 10px 0 6px;
}


#page-avis h2 {
	color: #5dac00;
	font-size: 16px;
	font-weight: bold;
}

#bl-avis-form {
	float: left;
	background: #fff url(/_boutiques/MLLEBIO/site_image/avis-form-bottom.gif) 100% 100% no-repeat;
	width: 340px;
	margin: 5px 20px 30px 0;
}

#bl-avis-form h2 {
	margin: 10px 0 6px 0;
}

#bl-avis-form div {
	background: transparent url(/_boutiques/MLLEBIO/site_image/avis-form-top.gif) 100% 0 no-repeat;
	padding: 0 0 8px 0;
	overflow: auto;
}

#bl-avis-liste {
	background: transparent url(/_boutiques/MLLEBIO/site_image/avis-liste.gif) 350px 7px no-repeat;
	margin: 22px 0 0;
}

#bl-avis-liste h2 span {
	background: #fff;
}

#form-avis {
	margin: 10px 0;
}

#form-avis p {
	margin: 0;
	padding: 0;
}

#form-avis p span{
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 2px;
}

#form-avis label {
	text-align: right;
	width: 140px;
	height: 20px;
	line-height: 20px;
	display: block;
	float: left;
	margin: 2px 6px 2px 0;
}

#form-avis input {
	height: 16px;
	border: 1px solid #666;
	margin: 2px 0;
	width: 180px;
}

#form-avis select {
	margin: 2px 6px 2px 0;
	height: 20px;
	border: 1px solid #666;
}

#form-avis textarea {
	margin: 2px 0;
	height: 120px;
	width: 180px;
	border: 1px solid #666;
}


input#btn-envoi {
	height: auto;
	width: auto;
	float: right;
	margin: 2px 12px 2px 2px;
	border: none;
}

p.avis2 {
	margin: 4px 2px 18px 2px;
}

/* --------------------------------------------------- */
/*                  newsletter                         */
/* --------------------------------------------------- */

.newsl-box {
	margin: 6px 0 12px;
}

.newsl-box form input {
	margin: 3px 4px 3px 0;
}


/* --------------------------------------------------------- */
/* old : STYLES  DES ALERTES (panier, mescommandes, parrainage etc */
/* --------------------------------------------------------- */

.black { color: black; }
.orange { color: orange; }
.green { color: green; }
.red { color: red; }

.clr-rose {
	color: #d3147b;
}

.clr-vert {
	color: #5dac00;
}

.clr-vertf {
	color: #385d00;
}

.clr-grisf {
	color: #333;
	text-decoration:none;
}

.clr-grisc {
	color: #666;
}

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

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

#pagesWeb {
	padding: 8px 14px;
}

#pagesWeb h1 {
	margin: 0 0 8px 0;
}

#pagesWeb p img {
	margin: 0 6px -3px 0;
}



/* -------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Script du menu en onglet                                                                                                                           */
/* Menu en onglet de la fiche produit (avec le script JS) http://www.css4design.com/blog/index.php/2006/07/05/25-menu-a-onglet-avec-javascript-et-css */



#sep ul {
	position: relative;
	/*left: -10px;*/
	width: 100%;
	padding-left:15px ; /*dÈbordement ie6 avant 15px*/
	margin: 0;
	margin-bottom:0px;
	font-weight: bold;
}
#sep ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
#sep ul li a {
	text-align: center;
	display: block;
	width: 143px;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
}
#sep ul li a:hover {
	cursor: pointer;
}
#sep a.current {
	background-image: url(/_boutiques/MLLEBIO/site_image/onglets-map.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
#sep a.ghost  {
	background-image: url(/_boutiques/MLLEBIO/site_image/onglets-map.gif);
	background-repeat: no-repeat;
	background-position: left -25px;
	color: #5dac00;
}
#sep .on {
	display: block;
	padding-top:0px;
	top:0px;
	padding-left:15px;
	margin-top:0px;
}
#sep .off {
	display: none;
	padding-left:15px;
}


.on p {
    margin:0 10px;
	padding-top:40px;
	width: 552px;
}
.ontop {
	top:0px;
	padding-top:0px;
	margin-top:0px;
}
.onmiddle {
	border-left: 1px solid #86c140;
	border-right: 1px solid #86c140;
	width: 570px;

}
.onbottom {
	background-image: url(/_boutiques/MLLEBIO/site_image/onglets-foot.gif);
	background-repeat: no-repeat;
	height: 25px;

}

#fiche { margin-left: 0px; }




/* Couleurs Fiche produit */
.box { position: absolute; top: 80px; width: 280px; padding: 10px; background: #f7f3ea; border: 1px solid #ccc; }
.box.indexPos1, 
.box.indexPos2, 
.box.indexPos3 { right: 0; }
.box.indexPos4, 
.box.indexPos5 { left: 0; }



#bloc_maquil { position: relative; }
#bloc_maquil .txtmaqui2 { padding: 0 15px; }


/* ONGLET RENTASHOP */
#prd-onglets { margin: 0 auto; width: 660px; overflow: hidden; display: block; position: relative; }
    #prd-onglets #onglets-box { background: #fff url(/_boutiques/MLLEBIO/site_image/shop_v_haut_onglet2.gif) right top no-repeat; height: 26px; }
        #onglets-box .onglet { overflow: hidden; color: #5DAC00; font-weight: bold; display: block; float: left; height: 26px; line-height: 26px; text-align: center; text-decoration: none; width: 114px; margin: 0; padding: 0; font-size: 12px; font-family: arial,helvetica,sans-serif; background-image: url(/_boutiques/MLLEBIO/site_image/onglets-map2.gif); background-position: left -26px; background-repeat: no-repeat; }
        #onglets-box .onglet:hover {  }
        #onglets-box .onglet.active { color: #D3147B; background-position: left top; }
        
        #onglets-box.onglet_4 .onglet { width: 165px; background-image: url(/_boutiques/MLLEBIO/site_image/onglets-map2_4.gif); }
        #onglets-box.onglet_5 .onglet { width: 132px; background-image: url(/_boutiques/MLLEBIO/site_image/onglets-map2_5.gif); }
        #onglets-box.onglet_6 .onglet { width: 110px; background-image: url(/_boutiques/MLLEBIO/site_image/onglets-map2_6.gif); }
        
    #prd-onglets .onglet-contenu { position: relative; clear: left; border-left: 1px solid #86C140; border-right: 1px solid #86C140; padding-bottom: 35px; }
    	#prd-onglets .onglet-contenu p { margin: 0 10px; padding-top: 20px; }
	    #prd-onglets .onglet-contenu .onglet-bottom { position: absolute; bottom: 0; left: -1px; width: 660px; background: #fff url(/_boutiques/MLLEBIO/site_image/onglets-foot2.gif) left top no-repeat; height: 25px; }
    #prd-onglets .contenu-sans-onglet {  }




/* VENTE PRIVEE */


	.vp-rose{
		color: #cc0066;
		font-weight: bold;
		font-size: 14px;
	}
	
	.vp-list{
		color: #cc0066;
		font-weight: bold;
		font-size: 16px;
		padding-top: 25px;
	}
	
	.vp-list a{
		color: #666666;
		font-weight: normal;
		font-size: 14px;
		line-height: 18px;
	}
	
	#vp-bienv{
		font-size: 18px;
		color: #cc0066;
		font-weight: bold;
		padding-top: 25px;
	}
	
	.vp-exp{
	font-weight: bold;
	color:#cc0066;
	}
	
	#titre h2{
		display:block;
		margin-left: auto;
		margin-right: auto;
		background: url(http://www.mademoiselle-bio.com/imgfck/19/Image/venteprivee/logo.jpg) no-repeat;
		width:341px;
		height:80px;
	}
	
	#titre h2 span{
		position: absolute;
		top: -999999px;
	}
