/**
 * module.css 03/03/2004
 * @package Xmodule
 *
 * Feuille de style du module xmodule.les formulaires
 * 
 * @author François Duarte <francois@totemis.fr> 
 * @version 1.0
 * @since CSS 2.0
 * @copyright totemis.fr
 * @modified 26/03/2004
*/
/* -------------------
   Les formulaires 
------------------- */
form#formulaire {
	margin: 6px 0 8px 8px;
	padding:0;
}

form#formulaire div {
	background-image: url(images/fond.png);
	background-repeat: repeat-y;
	float: left;
	width:570px;
	margin:0;
}


form#formulaire sup.required {
	color: #990000;
}

form#formulaire div input{
	display:block;
	float:left;
	width: 238px;
	margin:4px 4px 4px 4px;
	padding:0;
}
form#formulaire div input.en-ligne{
	font-size: 11px;
	float:right;
	width: 155px;
	margin:0;
	padding:0;
}
form#formulaire input.radio,
form#formulaire input.checkbox{
	display:block;
	float:left;
	width: 12px;
	height:12px;
	padding:0;
}

form#formulaire div textarea{
	display:block;
	float:left;
	width: 238px;
	margin:4px 4px 4px 4px;
}

form#formulaire div li label{
	display:block;
	float:right;
	/*height:15px;*/
	font-size: 11px;
	font-weight: bold;
	color: #663300;
	margin-left: 4px;
	width:210px;
}
form#formulaire div li label.lab-wide{
	display:block;
	float:left;
	/*height:15px;*/
	width:370px;
}
form#formulaire div li label.with-input{
	display:block;
	float:left;
	height:17px;
	line-height:17px;
	vertical-align:middle;
	width:210px !important;
	width:205px;
	padding:0;
}
form#formulaire div ul{
	float:left;
	width: 238px;
	margin:4px 4px 4px 4px;
	padding: 0;
}
form#formulaire div ul.ul-wide{
	width: 398px;
	padding:0;
}
form#formulaire div ul li{
	float:left;
	list-style-image: none;
	list-style-type: none;
	font-weight: bold;
	width:238px;
}
form#formulaire div li.li-wide{
	width: 398px;
	padding:0;
}
form#formulaire div ul li.concours{
	height: 40px;
	width: 200px;
}

form#formulaire div p{
	float:right;
	width: 160px;
	margin:0;
	padding:0;
	font-style:italic;
}

form#formulaire div p.obligatoire {
	color: #990000;
}
form#formulaire div select{
	display:block;
	float:left;
	width: 238px;
	margin:8px 4px 8px 4px;
}

form#formulaire div input#valider,
form#formulaire div input#effacer{
	display: block;
	float: left;
	width: 80px;
	margin: 8px 20px 8px 20px;
}

form#formulaire  .bold {
	font-weight: bold;
}

form#formulaire p.acceptation p input {
		display: block;
		clear: both;
}

/*******************
LES TITRES
********************/
form#formulaire h2{
	float: left;
	width:570px;
	padding:0;
	font-weight: bold;
	font-size: 14px;
	margin : 20px 0 8px 0;;
	color: #363636;
	background: none;
	border-bottom:1px solid #363636;

}


form#formulaire div h3 {
	float: left;
	width: 160px;
	font-size: 12px;
	color: #363636;
	font-weight: bold;
	margin:0;
	padding:0;
	background-color: transparent;
}

form#formulaire h4{
	font-weight: bold;
	font-size: 15px;
	background-color: white;
}

form#formulaire h5{
	width:570px;
	font-weight: bold;
	font-size: 11px;
	color: red;
}
form#formulaire h6{
	width:570px;
	font-weight: bold;
	font-size: 13px;
	background-color: white;
	margin-bottom : 8px;
}

