/* FEUILLE DE STYLE pour formulaires*/
/*caractéristiques du formulaire*/
form {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background-color: #80DBDE;
}
/* Longueur de l'emplacement du label et positionnement par rapport à la gauche */ 
label {
  width: 200px;/* Largeur pour la désignation */ 
  display: inline-block;
  margin: 6px;/* Interligne */ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-align: left;/* aligner à gauche */ 
}
/*Class Cette class permet (en quelque sorte) d'annuler le retour à la ligne imposer sur l'élément label précédent et ainsi mettre en ligne (sur une seule ligne) l'élément auquel est attribué cette class. En gros, on aligne horizontalement l'élément suivant !*/ 
label.en-ligne {
display:inline;
margin-left:40px;
float: left;
}
/* Un éventuel titre*/ 
legend {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	color: #0A0A0A;
	text-align: left;
}
/* Valable pour tous les attributs input*/ 
input { 
border:1px solid #000;
background:#FFF;
 }
/*input:focus permet de changer la couleur de fond lorque l'élément qui l'utilise est active. */ 
input:focus { 
background : #FFFDEA; 
}

/*Cette class CSS un peut spécial, permet tout simplement de "décoller" le curseur du champ  de quelques pixels vers la droite (je le trouve personnellement trop collé à gauche ^^).*/ 
input.decole-curseur {
padding-left:4px;
}
/* definie la position et la couleur de submit*/
input[type=submit], input[type=reset] {
	border: 2px solid #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	color: #FFFFFF;/* texte*/
	margin-top: 0px;
	background-color: #000000;/*couleur du bouton d'envoie*/
	margin-left: 20px;
} 
/*Cette class,permet entre autre de changer la couleur du bouton une fois celui-ci survolé. Cette effet ne fonctionne pas sous Internet Explorer.*/ 
input[type=submit]:hover, input[type=reset]:hover {
background-color:#CC3B1F;
}
/*Cette class, permet entre autre de changer la couleur du bouton une fois celui-ci activé. Cette effet ne fonctionne pas sous Internet Explorer.*/ 
input[type=submit]:active, input[type=reset]:active {
background-color:#42CBCE; 
color:white;
} 
/* definie le bloc textarea*/
textarea {
background : #FFF; 
border : 1px solid #000; 
margin-right: auto;
margin-top: 15px;
}
textarea:focus { 
background : #FFFDEA;
}
/*Cette class, et plus particulièrement l'élément "active", permet entre autre de changer la couleur du bouton une fois celui-ci activé. Cette effet ne fonctionne pas sous Internet Explorer.*/ 
option,select {
	background-color: #42CBCE;/*Fond liste déroulante */
}
option,select:hover{
	background-color: #3D93D1;/*Fond liste déroulante au passage de la souris */
} 
#bouton_radio
{
	background : #FFF;
	border : 1px solid #000;
	width : 430px;
	margin-right: auto;
	margin-left: auto;
}
#titre{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	height: 39px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #404EA2;
	background-color: #152AB4;
	margin-top: 0px;
	background-image: url(../images/tetiere.jpg);
}