/* CSS Document */
body {
font-family:Helvetica, Arial,  sans-serif;
font-size: 11px;
margin:0;
padding: 0;
text-align:justify;
color:#333333;
background:url(../images/back_01.jpg) no-repeat;
background-color:#e8eff1;}


	a {
	color: #02a7eb;
	font-family: Helvetica, Arial,  sans-serif;
	text-decoration:none;
	font-size:11px;}
	a:link {
	text-decoration: none;}
	a:visited {
	text-decoration: none;}
	a:hover {
	text-decoration:none;
	color:#00658e}
	a:active {
	text-decoration: none;
	color:#00658e;}
	
	p, ul, li { margin:0; padding:0;}
	
	img {border:0;}
	
	h1 {
	color:#033b60; font-weight:bold; font-size:24px; padding:0; margin:0;}
	h2 {
	color:#2d3e42; font-weight:bold; font-size:34px; padding:0; margin:0;}
	h3 {
	color:#0092ca; font-weight:bold; font-size:36px; padding:0; margin:0; text-align:center;}
	h4 {
	color:#2ab2ed; font-size:14px; font-weight:normal; margin:0; padding:0;}
	h5 {
	color:#2ab2ed; font-size:18px; font-weight:normal; margin:0; padding:0; text-align:right;}
	
	.imapng {  z-index:-999;}

/* gabarit page d'accueil */
#global {
height:auto;
width:973px;
margin:auto;}

	#header { height:230px; width:973px; position:relative;}
		#header .accroche { height:85px; width:619px; float:left; margin-top:40px; padding-top:32px; padding-left:48px;}
		#header .goutte {position:absolute; height:94px; width:74px; top:40px;left:32px; z-index:-999;}
		#header .logo { position:absolute; top:0; right:0; width:304px; height:230px;}
		#header .story {width:605px; height:35px; padding-left:47px; padding-top:8px; float:left; color:#2d3e42; font-size:12px; text-align:center;}
		
	#content {height:404px; width:973px;}
		#content .cartouche {height:379px; width:354px; float:left; margin-left:24px; margin-right:20px; background:url(../images/cartouche.png) no-repeat;}
		#content .cartouche .title {height:60px; width:354px; padding-top:10px; text-align:center;}
		#content .cartouche .phl {margin-top:20px; margin-left:1px; float:left; width:144px; height:229px;}
		#content .cartouche .phr {margin-top:20px; float:left; width:191px; height:229px;}
		#content .cartouche .phr  p { padding-left:5px; padding-top:10px; text-align:left;}
		#content .cartouche .link {width:325px; height:37px; margin-top:9px; text-align:right; float:left;}
		#content .cartouche .link a {color:#0284c2; font-size:14px; font-weight:bold; text-decoration:none;}
		#content .cartouche .link a:hover { text-decoration:underline;}
		
	#coord { width:751px; height:100px; margin-top:10px; margin-left:25px; float:left;}
	
	#footer {width:960px; padding-top:10px; padding-right:13px; font-size:12px; text-align:right; float:left;}
	
/* gabarit pages hygebio */
#top { width:973px; height:56px;}

#menu {width:925px; height:36px; margin-left:0px; margin-top:9px; position:relative;}
	#menu ul {list-style:none; padding: 0px; margin:0px;}
		#menu ul a {position:absolute; display:block; text-decoration:none; text-indent:-5000px; height:36px;}
		#menu ul a:hover{ position:absolute; background-position: 0px -36px;}
		#menu ul a.current {position:absolute; background-position:0px -72px;}
			#accueil {background:url(../images/presentation.jpg) top left no-repeat; width:118px;}
			#ecover {left:118px; background:url(../images/ecover.jpg); width:89px; top:0;}	
			#arbre {left:207px; background:url(../images/arbre.jpg); width:108px; top:0;}
			#bulle {left:315px; background:url(../images/culle.jpg); width:115px; top:0;}
			#divers {left:430px; background:url(../images/div.jpg); width:87px; top:0;}
			#plan_c {left:517px; background:url(../images/plan.jpg); width:137px; top:0;}
			#a_hygep {left:732px; background:url(../images/a_hygep.jpg); width:231px; top:0;}
			
	
#headerh { height:187px; width:973px; position:relative;}
	#headerh .logo { position:absolute; top:0; right:0; width:304px; height:187px;}
	#headerh .story {width:605px; height:35px; padding-left:47px; padding-top:8px; float:left; color:#2d3e42; font-size:12px; text-align:center;}
	#headerh .goutte {position:absolute; height:94px; width:74px; top:0px;left:32px; z-index:-999;}
	#headerh .accroche { height:85px; width:619px; float:left; margin-top:0px; padding-top:32px; padding-left:48px;}
	
#texte {height:471px; width:593px; float:left; margin-left:25px; background:url(../images/encart.png) no-repeat; margin-right:25px;}
	#texte .col {height:471px; width:292px; float:left;}
	#texte .col .horaires {padding-left:65px; padding-top:9px; width:211px;}
	#texte .col .intro {margin-top:47px; width:292px;}
	#texte .col .mendia {margin-top:22px;}
	#texte .col .ecover {margin-top:32px; margin-left:2px; margin-bottom:142px;}
	#texte .col .arbre {margin-top:20px; margin-left:14px; margin-bottom:93px;}
	#texte .col .liste_ecover {margin-left:57px; width:230px;}
	#texte .col .photo {margin-top:37px;}

#encarts {width:322px; height:471px; float:left;}
	#encarts .product {width:322px; height:130px; margin-top:12px; background:url(../images/mini_cartouche.png) no-repeat;}
	#encarts .tile {width:322px; height:33px; padding-top:6px; text-align:center;}
		#encarts .product .logo {width:102px; height:83px; padding-top:4px; padding-left:13px; padding-right:13px; float:left;}
		#encarts .product .txt {width:176px; padding-top:10px; float:left;}
	#encarts .formulaire {width:322px; height:471px; background:url(../images/cartouche_cont.png) no-repeat;}
		#encarts .formulaire .txt {padding-top:15px; padding-left:10px; padding-right:10px; width:302px;}
		
/* gabarit pages hygebio */
	/* menu cf hygebio */
	#pro {left:118px; background:url(../images/pro.jpg); width:135px; top:0;}
	#part {left:253px; background:url(../images/part.jpg); width:118px; top:0;}
	#plan_d {left:371px; background:url(../images/plan.jpg); width:137px; top:0;}
	#a_hygeb {left:692px; background:url(../images/a_hygeb.jpg); width:231px; top:0;}
	
	#encarts .image {margin-bottom:7px; margin-left:60px;}
	
	#texte .col .intro li {margin-left:10px; padding:0; list-style:outside;}