/*
Theme Name: Mademoiselle Bio le blog
Theme URI: http://www.mademoiselle-bio.com/
Description: Le thème du blog de Mademoiselle Bio.
Version: 0.1
Author: Kinaly
 
Creation Theme by Kinaly || http://www.rentashop.fr
 
*/

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

.menu1 .mb_decale{
padding-left: 20px;
}

.part1 a span{
display:none;
}

#mb_jeudiag{
width: 200px;
margin-left: 24px;
}

html { font-size: 12px;}

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

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

p {
	margin: 0 0 6px 0;
}

h2, h2 a, h3 {
	font-size: 16px;
	font-weight: bold;
	color: #f60;
	padding: 0;
	margin: 0 0 6px 0;
}

a {
	color: #d3147b;
}

li {list-style-position: inside;}

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

input {
	vertical-align: middle;
}

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


#compte{
background: url(http://www.mademoiselle-bio.com/imgfck/19/Image/compteur.jpg) no-repeat;
width: 346px;
height: 31px;
display: block;
position: absolute;
left:293px;
top:49px;
z-index: 999;
text-decoration: none;
}

#jours{
font-size: 26pt;
color: D0006C;
top: -4px;
left: 73px;
position: absolute; 
}

#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(images/header.png) no-repeat;
	width: 100%;
}

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

#conteneur-interne {
	display: block;
}

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

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

.col-interne1 {
	margin: 4px; /* Valeur dynamique qui sert à générer une marge pour le contenu des colonnes. */
	padding-left: 3px;
}

.col-interne2 {
	padding: 0 5px 0 10px; /* Valeur dynamique qui sert à générer une marge pour le contenu des colonnes. */
}

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

#cp-interne {
	margin: 0 10px 4px 10px;
}

.clearfloat {
	clear: both;
}

#pied-page {
	position: relative;
	display: block;
	height: 92px; /* Hauteur à rendre dynamique */
	background: transparent url(images/footer.png) no-repeat;
}

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

#pied-page li {
	float: left;
	list-style-image: url(images/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;
}

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

/* --------------------------------------------------- */
/*                  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(images/flag-fr.gif) 50% 0 no-repeat;
	padding: 16px 4px 0 4px;
	text-decoration: none;
}

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

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

#info-head {
	background: transparent url(images/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(images/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: 9px 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;
	z-index: 10;
}

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

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

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

form#form-news-head fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

form#form-news-head label {
	font-size: 10px;
}

form#form-news-head label input {
	vertical-align: -4px;
}

#btn-submit {
	background: transparent url(images/btn-newsletter.gif) 0 0 no-repeat;
	border: none;
	width: 95px;
	height: 25px;
}

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

a#panier-ico {
	background: transparent url(images/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(images/panier-head.gif) -28px 0 no-repeat;
}

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

.panier {
	margin: 4px 0 6px 45px;
}

p.btn-rose {
	background:#fff url(images/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;
}

#elem_newsletter {
	padding: 0 0 0 5px;
	margin: 4px 0 0 0;
	width: 342px;
	height: 56px;
	position: relative;
	z-index: 1000;
}

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

#elem_newsletter a {
	text-decoration: none;
}

#elem_newsletter form {
	padding: 0;
}

.form_news {
	width: 210px;
}

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

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

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

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

}

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

}

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


/*--------------------------------------------------*/
/*                  menu en-tête                    */
/*--------------------------------------------------*/

.menu1 {
	position: absolute;
	bottom: 15px;
	right: 375px;
}

.menu1 ul{
width: 390px!important;
height: 51px;
background: url(http://www.mademoiselle-bio.com/_boutiques/MLLEBIO/site_image/trait_blog.gif) no-repeat 7px 0px;
}

.menu1 ul {padding:0;margin:0;list-style-type:none;}
.menu1 ul ul {}/* ---------n'a aucun effet sur FF*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu1 li {float:left;position:relative;} /* -------------Pour changer la largeur du menu principal*/
/* style the links for the top level */
.menu1 a, .menu1 a:visited {display:block;font-size:14px;text-decoration:none; height:51px; line-height:51px;}

.part1 {
padding-left:10px!important;
width: 23px;
	height: 20px!important;
}


.part1 a {

	margin-top: 17px;
	width: 23px;
	height: 20px!important;
	background: url(http://dev.mademoiselle-bio.com/_boutiques/MLLEBIO/DEV/site_image/accueil_logo.gif) no-repeat;
}

.part1 a:hover {
	background: url(http://dev.mademoiselle-bio.com/_boutiques/MLLEBIO/DEV/site_image/accueil_logo.gif) no-repeat 0px -20px;
}

.part1 a span{
display:none;
}


.part2 {
padding-left:11px!important;
}

.part2 a {
	color: #666;
}

.part2 a:hover {
	color: #5dac00;
}

.part3 a:hover {
	color: #33CCED;
}

.part3 {

	padding-left: 20px!important;

	z-index: 1000;
}

.part3 a {
	color: #666666;
}

.part4 {
padding-left: 35px!important;
	z-index: 50;
font-weight: bold;
}

.part4 a {
	color: #f60;
}

.part4 a:hover {
	color: #f60;
}

.part5{

}

.part5 a:hover{
color: #F1BD0A;
}

.part5 a{
	color: #666666;
	
}

/*--------------------------------------------------*/
/*                 couleurs                         */
/*--------------------------------------------------*/

.clr-rose {
	color: #d3147b;
}

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

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

.clr-grisf {
	color: #333;
}

.clr-grisc {
	color: #8c8c8c;
}

.clr-orange {
	color: #f60;
}

.clr-orange a {
	color: #f60;
}

/*--------------------------------------------------*/
/*                sidebars                          */
/*--------------------------------------------------*/

#sidebar1, #sidebar2 {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#sidebar1 ul, #sidebar2 ul, #sidebar2 li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#sidebar1 h2, #sidebar2 h2 {
	margin: 15px 0 0 0;
	font-weight: bold;
}

h2.widgettitle { font-size: 14px;}

#sidebar1 a, #sidebar2 a {
	text-decoration: none;
}

#sidebar1 a {
	color: #333;
}

#bloc-rechercher {
	background: transparent url(images/fond-recherche.gif) 0 100% no-repeat;
	width: 250px;
	margin: 0;
	padding: 0;
}

#bloc-rechercher h2 {
	background: #fff url(images/top-recherche.gif) 100% 0 no-repeat;
	margin: 0;
	padding: 0;
}

#bloc-rechercher form {
	width: 210px;
	margin: 0 auto;
	padding: 2px 0 10px 0;
}

input.search { margin: 4px 0 8px; }

#recent-posts, li#widget-list-control-item-17-fuzzy-widget-1, li#fuzzy-widget-1 {
	background: transparent url(images/colg-lastpost.gif) 100% 100% no-repeat;
	width: 250px;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
}

li#widget-list-control-item-17-fuzzy-widget-1 ul, li#fuzzy-widget-1 ul { margin: 2px 0 12px;}

#recent-posts h2{
	color: #333;
}

li#text-260670631 { margin: 30px 0 0;}

li#widget-list-control-item-17-fuzzy-widget-1, li#fuzzy-widget-1 {
	margin: 4px 0 20px;
}

li#widget-list-control-item-17-fuzzy-widget-1 h3, li#fuzzy-widget-1 h3 {
	font-size: 11px;
	margin: 3px 0;
	padding: 0;
}

#categories-271727231 {
	background: transparent url(images/fond-categories.gif) 0 100% no-repeat;
	width: 250px;
}

#categories-271727231 h2  {
	background: #fff url(images/top-categories.gif) 0 100% no-repeat;
	line-height: 28px;
	text-indent: 12px;
	margin: 0;
	padding: 0;
}

#categories-271727231 ul  {
	padding: 0 5px 15px 25px;
}

#categories-271727231 a  {
	text-decoration: underline;
}

#archives select {
	width: 250px;
	margin: 5px 0;
}

#ctc h2 {
	color: #d3147b;
}

.ctc {
	text-align: center;
	padding: 5px 10px;
}

#sidebar2 ul li ul {
	padding: 0 0 0 15px;
}

#sidebar2 ul li ul li {
	background: transparent url(images/asterisque.gif) 0 3px no-repeat;
	padding: 0 0 0 8px;
}


.colg-dia {
	background: transparent url(images/colg-diagnostic-bottom.gif) 0 100% no-repeat;
	width: 250px;
}

.colg-dia h2 {
	background: #fff url(images/colg-diagnostic-top.gif) 0 100% no-repeat;
	height: 32px;
	color: #33cced;
}

.colg-dia embed, #text-232010562 embed, #sidebar1 embed {
	margin: 0 10px 15px;
	padding: 0;
}

.colg-exp, li#text-232010563, li#rss-268390951 {
	background: transparent url(images/colg-expertise-bottom.gif) 0 100% no-repeat;
	width: 249px;
	padding: 0;
}

li#text-232010563 div.textwidget, li#rss-268390951 div.textwidget {
	padding: 4px;
}

.colg-exp h2, #text-232010563 h2, li#rss-268390951 h2.widgettitle {
	background: transparent url(images/colg-expertise-top.gif) 100% 0 no-repeat;
	color: #33cced;
	margin: 0;
	padding: 16px 0 0 4px;
}

li#rss-268390951 h2.widgettitle a { color: #33CCED; font-weight: bold;}

li#rss-268390951 h2.widgettitle a.rsswidget img { display: none;}

li#rss-268390951 ul { padding: 2px 8px; }
li#rss-268390951 ul li { margin: 8px 0; }
li#rss-268390951 ul li a { text-decoration: underline; }

.cold-orange, #text-231932331 {
	background: transparent url(images/cold-orange-bottom.gif) 0 100% no-repeat;
	width: 160px;
}

.cold-orange h2, #text-231932331 h2 {
	background: #fff url(images/cold-orange-top.gif) 100% 100% no-repeat;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.cold-orange p, #text-231932331 p {
	margin: 4px;
}

.cold-orange img, #text-231932331 img {
	width: 150px;
	margin: 4px 5px;
}

li#text-231932331 {
	display: none; /*  à réactiver quand on voudra l'utiliser  */
}

#text-232047742 h2.widgettitle, #text-232047743 h2.widgettitle {
	display: none;
}

#bl-decouverte, #bl-marques {
	text-align: center;
	margin: 0 3px;
}

.cold-vert, li#text-232047742, #text-232047743 {
	background: transparent url(images/cold-vert-bottom.gif) 0 100% no-repeat;
	width: 161px;
	margin: 0 0 12px 0;
	padding: 0 0 4px 0;
}

.cold-vert h2, #text-232047742 h2, #text-232047743 h2 {
	background: #fff url(images/cold-vert-top.gif) 0 100% no-repeat;
	color: #5dac00;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: left;
}

#sidebar2 span {
	background: #fff;
	padding: 0 5px 0 0;
}

h2.big-titre {
	font-size: 18px;
	color: #535353;
}

.produit {
	margin: 4px 0 16px;
}
.produit h3 {
	color: #5dac00;
	text-transform: uppercase;
	font-size: 11px;
	text-align: left;
	margin: 4px 3px 0;
}

.produit h3 a {
	color: #3f3f3f;
}

.produit p {
	text-align: left;
	margin: 0 3px;
}

.produit p a {
	color: #8c8c8c;
	font-size: 11px;
}

.produit a span {
	color: #385d00;
	font-size: 14px;
}

p.prix-produit {
	background: #fff url(http://www.mademoiselle-bio.com/_boutiques/MLLEBIO/theme/bout_plusinfo.gif) 0 0 no-repeat;
	
	text-align: right;
	line-height: 27px;
}

p.prix-produit a {
	color: #385d00;
	font-size: 14px;
	padding: 0 0 0 105px;

}

ul.blogroll li a, #meta li a {
	color: #666;
}

li#text-262376951 h2.widgettitle {
	display: none;
}

#bl-syndication {
	background: transparent url(images/fond-syndication.gif) 0 0 no-repeat;
	width: 166px;
	height: 84px;
	padding: 1px 4px 4px;
	margin: 8px 0;
}

#bl-syndication h3 {
	font-size: 14px;
	margin: 0;
	padding: 0 0 3px;
}


#bl-syndication ul li a {
	color: #333;
}

/*--------------------------------------------------*/
/*                billets                           */
/*--------------------------------------------------*/

p.breadcrumb {
	background: url(images/pointilles.gif) 0 100% repeat-x;
	padding: 0 0 8px 0;
	font-size: 10px;
	color: #8c8c8c;
}


p.breadcrumb a {
	color: #8c8c8c;
	text-decoration: none;
}

.navigation {
	text-align: center;
	margin: 6px 0 10px;
}

.post {
	background: #fff url(images/fin-billet.png) 50% 100% no-repeat;
	padding: 0 0 30px 0;
	margin: 0 0 10px;
}

.post h2 a {
	text-decoration: none;
}

.post-date {
	background: #fff url(images/puce-date.png) no-repeat;
	padding: 0 0 0 55px;
	margin: 0 0 15px 0;
	height: 14px;
}

.postmetadata {
	color: #8c8c8c;
	margin: 15px 0;
}

.postmetadata a {
	color: #333;
}

.post_content {
	
}

.post_content img {
	margin: 3px;
}

.post-comment {
	text-align: right;
	color: #8c8c8c;
	margin: 4px 0;
}

.post_single {

}

.post_single h2 a, .post_single h2 a:hover {
	text-decoration: none;
}

#post-asso {
	background: transparent url(images/postasso-bottom.gif) 0 100% no-repeat;
	width: 532px;
	padding: 0 0 6px 0;
}

#post-asso div {
	background: transparent url(images/postasso-top.gif) 0 0 no-repeat;
}

#post-asso div h3 {
	padding: 4px 0 0 6px;
}

ul.related_post {
	list-style: none;
	padding: 0 6px;
	margin: 0 0 0 25px;;
}

ul.related_post li {
	background: transparent url(images/pt-orange.gif) 0 4px no-repeat;
	padding: 2px 0 2px 15px;
	margin: 0;
}

ul.related_post li a {
	color: #333;
}

.commentmetadata {
	color: #333;
	margin: 20px 0 10px 0;
}

.commentmetadata p {
	padding: 4px 0 4px 25px;
}

#commentform input {
	margin: 2px 0;
}

.cadre_commentaires {
	margin: 15px 0 0 0;
	background: transparent url(images/pointilles.gif) 0 100% repeat-x;
}

#commentform {
	overflow: auto;
}

.post_content img {
	margin: 0;
	padding: 0;
	max-width:500px;
}