#titre {   padding : 0px 30px 0px 30px;       
       /* Reglage de l'ombre du formulaire */ 
	   text-shadow : 0px 1px 2px rgba(0, 0, 0, 0.75);
	   color: #6495ED; /* #0080ff; */
	   font-size: 20px;
	   text-align: center;
	    /* Fin reglage Ombre formulaire  */	 

}
 
 
 #formulaire { /* center formulaire */
       margin-left : auto;
       margin-right : auto;	
	   width : 480px;                  /*  Largeurdu formulaire   */
	   /* fin centrage formulaire */
	   
       background : #CCD2DC;           /* couleur d'arière pla  */  
       border-radius : 5px;            /*  Bordure arrondie   */
       padding : 30px;                 /*  espace entre le contenu et la bordure */
	   
	   /* Reglage de l'ombre du formulaire */
	   box-shadow: 0px 0px 6px 4px rgba(6, 52, 82, 0.25);  
       -moz-box-shadow: 0px 0px 6px 4px rgba(6, 52, 82, 0.35);  
       -webkit-box-shadow: 0px 0px 6px 4px rgba(6, 52, 82, 0.55);    
       /* Fin reglage Ombre formulaire  */	   
}

 #formulaire label {
  float: left; 
  padding-left : 20px ;
  font-size: 12px;
  width: 120px;
}

#formulaire fieldset { 
  margin-bottom:20px;
  /* border: none; */
  border-radius: 5px;
  padding : 5px 5px 5px 5px ;
  background-color: rgba(202, 220, 232, 0.8);
  box-shadow: -1px 2px 10px 2px rgba(0, 0, 0, 0.3) inset;
  
}

#formulaire legend {
  color: #384313;
  border: 1px solid #384313 ;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  /* padding-bottom: 10px; */
  padding: 4px 20px 4px 20px ;
  text-shadow: 0 1px 1px #c0d576;
  background-color: rgba(204, 232, 93, 0.8);
}


/* form input:not([type=radio, type=checkbox]),  form textarea { */
#formulaire input ,  formulaire textarea {
  background: #fdf3fe;
  border: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  font: italic 12px Georgia, "Times New Roman", Times, serif;
  outline: none;
  padding: 10px;
  width: 200px;
}



#formulaire input:not([type=submit]):focus, formulaire  textarea:focus {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 2px rgba(103, 167, 230, 0.75);
 -moz-box-shadow: 0px 0px 10px 2px rgba(103, 167, 230, 0.75);
 -webkit-box-shadow: 0px 0px 10px 2px rgba(103, 167, 230, 0.75);
}
/*
.input_file  {
	margin : 0px 6px 0px 0px ;
	float: right;
	border: 2px solid #226fbe;
	 border-radius: 5px;
	padding: 5px 10px 5px 10px;
	background-color: rgba(25,155,255,.9);
}
*/

#formulaire input:not(:focus):invalid {
  outline: 2px solid red;
}
#formulaire input:focus:invalid {
  outline: 2px solid blue;
}

/*
form input:invalid {
  outline: 1px solid red;
}
*/
/*
form input:focus:invalid {
  color: red;
}
*/


/*
form input[type=radio] {
  float: left;
  margin-right: 5px;
}
*/

#formulaire ol li {
	list-style: none;
    background: rgba(255,255,255,.3);
    border-color: rgba(255,255,255,.3);
    border-style: solid;
    border-width: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;  
    padding: 5px 5px;
	width: 380 ;
    margin-bottom: 2px;
}




#formulaire  button {
	margin : 10px 16px 10px 10px ;
	float: right;
	border: 2px solid #226fbe;
	 border-radius: 5px;
	padding: 5px 10px 5px 10px;
	background-color: rgba(25,155,255,.9);
}

#formulaire button:hover {
  background: #3071A9 ;
  color: white ;
  cursor: pointer;
}