/* CSS Document */
/*	-webkit-
	   -moz-
	     -o-*/
.champs {
	border:#ebeae8 1px solid;
	display:inline-block;
	padding:4px 7px;
	font-size:12px;
	color:#999;
}
select.champs { padding-right:0 }
textarea.champs {
	font-family: 'Hind', sans-serif;
	min-height:100px;
	display:block;
	padding:5px;
	height:auto;
	width:100%;
}
.champs:hover {
	border-color:#666;
	color:#333;
}
/*input[type='submit'], .submit,
input[type='button'], .button {
	text-transform:uppercase;
	border:#000 1px solid;
	font-size:12px;
	padding:0 40px;
	background:#000;
	font-weight:700;
	cursor:pointer;
	margin:0 auto;
	height:40px;
	color:#fff;
}
input[type='button'], .button,
input[type='submit']:hover, .submit:hover {
	background:#fff;
	color:#000;
}
input[type='button']:hover, .button:hover {
	border-color:#e9e6e5;
	color:#666;
}*/
a.button, a.submit { line-height:40px; }
.datefield {
	background-image:url(images/field_date.png);
	background-position:right center;
	background-repeat:no-repeat;
}


/* --- VALIDATION --- */
.champs.validfield {
	background-image:url(images/field_valid.png);
	background-position:right center;
	background-repeat:no-repeat;
}

/* --- ERROR -------- */
.champs.errorfield {
	background-image:url(images/field_error.png);
	background-position:right center;
	background-repeat:no-repeat;
	border-color:#f0303e;
	color:#f0303e;
}
textarea.champs.errorfield { background-position:right 10px; }
/*.champs.errorfield:hover {
	border-color:#f0303e;
	color:#f0303e;
}*/

/* --- CSS3 --------- */
.champs {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	     -o-box-sizing:border-box;
			box-sizing:border-box;
	-webkit-transition-property:color, background-color, border-color, box-shadow;
	   -moz-transition-property:color, background-color, border-color, box-shadow;
	     -o-transition-property:color, background-color, border-color, box-shadow;
			transition-property:color, background-color, border-color, box-shadow;
	-webkit-transition-timing-function:linear;
	   -moz-transition-timing-function:linear;
	     -o-transition-timing-function:linear;			
			transition-timing-function:linear;
	-webkit-transition-duration:.3s;
	   -moz-transition-duration:.3s;
	     -o-transition-duration:.3s;	
			transition-duration:.3s;
}
.champs:focus {
	-webkit-box-shadow:#666 0 0 5px;
	   -moz-box-shadow:#666 0 0 5px;
	     -o-box-shadow:#666 0 0 5px;
			box-shadow:#666 0 0 5px;
}
.champs.errorfield:focus {
	border-color:#f0303e;
	color:#f0303e;
	-webkit-box-shadow:#f0303e 0 0 5px;
	   -moz-box-shadow:#f0303e 0 0 5px;
	     -o-box-shadow:#f0303e 0 0 5px;
			box-shadow:#f0303e 0 0 5px;
}

/* FORMULAIRE - 1 */
.formulaire-1 fieldset { padding:10px; }
.formulaire-1 legend {
	font-size:15px; font-weight:700;
	margin-bottom:10px; text-transform:uppercase 
}
.formulaire-1 fieldset.left {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.formulaire-1 label {
	display:block; margin:0 0 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:14px;
	color:#7f7f7f;
}
.formulaire-1 div.floated-label { color:#7f7f7f; }
.formulaire-1 label.left { padding-right:10px; }
.formulaire-1 label.right { padding-left:10px; }
.formulaire-1 label .textfield { width:100%; margin:5px 0 0 0; }
.formulaire-1 label.floated-label { line-height:30px; margin-bottom:5px; }
.formulaire-1 label.floated-label input { width:60%; float:right; }
.formulaire-1 label.floated-label select { width:60%; float:right; }
.formulaire-1 label.floated-label input[type='password'] { width:60%; }
.formulaire-1 span.inline-label { display:inline-block; width:40%; font-size:12px; }
.formulaire-1 label.inline-label { display:inline-block; margin-right:20px; }

/* FORMULAIRE - 2 */
.formulaire-2 fieldset legend { 
	text-transform:uppercase; 
	font-size:24px; font-weight:700;
	margin:20px 0 10px; min-height:40px;
}
.formulaire-2 legend {
	font-size: 15px; font-weight:700;
	margin-bottom:15px; text-transform:uppercase 
}
.formulaire-2 fieldset.left {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.formulaire-2 label {
	color:#7f7f7f;
	display:block; margin:0 0 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:12px;
}
.formulaire-2 div.floated-label { color:#7f7f7f }
.formulaire-2 label.left { padding-right:10px; }
.formulaire-2 label.right { padding-left:10px; }
.formulaire-2 label .textfield { width:100%; margin:5px 0 0 0; }
.formulaire-2 label.floated-label { line-height:30px; }
.formulaire-2 label.floated-label.clearfix { min-height:50px; }
.formulaire-2 label.floated-label input,
.formulaire-2 label.floated-label select { width:73%; float:right; }
.formulaire-2 label.floated-label textarea { width:73%; float:right; min-height:50px; height:50px; }
.formulaire-2 span.inline-label { display:inline-block; width:25%; font-size:12px; }
.formulaire-2 label.inline-label { display:inline-block; margin-right:20px; }
/* */
.error_output {
	padding:20px; color:#fff;
	background:#f0303e; text-align:center;
	margin-bottom:20px; border-radius:10px;
}
.error_output p { 
	margin:0; line-height:17px;
	font-weight:700; font-size:12px;
}
.error_output p em { display:none; }

.valid_output {
	padding:8% 20px 10%; text-align:center;
}
#fillme{
	display:none;
	visibility: hidden;
}
.noborder{border:none;}

#map_contact{
	height:346px;
}

.fc-rouge{
	color:#E37629;
}
.fc-gris{
	color:#7b7b7b;
}
#submit-contact{
	cursor:pointer;
}