#block_formulaire{z-index:3;display:block;position:absolute;width:100%;height:100%;top:0;left:0;margin:0;padding:0;}
#block_formulaire{background-image:url('../images/fond/fond_04.jpg');background-position:50% 50%;background-size:cover;background-repeat: no-repeat;}
#formulaire{z-index:1;position:absolute;width:95%;height:95%;top:2.5%;left:2.5%;margin:0;padding:0;}
#fseta,#fsetb,#fsetc,#fsetd,#fsetitre{z-index:1;position:absolute;display:block;width:100%;left:0;margin:0;padding:0;border:none;text-align:center;}
#fsetitre{height:10%;top:0;}
#fseta{height:20%;top:10%;}
#fsetb{height:20%;top:30%;}
#fsetc{height:40%;top:50%;}
#fsetd{height:10%;top:90%;}
#result{z-index:4;display:block;position:absolute;width:100%;height:100%;top:0;left:0;margin:0;padding:0;text-align:center;}
#result{background-image:url('../images/fond/fond_04.jpg');background-position:50% 50%;background-size:cover;background-repeat: no-repeat;}
/*positionement precis form*/
#formulaire legend{text-align:center;margin:0;padding:0;vertical-align:middle;}
#formulaire label{text-align:right;margin:0;padding:0;vertical-align:middle;width:19%;height: 80%;}
#formulaire textarea{text-align:left;margin:0;padding:5px;vertical-align:middle;width:60%;height: 80%;position:relative;top:10%;}
#formulaire input{width:20%;height: 60%;margin:0;padding:0;}
#formulaire #fsetd input{width:20%;height: 90%;}
#formulaire #fsetc label{left:0;width:20%;}
#formulaire legend{font-size:1em;}
#formulaire label{font-size:0.9em;}
#formulaire textarea{font-size:0.8em;}
#formulaire label{position:absolute;}
#lnom, #lmail{left:0;}
#lprenom, #lphone{left:40%}
#formulaire input#nom, #formulaire input#email, #formulaire input#prenom, #formulaire input#phone{margin:0 10%;}
#formulaire label.error, #formulaire label.valid {float: left;width: auto;position: relative;}
#formulaire label.error{color:#ff6666} 
#formulaire label.valid{color:#66ff66}
#formulaire input[type="submit"], #formulaire input[type="reset"]{font-size:0.9em;}

/* resultat de lenvoie precis*/
#result{vertical-align:middle;}


/* MODIF RESPONSIVE*/

@media only screen and (max-width :1000px) {
#formulaire legend{font-size:0.9em;}
#formulaire label{font-size:0.8em;}
#formulaire textarea{font-size:0.7em;}
}
@media only screen and (max-width :900px) {
#formulaire legend{font-size:0.9em;}
#formulaire label{font-size:0.8em;}
#formulaire textarea{font-size:0.7em;height: 80%;}

}

@media only screen and (max-width :800px) and (max-height :580px){

#formulaire legend{font-size:0.85em;}
#formulaire label{font-size:0.8em;}
#formulaire textarea{font-size:0.7em;height: 80%;}
#formulaire input[type="submit"], #formulaire input[type="reset"]{font-size:0.7em;}
}

@media only screen and (max-width :680px) {
#formulaire legend{font-size:0.8em;}
#formulaire label{font-size:0.75em;}
#formulaire textarea{font-size:0.7em;height: 80%;}
#formulaire input[type="submit"], #formulaire input[type="reset"]{font-size:0.75em;}

}

@media only screen and (max-width :680px) and (max-height :480px) {
#formulaire legend{font-size:0.7em;}
#formulaire label{font-size:0.65em;}
#formulaire textarea{font-size:0.60em;height: 80%;}

}

@media only screen and (max-width :480px) {
#formulaire legend{font-size:0.7em;}
#formulaire label{font-size:0.065em;}
#formulaire textarea{font-size:0.6em;height: 80%;}
#formulaire input[type="submit"], #formulaire input[type="reset"]{font-size:0.7em;}
}

@media only screen and (max-width :480px) and (max-height :480px) {
#formulaire legend{font-size:0.6em;}
#formulaire label{font-size:0.6em;}
#formulaire textarea{font-size:0.6em;height: 80%;}
}