/**********************************
 * Template home page
 **********************************/
#template_home .template_bloc
{
	padding: 			5px 0;
	margin: 			0 5px;
}

#template_home .template_bloc h2
{
}
#template_home .column2,
#template_home .column3,
#template_home .column4
{
	-webkit-column-gap: 	0; 
	-moz-column-gap: 		0; 
	column-gap: 			0;
}
.template_linkall:link,
.template_linkall:hover,
.template_linkall:active,
.template_linkall:visited
{
	position: 				relative;
	margin-top: 			15px;
	float: 					right;
	font-size: 				10pt;
	padding: 				5px 25px 5px 15px;
	color: 					#aaa;
	background-color: 		#EFEFEF;
	background-image: 		url(../images/commons/menu_next.png);
	background-repeat: 		no-repeat;
	background-position: 	96% 50%;
	background-size: 		16px;
}

/**********************************
 * List > Items
 **********************************/
	#template_home .dynamiclist_item  
	{
		position: 				relative;
		text-align: 			left;
		width: 					100%;
		padding: 				0 30px;
		margin-bottom: 			20px;
		border-right: 			1px solid rgba(0,0,0,.1);
		text-align: 			center;
	}
	#template_home .dynamiclist_item:nth-child(4)
	{
		border-right: 			0;
	}
		#template_home .dynamiclist_item .percent
		{
			position: 						absolute;
			top: 							0;
			right: 							5px;
			background-color: 				#F89420;
			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;
		}
		#template_home .dynamiclist_item .percent:empty
		{
			visibility: 		hidden;
			padding: 			14px 0;
		}
		/*
		#template_home .dynamiclist_item .percent::before,
		#template_home .dynamiclist_item .percent::after
		{
			display: 			block;
			content: 			" ";
			position: 			absolute;
			left: 				0;
			bottom: 			-23px;
			width: 				0;
			height: 			0;
			border-style: 		solid;
			border-width: 		23px 23px 0 0;
			border-color: 		#88CF7F transparent transparent transparent;
		}
		#template_home .dynamiclist_item .percent::after
		{
			left: 				auto;
			right: 				0;
			bottom: 			-23px;
			width: 				0;
			height: 			0;
			border-style: 		solid;
			border-width: 		0 23px 23px 0;
			border-color: 		transparent #88CF7F transparent transparent;

		}
		*/
		#template_home .dynamiclist_item .image:link,
		#template_home .dynamiclist_item .image:hover,
		#template_home .dynamiclist_item .image:active,
		#template_home .dynamiclist_item .image:visited
		{
			position: 			relative;
			display: 			block;
			height: 			120px;
			text-align: 		center;
		}
		/*
		#template_home .dynamiclist_item::after
		{
			display: 				block;
			content: 				" ";
			position: 				absolute;
			top: 					0;
			left: 					0;
			right: 					0;
			bottom: 				0;
			-webkit-transition:		all .5s ease-out;
			-moz-transition:		all .5s ease-out;
			-o-transition:			all .5s ease-out;
			transition:				all .5s ease-out;
			
		}
		#template_home .dynamiclist_item:hover::after
		{
			background-color: 		rgba(0, 0, 0, .1);
		}*/
		
		/*
		#template_home .dynamiclist_item .image::after
		{
			position: 			absolute;
			left: 				50%;
			width: 				5px;
			bottom: 			0;
			opacity: 			1;
			border-bottom: 		3px solid #CD3C43;
		}
		#template_home .dynamiclist_item:hover .image::after
		{
			opacity: 			1;
			left: 				0;
			width: 				100%;
		}*/
		
		
		
		#template_home .label
		{
			position: 			absolute;
			z-index: 			5;
		}
		#template_home .info
		{
			height: 			64px;
			overflow: 			hidden;
			text-align: 		center;
		}
		#template_home .categorie
		{
			display: 			block;
			text-transform: 	uppercase;
			font-size: 			9pt;
			font-weight: 		400;
			color: 				#555;
			margin-bottom: 		2px;
		}
		#template_home .model
		{
			display: 			block;
			font-size: 			10pt;
			font-weight: 		500;
			color: 				#222;
		}
		#template_home .prix
		{
			font-size: 			13pt;
			font-weight: 		700;
			color: 				#CD3C43;
			margin-right: 		5px;
			text-align: 		center;
		}
		#template_home .prix_barre
		{
			font-size: 			9pt;
			font-weight: 		400;
			color: 				#222;
			text-decoration: 	line-through;
			text-align: 		center;
		}
		#template_home .brandlogo
		{
			margin-top: 		15px;
		}
		#template_home .brandlogo img
		{
			max-height: 		40px;
			max-width: 			100px;
		}
		/*
		#template_home .prix_barre::before
		{
			display: 			inline;
			content: 			"au lieu de ";
			font-size: 			9pt;
			font-weight: 		400;
			color: 				#F1702F;
		}
		*/
		
	
@media only screen /* Smartphone */ 
and (max-width : 700px) 
{
	#template_home
	{
		display: 			none;
	}
}