/*############################################################################*/
/*                            STYLES GENERAUX                                 */
/*############################################################################*/

/* Style du formulaire */.
.oForm {
	margin: 0;
	padding: 0;
}

/* Titre principal du formulaire */
.oForm_titre{
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	border-spacing: 2px;
	color : #1e6291;
	background-color: #ffffff;
}

/* Sous-titre principal du formulaire */
.oForm_sous_titre{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	border-spacing: 2px;
	color : #1e6291;
	background-color: #ffffff;
}

/* Paragraphe de description du formulaire (contenu dans un bloc) */
div.oForm_description{
	border-spacing: 2px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color : #666666;
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Conteneur d'une colonne formulaire (bloc div) */
.oForm_colonne{
	width: 420px;
	margin-right: 12px;
	float:left;
}

/* Titre d'une colonne de formulaire (contenu dans un bloc) */
div.oForm_titre_colonne{
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	border-spacing: 2px;
	color : #555555;
	background-color: #ffffff;
}

/* Sous-titre d'une colonne de formulaire (contenu dans un bloc) */
div.oForm_sous_titre_colonne{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	border-spacing: 2px;
	color : #666666;
	background-color: #ffffff;
}

.oForm table.oForm_table{
	margin-top: 8px;
}

.oForm table.oForm_table td.oForm_espacement_rubrique{
	border: none;
	background-color: #ffffff;
}

/* Titre d'une rubrique du formulaire (contenu dans une ligne du tableau) */
.oForm table.oForm_table td.oForm_titre_rubrique{
	margin-top: 10px;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	border-spacing: 2px;
	color : #ffffff;
	border: none;
	background-color: #1e6291;
}

/* Sous-titre du formulaire (contenu dans une ligne du tableau) */
.oForm table.oForm_table td.oForm_sous_titre_rubrique{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	border-spacing: 2px;
	color : #1e6291;
	border: none;
	background-color: #ffffff;
}

/* Zone de texte du formulaire (contenu dans une ligne du tableau) */
.oForm table.oForm_table td.oForm_zone_text{
	padding-top: 10px 0px 10px 0px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	border-spacing: 2px;
	color : #333333;
	border: none;
	background-color: #ffffff;
}


/*############################################################################*/
/* TABLEAU CONTENANT LE FORMULAIRE                                            */
/*############################################################################*/

/* Style du taleau contenant le formulaire */
.oForm table.oForm_table{
	width: 100%;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	border-spacing: 2px;
	color : #333333;
}

/* Style de la 1ère colonne du tableau contenant les noms des champs */
.oForm table.oForm_table th {
	width : 140px;
	text-indent: 4px;
	font-weight: normal;
	background-color: #eeeeee;
	padding: 4px;
}

/* Style de la 1ère colonne du tableau contenant les noms des champs en erreur */
.oForm table.oForm_table th._erreur {
	width : 140px;
	text-indent: 4px;
	font-weight: bold;
  color: #af2020;
	background-color: #eeeeee;
	padding: 4px;
}

/* Style de la 2ème colonne du tableau contenant les champs du formulaire */
.oForm table.oForm_table td {
	border-bottom: 1px dashed #999999;
	padding: 4px;
	font-size: 11px;
	font-weight: normal;
	/* background-color: #ffffff; */
}

/* Permet d'afficher manuellement un separateur dans la zone de texte */
.oForm .separateur{
	border-bottom: dashed 1px #999999;
}



/*############################################################################*/
/* MESSAGE D'ERREUR                                                           */
/*############################################################################*/

/* Message à l'attention de l'utilisateur */
.oForm_message_erreur{
	font-weight: bold;
	color: #ffffff;
	padding: 6px 6px 6px 24px;
	background-color: #ec2121;
	background-image: url('../images/formulaire/error.png');
	background-position: 5px 5px;
	background-repeat: no-repeat;
}

/* Style sur la liste des erreurs */
.oForm_liste_erreur{
	list-style-type: square;
	list-style-image:  url('../images/formulaire/puce.jpg');
}

/* Listing des erreurs */
.oForm_liste_erreur li{
	font-weight: bold;
	color: #666666;
}


/*############################################################################*/
/* MESSAGE DE REUSSITE                                                        */
/*############################################################################*/

.oForm_reussite{
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	margin-bottom: 10px;
	padding: 6px 6px 6px 24px;
	background-color: #c5e223;
	background-image: url('../images/formulaire/ok.png');
	background-position: 5px 5px;
	background-repeat: no-repeat;
}


/*############################################################################*/
/* CHAMPS DE FORMULAIRE                                                       */
/*############################################################################*/

/* Style pour les input de type `text` */
.oForm_input_text{
	font-family: "Verdana";
	font-size : 11px;
	color:#666666;
	font-weight: normal;
	font-variant: normal;
	text-indent:2px;
	height: 18px;
  vertical-align: middle;
	border: 1px solid  #cccccc;
	background-color: #ffffff;
}

/* Style pour les input de type `text` informant d'une erreur */
.oForm_input_text_erreur{
	font-family: "Verdana";
	font-size : 11px;
	color: #666666;
	font-weight: normal;
	font-variant: normal;
	text-indent: 2px;
	height: 18px;
	border: 1px solid  #cc0000;
	background-color: #ffffff;
}

/* Style pour les input de type `file` */
.oForm_input_file{
	font-family: "Verdana";
	font-size : 11px;
	color:#666666;
	font-weight: normal;
	font-variant: normal;
	text-indent:2px;
	height: 20px;
	border: 1px solid  #cccccc;
	background-color: #ffffff;
}

/* Style pour les input de type `file` informant d'une erreur */
.oForm_input_file_erreur{
	font-family: "Verdana";
	font-size : 11px;
	color: #666666;
	font-weight: normal;
	font-variant: normal;
	text-indent: 2px;
	height: 20px;
	border: 1px solid  #cc0000;
  background-color: #ffffff;
}

/* Style pour les balises `select` */
.oForm_input_select{
	font-family: "Verdana";
	font-size : 11px;
	color:#666666;
	font-weight: normal;
	font-variant: normal;
	text-indent: 2px;
	height: 18px;
	border: 1px solid  #cccccc;
	background-color: #ffffff;
}

/* Style pour les balises `select` informant d'une erreur */
.oForm_input_select_erreur{
	font-family: "Verdana";
	font-size : 11px;
	color:#666666;
	font-weight: normal;
	font-variant: normal;
	text-indent: 2px;
	height: 18px;
	border: 1px solid  #cc0000;
  background-color: #ffffff;
}

/* Style pour les balises `select multiple` */
.oForm_input_select_multiple{
	font-family: "Verdana";
	font-size : 11px;
	color:#666666;
	font-weight: normal;
	font-variant: normal;
	text-indent: 2px;
	height: 80px;
	border: 1px solid  #cccccc;
	background-color: #ffffff;
}

/* Style pour les balises `select` informant d'une erreur */
.oForm_input_select_multiple_erreur{
	font-family: "Verdana";
	font-size : 11px;
	color:#666666;
	font-weight: normal;
	font-variant: normal;
	text-indent: 2px;
	height: 80px;
	border: 1px solid  #cc0000;
  background-color: #ffffff;
}

/* Style pour les champs de type `textarea` */
.oForm_textarea{
	font-family: Verdana;
	font-size: 11px;
	border: 1px solid #666666;
	background-color: #ffffff;
	color: #3e3e3e;
}

/* Style pour les champs de type `textarea` informant d'une erreur */
.oForm_textarea_erreur{
	font-family: Verdana;
	font-size: 11px;
	border: 1px solid  #cc0000;
  background-color: #ffffff;
	color:#3e3e3e;
}

/* Style pour les input de type `radio` et checkbox informant d'une erreur */
.oForm_label_erreur{
	font-family: "Verdana";
	font-size : 11px;
	color: #666666;
	font-weight: bold;
	font-variant: normal;
	border: 1px solid  #cc0000;
  background-color: #ffffff;
	padding-left:2px;
	padding-right:2px;
}


/*############################################################################*/
/* STYLE DIVERS DU FORMUALIRE                                                 */
/*############################################################################*/

/* Astérisque utilisé pour marquer les champs obligatoires */
.oForm_asterisque {
	color: #aa1100;
}

/* Style utilisé pour les compléments d'information */
.oForm_commentaire {
	font-size: 9px;
	color: #666666;
}

/* Style des labels du formulaire (boutons radio et cases à cocher) */
.oForm_colonne label {
	font-weight: normal;
}


/*############################################################################*/
/* BOUTON DE FORMULAIRE                                                       */
/*############################################################################*/

/* Style utilisé pour le bloc contenant le bouton de soumission */
.oForm_soumission {
	height : 40px;
	text-align: right;
	margin-left: 2px;
	background-color: #ffffff;
}

/* Style pour les input de type `submit` (bouton de validation formulaire) */
.oForm_bouton{
	margin-top : 8px;
	margin-right : 8px;
	font-family: "Verdana";
	font-size : 11px;
	color:#666666;
	font-weight: bold;
	font-variant: normal;
	cursor:pointer;
	border: 1px outset  #cccccc;
	padding: 2px 4px;
	background:url('../images/formulaire/submit-normal.gif') repeat-x left top;
}

.oForm_bouton:hover {
	color:#444444;
	border: 1px outset  #cccccc;
	background:url('../images/formulaire/submit-hover.gif') repeat-x left top;
}

.oForm_bouton:active {
	color:#ffffff;
	border: 1px outset  #cccccc;
	background:url('../images/formulaire/submit-normal.gif') repeat-x left top;
}

.oForm_bouton_invisible{
	display: none;
	visibility:hidden;
}