form {
  /* Uniquement centrer le formulaire sur la page */
  margin: 0 auto;
  width: 40%;
  /* Encadré pour voir les limites du formulaire */
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 1em;
  margin-bottom : 2%;
}

form div + div {
  margin-top: 1em;
}

label {
  /* Pour être sûrs que toutes les étiquettes ont même taille et sont correctement alignées */
  display: inline-block;
  width: 70%;
  text-align: left;
}

input[type=text]:focus {
  border: 3px solid #555;
}
input[type=email]:focus {
  border: 3px solid #555;
}
textarea:focus {
  border: 3px solid #555;
}
input, textarea {
  /* Pour s'assurer que tous les champs texte ont la même police.
     Par défaut, les textarea ont une police monospace */
  font: 1em sans-serif;

  /* Pour que tous les champs texte aient la même dimension */
  width: 70%;
  box-sizing: border-box;

  /* Pour harmoniser le look & feel des bordures des champs texte */
  border: 1px solid #999;
}

input:focus, textarea:focus {
  /* Pour souligner légèrement les éléments actifs */
  border-color: #000;
}

textarea {
  /* Pour aligner les champs texte multi‑ligne avec leur étiquette */
  vertical-align: top;

  /* Pour donner assez de place pour écrire du texte */
  height: 5em;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
input[type=submit]
{
	border-radius: 25px;
}

@media screen and (max-width: 1000px)
{
	form 
	{
	  width: 90%;
	}
	label,input,textarea 
	{
	  width: 85%;
	}
}