/* CSS Document */

	/* initialisation */
	
	* {margin:0; padding:0}
	
	body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#544470;
		background:#c3e9f4 url(../img/global/bg_body_intern.gif) repeat-x;
		position:relative
	}
	body.home {
		background-image:url(../img/global/bg_body.jpg);
	}
	
	input, select, textarea {font-size:.9em;}

	ul, ul li {list-style-type:none;}

	a img {border:0}
	
	
	/* grandes structures */
	#global {width:958px; height:667px; margin:0 auto; position:relative}
	
	#header_nav {height:64px;} /* à garder ? -> bulles coupées  background:url(../img/global/bg_header.jpg) no-repeat*/
	
	#content {height:418px; position:relative; background:url(../img/global/content_bubbles.gif) no-repeat}
	
	#footer {width:958px; height:215px; position:absolute; top:425px; left:50%; margin-left:-479px; padding:0; z-index:99; background:
	transparent url(../img/global/bg_footer.png) no-repeat}	
	
	#bottom_links {position:absolute; width:958px; top:667px; left:50%; margin-left:-479px; margin-top:-15px; text-align:right; z-index:10; font-size:.9em;}
	#bottom_links li {display:inline; padding:0 10px; border-right:1px solid #544470}
	#bottom_links li.last {border:0}
	#bottom_links li a {color:#544470; text-decoration:none}
	#bottom_links li a:hover {text-decoration:underline}
	
	#prechargement {position:absolute; top:-1000px; left:-1000px}
	

	/* header */
	#header_nav ul {}
	#header_nav ul li {float:left;}
	#header_nav ul li a {display:block; height:58px; background-position:0 bottom; background-repeat:no-repeat;}
	#header_nav ul li a:hover, #header_nav ul li a.on {background-position:right bottom;}
	#header_nav ul li a span {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}

	#nav_il_etait_une_fois {width:187px; margin-right:24px;background-image:url(../img/global/nav_il_etait_une_fois3.jpg)}
	#nav_cellule_vivante {width:163px; margin-right:24px;background-image:url(../img/global/nav_cellule_vivante.gif)}
	#nav_multiples_vies {width:155px; margin-right:24px;background-image:url(../img/global/nav_multiples_vies.gif)}
	#nav_bien_elevee {width:181px; margin-right:24px;background-image:url(../img/global/nav_bien_elevee.gif)}
	#nav_main_a_la_pate {width:155px; background-image:url(../img/global/nav_main_a_la_pate.gif)}
	
	
	/* footer */
	#footer div img.title {float:left; clear:both}

	#differentes_formes_levure, #atouts_sante, #developpement_levure {float:left;}
	#differentes_formes_levure {width:356px; height:140px; padding:61px 0 0 21px; position:relative}
	#atouts_sante {width:240px; height:113px; padding:85px 0 0 58px}/*width:234px; height:107px;*/
	#developpement_levure {width:238px; height:115px; padding:80px 0 0 30px}

	#differentes_formes_levure img.title {padding:0 0 0 9px; float:none; display:block;}
	#differentes_formes_levure_nav a, #differentes_formes_levure_nav a.off {float:left; padding:14px 3px 15px 2px; }
	#differentes_formes_levure_nav a:hover, #differentes_formes_levure_nav a.on {background:url(../img/global/footer_differentes_levures_arrow.gif) center 68px no-repeat}
	#differentes_formes_levure_legend {width:355px; height:35px; clear:both; padding:8px 0 0 0; text-align:center; text-transform:uppercase;}
	#differentes_formes_levure a#savoir_plus {position:absolute; bottom:7px; right:10px; color:#544470; font-size:.9em; text-decoration:none}
	
	#atouts_sante img.title {margin:0 50px 5px 9px}
	#atouts_sante img.visuel {float:left; margin:5px 5px 0 0}
	#atouts_sante p {color:#877d98; padding:5px}
	#atouts_sante p a {color:#877d98; text-decoration:none}
	#atouts_sante p a:hover {color:#ffa557;}

	#developpement_levure img.title {margin:0 0 5px 15px}
	
	
	/* home page */
	#la_levure_presentation_flash {width:671px; height:403px; position:absolute; top:0; right:0; z-index:5; padding:0}
	#global.home #content #la_levure_presentation_flash p {width:500px; margin:50px auto; text-align:center; float:none}
	#global.home #content #la_levure_presentation_flash p a {color:#fe7c0c}

	#yeast_presentation_flash {width:671px; height:403px; position:absolute; top:0; right:0; z-index:5; padding:0}
	#global.home #content #yeast_presentation_flash p {width:500px; margin:50px auto; text-align:center; float:none}
	#global.home #content #yeast_presentation_flash p a {color:#fe7c0c}


	#global.home #content h1, #global.home #content p {float:left; clear:both;}
	#global.home #content h1 {margin:25px 0 25px 17px}
	#global.home #content p {margin:0 0 33px 17px; width:255px; font-size:1.1em}
	
	
	
	/* atouts sante */
	.atouts_sante #footer {top:465px;}
	.atouts_sante #bottom_links {top:697px;}

	.atouts_sante h1 {padding:20px 0 5px 16px}
	.atouts_sante p.intro {margin:10px 0 0 23px; float:left; width:621px;}
	.atouts_sante p.text {
		float:left;
		width:621px;
		margin:10px 0 0 23px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:1.1em;
		line-height:1.3em;
		text-indent:20px; 
		text-align:justify;
		background:url(../img/pics/circle.gif) 5px 5px no-repeat;
	}
	.atouts_sante p.text.second {margin-top:40px}
	.atouts_sante .img_droite {float:right; margin:10px 35px 0 0}
	.atouts_sante .img_gauche {float:left; clear:right; margin:25px 15px 0 23px;}
	/* footer */
	.atouts_sante #atouts_sante {background:url(../img/atouts_sante/bg_atouts_sante_footer.gif) right bottom no-repeat;}
	.atouts_sante #atouts_sante p a {color:#ffa557;}
 

	/* développement levure */
	.developpement_levure #footer {top:465px;}
	.developpement_levure #bottom_links {top:697px;}
	.developpement_levure #content {height:449px;}
	
	.developpement_levure #developpement_levure {background:url(../img/developpement_levure/bg_dev_levure_footer.gif) right bottom no-repeat;}
	
	.developpement_levure h1 {padding:15px 0 5px 16px}
	.developpement_levure div.intro {margin:0 0 0 23px; font-size:1.1em}
	.developpement_levure div.intro p {float:left; padding-top:10px;}
	.developpement_levure div.intro a {display:none; width:99px; height:39px; margin-left:70px; float:left}

	#avec_sans_air_flash {width:511px; height:319px; float:right;}
	
	#avec_sans_air {height:319px; position:absolute; bottom:0; left:0; background:url(../img/developpement_levure/bg_dev_levure_main.gif) 0 bottom no-repeat}
	#avec_sans_air div.air {display:none}
	#avec_sans_air h2 {font-size:1.6em; padding:30px 0 10px 135px}
	#avec_sans_air p {padding:5px 15px; text-align:justify; font-size:1.1em}
 
 	
	/* pages informatives : plan du site, mentions, contact */
	.informative {}
	#global.informative #content h1 {margin:24px 0 10px 17px}
	.informative ul.plan_site {margin:5px 0 20px 50px; width:400px; float:left;}
	.informative ul.plan_site li {padding-bottom:15px;}
	.informative ul.plan_site li a {font-size:1.2em; color:#1b99c0; text-decoration:none; padding-left:10px; background:url(../img/pics/cellule.gif) 0 5px no-repeat}
	.informative ul.plan_site.last {margin:5px 0 0 50px; padding-top:15px; border-top:1px solid #1b99c0; width:850px; clear:both; float:none; text-align:center}
	.informative ul.plan_site.last li {padding:0 20px; display:inline}

	#mentions_legales {color:#544470; width:920px; margin-left:30px; height:280px; position:absolute}
	#mentions_legales h4 {padding:10px 0 3px 5px; margin-bottom:5px; border-bottom:1px solid #544470;}
	#mentions_legales p {padding:0 0 5px 3px}
	#mentions_legales .couleur {color:#ff8015;}
	#mentions_legales .mise_en_avant {color:#ff8015; width:250px; margin:5px auto; padding:3px; text-align:center; border:1px solid #ff8015}
	#mentions_legales a {color:#ff8015; text-decoration:none}
	#mentions_legales ol {list-style-position:inside; margin:0 0 5px 30px}

	#mentions_legales #fenetre {
		width:890px;
		height:260px;
		clip:rect(0px, 890px, 260px, 0px);
		overflow:hidden;
		position:absolute;
		z-index:1;
	}
	#mentions_legales div.infenetre {
		position:absolute;
		z-index:1;
		padding-bottom:100px;
	}
	#mentions_legales #up {position:absolute; right:3px; top:0; z-index:2;}
	#mentions_legales #down {position:absolute; right:3px; bottom:20px; z-index:3;}
 
 
	/* tools */ 
	.clear {font-size:.1em; clear:both; height:1px}
	
	#back_home {display:block; float:left; padding:8px 10px 0 25px; color:#1b99c0; height:15px; background:url(../img/pics/home.gif) 5px 5px no-repeat}
	#switch_languages {display:block; padding:10px 0 0 10px;}