input {
	width: 300px;
		font-family: 'Josefin Sans', sans-serif;
	text-align:justify;
	font-size:17px;
	
    padding: 8px 10px;
    color: #9F9F9F;

    /* Bordure gris sombre */
    border: 1px solid #444;

    /* Coins arrondis */
    border-radius: 3px;

    /* Fond blanc très légèrement transparent */
    background: rgba(255, 255, 255, 0.1);

    /* Légère ombre à l'intérieur du champ, pour donner de la profondeur */
    box-shadow: inset rgba(0,0,0,0.35) 2px 2px 12px;

    /* Ajouter une transition progressive, pour toutes les propriétés (all) */
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}

input:hover {
    /* Bordure légèrement plus claire */
    border: 1px solid #999
}

input:focus {
    color: white;

    /* Bordure bleu électrique */
    border: 1px solid #89cc97;

    /* La même ombre à l'intérieur (inset)
    + une ombre bleu électrique à l'extérieur */
    box-shadow: inset rgba(0,0,0,0.35) 2px 2px 12px, #89cc97 0 0 10px;

    /* Désactiver la bordure par défaut (bleu clair sur chrome) */
    outline: 0;
}
textarea {
    padding: 8px 10px;
    color: #9F9F9F;

    /* Bordure gris sombre */
    border: 1px solid #444;

    /* Coins arrondis */
    border-radius: 3px;

    /* Fond blanc très légèrement transparent */
    background: rgba(255, 255, 255, 0.1);

    /* Légère ombre à l'intérieur du champ, pour donner de la profondeur */
    box-shadow: inset rgba(0,0,0,0.35) 2px 2px 12px;

    /* Ajouter une transition progressive, pour toutes les propriétés (all) */
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}

textarea:hover {
    /* Bordure légèrement plus claire */
    border: 1px solid #999
}

textarea:focus {
    color: white;

    /* Bordure bleu électrique */
    border: 1px solid #89cc97;

    /* La même ombre à l'intérieur (inset)
    + une ombre bleu électrique à l'extérieur */
    box-shadow: inset rgba(0,0,0,0.35) 2px 2px 12px, #89cc97 0 0 10px;

    /* Désactiver la bordure par défaut (bleu clair sur chrome) */
    outline: 0;
}
div#formulaire{
	
	float: left;
	position:relative;	
	width:400px;
	top:O;
	font-family: 'Josefin Sans', sans-serif;
	text-align:justify;
	font-size:17px;
	left:10px;
	padding-left: 10px;
	margin-top: -25px;
	color:#fffefe;} 
div#imgformulaire{
	border: 1px solid #89cc97;
	position:relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 300px;
	height: 529px;
	background-image:url(../img/formulaire.jpg);	
	margin-top:25px;
	margin-left:500px;
	box-shadow: inset rgba(0,0,0,0.35) 2px 2px 12px, #89cc97 0 0 10px;
	
	/*-moz-box-shadow: 10px 10px 5px #111;
	-webkit-box-shadow: 10px 10px 5px #111;
	box-shadow: 10px 10px 5px #111;*/
	
}

div#conteneurgradiant{
	position:relative;	
	width:840px;
	height: 600px
	top:O;
	left:10px;
	padding: 0px 30px 10px 30px;
}
/*div#submit{
	height:50px;
	width:150px;
	background-color: #FFF}
div#submit :hover{
	height:50px;
	width:150px;
	background-color: #AAA}
div#submit :active{
	height:50px;
	width:150px;
	background-color: #333}*/

#envoyer {
width: 200px;
height: 30px;
border: none;
margin-top: 10px;
margin-left:75px;
text-indent: -9999px;
background: url('http://evasionbois.fr/Admin/img/createAccountButton.png') no-repeat;
cursor: pointer;

}
#envoyer:hover { background-position: 0px -31px; }
#envoyer:active { background-position: 0px -62px; }