<!--
/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, input, select, textarea{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000;font-weight:normal;}

img{border:0}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

ul li{list-style:none;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	body{text-align:center;}
	
	div#main{position:relative;width:992px;text-align:left;margin:0 auto;}
	
	
	/* BLOCKS DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
	
	/* -------- header -------- */
	div#top{float:left;width:992px;padding-top:3px;}
	
	div#top div#bandeau, div#top div#recherche{float:left;width:992px;background-color:#003481;}
	
	/* logo */
	div#top div#bandeau div#logo{float:left;width:305px;}
	
	/* liens */
	div#top div#bandeau div#liens{float:left;width:671px;color:#fff;text-align:right;padding:14px 16px 0 0;}
	div#top div#bandeau div#liens a{color:#fff;}
	
	/* recherche */
	div#top div#recherche{height:24px;margin-top:6px;padding-top:4px;}
	
	div#top div#recherche .input_rech{width:112px;height:13px;padding:3px 10px 0 12px;margin:0 10px 0 15px;vertical-align:middle;background:url(img/bg-recherche.gif) no-repeat;border:1px solid #003481;color:#888;font-weight:bold;}
	
	div#top div#recherche img{vertical-align:middle;}
		
	
	/* -------- bottom -------- */
	div#bottom{float:left;width:976px;padding:25px 0 0 16px; position:relative;}
	div#bottom div#bg_colonne{float:left;width:976px;background:url(img/bg-sidebar.gif) no-repeat;}
	
	div#bottom div#sidebar{float:left;width:170px;padding-right:16px;}
	
	/* nav gauche */
	div#bottom div#sidebar ul{float:left;width:162px;padding:0 0 0 4px;}
	
	div#bottom div#sidebar ul li{padding-bottom:14px;}
	
	div#bottom div#sidebar ul li a{width:154px;height:17px;padding:5px 0 0 8px;background:url(img/bg-nav-off.gif) no-repeat;color:#87888a;font-weight:bold;display:block;}
	div#bottom div#sidebar ul li a:hover{color:#000;text-decoration:none;}
	
	div#bottom div#sidebar ul li.li_last{padding:105px 0 0 0;}
	div#bottom div#sidebar ul li.li_last a#bt_unites{width:162px;padding-left:0px;background:url(img/bg-nav-last.gif) no-repeat;text-align:center;}
	#pg_unites div#bottom div#sidebar ul li.li_last a#bt_unites{background:url(img/bg-nav-last-on.gif) no-repeat;color:#fff;}
	
	#pg_index div#bottom div#sidebar ul li a#bt_accueil, #pg_eau div#bottom div#sidebar ul li a#bt_eau, #pg_eau_2 div#bottom div#sidebar ul li a#bt_eau, #pg_solaire div#bottom div#sidebar ul li a#bt_solaire, #pg_eolienne div#bottom div#sidebar ul li a#bt_eolienne, #pg_hydraulique div#bottom div#sidebar ul li a#bt_hydraulique, #pg_geothermique div#bottom div#sidebar ul li a#bt_geothermique, #pg_biomasse div#bottom div#sidebar ul li a#bt_biomasse, #pg_hydrogene div#bottom div#sidebar ul li a#bt_hydrogene, #pg_biocarburants div#bottom div#sidebar ul li a#bt_biocarburants, #pg_dechets div#bottom div#sidebar ul li a#bt_dechets{background:url(img/bg-nav-on.gif) no-repeat;color:#000;}
	
	/* flash intro */
	/*div#bottom div#anim_flash,*/
	div#bottom div#cache_flash{position:absolute; left:0; top:0; width:100%; height:640px; z-index:10; margin:0; padding:0 14px; }

	/* content */
	div#bottom div#contenu{float:left;width:790px;height:615px;}
	
	div#bottom div#contenu div.scroll{float:left;position:relative;width:320px;padding:18px 0 0 298px;line-height:14px;text-align:justify;}

	div#bottom div#contenu div.scroll p {margin:0 0 10px 0;}

	
	div#bottom div#contenu div.scroll p .investir{color:#003481;text-decoration:underline;}
	div#bottom div#contenu div.scroll p .txt_note{font-size:9px;}
	
	div#bottom div#contenu div.scroll p.titre{font-size:13px;color:#6685b3;font-weight:bold;text-align:justify;}
	
	/* footer */
	div#bottom div#footer{float:left;width:960px;height:32px;background:url(img/bg-footer.gif) no-repeat;}
	
	div#bottom div#footer div#boutons{float:left;width:766px;padding:5px 0 0 4px;}
	div#bottom div#footer div#boutons a{float:left;width:154px;height:18px;padding:5px 0 0 8px;margin-right:20px;background:url(img/bg-bt-footer.gif) no-repeat;color:#003481;font-weight:bold;}
	
	div#bottom div#footer div#mentions{float:left;width:180px;padding:10px 10px 0 0;text-align:right;}
	div#bottom div#footer div#mentions a{color:#fff;}
	
	/* note */
	div#bottom p.note{float:left;width:960px;padding:3px 0 25px 0;font-size:8px;color:#003481;font-weight:bold;}
	
	
	/* -------- nav -------- */
	div#nav_top{position:absolute;top:111px;left:0px;width:992px;}
	
	div#nav_top ul{float:left;width:987px;padding-right:5px;}
	
	div#nav_top ul li{float:right;font-size:10px;font-weight:bold;text-align:center;line-height:11px;}
	
	div#nav_top ul li a{width:88px;height:19px;padding-top:12px;font-size:12px;color:#bfbfbf;font-weight:bold;text-align:center;background:url(img/bg-bt-nav-top.gif) no-repeat;display:block;}
	div#nav_top ul li a:hover{color:#000;text-decoration:none;}
	
	div#nav_top ul li a.top_on{color:#000;background:url(img/bg-bt-nav-top-on.gif) no-repeat;}
	
	div#nav_top ul li a#bt_produits{width:142px;height:26px;padding:5px 11px 0 0;font-size:10px;color:#fff;background:url(img/bg-bt-produits.gif) no-repeat;}
	div#nav_top ul li a#bt_produits.top_on{height:45px;color:#003481;background:url(img/bg-bt-produits-eau-on.gif) no-repeat;}
	
	div#nav_top div#ombre{float:left;width:107px;padding-left:483px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/
	.bold{font-weight:bold;}
	
	.clear{clear:both;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page index */ 
/*************************************************************************************************************************************************************************/
	#pg_index div#bottom div#contenu{background:url(img/bg-index.jpg) no-repeat;}
	
	#pg_index div#bottom div#contenu div.scroll{padding:136px 0 0 321px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page eau */ 
/*************************************************************************************************************************************************************************/
	#pg_eau div#bottom div#contenu, #pg_eau_2 div#bottom div#contenu{background:url(img/bg-eau.jpg) no-repeat;}

	div#bottom div#contenu ul.rubriques{float:left;width:351px;padding:149px 0 0 281px;}
	
	div#bottom div#contenu ul.rubriques li{border-bottom:1px solid #bfbfbf;padding:4px 0 4px 17px;font-weight:bold;}
	div#bottom div#contenu ul.rubriques li.li_first{border-top:1px solid #bfbfbf;}
	
	div#bottom div#contenu ul.rubriques li a{color:#7f7f7f;}
	div#bottom div#contenu ul.rubriques li a.rubrique_on{color:#000;}
	
	#pg_eau_2 div#bottom div#contenu div.scroll p.paragraphe{padding:9px 0 0 10px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page solaire */ 
/*************************************************************************************************************************************************************************/
	#pg_solaire div#bottom div#contenu{background:url(img/bg-solaire.jpg) no-repeat;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page eolienne */ 
/*************************************************************************************************************************************************************************/
	#pg_eolienne div#bottom div#contenu{background:url(img/bg-eolienne.jpg) no-repeat;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page hydraulique */ 
/*************************************************************************************************************************************************************************/
	#pg_hydraulique div#bottom div#contenu{background:url(img/bg-hydraulique.jpg) no-repeat;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page geothermique */ 
/*************************************************************************************************************************************************************************/
	#pg_geothermique div#bottom div#contenu{background:url(img/bg-geothermique.jpg) no-repeat;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page biomasse */ 
/*************************************************************************************************************************************************************************/
	#pg_biomasse div#bottom div#contenu{background:url(img/bg-biomasse.jpg) no-repeat;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page hydrogene */ 
/*************************************************************************************************************************************************************************/
	#pg_hydrogene div#bottom div#contenu{background:url(img/bg-hydrogene.jpg) no-repeat;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page biocarburants */ 
/*************************************************************************************************************************************************************************/
	#pg_biocarburants div#bottom div#contenu{background:url(img/bg-biocarburants.jpg) no-repeat;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page dechets */ 
/*************************************************************************************************************************************************************************/
	#pg_dechets div#bottom div#contenu{background:url(img/bg-dechets.jpg) no-repeat;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page unites de mesure */ 
/*************************************************************************************************************************************************************************/
	#pg_unites div#bottom div#contenu{background:url(img/bg-unites.gif) no-repeat;}
	
	#pg_unites div#bottom div#contenu ul.rubriques{padding-left:305px;}
	
	#pg_unites div#bottom div#contenu div.scroll{padding-left:322px;}
	
	div#bottom div#contenu div.scroll p.paragraphe .definir{font-size:13px;color:#003481;font-weight:bold;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page mentions legales */ 
/*************************************************************************************************************************************************************************/
	div#bottom div#contenu div.scroll p.mentions{line-height:14px;text-align:justify;}
	
	div#bottom div#contenu div.scroll p.mentions .titre{font-size:18px;color:#003481;}
	
	div#bottom div#contenu div.scroll p.mentions .couleur{color:#003481;font-weight:bold;}
	
	#pg_mentions div#nav_top ul{float:left;width:834px;padding-right:158px;}
	
	#pg_mentions div#nav_top div#ombre{padding-left:570px;}
	#pg_mentions div#nav_top div#ombre.bt_2{padding-left:656px;}
	
-->