
form {
	width: 100%;
}

form fieldset {
	padding: 10px;
	margin-top: 10px;
	border: none;
}

form fieldset legend {
	position: relative;
	left: -0.25em; /* pour corriger la valeur par défaut d'IE */
	font-weight: bold;
	font-size: 1.4em;
	line-height: 2em;
	padding-top: 1em;
}

form fieldset textarea {
	width: 80%;
	height: 50px;
}

form fieldset input,
form fieldset textarea,
form fieldset select {
	font-size: 1em;
	font-family: verdana; /* bizarrement n'hérite pas de leurs parents */
	color: #222;
	padding: 0px;
	margin: 0px;
}

form fieldset input:focus,
form fieldset textarea:focus,
form fieldset select:focus { /* ne marchera pas avec IE qui ne connît pas cette pseudo classe */
	background-color: #efefff;
}

form fieldset ul.errors {
	clear: both;
	list-style-position: inside;
	padding-bottom: 1em;
}

form fieldset ul.errors li {
	color: red;
}

form fieldset p {
	clear: both;
	padding-bottom: 1em;
}

form fieldset dl {
	clear: both; /* néttoie les floats de dt et dd */

	padding: 0px;
	margin: 0px;
}

form fieldset dl dt {
	clear: left;
	float: left;
	text-align: right;
	width: 28%; /*= 45% 5% de vide entre dt et dd */
	padding-top: 2px;
}

form fieldset dl.required dt label {
	font-weight: bold;
}

form fieldset dl.required dt label:before { /* ne marchera pas avec IE qui ne connît pas cette pseudo classe */
	content: "\002A \0020"; /* 002A : code hexa ASCII pour l'étoile ; 0020 : code hexa ASCII pour un espace */
	/* l'avantage c'est que cette "puce" aura les mêmes propriétés css que "form fieldset dl.required dt label" 
	   et pourra être agrandie si l'utilisateur demande une police plus grande */
}

form fieldset dl.required dd input,
form fieldset dl.required dd textarea,
form fieldset dl.required dd select {
	border-width: 2px;
}

form fieldset dl.error dt label {
	font-weight: bold;
	color: red;
}

form fieldset dl.error dd input,
form fieldset dl.error dd textarea,
form fieldset dl.error dd select {
	border-color: red;
	border-width: 2px;
}

form fieldset dl.radio dd input,
form fieldset dl.checkbox dd input {
	border: none;
}

form fieldset dl dd {
	clear: right; /* on peut avoir plusieurs dd */
	float: right;
	width: 65%;
	
	margin: 0px;
	padding-bottom: 5px;
}

form fieldset .buttons {
	clear: both;
	padding-left: 35%;
	list-style: none;
}

.initial {
	display: none;
}
