/* -------------------------------
	CSS STYLE SHEET for BIOSURE
--------------------------------- */

/* RESET */
html,body,p,h1,h2,h3,h4,h5,h6,p,blockquote,form,ul,li,dl,dt,dd,table,fieldset,legend { margin:0; padding:0; border:none; list-style:none; }
a img { border:0; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }

a,a:link,a:visited,a:hover { text-decoration:none; color:#90d61c; }
a:focus,a:hover { text-decoration:underline; }

p { margin-bottom:14px; }

.clear { display:block; clear:both; }
hr {  display:block; clear:both; visibility:hidden; border:0; }

body {
	position:relative;
	color:#4e392d;
	font:0.7em Tahoma, Verdana, Arial;
	background-color:#638dbf;
	background-image:url(/images/body-bg2.jpg);
	margin-bottom:10px; 
	padding:10px 0;
}

h2 { margin-bottom:10px; text-transform:uppercase; color:#90d61c; font:1.4em Tahoma, Arial; }

#container { position:relative; width:970px; margin:0 auto; z-index:50; }

/* Should take off the background image of H1 to put the SWF at HTML 
Leave the text at html so it will be fine for SEO */
#header { z-index:999; position:relative; width:860px; height:110px; display:block; clear:both; }
#header #logo-biosure { position:relative; float:left; width:110px; height:110px; background:url(../../images/logo-biosecure.gif) no-repeat; overflow:hidden; text-indent:-2000px; }
#header #homelink {position:relative; float:left; width:110px; height:110px;}
#header #tagline { position:absolute; top:126px; left:16px; width:79px; height:30px}

#header #top { position:relative; float:right; width:640px; height:110px; background:url(../../images/bg-top.gif) no-repeat left bottom #90d61c; }
#header #top #tagline-top { position:relative; width:201px; height:31px; float:left; background:url(../../images/tagline-top.gif) no-repeat; overflow:hidden; text-indent:-2000px; margin:10px 0 0 10px; }
#header #top form { position:relative; float:right; margin:10px 10px 0 0; }
#header #top form label { font-size:10px; text-transform:uppercase; color:#fff; }
#header #top form input { background:#fff; border:none; padding:2px 4px; font-size:10px; color:#4e392d; }
#header #top form input.btsubmit { width:13px; height:10px; background:none; }


/* NAVIGATION TOP */
#nav{ z-index:988; position:relative; top:41px; left:78px; width:562px; display:block; clear:both; }
	#nav li { position:relative; display:inline; float:left; }
	
	#nav li#nav1 a, #nav li span#nav2 a, #nav li span#nav3 a, #nav li span#nav4 a, #nav li span#nav5 a, #nav li#nav6 a,
	#nav li#nav1 a span, #nav li span#nav2 a span, #nav li span#nav3 a span, #nav li span#nav4 a span, #nav li span#nav5 a span, #nav li#nav6 a span
	{ display:block; float:left; height:28px; overflow:hidden; cursor:pointer; }
	
	#nav li#nav1 a, #nav li#nav1 a span { width:62px; }
	#nav li#nav1 a span { background:url(../../images/n-nav1.gif) no-repeat 0 0; }

	#nav li span#nav2 a, #nav li span#nav2 a span { width:134px; }
	#nav li span#nav2 a span { background:url(../../images/navigation-01.gif) no-repeat 0 0; }
	
	#nav li span#nav3 a, #nav li span#nav3 a span { width:67px; }
	#nav li span#nav3 a span { background:url(../../images/navigation-02.gif) no-repeat 0 0; }
	
	#nav li span#nav4 a, #nav li span#nav4 a span { width:92px; }
	#nav li span#nav4 a span { background:url(../../images/navigation-03.gif) no-repeat 0 0; }
	
	#nav li span#nav5 a, #nav li span#nav5 a span { width:50px; }
	#nav li span#nav5 a span { background:url(../../images/navigation-04.gif) no-repeat 0 0; }
	
	#nav li#nav6 a, #nav li#nav6 a span { width:157px; }
	#nav li#nav6 a span { background:url(../../images/navigation-05.gif) no-repeat 0 0; }
	
	/* NAV NIVEL 1 - MOUSEOVER */
	#nav li#nav1 a:hover span, #nav li span#nav2 a:hover span, #nav li span#nav3 a:hover span, #nav li span#nav4 a:hover span, #nav li span#nav5 a:hover span, #nav li#nav6 a:hover span,
	#nav li#nav1 a.active span, #nav li span#nav2 a.active span, #nav li span#nav3 a.active span, #nav li span#nav4 a.active span, #nav li span#nav5 a.active span, #nav li#nav6 a.active span { background-position:0 -28px; }

	#nav ul { position:absolute; left:-999em; height:auto; line-height:1; }
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul  { left:-999em; }
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul
	{ top:30px; margin-left:4px; left:auto; }

	
	#nav li ul { margin-top:-2px; background:#f3f3f3; text-transform:uppercase; padding:8px 0 4px 12px; }
	#nav li ul li a span, #nav li ul li span a span { position:absolute; left:0; top:0; width:100%; height:100%; }
	
	#nav li ul li a, #nav li ul li a span { display:block; height:10px; text-indent:-2000px; overflow:hidden; margin:4px 0 8px 0; cursor:pointer; }
	#nav a:hover { text-decoration:none; }
	
	/* POSITION OF THIRD LEVEL MENU */
	#nav li ul li ul { top:-6px !important; margin-left:90px !important; background:#eaeaea; }
	#nav li ul li ul li a, #nav li ul li ul li a span { margin-top:6px; width:100px !important; }
			
	
	/* MENU NIVEL 2 - BIO SURE */
		#nav li ul li#n-notre a { width:120px; }
		#nav li ul li#n-notre a span { background:url(../../images/n-notre.gif) no-repeat 0 0; }
		#nav li ul li#n-bienfaits a { width:120px; }
		#nav li ul li#n-bienfaits a span { background:url(../../images/n-bienfaits.gif) no-repeat 0 0; }
		#nav li ul li#n-dossiers a { width:120px; }
		#nav li ul li#n-dossiers a span { background:url(../../images/n-dossiers.gif) no-repeat 0 0; }
		#nav li ul li#n-conseils a { width:120px; }
		#nav li ul li#n-conseils a span { background:url(../../images/n-nosconseils.gif) no-repeat 0 0; }
		#nav li ul li#n-notre a:hover span, 
		#nav li ul li#n-bienfaits a:hover span,
		#nav li ul li#n-dossiers a:hover span,
		#nav li ul li#n-conseils a:hover span 
		{ background-position:0 -10px; }
	
	/* MENU NIVEL 2 - NOS SOINS */
		/*#nav li ul li span#n-hygiene a, #nav li ul li span#n-hygiene a span { width:90px; height:10px; }
		#nav li ul span#n-hygiene a span { background:url(../../images/n-hygiene.gif) no-repeat 0 0; }
		#nav li ul li span#n-cosmetique a, #nav li ul li span#n-cosmetique a span { width:90px; height:10px; }
		#nav li ul li span#n-cosmetique a span { background:url(../../images/n-cosmetique.gif) no-repeat 0 0; }
		#nav li ul li span#n-hygiene a:hover span, #nav li ul li span#n-cosmetique a:hover span { background-position:0 -11px; }*/
	
	/* MENU NIVEL 3 - HYGIENE */
		#nav li ul li#n-geldouche a { width:150px; }
		#nav li ul li#n-geldouche a span { background:url(../../images/n-geldouche.gif) no-repeat 0 0; }
		#nav li ul li#n-geldouche a:hover span { background-position:0 -10px; }
		
		#nav li ul li#n-gelnettoyant a { width:150px; }
		#nav li ul li#n-gelnettoyant a span { background:url(../../images/n-gelnettoyant.gif) no-repeat 0 0; }
		#nav li ul li#n-gelnettoyant a:hover span { background-position:0 -10px; }
		
		#nav li ul li#n-gelintime a { width:150px; }
		#nav li ul li#n-gelintime a span { background:url(../../images/n-gelintime.gif) no-repeat 0 0; }
		#nav li ul li#n-gelintime a:hover span { background-position:0 -10px; }
		
		#nav li ul li#n-shampooneutre a { width:150px; }
		#nav li ul li#n-shampooneutre a span { background:url(../../images/n-shampooneutre.gif) no-repeat 0 0; }
		#nav li ul li#n-shampooneutre a:hover span { background-position:0 -10px; }
		
		#nav li ul li#n-deodorant a { width:150px; }
		#nav li ul li#n-deodorant a span { background:url(../../images/n-deodorant.gif) no-repeat 0 0; }
		#nav li ul li#n-deodorant a:hover span { background-position:0 -10px; }
		
		#nav li ul li#n-euatonique a { width:150px; }
		#nav li ul li#n-euatonique a span { background:url(../../images/n-euatonique.gif) no-repeat 0 0; }
		#nav li ul li#n-euatonique a:hover span { background-position:0 -10px; }
		
		#nav li ul li#n-demaquillante a { width:150px; }
		#nav li ul li#n-demaquillante a span { background:url(../../images/n-demaquillante.gif) no-repeat 0 0; }
		#nav li ul li#n-demaquillante a:hover span { background-position:0 -10px; }
		
	
	/* MENU NIVEL 3 - COSMETIQUE */
		#nav li ul li#n-laitcorporel a { width:150px; }
		#nav li ul li#n-laitcorporel a span { background:url(../../images/n-laitcorporel.gif) no-repeat 0 0; }
		#nav li ul li#n-laitcorporel a:hover span { background-position:0 -10px; }
		
		#nav li ul li#n-cremejour a { width:150px; }
		#nav li ul li#n-cremejour a span { background:url(../../images/n-cremejour.gif) no-repeat 0 0; }
		#nav li ul li#n-cremejour a:hover span { background-position:0 -10px; }
		
		#nav li ul li#n-crememains a { width:150px; }
		#nav li ul li#n-crememains a span { background:url(../../images/n-crememains.gif) no-repeat 0 0; }
		#nav li ul li#n-crememains a:hover span { background-position:0 -10px; }
		
		#nav li ul li#n-cremenuit a { width:150px; }
		#nav li ul li#n-cremenuit a span { background:url(../../images/n-cremenuit.gif) no-repeat 0 0; }
		#nav li ul li#n-cremenuit a:hover span { background-position:0 -10px; }
		
		#nav li ul li#n-soincontour a { width:150px; }
		#nav li ul li#n-soincontour a span { background:url(../../images/n-desyeux.gif) no-repeat 0 0; }
		#nav li ul li#n-soincontour a:hover span { background-position:0 -10px; }
		
		#nav li ul li#n-soinbuste a { width:150px; }
		#nav li ul li#n-soinbuste a span { background:url(../../images/n-soincontour.gif) no-repeat 0 0; }
		#nav li ul li#n-soinbuste a:hover span { background-position:0 -10px; }
	
	/* MENU NIVEL 3 - BEBE */
		#nav li ul li#n-bebelait a { width:130px; }
		#nav li ul li#n-bebelait a span { background:url(../../images/n-bebelait.gif) no-repeat 0 0; }
		#nav li ul li#n-bebelait a:hover span { background-position:0 -10px; }
		
		#nav li ul li#n-bebeeau a { width:130px; }
		#nav li ul li#n-bebeeau a span { background:url(../../images/n-bebeeau.gif) no-repeat 0 0; }
		#nav li ul li#n-bebeeau a:hover span { background-position:0 -10px; }
		
		#nav li ul li#n-bebegel a { width:130px; }
		#nav li ul li#n-bebegel a span { background:url(../../images/n-bebegel.gif) no-repeat 0 0; }
		#nav li ul li#n-bebegel a:hover span { background-position:0 -10px; }
		
		
/* LEFT COLUMN */
#leftcol { position:relative; width:110px; float:left; }
#leftcol #titles { width:110px; height:110px; }

	/* LEFT COLUMN - NAVIGATION */
	#leftcol ul { margin:0px 8px; background:url(../../images/hor-dotline.gif) repeat-x bottom; padding-bottom:2px;  }
	#leftcol li { text-transform:uppercase; text-align:right; margin:8px 0 12px 0; }
	#leftcol li a, #leftcol li a:visited { color:#fff; font-size:1em; }
	#leftcol li.active a, #leftcol li ul li.active a { font-weight:700; }
	#leftcol li.active a:hover { text-decoration:none; }
	
	#leftcol li ul { background:none;margin:0; }
	#leftcol li ul li { text-transform:none; margin:6px 0; }
	/*#leftcol li ul li a { background:url(../../images/bullet-nav2.gif) no-repeat 0 5px; padding-left:16px; }*/

	
#wrappercontent { position:relative; left:110px; width:750px; min-height:440px; }
	/*.wrapper-1 { background:url(../../images/bg-wrapper-1.gif) repeat-y; }
	.wrapper-2 { background:url(../../images/bg-wrapper-2.gif) repeat-y; }*/
	/*body.wrapper1 #wrappercontent { background:url(../../images/bg-wrapper-1.gif) repeat-y; }
	body.wrapper2 #wrappercontent { background:url(../../images/bg-wrapper-2.gif) repeat-y; }*/
	
	#wrapperleftnav{background-color:#90d61c; padding: 10px 0px; height:340px}
	#show-product-print{ display: none; text-align: center; }
	
		
	
#content { position:relative; width:640px; float:left; }
	#content #flash-products { width:640px; height:330px; overflow: hidden;}
	
#flash-bottom, #flash-bottom2 { position:absolute; bottom:0; left:0; width:110px; height:100px; }

#footer { position:absolute; right:-5px; bottom:0; width:103px; height:94px; background:url(../../images/bg-footer.gif) no-repeat bottom left #90d61c; font-size:10px; padding:8px 6px; }
	#footer li a, #footer li a:visited { color:#fff; text-transform:uppercase; }
	#footer li.active a { font-weight:700; }
	#footer a.footer-logo { position:absolute; bottom:6px; left:60px; display:block; width:16px; height:12px; background:url(../../images/ru_RU.gif) no-repeat; text-indent:-1000px; overflow:hidden; }
	/*#footer a.footer-logo { position:absolute; bottom:6px; left:60px; display:block; width:42px; height:16px; background:url(../../images/logo-lmyr.gif) no-repeat; text-indent:-1000px; overflow:hidden; }*/
	
	
/* CONTENTS AREA */
.cont-bottom { position:relative; float:right; background:url(../../images/bottom-content.gif) no-repeat left bottom; min-height:408px; }
.cont-01 {  width:608px; padding:16px; background-color:#f5f4f4;}
.cont-02 { width:640px; }
.cont-03 { width:498px; background-color:#fff; background-image:url(../../images/bottom-content-2.png); min-height:440px; padding:16px; }

.txtarea-01 { width:272px; float:left; }
.txtarea-02 { width:272px; min-height:400px; float:left;}
.txtarea-03 { width:450px; min-height:400px; float:left;}
.video { float:right; width:320px; height:278px; }
.img-01 { position:absolute; top:0; right:0; width:316px; height:440px; float:right; }
.img-03 { position:absolute; top:42px; right:22px; width:135px; height:330px; float:right; }

#product-area { position:relative; width:220px; min-height:414px; float:left; background:url(../../images/bg-iconos.gif) no-repeat bottom #eee; }
#product-info { position:relative; width:388px; min-height:414px; float:left; background:url(../../images/bottom-content-2.png) no-repeat bottom left #fff; padding:16px; }
#product-info h3 { display:block; font-weight:700; margin:22px 0 8px; font-size:95%}

.imgdetail { position:relative; float:left; width:110px; height:220px; }
	.imgdetail-01 { background:url(../../images/img-01.jpg) no-repeat; }
	.imgdetail-02 { background:url(../../images/img-02.jpg) no-repeat; }
	.imgdetail-03 { background:url(../../images/img-03.jpg) no-repeat; }
	.imgdetail-04 { background:url(../../images/img-04.jpg) no-repeat; }
	.imgdetail-05 { background:url(../../images/img-05.jpg) no-repeat; }
	.imgdetail-06 { background:url(../../images/img-06.jpg) no-repeat; }
	
a.anchor { position:absolute; top:0; right:0; background:url(../../images/arrow-up.gif) no-repeat right; padding-right:12px; font-size:0.8em;  }
.mr-01 { margin-right:50px; }
.mr-02 { margin-right:10px; }
.fLeft { float:left; }

/*#flash-title-print { display: none; }*/
#product-info h1 { margin-bottom:6px; text-transform:uppercase; color:#000000; font-size:1.6em; color: #25b5c1; font-family:Helvetica,Tahoma, Arial;}
#product-info h2 { margin-bottom:9px; text-transform:uppercase; color:#000000; color: #25b5c1; font:1.1em Helvetica, Tahoma, Arial; }
#product-info.cosma h1, #product-info.cosma h2 { color: #ef9713}
#product-info.cosmb h1, #product-info.cosmb h2 { color: #905398}
#product-info.bebe h1, #product-info.bebe h2 { color: #a5b3dc}
.txtarea-02 h1, .txtarea-03 h1 { color: #f327c5; font-size:1.5em; margin-bottom:10px; text-transform:uppercase;}
.txtarea-01 h1 { color: #90d61c; font-size:1.5em; margin-bottom:10px; text-transform:uppercase;}
#flash-title h2 { margin-bottom:4px; text-transform:uppercase; color:#ef9713; font-size:1.4em; font-family:Tahoma, Arial; font-weight:bold;}
#flash-title h3 { margin-bottom:5px; text-transform:uppercase; color:#ef9713; font:1.2em Tahoma, Arial; }


/* LISTS */
.list-01 { margin:14px 0; }
.list-01 li { background:url(../../images/bullet-01.gif) no-repeat 0 6px; padding-left:10px; }

.actions { padding:10px 0 56px 14px; }
.actions li a, .actions li a:visited { color:#999; }
.actions li { padding-left:20px; margin:8px 0; }
.actions li.sendfriend { background:url(../../images/ic-friend.gif) no-repeat; }
.actions li.toprint { background:url(../../images/ic-print.gif) no-repeat; }

#show-product{ height: 320px; text-align: center; }

.info, .info li { position:relative;}
.info li span { display:block; font-weight:700; margin:22px 0 8px 0;}
.info li span.note, #product-info p.note { display:block; font-weight:normal; font-size: 90%; margin:22px 0 8px 0; width:380px;}
.info li span.noteeco, #product-info p.noteeco { font-weight:normal; color: #90d61c; font-size: 90%;}
#product-info p.noteeco, #product-info p.note { margin:22px 0 8px 0;}
span.noteeco, p.noteeco { color: #90d61c;}

	/* PLAN DU SITE */
	.plansite { width:222px; text-transform:uppercase; float:left; }
	.plansite li { margin-bottom:16px; }
	.plansite li a { color:#90d61c; }
	.plansite li ul { margin:16px 0 16px 36px; }
	.plansite li ul li ul li { margin:2px 0; }
	
	/* POINTS DE VENTE */
	.pointsventa { float:left; margin-top:26px; }
	.pointsventa li { display:block; width:224px; background:#f2f1f0; padding:10px; margin-bottom:10px; }
	.pointsventa li span { display:block; font-weight:700; }


/* FORMS */
	select { position:relative; top:-3px; background:#f1efee; color:#4e392d; padding:2px 4px; border:none; font-size:11px; }
	label.lb-select { display:block; margin-right:6px; float:left; }
	form#search-conseils select { width:319px; }


	/* SEARCH FOR POINTS DE VENTE */
	#searchpoints label { width:70px; }
	#searchpoints div { width:320px; height:16px; float:left; }
	#searchpoints select { width:292px; }
	#submitpoints { cursor:pointer; width:180px; height:26px; float:right; margin-right:128px; font-size:10px; border:none; padding:4px; background:#90d61c; color:#fff; text-transform:uppercase; text-align:center; }
	
		
	/* SEND TO A FRIEND */
	body.wrapper3 { background: none; }
	body.wrapper3 #footer { display: none; }
	body.wrapper3 #header { display: none; }
	body.wrapper3 #container { width: 430px;  }
	body.wrapper3 #wrappercontent { left:10px; width: 420px; margin: 0}
	body.wrapper3 form#aspnetForm label { display:block; width:100px; float:left; }
	body.wrapper3 form#aspnetForm input, form#aspnetForm textarea { background:#f1efee; color:#4e392d; border:none; font-size:11px; padding:2px 4px; width:280px; }
	body.wrapper3 form#aspnetForm textarea { width:280px; font-family:Tahoma; height:120px; padding:8px; }
	body.wrapper3 form#aspnetForm span { display:block; float:left; width:60px; }
	body.wrapper3 form#aspnetForm input.bt { cursor:pointer; width:66px; height:26px; float:right; margin-right:110px; font-size:0.8em; padding-bottom:6px; background:#90d61c; color:#fff; text-transform:uppercase; text-align:center; }
	body.wrapper3 form#aspnetForm input.clearinput { position:relative; top:2px; width:12px; height:12px; background:none; margin:0 4px 0 0; padding:0; }
		
	/* CONTACT */
	form#aspnetForm label { display:block; width:72px; float:left; }
	form#aspnetForm input, form#aspnetForm textarea { background:#f1efee; color:#4e392d; border:none; font-size:11px; padding:2px 4px; width:312px; }
	form#aspnetForm textarea { width:300px; font-family:Tahoma; height:120px; padding:8px; }
	form#aspnetForm span { display:block; float:left; width:60px; }
	
	form#aspnetForm input.bt { cursor:pointer; width:66px; height:26px; float:right; margin-right:110px; font-size:0.8em; padding-bottom:6px; background:#90d61c; color:#fff; text-transform:uppercase; text-align:center; }
	form#aspnetForm input.clearinput { position:relative; top:2px; width:12px; height:12px; background:none; margin:0 4px 0 0; padding:0; }
	
	form#aspnetForm input.texterror, form#aspnetForm textarea.texterror, 
	body.wrapper3 form#aspnetForm input.texterror, form#aspnetForm textarea.texterror {
		border: 1px dotted red;
		background-color: #90d61c;
	}
	.SuccessMessage {
		padding: 0px;
		background-color: #F1EFEE;
		width: 386px;
		text-align: center;
		margin: 5px 0px;
	}
	.ErrorMessage 
	{
		background-color: #F1EFEE;
		text-align: left;
		padding: 5px 15px;
		width: 355px;
		margin: 5px 0px;
	}


/* CLEARFIX */
.clearfix:after {  content:"."; visibility:hidden; display:block; clear:both; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/* TITLES */
h2.ir { position:relative; overflow:hidden; height:14px; margin:0 0 .75em; }
h2.ir span { position:absolute; left:0; top:0; width:100%; height:100%; }

#tContact { width:63px; }
	#tContact span { background: #FFFFFF url(../../images/t-contact.gif) no-repeat 0 0; }
#tBienfaits { width:147px; }
	#tBienfaits span { background:#F5F4F4 url(../../images/t-lesbienfaitsdubio.gif) no-repeat 0 0; }
#tDemarche { width:127px; height: 18px;}
	#tDemarche span { background:#F5F4F4 url(../../images/t-notredemarche.gif) no-repeat 0 0; }
#tLabs { width:148px; }
	#tLabs span { background:#F5F4F4 url(../../images/t-laboratoirebiopha.gif) no-repeat 0 0; }
#tConseils { width:99px; }
	#tConseils span { background:#FFFFFF url(../../images/t-nosconseils.gif) no-repeat 0 0; }
#tFAQ { width:25px; }
	#tFAQ span { background:#FFFFFF url(../../images/t-faq.gif) no-repeat 0 0; }
#tLegal { width:135px; height:17px; }
	#tLegal span { background:#FFFFFF url(../../images/t-mentionslegales.gif) no-repeat 0 0; }
#tLait { height:31px; width:234px; }
	#tLait span { background:#FFFFFF url(../../images/t-laitcorporel.gif) no-repeat 0 0; }
#tPlanSite { width:92px; }
	#tPlanSite span { background:#FFFFFF url(../../images/t-plandusite.gif) no-repeat 0 0; }
#tVende { width:118px; }
	#tVende span { background:#FFFFFF url(../../images/t-pointsvente.gif) no-repeat 0 0; }
#tPresse { width:51px; }
	#tPresse span { background:#FFFFFF url(../../images/t-presse.gif) no-repeat 0 0; }
	

#back { position:absolute; left:0; top:0; width:100%; z-index:1; }
	#back img { width: 100%; }





/*-------
// 04-2009 updates
//-----*/

body {
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 0;
}


#container {
	width: 1001px;
}

#header {
	overflow: visible;
	width: 891px;
}
#header #logo-biosure { 
	width: 141px;
	height: 141px;
	position: absolute;
	left: 0;
	top: 0;
	background:url(../../images/logo-biosecure.png) no-repeat;
}
#header #top {
	background: url(../../images/top-bg.png) no-repeat 0 0;
}
	#header #top #tagline-top.tagline1 {
		width: 262px; 
		height: 51px; 
		background: url(../../images/tagline-top.png) no-repeat 0 0;
		overflow: hidden;
		text-indent: -2000px;
		position: relative;
		left: 10px;
		top: 10px;
		margin: 0 0 -10px;
	}
	#header #top #tagline-top.tagline2 {
		width: 242px; 
		height: 51px; 
		background: url(../../images/tagline-top2.png) no-repeat 0 0;
		overflow: hidden;
		text-indent: -2000px;
		position: relative;
		left: 10px;
		top: 10px;
		margin: 0 0 -10px;
	}


#wrappercontent {
	left: 0;
	margin: 0 0 0 141px;
}
	.wrapper-1 { background:url(../../images/bg-wrapper-1.gif) repeat-y 0 0; }

#footer {
	width: 98px;
	height: 94px;
	padding: 8px 6px;
	right: 0;
	background: url(../../images/footer-bg.png) no-repeat 0 0;
}
	#footer a.footer-logo {
		bottom: 4px;
		right: 4px;
		left: auto;
	}



#buttons1 {
	width: 100%;
	height: 110px;
	overflow: hidden;
}
	#buttons1 a:link, #buttons1 a:visited {
		float: left;
		display: block;
	}


#tDossiers {
	width: 100px;
	height: 14px;
}
	#tDossiers span {
		background: url(../../images/t-dossiers.gif) no-repeat 0 0;
	}

ol.dossiers {
	margin: 0;
	padding: 0;
}
	ol.dossiers li {
		margin: 0 0 2em;
		padding: 0 0 0 15px;
		position: relative;
	}
		ol.dossiers li span {
			position: absolute;
			left: 0;
			top: 0;
			font-weight: bold;
		}
		ol.dossiers li p {
			margin: 0 0 .75em;
			width: 400px;
		}
		ol.dossiers li p.title {
			font-weight: bold;
			margin: 0 0 .15em;
		}
		ol.dossiers li p.more {
			text-align: right;
			font-weight: normal;
			text-transform: none;
			background-image: url(../../images/dossiers-puce.gif);
			background-repeat: no-repeat;
			background-position:400px 0;
			height: 34px;
			width: 450px;
		}
		
		ol.dossiers li p.more a:link,
		ol.dossiers li p.more a:visited,
		ol.dossiers li p.more a:focus,
		ol.dossiers li p.more a:hover{
			color : #f327c5;
			margin-right: 60px;
		}
		

/** ================ THEME BEBE ========================= **/

body.wrapper4 {background-image:url(/images/body-bg-bebe.jpg);}
body.wrapper4 #header #top {background: url(../../images/top-bg-bebe.png) no-repeat 0 0;}
body.wrapper4 #header #top #tagline-top {background:url(../../images/tagline-top-bebe.png) no-repeat;}
body.wrapper4 #header #logo-biosure {background:url(../../images/logo-biosecure-bebe.png) no-repeat;}
body.wrapper4 #nav li#nav1 a span { background:url(../../images/n-nav1-bebe.gif) no-repeat 0 0; }
body.wrapper4 #nav li span#nav2 a span { background:url(../../images/navigation-01-bebe.gif) no-repeat 0 0; }
body.wrapper4 #nav li span#nav3 a span { background:url(../../images/navigation-02-bebe.gif) no-repeat 0 0; }
body.wrapper4 #nav li span#nav4 a span { background:url(../../images/navigation-03-bebe.gif) no-repeat 0 0; }
body.wrapper4 #nav li span#nav5 a span { background:url(../../images/navigation-04-bebe.gif) no-repeat 0 0; }
body.wrapper4 #nav li#nav6 a span { background:url(../../images/navigation-05-bebe.gif) no-repeat 0 0; }
body.wrapper4 #nav li#nav1 a:hover span, 
body.wrapper4 #nav li span#nav2 a:hover span, 
body.wrapper4 #nav li span#nav3 a:hover span, 
body.wrapper4 #nav li span#nav4 a:hover span, 
body.wrapper4 #nav li span#nav5 a:hover span, 
body.wrapper4 #nav li#nav6 a:hover span,
body.wrapper4 #nav li#nav1 a.active span, 
body.wrapper4 #nav li span#nav2 a.active span, 
body.wrapper4 #nav li span#nav3 a.active span, 
body.wrapper4 #nav li span#nav4 a.active span, 
body.wrapper4 #nav li span#nav5 a.active span, 
body.wrapper4 #nav li#nav6 a.active span { background-position:0 -28px; }
body.wrapper4 #wrapperleftnav {background-color:#827de8;}
body.wrapper4 #footer { background:url(../../images/footer-bg-bebe.png);}