@charset "UTF-8";

/* GRID FORM */

.form{max-width:960px;}
.form form{margin-top:40px;display:block}
.allGroup{position:relative}

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


/* INPUT LABEL */

label, input, select, button, textarea{font-size:16px;display:block;font-family: 'Roboto', sans-serif;}
input, select, textarea{border:none;background:#f1f1f1;padding:10px 20px;width:100%;}

textarea{border:0;border:none;padding:10px;width:100%;margin-bottom:25px;min-height:100px}
button{background:none;border:0;padding:10px 15px;border:2px solid #00abd9;color:#00abd9;margin:20px auto;font-weight:700}

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

/* 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}



@media only screen and (max-width: 768px) {	
label, input, select, button, textarea{font-size:13px;}
.quart, .half, .troisquart, .third, .all{float:none;width:100%;margin:0 0 40px 0}


}