/********************************************************************************************/
/* Calque de Formulaire
/********************************************************************************************/
form {
	margin:0;
	padding:0;
}
#form {}

/********************************************************************************************/
/* Fieldset
/********************************************************************************************/
fieldset {
	padding:10px;
	margin-bottom:10px;
}
legend {}
#form hr,
fieldset hr {
	color:#babfc1;
	height:1px;
	width:100%;
}
#form .formlabel {
	text-align:right;
	padding-right:10px;
	vertical-align:top;
}
#form .formlabel label {}
#form .formlabel .compulsory {
	font-weight:bold;
}
#form .formlabel .help {
	font-size:10px;
	color:#666666;
}
#form .formfield {vertical-align:top;}

/********************************************************************************************/
/* Champs
/********************************************************************************************/
/* Etat normal */
.input,
.textarea,
.select,
.multipleselect,
.multiliste,
.elementchamp,
.button {
	font-family:'Lucida Grande', 'Lucida sans', 'Lucida sans unicode', 'Lucida console', arial, verdana, sans-serif;
	margin:1px;
	font-size:11px;
	color:#999999;
	border:solid 1px #cccccc;
	padding:2px;
	background:#ffffff;
}
/* Champs survol?s */
.input.onmouseover,
.textarea.onmouseover,
.select.onmouseover,
.button.onmouseover {
	border:solid 1px #666666;
	color:#666666;
}
/* Champs actifs */
.input.onfocus,
.textarea.onfocus,
.select.onfocus,
.button.onfocus {
	border:solid 1px #000000;
	color:#000000;
}

/********************************************************************************************/
/*	Specificit?s
/********************************************************************************************/
.input {}
.button {cursor:pointer;}
.textarea {height:200px;}
.select {}
.multipleselect {
	text-align:left;
	overflow:auto;
}
.multipleselect td {
	padding:3px;
	vertical-align:top;
}
.multipleselect .txt {
	line-height:11px;
}
.multiliste {}

/********************************************************************************************/
/*	Largeurs
/********************************************************************************************/
.xs	{width:20px;}
.s	{width:70px;}
.m	{width:108px;}
.l	{width:400px;}
.xl	{width:500px;}

/********************************************************************************************/
/*	Hauteurs
/********************************************************************************************/
.open {height:400px;}
.close {height:200px;}

/********************************************************************************************/
/*	Etat
/********************************************************************************************/
.alerte {
	font-size: 11px;
	color: #ff0000;
}

/********************************************************************************************/
/*	champs radio
/********************************************************************************************/
.radio {
	padding:3px;
	background:#F2F2F2;
}