@charset "utf-8";

/* Disposition mobile : 480px et moins. */
article#contact{
	width:90%;
	margin-left:0;
	clear: both;
	float: left;
	display: block;
}

form{
	margin:1em 0;
}

/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */
@media only screen and (min-width: 481px) {
article#contact{
	width:80%;
	margin-left:2%;
	clear: none;
	float: left;
	display: block;
}

form{
	width:100%;
	margin:1em 0;
}

}

/* Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette */
@media only screen and (min-width: 769px) {
article#contact{
	width:60%;
	margin-left:2%;
	clear: none;
	float: left;
	display: block;
}

form{
	width:100%;
	margin:1em 0;
}

}