#form_container
{
	background-color: 		#fff;
	border: 				1px solid #ddd;
	padding: 				20px 40px;
	max-width: 				900px;
	margin: 				20px auto;
}
#form_container::after
{
	content: 		" ";
	display: 		block;
	clear: 			both;
}
#form_container .title
{
	font-size: 				25pt;
	line-height: 			25pt;
	font-weight: 			400;
	padding: 				10px 0 25px 0;
	margin-bottom: 			15px;
	border-bottom: 			1px solid #ddd;
	color: 					#02232C;
	text-align: 			center;
}

fieldset.form_fieldgoup
{
	border: 				1px solid #ddd !important;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	border-radius:			3px;
}


/**********************************
 * Seprateurs
 **********************************/
.form_separator
{
	padding: 				2px 10px;
	margin: 				10px 0;
	margin-top: 			30px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	border-radius:			3px;
	/*background-color: 		#f5f5f5;*/
}
	
	.form_separator_title
	{
		font-size: 			12pt;
		line-height: 		20pt;
		font-weight: 		600;
		text-transform: 	uppercase;
		color: 				#fff;
	}
	
.multiselector_bloc
{
	font-family: 			'Raleway';
	background-color: 		#fafafa !important;
	border: 				1px solid #ddd;
	padding: 				5px 10px;
	font-size: 				10pt;
	color: 					#02232C;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	border-radius:			3px;
}

.mgalery_picket_container
{
	display: 				none;
}


/**********************************
 * Champs de formulaire
 **********************************/
.form_field
{
	width: 			100%;
}
	
	.form_field_left
	{
		width: 				40%;
		font-size: 			10pt;
		color: 				#02232C;
		text-align: 		right;
		padding: 			5px 10px;
	}
	
	.form_field_right
	{
		width: 			60%;
	}
	
	.form_message
	{
		margin-left: 	40%;
	}

	.field_price_line input[type='text'],
	.form_field_right input[type='text'],
	.form_field_right textarea
	{
		font-family: 			'Raleway';
		background-color: 		#fafafa;
		border: 				1px solid #ddd;
		padding: 				5px 10px;
		font-size: 				10pt;
		color: 					#02232C;
		-moz-border-radius:		3px;
		-webkit-border-radius:	3px;
		border-radius:			3px;
	}
	input[type='text'].field_mini
	{
		width: 					80px !important;
		text-align: 			center;
	}

.field_required
{
	border-top: 			1px solid #ddd;
	margin-top: 			20px;
	padding-top: 			5px;
	text-align: 			right;
}

/**********************************
 * FieldPrice
 **********************************/
.field_price
{
}
.field_price_title
{

}
	.field_price_line_label_title
	{
	
	}
	.field_price_line_price_title
	{
	
	}
		
 
.field_price_line
{
	margin: 		4px 0;
}
	.field_price_line_label_title,
	.field_price_line_label
	{
		display: 		inline-block;
		width: 			68%;
		margin-right: 	1%;
	}
	.field_price_line_price_title,
	.field_price_line_price
	{
		display: 		inline-block;
		width: 			25%;
		margin-right: 	1%;
	}
	.field_price_line_delete
	{
		display: 		inline-block;
		width: 			5%;
	}
		.field_price_line_label input,
		.field_price_line_price input,
		.field_price_line_delete input
		{
			width: 			100%;
		}

		.field_price_line_delete input
		{
			padding: 		4px 5px;
			opacity: 		0;
		}
		
		.field_price_line:hover .field_price_line_delete input
		{
			opacity: 		1;
		}
	.field_price_line_clone
	{
		display: 			none;
	}
	
	.field_price_add
	{
		opacity: 			0;
	}
	.field_price:hover .field_price_add
	{
		opacity: 			1;
	}
	
/**********************************
 * Video remote
 **********************************/
.form_message
{
	background-color: 	#ffC;
	padding: 			15px 20px;
	margin: 			10px 0;
	border-left: 		3px solid #dda;
	font-style: 		italic;
}
input.pageremotevideo_error
{
	border: 			1px dotted red;
}
input.pageremotevideo_ok
{
	border: 			1px dotted green;
}


/**********************************
 * Submit
 **********************************/
#form_container .submit
{
	font-family: 			'Raleway';
 	font-size: 				10pt;
 	font-weight: 			600;
 	padding: 				6px 20px;
}


/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Smartphone Horizontal */ 
and (max-width : 700px) 
{
	#form_container
	{
		border: 				1px solid #ddd;
		padding: 				20px 5px;
	}
	
	
	.form_field_left,
	.form_field_right
	{
		width: 				100%;
		display: 			block;
		text-align: 		left;
		padding: 			5px 0;
	}
	.form_field_left
	{
		font-weight: 		600;
	}
}