﻿/* CSS Document */

/**************************************************/
/**************************************************/
/*

SOMMAIRE
0 HOMEPAGE
1 RECHERCHE ADHERENT
	1.1 FORMULAIRE DE RECHERCHE
		1.1.a Zone de recherche
		1.1.b Zone de résultat
	1.2 FICHE ADHERENT
2 CALENDRIER
3 HOMEPAGE INVESTISSEUR
5 DEVELOPPEMENT DURABLE
6 RFP

*/
/*****************************************************/
/*****************************************************/
/**********************************
	0 HOMEPAGE
**********************************/
.bienvenue 
{	
 	background:		url('../../images/FR/background/bg_bienvenue.gif') repeat-x top;
	position:		absolute;
	width:			100%;
	left:			0;
}
.bienvenue div
{	
 	background:		url('../../images/FR/background/bg_bienvenue.gif') repeat-x top;
	position:		relative;
	width:			941px;
	margin:			0 auto;
}

	.bienvenue h1
	{	text-transform:	uppercase;
 		color:			#000;
 		font-size:		13px;
 		padding:		6px 0 3px;
	}
	.bienvenue p 
	{	text-align:		justify;
		width:			550px;
		font-size:		13px;
		margin:			10px 0 0;
	}
		.bienvenue p strong
		{	color:			#fd008f;
		}
		.bienvenue p span
		{	color:			#95d63e;
		 	font-weight:	bold;
		}
/*	.bienvenue img
	{	position:		absolute;
	 	right:			0;
	 	top:			-77px;
	}*/
	.bienvenue div div
	{	width:			366px;
	 	height:			222px;
		position:		absolute;
	 	right:			0;
	 	top:			-77px;
	 	background:		none;
	}
	.bienvenue div div img
	{	display:		block;
	}
	.bienvenue div div span
	{	display:		block;
	 	background:		#e9e9e9;
	 	padding:		0 10px;
	}
/**********************************
	1.1 FORMULAIRE DE RECHERCHE
**********************************/
.module_recherche_adherent 
{	padding:		0 180px 0 0;
 	width:			725px;
 	position:		relative;
	margin:			0 auto;
	min-height:		750px;
	height:			auto !important;
	height:			630px;
}

	.colonne_droite
	{	position:	absolute;
 		right:		0;
 		top:		0;
 		width:		160px;
 		text-align:	center;
 		font-size:	12px;
	}
.module_recherche_adherent p 
{	font-size:12px;
}
.colonne_droite .oubli_mdp_adherent2 
{	width:auto;
 	border:0;
}
.colonne_droite .oubli_mdp_adherent2 label
{	font-size:11px;
 	line-height:130%;
 	margin:5px 0 0;
 	text-align:left;
}
.valid_login_recherche,
.login_recherche 
{
	position:fixed;
	background:#fff;
	border:3px #999 solid;
	z-index:10;
	width:705px;
	height:200px;
	padding: 0 0 10px;
	left:50%;
	top:20%;
	margin: 0 0 0 -350px;
}
.valid_login_recherche
{
	height:100px;
	padding: 68px 0 10px;
	text-align:center;
	font-size:14px;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	
}
.valid_login_recherche .fermerPopUp ,
.login_recherche .fermerPopUp 
{
	left:683px;
}

.login_recherche label 
{	float:left;
	width:100px;
}

.login_recherche .selection_register input
{	margin:0;
}
.login_recherche .selection_register li
{	margin:3px 0;
}

/***  Zone de recherche
************************/
.search_form h1 { font-size:25px;}
.search_form p { font-size:12px; margin:10px 0 0;}
	p.type_prestataire 
	{	color:			#95d63e;
		font-weight:	bold;
		padding:		10px 40px;
		margin:			10px 0 0;
		font-size:		12px;
		background:		url('../../images/FR/picto_search.jpg') no-repeat left;
		}

	.search_form .carac_prestation 
	{	width:			162px;
	 	height:			180px;
 		float:			left;
 		margin:			0 10px 10px 0;
 		background:		#eee;
 		padding:		0 4px;
 		position:		relative;
	}
		.search_form .carac_prestation table tr
		{	height:10px;
		}
		.search_form .carac_prestation label
		{	text-transform:		uppercase;
		 	font-weight:		bold;
		 	color:				#000;
		 	padding:			0 0 5px;
		 	margin:				0;
		 	text-align:			center;
		 	font-size:			11px;
		 	display:			block;
		}
		.search_form .carac_prestation table label
		{	text-transform:		none;
		 	color:				#666;
		 	font-size:			11px;
		 	font-weight:		normal;
		 	padding:			0 0 0 5px;
		 	display:			inline;
		}
		.search_form .carac_prestation table input
		{	margin:				0;
		 	padding:			0;
		}
		
	.search_form .erreur  
	{	display:		block; 
		clear:			both;
		color:			#E7205B;
		font-weight:	bold;
		text-align:		center;
	}
	.search_form p.valider 
	{	background:			#ccc;
		padding:			5px 0;
		margin:				10px 15px 0 0;
		text-align:			center;
		color:				#333;
		text-transform:		uppercase;
		clear:				both;
	}
		.search_form  p.valider a  
		{	color:#333; 
			text-decoration:none; 
			font-weight:bold;
		}

/* coin arrondi*/		
.carac_prestation span.corners-top, 
.carac_prestation span.corners-bottom			
		{	margin:				0 -4px; 
			height:				4px; 
			display:			block;
			background-repeat:	no-repeat;
			display:			block;
			font-size:			1px;
			line-height:		1px;
		}
			.carac_prestation span.corners-top span, 
			.carac_prestation span.corners-bottom span	
			{	height:				4px; 
				display:			block;
				background-repeat:	no-repeat;
				display:			block;
				font-size:			1px;
				line-height:		1px;	
			}
			.carac_prestation span.corners-bottom span, .carac_prestation span.corners-bottom	
				{	bottom:			0;
					position:		absolute;
					width:			170px;
				}
			
			.carac_prestation span.corners-top 			{		background-image:url('../../images/FR/background/corners_left.png'); 		background-position:0 0;}
				.carac_prestation span.corners-top span 	{	background-image:url('../../images/FR/background/corners_right.png'); 		background-position:100% 0;}
			.carac_prestation span.corners-bottom		{		background-image:url('../../images/FR/background/corners_left.png');		background-position:0 100%; clear:both;}
				.carac_prestation span.corners-bottom span {	background-image:url('../../images/FR/background/corners_right.png');		background-position:100% 100%;}


/***  Zone de résultat
************************/
.result_list 
{	margin:			0 15px 0 0;
	}
	.result_list p.nb_resultat 
	{	background:		#95d63e;
		padding:		3px 0;
		margin:			5px 0 5px 0;
		text-align:		center;
		color:			#FFF;
		font-weight:	bold;
		text-transform:	uppercase;
		clear:			both;
		font-size:		14px;
	}
	
	/* adherent */
	.result_list .result_box 
	{	padding:		5px;
	 	margin:			0 0 5px;
	 	background:		#DDD;
	 	position:		relative;
	 	min-height:		150px;
	}
		.result_list .visuel_lieu
		{	width:		185px;
		 	border:		3px #fff solid !important;
		 	float:		left;
		 	margin:		0 15px 0 0;
			}
			
		.result_list .descr_result 
		{	margin:		0 0 0 205px;
			width:		325px;
			color:		#555;
		}
			.result_list .descr_result h2 
			{	font-size:		15px;
			 	color:			#000;
			 	line-height:	120%;
			 	margin:			0 0 20px;
			}
			.result_list .descr_result a
			{	color:			#000 !important;
			 	font-weight:	bold;
			}
			.result_list .descr_result img
			{	float:			right;
			}
		.result_list .bouton_result 
		{	width:				141px;
			position:			absolute;
			right:				10px;
			top:				10px;
		}
			.result_list div.bouton_result a 
			{	text-decoration:	none;
			 	color:				#000;
			 	font-weight:		bold;
			 	text-transform:		uppercase;
			 	display:			block;
			 	padding:			1px 5px 5px 40px;
			 	margin:				0 0 5px;
			 	height:				30px;
			}
			.result_list div.bouton_result .result_info			{background:	url('../../images/FR/background/bg_result_btn_info.gif') no-repeat;}
			.result_list div.bouton_result .result_galerie		{background:	url('../../images/FR/background/bg_result_btn_galerie.gif') no-repeat;}
			.result_list div.bouton_result .result_selection	{background:	url('../../images/FR/background/bg_result_btn_selection.gif') no-repeat;}

/* club */
.result_list .result_box2 
	{	padding:			5px;
	 	margin:				0 0 5px;
	 	background:			#EEE;
	 	position:			relative;
	 	min-height:			150px;
	}
/* non adherent */
.result_list .result_box3 
{	padding:			5px;
	 margin:			0 0 5px;
	 background:		#EEE;
	 position:			relative;
}
	 .result_box3  .descr_result 
	{	margin:			0 0 0 10px;
		width:			auto;
		color:			#555;
	}
		 .result_box3  .descr_result h2 
		{	font-size:		15px;
		 	color:			#000;
			line-height:	120%;
			margin:			0 20px 0 0;
			display:		inline
		}
		
		
	/* pagination */
	.pagination
	{	float:			right;
	 	background:		url('../../images/FR/background/bg_pagination.gif') no-repeat 0 0;
	 	width:			137px;
	 	height:			21px;
	 	text-align:		center;
	 	font-weight:	bold;
	 	font-size:		13px;
		letter-spacing:	1px;
		margin:			0 0 5px;
	}
	.pagination a
	{	color:			#000 !important;
	 	font-weight:	bold;
	 	
	}
	.pagination a.page_active
	{
		color: orange !important;
	}
		
/**********************************
	1.1 DETAIL FICHE ADHERENT
**********************************/	

/* Haut de page */
.detail 
{	margin:			10px 18px 0;
 	padding:		10px 0 0;
	position:		relative;
	min-height:		630px;
	height:			auto !important;
	height:			630px;
}

.divGoogleMap, .divGoogleMap2
{
	position:			absolute; 
	top:				50%;
	left:				50%; 
	margin:				-150px 0 0 -200px; 
	height:				300px; 
	width:				400px; 
	padding:			10px; 
	background:			#FFF; 
	border:				solid 3px #CCC; 
	z-index:			1000;
	visibility:			hidden;
	/*display:			none;	*/
}
.divGoogleMap #copyright, 
.divGoogleMap2 #copyright
{	font-size:			8px !important;
 	letter-spacing:		1px;
 	color:				#666 !important;
}
.divGoogleMap2 
{	height:				490px; 
 	width:				400px;
 	padding:			10px 100px;
 	margin:				-240px 0 0 -300px; 
 	

}
.fermerPopUp
{
	border:				1px #666 solid;
	font-size:			16px;
	height:				20px;
	width:				20px;
	margin:				0;
	float:				right;
	
	z-index:			10;
	top:				-10px;
	left:				10px;
	line-height:		140%;
	text-align:			center;
	background:			#FFF;
	position:			absolute;
	top:				0;
	left:				400px;
}
.fermerPopUp a
{
	color:				#666 !important;
	text-transform:		uppercase;
	font-size:			16px;
	text-decoration:	none;
	height:				20px;
	width:				20px;
	display:			block;
}

.detail h1 {font-size:20px;}
	.fiche_detail 
	{	background:	#DDD;
	 	width:		715px;
	 	padding:	5px;
	 	margin:		10px 0 0;
		}
		div.detail_gauche 
		{	float:		left;
	 		width:		200px;
	 		color:		#000;
		}
			div.detail_gauche img
			{	width:		185px;
			 	margin:		0 0 10px;
			 	border:		3px solid #FFFFFF !important;
			}
			div.detail_gauche p 
			{	margin:		0 0 0 10px;
			} 
		div.detail_droite 
		{	margin:			10px 0 0 210px;
		}
			div.detail_droite h2
			{	font-size:	1.6em;
			 	width:		200px;
			 	color:		#000;
			}
	/* Onglets et généralité */
	.detail_onglet 
	{	height:			36px;
	 	margin:			10px 0 0 3px;
		}		
	.detail_onglet img
	{	float:			left;
		margin:			0 3px 0 0;
	}
	
	.detail_box 
	{	margin:			0 0 0 3px;
	}
	.caracteristique,
	.galerie,
	.devis,
	.selection 
	{	display:		none;
	 	background:		#fff;
	 	width:			709px;
	 	padding:		10px 0 0;
	}
		
		/* Caracteristique */
			.caracteristique table 
			{	border:				0 !important;
		 		border-collapse:	separate !important;
		 		width:				100%;
			}
				.caracteristique table th
				{	color:			#000;
			 		text-align:		center;
			 		font-weight:	bold;
			 		border:			1px #999 solid;
			 		border-width:	0 0 1px;
			 		padding:		2px 0;
				}
				.caracteristique table td
				{	text-align:		center;
			 		border:			1px #ccc solid;
			 		border-width:	0 0 1px;
			 		padding:		2px 0;
				}
		
		/* Galerie photo */
			.galerie ul 
			{	margin:		0 0 0 3px;
			}
			
			.galerie li 
			{	float:		left;
		 		margin:		0 2px;
			}
		
		/* devis */
		.devis div 
		{	margin:			0 0 0 10px;
		}
		.devis .mentions_obligatoires 
		{	color:			#F00;
		 	font-size:		12px;
			font-weight:	bold;
			margin:			10px;
			text-align:		center;
		}
		
			.devis .info-organisateur  
			{	width:		270px;
		 		float:		left;
		 		margin:		0 0 0 20px;
			}
				.info-organisateur li
				{	padding:2px 0;
				 	clear:	left;
				}
					.info-organisateur label
					{	width:	90px;
		 				float:	left;
					}
					.info-organisateur input
					{	background:		#EEE;
					 	border:			1px #999 solid;
					 	color:			#222;
					 	width:			165px;
					}
			
			.devis .info-evenement 	
			{	width:		365px;
		 		float:		left;
		 		margin:		0 0 0 10px;
			}
				.info-evenement li
				{	margin:	3px 0;
				}
					
					.info-evenement label
					{	width:		150px;
		 				float:		left;
					}
					.info-evenement input
					{	background:		#EEE;
					 	border:			1px #999 solid;
					 	color:			#222;
					 	width:			170px;
					}
				
				/* Particularite */
				.info-evenement li table tr
				{	float:		left;
				 	width:		70px;
				 	display:	inline;
				}
					.info-evenement li table tr td label
					{	float:	none;
					}
					.info-evenement li table input
					{	background:	none;
					 	border:		0;
					}
				.info-evenement li strong 
				{	font-size:		12px;
				 	color:			#000 !important;
				}
				.info-evenement li.date_arretee label 
				{	width:			200px;
				 	padding:		7px 0 0;
				}
				.info-evenement li.date_arretee input 
				{	width:			auto;
				 	margin-top:		0;
				}
				
				.info-evenement li.nb_participant input,
				.info-evenement li.date_evenement input,
				.info-evenement li.date_evenement_alt input,
				.info-evenement li.nb_nuits input
				{	width:			69px;
				}
				
				.info-evenement li.date_evenement label 
				{	margin:			0 -22px 0 0;
				}
				
				.info-evenement li.nb_chambres 
				{	float:			left;
				 	margin:			3px 8px 3px 0;
				}
				.info-evenement li.nb_chambres input
				{	width:			50px;
				}
				.info-evenement li.nb_chambres label
				{	width:			50px;
				}
				.info-evenement li.precisions label
				{	float:			none;
				}
				.info-evenement li.precisions { clear:both;}
				.info-evenement li.precisions textarea
				{	background:		#EEE;
					border:			1px #999 solid;
					width:			250px;
					margin:			0 5px 0 0;
					height:			50px;
				}
				
		/* Sélection */
		.selection P 
		{	text-align:			center;
		 	font-weight:		bold;
		 	font-size:			15px;
		 	margin:				20px 0;
		}
		.selection_login 
		{	width:			45%;
		 	margin:			10px 0 10px 20px;
		 	float:			left;
		 	border-right:	1px #ccc solid;
		}
			.selection_login ul
			{	margin:		10px 0 10px;
			 	height:		50px;
			}
			.selection_login li
			{	margin:		3px 0;
			}
				.selection_login span
				{	text-transform:		uppercase;
				 	font-weight:		bold;
				 	font-size:			12px;
				}
				.selection_login label
				{	float:		left;
			 		width:		100px;
				}
				.selection_login a
				{	color:		#AAA !important;
				 	margin:		0 23px 0 0;
				}
		.selection_register 
		{	width:			40%;
		 	margin:			10px 0 0 60px;
		 	float:			left;
		} 
			.selection_register p
			{	font-weight:	normal;
				height:			50px;
				text-align:		left;
				font-size:		12px;
			 	margin:			10px 0 10px;
			} 
			.selection_register span
			{	text-transform:		uppercase;
			 	font-weight:		bold;
			 	font-size:			12px;
			}
			.selection_register input
			{	margin:				0 0 0 150px;
			}
	
	/* pagination */
	.pagination_fiche 
	{	margin:			10px 0 0;
		padding:		5px;
		width:			715px;
	}
	.pagination_fiche .pagination
	{	float:			right;
	 	background:		url('../../images/FR/background/bg_pagination.gif') no-repeat 0 0;
	 	width:			137px;
	 	height:			21px;
	 	text-align:		center;
	 	font-weight:	bold;
	 	font-size:		13px;
		letter-spacing:	1px;
	}
	.pagination_fiche .pagination a
	{	color:			#000 !important;
	 	font-weight:	bold;
	 	
	}
	

/* coin arrondi*/		
.detail_box span.corners-top, 
.detail_box span.corners-bottom			
		{	margin:				0; 
			height:				4px; 
			display:			block;
			background-repeat:	no-repeat;
			display:			block;
			font-size:			1px;
			line-height:		1px;
		}
			.detail_box span.corners-top span, 
			.detail_box span.corners-bottom span	
			{	height:				4px; 
				display:			block;
				background-repeat:	no-repeat;
				display:			block;
				font-size:			1px;
				line-height:		1px;	
			}
			
			.detail_box span.corners-top 		{		background-image:url('../../images/FR/background/corners_left_grey.png'); 		background-position:0 0;}
				.detail_box span.corners-top span 	{	background-image:url('../../images/FR/background/corners_right_grey.png'); 		background-position:100% 0;}
			.detail_box span.corners-bottom		{		background-image:url('../../images/FR/background/corners_left_grey.png');		background-position:0 100%; clear:both;}
				.detail_box span.corners-bottom span {	background-image:url('../../images/FR/background/corners_right_grey.png');		background-position:100% 100%;}


/*	
/* Login colonne droite */

.colonne_droite div 
{	background:		#f3f3f3;
 	border:			1px #ccc solid;
 	border-width:	0 1px;
 	width:			146px;
 	padding:		5px;
 	margin:			0 auto;
 	text-align:		center;
 	height:			auto;
}
.colonne_droite div.clear 
{	background:		#fff;
 	border:			0;
 	padding:		0;
 	margin:			0;
}
	.colonne_droite div li
	{	margin:		3px 0;
	}
		.colonne_droite div a
		{	color:	#999 !important;
		}
			.colonne_droite div a img
			{	margin:		5px auto 0;
			}
		
.colonne_droite img 
{	display:		block;
 	margin:			0 auto 5px;
}
.colonne_droite img.tit_login_droite 
{	margin:			10px auto 0;
	}


/**/
.liste_des_favoris 
{	margin:20px 0;
 	padding:0 0 20px;
 	border-bottom:1px dotted #999;
}
.un_favori 
{	background:#ddd;
 	margin:2px 0;
 	padding:5px;
}
.un_favori span
{	color:#000;
 	font-weight:bold;
 	font-size:14px;
}
.un_favori img
{	vertical-align:middle;
}
.un_favori .bouton_result img 
{	float:right;
 	margin:0 3px 0 0;
}




/*** INSCRIPTION
/******************************/
.inscription 
{	width:		705px;
 	padding:	0 200px 0 0;
 	margin:		0 auto;
 	min-height:	600px;
 	height:		auto !important;
 	height:		600px;
 	position:	relative;
 	font-size:	12px;
}
	.inscription h1 
	{	font-size:	20px;
		}
	.inscription p 
	{	margin:		15px 0;
	}
	.register_form 
	{	padding:		0 25px;
	 	background:		#eee;
	 	font-size:		12px;
	 	width:			650px;
	 	margin:			0 0 5px;
	}
		.register_form strong
		{	color:		#000 !important;
		 	margin:		10px 0 0;
		 	display:	block;
		}
		.register_form ul
		{	margin:		10px 0 10px;
		}
			.register_form li
			{	margin:		3px 0;
			}
				.register_form label
				{	float:		left;
			 		width:		100px;
				}



/* coin arrondi*/		
.register_form span.corners-top, 
.register_form span.corners-bottom			
		{	margin:				0 -25px; 
			height:				4px; 
			display:			block;
			background-repeat:	no-repeat;
			display:			block;
			font-size:			1px;
			line-height:		1px;
			
		}
			.register_form span.corners-top span, 
			.register_form span.corners-bottom span	
			{	height:				4px; 
				display:			block;
				background-repeat:	no-repeat;
				display:			block;
				font-size:			1px;
				line-height:		1px;	
			}
			
			.register_form span.corners-top 		{		background-image:url('../../images/FR/background/corners_left.png'); 		background-position:0 0;}
				.register_form span.corners-top span 	{	background-image:url('../../images/FR/background/corners_right.png'); 		background-position:100% 0;}
			.register_form span.corners-bottom		{		background-image:url('../../images/FR/background/corners_left.png');		background-position:0 100%; clear:both;}
				.register_form span.corners-bottom span {	background-image:url('../../images/FR/background/corners_right.png');		background-position:100% 100%;}


/**********************************
	2	MODULE CALENDRIER
**********************************/	
.module_agenda 
{	width:				905px;
 	margin:				0 auto;
}
	.evenement_du_jour 
	{	float:			left;
	 	width:			570px;
	 	margin:			0 20px 0 0;
	 	position:		relative;
	 	font-size:		12px;
	}
	.calendrier_intro 
	{	margin:			10px 0 10px;
	 	font-weight:	bold;
	 	display:		block;
		}
	.liste_evenement 
	{	border:			1px #ccc solid;
	 	border-width:	1px 0 0;
	}
		
	.liste_evenement .evenement_impair	{	background:	#fff;}
	.liste_evenement .evenement_pair	{	background:	#eee;}
	.liste_evenement li  
	{	border:			1px #ccc solid;
	 	border-width:	0 0 1px;
	 	color:			#000;
	 	font-weight:	bold;
	 	position:		relative;
	}
		.liste_evenement li img
		{	float:		left;
		 	margin:		3px 10px 3px 3px;
		}
		.liste_evenement li strong
		{	display:	block;
		 	font-size:	14px;
		 	margin:		0 0 20px;
		 	padding:	10px 0 0;
		 	color:		#000 !important;
		}
		.liste_evenement li span
		{	color:			#7bba25;
		 	font-weight:	bold;
		}
		.liste_evenement li .calendrier_plus_info 
		{	position:		absolute;
		 	right:			5px;
		 	bottom:			5px;
			}
			
	.calendar_collumn 
	{	text-align:			right;
	 	float:				right;
	 	width:				300px;
	}
		.calendar_collumn .calendrier 
		{	background:		#95d63e url('../../images/FR/background/bg_haut_calendar.gif') top no-repeat;
		 	width:			260px;
		 	padding:		20px 10px 10px;
		 	text-align:		center;
		 	margin:			10px auto 35px;
		 	position:		relative;
		}
		.bg_bas_calendar 
		{	position:		absolute;
		 	bottom:			0;
		 	left:			0;
			}
		.calendar_collumn .calendrier ul 
		{	width:			252px;
		 	margin:			10px auto 0;
		 	/*height:			130px;*/
			}
		.calendar_collumn .calendrier li
		{	float:			left;
		 	height:			25px; 
			width:			25px;
			margin:			0 5px 0 6px;
		}
			.calendar_collumn .calendrier li a
			{	display:			block;
			 	height:				25px; 
			 	width:				25px;
			 	color:				#FFF;
			 	font-size:			14px;
			 	font-weight:		bold;
			 	text-decoration:	none;
			 	text-align:			center;
			 	line-height:		180%;
			}
			.calendar_collumn .calendrier li a:hover
			{ 	color:				#000;
			 	background:			#fff;
				}
				
		.calendar_collumn .calendrier div 
		{	position:				relative;
		 	height:					18px;
		 	margin:					0 0 10px;
		}
			.calendar_collumn .calendrier div .mois_precedent
			{	position:			absolute;
			 	left:				5px;
			}
			.calendar_collumn .calendrier div .mois_suivant
			{	position:			absolute;
			 	right:				5px;
			}
			
		.calendar_aide 
		{	text-align:				center;
		 	margin:					5px 0;
		}
		
		.detail_calendrier 
		{	position:		absolute; 
		 	top:			50%;
            left:			50%;
            margin:			0 0 0 -200px;
            background:		#fff;
            min-height:		200px; 
            width:			400px; 
            border:			solid 3px #ccc;
            padding:		5px 11px 20px;
            z-index:		100;
		}
			.detail_calendrier span
			{	font-size:		13px;
			 	text-transform:	uppercase;
			 	color:			#000 !important;
			 	font-weight:	bold;
			 	display:		block;
			 	margin:			0 0 10px;
			}


/**********************************
	3	HOMEPAGE INVESTISSEUR
**********************************/	

.investisseur .hp_head 
{	background:		none;
}
.investisseur .hp_head .hp_media {
float:				left;
height:				339px;
margin:				0 30px 0 0;
width:				423px;
}
.investisseur .hp_head .hp_intro {
	width:			430px;
	margin:			0 0 0 453px;
}
.investisseur .hp_head .hp_intro span {
	display:		block;
	color:			#000;
	font-weight:	bold;
	margin:			10px 0 0;
}

.invest_accompagne 
{	display:		block;
 	margin:			15px 0 30px 20px;
 	font-weight:	bold;
 	color:			#000;
}
.invest_accompagne span
{	text-transform:	uppercase;
 	font-size:		16px;
 	display:block;
}

/**********************************
	4	 POURQUOI LILLE
**********************************/

.contenu div.pourquoi_lille 
{	height:			auto;
 	border-top:		1px #999 solid;
 	padding:		10px 0 0;
 	margin:			25px 0 0;
 	width:			650px;
}
	.contenu div.pourquoi_lille div
	{	border-bottom:		1px #999 solid;
 		padding:			10px 0 10px;
 		height:				auto;
 		min-height:			120px;
	}
		.contenu div.pourquoi_lille div a
		{	display:		block;
		 	margin:			0 10px 0 0;
		 	text-align:		right;
		}

.pourquoilille_accessible p,
.pourquoilille_accueillante p,
.pourquoilille_culturelle p,
.pourquoilille_inventive p,
.pourquoilille_leader p 
{	margin-top:20px; 
 	padding: 10px 0 10px 260px;
 	width:450px;
	min-height:170px;
	height:auto !important;
	height:170px;
}

.pourquoilille_accessible p img,
.pourquoilille_accueillante p img,
.pourquoilille_culturelle p img,
.pourquoilille_inventive p img,
.pourquoilille_leader p img 
{	margin: 0 0 0 -260px;
}

.pagination_pourquoilille 
{	text-align:				center;
 	width:					705px;
 	clear:					left;
 	padding:				20px 0 0;
}
.pagination_pourquoilille img 
{	margin:					0 70px;
}

.en_quelques_chiffres table
{	border:					1px #555 solid; 
 	border-collapse:		collapse;
 	width:					705px;
}
	.en_quelques_chiffres table td,
	.en_quelques_chiffres table th
	{
 		padding:			5px;
	}
	
/**********************************
	5	DEVELOPPEMENT DURABLE
**********************************/
.contenu span.signature 
{	font-weight:	bold;
 	color:			#999;
 	display:		block;
 	text-align:		right;
}
.low_carbon 
{
	display:block;
	margin:0 auto;
}

/**********************************
	6 RFP
**********************************/
.formulaire_rfp div 
{	height:			auto;
}

.formulaire_rfp div.colonne_droite
{	float:			right;
	height:			auto;
	margin:			0 0 0 20px;
	position:		static;
	text-align:		center;
	width:			160px;
}

.formulaire_rfp .etape_0, 
.formulaire_rfp .etape_1,
.formulaire_rfp .etape_2, 
.formulaire_rfp .etape_3, 
.formulaire_rfp .etape_4 
{	width:			725px;
 	padding:		0 0 10px;
}
	.formulaire_rfp .etape_0 .clear, 
	.formulaire_rfp .etape_1 .clear,
	.formulaire_rfp .etape_2 .clear, 
	.formulaire_rfp .etape_3 .clear, 
	.formulaire_rfp .etape_4 .clear 
	{	clear:		left;
	}
	.formulaire_rfp .etape_0 .clear 
	{	clear:		both;
	}	
	.formulaire_rfp .etape_0 .un_favori 
	{	margin:		0 0 3px;
	 	line-height:260%;
	}
.formulaire_rfp .titre_etape_1, 
.formulaire_rfp .titre_etape_2, 
.formulaire_rfp .titre_etape_3, 
.formulaire_rfp .titre_etape_4 
{ background:		#95D63E;
  font-size:		14px;
  color:			#FFF;
  font-weight:		bold;
  padding:			2px 15px;
  margin:			10px 0;
  text-transform:	uppercase;
  width:			684px;
  cursor:			pointer;
  clear:			left;
}

.formulaire_rfp .titre_etape_1 span, 
.formulaire_rfp .titre_etape_2 span, 
.formulaire_rfp .titre_etape_3 span, 
.formulaire_rfp .titre_etape_4 span 
{	float:			right;
 	text-decoration:underline;
 	color:			#e2f6ce;
}

.formulaire_rfp .etape_0 label 
{	width:			auto;
 	margin:			0 15px 0 0;
}

.formulaire_rfp ul
{	float:			left;
 	margin:			0 15px;
 	width:			330px;
}

.formulaire_rfp ul.large_form 
{	float:			left;
 	margin:			0 0 0 15px;
 	width:			690px;
}
	.formulaire_rfp ul li
	{	margin:			3px 0;
	}
	.formulaire_rfp ul li.blank_li 
	{	height:			22px;
	}
	
		.formulaire_rfp ul li .mentions
		{	font-style:		italic;
		 	color:			#999;
		 	float:			left;
		 	margin:			0 0 0 10px;
		 	display:		inline;
		 	font-size:		10px;
		}
		.formulaire_rfp ul li .mentions_tel
		{	position:		absolute;
		 	margin:			3px 0 0 -271px;
		 	line-height:	9px;
		 	color:			#ababab;
		}

		.formulaire_rfp ul li label 
		{	float:			left;
 			width:			160px;
 			padding:		2px 0 0;
		}
		.formulaire_rfp ul li input 
		{	width:			160px;
		 	color:			#666;
		}
		.formulaire_rfp ul li select 
		{	width:			164px;
		 	height:			22px;
		 	color:			#666;
		}
		
		.formulaire_rfp ul li .checkbox_list 
		{	float:			left;
			width:			450px;
			margin:			0;
		}
			.formulaire_rfp ul li .checkbox_list li
			{	width:			200px;
		 		float:			left;
			}
				.formulaire_rfp ul li .checkbox_list li label 
				{	width:			50px;
		 			float:			none;
				}
				.formulaire_rfp ul li .checkbox_list li input 
				{	width:			auto;
				 	margin:			0 5px 0 0;
				}
				
		.formulaire_rfp ul li .radio_button_list
		{	float:			left;
			width:			200px;
			margin:			0;
		}
			.formulaire_rfp ul li .radio_button_list li
			{	width:			80px;
		 		float:			left;
		 		text-align:		center;
		 		position:		relative;
		 		top:			-5px;
			}
				.formulaire_rfp ul li .radio_button_list li label 
				{	width:			50px;
		 			float:			none;
				}
				.formulaire_rfp ul li .radio_button_list li input 
				{	width:			auto;
				 	margin:			0 5px 0 0;
				}
		
		.formulaire_rfp ul.large_form li input 
		{	width:			520px;
		}
		.formulaire_rfp ul.large_form li .input-chkbox
		{	width:			auto;
		 	margin:			0 5px;
		}
		.formulaire_rfp ul.large_form li label.label_textarea 
		{	width:			auto;
		}
		.formulaire_rfp ul.large_form li textarea 
		{	width:			680px;
		 	height:			75px;
		}
		.formulaire_rfp ul li span.erreur 
		{	
			background:		#CCCCCC none repeat scroll 0 0;
			height:			22px;
			margin:			0 0 0 -332px;
			/margin:		2px 0 0 -334px;
			position:		absolute;
			text-align:		right;
			width:			340px;
			padding:		0 3px 0 0;
			z-index:		-1;
		}
		
		.formulaire_rfp ul.tableau_rfp 
		{	float:			none;
			width:			auto;
			clear:			left;
			padding:		20px 0 20px 15px;
			margin:			0;
		}
			.formulaire_rfp ul.tableau_rfp li
			{ height:		20px;
			  margin:		0;
			}
				.formulaire_rfp ul.tableau_rfp li input
				{ width:		112px;
				  /width:		110px;
				  margin:		0;
				  float:		left;
				  border:		#7f9db9 1px solid;
				  text-align:	center;
				  color:		#666;
				}
				.formulaire_rfp ul.tableau_rfp li span
				{ width:		114px;
				  margin:		0;
				  float:		left;
				  text-align:	center;
				  font-weight:	bold;
				  color:		#7fbe2a;
				}
				.formulaire_rfp ul.tableau_rfp li span.erreur 
				{	
					background:		#CCCCCC none repeat scroll 0 0;
					height:			22px;
					margin:			0 0 0 -332px;
					/margin:		2px 0 0 -334px;
					position:		absolute;
					text-align:		right;
					width:			340px;
					padding:		0 3px 0 0;
					z-index:		-1;
					display:none;
				}

	.formulaire_rfp .bloc_erreur ul 
	{	float:none;
	 	width:705px;
	 	padding:20px 0;
	}

	.formulaire_rfp .sub_mentions 
	{	font-size:75% !important;
	 	position:relative !important;
	 	top:-5px !important;	 
	 	display:inline !important;
	 	float:none !important;	
	}





.news_page p img 
{	margin:0 10px 0 5px !important;	
}
.news_box strong 
{	color:#000 !important;
 	font-size:14px;
}

.contenu div.equipe 
{	height:auto;
}
.equipe_certifie img 
{	margin:0 10px 50px 0;
}
.equipe span 
{	font-weight:bold;
 	text-transform:uppercase;
 	font-size:14px;
 	color:#7FBE2A;
 	text-decoration:underline;
}
.equipe strong 
{ 	color:#000 !important;
}

.service_conv strong 
{ 	color:#000 !important;
}

.service_conv .descr strong 
{ 	color:#7FBE2A !important;
}

.archives_sstit 
{	color:#000;
 	font-weight:bold;
 	text-transform:uppercase;
 	font-size:14px;
}


.contenu h5.venir_lille			{	background:url('../../images/FR/background/picto_veniralille.gif') no-repeat 0 0; padding:10px 0 10px 40px;	}
.contenu h5.bouger_a_lille		{	background:url('../../images/FR/background/picto_bougerdanslille.gif') no-repeat 0 0; padding:10px 0 10px 40px;	}
.contenu h5.bouger_autrement	{	background:url('../../images/FR/background/picto_autremoyentransport.gif') no-repeat 0 0; padding:10px 0 10px 40px;	}

.contenu p.transport_train		{	background:url('../../images/FR/background/visu_transport_train.jpg') no-repeat 0 0; padding:10px 0 10px 120px;width:585px;	}
.contenu p.transport_avion		{	background:url('../../images/FR/background/visu_transport_avion.jpg') no-repeat 100% 0; padding:10px 120px 10px 0; width:585px	}
.contenu p.transport_auto		{	background:url('../../images/FR/background/visu_transport_auto.jpg') no-repeat 0 0; padding:10px 0 10px 120px;width:585px;	}

.contenu p.transport_transpole	{	background:url('../../images/FR/background/logo_transpole.jpg') no-repeat 0 0; padding:10px 0 10px 120px;width:585px;	}
.contenu p.transport_taxi			{	background:url('../../images/FR/background/picto_taxi.jpg') no-repeat 0 0; padding:10px 0 15px 120px;width:585px;	}
.contenu p.transport_parking		{	background:url('../../images/FR/background/picto_parking.jpg') no-repeat 0 0; padding:10px 0 10px 120px;width:585px;	}
.contenu p.transport_velopole		{	background:url('../../images/FR/background/picto_velopole.jpg') no-repeat 0 0; padding:10px 0 10px 120px;width:585px;	}
.contenu p.transport_chtivelo		{	background:url('../../images/FR/background/picto_chtivelo.jpg') no-repeat 0 0; padding:10px 0 20px 120px;width:585px;	}
.contenu p.transport_ebike		{	background:url('../../images/FR/background/picto_ebike.jpg') no-repeat 0 0; padding:10px 0 10px 120px;width:585px;	}
.contenu p.transport_segway		{	background:url('../../images/FR/background/picto_segway.jpg') no-repeat 0 0; padding:10px 0 10px 120px;width:585px;	}
.contenu p.transport_cycloville	{	background:url('../../images/FR/background/picto_cycloville.jpg') no-repeat 0 0; padding:10px 0 50px 120px;width:585px;	}

.adherent div.faq 
{	height:auto;
 	width:705px;
 	
}
.adherent div.faq  span
{	color:#B82DA2;
	font-size:12px;
	font-weight:bold;
}
.adherent div.faq  ul
{	padding: 0 0 0 20px;
}
.adherent div.faq  ul ul
{	list-style-type:disc;
}
.liste_adherant img 
{	margin:5px;
}

.inscr_news 
{
	padding:0 105px 0 0;
	width:800px;
}
.inscr_news  p
{
	width:600px;
}
.inscr_news .formulaire li 
{	margin:2px 0; 
}
.inscr_news .formulaire li label
{	float:left;
	margin:0 5px 0 0;
	width:150px;
}
.inscr_news .formulaire li input
{	width:150px;
}
.inscr_news .formulaire li.valider input
{	width:auto;
 	margin:10px 0 0 150px;
}
.inscr_news .formulaire li.mentions
{	font-size:10px;
 	color:#999;
 	margin: 0 0 0 150px;
}

.espace_pub 
{	text-align:center;
}

.mentions_calendrier 
{	font-size:10px;
 	font-style:italic;
}
.liste_adherant strong 
{	font-size:20px;
 	display:block;
 	margin:15px 0;
}

.contenu .celebrite
{	
	margin:30px 15px 0 0;
}
.celebrite div
{	
	margin:10px 0;
}
.celebrite div div
{	
	background:#FFFFFF none repeat scroll 0 0;
	border:3px solid #CCCCCC;
	height:300px;
	left:50%;
	margin:-150px 0 0 -300px;
	padding:25px 10px 10px;
	position:absolute;
	top:50%;
	display:none;
	overflow:auto;
	width:620px;
	z-index:1000;
}
.celebrite div div p
{	margin:0 10px 0 0;
}
.celebrite div div p {
left:600px;
}

p.incentive 
{	position:relative;	
 	padding:0 0 15px;
}
p.incentive  a
{	position:absolute;
 	bottom:10px;
 	right:0;	
}
.cult_tradition p
{	min-height:170px;
 	height:auto !important;
 	height:170px;
}


.login_recherche .oubli_mdp_adherent2 label
{	display:block;
	float:none;
	width:auto;
	margin:3px 0;
}
.intro_quelques_mots 
{	font-size:16px !important;
 	border:0;
}	