@charset "iso-8859-1";
/* CSS Document */
.formulaire {
padding: 5px;
max-width: 500px;
margin: auto;
}

.formulaire > input, 
.formulaire > textarea,
.formulaire > select
 {
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid #b8bcad;
box-sizing: border-box;
color: #777;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.9em !important;
margin: 0 0 16px;
padding: 7px;
}


#ccopie { display:none;}

input[type="button"], 
a[class="bouton"] {
  background-color: #456;
  border: 1px solid #456;
  border-radius: 3px;
  color: #fff !important;
  margin: 5px auto;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  width: 150px;
  font-size:1.2em;
}

input[type="button"]:hover, 
a[class="bouton"]:hover {
	background-color: #89CC33;
}
/*
.formulaire > input:invalid { border:1px solid red }
.formulaire > input:valid {  border:1px solid green } 
*/

.champsFocus {
	background-color: #FDFDED;
	border:1px solid #000;
}
.champsSortie { background-color:#FFFFFF; }

.champkO { border:1px solid #F60 !important;}
.champOK { border:1px solid #0C0 !important;}

.erreur {
	background-color: #F60;
	color: #fff !important;
	display: inline-block;
	/* [disabled]float: right; */
	font-family: arial;
	font-size: 80%;
	/* [disabled]margin-top: -70px; */
	padding: 0 10px;
}

.valide {
	background-color: #090;
	color: #fff !important;
	display: inline-block;
	font-family: arial;
	font-size: 80%;
	padding: 0 10px;
}

.infos {
	background-color: #ddd;
	color: #000 !important;
/*	float: right;*/
	font-family: arial;
	font-size: 80%;
	padding: 5px 10px;
	position: relative;
	top: 0px;
	z-index: 100;
	margin-left:10px;
}

.obligatoire::after { content:" *"; color:red}
.formulaire > input:required::after { content:" *"; color:red}


.bleu{
	background-color: #09F !important;
	color: #fff !important;
	padding: 10px !important;
	border-radius: 5px;
}
.orange{
	background-color: #F60;
	color: #fff !important;
	padding: 10px !important;
	border-radius: 5px;
}