#commons_diaporama_height
{
	/*border: 1px dotted red;*/
	height: 		450px;
}
/**********************************
 * Diaporama Preview Items
 **********************************/
#diaporama_preview
{
	position: 			absolute;
	margin: 			0 auto;
	margin-top: 		420px;
}
	/**********************************
	 * Preview avec image
	 **********************************/
	 /*
	#diaporama_preview .diaporama_item_preview
	{
		position: 			relative;
		display: 			inline-block;
		border: 			1px solid #000;
		width: 				100px;
		height: 			60px;
		background-size: 	cover;
		margin: 			5px;
		cursor: 			pointer;
	}
	#diaporama_preview .diaporama_item_preview.active
	{
		top: 				-2px;
		border: 			1px solid #fff;
		width: 				104px;
		height: 			64px;
		margin: 			1px;
	}
	*/
	
	/**********************************
	 * Preview sans image type button
	 **********************************/
	#diaporama_preview .diaporama_item_preview
	{
		position: 				relative;
		display: 				inline-block;
		width: 					12px;
		height: 				12px;
		margin: 				5px 2px;
		cursor: 				pointer;
		border: 				1px solid #000;
		background-color: 		#000;
		-moz-border-radius:		12px;
		-webkit-border-radius:	12px;
		border-radius:			12px;
		opacity: 				0.2;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}
	#diaporama_preview:hover .diaporama_item_preview
	{
		opacity: 				0.9;
	}
	#diaporama_preview .diaporama_item_preview.active
	{
		border: 				1px solid #01B2DE;
		background-color: 		#01B2DE;
		border: 				1px solid #000;
		background-color: 		#fff;
	}
	
	/**********************************
	 * Bloc prix
	 **********************************/
	#commons_diaporama .commons_wrap
	{
		position: 			relative;
	}
	
	#diaporama_price
	{
		position: 			absolute;
		margin: 			0 auto;
		margin-top: 		446px;
		right: 				0;
		padding: 			2px;
	}
		
	/**********************************
	 * Diaporama > Placement Prix
	 **********************************/
	.diaporama_item_price
	{
		position: 				absolute;
		opacity: 				0;
		right: 					0;
		bottom: 				-40px;
		z-index: 				300;
		width: 					430px;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}
	.diaporama_item_price.active
	{
		bottom: 				0;
		opacity: 				1;
	}
	
	.diaporama_item_price .diaporama_item_price_inner1
	{
		float:	 			right;
		background-color: 	#fff;
		margin-left: 		119px;
	}
	
	.diaporama_item_price .diaporama_item_price_inner2
	{
		float:	 					right;
		background-image: 			url(../images/diaporama/fleche-gauche.png);
		background-repeat: 			no-repeat;
		background-position: 		top left;
	}
	
	.diaporama_item_price .diaporama_item_price_vente,
	.diaporama_item_price .diaporama_item_price_vente_alone,
	.diaporama_item_price .diaporama_item_price_public,
	.diaporama_item_price .diaporama_item_price_remise
	{
		float: 						left;
		text-align: 				center;
		font-size: 					7pt;
		white-space: 				nowrap;
	}
	
	
	.diaporama_item_price .diaporama_item_price_vente span,
	.diaporama_item_price .diaporama_item_price_vente_alone span,
	.diaporama_item_price .diaporama_item_price_public span,
	.diaporama_item_price .diaporama_item_price_remise span
	{
		display: 					block;
	}
	
	
	.diaporama_item_price .diaporama_item_price_vente,
	.diaporama_item_price .diaporama_item_price_vente_alone 
	{
		margin: 					2px 0;
	
	}
	.diaporama_item_price .diaporama_item_price_vente span,
	.diaporama_item_price .diaporama_item_price_vente_alone span
	{
		padding: 					0px 10px;
		color: 						#009ED5;
		font-size: 					24pt;
		border-left: 				1px solid #ccc;
	}
	
	
	
	
	.diaporama_item_price .diaporama_item_price_public
	{
		margin: 					10px 0 0 0;
		background-image: 			url(../images/diaporama/prix-public.jpg);
		background-repeat: 			no-repeat;
		background-position: 		top center;
	}
	.diaporama_item_price .diaporama_item_price_public span
	{
		padding: 					10px 10px 5px 10px;
		text-decoration: 			line-through;
		color: 						#aaa;
		font-size: 					16pt;
		border-left: 				1px solid #ccc;
	}
	
	
	
	
	
	
	.diaporama_item_price .diaporama_item_price_remise
	{
		margin: 					9px 0 0 0;
		background-image: 			url(../images/diaporama/economie.jpg);
		background-repeat: 			no-repeat;
		background-position: 		top center;
		background-color: 			#fff;
	}
	.diaporama_item_price .diaporama_item_price_remise span
	{
		padding: 					9px 10px 0 10px;
		color: 						#FF6C00;
		font-size: 					20pt;
		border-left: 				1px solid #ccc;
	}


/**********************************
 * Diaporama Items
 **********************************/
.diaporama_item
{
	position: 				absolute;
	z-index: 				0;
	top: 					0;
	left: 					0;
	right: 					0;
	/*border: 				1px dotted green;*/
	background-position: 	top center;
	background-repeat: 		no-repeat;
}
/*
.diaporama_item_price
{
	position: 			absolute;
	z-index: 			0;
	top: 				0;
	left: 				0;
	right: 				0;
	border: 			1px dotted orange;
	display: 			none;
}
*/
.diaporama_next,
.diaporama_previous
{
	position: 				absolute;
	top: 					160px;
	width: 					96px;
	height: 				96px;
	cursor: 				pointer;
	opacity:	 			0.3;
	background-repeat: 		no-repeat;
	background-position: 	50% 50%;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
}
.diaporama_next
{
	right:					10px;
	background-image: 		url(../images/commons/diaporama_next.png);

}
.diaporama_previous
{
	left:					10px;
	background-image: 		url(../images/commons/diaporama_previous.png);
}
.diaporama_next:hover,
.diaporama_previous:hover
{
	opacity: 				0.9;
}
.diaporama_next:hover 		{ background-position: 90% 50%; }
.diaporama_previous:hover 	{ background-position: 10% 50%; }




		
	#slides img
	{
		width: 			100%;
	}
/**********************************
 * Responsive
 **********************************/
@media only screen 
and (max-width : 700px) 
{

	#diaporama_price
	{
		display: 			none;
		margin-top: 		192px;
	}
	#commons_diaporama_height
	{
	}
	.diaporama_item
	{
		position: 				absolute;
		text-align: 			center;
	} 
	.diaporama_item img
	{
		max-width: 				100%;
	} 
	.diaporama_next,
	.diaporama_previous
	{
		/*: 				none;*/
	}

	.diaporama_item_price
	{
	}
	
	.diaporama_item_price_inner2
	{
		float:	 					right;
		background-image: 			none;
		background-repeat: 			no-repeat;
		background-position: 		top left;
	}
}