/**********************************
 * Occasion > Liste
 **********************************/
#occasion_list
{
	
}
#occasion_list::after
{
	content: 		" ";
	display: 		block;
	clear: 			both;
}
	#occasion_list_filter
	{
	
	}
		#occasion_list_filter_brand
		{
			float: 			left;
			width: 			33%;
			margin-right: 	1%;
		}
		#occasion_list_filter_category
		{
			float: 			left;
			width: 			33%;
			margin-right: 	1%;
		}
	#occasion_list_items
	{
		padding: 			20px 0;
	}
	#occasion_list_items::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
	#occasion_list_legend
	{
	
	}


/**********************************
 * Occasion > ListItems
 **********************************/
.occasion_list_item:link,
.occasion_list_item:hover,
.occasion_list_item:active,
.occasion_list_item:visited
{
	display: 			block;
	float: 				left;
	width: 				31%;
	margin: 			10px 1%;
	text-decoration:	none;
	min-height: 		160px;
}	
	.occasion_list_item::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
	.occasion_list_item_image
	{
		float: 			left;
		width: 			25%;
		margin-top: 	15px;
	}
		.occasion_list_item_image img
		{
			max-width: 			100%;
		}
	.occasion_list_item_info
	{
		float: 			right;
		width: 			72%;
	}
		.occasion_list_item_info h2
		{
			font-size: 			12pt;
			padding: 			0;
			margin: 			3px 0;
			color: 				#222;
		}
		.occasion_list_item_info .occasion_list_item_description
		{
			color: 				#AAA;
		}
		.occasion_list_item_info .occasion_list_item_state
		{
			text-align: 		left;
			width: 				100px;
		}
		.occasion_list_item_info .occasion_list_item_price
		{
			color: 				#CD3C43;
			font-size: 			12pt;
			font-weight: 		500;
		}
		.occasion_list_item_info .occasion_list_item_price_neuf
		{
		
		}
		.occasion_list_item_info .occasion_list_item_button
		{
		
		}

		
/**********************************
 * Responsive
 **********************************/
@media only screen /* Tablette */ 
and (max-width : 1000px) 
{
	#occasion_list_filter_brand,
	#occasion_list_filter_category
	{
		width: 			49%;
	}
	.occasion_list_item:link,
	.occasion_list_item:hover,
	.occasion_list_item:active,
	.occasion_list_item:visited
	{
		width: 				48%;
	}
}

@media only screen /* Smartphone */ 
and (max-width : 700px) 
{

	#occasion_list_filter_brand,
	#occasion_list_filter_category
	{
		float: 			none;
		width: 			auto;
		margin: 		5px 0;
	}	
	.occasion_list_item:link,
	.occasion_list_item:hover,
	.occasion_list_item:active,
	.occasion_list_item:visited
	{
		float: 				none;
		width: 				auto;
		margin: 			10px 0;
		min-height: 		0;
	}
	#occasion_introduction
	{
		display: 			none;
	}
}