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

body  {
	margin:0; padding:0;
	
	background: #f5d9de ;
	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: 15px;}

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: 18px;
	font-weight: normal;
	color: #d3147b;
	margin: 0 0 12px 0;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	color: #d3147b;
	margin: 0 0 8px 0;
}


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

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

th {
	color: #FFFFFF;
	background-color: #999999;
	padding: 3px;
}

th a { color:#FFFFFF; }

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

strong {

}

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

form { margin:0; padding:0; }

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

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

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

form input {
	vertical-align: middle;
}

del { color: #0C161A}

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

.text-invisible a{
	color: #000000;
	text-decoration: none;
}

.text-invisible a:hover{
	color: #000000;
	text-decoration: none;
	
}

#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/header-accueil.gif) no-repeat;
}

#conteneur {
	position: relative;
	display: block;
	background: #ffffff url(/_boutiques/MLLEBIO/site_image/fond-accueil.gif) 50% 0 repeat-y;
}

#conteneur-interne {
	display: block;
}



.clearfloat {
	clear: both;
}

#pied-page {
	position: relative;
	display: block;
	height: 92px; /* Hauteur √  rendre dynamique */
	background: transparent url(/_boutiques/MLLEBIO/site_image/footer-accueil.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;
	margin: 0 15px 0 0;
	padding: 0;
}

#pied-page a, #pied-page 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; }
.fl-gauche { float: left; }

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

.nobr { white-space: nowrap; }

.overflow-auto {
	overflow: auto;
}


/* --------------------------------------------------- */
/*               é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: #FF0000;
	font-weight: bold;
}
.alerte_info {
	color: #009933;
	font-weight: bold;
}

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

.encart-dynamique li {
	
}

.avis {
	font-style: italic;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

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

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

.i-frame p {
	margin: 0;
}

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

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

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

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

#form-panier { }

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

.form_news {
	width: 210px;
}

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

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


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

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

#conteneur{
background:#FFFFFF url(/_boutiques/MLLEBIO/site_image/fond-accueil.gif) repeat-y scroll 50% 0;
display:block;
position:relative;
padding-left:5px;
border-bottom:#D9D9D9;
}

#partie1{
border-bottom: 2px solid #D9D9D9;
width:1000px;
}


/* --------------------------------------------------- */
/*                  structure : colonne gauche         */
/* --------------------------------------------------- */
#colonne-gauche{
 width: 239px;
 float:left;
 overflow: hidden;
}

#elem_rechercher{
background:transparent url(/_boutiques/MLLEBIO/site_image/recherche.gif) no-repeat scroll 3px 3px;
height:90px;
margin:0 0 5px -3px;
padding:0 2px 2px 0;
padding-left:10px;
padding-right:0;
padding-top:1px;
width:229px;
}

#elem_rechercher h2{
text-indent: 35px;
padding-top: 3px;
}



#menu-gauche{
height: 358px;
}

#menu-gauche h2{
color: #669900;
font-size: 16px;
margin-top: 2px;
}

#menu-gauche #rayon-rapide{
	list-style:none;
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	font-size: 14px;
}
#menu-gauche #rayon-rapide .list-head{
	width:209px;
	display:block;
	padding-left: 10px;
	background: url(/_boutiques/MLLEBIO/site_image/fleche.gif) no-repeat;
}

.over{
cursor: pointer;
position: relative;
}

#menu-gauche #rayon-rapide .list-head a{
	color: #5B5B5B;
	line-height: 30px;
	text-decoration: none;}

#menu-gauche #rayon-rapide .sous-menu-gauche{
	background: #ffffff;
	background-image: none;
	padding-left: 15px;
	margin-left:0px;
	position: relative;
	overflow: hidden;
}

#menu-gauche #rayon-rapide .sous-menu-gauche li{
list-style: none;
height: 16px;
}

#menu-gauche #rayon-rapide .sous-menu-gauche li a{
list-style: none;
line-height: 16px;
font-size: 12px;
}

#menu-gauche #rayon-rapide .sous-menu-gauche li a:hover{
text-decoration: underline;
}



.plus{
position: absolute;
right: 5px;
bottom: 0px;
font-size: 12px;
width: 30px;
}


.produits li{
float:left;
width: 50%;
}

.produits{
overflow: hidden;
}


.pluus{
position: absolute;
right: -70px;
bottom: 0px;
font-size: 12px;
}

.over{
display:block;
width: 200px;
cursor: pointer;
}

#bloc-flash-home{
width:219px;
height:80px;
border: 1px solid #8D8D8D;
}

.home-h2{
color: #669900;
font-size: 16px;
}

#recherche-type ul li{
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:50%;
/line-height: 9px;

}



#recherche-type ul{
margin-top: 0px;
margin-bottom: 0px;
padding-left:6px;
margin-left:0px;
padding-top: 5px;
}



.padding{
padding-left: 13px;
}

#recherche-marque ul li{
list-style: none;
float: left;
width: 42%;
}

#recherche-marque{
padding-top: 10px;
clear: both;
}

#recherche-marque .selecteurrayon{
margin-top: 10px;
/margin-top: 1px;
margin-bottom: 10px;
width: 221px;
font-size: 12px;
height: 20px;
}

#recherche-marque ul{
margin-top: 0px;
margin-bottom: 0px;
padding-left:6px;
margin-left:0px;
}

#toutesmarques{
font-size:16px;
text-align:center;
padding-bottom:7px;
padding-top:7px;
}

#toutesmarques a {
color: #666666;
text-decoration: underline;
}

.over a:hover{
text-decoration: underline!important;
}



/* --------------------------------------------------- */
/*                  structure : colonne droite         */
/* --------------------------------------------------- */

#colonne-droite{
float:left;
width:752px;
position: relative;
}

#ensavoir{
position:absolute;
right:-9px;
top:-4px;
width:367px;
z-index: 999;
}

#es-top{
	background: url(/_boutiques/MLLEBIO/site_image/bannieredroite-top.png) no-repeat;
	width:367px;
	height:7px;
	display:block;
}

#es{
	border-left: 2px solid #cc0066;
	background: #ffffff;
	padding-left: 5px;
	padding-bottom: 0px;
}

#txt-visible{
	margin-bottom: 0px;
}

#txt-visible a{
	font-size: 10px;
	color: grey;
}

.text-invisible{
	margin-bottom:0px;
}

#es-bottom{
	background: url(/_boutiques/MLLEBIO/site_image/bannieredroite-bottom.png) no-repeat;
	width:367px;
	height:11px;
	display:block;

}

#bloc-produit{
	height: 327px;
	width: 752px;
	background: url(/_boutiques/MLLEBIO/site_image/produit-bg.gif) no-repeat;
	padding-left: 24px;
	position: relative;
}

#bloc-produit h2{
	color:#669900;
	font-size:18px;
	text-indent: 40px;
	line-height: 32px;
	
}

#balise1{
height:333px;
overflow:hidden;
position:relative;
width:695px;
}

#prec-home{
background: url(/_boutiques/MLLEBIO/site_image/prec.gif) no-repeat top left;
width:23px;
display: block;
height: 62px;
position: absolute;
left: 0px;
top: 170px;
cursor: pointer;
}


.promoaulieude{
font-size: 10px;
}

.fp-pa-prix del {
display:none;
}

#suiv-home{
background: url(/_boutiques/MLLEBIO/site_image/suiv.gif) no-repeat top left;
width:23px;
height: 62px;
display: block;
position: absolute;
right: 38px;
top: 170px;
}

#balise1 .cc2-wrap{
	position: absolute;
	left: 0px;
	top: 45px;
}

#balise1 .cc2-wrap  .cc2-bloc{
	float: left;
	width: 175px;
}

.cc2-innerbloc {
	margin: 5px;
}

.cc2-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;
}


.fp-pa-prix{
background:#F2F2F2 none repeat scroll 0 0;
color:#385D00;
display:block;
font-size:14px;
line-height:20px;
min-height:20px;
text-align:right;
}



#bloc-miseenavant{
	height:231px;
	padding-left:9px;
	padding-bottom:6px;
	padding-top:4px;

}

#offre{
	float:left;
	width: 392px;
}

#offre h2{
	color: #669900;
	font-size: 18px;
	margin-bottom: 5px;
}

#diagnostic{
	float:left;
	width: 345px;
	padding-left:6px;
}

#diagnostic h2{
	color: #669900;
	font-size: 18px;
	margin-bottom: 5px;
}

#diagnostic h2 a{
	color: #669900;
	font-size: 18px;
	margin-bottom: 5px;
	text-decoration: none;
}




#widget-home{
}

/* --------------------------------------------------- */
/*                  structure : derniere partie        */
/* --------------------------------------------------- */

#widget-home{
	border-top: 2px solid #F0F0F0;
	width:1000px;
	position: relative;
}

#historique{
position: absolute;
left: 13px;
top: 10px;

}

#historique ul{
padding-left: 0px;
margin-left: 0px;
}



#historique ul li{
float: left;
list-style: none;
}

#historique ul li img{
width: 100px;
height: 100px;
}

#blog-home{
width: 392px;
float: left;
margin-left:245px;
min-height:195px;
padding-top: 10px;
background: url(/_boutiques/MLLEBIO/site_image/blog-bg.gif) no-repeat top left;
}

#blog-home h2{
font-size: 20px;
font-weight: bold;
color:#FF8400;
text-indent: 60px;
}

#blog-home h2 a{
font-size: 20px;
font-weight: bold;
color:#FF8400;
text-indent: 60px;
text-decoration: none;
}

#blog-home h4 a{
font-size: 14px;
font-weight: bold;
color:#FF8400;
text-decoration:none;

}

#blog-home p{
font-size: 12px;
color:#666666;
font-weight: bold;
padding-left: 120px;
}

#expertise-home{
width: 346px;
float: left;
margin-left:9px;
min-height:215px;
height:auto !important;
/height: 215px!important;
padding-top: 10px;
background: url(/_boutiques/MLLEBIO/site_image/expert-bg.gif) no-repeat top left;
}

#expertise-home h2{
font-size: 20px;
font-weight: bold;
color:#33CCED;
text-indent: 45px;
}

#expertise-home h2 a{
font-size: 20px;
font-weight: bold;
color:#33CCED;
text-indent: 45px;
text-decoration: none;
}

#expertise-home h3 a{
font-size: 14px;
text-decoration:none;
font-weight: bold;
color:#33CCED;
}

#expertise-home h3{
padding-left:60px;
}

#expertise-home p{
font-size: 12px;
font-weight: bold;
color:#666666;
padding-left:95px;
}