/********************************************************************************************/
/* Calque de Formulaire
/********************************************************************************************/
#form {}
#form ul li {
	list-style-type: none !important;
	margin: 0 0 10px 0 !important;
	padding: 0;
}
#form ul li label {
	display: block;
}
#form ul li.separateur {
	padding-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}
#form ul li label {
	margin-bottom: 2px;
}
#form ul li label.compulsory {
	font-weight:bold;
}
#form ul li label .help {
	padding-left: 10px;
	font-size:10px;
	color:#666666;
	font-weight: normal;
}

/********************************************************************************************/
/* Champs
/********************************************************************************************/
/* Etat normal */
.input,
.textarea,
.select,
.multipleselect,
.multiliste,
.elementchamp,
.button {
	font-family: 'lucida grande', tahoma, Helvetica, Verdana, Geneva, Arial, sans-serif;
	margin:1px;
	font-size:10px;
	color:#666666;
	border:solid 1px #cecece;
	padding:3px;
	background:#ffffff 
}
/* Champs survolés */
.input.onmouseover,
.textarea.onmouseover,
.select.onmouseover,
.button.onmouseover {
	border:solid 1px #8f8f8f;
	color:#333333;
}
/* Champs actifs */
.input.onfocus,
.textarea.onfocus,
.select.onfocus,
.button.onfocus {
	border:solid 1px #333333;
	color:#000000;
}

/********************************************************************************************/
/*	Specificités
/********************************************************************************************/
.input,
.textarea,
.select {
	border-top-color:#8f8f8f;
	border-bottom-color:#e3e3e3;
	background-image:url(../image/input_bg.png);
	background-repeat:repeat-x;
}
.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:150px;}
.l	{width:300px;}
.xl	{width:99%;}

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

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

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