@charset "utf-8";

 /* Style du formulaire*/
form {
  	/* Uniquement centrer le formulaire sur la page */
  	margin: 1% auto;
  	width:95%;
}

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

label {
  /* Pour être sûrs que toutes les étiquettes ont même taille et sont correctement alignées */
  	display: inline-block;
  	width: 35%;
  	text-align: right;
	/*margin-left:1%;
	padding:5px 0;*/
	font-size:90%;
	vertical-align: middle;
}

input, select{
  /* 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: 25%;
  box-sizing: border-box;

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

input:focus {
  /* Pour souligner légèrement les éléments actifs */
  border-color: #894a1d/*#006aff*/;
}

.input, .select {
  /* Pour placer le bouton à la même position que les champs texte */
  /*padding-left: 9em; /* même taille que les étiquettes */
}

input, select, textarea {
  /* Cette marge supplémentaire représente grosso modo le même espace que celui
     entre les étiquettes et les champs texte */
  /*margin-left: .5em;*/
}

input[type=text], input[type=password]{
    padding:6px 6px;
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-khtml-border-radius:0.3em;
	border: 1px solid #894a1d/*#00004d*/;
	font-size:90%;
	color:#894a1d/*#006aff*/;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0.5em;
	vertical-align: middle;
	outline: none; /*supprime la bordure extèrieure lorsque le champ a le focus, à utiliser avec  input[type=text]:focus ci-dessous*/
}
input[type=text]:focus, input[type=password]:focus {
	/*change la couleur de la bordure lorsque l'on clique dans le champ de saisi*/
	border: 2px solid #FFD200;
}
select{
    padding:6px 6px;
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-khtml-border-radius:0.3em;
	font-size:90%;
	color:#894a1d/*#006aff*/;
	margin-left: .5em;
}
/* style des boutons */
input[type=submit] {
	display:block;
    background-color:#061018/*#006aff*/;
    color:#f8edca/*#fff*/;
	/*font-style:oblique;*/
	font-size:130%;
	margin:5% auto;
	margin-top:2%;
	padding: 6px 35px;
    border: 2px solid #061018/*#006aff*/;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-khtml-border-radius:0.5em;
    cursor: pointer;
	width: 60%;
}
input[type=submit]:hover {
    background-color:#f8edca/*#fff*/;
    color: #894a1d/*#006aff*/;
    border: 2px solid #894a1d/*#006aff*/;
}
input[type=button] {
	display:block;
    background-color:#006aff;
    color:#fff;
	/*font-style:oblique;*/
	font-size:120%;
	margin:0 auto;
	padding: 4px 10px;
    border: 2px solid #006aff;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-khtml-border-radius:0.5em;
    cursor: pointer;
	width: 25%;
}
input[type=button]:hover {
    background-color:#fff;
    color: #006aff;
    border: 2px solid #006aff;
}

@media screen and (min-width: 1025px) and (max-width: 1280px){
	form {width:95%;}
	label {width:35%;}
	
	input[type=text], input[type=password]  {
		font-size:85%;
	}
	
	select{
		font-size:85%;
	}
	input[type=submit] {
		margin:6% auto;
		font-size:120%;
		width: 60%;
		padding:6px 15px;
	}
	
}

@media screen and (min-width: 600px) and (max-width: 1024px){		
	form {width:95%;}
	
	label {
  		width:85%;
		text-align:left;
		margin-left:8%;
	}
	
	input, select, textarea {width: 85%;}
	
	input[type=text], input[type=password]  {
		display:block;
		margin:0 auto;
		font-size:90%;
	}
	textarea{
		display:block;
		margin:0 auto;
		font-size:90%;
	}
	select{
		display:block;
		margin:0 auto;
		font-size:90%;
	}
	input[type=submit] {
		margin:6% auto;
		font-size:110%;
		width: 60%;
		padding:6px 10px;
	}
}

@media screen and (max-width: 599px){
	form {width:98%;}
	
	label {
  		width:85%;
		text-align:left;
		margin-left:5%;
	}
	
	input, select {width: 90%;}

	input[type=text], input[type=password] {
		display:block;
		margin:0 auto;
		font-size:80%;
		width:90%;
	}
	textarea{
		display:block;
		margin:0 auto;
		font-size:80%;
		width:90%;
	}

	select{
		display:block;
		margin:0 auto;
		font-size:90%;
	}
	input[type=submit] {
		margin:6% auto;
		font-size:90%;
		width: 80%;
		padding:6px 10px;
	}
}