/* CSS Document */
/* début du hack "fixed" permettant de fixer le menu fixe sous IE */
html { font-size: 12px; color: #c7e66f;}

body {
	overflow-y: hidden; /* fonction microsoft supprimant les ascenseurs sous IE */
	margin: 0;
	padding: 0;
	background: #fff url(/_boutiques/MLLEBIO/site_image/fond-avantages.gif) 0 0 no-repeat fixed;
	text-align: left; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #333;
}
html > body { overflow-y: auto } /* annule le overflow-y pour firefox 1.5 et supérieur */

#wrap {
	overflow: auto;
	width: 580px;
	height: 400px;
	margin: 0 10px 0 170px;
	position: relative;
}

#colonne {
	position: absolute;
	top: 20px;
	left: 6px;
	width: 150px;
	margin: 20px 0 0 0;
}

body>#colonne { position: fixed;} /* annule le hack "fixed" pour les autres navigateurs que IE */

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

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

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

strong {
	color: #d3147b;
}

#lbIframe {
	background: red;
}

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

.boite {height: 800px;}

.clr-rose {
	color: #d3147b;
}

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

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

.clr-orange {
	color: #ff6600;
}

/*--------------------------------------------------*/
/*                  menu avantages                  */
/*--------------------------------------------------*/

#avantages {list-style-type:none; padding:0; margin:0; z-index:100; overflow: hidden; width: 143px;}
#avantages ul {list-style-type:none; padding:0; margin:0; width:143px;}
#avantages li {float:left; background:#fff; position:relative; text-align: center; display: inline;}

#avantages li.sub {background:#fff;}

#avantages li, #avantages li a {display:block; color:#5dac00; font-family:arial, sans-serif; font-size:11px; line-height:26px; width:143px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}


#avantages ul,
#avantages li.click ul ul,
#avantages li.click ul li.hover ul ul {display:none;}

#avantages li.hover a {background:#ccc; color:#666; z-index:500;}
#avantages li.click a {background:#b4b4b4; color:#d3147b;}

/* --------------------------------------------------- */
/*                    page avantages                   */
/* --------------------------------------------------- */

#av1 {
	display: block;
}

#av2 {
	display: block;
}

#av3 {
	display: block;
}

#av4 {
	display: block;
}

#av5 {
	display: block;
}

#av6 {
	display: block;
}

#av7 {
	display: block;
}

#av8 {
	display: block;
}

/*  historique   */ 

#historique { overflow: auto; height: 444px; position: relative;}
#historique ul {
	list-style: none;
	padding: 0;
	margin: 15px 0 15px 6px;
}

#historique li {
	float: left;
	padding: 0;
	margin: 4px;
	width: 140px;
	height: 170px;
}

.histo-info {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}