/*-------------------------------------------------------*/
/* CSS Formyulaires*/
/*--------------------------------------------------------*/


/* Champs et bouttons */
input {
	font-size: 10px;
	border: 1px solid #999;
	padding:2px 3px 2px 3px;
}

textarea {
	font-size: 12px;
	background: #fff;
	padding:3px;
	border: 1px solid #999;
}
select {
	font-size: 12px;
	background: #fff;
	padding-top: 1px;
	margin: 1px 0px 1px 0px;
	border-color: #999 #FFF #FFF #999;
	border-width: 1px;
	border-style: solid;
}

.bouton,.bouton:hover  
{
	padding: 2px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-color: #FFF #999 #999 #FFF;
	border-width: 1px;
	border-style: solid;
    background: #aad2e9; 
}


/* fieldset styling */
fieldset {
	margin: 20px 0;
	color:#000;
	border:1px #ffe88c solid;
	background:#fffef2;
	padding:15px;

}

fieldset.buttonspanel{border:2px #ffcc55 solid; background:#ffffaa;padding:8px;}

/* legend styling */
legend {
font-family:verdana,arial,"trebuchet ms";
color:#214ac6;
font-size:14px;
font-weight: bolder;
padding: 0 0.5em; /* just some cosmetic padding */
font-size:10pt;
}


label{
	font-size: 8pt;
}

label:after{content:" : ";}
/* style for required labels */
label.required:after{content:"*  ";color:red; font-size:150%}



/* style form elements on focus */
input:focus, textarea:focus {
border:1px solid #555
}

input:hover {
border:1px solid #555
}
textarea {
	font-size: 8pt;
}

.button
{
color: #fff; 
background: #ff6600 url(../images/fade-butt.gif);
border: 2px double #a43002;
border-left-color: #ffba77;
border-top-color: #ffba77;
font-size:8pt;
font-weight: bold; 
font-family: Arial,Verdana;
-moz-border-radius: 2px;
}
.button:active
{
border: 2px double #ffba77;
border-left-color: #a43002;
border-top-color: #a43002;
}

.button:hover{
color:#ffee11;
background: #ff6600 url(../images/fade-butt.gif);
border: 2px double #a43002;
border-left-color: #ffba77;
border-top-color: #ffba77;
font-size:8pt;
font-weight: bold; 
font-family: Arial,Verdana;
-moz-border-radius: 2px;
}


#toggle {
	margin-top: 0;
}
p.forminfo
{
	background-color:#FFFFC0;
	border:2px solid #ccc;
	padding:5px;
	margin: 10px 0;}

.forminfo span {font-weight:bold;color:red;font-size:14px;}
.yellow{border:2px solid #A2CD5A; background:#F0FFF0;font-size:8pt;}
.centered{text-align:center}
.right{text-align:right}
.erreur{border:2px solid #E04A70; background:#FFE3FF;padding:5px;color:#000}

#XMLcontainer{display:none}
.hidden{display:none;}
.visible{display:block;}
.top10px{margin-top:10px}
/* gestion des erreurs javascript input classes*/
.wrong{border:2px solid #ff6600}
select.wrongselect{background:#FFC0CB}
#errorindicator{width:150px;float:right;clear:both;font-size:12px;background:red;color:#fff;padding:5px;margin:-15px -15px 15px 15px}
#errorindicator em{font-size:12px;color:yellow}
#errorindicatorar{width:150px;float:left;clear:both;font-size:12px;background:red;color:#fff;padding:5px;margin:-15px -15px 15px 15px}
#errorindicatorar em{font-size:12px;color:yellow}
/* span du nom*/
#rnp,#mailspan {color:red; font-weight:bold;}
#rh2 {color:green;}
#query, #response{
	padding:0 140px 0 0;
	background:url(../images/lettre.gif) right top no-repeat;
}