/* ------------------------ */
/* FORMULAIRE DE RECHERCHE	*/
/* ------------------------ */

@media all and (min-width:800px){
	/*.block-search label { font-size:1.5em; }*/
}
#search_area_front { background-color:#efefef; }
.block-search-api-saved-searches { background-color:#efefef; }
.search-container {
	background:rgba(230,230,230,0.5)
}

.block-search { padding:1em 1px 1em 1em; }
.block-search .form-item { float:none; width:auto; margin-right:auto; #margin-left:auto; display:block; margin:0; padding:0; }
.block-search .form-text, .block-search .form-select { width:100%; }
.block-search .views-exposed-form {
  margin-right:auto;
  margin-left:auto;
  padding-left:15px;
  padding-right:15px
}
@media all and (max-width:480px) {
	#search-front-offers .form-radios .form-item {
		clear:both;
	}
}
@media (min-width:480px) {
	#search-front-offers .form-radios .form-item {
		clear:both;
	}
}
@media (min-width:768px) {
	.block-search .views-exposed-form {
		width:650px;
	}
	#search-front-offers .form-radios .form-item {
		clear:both;
	}
}
@media (min-width:992px) {
	.block-search .views-exposed-form {
		width:870px;
	}
}
@media (min-width:1200px) {
	.block-search .views-exposed-form {
		width:1070px;
	}
}
@media all and (max-width:800px){
	html.js body.sidebar-first .search-container { padding-left:50px; }
	.block-job-search .views-submit-button { top:0em; }
	.block-resume-search .views-submit-button { top:.1em; }
	.block-search .views-exposed-form { position:relative; }
	/*
	.block-search .views-submit-button{position:absolute;right:-70px;}
	.block-search .form-submit{
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		width:40px; height:40px;
		background:#333333;
		background-size:90%;
		border:none; text-indent:-999em;
	}
	.block-search .form-submit:hover,
	.block-search .form-submit:focus,
	.block-search .form-submit:active{
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		background-color:transparent;
	}
	*/
}
@media all and (min-width:800px){
	.block-job-search .form-item-type-contract{ width:100%; }
	.block-job-search .views-exposed-widget,
	.block-job-search .form-item-search-place,
	.block-job-search .form-item-search-keywords{ width:50%; }
	.block-resume-search .views-exposed-widget,
	.block-resume-search .form-item-search-place,
	.block-resume-search .form-item-search-keywords,
	.block-resume-search .form-item-type-contract{ width:100%; }
	.block-search{ margin-left:25.375%; padding-right:5em; }
	.front .block-search, .page-recruiter .block-search{ margin-left:0; }
	.block-search .views-exposed-widget,
	.block-search .form-item-search-keywords,
	.block-search .form-item-search-place{ float:left; }
	.block-search .views-widget{ margin-right:.5em; }
	.block-search .views-submit-button{ margin-right:-200px; width:50px; margin-top:0; }
	/*.block-search .form-submit{ width:50px; }*/

	.block-search div.form-item-search-place {
	    padding:0 .5em;
	}
	#search-front-offers input.form-radio {
		padding:5px 0px;
		margin:3px 3px;
	}
	#search-front-offers .form-radios .form-item {
		display:inline;
	}

	#search-front-offers input.form-submit[type="submit"] {
		font-family:"FontAwesome";
		content:"\f002";
		position:absolute;
		text-transform:uppercase;
		text-decoration:none;
		text-align:center;
		text-indent:-9999px;
		display:inline-block;
		overflow:hidden;
		white-space:nowrap;
		line-height:20px;
		border:medium none;
		border-radius:4px 4px 4px 4px;
		color:#ffffff;
		background-color:#de6e1e;
		background:transparent url('../img/formulaire-submit.jpg') no-repeat top left;
		width:36px; height:34px;
		margin-top:-.3em; padding-top:0;
		transition:all 0.2s ease-in-out 0s;
		cursor:pointer;
	}
	#searchform span > input.form-submit:after,
	#search-front-offers span > input.form-submit:after {
		font-family:"FontAwesome";
		content:"\f002";
		font-size:13px;
		position:absolute;
		pointer-events:none;
	}
}
.block-search-api-saved-searches{overflow:hidden;*zoom:1;padding:1em;}
.block-search-api-saved-searches h2{font-size:2em;text-align:center;border-bottom:none;padding-bottom:0em;margin:0.3em 0em;}
.block-search-api-saved-searches .form-item.form-item-notify-interval{width:49.25%;float:left;margin-right:1.5%;display:inline;margin-top:0;margin-bottom:0;padding:0;}
.block-search-api-saved-searches .form-item.form-item-notify-interval label{display:none;}
.block-search-api-saved-searches .form-item.form-item-notify-interval select{width:100%;}
.block-search-api-saved-searches .form-submit{width:49.25%;float:right;margin-right:0;#margin-left:-1.5%;display:inline;}
.block-search-api-saved-searches .form-item.form-item-mail{float:none;width:auto;margin-right:auto;#margin-left:auto;display:block;padding-left:0%;}
.block-search-api-saved-searches .form-item.form-item-mail label{float:none;width:auto;margin-right:auto;#margin-left:auto;display:block;margin-left:0;margin-bottom:.2em;}
.block-search-api-saved-searches .form-item.form-item-mail input{width:100%;}

.form-item-search-place label[for="edit-search-place"],
.form-item-search-keywords label[for="edit-search-keywords"],
.form-item-type-contract label[for="edit-type-contract"] {
	overflow:hidden;
	display:none
}

#search-front-offers input[type="text"],
#search-front-offers select {
    box-sizing:border-box;
    border-radius:3px;
    outline:medium none;
    padding:0.5em; margin:0;
    border:1px solid #cccccc;
    color:#666;
    background-color:#fff;
    max-width:100%;
	cursor:auto
}
#search-front-offers .form-radios .option {
    font-weight:normal
}

/****************************

select, .submit {
    cursor:pointer
}
button, input, optgroup, select, textarea {
	margin:0px;
	font:inherit;
	color:inherit
}
input, input[type="password"], input[type="search"] {
	-webkit-appearance:textfield;
	padding:1px;
	background-color:white;
	border:2px inset;
	border-image-source:initial;
	border-image-slice:initial;
	border-image-width:initial;
	border-image-outset:initial;
	border-image-repeat:initial;
	-webkit-rtl-ordering:logical;
	-webkit-user-select:text;
	cursor:auto
}
input.form-text {
	height:40px
}


#searchform, #search-front-offers {
	margin:0px 0px 20px;
	float:left;
	color:#ffffff;
	display:inline;
	width:98% !important
}
#searchform div, #search-front-offers div {
	height:42px;
	background:none repeat scroll 0% 0% #ffffff;
	padding:3px;
	border-radius:6px 6px 6px 6px;
	border:0px solid #5f84c8
}
#searchform div.search-wrap,
#search-front-offers div.search-wrap {
	background:none repeat scroll 0px 0px #5f84c8;
	padding:6px;
	overflow:hidden;
	height:auto !important
}
#searchform div.search-wrap div.radius,
#search-front-offers div.search-wrap div.radius {
	background:none repeat scroll 0% 0% transparent;
	padding:4px 0px 0px;
	margin:0px;
	border:0px none;
	float:right;
	height:auto !important
}
#searchform div div, #search-front-offers div div {
	height:40px;
	width:100%;
	border-width:0px;
	border-style:solid;
	border-color:rgb(198, 198, 198) rgb(216, 216, 216) rgb(216, 216, 216) rgb(198, 198, 198);
	border-radius:3px 3px 3px 3px;
	padding:0px
}
#searchform input#edit-keywords,
#search-front-offers input#edit-search-keywords {
	width:30%;
	border-right:1px solid #cccccc;
	padding:5px 11px;
	margin:3px 0px
}
.form-item-search-place label[for="edit-search-place"],
.form-item-search-keywords label[for="edit-search-keywords"] {
	overflow:hidden;
	display:none
}
#searchform input.form-text, #search-front-offers input.form-text {
	border:0px none;
	color:#999999;
	background:none repeat scroll 0% 0% transparent;
	border-right:0px solid #cccccc;
	vertical-align:middle;
	font-size:16px;
	outline:0px none !important;
	width:47% !important;
	padding:5px 11px;
	margin:3px 0px;
	background-image:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-box-shadow:0px 0px 0px inset;
	-moz-box-shadow:0px 0px 0px inset;
	box-shadow:0px 0px 0px inset
}
#searchform input.form-submit[type="submit"], #search-front-offers input.form-submit[type="submit"] {
	font-family:"FontAwesome";
	content:"\f002";
	position:absolute;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	text-indent:-9999px;
	padding:0;
	margin:3px 7px 0 -2px;
	display:inline-block;
	overflow:hidden;
	white-space:nowrap;
	line-height:42px;
	border:medium none;
	border-radius:0px 6px 6px 0px;
	min-width:44px; height:43px;
	color:#ffffff;
	background:transparent url('formulaire-submit.jpg') no-repeat top left;
	transition:all 0.2s ease-in-out 0s;
	cursor:pointer
}
#searchform span > input.form-submit:after,
#search-front-offers span > input.form-submit:after {
	font-family:"FontAwesome";
	content:"\f002";
	font-size:13px;
	position:absolute;
	pointer-events:none
}
#searchform input.form-radio,
#search-front-offers input.form-radio {
	padding:5px 0px;
	margin:3px 3px
}
*/


/* ------------------------ */
/* FORMULAIRE DE CONNEXION	*/
/* ------------------------ */
/* http://cssdeck.com/labs/login-form-using-html5-and-css3 */

#form-user-login {
	background:#f9f9f9;
	background:-moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background:-webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background:-o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background:-ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background:linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	-webkit-box-shadow:0 1px 0 #fff inset;
	-moz-box-shadow:0 1px 0 #fff inset;
	-ms-box-shadow:0 1px 0 #fff inset;
	-o-box-shadow:0 1px 0 #fff inset;
	box-shadow:0 1px 0 #fff inset;
	border:1px solid #c4c6ca;
	margin:0 auto;
	padding:25px 0 0;
	position:relative;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	width:300px
}
#form-user-login h2 {
	color:#7E7E7E;
	font:bold 25px Helvetica, Arial, sans-serif;
	letter-spacing:-0.05em;
	line-height:20px;
	margin:0px 0 20px
}
#form-user-login h2:before,
#form-user-login h2:after {
	content:"";
	height:1px;
	position:absolute;
	top:10px;
	width:27%
}
#form-user-login h2:after {
	background:rgb(126,126,126);
	background:-moz-linear-gradient(left, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
	background:-webkit-linear-gradient(left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background:-o-linear-gradient(left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background:-ms-linear-gradient(left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background:linear-gradient(left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right:0
}
#form-user-login h2:before {
	background:rgb(126,126,126);
	background:-moz-linear-gradient(right, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
	background:-webkit-linear-gradient(right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background:-o-linear-gradient(right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background:-ms-linear-gradient(right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
	background:linear-gradient(right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left:0
}
#form-user-login:after,
#form-user-login:before {
	background:#f9f9f9;
	background:-moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background:-webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background:-o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background:-ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background:linear-gradient(top, rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	border:1px solid #c4c6ca;
	content:"";
	display:block;
	height:100%;
	left:-1px;
	position:absolute;
	width:100%
}
#form-user-login:after {
	-webkit-transform:rotate(2deg);
	-moz-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
	-o-transform:rotate(2deg);
	transform:rotate(2deg);
	top:0;
	z-index:-1
}
#form-user-login:before {
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	transform:rotate(-3deg);
	top:0;
	z-index:-2
}
#form-user-login form { margin:0 20px; position:relative }
#form-user-login form input[type="text"],
#form-user-login form input[type="password"] {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	background:#eae7e7 url('formulaire-input-login.png') no-repeat;
	border:1px solid #c8c8c8;
	color:#777;
	font:13px Helvetica, Arial, sans-serif;
	margin:0 0 10px;
	padding:15px 10px 15px 40px;
	width:100%
}
#form-user-login form input[type="text"]:focus,
#form-user-login form input[type="password"]:focus {
	-webkit-box-shadow:0 0 2px #de4d00 inset;
	-moz-box-shadow:0 0 2px #de4d00 inset;
	-ms-box-shadow:0 0 2px #de4d00 inset;
	-o-box-shadow:0 0 2px #de4d00 inset;
	box-shadow:0 0 2px #de4d00 inset;
	background-color:#fff;
	border:1px solid #de4d00;
	outline:none
}
#username { background-position:10px 10px !important }
#password { background-position:10px -53px !important }
#form-user-login form input[type="submit"] {
	background:rgb(254,231,154);
	background:-moz-linear-gradient(top, rgba(254,231,154,1) 0%, rgba(254,193,81,1) 100%);
	background:-webkit-linear-gradient(top, rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background:-o-linear-gradient(top, rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background:-ms-linear-gradient(top, rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background:linear-gradient(top, rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee79a', endColorstr='#fec151',GradientType=0 );
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	border-radius:30px;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;
	-ms-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;
	-o-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;
	border:1px solid #D69E31;
	color:#85592e;
	cursor:pointer;
	float:left;
	font:bold 15px Helvetica, Arial, sans-serif;
	height:35px;
	margin:20px 0 35px 15px;
	position:relative;
	text-shadow:0 1px 0 rgba(255,255,255,0.5);
	width:120px
}
#form-user-login form input[type="submit"]:hover {
	background:rgb(254,193,81);
	background:-moz-linear-gradient(top, rgba(254,193,81,1) 0%, rgba(254,231,154,1) 100%);
	background:-webkit-linear-gradient(top, rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background:-o-linear-gradient(top, rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background:-ms-linear-gradient(top, rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background:linear-gradient(top, rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec151', endColorstr='#fee79a',GradientType=0 )
}
#form-user-login form div a {
	color:#004a80;
    float:right;
    font-size:12px;
    margin:30px 15px 0 0;
    text-decoration:underline
}

#form-user-login .button {
	background:rgb(247,249,250);
	background:-moz-linear-gradient(top, rgba(247,249,250,1) 0%, rgba(240,240,240,1) 100%);
	background:-webkit-linear-gradient(top, rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
	background:-o-linear-gradient(top, rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
	background:-ms-linear-gradient(top, rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
	background:linear-gradient(top, rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0',GradientType=0 );
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;
	-ms-box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;
	-o-box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;
	box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	-ms-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	border-top:1px solid #CFD5D9;
	padding:15px 0;
	height:3em
}
#form-user-login .button ul {
    float:right;
    margin:0px !important;
    padding:5px;
    list-style:none outside none !important
}
#form-user-login .button li {
    float:left;
    line-height:1em;
    display:inline;
    padding:0px;
    margin:0px 10px 0.2em 10px;/*
	font-weight:bold;
    border-bottom:0px solid #094865;
    border-radius:4px;*/
}

/* --- FORMULAIRE HEADER --- */

	.navbar-form .form-type-textfield {
		background-color:#C14300 !important;
		border-color:#C14300 !important;
		color:#ffffff !important;
	}
	.btn-form-submit {
		color:#ffffff !important;
		background-color:#7b2b00 !important;
		border-color:#7b2b00 !important;
	}
	.btn-form-submit:hover,
	.btn-form-submit:focus,
	.btn-form-submit.focus,
	.btn-form-submit:active,
	.btn-form-submit.active,
	.open > .dropdown-toggle.btn-form-submit {
		color:#ffffff !important;
		background-color:#97310e !important;
		border-color:#97310e !important;
	}
/*
@media (max-width:480px) {
}
*/
@media (min-width:768px) {
	.navbar-form .form-type-textfield,
	.btn-form-submit,
	.btn-form-submit:hover,
	.btn-form-submit:focus,
	.btn-form-submit.focus,
	.btn-form-submit:active,
	.btn-form-submit.active,
	.open > .dropdown-toggle.btn-form-submit {
		position:absolute !important;
		clip:rect(1px, 1px, 1px, 1px);
		overflow:hidden;
		height:1px;
	}
}


/* ------------------------ */
/* FORMULAIRE TOP		*/
/* ------------------------ */

#block-search-box-top-primary {
    background:none repeat scroll 0px 0px #3a87ad;
    color:#fff;
    margin-left:auto;
    margin-right:auto;
    padding:0 15px 0 15px;
    text-align:center
}
#block-search-box-top-primary .col-search-box {
    margin:0 15px 0 15px;
    padding:0 15px 0 15px
}
#block-search-box-top-primary .form-item,
#block-search-box-top-primary .form-actions {
    margin-top:0.2em !important;
    margin-bottom:0.2em !important
}
/*
#block-search-job #edit-body-value-wrapper {
    width:38%
}
.views-exposed-form .views-exposed-widget {
    float:left;
    padding:0.5em 1em 0px 0px
}
#block-search-job #edit-field-industry-tid-wrapper {
    width:26%
}
.views-exposed-form .views-exposed-widget {
    float:left;
    padding:0.5em 1em 0px 0px
}
*/
#block-search-box-top-recruiter {
    background:none repeat scroll 0px 0px #de4d00; /* #bf3e11 #de4d00 #333 */
    color:#fff;
    margin-left:auto;
    margin-right:auto;
    padding:0 15px 0 15px;
    text-align:center
}
#block-search-box-top-recruiter .col-search-box {
    margin:0 15px 0 15px;
    padding:0 15px 0 15px
}
#block-search-box-top-recruiter .form-item,
#block-search-box-top-recruiter .form-actions {
    margin-top:0.2em !important;
    margin-bottom:0.2em !important
}



/* Shrink horizontal */
/* ====================== */

.progress-button[data-style="shrink"] { /* common for horizontal and vertical */
	overflow:hidden;
	-webkit-transition:-webkit-transform 0.2s;
	transition:transform 0.2s
}

.progress-button[data-style="shrink"][data-horizontal] .content {
	-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;
	transition:opacity 0.3s, transform 0.3s
}

.progress-button[data-style="shrink"][data-horizontal] .content::before,
.progress-button[data-style="shrink"][data-horizontal] .content::after {
	top:100%;
	right:auto;
	left:50%;
	-webkit-transition:opacity 0.3s;
	transition:opacity 0.3s;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}

.progress-button[data-style="shrink"][data-horizontal].state-loading {
	-webkit-transform:scaleY(0.3);
	transform:scaleY(0.3)
}

.progress-button[data-style="shrink"][data-horizontal].state-loading .content {
	opacity:0
}

.progress-button[data-style="shrink"][data-horizontal].state-success .content,
.progress-button[data-style="shrink"][data-horizontal].state-error .content {
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%)
}