/*
ZF-Blog : Feuille de style Formulaire
*/

form.Formosite {
	margin: 0 0 0 15px;
	width: 500px;
	font-size: 1.0em;
    font-family : Arial, Helvetica, sans-serif;   
}

/* titre du formulaire */
h3#form-title {
    margin: 1.0em 0.1em 0.3em 0.5em;
    padding: .2em .5em .2em .5em;
    color: #000;
    font-size: 1.3em;
    background-color: #ECECEC;
	border: 1px solid #336699;
}
form.Formosite p {
    margin: 0;
    padding: 0;
}
form.Formosite span {
    margin: 0;
    padding: 0;
}
.general_warning {
    font-size: 1.2em;
    font-weight: bold;
	letter-spacing: 0.3em;
	padding: 0.5em;
	background-color: #DFC370;
}
/*zone de formulaire*/
form.Formosite .user_fieldset {
    margin: 1em 10px 1em 0; 
    padding: 20px;
    border: 1px solid #CFCFCF; 
    background-color: transparent;
}
/*intitulé de la zone de formulaire*/
form.Formosite .user_fieldset_legend {
    margin: 1em 1em;
    padding: 0 0.5em;
    color: #000;
    background: transparent;
    font-size: 0.9em;
    border: none;
}
/*styles communs aux champs "input" et "textarea"*/
form.Formosite input, form.Formosite textarea {
    color: #333;
    font-size: 0.8em;
}
/*Styles communs : lorsque que le champ est sélectionné*/
form.Formosite input:focus, form.Formosite textarea:focus { 
    background-color: #EFEFEF; 
    color: #000; 
} 

/*Erreur (ligne)*/
form.Formosite .error {
    clear: both;
    border: 1px dashed #F00;
}
form.Formosite .error .error_msg {
    font-size: 0.8em;
    color: #F00;
    padding: 5px 10px 5px 20px;
}
/*élément de formulaire (ligne)*/
form.Formosite .uRow, form.Formosite .opt-uRow {
    margin: 0;
    padding: 0;
}
/*Intitulé de champ*/
form.Formosite .user_label {
	float: left;
	font-size: 0.8em;
	color: #3F3F3F;
    width: 150px;
    padding: 0 0 0 2px;
    text-align: left;
    font-family : Arial, Helvetica, sans-serif;    
    letter-spacing: 0.2pt;
	margin: 5px 0 4px 0;    
}
/*Etiquette de bouton radio, de case à cocher*/
form.Formosite .user_radio_label, form.Formosite .user_checkbox_label {
	font-size: 0.8em;
	color: #3F3F3F;
    margin: 0;
    padding-left: 2px;
    text-align: left;
    font-family : Arial, Helvetica, sans-serif;   
}
/*Champ "texte"*/
form.Formosite .elem_Text, form.Formosite .search_elem_Text {
    width: 300px;
    text-align: left;
    border-top: 1px solid #555; 
    border-left: 1px solid #555; 
    border-bottom: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
	background-color: #FEFEFE;
	padding-left: 3px;
	margin: 5px 0 4px 0; 
}

/*Champ "liste de choix"*/
form.Formosite .elem_Select, form.Formosite .long_elem_Select {
    color: #333;
    font-size: 0.8em;
    padding: 1px;
    width: 15.3em;
    border-top: 1px solid #555; 
    border-left: 1px solid #555; 
    border-bottom: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    margin: 5px 0 4px 0; 
}
form.Formosite .short_elem_Select {
    color: #333;
    font-size: 0.8em;
    padding: 1px;
    width: 5.5em;
    text-align: left;
    border-top: 1px solid #555; 
    border-left: 1px solid #555; 
    border-bottom: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
}
form.Formosite .long_elem_Select {
	width: 25.0em;
}
/*Champ "case à cocher"*/
form.Formosite .elem_Checkbox {
	margin: 5px 0 5px 0;
}

form.Formosite span.check {
	display: inline;
	padding: 5px 0 5px 150px;
}
/*Groupe d'options "choix exclusif"*/
form.Formosite .elem_Radio {
    margin-right: 5px;
}
form.Formosite ul.user_radio {
	margin: 0;
    padding-left: 150px;
    list-style-type: none;
    margin-bottom: 20px;
}
form.Formosite li.user_radio {
	margin: 0;
}
/*Zone de texte*/
form.Formosite .elem_Textarea {
    font-family : Verdana, "Andale Mono", "Courier New", Monospace, Helvetica, Arial, sans-serif;
    text-align: left;
    width: 300px;
    height: 200px;
    border-top: 1px solid #555; 
    border-left: 1px solid #555; 
    border-bottom: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    margin: 0px;
    padding: 0px;
}
/*Champ "fichier"*/
form.Formosite .elem_File {
    width: 15em;
    text-align: left;
    border-top: 1px solid #555; 
    border-left: 1px solid #555; 
    border-bottom: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    margin: 5px 0 4px 0; 
}
/*Champ "mot de passe"*/
form.Formosite .elem_Password {
    width: 15em;
    text-align: left;
    border-top: 1px solid #555; 
    border-left: 1px solid #555; 
    border-bottom: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    margin: 5px 0 4px 0; 
}
/*Commentaire*/
form.Formosite .user_Comment {
    text-align: left;
	clear: right;
}


/*Information pour l'utilisateur (y compris alertes Javascript) */
form.Formosite .user_info, form.Formosite .user_info_error, form.Formosite .user_info_warn{
    width: 200px;
    text-align: left;
}
/*Information Utilisateur*/
form.Formosite .user_info{
    color: #EA5200;
    font-size: 0.7em;
    margin: 0 0 0 5px;
}
/*Erreur (Serveur)*/
form.Formosite .user_error_server{
    color: #F00;
    font-size: 0.8em;
    margin: 2.0em 0;
}
/*Erreur (Javascript)*/
form.Formosite .user_info_error{
    color: #F00;
    font-size: 0.9em;
    font-weight: bold;
}
/*Alerte(fValidator)*/
form.Formosite .fValidator-msg {
    color: #FFF;
    font-weight: bold;
    font-size: 0.7em;
    background-color: #F55;
    border: 1px solid #500;
    margin: 1px;
}

/*Infobulle*/
form.Formosite a.infobulle {
    position:relative;
    z-index:24;
    background-color:#FFF;
    color:#000;
    font-size: 0.8em;    
    border: 1px solid #000;
    text-decoration:none;
    margin-left: 5px;
}
form.Formosite a.infobulle:hover {z-index:25;}
form.Formosite a.infobulle span {display: none;}
form.Formosite a.infobulle:hover span {
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:2px solid #EA5200;
    background-color:#FFF; color:#000;
    padding: 5px;
}

/*Pied de formulaire*/
form.Formosite .user_bottom_block{
    margin: 2em 0; 
}

/*Bouton de validation du formulaire*/
form.Formosite .elem_Submit {
	margin: 10px 0 0 280px;
    border-top: 1px solid #ccc; 
    border-left: 1px solid #ccc; 
    border-bottom: 2px solid #555; 
    border-right: 2px solid #555;
}