#news_list .commons_wrap
{
	background-color:  		#f2f2f2;
	padding-top: 			1px;
	padding-bottom:			200px;
}

#news_list_menu
{
	max-width:  		600px;
	margin:  			0 auto;
	text-align:  		center;
}
	#news_list_menu a:link,
	#news_list_menu a:hover,
	#news_list_menu a:active,
	#news_list_menu a:visited
	{
		position:  		relative;
		display:  		inline-block;
		font-size:  	14pt;
		padding:  		10px 0;
		margin:  		0 20px;
	}

	#news_list_menu a.selected:link,
	#news_list_menu a.selected:hover,
	#news_list_menu a.selected:active,
	#news_list_menu a.selected:visited
	{
		color:  		#7BD5F5;
	}
	#news_list_menu a.selected::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
		position:  			absolute;
		left:  				0;
		bottom:  			0;
		width:  			20px;
		border-bottom:  	2px solid #7BD5F5;
	}


#news_list_bloc
{
	max-width:  			1400px;
	margin:  				0 auto;
	padding:  				0 40px;
}
#news_list_bloc h2
{
	font-size:  			18pt;
	color:  				#555;
	padding:  				20px 0;
}

/*************************************
 * A la une
 *************************************/
#alaune
{
	margin-bottom:  	30px;
}
#alaune::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

	#alaune .first
	{
		float:  			left;
		width:   			58%;
	}
	#alaune .last
	{
		float:  			right;
		width:   			38%;
		padding-right:  	30px;
	}

	/*************************************
	 * First
	 *************************************/
	#alaune .first .news_list_item:link,
	#alaune .first .news_list_item:hover,
	#alaune .first .news_list_item:active,
	#alaune .first .news_list_item:visited
	{
		display:  				block;
		position:  				relative;
		padding:  				20px;
		margin-bottom:  		20px;
		background-color:  		#fff;
		-moz-border-radius:		8px;
		-webkit-border-radius:	8px;
		border-radius:			8px;
		overflow:  				hidden;
		text-decoration:   		none;
		min-height:  			460px;
	}
	#alaune .news_list_item::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}

	#alaune .news_list_item .news_list_item_title h4
	{
		font-size:  		13pt;
		padding:  			0;
		margin:  			0;
	}

	/*************************************
	 * First
	 *************************************/
	#alaune .first .news_list_item .news_list_item_picture
	{
		position:  				absolute;
		width:  				50%;
		top:  					0;
		left:  					0;
		bottom:  				0;
		background-position:	center center;
		background-repeat: 		no-repeat;
		background-size:  		cover;
	}

	#alaune .first .news_list_item .news_list_item_info
	{
		margin-left:  		55%;
		padding:  			20px 20px;
	}

	#alaune .first .news_list_item .news_list_item_title h4
	{
		font-size:  		20pt;
		margin:  			10px 0;
		margin-bottom:   	20px;
	}

	#alaune .first .news_list_item .news_list_item_description
	{
		font-size:   		14pt;
		font-weight:  		200;
		line-height:  		1.6;
		color:  			rgba(0,0,0,.5);
	}
	.news_list_item .news_list_item_description .pdflink
	{
		font-size: 			11pt !important;
	}

	/*************************************
	 * Last
	 *************************************/
	#alaune .last .news_list_item:link,
	#alaune .last .news_list_item:hover,
	#alaune .last .news_list_item:active,
	#alaune .last .news_list_item:visited
	{
		display:  				block;
		position:  				relative;
		min-height:  			100px;
		padding:  				25px 20px;
		margin-bottom:  		20px;
		background-color:  		#fff;
		-moz-border-radius:		8px;
		-webkit-border-radius:	8px;
		border-radius:			8px;
		overflow:  				hidden;
		text-decoration:   		none;
	}

	#alaune .last .news_list_item .news_list_item_info
	{
		margin-left:  			27%;
	}
	#alaune .last .news_list_item .news_list_item_picture
	{
		position:  				absolute;
		width:  				25%;
		top:  					0;
		left:  					0;
		bottom:  				0;
		background-position:	center center;
		background-repeat: 		no-repeat;
		background-size:  		cover;
		background-color:  		#ccc;
	}

	#alaune .last .news_list_item_description
	{
		display:  			none;
	}

/*************************************
 * Metier Item
 *************************************/

.metier_list .metier_item
{
	position:  		relative;
	display:   		inline-block;
	cursor:  		pointer;
	padding:  		5px 0;
}
.metier_list .metier_item:hover,
.metier_list .metier_item.selected
{
	color:  		#7BD5F5;
}
.metier_list .metier_item:hover::after,
.metier_list .metier_item.selected::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
	position:  			absolute;
	left:  				0;
	bottom:  			0;
	width:  			20%;
	border-bottom:  	2px solid #7BD5F5;
}

.metier_list .metier_item_separator
{
	display:   			inline-block;
	margin:  			0 15px;
}

.news_by_metier
{
	display:    		none !important;
	-webkit-transition:	all .2s ease-out;
	-moz-transition:	all .2s ease-out;
	-o-transition:		all .2s ease-out;
	transition:			all .2s ease-out;
}
.news_by_metier.selected
{
	display:  			block !important;
	opacity:  			1;
}

/*************************************
 * News Item
 *************************************/
.news_by_metier .news_list_item:link,
.news_by_metier .news_list_item:hover,
.news_by_metier .news_list_item:active,
.news_by_metier .news_list_item:visited
{
	position:  				relative;
	display:  				block;
	text-decoration:  		none;
	background-color:  		#fff;
	overflow:   			hidden;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	margin:  				20px 30px 20px 0;
	margin-bottom:  		50px;
	min-height:  			450px;
}
.news_by_metier .news_list_item .news_list_item_hover
{
	position:   		absolute;
	top:  				0;
	left:  				0;
	right:  			0;
	bottom:  			0;
	background-color:  	rgba(29, 188, 148, .95);
	opacity:  			0;
	-webkit-transition:	all .2s ease-out;
	-moz-transition:	all .2s ease-out;
	-o-transition:		all .2s ease-out;
	transition:			all .2s ease-out;
	text-align:  		center;
}
.news_by_metier .news_list_item:hover .news_list_item_hover
{
	opacity:  			1;
}
.news_by_metier .news_list_item .news_list_item_hover span
{
	margin-top:  			240px;
	display:  				inline-block;
	padding:  				10px 15px;
	background-color:  		#fff;
	color:  				#7BD5F5;
	font-weight:    		600;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
}

.news_by_metier .news_list_item_picture
{
	height:  				150px;
	background-size:  		cover;
	background-position:	center center;
	background-repeat: 		no-repeat;
}
.news_by_metier .news_list_item_title
{
	padding:   			30px 30px;
	padding-bottom:  	15px;
}
.news_by_metier .news_list_item_title h4
{
	font-size: 		16pt;
	font-weight:  	700;
	padding:  		0;
	margin:  		0;
}
.news_by_metier .news_list_item_description
{
	padding:   			0 30px;
	font-weight:  		400;
	min-height:  		100px;
}
.news_by_metier .news_list_item_link
{
	padding:  				15px 0;
	padding-right:  		50px;
	margin:  				10px 30px;
	color:  				#7BD5F5;
	font-weight:  			400;
	background-image: 		url(../images/commons/download.png);
	background-position:	right center;
	background-repeat: 		no-repeat;
}


/*************************************
 * News Footer
 *************************************/
.news_footer
{
	/*max-width: 					1320px;*/
	max-width: 					3000px;
	margin: 					100px 70px;
	padding:  					0 40px;
	position:  					relative;
	background-color: 			#7BD5F5;
	background-image: 			url(../images/commons/pattern.svg);
	background-position: 		bottom right;
	background-repeat: 			repeat;
	background-size: 			160%;
	-moz-border-radius:			5px;
	-webkit-border-radius:		5px;
	border-radius:				5px;
}
.news_footer_inner
{
	padding:  					100px 30px;
	max-width:  				800px;
	margin:  					0 auto;
	color:  					#fff;
	text-align:  				center;
	line-height:  				1.6;
}
.news_footer_inner *
{
	color:  					#fff;
}
.news_footer_link
{
	position:  				absolute;
	bottom:					-30px;
	left:  					0;
	right:  				0;
	text-align:  			center;
}
.news_footer_link a:link,
.news_footer_link a:hover,
.news_footer_link a:active,
.news_footer_link a:visited
{
}


@media only screen /* Smartphone Horizontal */
and (max-width : 1100px)
{
	#alaune .first,
	#alaune .last
	{
		float:  			none;
		width:   			auto;
	}

	.metier_list
	{
		white-space:  		nowrap;
		overflow-x:  		auto;
	}

	.news_footer
	{
		margin:  		 	30px 20px;
	}
}

@media only screen /* Smartphone Horizontal */
and (max-width : 900px)
{
	#alaune .first .news_list_item:link,
	#alaune .first .news_list_item:hover,
	#alaune .first .news_list_item:active,
	#alaune .first .news_list_item:visited
	{
		padding:  				0;
	}
	#alaune .first .news_list_item .news_list_item_picture
	{
		position:  				relative;
		width:  				auto;
		top:  					0;
		left:  					0;
		bottom:  				0;
		height:  				300px;
	}

	#alaune .first .news_list_item .news_list_item_info
	{
		margin-left:  		0;
		padding:  			20px 20px;
	}

}


@media only screen /* Smartphone Horizontal */
and (max-width : 500px)
{
	#news_list .commons_wrap
	{
		margin:  		0;
	}
	#news_list_bloc
	{
		padding: 		0 20px;
	}
	.news_by_metier .news_list_item:link,
	.news_by_metier .news_list_item:hover,
	.news_by_metier .news_list_item:active,
	.news_by_metier .news_list_item:visited
	{
		margin-right:  	0;
	}

	#news_list_menu a:link,
	#news_list_menu a:hover,
	#news_list_menu a:active,
	#news_list_menu a:visited
	{
		position:  		relative;
		display:  		block;
		font-size:  	14pt;
		padding:  		10px 0;
	}

}