@charset "utf-8";
	body {font:100% Verdana, Arial, Helvetica, sans-serif;background:#fff;margin:0;padding:0;text-align:center;color:#000}
	
	img{border:none}
	img.extensible,.extensible{width:100%}
	ul{list-style-type:none;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left}
	blockquote{margin:0;padding:0}

	#container{width:100%;min-width:1000px;margin:0 auto;text-align:left;color:#000}
	
	/* head*/
	#header{margin:0 2.5% 20px 2.5%}
	#header #bandeau{margin:0}
	.chenehead{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.7em;color:#000;text-align:right;margin:10px 0 0 0}
	.chenehead span{display:block;float:right;padding-left:15px}
		/* menu horizontal*/
		#menuh{height:20px;margin:10px 0 0 0;padding:0;border-top:1px solid #000;border-bottom:1px dotted #000;background:url(../images/icones/pointille_chene.png) repeat-x left center}
			.menuchene{font-size:.7em}
				.menuchene li{float:left;margin:0;padding:3px 0 0 0;background-color:#fff}
				.menuchene li.contact{float:right}
					.menuchene li a{padding:0 12px 0 15px;color:#000;background:url(../images/icones/flechette_chene.png) no-repeat 2px 4px}
					.menuchene li.grande_fleche a{background:url(../images/icones/fleche_pt_chene.png) no-repeat left 2px}
					.menuchene li.contact a{padding-right:0}
					.menuchene li a:hover{color:#FCB322}
					.menuchene li a.select{color:#FCB322}
	/* colonne gauche*/
    #colgche{float:left;width:18%;margin:15px 0 0 2.5%}
		/* menu vertical*/
		.menupole,.menucentre{margin:0 0 8px 0;padding:0}
			.menupole li.menu_titre{border-top:1px solid #000;background:url(../images/icones/fleche_pt_pole.png) no-repeat left 6px}
			.menucentre li.menu_titre{border-top:1px solid #000;background:url(../images/icones/fleche_pt_centre.png) no-repeat left 6px}
			.menupole li,.menucentre li{margin:0;padding:4px 0 4px 14px;font-size:.7em;border-top:1px dotted #000;list-style-type:none}
			
				.menupole li li,.menucentre li li{padding-left:0;font-size:.9em;border-top:1px dotted #666;background:none}
				.menupole li a,.menucentre li a{color:#000}
				.menupole li a:hover{color:#A0BF02}
				.menupole li a.select{color:#A0BF02}
				.menucentre li a:hover{color:#6882C3}
				.menucentre li a.select{color:#6882C3}
				.menupole li span,.menucentre li span{padding-left:10px;font-size:.9em}
					.menupole li li a,.menucentre li li a{color:#666;font-weight:normal}
				.menupole li ul,.menucentre li ul{margin-top:4px}
				.menucentre li.secourir{background:url(../images/icones/croixrouge.jpg) no-repeat left 6px}
	
	/* mainContent  */
    #mainContent{margin:35px 2.5% 0 23.5%;padding:0 5px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;text-align:justify}
		/* Les liens */
		.chene a{color:#FCB322;text-decoration:none;font-weight:bold}
		.chene a:hover{color:#FFD47D;text-decoration:none}	
		.pole a{color:#A0BF02;text-decoration:none;font-weight:bold}
		.pole a:hover{color:#E0E673;text-decoration:none;}
		.centre a{color:#6882C3;text-decoration:none;font-weight:bold}
		.centre a:hover{color:#B0C3F2;text-decoration:none}
		a.noir,a.noir_chene,.chene .remonter a,a.noir_pole,.pole .remonter a,a.noir_centre,.centre .remonter a{color:#000;text-decoration:none;font-weight:bold}
		a.noir_chene:hover,.chene .remonter a:hover,.chene .cadre_coldte a:hover{color:#FCB322;text-decoration:none}
		a.noir_pole:hover,.pole .remonter a:hover,.pole .cadre_coldte a:hover,a.noir_pole_fin:hover{color:#A0BF02;text-decoration:none}
		a.noir_centre:hover,.centre .remonter a:hover,.centre .cadre_coldte a:hover{color:#6882C3;text-decoration:none}
	
		#mainContent .vousetesici{margin:0 0 10px 0;padding:3px 0;border-top:1px dotted #333;border-bottom:1px dotted #333;font-size:.6em}
		h1{margin:0 0 50px 0;font-size:2em;text-align:left}
			h1 span{font-size:.8em}
		/* Divers objets / En travaux */
		.en_travaux{display:block;float:right;padding-top:7px;font-size:.3em;font-weight:normal}
		/* Divers objets / Différentes tailles de blocs pour séparer le containeur en 2 */
		.gauche_A{width:22%;float:left;margin:0 4% 0 0;padding:0}
		.droite_BCD{margin:0 0 0 26%;padding:0}
		.gauche_AB{width:48%;float:left;margin:0;padding:0}
		.droite_CD{margin:0 0 0 52%;padding:0}
			.droite_CD a.infobulle:hover span{left:-430px}
			/* Pour séparer CD en 2 parties égales : 56 et 78 */
			.droite_CD_56{width:45.8%;float:left;margin:0}
			.droite_CD_78{margin:0 0 0 54.2%}
		.gauche_ABC{width:74%;float:left;margin:0;padding:0}
		.droite_D{margin:0 0 0 78%;padding:0}
		.gauche_12{width:22%;float:left;margin:0;padding:0}
		.droite_345678{margin:0 0 0 26%;padding:0}
		.gauche_123{width:35%;float:left;margin:0;padding:0}
		.droite_456{width:35%;margin:0 0 0 39%;padding:0}
		.droite_45678{margin:0 0 0 39%;padding:0}
		.gauche_12345{width:61%;float:left;margin:0;padding:0}
		.droite_678{margin:0 0 0 65%;padding:0}
		/* Divers objets / Contenu classique */
		.contenu_classique,.TabbedPanelsContent .contenu_classique{margin:0 0 60px 0;padding:0;font-size:.7em;line-height:135%}
		/* Divers objets / Sommaire */	
		.som{padding:2px 1px 5px 25px;margin:0 0 2px 25px;color:#000;font-size:1em;font-weight:bold;background:url(../images/icones/fleche_gd_noir.gif) no-repeat}
		 ul.sommaire{width:60%;margin:0 0 120px 50px;padding:10px 0 5px 0;border-top:2px solid #000}
			 ul.sommaire li{margin:0;padding:2px 0 0 0;font-size:.7em;border-bottom:1px dashed #ccc}
				ul.sommaire ul{margin:5px 0 0 20px;padding:0}
					 ul.sommaire ul li{padding:2px 0 5px 0;font-size:.8em}
				ul.sommaire a{color:#666}
					.pole .ul.sommaire a:hover{color:#A0BF02}
				ul.sommaire li span.sous{font-size:.8em}	
				ul.sommaire li span.niveau{display:block;float:right;font-size:.8em;font-weight:normal}
				ul.sommaire li span.maj{font-size:.8em;font-weight:normal}
				ul.sommaire li.saut_ligne{margin-bottom:20px}
		/* Divers objets / Les chapitres + Titres-chapitres + Sous chapitres */	
		.chapitre{margin:0 0 100px 0;padding:0}
			h2.titre_chapitre{margin:0 0 80px 0;padding:5px 0 0 0;font-size:1.3em}
				h2.titre_chapitre b.niveau{display:block;float:right;padding:3px 5px;font-size:.5em;font-weight:normal;color:#fff;background-color:#A0BF02}
				h2.titre_chapitre span.note{display:block;margin:0;padding:5px 0;border:none;font-size:.5em;font-weight:normal;color:#000}
					.centre #container #mainContent h2.titre_chapitre span.note a{color:#000;font-weight:normal}
					.centre #container #mainContent h2.titre_chapitre span.note a:hover{color:#6882C3}
				h2.titre_chapitre span.precision{padding:0;font-size:.7em}
				h2.titre_chapitre span.maj{padding-right:10px;font-size:.5em;font-weight:normal}
			.sous_chapitre{margin:0 0 50px 0;padding:0}
				.sous_chapitre h3.titre_sous_chapitre{margin:0 0 50px 0;padding:0 10px;font-size:1em}
					.sous_chapitre h3.titre_sous_chapitre span.fond{padding:0 10px;background-color:#FFF}
			#container #mainContent .chapitre p,#container #mainContent .sous_chapitre p,.chapitre ul,.sous_chapitre ul{font-size:.7em;line-height:135%}
			#container #mainContent .chapitre p.diaporama{margin:20px 0 10px 0;padding:0 0 3px 0;font-size:.6em;font-weight:bold;text-align:right;color:#999;border-bottom:1px dotted #ccc}
		.chene h2.titre_chapitre{color:#FCB322;border-top:1px solid #FCB322}
		.pole h2.titre_chapitre{color:#A0BF02;border-top:1px solid #A0BF02}
		.centre h2.titre_chapitre{color:#6882C3;border-top:1px solid #6882C3}
		.chene .sous_chapitre h3.titre_sous_chapitre{color:#FCB322;background-color:#FCB322}
		.pole .sous_chapitre h3.titre_sous_chapitre{color:#A0BF02;background-color:#A0BF02}
		.centre .sous_chapitre h3.titre_sous_chapitre{color:#6882C3;background-color:#6882C3}
		/* Divers objets / Les titres-fleche */	
		.fleche_noire_titre{margin:0 0 15px 0;padding:0 0 5px 15px;font-size:.8em;font-weight:bold;background:url(../images/icones/fleche_pt_noir.png) no-repeat left 4px;border-bottom:1px solid #000}
		.fleche_gris_titre{margin:0 0 15px 0;padding:0 0 5px 15px;border-bottom:1px dotted #ccc;font-size:.8em;font-weight:bold;background:url(../images/icones/fleche_pt_666.png) no-repeat left 4px;color:#999}
			.fleche_gris_titre span{font-size:.8em;font-weight:normal;padding:0 0 0 10px}
		.fleche_chene_titre{margin:0 0 15px 0;padding:0 0 5px 15px;font-size:.8em;font-weight:bold;color:#FCB322;background:url(../images/icones/fleche_pt_chene.png) no-repeat left 4px;border-bottom:1px solid #FCB322}
		.fleche_pole_titre{margin:0 0 15px 0;padding:0 0 5px 15px;font-size:.8em;font-weight:bold;color:#A0BF02;background:url(../images/icones/fleche_pt_pole.png) no-repeat left 4px;border-bottom:1px solid #A0BF02}
		.fleche_centre_titre{margin:0 0 15px 0;padding:0 0 5px 15px;font-size:.8em;font-weight:bold;color:#6882C3;background:url(../images/icones/fleche_pt_centre.png) no-repeat left 4px;border-bottom:1px solid #6882C3}
		/* Divers objets / Les titres-stabilo */	
		.stabilo{margin:0;padding-top:4px;padding-bottom:4px;font-size:.8em;font-weight:bold}
			.chene .stabilo span{padding:4px 10px;background-color:#FFD47D}
			.pole .stabilo span{padding:4px 10px;background-color:#A0BF02}
			.centre .stabilo span{padding:4px 10px;background-color:#6882C3}
		/* Divers objets / Les fond en rayures*/	
		.chene .rayures{margin:0 0 40px 0;padding:0;background:url(../images/icones/rayures_chene.gif) top left}
		.pole .rayures{margin:0 0 40px 0;padding:0;background:url(../images/icones/rayures_pole.png) top left}
		.centre .rayures{margin:0 0 40px 0;padding:0;background:url(../images/icones/rayures_centre.png) top left}
		/* Divers objets / Table */
			/* News */
			table.news{width:100%;margin:0 0 20px 0;border-collapse:collapse;border-bottom:1px dotted #6882C3;font-size:.7em;text-align:justify}
				table.news td.date{padding:5px 0;border-top:1px dotted #6882C3;border-bottom:1px dotted #6882C3;color:#6882C3;vertical-align:top}
					table.news td.date span{padding-left:10px;font-size:.85em}
				table.news td.texte{width:60%;padding:20px 0;vertical-align:top}
					table.news td.texte .intro{font-size:.9em;color:#666}
				table.news td.fleche{padding:20px 5px 20px 0;vertical-align:top;text-align:right;border-top:1px dotted #6882C3}
				table.news td.photos{width:35%;padding:20px 0;vertical-align:top}
				table.news a.infobulle{font-weight:normal}
			/* Personnel */
			#container #mainContent table.personnel{width:100%;margin:0 0 250px 0;border-collapse:collapse}
			#container #mainContent table.personnel td{vertical-align:top;font-size:.7em;text-align:left}
			#container #mainContent table.personnel td.photo{width:100px;padding-right:10px}
			#container #mainContent table.personnel td.nom{height:25px;vertical-align:bottom;border-bottom:1px solid #000}
		/* Divers objets / Les infobulles */
		a.infobulle,a.infobulle_photo{position:relative;color:black;text-decoration:none;font-weight:normal;border-bottom:1px #aaa dotted}
		a.infobulle_icone{position:relative;color:black;text-decoration:none}
		a.infobulle span ,a.infobulle_photo span,a.infobulle_icone span{display:none}
		a.infobulle:hover,a.infobulle_photo:hover,a.infobulle_icone:hover
			{background:none; /* correction d'un bug IE */
			z-index:500; /* on définit une valeur pour l'ordre d'affichage */
			cursor:help; /* on change le curseur par défaut en curseur d'aide */
			color:#000}
		a.infobulle:hover span,a.infobulle_photo:hover span,a.infobulle_icone:hover span
			{display:inline;position:absolute;
			white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
			bottom:15px;left:-100px;margin:0 5px;padding:5px;color:#000;background-color:#fff}
		.chene a.infobulle:hover span,.chene a.infobulle_icone:hover span{border:1px solid #FCB322;border-left:4px solid #FCB322}
		.pole a.infobulle:hover span,.pole a.infobulle_icone:hover span{border:1px solid #A0BF02;border-left:4px solid #A0BF02}
		.centre a.infobulle:hover span,.centre a.infobulle_icone:hover span{border:1px solid #6882C3;border-left:4px solid #6882C3}
		a.infobulle_photo:hover span{border:1px solid #fff;border-left:4px solid #fff}
		
		/* Les listes*/	
		ul.liste{padding:0 0 0 15px;list-style-image:url(../images/icones/tiret_petit.png)}
		ul.liste_point{padding:0 0 0 15px;font-size:1em;list-style-image:url(../images/icones/liste_point.gif)}
		/* Les flottants */
		.clearfloat{clear:both}
		/* Divers*/
		.centrer{text-align:center}
		.gauche{text-align:left}
		.souligne{text-decoration:underline}
		.rouge{color:red}
		.vert{color:green}
		.bleu{color:blue}
		.c_688{color:#6882C3}
		.c{display:block;margin-top:3px;color:#666;font-size:.9em}
			.c a.infobulle{color:#666;font-weight:normal}
		
		/* Divers objets / En sommeil / Encart
		div.encart{margin:0 0 30px 0;padding:0 0 30px 0;background:url(../images/icones/coin_bas.gif) no-repeat bottom right}
			div.encart h4.encart_titre{margin:0 20px 15px 0;padding:20px 0 0 20px;font-size:.8em;color:#000;text-align:left;background:url(../images/icones/coin_haut.gif) no-repeat top left}
				div.encart h4.encart_titre span{padding-left:12px}
			div.encart p{margin:0 20px 0 50px;padding:0;font-size:.7em;text-align:justify}
			div.encart .encart_exergue_pole,div.encart2 .encart_exergue_centre{margin:20px 20px 10px 50px;padding:2px 0;font-size:.8em;font-weight:bold}
			div.encart .encart_exergue_pole{color:#A0BF02;border-top:1px dotted #A0BF02;border-bottom:1px dotted #A0BF02}
			div.encart .encart_exergue_centre{color:#6882C3;border-top:1px dotted #6882C3;border-bottom:1px dotted #6882C3}
		code html	
		<div class="encart">
			<h4 class="encart_titre"><img src="images/icones/gdfleche_menupole.gif" alt="" /><span>L'éducation à l'environnement</span></h4>
			<p>Parce qu'on respecte mieux son environnement quand on le connaît bien, notre association propose un ensemble d'acivités de découverte de la nature régionnale.<br />
			<b>Le Pôle Nature, véritable noyau dur, concentre toutes nos actions éducatives menées à destination du public.</b></p>
			<p class="encart_exergue_pole">Notre mission</p>
			<p><img src="images/icones/fleche_pole.gif" alt="" /> Eveiller, rendre curieux, donner envie de découvrir, partager les connaissances, lutter contre les idées reçues.</p>
		</div>
		*/
		
		/* Page Parrainer */
		.parrainer{min-height:110px;margin:0 0 80px 0;background:url(../images/icones/bordure_chene.gif) repeat-x left 24px;border-bottom:1px solid #FCB322}
			.parrainer .filleul .stabilo{text-align:right;margin-bottom:10px}
			.parrainer .filleul p.vignette{margin:4px 0;padding-right:10px;font-size:.6em}
				.parrainer .filleul a img{border:1px solid #ccc}
				.parrainer .filleul a:hover img{border:1px solid #FCB322}
				.parrainer .filleul b.nom{position:relative;top:-15px;padding-left:5px}
				.parrainer .filleul a{color:#000}
				.parrainer .filleul a:hover{color:#FCB322}
				.parrainer .filleul .no{margin-top:15px;font-size:.6em}
			.parrainer .principe{position:relative;top:25px}
				.parrainer .principe p{font-size:.7em}
		.parrainage{margin:30px 0 0 0;font-size:.7em}
			.parrainage .echange{margin:10px 0 5px 0;padding:2px 0;font-weight:bold;border-top:1px solid #FCB322;border-bottom:1px solid #FCB322}
			.parrainage ul{padding:5px 0 0 15px;list-style-image:url(../images/icones/tiret_petit.png)}
			.parrainage h2.nom{margin:50px 0 15px 0;padding:0;font-size:1.3em;color:#FCB322}
				.parrainage h2.nom span{display:block;margin:0 0 5px 0;padding:0 0 5px 12px;font-size:.7em;color:#000;font-weight:normal;background:url(../images/icones/fleche_chene.gif) no-repeat left 2px;border-bottom:1px solid #FCB322}
			.presentation_filleul{font-size:.7em}
				.presentation_filleul .telecharger{margin:0 0 40px 0;padding:0;font-size:.9em;text-align:right}
					.presentation_filleul .telecharger a{color:#000;font-weight:normal}
					.presentation_filleul .telecharger a:hover{text-decoration:underline;color:#000}
				.presentation_filleul .photo{width:150px;float:left;margin:0}
					.presentation_filleul .photo a img{border:1px solid #ccc}
					.presentation_filleul .photo a:hover img{border:1px solid #FCB322}
				.presentation_filleul .renseignement{margin:0 0 30px 170px;text-align:left}
				
				
		/* Page Liens*/
		div.liens a{color:#000}
			div.liens a:hover{color:#FCB322}
		div.liens em{font-style:normal;color:#999}
		#mainContent div.coup_coeur{margin:0 0 15px 0;padding:0;font-size:.85em}
			#mainContent div.coup_coeur a{color:#000}
				#mainContent div.coup_coeur a:hover{color:#FCB322}
			#mainContent div.coup_coeur h3{margin:0;padding:15px 15px 0 15px;font-size:1em;font-weight:normal;text-align:left;background:url(../images/icones/coin_chene_haut.gif) no-repeat top left}
			#mainContent div.coup_coeur h3 em{font-weight:normal;font-style:normal}
			#mainContent div.coup_coeur div{margin:0 15px;border-bottom:1px dotted #FCB322}
			#mainContent div.coup_coeur .coup_coeur_pied{margin:5px 0 15px 0;padding:0 15px 15px 15px;background:url(../images/icones/coin_chene_bas.gif) no-repeat bottom right}
				#mainContent div.coup_coeur .coup_coeur_pied a{padding-right:10px}
					#mainContent div.coup_coeur .coup_coeur_pied a span{font-weight:normal}
		/* Page Contact*/
		.contact{margin:0;background:url(../images/icones/bordure_chene.gif) repeat-x left 24px}
			.coordonnees{margin:30px 0;font-size:.7em}
				.coordonnees span{color:#FCB322}
			.contact #adresse{margin:25px 0 0 45px}
			.contact #contact{text-align:right;border-bottom:1px solid #FFD47D}
		div.plan{height:360px;margin:40px 0;padding:15px;background:url(../images/icones/coin_plan.gif) no-repeat left top;font-size:.8em}
			div.plan small a{color:#FCB322;text-align:left}
		/* Page Enquête hirondelles */
		.participez{margin:0;font-size:.7em}
			.participez p.photo{margin:0 0 20px 0}
		.hirondelle{margin:0;padding:0}
			.hirondelle h2{margin:0 0 50px 0;padding:5px 0 0 0;font-size:1.3em;color:#A0BF02;border-top:1px solid #A0BF02}
			.hirondelle p{font-size:.7em}
			.hirondelle .enquete{margin:50px 0;padding:5px 0;font-size:.85em;border-top:1px dotted #000;border-bottom:1px dotted #000}
				.hirondelle .enquete p{padding-left:10px;background:url(../images/icones/flechette_pole.png) no-repeat left 5px}
		/* Page Animal stories */
		.stories_presentation{margin:0 40px;padding:0 5px 10px 5px;background-color:#fff}
			.stories_presentation h4{margin:0 0 15px 0;font-size:1em;color:#6882C3;text-align:left;background-color:#fff}
				.stories_presentation h4 span.bague{display:block;float:right;padding-left:20px;text-align:right;font-weight:normal}
					.stories_presentation h4 span.bague b{padding-right:7px;font-size:.6em;font-weight:normal}
				.stories_presentation h4 em{font-weight:normal}
		table.infos{margin:0;padding:0;width:100%;border-collapse:collapse}
			table.infos td{padding:0 0 5px 0;font-size:.7em;vertical-align:top;border-top:1px dotted #6882C3;text-align:left}
			table.infos td.renseignements{width:130px;padding-right:15px;font-weight:bold}
		.archive{margin:120px 0 0 0;padding:0}
			.archive h3{margin:0 0 15px 0;font-size:1em}
				.archive h3 span{display:block;margin:5px 0 0 0;font-size:.6em;font-weight:normal}
			.archive p.image{width:38%;float:left;margin:0 15px 0 0}
			.archive p.note{color:#999}
			
	
	#container #mainContent .remonter{clear:both;text-align:right;font-size:.7em;margin:80px 0 60px 0;padding:0}
	#container #mainContent .remonter_archive{text-align:right;font-size:.7em;margin:80px 0 60px 0;padding:0}
	
	#footer{clear:both;margin: 5% 2.5% 0 23.5%;border-top:1px solid #333}
	#footer p{margin:0 21% 0 0;padding:10px 0;text-align:center;color:#ccc;font-size:.6em;font-weight:bold}