#jobofferlist_header .commons_wrap
{
	background-color:   	#f2f2f2;
	padding-bottom:  		80px;
}

/**************************
 * General
 **************************/
#joboffer_list_items
{

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

/**************************
 * List Items
 **************************/
#joboffer_list_intro
{
	font-size: 			11pt;
	padding: 			30px;
	margin-bottom: 		40px;
	color: 				rgba(0,0,0,.5);
	background-color: 	#eee;
	text-align: 		justify;
}

#joboffer_list_items
{
	max-width:  		1200px;
	margin:   			10px auto;
}
#joboffer_list_items h2
{
	margin:  			0 20px;
}

/**************************
 * List Items
 **************************/
.joboffer_list_item
{
	float:  				left;
	width:  				350px;
	/*box-shadow:  			0 2px 6px rgba(0,0,0,.2);*/
	padding: 				0;
	margin:   	 			30px 20px;
	margin-bottom:  		80px;
	-moz-border-radius:		8px;
	-webkit-border-radius:	8px;
	border-radius:			8px;
	cursor:  				pointer;
}
.joboffer_list_item::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

	.joboffer_list_item_picture
	{
		background-position:	center center;
		background-repeat: 		no-repeat;
		background-size:  		cover;
		height:   				180px;
		-moz-border-radius:		8px 8px 0 0;
		-webkit-border-radius:	8px 8px 0 0;
		border-radius:			8px 8px 0 0;

	}
	.joboffer_list_item_info
	{
		position:  				relative;
		padding:   				20px 30px;
		padding-bottom: 		30px;
		min-height:  			350px;
		background-color:  		#fff;
		-moz-border-radius:		0 0 8px 8px;
		-webkit-border-radius:	0 0 8px 8px;
		border-radius:			0 0 8px 8px;

	}
	.joboffer_list_item_title
	{
	}
	.joboffer_list_item_title h4
	{
		font-size: 			15pt;
		margin: 			10px 0;
		padding: 			0;
		color:  			#222;
	}
	.joboffer_list_item_baseline
	{
		color: 				#777;
		margin-top:  		10px;
		min-height: 		115px;
	}
	.joboffer_list_item_localisation
	{
		margin:  			15px 0;
	}
	.joboffer_list_item_salary
	{
		margin:  			15px 0;
		color:  			#7BD5F5;
	}
	.joboffer_list_item_date
	{
		display: 				none;
	}
	.joboffer_list_item_description
	{
		display:  			none;
	}
.joboffer_list_item_description h3,
.joboffer_list_item_description h4
{
	font-size:  		13pt;
	font-weight:   		600;
	text-decoration:  	underline;
	color:  			#222;
	padding:  			5px 0;
	margin:  			0;
}
	.joboffer_list_item_link
	{
		position:  			absolute;
		text-align:  		center;
		left:  				0;
		right:  			0;
		bottom:  			-30px;
	}
	
	
/**************************
 * Candidate Form
 **************************/
#joboffer_list_form_bloc
{
	content: 			" ";
	display: 			block;
	clear: 				both;
	position: 			fixed;
	overflow-y:  		auto;
	padding-bottom:  	100px;
	z-index: 			-1;
	top: 				0;
	left: 				0;
	right: 				0;
	bottom: 			0;
	opacity: 			0;
	background-color: 	rgba(0,0,0,.8);
	text-align: 		center;
	-webkit-transition:	all .4s ease-out;
	-moz-transition:	all .4s ease-out;
	-o-transition:		all .4s ease-out;
	transition:			all .4s ease-out;
}
	#joboffer_list_form_bloc.display
	{
		opacity: 			1;
		z-index: 			10000;
	}
	
	#joboffer_list_form
	{
		position: 				relative;
		z-index: 				10001;
		width:	 				 600px;
		text-align: 			left;
		margin: 				0 auto;
		margin-top: 			-300px;
		margin-top: 			15vh;
		/*-moz-border-radius:		8px;*/
		/*-webkit-border-radius:	8px;*/
		/*border-radius:			8px;*/
		/*background-color: 		#fff;*/
		/*overflow:   			hidden;*/
		/*
		-webkit-transform: 		scale(1.2);
		-moz-transform: 		scale(1.2);
		-ms-transform: 			scale(1.2);
		*/
			
		box-shadow:	 			2px 2px 5px rgba(0,0,0,.5);
		-webkit-transition:		all .4s ease-out;
		-moz-transition:		all .4s ease-out;
		-o-transition:			all .4s ease-out;
		transition:				all .4s ease-out;
	}

	#joboffer_list_form::after
	{
		content: 				" ";
		display: 				block;
		clear: 					both;
		position: 				absolute;
		z-index: 				-1;
		top: 					0;
		left: 					0;
		right: 					0;
		bottom: 				0;
		background-color: 		rgba(255,255,255,0);
		background-image: 		url(../images/commons/loader.gif);
		background-position: 	center center;
		background-repeat: 		no-repeat;
		padding-left: 			20px;
		opacity: 				0;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}
	#joboffer_list_form.wait::after
	{
		opacity: 				1;
		background-color: 		rgba(255,255,255,.9);
		z-index: 				10002;
	}
	
	#joboffer_list_form_bloc.display #joboffer_list_form
	{
		margin-top: 			10vh;
		-webkit-transform: 		scale(1);
		-moz-transform: 		scale(1);
		-ms-transform: 			scale(1);
	}

	#joboffer_list_form_close
	{
		position: 				absolute;
		top: 					0;
		right: 					0;
		margin: 				20px;
		background-image: 		url(../images/commons/close.svg);
		background-position: 	center center;
		background-repeat: 		no-repeat;
		background-size: 		24px;
		width: 					24px;
		height: 				24px;
		cursor: 				pointer;
		opacity: 				0.9;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}
	#joboffer_list_form_close:hover
	{
		opacity: 				1;
		-webkit-transform: 		rotate(180deg);
		-moz-transform: 		rotate(180deg);
		-ms-transform: 			rotate(180deg);
	}
/**************************
 * Candidate Form Title
 **************************/
#joboffer_list_form_title
{
	font-size: 			20pt;
	line-height: 		20pt;
	font-weight: 		600;
	padding:  			20px 30px;
	color: 				#fff;
	text-align: 		center;
	background-color:  	#7BD5F5;
	-moz-border-radius:		5px 5px 0 0;
	-webkit-border-radius:	5px 5px 0 0;
	border-radius:			5px 5px 0 0;

}
#joboffer_list_form_title span
{
	display: 				block;
	font-weight: 			200;
	font-size:  			12pt;
	text-transform:  		uppercase;
	color: 					rgba(255,255,255,.5);
}
#joboffer_list_form_title span#joboffer_list_form_title_localisation
{
	font-size:  			9pt;
	color: 					rgba(255,255,255,.9);
}


#joboffer_list_form_main
{
	padding:  				30px 50px;
	padding-bottom:  		45px;
	-moz-border-radius:		0 0 5px 5px;
	-webkit-border-radius:	0 0 5px 5px;
	border-radius:			0 0 5px 5px;
	background-color: 		#fff;
	/*overflow:   			hidden;*/
}
#joboffer_list_form_description
{
	display:   			none;
	margin: 			10px 0;
	font-size: 			11pt;
	color:  			#777;
	font-weight:  		200;
}
#joboffer_list_form_description strong
{
	color: 				#222;
}
.showdescription #joboffer_list_form_description
{
	display:  	block;
}
.showdescription #joboffer_list_form_form
{
	display: none;
}
#joboffer_open_description_bloc
{
	text-align:  		center;
	height:  			1px;
}
#joboffer_open_description
{
	position:  			relative;
	bottom:  			-25px;

}

/**************************
 * Candidate Form Field
 **************************/
 
.form_field_row	
{
}
	.form_field_left	
	{
		display: 		none;
	}
	#jobcandidate_lm_path_table .form_field_left,
	#jobcandidate_cv_path_table .form_field_left	
	{
		display: 		block;
		float: 			left;
		width: 			40%;
		text-align: 	right;
		padding: 		9px 0;
	}
	#jobcandidate_lm_path_table .form_field_right,
	#jobcandidate_cv_path_table .form_field_right	
	{
		display: 		block;
		float: 			right;
		width: 			55%;
	}
	.form_field_right	
	{
		padding: 			5px 0;
	}
	.form_field_right input[type='text'],
	.form_field_right input[type='tel'],
	.form_field_right textarea
	{
		font-family: 		inherit;
		font-size: 			12pt;
		padding: 			5px 5px;
		border: 			0;
		margin-bottom:  	15px;
		border:  			1px solid #fff;
		border-bottom: 		1px solid rgba(0,0,0,.3);
		/*background-color: 	#222;*/
		/*color: 				#fff;*/
		resize: 			none;
	}
 
	/**************************
	 * Checkbox
	 **************************/
	 
	#accept_table .form_field_left	
	{
		display: 		block;
		float: 			left;
		width: 			10%;
		padding-top: 	8px;
	}
	#accept_table .form_field_right
	{
		float: 			right;
		width: 			90%;
	}
	
	
	/**************************
	 * Captcha
	 **************************/
	.g-recaptcha
	{
		margin: 			15px 0;
		text-align: 		center;
	}
	
	
	/**************************
	 * Required Fields
	 **************************/
	.field_required
	{
		display: 			none;
		text-align: 		center;
	}
	.field_required span
	{
		display: 			inline;
	}
	
	
	/**************************
	 * Submit
	 **************************/
	.form_button_container
	{
		position:  			absolute;
		left:  				0;
		right:  			0;
		bottom:  			-25px;
		text-align: 		center;
		/*margin-top:	 		20px;*/
	}
		
		
	.form_button_container input
	{
		font-family: 			inherit;
		display: 				block;
		position: 				relative;
		z-index: 				1;
		background-color: 		#b98f00;
		margin:  				0 auto;
		padding: 				10px 20px;
		color: 					#fff;
		font-size: 				10pt;
		text-transform: 		uppercase;
		font-weight: 			400;
		text-decoration: 		none;
		-moz-border-radius:		1px;
		-webkit-border-radius:	1px;
		border-radius:			1px;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
		border: 				0;
		cursor: 				pointer;
		background-image: 		url(../images/commons/icon_mail.svg);
		background-position:	94% 50%;
		background-repeat: 		no-repeat;
		
	}


/*************************************
 * Teamoffice
 *************************************/
#teamofficewrap
{
	list-style-type:  	none;
	margin:  			0;
	padding:  			30px 0;
}
#teamofficewrap::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

#joboffer_message_button
{
	text-align:   		center;
	margin-bottom:  	150px;
}
#joboffer_message
{
	max-width:    		800px;
	margin:   			100px auto;
}


/***************************
 *
 * Responsive
 *
 ***************************/

@media only screen /* Smartphone Horizontal */
and (max-width : 1200px)
{
	 #joboffer_list_items
	 {
		 max-width:  		800px;
	 }
}

@media only screen /* Tablet Small */ 
and (max-width : 1100px)
{

}

@media only screen /* Tablet Small */
and (max-width : 900px)
{

	#joboffer_list_items
	{
		max-width:  		700px;
	}
	#jobofferlist_header .commons_wrap
	{
		margin:  		0;
		padding:  		10px 0;
		padding-bottom: 70px;
	}
	.joboffer_list_item
	{
		margin:     30px 1%;
		width:  	48%;
	}
	#joboffer_list_form::before
	{
		content:   		"";
		display:   		none;
	}

	#joboffer_list_step
	{
		padding:		50px 20px;
		margin:  		0;
	}
	#joboffer_list_step .commons_wrap
	{
		padding:		0;
	}
}

@media only screen /* Smartphone */ 
and (max-width : 700px) 
{

	#joboffer_list_items
	{
		max-width:  		400px;
	}
	.joboffer_list_item
	{
		float:  	none;
		margin:     30px 10px;
		margin-bottom:  100px;
		width:  	auto;
	}
	.joboffer_list_item_info
	{
		min-height:  	390px;
	}

	#joboffer_list_form_bloc
	{
		overflow-y: 			auto;
	}
	#joboffer_list_form_bloc.display #joboffer_list_form
	{
		margin:  				0;
		padding: 				10px 10px;
		width:	 				auto;
	}

}