@charset "utf-8";

/* formulaire Contact */
form {clear:both;margin-top:20px;}

input[type="text"], input[type="password"], textarea { 
	border-top:1px solid #abadb3;
	border-left:1px solid #abadb3;
	border-bottom:1px solid #ced0d4;
	border-right:1px solid #ced0d4;
	padding:3px;
	color: #fff;
	background-color: #000000;
	font: 1.0em "Arial",Arial,sans-serif;
}

input[type=checkbox], input[type=radio] {
	border-bottom-style : none;
	border-left-style : none;
	border-right-style : none;
	border-top-style : none;
	background-color : transparent;
	color: #007b00;
}
input[type=checkbox]:hover, input[type=radio]:hover {
	background-color : transparent;
}
input[type=checkbox]:active, input[type=radio]:active {
	background-color : transparent;
}
input[type=checkbox]:focus, input[type=radio]:focus {
	background-color : transparent;
}
textarea { 
	overflow:auto;
	width:500px;
	margin-left: 4px;
	font: 1.0em "Arial",Arial,sans-serif;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	opacity:0.7;
	filter:alpha(opacity=70);
	color:#ddd;
	background-color: #000000;
}


input[type="text"], input[type="password"]{ 
	padding-right:92px;
	margin-left: 10px;
	width:220px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	opacity:0.7;
	filter:alpha(opacity=70);
	color:#ddd;

}

/* styles pour les champs obligatoires et valides */

input[type="text"].obligatoire, textarea.obligatoire {
	background:#000 url(../img/formulaires/obligatoire.png) bottom right no-repeat;
}
input[type="text"].obligatoire:hover, textarea.obligatoire :hover{
	background-color: #323232;
}

input[type="password"].obligatoire {
	background:#000 url(../img/formulaires/pass.png) bottom right no-repeat;
}

input[type="text"].valide, input[type="password"].valide, textarea.valide {
	background:#000 url(../img/formulaires/valide.png) bottom right no-repeat;
}

input[type="submit"] {
	background:url(../img/formulaires/incomplet.png);
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border:1px solid #333;
	color:#757575;
}
/*input[type="submit"]:hover {
	background:url(../img/formulaires/incomplet.png);
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border:2px solid #fff;
	color:#FF6600;
}*/
input[type="submit"].complet {
	background:#202020;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border:1px solid #333;
	color:#757575;
}

input[type="submit"].complet:hover {
	background-color:#3e3e3e;
	color:#FF6600;
}
input[type="reset"] {
	background:url(../img/formulaires/incomplet.png);
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border:1px solid #333;
	color:#757575;
}
input[type="reset"]:hover {
	background:url(../img/formulaires/incomplet.png);
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border:2px solid #fff;
	color:#FF6600;
}
input[type="reset"].complet {
	background:#202020;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border:1px solid #333;
	color:#757575;
}
input[type="reset"].complet:hover {
	background-color:#3e3e3e;
	color:#FF6600;
}
/* fin du formulaire */

.forminfo {
	float:left;
	margin-top:20px;
	width:400px;
	height:24px;
	padding:8px 0 0 5px;
	/*border-top:1px solid #a9aab1;*/
	background-color:#E4DDB6;
	color:#000;
}

.envoyer {
	float:left;
	width:193px;
	height:29px;
	margin-top:20px;
	padding:3px 15px 0 0;
	text-align:right;
	background-color:#E4DDB6;
	/* border-top:1px solid #a9aab1; */
}
.effacer {
	float:right;
	width:193px;
	height:29px;
	margin-top:20px;
	padding:3px 15px 0 0;
	text-align:right;
	background-color:#E4DDB6;
	/* border-top:1px solid #a9aab1; */
}