@charset "iso-8859-1";
/* CSS Document */

#ccopie { display:none;}

.formulaire {
	padding:5px;
}

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

.formulaire > div > label { 
width: 130px;
        color: #0192bf;
    display: inline-block;
	} 


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

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

input[type="radio"]:focus {
	/*background-color: #000 !important;*/
}


.champsFocus {
	background-color: #fff;
	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;
	/* [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: #ccc;
	color: #000 !important;
	float: right;
	font-family: arial;
	font-size: 80%;
	padding: 0 10px;
	position: relative;
	top: 0px;
	z-index: 100;
}

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

.vert, .orange {
	 padding:10px !important;
	 border-radius:5px;
	}
.vert{ background-color:#090 !important; color:#fff !important; }
.orange{	background-color: #F60;	color: #fff !important}


/* bloc payer en ligne */
	.blocRecapPaiement {margin-bottom: 12px;
	padding: 5px 32px;
	border: 3px solid #ccc;
	max-width: 500px;
	background-color: rgba(255,255,255,0.9);
	}
	.spanRecap { width: 150px;
	color: #8a8a8a;
	display: inline-block;
	text-align: right;
	margin-right: 10px; }

	a.btnAnnuler {border: 1px solid #ccc;
		padding: 5px 10px;
		border-radius: 4px;
		background-color: #eee;
		color: #777 !important;
		font-size:0.8em;}
	a.btnAnnuler:hover {border: 1px solid #aaa;
		background-color: #f4f4f4;
		color: #444 !important;
		text-decoration:none !important;}