/**************************
 * General
 **************************/
#makingof_zoom
{
	margin: 				40px auto;
}
	#makingof_zoom::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
	
	#makingof_zoom_main
	{
		float: 					left;
		width: 					70%;
		background-color: 		#fff;
		padding: 				20px 20px;
	}
	
	#makingof_zoom_context
	{
		float: 					right;
		width: 					28%;
		background-color: 		#fff;
		padding: 				20px 20px;
	}
	
	
/**************************
 * Main
 **************************/
#makingof_zoom_main h1
{
		text-align: 			center;
}

#makingof_zoom_main_image
{
}

#makingof_zoom_main_pdf:empty { display: none; }
#makingof_zoom_main_pdf
{
	margin: 			20px 0;
	font-size: 			11pt;
}
	#makingof_zoom_main_pdf a:link,
	#makingof_zoom_main_pdf a:hover,
	#makingof_zoom_main_pdf a:active,
	#makingof_zoom_main_pdf a:visited
	{
		color: 				#222;
	}

#makingof_zoom_main_description
{
}

#makingof_zoom_main_information
{
}
#makingof_zoom_main_information::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

	#makingof_zoom_main_information_duration span,
	#makingof_zoom_main_information_difficulty span,
	#makingof_zoom_main_information_note span
	{
		text-transform: 		uppercase;
	}
	#makingof_zoom_main_information_duration
	{
	}

	#makingof_zoom_main_information_difficulty
	{
		float: 				left;
	}
	#makingof_zoom_main_information_note
	{
		float: 				right;
		text-align: 		center;
	}
	#makingof_zoom_main_information_note table
	{
		display: 			inline-block;
	}
	
/**************************
 * Material Part
 **************************/
#makingof_zoom_main_material
{
	margin: 			40px 0;
}
#makingof_zoom_main_material::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

	#makingof_zoom_main_material_image
	{
		float: 			left;
		width: 			48%;
	}
	#makingof_zoom_main_material_information
	{
		float: 				right;
		width: 				48%;
		padding: 			10px 0;
		border-width:	 	3px;
		border-style: 		solid;
		border-left: 		0;
		border-right: 		0;
	}

		#makingof_zoom_main_material_information h2
		{
			margin: 			0;
			padding: 			0;
		}


	/**************************
	 * Step Item 
	 **************************/
	 .makingof_step_item
	 {
	 	margin: 		30px 0;
	 } 
		 .makingof_step_item h2
		 {
		 	text-align: 		center;
		 }
		 .makingof_step_item_image
		 {
		 }
		 .makingof_step_item_description
		 {
		 }
		 
		 
/**************************
 * Context
 **************************/
#makingof_zoom_context_newsletter
{
	margin-bottom: 			30px;
	text-align: 			center;
}
	#makingof_zoom_context_newsletter .input_email
	{
		margin-bottom: 			10px;
		width: 					100%;
	}
	#makingof_zoom_context_newsletter .input_submit
	{
		background-color: 		#C0E9EA;
		border: 				1px solid #1CBBC3;
		color: 					#1CBBC3;
		padding: 				1px 10px;
	}
	#makingof_zoom_context_newsletter .subscriber_unsubscribe:link,
	#makingof_zoom_context_newsletter .subscriber_unsubscribe:hover,
	#makingof_zoom_context_newsletter .subscriber_unsubscribe:active,
	#makingof_zoom_context_newsletter .subscriber_unsubscribe:visited
	{
		margin-top: 			10px;
	}
 
 
/**************************
 * Product Associated
 **************************/
.product_list_item:link,
.product_list_item:hover,
.product_list_item:active,
.product_list_item:visited
{
	display: 				block;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
	position: 				relative;
	margin: 				0 5px;
	height:					240px;
	background-position: 	center;
	background-repeat: 		no-repeat;
	background-size: 		cover;
	margin-bottom: 			10px;
}

	.product_list_item h2
	{
	
	}
	
	
	.product_list_item_info
	{
		position: 				absolute;
		bottom: 				0;
		left: 					0;
		right: 					0;
		text-align: 			center;
		-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 h2
		{
			font-size: 				20pt;
			color: 					#fff;
			padding: 				10px 20px;
			margin: 				0;
			-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_description
		{
			position: 			relative;
			font-size: 			12pt;
			color: 				#fff;
			padding: 			0 20px;
			overflow: 			hidden;
			height: 			0;
			top: 				15px;
			line-height: 		6;
			-webkit-transition:	all .5s ease-out;
			-moz-transition:	all .5s ease-out;
			-o-transition:		all .5s ease-out;
			transition:			all .5s ease-out;
		}
		
		.product_list_item:hover .product_list_item_info h2
		{
			padding: 			20px 20px;
		}
		.product_list_item:hover .product_list_item_description
		{
			top: 				5px;
			height: 			160px;
			line-height: 		1.5;
		}

		.product_list_item:hover .product_list_item_info
		{
			opacity: 			0.9;
		}

	
/**************************
 * MakingOf Associated
 **************************/
.makingof_list_item:link,
.makingof_list_item:hover,
.makingof_list_item:active,
.makingof_list_item:visited
{
	display: 				block;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
}
	.makingof_list_item_inner
	{
		position: 				relative;
		margin: 				0 5px;
		height:					240px;
		background-position: 	center;
		background-repeat: 		no-repeat;
		background-size: 		cover;
	}

	.makingof_list_item h2
	{
		font-size: 			18pt;
	}
	
	.makingof_list_item_baseline
	{
	
	}
	
	.makingof_list_item_notation
	{
	
	}
	
	.makingof_list_item_notation img
	{
		display: 			inline !important;
	}
	
	
	
	.makingof_list_item_info
	{
		position: 				absolute;
		bottom: 				0;
		left: 					0;
		right: 					0;
		text-align: 			center;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}
		.makingof_list_item h2
		{
			font-size: 				17pt;
			color: 					#fff;
			padding: 				10px 20px;
			margin: 				0;
			-webkit-transition:		all .2s ease-out;
			-moz-transition:		all .2s ease-out;
			-o-transition:			all .2s ease-out;
			transition:				all .2s ease-out;
		}
		.makingof_list_item_baseline
		{
			position: 			relative;
			font-size: 			12pt;
			color: 				#fff;
			padding: 			0 20px;
			overflow: 			hidden;
			height: 			0;
			top: 				15px;
			line-height: 		6;
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1); 
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	   -moz-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	     -o-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	        transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
		}
		
		.makingof_list_item:hover .makingof_list_item_info h2
		{
			padding: 			20px 20px;
		}
		.makingof_list_item:hover .makingof_list_item_baseline
		{
			top: 				5px;
			height: 			140px;
			line-height: 		1.5;
		}

		.makingof_list_item:hover .makingof_list_item_info
		{
			opacity: 			0.9;
		}

/**************************
 * Makingof > Diaporama
 **************************/
#makingof_zoom_makingof_associated_bloc
{
	position: 			relative;
}

#makingof_zoom_previous,
#makingof_zoom_next
{
	position: 				absolute;
	top: 					60px;
	bottom: 				60px;
	width: 					48px;
	background-position: 	center center;
	background-repeat: 		no-repeat;
	cursor: 				pointer;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
	opacity: 				0.5;
}
#makingof_zoom_makingof_associated_bloc:hover #makingof_zoom_previous,
#makingof_zoom_makingof_associated_bloc:hover #makingof_zoom_next
{
	opacity: 				0.8;
}
#makingof_zoom_makingof_associated_bloc:hover #makingof_zoom_previous:hover,
#makingof_zoom_makingof_associated_bloc:hover #makingof_zoom_next:hover
{
	opacity: 				1;
}
#makingof_zoom_previous { left: 0; 	background-image:	url(../images/makingof/previous.png); }
#makingof_zoom_next 	{ right: 0; background-image:	url(../images/makingof/next.png);}


/**************************
 * Commentary
 **************************/
#makingof_zoom_makingof_commentary_form
{
	border-top:			3px solid;
}



/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Smartphone Horizontal */ 
and (max-width : 700px) 
{
	
	#makingof_zoom_main,
	#makingof_zoom_context
	{
		float: 					none;
		width: 					auto;
		padding: 				10px 10px;
		margin-bottom: 			30px;
	}
}