/**************************
 * Version liste
 **************************/
 
@media only screen /* Smartphone Horizontal */ 
and (min-width : 700px) 
{
	#product_list_top_displaytype
	{
		display: 				block;
	}

	
	#product_list_items.type2 .product_list_item
	{
		float: 					none;
		width: 					auto;
		margin: 				20px 0;
		position: 				relative;
		text-align: 			center;
		padding: 				20px 10px;
		height: 				auto;
		border-bottom: 			1px dotted #ccc;
		border-right: 			0;
	}
	
	#product_list_items.type2 .product_list_item::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
	
	#product_list_items.type2 .product_list_item a.product_list_item_hover:link,
	#product_list_items.type2 .product_list_item a.product_list_item_hover:hover,
	#product_list_items.type2 .product_list_item a.product_list_item_hover:active,
	#product_list_items.type2 .product_list_item a.product_list_item_hover:visited
	{
		display: 				block;
	}
	
		#product_list_items.type2 .product_list_item_image
		{
			float:	 			left;
			width: 				25%;
		}
		#product_list_items.type2 .product_list_item_info
		{
			float:	 			left;
			width: 				35%;
			text-align: 		left;
		}
		#product_list_items.type2 .product_list_item_name
		{
			text-align: 		left;
		}
			
		#product_list_items.type2 .product_list_item_description
		{
			display: 			block;
		}
			
		#product_list_items.type2 .notation_ext
		{
			margin: 			5px 0;	
		}
			
			
		#product_list_items.type2 .product_list_item .product_list_item_hover,
		#product_list_items.type2 .product_list_item:hover .product_list_item_hover
		{
			position: 				relative;
			opacity: 				1;
			float: 					right;
			width: 					30%;
			background-color: 		#fff;
			text-align: 			left;
			padding: 				0;
			padding-left: 			20px;
			padding-bottom: 		5px;
			/*border-left: 			1px dotted #ccc;*/
		}
		
		#product_list_items.type2 .product_list_item_info .product_list_item_price,
		#product_list_items.type2 .product_list_item_info .product_list_item_price_promo
		{
			/*display: 				none;*/
		}
		
		#product_list_items.type2 .product_list_item_detail
		{
			position: 				relative;
			padding: 				5px;
			text-align: 			center;
		}
		#product_list_items.type2 .product_list_item_hover .product_list_item_name,
		#product_list_items.type2 .product_list_item_hover .product_list_item_description
		{
			display: 				none;
		}
		#product_list_items.type2 .product_list_item_hover .product_availability_item
		{
		}
	 
		#product_list_items.type2 .product_list_item_hover .product_list_item_link
		{
			display: 				inline-block;
			position: 				relative;
			padding: 				3px 10px;
			font-size: 				9pt;
			bottom: 				0;
			left: 					0;
			right: 					0;
			margin: 				0;
		}
 
	 
		#product_list_items.type2 .product_list_item_hover .product_list_item_price
		{
			display: 				none;
			text-align: 			center;
		}
		#product_list_items.type2 .product_list_item_hover .product_list_item_link
		{
			display: 				block;
			width: 					auto;
			margin: 				0;
			padding: 				5px 0;
		}
 
}

/**********************************
 * Item normal
 **********************************/
.product_list_item
{
	float: 					left;
	width: 					20%;
	margin: 				1% 0;
	position: 				relative;
	text-align: 			center;
	padding: 				20px 10px;
	height: 				300px;
	/*border-bottom: 			1px dotted #ccc;*/
	/*border-right: 			1px dotted #ccc;*/
	-webkit-transition:	all .2s ease-out;
	-moz-transition:	all .2s ease-out;
	-o-transition:		all .2s ease-out;
	transition:			all .2s ease-out;
}
.product_list_item:nth-child(5n)
{
	border-right: 			0;
}
	.product_list_item a:link,
	.product_list_item a:hover,
	.product_list_item a:active,
	.product_list_item a:visited
	{
		display: 			block;
		color: 				#000;
		text-decoration:	 none;
	}

	.product_list_item_image
	{
	}
		.product_list_item_image img
		{
			max-width: 			100%;
		}
	.product_list_item_label
	{
		position: 				absolute;
		z-index: 				0;
		width: 					35%;
		text-align: 			left;
	}
		.product_list_item_image img
		{
			max-width: 			100%;
		}
	.product_list_item_name
	{
		position: 			relative;
		font-size: 			11pt;
		font-weight: 		500;
		text-transform: 	uppercase;
	}
	
	.product_list_item_name::after
	{
		content: 			"";
		display: 			none;
		clear: 				both;
		width: 				20%;
		margin: 			10px auto;
		border-bottom: 		1px solid rgba(0,0,0,.5);
	}
	
	.product_list_item_info .product_list_item_description
	{
	}
	.product_list_item_description
	{
		font-size: 			8pt;
		color: 				#222;
		margin: 			5px 0;
	}
	.product_list_item_guarantee
	{
		color: 				#222;
		font-size: 			8pt;
		padding: 			5px 0;
		border-top: 		1px solid rgba(0,0,0,.1);
	}
	.product_list_item_percent
	{
		position: 						absolute;
		z-index: 						1;
		top: 							0;
		right: 							5px;
		background-color: 				#F89420;
		background-color: 				#BF2020;
		padding: 						10px 0;
		text-align: 					center;
		color: 							#fff;
		font-size: 						12pt;
		font-weight: 					600;
		width: 							40px;
		
		-moz-border-radius:				40px;
		-webkit-border-radius:			40px;
		border-radius:					40px;
	}
	.product_list_item_percent:empty
	{
		display: 						none;
	}
	.product_list_item_price_promo
	{
		color: 				#F00;
		font-size: 			14pt;
	}
	.product_list_item_price
	{
		color: 				#CD3C43;
		font-size: 			14pt;
		font-weight: 		500;
		margin: 			5px 0;
	}
		.product_list_item_price span
		{
			font-size: 			9pt;
			color: 				#222;
			text-decoration: 	line-through;
			margin-left: 		15px;
		}
	.product_availability_item
	{
		padding: 			5px 0;
		font-size: 			8pt;
	}
	.product_availability_item::before
	{
		content: 			"Disponibilité"; 
		margin-right: 		5px;
		color: 				#222;
	}
	.product_availability_item span
	{
		color: 				#222;
		margin-right: 		5px;
	}
	.product_availability_item .product_availability_item_infobulle
	{
		display: 			none;
	}
		.product_availability_description1 { color: #93C639; }
		.product_availability_description2 { color: #67960F; }
		.product_availability_description3 { color: #f60; }
		.product_availability_description4 { color: #a00; }

	.product_list_item_notation
	{
	}
	.product_list_item_deliveryprice
	{
		font-size: 				8pt;
		color: 					#878787;
		padding: 				5px 0;
		border-top: 			1px solid rgba(0,0,0,.1);
	}
	.product_list_item_deliveryprice i
	{
		color: 					#CD3C43;
		font-style: 			normal;
		font-weight: 			700;
		padding: 				1px 3px;
	}
	.product_list_item_link
	{
		position: 				absolute;
		bottom: 				0;
		left: 					0;
		right: 					0;
		display: 				block;
		text-transform: 		uppercase;
		background-color: 		#CD3C43;
		color: 					#fff;
		font-weight: 			500;
		font-size: 				10pt;
		padding: 				10px 0;
		text-align: 			center;
		text-decoration: 		none;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}
	
/**********************************
 * Item > Hover
 **********************************/
.product_list_item_hover:link,
.product_list_item_hover:hover,
.product_list_item_hover:active,
.product_list_item_hover:visited
{
	display: 				block;
	position: 				absolute;
	z-index: 				0;
	top: 					0;
	left: 					0;
	right: 					0;
	bottom: 				0;
	background-color: 		#f7f7f7;
	opacity: 				0;
	padding: 				20px;
	text-decoration: 		none;
	
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
}
.product_list_item:hover .product_list_item_hover
{
	opacity: 				1;
}

	.product_list_item_detail
	{
		background-color: 		#E7E7E7;
		position: 				absolute;
		left: 					0;
		right: 					0;
		bottom: 				0;
		padding: 				5px;
		padding-bottom: 		40px;
	}




@media only screen /* Tablette */ 
and (max-width : 1100px) 
{
	.product_list_item
	{
		width: 					25%;
	}
	.product_list_item,
	.product_list_item:nth-child(5n)
	{
		/*border-right: 			1px dotted #ccc;*/
	}
	
	.product_list_item:nth-child(4n)
	{
		border-right: 			0;
	}
}


@media only screen /* Tablette */ 
and (max-width : 800px) 
{

	.product_list_item a.product_list_item_hover:link,
	.product_list_item a.product_list_item_hover:hover,
	.product_list_item a.product_list_item_hover:active,
	.product_list_item a.product_list_item_hover:visited
	{
		display: 				none;
	}
	.product_list_item
	{
		width: 					33%;
	}
	.product_list_item,
	.product_list_item:nth-child(4n)
	{
		/*border-right: 			1px dotted #ccc;*/
	}
	
	.product_list_item:nth-child(3n)
	{
		border-right: 			0;
	}
}

@media only screen /* Smartphone */ 
and (max-width : 600px) 
{
	.product_list_item a.product_list_item_hover:link,
	.product_list_item a.product_list_item_hover:hover,
	.product_list_item a.product_list_item_hover:active,
	.product_list_item a.product_list_item_hover:visited
	{
		display: 				none;
	}
	
	.product_list_item
	{
		width: 					50%;
		height: 				280px;
		margin-bottom: 			20px;
	}
	.product_list_item,
	.product_list_item:nth-child(3n)
	{
		/*border-right: 			1px dotted #ccc;*/
	}
	
	.product_list_item:nth-child(2n)
	{
		border-right: 			0;
	}
	
}

@media only screen /* Smartphone */ 
and (max-width : 500px) 
{
	.product_list_item_name
	{
		padding-right: 			35px;
	}
	.product_list_item a:link,
	.product_list_item a:hover,
	.product_list_item a:active,
	.product_list_item a:visited
	{
		/*position: 				relative;*/
	}
	
	.product_list_item_label
	{
		width: 					30%;
		left: 					0;
		top: 					0;
		text-align: 			left;
	}
	.product_list_item_image
	{
		position: 				static;
		padding-top: 			15px;
	}
	.product_list_item a.product_list_item_hover:link,
	.product_list_item a.product_list_item_hover:hover,
	.product_list_item a.product_list_item_hover:active,
	.product_list_item a.product_list_item_hover:visited
	{
		display: 				none;
	}
	
	.product_list_item,
	.product_list_item:nth-child(3n)
	{
		float: 					none;
		width: 					auto;
		height: 				auto;
		padding: 				15px 20px;
		margin-bottom: 			5px;
		border: 				0;
		/*border-bottom: 			1px dotted #ccc;*/
	}
	
	.product_list_item:nth-child(odd)
	{
		background-color: 		#eee;
	}
	
	/**********************************
	 * Item produit
	 **********************************/	
	 .product_list_item::after
	 {
	 	display: 			block;
	 	content: 			" ";
	 	clear: 				both;
	 }
	 .product_list_item_image
	 {
	 	float: 				left;
	 	width: 				30%;
	 }
	 .product_list_item_info:link,
	 .product_list_item_info:hover,
	 .product_list_item_info:active,
	 .product_list_item_info:visited
	 {
	 	display: 			block;
	 	float: 				right;
	 	width: 				68%;
	 	text-align: 		left;
	 	text-decoration: 	none;
	 }
		.product_list_item_name
		{
		}
		
		.product_list_item_price
		{
			color: 				#c00;
			color: 				#787878;
			font-size: 			11pt;
			margin: 			2px 0;
		}
			.product_list_item_price span
			{
				color: 				#787878;
				font-size: 			9pt;
				text-decoration: 	line-through;
				margin-left: 		15px;
			}
			.product_list_item_notation
			{
				display: 			none;
			}
}