@charset "UTF-8";

#module-contact {
	width:320px;
}

	.form-error {
		color:#FF0000;
		border:1px #FF0000 dashed;
		padding:4px;
		margin:0 0 30px 0;
		width:300px;
	}

	#module-contact form ul { 
		list-style:none;
	}

	#module-contact form ul li {
		/*float:right;*/
	}
	
	#module-contact form ul li p { 
		margin:0 0 10px 0; padding:0px;
		text-align:left;
	}
	
	#module-contact input {}
	
	#module-contact textarea {
		width:300px; height:150px;
		padding:4px;
	}

	.field, .onBlur { /*un champ en état "normal" // le width et le padding sont décrit ici pour ne pas interférer avec le bouton submit*/
		width:300px;
		padding:4px;
		background-color:#1a171b;
		border:#666 1px dotted;
		color:#777;
	}
	
	.onFocus { /*un champ sur lequel on a cliqué*/
		width:300px;
		padding:4px;
		background-color:#1a171b;
		border:1px dotted #65912f;
		color:#444;
	}
	
	.onError { /*un champ à corriger après validation*/
		width:300px;
		padding:4px;
		background-color:#1a171b;
		border:1px solid #FF0000;
	}
	
	
	.submit, .submit-blur { /*bouton sumbit*/
		height:24px;
		width:75px;
		margin:1px 10px 1px 1px; padding:0 15px; 
		border:1px #333 solid;
		color:#fff;
		background-color:#1a171b;
	}
	
	.submit-focus { /*bouton sumbit survolé */
		height:24px;
		width:75px;
		margin:1px 10px 1px 1px; padding:0 15px;  
		border:1px #65912f solid;
		color:#fff;
		background-color:#1a171b;
	}