/* CSS Document */

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

SOMMAIRE
1. TEMPLATE DE PAGE
	1.1 HEADER 	( Bandeau haut + menu catégories )
		1.1.b  MENU
		1.1.b SOUS MENU
	1.2 MIDDLE 	( Ensemble de la partie centrale )
		1.2.a	( Homepage catégorie )
		1.2.b	( pages statiques )
	1.3 FOOTER 	( Ensemble de la partie basse )

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


/*****************
	1.1 HEADER
******************/
.header
{	position:		absolute;
	height:			101px;
	width:			100%;
	top:			0;
	background:		url('../../images/FR/background/bg_header.gif') repeat-x 0 0;
}

.visiteur 		{ background-position: 	0 0 !important;}
.organisateur 	{ background-position: 	0 -101px !important;}
.media 			{ background-position: 	0 -202px !important;}
.investisseur 	{ background-position: 	0 -303px !important;}
.adherent 		{ background-position: 	0 -404px !important;}
.alalilloise 	{ background-position: 	0 -505px !important;}
.back_to_home 	{ background-position: 	0 -606px !important;}


/***  MENU 
********************/
	.header div.nav ul 
	{ 	height:				50px;

		width:				905px;
		margin:				0 auto;
	}
		.header div.nav ul li
		{	display:		inline;
		}
		.header div.nav ul div  
		{	float:				left;
			margin:				0 1px 0 0;
			border-bottom:		1px #fff solid;
		}


			.header div.nav ul li h3  
			{	font-size:			12px;
				font-weight:		normal;
				letter-spacing:		1px;
				line-height:		13px;
				margin:				0;
				text-transform:		uppercase;
			}
			.header #back_to_home a {padding:0 !important;}
			.header div.nav ul li a  
			{	padding:			24px 18px 12px;
				background:			#eaeaea;
				display:			block;	
				text-decoration:	none;
				color:				#000;
			}
			.header div.nav ul li a  img
			{	display:			block;	
			}
			.header div.nav ul li.hover a, #header div.nav ul li.active a  
			{	padding:			24px 18px 12px;
				display:			block;	
			}
	
	
/*** SOUS MENU 
********************/

			.header div.nav li ul 
			{ 	display:none; 
				visibility:hidden;
			}

			.back_to_home div.nav li#back_to_home ul,.visiteur div.nav li#visiteur ul,.organisateur div.nav li#organisateur ul,.media div.nav li#media ul,.investisseur div.nav li#investisseur ul,.adherent div.nav li#adherent ul,.alalilloise div.nav li#alalilloise ul  
			{	display:		block;
				visibility:		visible;
			}
	
			.header div.nav li ul  
			{	height:			20px;
				padding:		5px 0 4px;
				width:			985px;
				margin:			0 auto;
				text-align:		center;
				position:		absolute;
				border-bottom:	0;
				margin:			0px 3px 0 0;
				display:		inline;	
			}
			.header div.nav li#back_to_home ul  
			{	width:			893px;
			 	padding:		2px 5px 4px;
				text-align:		right;
				font-size:		12px;
				font-weight:	bold;
				background:		url('../../images/FR/background/bg_prenez_place.jpg') no-repeat 0 1px;
			}
			.header div.FR li#back_to_home ul  
			{	background:		url('../../images/FR/background/bg_prenez_place.jpg') no-repeat 0 1px;
			}
			.header div.EN  li#back_to_home ul  
			{	background:		url('../../images/EN/background/bg_prenez_place.jpg') no-repeat 0 1px;
			}
			.header div.nav li#back_to_home ul img 
			{	vertical-align:	middle;
			 	margin:-1px 0 0;
			}
			

			.header div.nav #visiteur ul 		{	margin-left:	-126px;	}
			.header div.nav #organisateur ul 	{	margin-left:	-230px;	}
			.header div.nav #media ul 			{	margin-left:	-386px;	}
			.header div.nav #investisseur ul 	{	margin-left:	-476px;	}
			.header div.nav #adherent ul 		{	margin-left:	-621px;	}
			.header div.nav #alalilloise ul 	{	margin-left:	-753px;	}

		

				.header div.nav ul li ul li  
				{	float:			none;
					margin:			0;
					display:		inline;
					border-bottom:	0 !important;
					color:			#FFFFFF;	
					padding:		0;		
				}
				.header div.nav ul li.active 
				{	padding:		0;
				}

					.header div.nav li ul li h4 {	display:	inline; }
		
					.header div.nav ul li ul li a,
					.header div.nav ul li .active ul li a,
					.header div.nav ul li.hover ul li a  
					{	padding:		0;
						background:		none;
						font-weight:	normal;
						text-transform:	uppercase;	
						padding:		0;
						display:		inline;	
						color:			#FFFFFF;
						padding:		2px 3px;
					}
				
					.header div.nav ul li ul li a.active,
					.header div.nav ul li ul li a:hover  
					{	background:			#FFFFFF !important;
						padding:			2px 3px;
						color:				#000000;
						text-decoration:	none;
					}
					
					
.header .grey_bar 
{	position:			absolute;
	bottom:				0;
	height:				25px;
	width:				100%;
}
	.header .grey_bar div  
	{	margin:			0 auto;
		width:			905px;
	}
		.header .grey_bar a.version  
		{	padding:		4px 0 0;
			display:		block;
			color:			#000;
			text-decoration:none;
			width:			150px;
		}	
		
	
		.header .grey_bar span.forum_link
		{	float:		right;
			margin:		3px 0 0;
		}
			.header .grey_bar span.forum_link a
			{	color:			#FFF;
			 	font-weight:	bold;
				text-transform:	uppercase;
				font-size:		13px;
				text-decoration:none;
				line-height:	150%;
			}
/*****************
	1.2 CONTENT
******************/

.content 
{	margin:		111px auto 10px;
	width:		941px;
}

.content span.center 
{	display:	block;
 	text-align:	center;
}
/***  HOMEPAGE
**************************/
.coverflow 
{	height:		420px;
 	position:	absolute;
 	left:		0;
 	width:		100%;
}
.spacer {height:420px;}


/***  HOMEPAGE CATEGORIE
**************************/
	.hp_head  
	{	margin:			0 auto 10px;
		min-height:		350px;
		width:			905px;
		background:		url('../../images/FR/logo_bce.gif') no-repeat 100% 100%;
	}
		.hp_head .hp_media  
		{	height:		339px;
			width:		352px;
			float:		left;
			margin:		0 30px 0 0;
		}
		.hp_head .hp_intro  
		{	text-align:	justify;
			padding:	10px 0 0 0;
			margin:		0 0 0 352px;
			width:		430px;
			font-size:	12px;
		}
			.hp_head .hp_intro  h1
			{	text-align:		left;
				line-height:	125%;
			}
	.hp_aide 
	{	float:			right;
		margin:			-7px 18px 0 18px;
		display:		inline;
		padding:		20px 0 0 100px;
		width:			189px;
		height:			164px;
		background:		url('../../images/FR/background/bg_besoin_aide.jpg') no-repeat 0 0;
	}
	.hp_aide strong 
	{	color:			#000 !important;
		font-size:		14px;
		margin:			0 0 5px;
		display:		block;
	}
	.hp_aide .tit_aide strong
	{	color:			#e70807 !important;
	 	text-transform:	uppercase;
	}
	.hp_aide .aidelist 
	{	padding: 0 10px 3px 10px;
	 	border-bottom:1px #999 solid;
	 	display:block;
	 	margin: 0 10px 0 0;
		text-align:right; 	
	}
	.hp_aide .aidelist span
	{	float:left;
	}
	.hp_aide a
	{	color:#e70807 !important;
		display:block;
		text-align:center;
		padding:10px 0 0;
		font-weight:bold;
	}
	.hp_aide span a
	{	color:#000 !important;
		display:inline;
		text-align:center;
		padding:0;
		font-weight:normal;
	}
	
	.colonne_droite div.bloc_aide 	
	{	float:			right;
	 	border:			0;
		display:		inline;
		padding:		20px 5px 0;
		width:			150px;
		height:			213px;
		background:		url('../../images/FR/background/bg_besoin_aide2.jpg') no-repeat 0 0;
	}
	.bloc_aide strong 
	{	color:			#000 !important;
		font-size:		10px;
		margin:			0 0 5px;
		display:		block;
	}
	.bloc_aide .tit_aide strong
	{	color:			#e70807 !important;
	 	text-transform:	uppercase;
	 	font-size:		14px;
	 	padding:		0 10px 0 70px;
	 	text-align:		left;
	 	margin:			0 0 75px;
	}
	.bloc_aide .aidelist 
	{	padding:0 12px 5px 0;
	 	border-bottom:1px #999 solid;
	 	display:block;
		text-align:right; 
		font-size:11px;	
	}
	.bloc_aide .aidelist2
	{	display:block;
		font-size:11px;
		text-align:center;	
		margin:5px 0 0;
		font-weight:bold;
		color:#000 !important;
		text-decoration:none;
	}
	.big_aide 
	{	margin:			-7px 6px 90px 6px;
	 	text-align:		left;
	}
	
	
	
	
	
	
	
	
	
	
	.hp_link { margin:	0 18px 0 -19px; width:auto;}
	.hp_link ul li   
	{	float			:right;
		background:		#eee;
		margin:			0 0 15px 18px;
		padding:		0 4px 5px;
		width:			281px;
		height:			76px;
		position:		relative;
		display:		inline;
	}
		.hp_link ul li img  
		{	float:			left;
			margin:			5px 10px 0 5px;
		}
		.hp_link ul li h2  
		{	font-size:		14px;
			margin:			0;
			margin:			5px 0 0;
			text-transform:	uppercase;
		}
		.hp_link ul li p  
		{	font-size:		10px;
			margin:			0;
			line-height:	120%;
		}
		.hp_link ul li a  
		{	position:		absolute;
			bottom:			3px;
			right:			10px;
			text-decoration:underline;
			font-weight:	bold;
			font-size:		11px;
		}
		
		.hp_link ul li span.corners-top, .hp_link ul li span.corners-bottom			
		{	margin:				0 -4px; 
			height:				4px; 
			display:			block;
			background-repeat:	no-repeat;
			display:			block;
			font-size:			1px;
			line-height:		1px;
		}
			.hp_link ul li span.corners-top span, .hp_link ul li span.corners-bottom span	
			{	height:				4px; 
				display:			block;
				background-repeat:	no-repeat;
				display:			block;
				font-size:			1px;
				line-height:		1px;	
			}
				.hp_link ul li span.corners-bottom span, .hp_link ul li span.corners-bottom	
				{	bottom:			0;
					position:		absolute;
					width:			290px;
				}
			
			.hp_link ul li span.corners-top 		{		background-image:url('../../images/FR/background/corners_left.png'); 		background-position:0 0;}
				.hp_link ul li span.corners-top span 	{	background-image:url('../../images/FR/background/corners_right.png'); 		background-position:100% 0;}
			.hp_link ul li span.corners-bottom		{		background-image:url('../../images/FR/background/corners_left.png');		background-position:0 100%; clear:both;}
				.hp_link ul li span.corners-bottom span {	background-image:url('../../images/FR/background/corners_right.png');		background-position:100% 100%;}

/***  CONTENU STATIQUE
**************************/
.contenu 
{	width:			905px;
 	margin:			0 auto;
 	position:		relative;
 	min-height:		500px;
 	height:			auto !important;
 	height:			600px;
 	font-size:		12px;
}
.contenu h1 
{	font-size:		25px;
 	display:		block;
}
blockquote 
{	
	display:		block;
	margin:			1em 25px;
	font-style:		italic;
	text-align:center;
}
	.contenu div 
	{	/*height:			300px;*/
	 	margin:			0 15px 0 0;
	 	font-size:		12px;
	}
	.content p 
	{	font-size:		12px;
	}
	.contenu div.intro
	{	height:			300px;
	 	margin:			0 15px 0 0;
	 	font-size:		12px;
	}

	.contenu div.intro p
	{	height:			auto;
	 	width:			auto;
	 	border:			0;
	}
		.contenu div .flash_content 
		{	height:		257px;
	 		width:		350px;
	 		border:		1px #ccc solid;
	 		float:		left;
		}
			
		.contenu div h1
		{	line-height:120%;
		}
		
	.contenu p.contenu_link 
	{ 	/*text-align:		center;*/
	  	color:			#999;
	}
	.contenu p.contenu_link  a
		{ 	color:		#999;
		}
	
	.contenu p 
	{ 	border-bottom:	1px solid #999999;
	  	padding:		10px 0;
	  	width:			705px;
	  	text-align:		justify;
	}
	.contenu .intro p{	border:0;	}
	.linkdiv p	{	border:0;	text-align:		left;}
	
	
	.contenu .linkdiv 
	{	height:auto;
	 	margin:0 0 5px;
	}
	.contenu .linkdiv div
	{	height:auto;
	 	width:210px;
	 	float:left;
	 	background:#EEE;
	 	height:100px;
	 	padding:0 5px;
	 	position:relative;
	 	margin:0 15px 15px 0;
	}
	.contenu .linkdiv div.clear
	{	height:1px !important;
	 	width:auto;
	 	float:none;
	 	background:none;
	 	padding:0;
	 	position:static;
	 	clear:left;
	}
		.contenu .linkdiv div p
		{	margin:15px 0;
		 	width:auto;
		}
		.visiteur .contenu .linkdiv div a
		{	color:#333 !important;
		}
		
.linkdiv div span.corners-top, .linkdiv div span.corners-bottom			
		{	margin:				0 -5px; 
			height:				4px; 
			display:			block;
			background-repeat:	no-repeat;
			display:			block;
			font-size:			1px;
			line-height:		1px;
		}
			.linkdiv div span.corners-top span, .linkdiv div span.corners-bottom span	
			{	height:				4px; 
				display:			block;
				background-repeat:	no-repeat;
				display:			block;
				font-size:			1px;
				line-height:		1px;	
			}

			.linkdiv div span.corners-bottom span, .linkdiv div span.corners-bottom	
				{	bottom:			0;
					position:		absolute;
					width:			220px;
				}
				
			.linkdiv div span.corners-top 		{		background-image:url('../../images/FR/background/corners_left.png'); 		background-position:0 0;}
				.linkdiv  div span.corners-top span 	{	background-image:url('../../images/FR/background/corners_right.png'); 		background-position:100% 0;}
			.linkdiv div span.corners-bottom		{		background-image:url('../../images/FR/background/corners_left.png');		background-position:0 100%; clear:both;}
				.linkdiv div span.corners-bottom span {	background-image:url('../../images/FR/background/corners_right.png');		background-position:100% 100%;}

	.contenu .article_agenda 
	{	min-height:200px;
	 	height:auto !important;
	 	height:200px;
	 	border-top:1px #333 solid;
	 	padding:25px 0 0;
	 	width:705px;
	}
	.article_agenda h2 
	{	font-size: 16px
	}
	.contenu .article_agenda .clear
	{	clear:left;
	 	
	}

	.contenu .colonne_droite
	{	position:	static;
 		/*right:		0;
 		top:		0;*/
 		float:		right;
 		width:		160px;
 		text-align:	center;
 		height:		auto;
 		margin:		0 0 0 20px;
	}
	.contenu .colonne_droite img 
	{	display:block;
	 	margin:0 auto;
		}
	
	.contenu .liens_utiles 
	{	border:			1px #ccc solid;
	 	border-width:	0 1px;
	 	background:		#f3f3f3;
	 	margin:			0 auto;
	 	padding:		10px;
	 	width:			136px;
	 	text-align:		left;
	 	text-transform:	uppercase;
	 	height:			auto;
	}
		.contenu .liens_utiles a
		{	text-transform:none;
			}
p.concept_unique  
{	padding:			10px; 
	border:				1px #ccc solid;
	width:				685px !important;
	height:				100px;
}
img.a-left { float:		left; margin:0 10px 0 0;}
img.a-right { float:	right; margin:0 0 0 10px;}

	
/*****************
	1.3 FOOTER
******************/

#footer
{	background: 	url('../../images/FR/background/bg_footer.gif') repeat-x top;
	height:			100px;
}
	#footer div  
	{	width:			905px;
		margin:			0 auto;
	}
		#footer div ul  
		{	padding:		4px 0 4px;
		}
			#footer div ul li  
			{	color:		#FFF;
				display:	inline;
				padding:	0 2px;
			}
				#footer div ul li a  
				{	color:	#FFF;
				}

		#footer span  
		{	float:			right;
			background:		#555;
			color:			#FFF;
			padding:		0 20px 2px 0;
		}
			#footer span a  
			{	color:				#FFF;
				text-decoration:	none;
			}
			
		#footer p  
		{	color:			#999;
			font-size:		11px;
			line-height:	130%;
			margin:			15px 0 0;
		}	
			#footer p img  
			{	float:		left;
				margin:		-10px 10px 0 0;
			}
			#footer p strong  
			{	color:		#333;
			}