/**********************************
 * Actualites > Mode Archive
 **********************************/
#news_list_items_archive
{
	-webkit-column-count: 	4; 
	-moz-column-count: 		4; 
	column-count: 			4;
	
	
	-webkit-column-gap: 	10px; 
	-moz-column-gap: 		10px; 
	column-gap: 			10px;
	
	-webkit-column-rule: 	1px dotted #aaa; 
	-moz-column-rule: 		1px dotted #aaa;
	column-column-rule: 	1px dotted #aaa;
}
#news_list_items_archive .news_list_item:link,
#news_list_items_archive .news_list_item:hover,
#news_list_items_archive .news_list_item:active,
#news_list_items_archive .news_list_item:visited
{
	color: 					#888;
	padding: 				20px 5px;
	display: 				inline-block;
	page-break-inside:		avoid;
	width: 					100%;
	/*border-bottom: 			1px dotted #aaa;*/
}

#news_list_items_archive .news_list_item::after
{
	content: 		" ";
	display: 		block;
	clear: 			both;
}
#news_list_items_archive .news_list_item:hover
{
	background-color: 		#f0f0f0;
}
	#news_list_items_archive .news_list_item h3
	{
		padding: 					5px 0;
		font-size: 					9pt;
	}
	
	#news_list_items_archive .news_list_item_image
	{
		background-color: 			#fff;
		text-align: 				center;
		padding: 					5px;
		border: 					1px solid #ddd;
		float: 						left;
		width: 						15%;
	}
	
	#news_list_items_archive .news_list_item h3,
	#news_list_items_archive .news_list_item_date,
	#news_list_items_archive .news_list_item_shortdescription
	{
		float: 			right;
		width: 			80%;
	}
	
	#news_list_items_archive .news_list_item_image img
	{
		max-width: 					100%;
		max-height: 				60px;
	}

	#news_list_items_archive .news_list_item_date
	{
		font-size:				8pt;
		color: 					#aaa;
		font-style: 			italic;
		margin-top: 			5px;
	}

	#news_list_items_archive .news_list_item_shortdescription
	{
	}

 
 
/**********************************
 * Actualites > Mode Last
 **********************************/
#news_list_items
{
	-webkit-column-count: 	4; 
	-moz-column-count: 		4; 
	column-count: 			4;
	
	
	-webkit-column-gap: 	10px; 
	-moz-column-gap: 		10px; 
	column-gap: 			10px;
}

#news_list_items .news_list_item:link,
#news_list_items .news_list_item:hover,
#news_list_items .news_list_item:active,
#news_list_items .news_list_item:visited
{
	display: 				inline-block;
	page-break-inside:		avoid;
	width: 					100%;
	margin-bottom: 			10px;
	color: 					#333;
	border: 				1px solid #ddd;
	background-color: 		#f0f0f0;
	padding: 				10px;
	border-radius: 			5px;
	text-decoration: 		none;
}
#news_list_items .news_list_item:hover
{
	background-color: 		#e6e6e6;
	border: 				1px solid #ccc;
}
	#news_list_items .news_list_item h3
	{
		padding: 					5px 0;
	}
	
	#news_list_items .news_list_item_image
	{
		background-color: 			#fff;
		text-align: 				center;
		padding: 					8px 10px;
		border: 					1px solid #ddd;
	}
	#news_list_items .news_list_item:hover .news_list_item_image
	{
		border: 					1px solid #ccc;
	}
	#news_list_items .news_list_item_image img
	{
		max-width: 					100%;
	}
	#news_list_items .news_list_item_image:emtpy { display: none; }

	#news_list_items .news_list_item_date
	{
		font-size:				8pt;
		color: 					#aaa;
		font-style: 			italic;
		margin-top: 			5px;
	}

	#news_list_items .news_list_item_shortdescription
	{
	}


	

/**********************************
 * Responsive
 **********************************/
	
@media only screen /* Tablette */ 
and (max-width : 1000px) 
{
	#news_list_items
	{
		-webkit-column-count: 	3; 
		-moz-column-count: 		3; 
		column-count: 			3;
	}
	#news_list_items_archive
	{
		-webkit-column-count: 	3; 
		-moz-column-count: 		3; 
		column-count: 			3;
	}
}

@media only screen /* Smartphone */ 
and (max-width : 700px) 
{
	#news_list
	{
		padding: 		0 20px;
	}
	#news_list_items
	{
		-webkit-column-count: 	1; 
		-moz-column-count: 		1; 
		column-count: 			1;
	}
	#news_list_items_archive
	{
		-webkit-column-count: 	1; 
		-moz-column-count: 		1; 
		column-count: 			1;
	}
	
	
	#news_list_items .news_list_item h3,
	#news_list_items .news_list_item_date,
	#news_list_items .news_list_item_shortdescription
	{
		float: 			right;
		width: 			70%;
	}
	
	.news_list_item_image
	{
		
		float: 			left;
		width: 			28%;
		margin: 		5px 0;
	}
}