@charset "UTF-8";

/* GRID FORM */

.allGroup{position:relative; margin-top: 2em;}
.Fgroup{width:48%;float:left;margin:0 4% 15px 0;}.Fgroup:after{clear:both}
.Fgroup{margin:0 4% 25px 0}
.Fgroup:nth-child(2n+0){margin-right:0}

.quart, .half, .troisquart, .third{float:left;margin:0 4% 0 0}
.quart{width:22%}
.half{width:48%}
.third{width:30.66%;}
.troisquart{width:74%}
.last{margin-right:0}


/* INPUT LABEL */

label {color:#003355;}
label, input, select, button, textarea{font-size:16px;display:block;font-family: 'Montserrat', sans-serif; margin-bottom: 0.5em;}
input, select, textarea{border:none;background:#fff;border:1px solid #1d2c3b;padding:10px 20px;width:100%; color: #1d2c3b;}

textarea{padding:10px;width:100%;margin-bottom:25px;min-height:100px}
button{background:none;border:0;padding:10px 15px;border:2px solid #555;}

select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#777;background:#fff url(../img/form/down-form.svg) no-repeat right 10px center / 15px; border-radius: 0;}
select option{margin:5px 0;}
select option:disabled {color:#aaa}


.fileBt {position: relative;overflow: hidden;}
.fileBt .bt{border:5px solid #555;line-height:1;padding:10px 15px;width:auto;display:inline-block;cursor:pointer;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;text-align:center;margin:0}
.fileBt .bt:hover{background:red}

.fileBt input{background:none;padding-left:3px;}
.fileBt input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;cursor: pointer;opacity: 0;filter: alpha(opacity=0);height:100%;}

label.checkbox, label.radio {margin:10px 25px 10px 0;position:relative;pointer-events:all;left:auto;top:auto;transition:none; -moz-transition:none; -webkit-transition:none;}

input[type=checkbox], input[type=radio]{position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox] + label.checkbox, input[type=radio] + label.radio{padding-left:25px;height:16px; display:block;line-height:1;background-repeat:no-repeat;background-position: 0 0;vertical-align:middle;cursor:pointer;font-size:16px;color:#555;}
input[type=checkbox]:checked + label.checkbox, input[type=radio]:checked + label.radio {background-position: 0 -16px;}	


/* VALIDATION */

input.valid, textarea.valid{background:#f1f1f1  url(../img/form/input-valid.png) no-repeat center right ;}	
input.error, textarea.error{background: #f1f1f1  url(../img/form/input-invalid.png) no-repeat center right ;}

input[type=number].valid{background: #f1f1f1  url(../img/form/input-valid.png) no-repeat center right 20px ;}	
input[type=number].error{background: #f1f1f1  url(../img/form/input-invalid.png) no-repeat center right 20px ;}


.capchat p{font-size:13px;}
.g-recaptcha{margin:10px 0; transition: 0.1s;}
.g-recaptcha:hover {background-color: #003355; border-color: #003355; color: #fff;}



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

.Fgroup{width:100%;display:block;margin:0 0 35px 0;}

}


@media only screen and (max-width: 480px) {	

}


.radioBT .col{margin-bottom:20px}
	
input[type=checkbox].css-checkbox {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.check-label {
padding-left:20px;
padding-right:10px;
height:16px; 
display:inline-block;
line-height:18px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:14px;
vertical-align:middle;
cursor:pointer;
color:#888;

}

input[type=checkbox].css-checkbox:checked + label.check-label {
background-position: 0 -16px;
}

label.check-label {
background-image:url(../img/form/checkbox.png);
}

input[type=radio].css-checkbox {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0}


input[type=radio].css-checkbox + label.css-label {
padding-left:21px;
height:16px; 
display:inline-block;
line-height:16px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:16px;
vertical-align:middle;
cursor:pointer;
margin-right: 20px;
color:#555;

}

input[type=radio].css-checkbox:checked + label.css-label {
background-position: 0 -16px;
}
label.css-label {
background-image:url(../img/form/radio-button.png);

}

label.radio{display:block;width:100%;color:#ef8a1d;}

.titre-formulaire {margin-bottom: 1em;}
.asterisque {color: red;}