#inscription
{
	background-color: 			#fff;
	padding: 					40px 70px;
	padding-bottom: 			150px;
}
#inscription::after
{
	content: 		" ";
	display: 		block;
	clear: 			both;
}


	#inscription_descriptif
	{
		font-size: 		13pt;
		line-height: 	150%;
		max-width: 		800px;
		padding: 		20px 30px 20px 0;
	}
	#inscription_form
	{
		max-width: 		800px;
		padding: 		20px 30px;
		border-left: 	1px solid #ddd;
		border: 		8px solid #D8306B;
	}
	
		#inscription_form_input
		{
			margin: 	15px 0;
		}
		#inscription_form_input input[type='email']
		{
			font-family: 			'Raleway';
			border: 				2px solid #ccc;
			font-size: 				14pt;
			font-weight: 			600;
			padding: 				8px 15px;
			width: 					70%;
			-moz-border-radius:		3px;
			-webkit-border-radius:	3px;
			border-radius:			3px;
		}
		#inscription_form_input input[type='submit']
		{
			font-family: 			'Raleway';
			border: 				0;
			font-size: 				14pt;
			font-weight: 			400;
			color: 					#fff;
			background-color: 		#D8306B;
			padding: 				8px 15px;
			width: 					29%;
			margin-left: 			1%;
			cursor: 				pointer;
			-moz-border-radius:		3px;
			-webkit-border-radius:	3px;
			border-radius:			3px;
		}
		
		#message div input { margin: 10px 0; }
		#message div
		{
			margin: 				15px 0;
			padding: 				30px 10px;
			padding-left: 			110px;
			font-size: 				14pt;
			font-weight: 			600;
			color: 					#fff;
			text-align: 			left;
			background-repeat: 		no-repeat;
			background-position: 	25px 50%;
			background-size: 		64px;
			-moz-border-radius:		3px;
			-webkit-border-radius:	3px;
			border-radius:			3px;
		}
		#message .error 	{ background-color: #B21C30; background-image: 	url(../images/inscription/error.png);}
		#message .incorrect { background-color: #D8730F; background-image: 	url(../images/inscription/incorrect.png);}
		#message .continue 	{ background-color: #88A51D; background-image: 	url(../images/inscription/continue.png);}

/**********************************
 * Inscription > Form
 **********************************/
.inscription_paypal
{

}


.product_item
{
	margin: 			0 5px;
}
	.product_item .product_item_name
	{
		font-size: 			12pt;
		font-weight: 		700;
		color: 				#02232C;
	}
	.product_item .product_item_description
	{
		color: 				#02232C;
		font-size: 			9pt;
	}
	.product_item .product_item_price
	{
		font-size: 			11pt;
		color: 				#D8306B
	}
	.product_item .product_item_price span
	{
		font-size: 			14pt;
		font-weight: 		600;
	}
				
#form_paypal
{
	margin-left: 			0;
	text-align: 			center;
}
#inscription_option_table .form_field_left
{
	border-right: 			5px solid #aaa;
	padding: 				0 5px;
}

	#inscription_option_table .form_field_left
	{
		display: 		none;
	}
	#inscription_option_table .form_field_right
	{
		padding-left: 		10%;
	}
	
	
/**************************
 * Popin 2017
 **************************/
#product_zoom
{
	opacity: 			0;
	position: 			absolute;
	top: 				0;
	left: 				0;
}

	.product_item_button
	{
		float: 			right;
	}

	
	#product_zoom_close
	{
		position: 				absolute;
		top: 					0;
		right: 					0;
		background-image: 		url(../images/commons/popup_close.png);
		background-position: 	center center;
		background-repeat: 		no-repeat;
		background-color: 		#fff;
		background-size: 		36px;
		height: 				38px;
		width: 					38px;
		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;
	}
	#product_zoom_close:hover
	{
		-webkit-transform: 	rotate(90deg);
		-moz-transform: 	rotate(90deg);
		-ms-transform: 		rotate(90deg);
	}
	.comparator_button
	{
		display: 				inline-block;
		background-image: 		url(../images/inscription/comparator.png);
		background-position: 	4px 50%;
		background-repeat: 		no-repeat;
		background-size: 		16px;
		padding: 				5px;
		padding-left: 			25px;
		-moz-border-radius:		5px;
		-webkit-border-radius:	5px;
		border-radius:			5px;
		border: 				1px solid rgba(0,0,0,.1);
		background-color: 		rgba(0,0,0,.05);
		cursor: 				pointer;
	}
	
/**************************
 * Gestion du popin
 **************************/
#commons_main #product_zoom
{
	position: 				fixed;
	z-index:	 			10000001;
	top: 					0;
	left: 					20%;
	right: 					20%;
	-webkit-transform: 		scale(0);
	-moz-transform: 		scale(0);
	-ms-transform: 			scale(0);
	
}
#commons_main.black #product_zoom
{
	opacity: 				1;
	position: 				fixed;
	z-index:	 			10000001;
	top: 					5vh;
	height: 				95vh;
	overflow-y:				auto;
	left: 					25%;
	right: 					25%;
	-webkit-transition:		all .4s ease-out;
	-moz-transition:		all .4s ease-out;
	-o-transition:			all .4s ease-out;
	transition:				all .4s ease-out;
	-webkit-transform: 		scale(1);
	-moz-transform: 		scale(1);
	-ms-transform: 			scale(1);
}

#commons_main.black #product_zoom.invisible
{
	top: 					20%;
	opacity: 				0;
	-webkit-transform: 		scale(0);
	-moz-transform: 		scale(0);
	-ms-transform: 			scale(0);
}

/**************************
 * Gestion du popin > Wait (After)
 **************************/

#commons_main.blackoff #product_zoom.wait::after
{
	content: 				" ";
	position: 				absolute;
	z-index: 				100;
	top: 					0;
	left: 					0;
	right: 					0;
	bottom: 				0;
	padding: 				20px 0;
	font-size: 				11pt;
	font-weight: 			700;
	color: 					#CB2D60;
	text-align: 			center;
	clear: 					both;
	background-color: 		rgba(255,255,255,.95);
	background-image: 		url(../images/paillote/wait.svg);
	background-position: 	50% 50%;
	background-repeat: 		no-repeat;
	padding-left: 			20px;
}



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

@media only screen /* Smartphone */ 
and (max-width : 700px) 
{
	#inscription
	{
		padding: 30px 10px 150px 10px;
	}
		
	#form_container
	{
		padding: 		20px 5px;
	}
	#form_paypal
	{
		margin-left: 			0;
	}	
	#form_paypal img
	{
		width: 					200px;
	}
	
		
	#inscription_option_table .form_field_left
	{
		display: 		none;
	}
	#inscription_option_table .form_field_right
	{
		padding-left: 	0;
	}
	
	#inscription_form
	{
		padding: 		10px 10px;
	}
	
	#inscription_form_input
	{
		margin: 	15px 0;
	}
	#inscription_form_input input[type='email'],
	#inscription_form_input input[type='submit']
	{
		display: 			block;
		width: 				100%;
		font-size: 			10pt;
		margin: 			5px 0;
	}
	
	#commons_main.black #product_zoom
	{
		top: 					0;
		height: 				100vh;
		overflow-y:				auto;
		left: 					0;
		right: 					0;
	}
}