/*
## FEUILLE DE STYLE DES FORMULAIRES
## 
## Si vous souhaitez remplacer cette page, reprenez au minimum
## les éléments de cette feuille de style

*/

/*Style de la barre de retour*/
#form_retour{
	width:100%;
	height:20px;
	text-align:center;
	background-color:#FF7300;
	padding-top:3px;
}
#form_retour a{
	color:#FFFFFF;
}
#form th a{
	color:#FFFFFF;
}

/* Style du bouton submit */
#form_submit{
	text-align:center;
}

/* Formulaire */

#form {
	border: solid #999999;  border-width: 3px 1px 1px 1px;
	width:100%;
	text-decoration: none;
	margin:0px;
	padding:0px;
}

/* Entete des tableaux */
#form th {
	background-color: #FF7300;
	padding: 5px;
	margin: 0;
	border: solid #999999;  border-width: 1px 0px 0px 0px;
	height: 20px;
	color: #FFFFFF;
	/*text-transform:uppercase;*/
	font-size: 10px;
}
/* Cellule des tableaux */
#form td {
	height:10px;
	background-color: #EEEEEE;
	padding: 2px 5px 2px 5px;
	border: solid #999999;  border-width: 1px 0 0 0; 
	font-size: 10px;
}
/* Cellule Titre */
#form .titre {
	text-align:right;
	vertical-align:middle;
	font-weight:bold;
}
/* Celule titre securisé */
#form .titreSecure {
	text-align:right;
	vertical-align:middle;
	font-weight:bold;
	color:#EF3E3E;
}

/* Celule titre quand textarea */
#form .titre_textarea {
	text-align:right;
	vertical-align:top;
	font-weight:bold;
}

/* Style pour les liens (champ type link) */

#form .link_form 
{ color:#FFFFFF }

/*ELEMENTS de formulaires */

/* INPUT */
#form input
{ font-size:10px; width:300px; }
#form input.checkbox
{ font-size:10px; width:15px; }
#form input.radio
{ font-size:10px; width:15px; }

/* SELECT */
#form select
{ font-size:10px; width:300px; }
#form .petit_select 
{ font-size:10px; width:70px;  }	
#form .moyen_select 
{ font-size:10px; width:140px; }
#form .normal_select 
{ font-size:10px; width:300px; }
#form .grand_select
{ font-size:10px; width:600px; }

/* TEXTAREA */
#form .normal_textarea
{ font-size:10px; width:300px; height:100px; }
#form .grand_textarea
{ font-size:10px; width:300px; height:250px; }
#form .mega_textarea
{ font-size:10px; width:500px; height:250px; }


/* ERREURS */
#form .erreur {
	text-align:center;
	font-weight:bold;
	color:#FF7300;
}

/* ACTION */
#form_action{
	width:100%;
	border:0px;
	margin-bottom:10px;

}
#form_action .gauche{
	width:40%;
	border:0px;
}
#form_action .centre{
	width:20%;
	text-align:center;
	font-weight:bold;
	border:0px;
}
#form_action .droite{
	width:40%;
	border:0px;
}
#form_action .titreAction{
	font-style:italic;
	border:0px;
}

form {
	display: inline;
}
form textarea {
	height: 80px;
	margin-bottom: 8px;
}
form input.text, form textarea.text {
	padding: 2px;
	padding: 0;
	border: 1px solid #AAA;
}
form input.atext, form textarea.atext {
	padding: 2px;
	padding: 0;
	border: 1px solid #FD6500;
	background-color: #FFE0CC;
	font-weight: bold;
}
/**
	FORMULAIRE D'INSCRIPTION 
**/
#f_inscription input.submit {
	margin-top: 10px;
}
#f_inscription input.text, #f_inscription textarea.text, #f_inscription input.atext, #f_inscription textarea.atext {
	width: 190px;
}
#f_inscription textarea {
	height: 40px;
	overflow: auto;
}
/**
	FORMULAIRE D'IDENTIFICATION
**/
#f_login input.text, #f_login input.atext {
	width: 100px;
}
/**
	FORMULAIRE DE RENVOI DE MOT DE PASSE
**/
#f_pw_retrieve input.text, #f_pw_retrieve input.atext {
	width: 160px;
}
#f_pw_retrieve input.submit {
	margin-left: 10px;
}