@charset "UTF-8";
/* CSS Document */

/*suppression des paramêtres par défaut (peut gener le montage suivant les multiples navigateurs et plateformes)*/


	
/*	a {
		text-decoration:none;
		color:#ff7221;}*/
	
	.commentaire{ color:#7a9a66 }
		
	hr	{
		clear:both; 
		height: 2px;
		margin: 20px 0 10px 0;
		color:#7a9a66; 
		border-color:#7a9a66; 
		background-color:#7a9a66 }
		
	/*Montage de la stucture*/
	#global {
		background-image:url(../../IMAGE/VERT/bg_global.gif);
		background-repeat:repeat-y;}
	
	/*Bannière*/
		#header {
			background-image:url(../../IMAGE/VERT/bg_header.png);
			background-repeat:no-repeat;}
			
		#header p {
			padding-top:98px; /* 125 */
			color:#7d7d7d;
			text-align:right;}
			
	/*Milieu de la page*/
		#corp {
			background-image:url(../../IMAGE/VERT/bg_degrade.jpg);
			background-repeat:no-repeat;}
			
		/*Menu*/
			#menu {}
			
			#menu label {}
				
			/*premier niveau de menu*/
			
				#menu ul {}
					
					#menu ul li {}
						
						/*deuxième niveau de menu*/
						
						#menu ul ul {}
							
							/*troisième niveau du menu*/
							
							#menu ul ul ul {}
							
						
						#menu a {}
							
							/*réaction du menu activé*/
					
						#menu a.select {
							color:#7a9a66;}
							
					.cadre {
						margin:10px;
						padding:10px;
						background-color:#FFFFFF;
						border: 1px solid #7a9a66; /* couleur du cadre */
					}
					
					.non_cadre {
						margin:auto;
						padding:10px;
						background-color:#FFFFFF;
						border: 0px;
					}
					
					/*Post-it*/
					.header {
						background-image:url(../../IMAGE/VERT/bg_post_header.png);
						background-repeat:no-repeat;}
						
					.corp {
						background-image:url(../../IMAGE/VERT/bg_post_corp.png);
						background-repeat:repeat-y;}
					
						.inp_text {
							background-color:#f7fdf3;
							border:#c6c6c6 1px solid;}
						
						.inp_sub {
							text-align:right;
							margin:10px 0 10px 0px;
							background:none;
							background-image:url(../../IMAGE/VERT/inp_connect.png);
							background-repeat:no-repeat;
							border:none;}
					
						.onglet {
							background:none;
							background-image:url(../../IMAGE/VERT/inp_onglet.png);
							border:none; 
							float: left; font-size:12px; font-family:Arial, Helvetica, sans-serif;
							height:15px;
							text-align:center; 
							width:75px;
							padding:3px; 
							margin:5px }
							
					.footer {
						background-image:url(../../IMAGE/VERT/bg_post_footer);
						background-repeat:no-repeat;}
			
			/*Corp du milieu avec texte*/
				#middle {}
					
					h2 {
						color:#7a9a66;}
						
					h3 {
						background-image:url(../../IMAGE/VERT/ico_carre_vert.gif);
						background-repeat:no-repeat;
						color:#4e4e4e;}
						
					h4 {
						color:#7a9a66;}
						
					#middle p {}
						
						#middle ul {}
					
						#middle ul li {}
						
						/* Si vous voulez toujours faire avec deux collonnes, ou avec des images flottantes*/
						
						.deux_cols {}
							
						.deux_cols_right {}
							
						.float_right {}
							
						.float_left {}
							
					/*Pour éviter que l'arbre passe dessus mais fonctionne avec qu'un seul navigateur*/
						#middle img {}
							
				/*Colonne de droite*/
				#right {}
					
					#right ul {}
						
				/*permet d'aligner le tout*/
						
			.clear {}
				
			/*Bas de la page et crédit*/
			
			#footer {
				background-image:url(../../IMAGE/VERT/bg_footer.png);
				background-repeat:no-repeat;}
				
				.p_center {}
					
				.p_right {}
					
					
				
			#arbre {
			background-image:url(../../IMAGE/VERT/ico_arbre.png);
			background-position:center;
			background-repeat:no-repeat;}