@charset "utf-8";

/* formulaire */
#ancrecontact {background-image: url(../img/pro/presentation/contact.jpg);} 
#infocontact {padding-right: 480px; min-height: 350px; background-position: right top;
background-image: url(../img/pro/img/contact-small.jpg); background-repeat: no-repeat;}
#formcontact {padding-bottom: 40px;}
#googlemap iframe {width: 100%; min-height: 380px;}

.error {color: red; font-weight: bold;}

#statutcontent {padding: 15px 25px;}
#statuttxt {height: 35px; width: 150px; display: inline-block; float: left;}
#statutbt {display: inline-block;}
#statutbt input {margin-bottom: 15px;}
#formcontact p {padding: 15px 25px;}
#formcontact p label {min-width: 200px; display: inline-block;}
#formcontact p input {padding: 10px;}
#formcontact textarea {width: 90%; margin: 0 auto; padding: 10px 15;}

#formcontact #navenvoi {text-align: center; height: 110px; overflow: hidden;}
#formcontact #navenvoi input {margin:  10px 25px; padding: 15px 25px;
background-color: white; border: solid 2px grey; font-weight: bold; cursor: pointer;}
#formcontact #navenvoi input:hover, #formcontact #navenvoi input:focus, 
#formcontact #navenvoi input:active {background-color: red; color: white; border: solid 2px black;}

#confirmation {color: green; height: 100px; line-height: 100px;}

@media only screen and (min-width:620px) {
	#infocontact {background-image: url(../img/pro/img/contact.jpg);}
}
@media only screen and (max-width:860px) {
	#infocontact {background-size: 320px; padding-right: 350px;}
}
@media only screen and (max-width:620px) {
	#infocontact {padding-right: 0; background-position: top center; padding-top: 250px;}
	#statutcontent {padding: 0; width: 100%; text-align: center; margin: 15px auto;}
	#statutbt input {margin: 15px;}
	#formcontact p {padding: 15px 5px;}
	#formcontact p label {min-width: 100%;}
	#formcontact p input {width: 90%;}
}