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

form{color:#fff}

/* Champs et bouttons */
input,textarea {
	color:#fff;
	font-size:1.2em;
	border: 2px solid #555;
	background:#333;
	padding:0.3em;
}

textarea {
	width:95%;
}

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;
	border:3px #3e3e3e solid;
	background:#222;
	padding:15px;

}

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

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


label{
	
	display:block;
	margin:5px 0px; 
}

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:2px solid #777
}

input:hover, textarea:hover {
border:2px solid #777
}


.button
{
color: #fff; 
background: #ff6600 url(../images/fade-butt.gif);
border: 1px solid #a43002;
border-left-color: #ffba77;
border-top-color: #ffba77;
font-size:1.3em;
font-family: Arial,Verdana;
}
.button:active
{
border: 1px double #ffba77;
border-left-color: #a43002;
border-top-color: #a43002;
}

.button:hover{
color:#ffee11;
border: 1px solid #ffba77;
border-left-color: #a43002;
border-top-color: #a43002;
}


#toggle {
	margin-top: 0;
}

p.forminfo
{
	background-color:#222;
	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}
.rightfloat{float:right;padding:5px; width:150px;text-align:right;}
.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:1.5em;background:#ff6600;color:#fff;padding:5px;margin:-15px -15px 15px 15px}
#errorindicator em{	font-size:1.5em;color:yellow}

/* span du nom*/
#rnp,#mailspan {color:#ff6600; font-size:120%;}


#query, #response{
	padding:0px;
}