/* CSS Document */



/*::::::::::::::::::::::::::::::::::::::::::::::::: PROPRIETES DES BALISES HTML ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

img {border:none;}

body {	height:100%;
	 	margin:0 auto; 
	 	width:100%; 
		text-align:center; 
		font-family:Arial, Helvetica, sans-serif; 
		color:#000;
		font-size:11px; 
		background:url(img/bg_005.gif) repeat-x;
		background-color:#EDEAE5;
		margin-top:15px;
		padding-bottom:35px;		
		}

p{margin:7px 0x 15px 0; padding-right:0;}

body a { 
		}		


	
h1 {display:none; }

h1, h2 {	margin:0; padding:0; }

h2 {	font-size:100%; }

input{ margin:0; padding:0;}

form{ margin:0; padding:0;}


#container {	margin:0 auto; /*( "auto" permet à firefox de centrer la page dans la fenêtre)*/
				text-align:left;
				padding-left:5px;
				/*text-align:right;*/
				margin-bottom:45px;
				
				width:970px; /*(largeur de l'image de fond + largeur ombre)*/
				background: url(img/ombre_dr_gch.jpg) repeat-y #fff;
				
				}
				
#container #coin-hd{background:url(img/coin_ht_droit.jpg) no-repeat right top;}	
#container #coin-bd{background:url(img/coin_bas_dr.jpg) no-repeat right bottom;}
#bord_gauche { width:5px; border:#000099 solid 1px;}
/*
#container #coin-hg{background:url(img/coin_bas_dr.jpg) no-repeat left top; width:20px; height:20px; float:left; border:#000099 solid 1px;}
#container #coin-bg{background:url(img/coin_bas_dr.jpg) no-repeat left bottom; width:20px; height:50px; float:left; border:#000099 solid 1px;}			
	*/			
#fd_container {	width:959px;
				background:url(img/fd_container.jpg) repeat-x #fffedf;
				
				}

/*div bas page pour IE 

#espace_bas { float:left; height:55px; width:970px; background:#EDEAE5;}

*/

/*::::::::::::::::::::::::::::::::::::::::::::::::: TOP PAGE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/				
				
#header { 	margin:0;
			padding:0;
			text-align:left;
			width:959px;
			height:156px;
			background:url(img/top.jpg) no-repeat; /*Filter: alpha(opacity=50)*/;
			
			}
			

			
#logo {	margin:37px 0 40px 0px; padding-left:252px; /*ie6 a tendance à avoir 2-3px en moins dans la largeur*/
	/* 	*/
				
/*		}
html>body #logo {	margin:37px 0 61px 255px; 
	/* */	float:left;
				
		}		


#img_flash {	float:right;
				margin:0;
				padding:0;
				width:350px;
				height:156px;			
				}
				


/*::::::::::::::::::::::::::::::::::::::::::::::::: BAS DE PAGE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#bottom{background: url(img/ombre_bas.png) repeat-x #d6d579 right bottom; border-top:solid 2px #A2A2CA;padding-right:0px; margin-bottom:0px; height:90px;width:959px}
#bottom #coin-bg{ height:90px; width:20px; background:url(img/coin_bas_g.jpg) no-repeat left bottom; float:left; border:#000099 solid 0px; }
#bottom #coin-bd{ height:90px; width:50px; background:url(img/coin_bas_dr2.jpg) no-repeat right bottom; float:right; border:#000099 solid 0px; } /*  */

#bottom a {float:right; margin:15px 0 0 20px; }

#bottom img	{	height:40px;
				width:auto;
				}			
			


/*///////////////////////////////////////////////////// PAGE ACCUEIL ///////////////////////////////////////////////////////////////////////////*/


/*::::::::::::::::::::::::::::::::::::::::::::::::: STRUCTURE DE PAGE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
			
#contenu {	margin:0;
			padding:0;
			background:url(img/suite_topgauche.jpg) no-repeat;
			}
			
			
td#colonnegauche{ 	width:179px;
					background:url(img/fd_menu_left.png) repeat;
					margin:0px;
					padding:0px;
					height:auto;
					
					}
					
#colonnedroite	{	text-align:left;
					}					
					


/*::::::::::::::::::::::::::::::::::::::::::::::::: MENU PRINCIPAL ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
					
					
					
#menu_principal	{	background:url(img/img/menu.jpg) no-repeat top; width:179px;}

/*---------------CSS MENU INCLUDE----------------------------*/





/*::::::::::::::::::::::::::::::::::::::::::::::::: MENU SECONDAIRE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#menu_secondaire {	/*position:relative;*/
					background:url(img/bas_menu_secondaire.png) no-repeat bottom right ;				
					text-align:right;
					/*width:780px;*/
/*					float:right;
					margin-left:98px;*/
					width:auto;
					float:right;
					
					height:auto;
/*					border:solid 1px blue;*/
					padding-bottom:1px;
					
					}	

	
#menu_secondaire ul {display:inline;
						text-decoration:none;
						
						}


#menu_secondaire li {display:inline;
						text-decoration:none;
						}


#liens_menu_secondaire	{float:right;
						margin-top:10px;
						margin-right:28px;
						margin-left:57px;
						height:26;						
						width:auto;
						color: #CDBD98; 				/* couleur des spipes entre les liens */
						
						}


#liens_menu_secondaire	a {	color: #CDBD98; 				/* couleur des liens */
						text-decoration:none;
						}
						
#liens_menu_secondaire	a:hover {	color:#5BB1B9;				/* couleur rollover des liens */
							}


#recherche { 	float:right;
				
				text-align:right;
				padding-left:0px;   
				margin-top:0px;
				height:25px;
				width:166px;
				
				background:url(img/fd_menu_snd.jpg) repeat-x;
				
				/*background-image:url(img/arr_menu_snd.jpg) no-repeat;*/ 
/*				border:solid 1px red;*/
				
			}
				
#recherche #coin-g{	background:url(img/arr_menu_snd.jpg) no-repeat; height:25px; padding-right:14px;}				


.imput_text_rech {background: url(img/fd_chp_rech.jpg) repeat-x; border:none; padding:0; margin:0;  
			width:102px;
			height:15px;
			font-size:80%;
			color:#5b622c;
			font:bold;
			margin-top:5px;
			padding-left:5px;
			border:#abd67c 1px solid;
			
			}

.bt_recherche{vertical-align:top; margin-top:5px; background:url(img/bt_recherche.gif); width:23px; height:17px; }
.bt_recherche:hover {vertical-align:top; margin-top:5px; cursor: pointer; background:url(img/bt_recherche.gif); width:23px; height:17px;}


#question_reponse {	float:right;
					background:url(img/qr_off.gif);
					width:148px;
					height:25px;/**/
					}


#question_reponse  a, #question_reponse  a:link, #question_reponse  a:visited,#question_reponse  a:hover,#question_reponse  a:active {	float:left;
						background:url(img/qr_off.gif);
						width:148px;
						height:25px;
					}

#question_reponse  a:hover {	
						background:url(img/qr_on.gif);
					}
					
/*a.toto { background:url(img/qr_on.gif) no-repeat blue; width:148px; height:26px;position: relative;}
 a.toto{position: relative;  width: 70px; height:18px;
		background: url(img/qr_off.gif) no-repeat right;}
a.toto:hover { background:url(img/qr_on.gif) no-repeat red;}
*/						
						


/*::::::::::::::::::::::::::::::::::::::::::::::::: STRUCTURE DU CORPS DE PAGE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/					
					
#gauche {	float:right;
			width:569px;
			text-align:left;
			margin-top:22px;  
			margin-left:0px; /*30px valeur par défaut mais verifier ds IE 6 pour voir si la page n'est pas deconstruite*/						
			}
			

#gauche h2 {color:#fe2458; background:url(img/top_articles.png) no-repeat; margin-top:33px; padding:8px 0 8px 20px; width:539px; text-transform:uppercase; font-weight:normal;}


#gauche h2 a {	text-decoration:none;	color:#fe2458;}
			
			
#droite {	float:right;
			width:162px;
			margin-top:29px;
			margin-right:15px;
			}
			
			
			

/*::::::::::::::::::::::::::::::::::::::::::::::::: CORPS DE PAGE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*------------------------------------------------- COLONNE GAUCHE DE LA PAGE -----------------------------------------------------------------------*/

/*------------------------------------------------- MISE EN FORME ARTICLES -----------------------------------------------------------------------*/

.cadre_article	{	/*background:url(img/top_articles.png) no-repeat;*/
					margin-top:33px;					
					width:539px;
					
				}

			
.article_box	{		background:url(img/fd_articles.png);	
					/*background:url(img/top_articles.png) no-repeat;*/
					width:537px;
					text-align:left;
					border-left:1px solid #fdae4f;
					border-right:1px solid #fdae4f;
					border-bottom:1px solid #fdae4f;
					text-align:justify; padding-bottom:0px;
				}
				
.article_box ul{margin:0px; padding:0px;}
.article_box li{margin:0px; padding:0px; list-style:none; background:url(img/puce.png) no-repeat 0px 5px; padding-left:15px; margin-top:3px; margin-bottom:3px;}	

.article_box .article a, .article_box .article a:link, .article_box .article a:visited,.article_box .article a:hover,.article_box .article a:active {background-image:url(img/puce.png) 0 2px;text-decoration:none;font-weight:bold;color:#587267;margin-right:25px;
				}
			
.article_box .article a:hover {	
					text-decoration:none;
					font-weight:bold;
					color:#000;
				}
				
			
.article {	margin-bottom:10px;
			padding:15px; 
			
			text-align: justify;
			}


.article img { max-height:140px; max-width:160px; margin:5px 0px 5px 15px; border:0px solid #fdae4f;}



.article_box .en_savoir_plus a, .article_box .en_savoir_plus a:link, .article_box .en_savoir_plus a:visited,.article_box .en_savoir_plus a:hover,.article_box .en_savoir_plus a:active { float:right; color:#f6a532;	 padding-right:5px; }
							
.article_box .en_savoir_plus a:hover { text-decoration:none; text-decoration:underline;} /*background:url(img/puce.png) no-repeat right 5px; */	

.cadre_article #coin-bd{background:url(img/coin_bas_dr.jpg) no-repeat right bottom;}




/*------------------------------------------------- COLONNE DROITE DE LA PAGE -----------------------------------------------------------------------*/


/*------------------------------------------------- LETTRE D'INFORMATION -----------------------------------------------------------------------*/

#conteneur_newsletter {	
				width:162px;
				margin:0;
				padding:0;
				}
				
#conteneur_newsletter h2 {	
				width:162px;
				margin:0;
				padding:0;
				}				

#newsletter	{	text-align:left;    /**/
				
				background:#fffed2;	
				border-left:3px solid #ffbf6b;
				border-right:3px solid #ffbf6b;
				border-bottom:3px solid #ffbf6b;
				
				height:auto;				/* hauteur du cadre de la newsletter */
				padding-left:15px;
				padding-top:15px;
				padding-bottom:20px;
				}
				
/**/
#inscription_newsletter	{ height:auto; width:130px; padding:7px 0 15px 0; margin:0; }
				
				
.imput_text_mail {background:#fdfdfd;
			width:120px;
			height:16px;
			font-size:90%;
			color:#aaa;
			border:#abd67c 1px solid;
			padding-left:5px;
			margin-bottom:4px;
			}
			
.bt_envoyer {background: url(img/bt_newsletter.gif) no-repeat; height:17px; width:71px;
				border:none; color:none; cursor:pointer; }

.maj_pourpre {	color:#fe9721;
				font-size:75%;
				margin-bottom:0px;
				text-transform:uppercase;				
				}
				
				
#newsletter .gris_fonce	a	{	color:#777;
					text-decoration:none; 
					
					}
					
#newsletter .gris_fonce a:hover	{	color:#333;
									
					}



/*------------------------------------------------- CADRE PUB -----------------------------------------------------------------------*/

#pub {	background:#817f66;
		border:#6666FF;
		width:162px;
		height:321px;
		margin-top:61px;
		text-align:center;
		padding-top:1px;
		}
		

#pub img {	width:160px;
			height:320px;
			}


#lien_pub	{	margin-left:58px;
				color:#524f46;
				text-decoration:none;				
				}



/*------------------------------------------------- AIDE PORTEURS PROJETS -----------------------------------------------------------------------*/


#projet_env {	float:right;
					background:url(img/annonceur.jpg);
					width:162px;
					height:58px;/**/
					margin-top:75px;
					}


#projet_env  a, #projet_env  a:link, #projet_env  a:visited,#projet_env  a:hover,#projet_env  a:active {	float:left;
						background:url(img/annonceur.jpg);
						width:162px;
						height:58px;
					}

#projet_env  a:hover {	
						background:url(img/annonceur_on.jpg);
					}



/*///////////////////////////////////////////////////// PAGE ETAT ENVIRONNEMENT /////////////////////////////////////////////////////////////////////*/

/*------------------------------------------------- STRUCTURE DE LA PAGE ETAT ENVIRONNEMENT ------------------------------------------------------------*/



#corps_page {	float:left;
			
			width:710px;
			text-align:left;
			margin-top:40px;  
			margin-left:30px; /*30px valeur par défaut mais verifier ds IE 6 pour voir si la page n'est pas deconstruite*/
							
			}

.liste{}			

#liste_articles h2 {background: url(img/fd_articles.png) repeat; color:#4e572c; font-size:11px; padding:8px 0 8px 20px; text-transform:uppercase; font:bold; margin-left:20px; width:650px; border:1px solid #ffbf6b;}


#liste_articles h2 a {	text-decoration:none;	color: #FF3333; }



/*------------------------------------------------- LISTAGE 3 DERNIERS ARTICLES -----------------------------------------------------------------------*/

			
.liste_box	{		background:#fffddd;	
					text-align:left;
					width:630px;
					padding:20px; 
					margin-bottom:25px;
					margin-left:20px;
					color:#666;
					text-align:justify;
					border-left:1px solid #fdae4f;
					border-right:1px solid #fdae4f;
					border-bottom:1px solid #fdae4f;/**/ 
				}

/*------------------------------------------------- EN SAVOIR PLUS -----------------------------------------------------------------------*/

.liste_box .en_savoir_plus a, .liste_box .en_savoir_plus a:link, .liste_box .en_savoir_plus a:visited,.liste_box .en_savoir_plus a:hover,.liste_box .en_savoir_plus a:active { float:right; color:#f6a532;	 padding-right:35px; padding-bottom:25px; text-decoration:none;}
							
.liste_box .en_savoir_plus a:hover {  text-decoration:underline;} /*background:url(img/puce.png) no-repeat right 5px; */	


/*------------------------------------------------- SEPARATEUR -----------------------------------------------------------------------*/

#separateur	{ background:#fe9721; height:2px; margin-top:70px; margin-bottom:70px;}




/*------------------------------------------------- LISTAGE THEMES -----------------------------------------------------------------------*/


.liste_rubriques{}

/*------------------------------------------------- ENTETE THEMES -----------------------------------------------------------------------*/

#liste_rubriques h2 {background: #5BB1B9; color:#fff; font-size:11px; padding:8px 0 8px 20px; font-weight:bold; text-transform:uppercase; margin-left:20px; width:230px; }


#liste_rubriques h2 a {	text-decoration:none;	color:#fff;  }



/*------------------------------------------------- STRUCTURE DES LISTES -----------------------------------------------------------------------*/
			
.theme_box	{		background:#fff;	
					text-align:left;
					width:580px;
					padding:20px; 
					margin-bottom:30px;
					margin-left:20px; 
					color:#999;
					text-align:justify;
					
				/*	border-left:1px solid #fdae4f;
					border-right:1px solid #fdae4f;
					border-bottom:1px solid #fdae4f;*/ 
				}
				
/*------------------------------------------------- SOUSTITRE -----------------------------------------------------------------------*/
				
.theme_box p { margin:0; padding:0;	margin-bottom:12px; text-align:justify;}

/*------------------------------------------------- LIENS ARTICLES -----------------------------------------------------------------------*/
				
.theme_box ul{margin:0px; padding:0px; }
.theme_box li{margin:0px; padding:0px; list-style:none; background:url(img/puce_o.png) no-repeat 0px 5px; padding-left:15px; margin-top:1px; margin-bottom:1px;}	

.theme_box a, .article_box a:link, .article_box a:visited,.article_box a:hover,.article_box a:active {background-image:url(img/puce_o.png) 0 2px;
					text-decoration:none;
					font-weight:bold;
					color:#5c603d;
					margin-right:20px;
				}
				
				
.theme_box a:hover {	
					text-decoration:none;
					font-weight:bold;
					color:#000;
				}

				
/*///////////////////////////////////////////////////// PAGE THEME /////////////////////////////////////////////////////////////////////*/

/*------------------------------------------------- TITRE ARTICLE PAR THEME -----------------------------------------------------------------------*/


#liste_themes{width:600px;}


#liste_themes h2 {background: #abd67c; color:#666; font-size:11px; padding:8px 0 8px 20px; font-weight:bold; text-transform:uppercase; margin-left:20px; width:600px;}


#liste_themes h2 a {text-decoration:none;	color:#666;  }

/*------------------------------------------------- EN SAVOIR PLUS -----------------------------------------------------------------------*/

.theme_box .en_savoir_plus a, .theme_box .en_savoir_plus a:link, .theme_box .en_savoir_plus a:visited,.theme_box .en_savoir_plus a:hover,.theme_box .en_savoir_plus a:active { float:right; color:#555;	 padding-right:15px; padding-bottom:25px;}
							
.theme_box .en_savoir_plus a:hover { text-decoration:none; text-decoration:underline;} /*background:url(img/puce.png) no-repeat right 5px; */


/*------------------------------------------------- LIENS THEMES -----------------------------------------------------------------------*/

.lien_theme {	padding-top:25px; }

.lien_theme ul{margin:0px; padding:0px;  }
.lien_theme li{margin:0px; padding:0px; list-style:none; background:url(img/puce_o.png) no-repeat 0px 5px; padding-left:15px; margin-top:1px; margin-bottom:1px;margin-left:35px;}	

.lien_theme p { margin:0; padding:0;	margin-bottom:15px; margin-left:75px; color:#666;}

.lien_theme a, .lien_theme a:link, .lien_theme a:visited,.lien_theme a:hover,.lien_theme a:active {
					text-decoration:none;
					font-weight:bold;
					color:#5c603d;
					margin-right:20px;
				}
				
				
.lien_theme a:hover {	
					text-decoration:none;
					font-weight:bold;
					color:#5BB1B9;
				}



/*///////////////////////////////////////////////////// PAGE ARTICLE /////////////////////////////////////////////////////////////////////*/


/*------------------------------------------------- TITRE ARTICLE -----------------------------------------------------------------------*/

 

#page_article{}			

#page_article h2 {background:#666;  color:#fff; font-size:11px; padding:8px 0 8px 20px; font-weight:bold; text-transform:uppercase; margin-left:20px; width:640px; border:0px solid #000;}


/*------------------------------------------------- SOUS TITRE ARTICLE -----------------------------------------------------------------------*/


#page_article p { margin:0; padding:0;	margin:15px 0 0 35px; color:#FF6600; text-decoration:none; font-size:11px; text-transform:;}


/*------------------------------------------------- RESUME ARTICLE -----------------------------------------------------------------------*/

#page_article .resume	{		background:url(img/fd_articles.png) repeat;	
					text-align:left;
					width:600px;
					min-height:50px;
					padding:20px 30px 20px 30px;
					margin-top:15px; 
					margin-bottom:35px;
					margin-left:20px; 
					color:#666; text-align:justify;}
					
#page_article .resume a { color:#127A9D; text-decoration:none;}


/*------------------------------------------------- CORPS ARTICLE -----------------------------------------------------------------------*/

#page_article .corps	{		background:#fff;	
					text-align:left;
					width:600px;
					min-height:150px;
					padding:40px 30px 40px 30px;
					margin-bottom:30px;
					margin-left:20px; 
					color:#333; 
					text-align:justify;}

#page_article .corps img	{ margin:15px;}



/*///////////////////////////////////////////////////// ECOACTEURS /////////////////////////////////////////////////////////////////////*/

/*------------------------------------------------- structure page -----------------------------------------------------------------------*/

/*------------------------------------------------- carte localisation -----------------------------------------------------------------------*/

#carte { background:url(img/carte.gif) no-repeat; float:left;  width:350px; height:250px; border:#666666 solid 1px; margin-bottom:10px; }


.point{ position:absolute; background:url(img/cible.gif) no-repeat ; width:8px; height:8px;}
.point a { position:absolute; background:url(img/cible.gif) no-repeat ; width:8px; height:8px;}

.point_orange { position:absolute; background:url(img/point_orange.gif) no-repeat center; width:6px; height:6px;}
.point_orange a { position:absolute; background:url(img/point_orange.gif) no-repeat center; width:6px; height:6px;}


/*------------------------------------------------- recherche avancée -----------------------------------------------------------------------*/

#recherche_avancee {float:left; background: url(img/fd_menu_left.png) repeat; width:250px; min-height:150px; border:#666666 solid 0px; padding:25px;margin-left:45px; text-align:left;}


.bt_themes { margin:3px 0 3px 0; font-size:10px; }




/*------------------------------------------------- conteneur onglet -----------------------------------------------------------------------*/

#onglets_acteurs { float:left;	width:702px; text-align:left; margin-top:40px; margin-left:0px; background:url(img/pix_bleuvert.gif) bottom left repeat-x;}

#onglet_entreprise { float:left; background: url(img/onglet_entrep_off.gif); width:120px; height:25px; font-size:10px; text-decoration:none; color:#000; font-weight:bold;}
#onglet_entreprise a { float:left; background: url(img/onglet_entrep_off.gif); width:120px; height:25px; font-size:10px; text-decoration:none; color:#000; font-weight:bold;}
#onglet_entreprise a:hover { background:url(img/onglet_entrep_on.gif);}
#onglet_entreprise_titre { margin:0; padding:0; margin-top:6px; padding-left:20px; }

#onglet_asso { float:left; background:url(img/onglet_asso_off.gif); width:120px; height:25px; font-size:10px; text-decoration:none; color:#000; font-weight:bold;}
#onglet_asso a { float:left; background:url(img/onglet_asso_off.gif); width:120px; height:25px; font-size:10px; text-decoration:none; color:#000; font-weight:bold;}
#onglet_asso a:hover { background:url(img/onglet_asso_on.gif);}


/*------------------------------------------------- conteneur liste acteur -----------------------------------------------------------------------*/

#liste_acteurs { float:left;	width:650px; height:auto; background: #fff; text-align:left; padding:0px 25px 50px 25px; border-left:#c5dea0 solid 1px; border-right:#c5dea0 solid 1px; border-bottom:#c5dea0 solid 1px; }



/*------------------------------------------------- box assos/entreprises -----------------------------------------------------------------------*/


.surbrillance a:hover { border: #F8bb4e solid 1px; float:left; cursor:pointer; background:#FEFEDF; text-indent:inherit; }

.box_acteur { background:#fffeee; float:left; width:650px; min-height:100px; margin:30px 0px 0px 0px; padding:20px 0 20px 0; text-decoration:none;  border:#ddd solid 1px; }

.contact_acteur { float:left; width:180px; margin-left:15px; margin-right:15px; color:#003366; font-size:10px; }
.contact_acteur a{ float:left; text-decoration:none; font-size:10px; color:#127A9D;}



.info_acteur { float:left; width:280px; margin-left:10px; margin-right:15px; text-align:justify; color:#333; text-decoration:none; font-size:10px; border:#003366 solid 0px; }

.logo_acteur { float:right; /*max-width:100px; max-height:120px;*/ margin-left:15px; margin-right:15px; }



/*///////////////////////////////////////////////////// PAGE ECOACTEUR /////////////////////////////////////////////////////////////////////*/

/*------------------------------------------------- structure page -----------------------------------------------------------------------*/

#cadre_contact { float:left; background: url(img/fd_menu_left.png) repeat; width:210px; min-height:110px; margin-left:20px; margin-right:35px; color:#003366; font-size:11px;  text-align:justify; padding:20px; border-left:#8bc190 solid 10px; }
#cadre_contact a { color:#127A9D; text-decoration:none;}
#cadre_contact a:hover { color:#119FA7; text-decoration:none;}

#cadre_info {  background:#fffeee; width:550px; margin:20px; color:#003366; font-size:11px; text-align:justify; padding:35px 50px 35px 50px; border:#c5dea0 solid 1px;}
#cadre_info img { margin:15px; }
#cadre_programme {  background: url(img/fd_articles.png) repeat; width:550px; min-height:100px; margin:20px; color:#003366; font-size:11px; text-align:justify; padding:50px;  }
#cadre_programme img { margin:15px; }



/*///////////////////////////////////////////////////// PAGE AGIR /////////////////////////////////////////////////////////////////////*/

/*------------------------------------------------- structure page -----------------------------------------------------------------------*/


#titre_agir { text-transform:uppercase; background:#B0DBC5; border:#c5dea0 solid 1px; font-size:12px; font-weight:bold; color:#333; margin:10px 0 30px 25px;  padding:10px 0 10px 20px; width:620px;}

#soustitre_agir {  font-size:11px; font-weight:bold; color:#999; margin:10px 0 30px 0;  }

#onglets_agir { float:left; width:25px; height:240px; color:#003366; font-size:11px;  text-align:justify; }

#onglet_fichetechnique { float:left; background: url(img/onglet1_ft_off.gif); width:25px; height:120px; }
/*
#onglet_fichetechnique:hover { background:url(img/onglet1_ft_on.gif);  cursor: pointer;}
*/
#onglet_fichetechnique a { float:left; background: url(img/onglet1_ft_off.gif); width:25px; height:120px; }
#onglet_fichetechnique a:hover { background:url(img/onglet1_ft_on.gif);}


#onglet_cotepratique { float:left; background: url(img/onglet1_cp_off.gif); width:25px; height:120px;}
/*
#onglet_cotepratique:hover { background:url(img/onglet1_cp_on.gif); cursor: pointer;}
*/
#onglet_cotepratique a { float:left; background: url(img/onglet1_cp_off.gif); width:25px; height:120px;}
#onglet_cotepratique a:hover { background:url(img/onglet1_cp_on.gif);}




#cadre_agir { float:left; width:600px; min-height:300px; padding:20px; text-align:justify; color:#333; text-decoration:none; font-size:10px; border:#c5dea0 solid 1px; background:#FFFFFF;}
#cadre_agir img { margin:15px; }



/*///////////////////////////////////////////////////// LISTING INITIATIVES ET EXPERIMENTATIONS ///////////////////////////////////////////*/

/*------------------------------------------------- recherche avancée ------------------------------------------------------------------*/

#recherche_initiative {float:left; background: url(img/fd_menu_left.png) repeat; width:520px; min-height:30px; border:#666666 solid 0px; padding:25px;margin-left:85px; margin-top:25px; text-align:left;}

.bt_selection { margin:0px 0px 5px 15px; font-size:10px; max-width:150px;}

/*------------------------------------------------- liste initiatives -----------------------------------------------------------------------*/

.initiative_box	{		background:#FDFEE5;	text-align:left; width:580px; padding:10px 20px 10px 10px; margin-bottom:30px; margin-left:30px; color:#999; text-align:justify; border-bottom:#ccc solid 1px; border-left:#ccc solid 1px; border-right:#ccc solid 1px; }

.initiative_box img { max-height:70px; max-width:80px; margin:0px 15px 0px 0px; border:0px solid #fdae4f;}

#liste_initiatives h2 {background: #ccc; color:#666; font-size:11px; padding:8px 0 8px 20px; font-weight:bold; text-transform:uppercase; margin-left:30px; width:600px; height:15px; border-bottom:#ccc solid 0px; border-top:#ccc solid 1px; border-left:#ccc solid 1px; border-right:#ccc solid 1px; }
#liste_initiatives h2 a {text-decoration:none;	color:#666; width:500px; height:auto; float:left;  }
#liste_initiatives h2 img { text-align:right; margin-right:15px; margin-top:5px; height:30px;  position: relative;} 

.initiative_box .en_savoir_plus a, .initiative_box .en_savoir_plus a:link, .initiative_box .en_savoir_plus a:visited,.initiative_box .en_savoir_plus a:hover,.initiative_box .en_savoir_plus a:active { float:right; color:#555;	 padding-right:15px; padding-bottom:0px; text-decoration:none;}
							
.initiative_box .en_savoir_plus a:hover {  text-decoration:underline;}

#contact_initiative { width:200px; float:left; text-align:left; }
#contact_initiative a { color:#777; text-decoration:none;}
#contact_initiative a:hover { text-decoration: underline;}
#objet_initiative { margin-left:25px; width:350px; float: left; text-align:justify;}


/*///////////////////////////////////////////////////// PAGE INITIATIVES ET EXPERIMENTATIONS ///////////////////////////////////////////*/

/*------------------------------------------------- titre experimentation ------------------------------------------------------------------*/

#titre_experimentation { text-transform:uppercase; background:#000; font-size:12px; font-weight:bold; color:#c5dea0; margin:10px 0 25px 18px;  padding:8px 0 8px 20px; width:645px;}

/*------------------------------------------------- cadre contact ------------------------------------------------------------------*/

#cadre_contact_experimentation {  background: url(img/fd_menu_left.png) repeat; width:220px; min-height:70px; margin-left:20px; margin-right:35px; color:#003366; font-size:11px;  text-align:justify; padding:20px; border-left:#FF9900 solid 10px; }
#cadre_contact_experimentation a { color:#127A9D; text-decoration:none;}
#cadre_contact_experimentation a:hover { color:#119FA7; text-decoration:none;}

/*------------------------------------------------- cadre objet/resume ------------------------------------------------------------------*/

#cadre_objet {  background: url(img/fd_articles.png) repeat; width:220px; min-height:70px; margin:15px 35px 35px 20px; color:#003366; font-size:11px; text-align:justify; padding:20px; border-left: #FF3366 solid 10px;}


/*------------------------------------------------- cadre detail ------------------------------------------------------------------*/

#cadre_info_experimentation {  background:#fffeee; width:550px; min-height:200px; margin:20px; color:#003366; font-size:11px; text-align:justify; padding:50px; border:#c5dea0 solid 1px;}

#cadre_info_experimentation img { margin:15px;}


/*////////////////////////////////////////////////////////// PAGE EVENEMENT //////////////////////////////////*/

/*------------------------------------------------- calendrier ------------------------------------------------------------------*/
#calendrier {	width:87px;
				height:500px; 
				float:right; 
				margin-right:30px;
				}


div.annee {
	text-align:center;
	margin-left: 30px;
	margin-right: 20px;
	
}

div.annee a {

	text-decoration:none;
	font-weight: bold;
	color: #FFFFFF;	
}

div.anneefutur { width:87px;
margin:15px 0 5px 0;
	background-color: #C24800;
}

div.anneepresent { width:87px;
margin:15px 0 5px 0;

	background-color: #FF6F00;
}

div.anneepasse { width:87px;
margin:15px 0 5px 0;

	background-color: #F6AC52;
}


div.mois { 
	width:87px;
	text-align:center;
	text-decoration:none;
	color:#666;	
	margin-top: 0px;
	margin-bottom: 0px;
}

div.mois a { 
	text-align:center;
	text-decoration:none;
	color:#666;	
	margin-top: 0px;
	margin-bottom: 0px;
}

div.mois a:hover {
	
	
	background:#6FC2A4;
		
	color:#000;	
}


/*////////////////////////////////////////////////////////// PAGE BACKOFFICE //////////////////////////////////*/


#menu_bo{
	height:20px;
	background:#AAA; 
	border:#999999 solid 1px; 
	height:20px; 
	width:900px; 
	margin:10px 0px 0 30px; 
	}

.rub_menu_bo {
	height:20px;
	background:#333333;
	float:left;
	margin-right:1px;
	}
	
.rub_menu_bo a {
	color:#FFF; 
	text-decoration:none;
	padding:3px 15px 0 15px;
	font-size:11px; 
	text-transform:uppercase;
	height:20px;
	}
	
.rub_menu_bo a:hover {
	padding:3px 15px 0 15px;
	background:#999;
	height:20px;
	}


/*------------------------------------------------- corp page admin ------------------------------------------------------------------*/


#corps_page_admin{
	width:850px;
	/width:900px; 
	background:#EEE; 
	border:#999999 solid 1px; 
	font-size:12px; 
	font-weight:bolder; 
	color: #006666; 
	padding:25px; 
	margin-bottom:5px; 
	margin-top:0;
	margin-left:30px;
	}

fieldset legend{
	color: #555555;
	text-transform:uppercase;
	}
fieldset{
	background-color: #E7E4FC;
	padding:0 10px 10px 10px;
	}



/*------------------------------------------------- page admin listing ------------------------------------------------------------------*/
.ligne_listing {
	border:0; 
	background: #CCCCCC;  
	width:800px; 
	font-size:12px;
	}

.ligne_listing tr { 
	background: #fff;
	height:25px;}

.ligne_listing tr:hover td { /*attention ne fonctionne pas sur iexplorer*/
	background: #FFCC99;/**/}

.ligne_listing_id { 
	background: #dddddd;}

#apercu_img{ 
	_height:105px;
	_width:105px;
	max-width:105px; 
	max-height:105px;
	/*height:105px; border:#0033FF solid 5px;*/
}