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

/* FORM

/**********************************/
.formEmploi .form-row						{ display:flex; justify-content:space-between; overflow:hidden;}
.formEmploi .form-item						{ margin-bottom:1.5em; width:100%;}
.formEmploi .form-item.half					{ width:48%}

.formEmploi .form-item.quarter				{ width:23%; }
@media only screen and (max-width: 767px) {
	.formEmploi.form-row 					{ display:block;}
	.formEmploi.form-item.half				{ width:100%;}
	.formEmploi.form-item.quarter			{ width:48%;}
	.formEmploi.form-item.quarter:nth-child(odd) 	{float:left;}
	.formEmploi.form-item.quarter:nth-child(even) {float:right;}
}

.formEmploi label							{ font-size:0.850em; margin-bottom:6px; display:block; text-align:left;}
.formEmploi label.associated				{ margin-bottom:0; display:inline-block; margin:0 1em;}
.formEmploi .note							{ font-size:0.85em; background-color:#FFC; clear:both; padding:0.5em; box-sizing:border-box; margin-bottom:10px;}

.formEmploi input[type="text"],
.formEmploi input[type="email"],
.formEmploi input[type="password"],
.formEmploi .styled-select,
.formEmploi textarea						{ padding:1em 1.3em; width:100%; font-size:0.875em; box-sizing:border-box; border:none; background-color:#dfe1e4; font-style:italic; color:#666666}
.formEmploi input[type="number"]			{ width:3em;}

.formEmploi input.error,
.formEmploi textarea.error					{ border:1px solid red;}

.formEmploi .message                    	{ padding: 8px; margin: 8px 0; }
.formEmploi .message.succes                { background-color: #C3FFD5;}
.formEmploi .message.erreur                { background-color: #FFD9C3;}
.formEmploi .message.avertissement         { background-color: #fffeba;}

/* Styled select */
.formEmploi .dd-select						{ text-align:left; background:#ffd204 url("../../images/select-arrow.png") no-repeat scroll right center!important; padding:0.75em 1em; box-sizing:border-box}
.formEmploi .dd-select a:hover				{ color:#666666;}
.formEmploi ul.dd-options					{ border:none; color:#FFFFFF; background-color:transparent;}
.formEmploi ul.dd-options li				{ margin-top:1px; background-color:rgba(255,210,4,0.9);}
.formEmploi ul.dd-options li label			{ cursor:pointer; padding:0.75em; font-weight:bold}
.formEmploi ul.dd-options li a				{ display:block; color:#FFFFFF; border:none; padding:0}
.formEmploi ul.dd-options li:hover			{ background-color:#000000;}
.formEmploi input.error						{ border-color:#FF0000;}
.formEmploi label.error						{ text-transform:none; margin-top:5px; margin-bottom:10px; font-size:0.85em; color:#FF0000;}
.formEmploi textarea						{ min-height:7em;}
/*.formEmploi button							{ background-color:#ffd204; color:#000000; border:0; transition: all 0.5s ease 0s;}
.formEmploi button:hover					{ background-color:#000000; color:#FFFFFF;}

*/