/* CSS Document */

/* ================================================================================== */
/* =																				= */
/* =			PARTIE GAUCHE DE LA HP												= */
/* =																				= */
/* ================================================================================== */
.bloc_presentations
{
	float 		: left				;
	margin 		: 15px 0px 0 10px		;
	width		: 392px				;
	height		: auto				;
	border		: #146A94 solid ;
	border-width: 0px 2px 10px 2px	;
	background	: #D1DFE5;
	-moz-box-shadow: 4px 4px 4px #aaa;  
	-webkit-box-shadow: 4px 4px 4px #aaa;  
	box-shadow: 4px 4px 4px #aaa;  
	-moz-border-radius: 12px ; 
    -webkit-border-radius: 12px ; 
	border-radius:12px;
	padding:0;
}
/*-----------------------------------------------------------
  -	TITRE DU BLOC GENERAL			-
  -----------------------------------------------------------*/
.bloc_presentations .titre
{
	float 		: left				;
	width		: 100%				;
	height		: auto				;
	margin 		: 0px 0px 0 0		;
	padding		: 10px 0px 10px 0px		;
	border		: #146A94 solid 0px	;
	background	: #146A94			;
	color		: #FFFFFF			;
	font-size	: 1.1em				;
	font-weight : bold				;
	letter-spacing:.1em				;
	text-align	: center			;
	-moz-border-radius: 12px 12px 0 0  ; 
    -webkit-border-radius: 12px 12px 0 0  ; 
	border-radius:12px 12px 0 0  ; 
}

/*-----------------------------------------------------------
  -															-
  -	SI C AFFICHAGE IMAGE MENU + ROLLOVER					-
  -															-
  -----------------------------------------------------------*/
	/*-----------------------------------------------------------
	  -	ZONE DE MENU											-
	  -	SI LE MENU EST CONSTITUE D'IMAGES						-
	  -----------------------------------------------------------*/
	.bloc_presentations #col_images_menu
	{
		float 		: left				;
		margin 		: 0px 0px 0 0		;
		width		: 99px				;
		height		: auto				;
		background	: #D1DFE5			;
		border-right	: solid #666666 0px ;		
	}
	.bloc_presentations #col_images_menu img
	{
		margin		: 3px 3px 3px 3px	;
		width		: 90px				;
		border		: 2px transparent solid;
	}
	.bloc_presentations #col_images_menu img:hover
	{
		border		: 2px #146A94 solid;		
	}
	/*-----------------------------------------------------------
	  -	ZONE DE MENU											-
	  -	SI LE MENU EST CONSTITUE DE TEXTE						-
	  -----------------------------------------------------------*/

	.bloc_presentations #col_images_menu ul.menu_ie
	{
		float:left;
		margin		: 0px 0px 0px 0px	;
		width		: 100%				;
		list-style-position:inside;
		list-style	: none;
	}

	.bloc_presentations #col_images_menu ul.menu_ie li
	{
		float		: left;
		list-style	: none;
		background	: #D1DFE5;
		border-right	: solid #AAA 1px ;
	}
 	.bloc_presentations #col_images_menu ul.menu 
	{
		float:left;
		margin		: 0px 0px 0px 40px	;
		width		: 100%				;
	}

	.bloc_presentations #col_images_menu ul.menu li
	{
		float		: left;
		list-style	: none;
		background	: #D1DFE5;
		border-right	: solid #AAA 0px ;
	}


	.bloc_presentations #col_images_menu a
	{
		float			: left;
		margin			: 0px 0px 0px 0px	;
		width			: 100%				;
		height			: auto				;
		padding			: 12px 0 12px 0		;
		text-align		: center			;
		color			: #222			;
		border			: solid #D1DFE5  	;
		border-width	: 0px 1px 0px 1px	;
		font-weight		: bold				;
		font-size:.95em;
		text-decoration : none				;
	}
	.bloc_presentations #col_images_menu a:hover,
	.bloc_presentations #col_images_menu a:active
	{
		background-color:#C5D92B ;
		color			:#000;
		border			:inset #C5D92B  ;
		border-width	:1px 0px 1px 0px;
	}

	/*-----------------------------------------------------------
	  -	ZONE DE CONTENU			-
	  -----------------------------------------------------------*/
	.bloc_presentations #col_contenu
	{
		float 		: left				;
		margin 		: 0px 0px 0 1px		;
		width		: 291px				;
		height		: auto				;
		border		: #146A94 solid 0px	;
		background	: transparent			;
		color		: #FFFFFF			;
	}
	.bloc_presentations #col_contenu img
	{
		float 		: left				;
		border		: 0					;
		max-width:291px;
	}
/*-----------------------------------------------------------
  -															-
  -	SI C AFFICHAGE ARTICLE AVEC PHOTO TITRE RESUME			-
  -															-
  -----------------------------------------------------------*/
.bloc_presentations .ligne
{
	float		: left				;
	width		: 100%				;
	background	: transparent		;
	margin		: 0px 0 0 0			;
	padding		: 5px 0 5px 0		;
}
.bloc_presentations .ligne:hover
{
	float 		: left				;
	background:white;
	border:solid #146A94;
	border-width:1px 0 1px 0;
}
	/*-----------------------------------------------------------
	  -	IMAGE ILLUSTRANT										-
	  -----------------------------------------------------------*/
	.bloc_presentations .ligne .article_image
	{
		float 		: left				;
		margin 		: 5px 5px Opx 5px	;
		width		: 80px				;
		height		: auto				;
		border		: 0					;
	}
	.bloc_presentations .ligne .article_image img
	{
		margin:5px 10px 0 10px;
		max-width	: 60px				;
		border		: 0					;
	}
	/*-----------------------------------------------------------
	  -	RESUME DE L'ARTICLE										-
	  -----------------------------------------------------------*/
	.bloc_presentations .ligne .article_desc
	{
		float 		: left				;
		display		: block;
		margin 		: 5px 5px Opx 5px	;
		width		: 306px				;
		height		: auto				;
		border		: 0					;
	}
	.bloc_presentations .ligne .article_desc .article_desc_titre
	{
		float 		: left				;
		margin 		: 0px 36px Opx 0px	;
		width		: 270px				;
		height		: auto				;
		border		: #111 solid;
		border-width: 0 0 1px 0;
	}
	.bloc_presentations .ligne .article_desc .article_desc_titre a
	{
		font-weight:bold;
		font-size:.9em;
		color:#333;
		text-decoration:none;
	}
	.bloc_presentations .ligne .article_desc .article_desc_resume
	{
		float 		: left				;
		margin 		: 10px 6px Opx 0px	;
		width		: 300px				;
		height		: auto				;
	}
	.bloc_presentations .ligne .article_desc .article_desc_resume a
	{
		font-size	: .85em				;
		color		:#333;
		text-decoration:none;
	}
	.bloc_presentations .ligne .article_desc .article_lien 
	{
		float 		: left				;
		text-align	: right				;
	}
	.bloc_presentations .ligne .article_desc .article_lien a
	{
		font-size	: .85em				;
		font-weight:bold;
		color:#146A94					;
	}


/*-----------------------------------------------------------
  -															-
  -	LES BOUTONS												-
  -															-
  -----------------------------------------------------------*/
#ligne_boutons
{
	float 		: left				;
	margin 		: 10px 4px 0 4px	;
	width		: 396px				;
	height		: auto				;
	border		: #146A94 solid 0px	;
	background	: transparent		;
	text-align	: center			;
}

#ligne_boutons img
{
	float:left;
	border:0;
	margin:5px 0 5px 15px;
}
/* ================================================================================== */
/* =																				= */
/* =			PARTIE CENTRE -> COLONNE1 DE LA HP									= */
/* =																				= */
/* ================================================================================== */
.bloc_texte
{
	float 		: left				;
	margin 		: 10px 10px 20px 2px	;
	width		: 288px				;
	height		: auto				;
	border		: #146A94 solid 0px	;
	background	: transparent		;
}

#prez_ecole
{	
	width		: 288px				;
}
#prez_ecole #titre
{
	float			: left			;
	width			: 100%			;
	border			: #146A94 solid	;
	border-width	: 0 0 1px 0		;
	padding			: 0 0 5px 0		;
	margin 			: 0 0 5px 0		;
	color			: #146A94		;
	font-weight		: 600			;
}
#prez_ecole p
{
	float			: left			;
	width			: 100%			;
	margin 			: 5px 0 0 0		;
	font-size		: .85em			;
	line-height 	: 1.1em			;
	text-align		: justify		;
}
#prez_ecole p.lien
{
	width:100%;
	text-align:right;
}
#prez_ecole p.lien a
{
	text-align:right;
	font-size:.9em;
	text-decoration:none;
}

/*-----------------------------------------------------------
  -	SI C AFFICHAGE D'UN TEMOIGNAGE			-
  -----------------------------------------------------------*/
#prez_ecole #temoignage_image
{
	float			: left			;
	width			: 60px			;
	margin 			: 0px 0 0 0		;
	border			: 0px				;
}
#prez_ecole #temoignage_soustitre
{
	float			: left			;
	width			: 100%			;
	margin 			: 5px 0 0 10px	;
	border			: #333 solid	;
	border-width	: 0 0 0px 0		;
}
#prez_ecole #temoignage_soustitre a
{
	color			: #146A94		;
	font-size		: .95em			;
	text-decoration	: none;
	font-weight:bold;
}
#prez_ecole #temoignage
{
	float			: left			;
	width			: 100%			;
	margin 			: 5px 0 0 10px	;
	font-size		: .8em			;
}




#les_actus
{	
	width		: 288px				;
}
#les_actus #titre
{
	float			: left			;
	width			: 100%			;
	border			: #E97400 solid	;
	border-width	: 0 0 1px 0		;
	padding			: 0 0 5px 0		;
	margin 			: 0 0 5px 0		;
	color			: #E97400		;
	font-weight		: 600			;
}
#les_actus .date
{
	float			: left			;
	width			: 65px			;
	margin 			: 5px 0 0 0		;
	font-size		: .8em			;
	color			: #C5D92B		;
}
#les_actus .resume
{
	float			: left			;
	width			: 218px			;
	margin 			: 5px 0 0 5px		;
	font-size		: .8em;
}
#les_actus p.lien
{
	text-align:right;
	font-size		: .8em;
}



/* ================================================================================== */
/* =																				= */
/* =			PARTIE DROITE DE LA HP												= */
/* =																				= */
/* ================================================================================== */
.bloc_entreprises
{
	float 		: left				;
	margin 		: 10px 0px 0 0		;
	width		: 196px				;
	height		: auto				;
	border		: #F8A935 solid 	;
	border-width: 2px 2px 10px 2px	;
	background	: #FEF3E2			;

}
.bloc_entreprises .titre
{
	float 		: left				;
	width		: 186px				;
	height		: auto				;
	min-height	: 20px				;
	margin 		: 0px 0px 0 0		;
	padding		: 6px 0px 6px 10px		;
	border		: #F8A935 solid 0px	;
	background	: #F8A935			;
	color		: #FFFFFF			;
	font-size	: 1.1em				;
	font-weight : bold				;
	letter-spacing:.1em				;
	text-align	: left			;
}

.bloc_entreprises .soustitre
{
	float 		: left				;
	width		: 186px				;
	height		: auto				;
	margin 		: 10px 0px 0 0		;
	padding		: 0px 0px 0px 10px	;
	color		: #E97400			;
	font-weight : bold				;
	text-align	: left				;
	text-decoration:underline		;

}
.bloc_entreprises p
{
	margin		: 5px 0 0 0			;
	font-weight : bold				;
	font-size : .85em				;
}
.bloc_entreprises p a
{
	color		: #333;
	text-decoration:none;
}
.bloc_entreprises p a:hover
{
	text-decoration:underline;
}