/* FEUILLE de STYLE pour les Formulaires - Etoile du Berger */

/***************************/
/***  FORMULAIRE Type 1  ***/
/***************************/
/* Utilisé pour :
	 - Inscription à la liste WEBEX... 
	 - Création de compte Espace ETOILE... 
	 - Login Etoile... */

form.formulaire_1 {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal;
	line-height: 130%;
	border: 1px solid #CCCCCC;
	text-align: center; 
	padding-top: 15px;  /* Pour IE */ }

form.formulaire_1 p.titre_fieldset {
	text-align: left;
	margin: 0px 15px 8px 14px;
	padding: 3px 15px;
	background-color: #2578CB;
	border: 1px solid #FFF;
	color: #FFF;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: 0.1em; }

form.formulaire_1 p.titre_fieldset.vert {
	background-color: #76A036; }

form.formulaire_1 p.titre_fieldset.rouge {
	background-color: #D43405; }

form.formulaire_1 p.titre_fieldset span {
	font-size: 0.8em;
	font-weight: 200;
	letter-spacing: 0.05em; }

form.formulaire_1 img.image_titre_fieldset {
	float: right;
	position: relative;
	top: 4px;
	margin-right: 22px;
	cursor: pointer; }

form.formulaire_1 p.intro_fieldset {
	text-align: justify;
	margin: 5px 30px 10px 30px;
	font-size: 0.85em;
	font-weight: normal; }

form.formulaire_1 fieldset {
	margin: 0 15px 15px 15px; /* Pour FF, on aurait mis le margin-top à 20px */
	padding-top: 10px;
	text-align: left; 
	padding-bottom: 10px; }

/* Position 1... */
/*****************/
/* Utilisée pour :
	 - Inscription à la liste WEBEX... 
	 - Inscription aux Conférences... 
	 - Création de Compte... */

form.formulaire_1.position_1 {
	margin: 15px 70px 10px 70px; }

/* Position 2... */
/*****************/
/* Utilisée pour :
	 - Login Etoile... */

form.formulaire_1.position_2 {
	margin: 20px 20px 30px 140px; }

/* Position 3... */
/*****************/
/* Utilisée pour :
	 - Poser question dans FAQ Section Stages... */

form.formulaire_1.position_3 {
	margin: 20px 30px 15px 30px; }

/* Couleur 1... */
/*****************/
/* Utilisée pour :
	 - Inscription à la liste WEBEX... 
	 - Création de Compte...
	 - Login Etoile... */

form.formulaire_1.couleur_1 {
	color: #336699;
	background-color: #D6E6F3; }

/* Couleur 2... */
/*****************/
/* Utilisée pour :
	 - Inscription aux Conférences... */

form.formulaire_1.couleur_2 {
	color: #336699;
	background-color: #F1E7CD; }

/*****************/

form.formulaire_1 fieldset img.illustre_1 {
/* Images d'illustration de chaque partie */
	float: right;
	margin-top: 10px;
	margin-right: 40px; 
	margin-left: 30px; }

form.formulaire_1 fieldset img.illustre_2 {
/* - Image "Accompagnants" dans Inscription Conférences... */
	float: left;
	margin-top: 5px;
	margin-right: 30px; 
	margin-left: 30px; }

form.formulaire_1 fieldset img.illustre_3 {
/* Images d'illustration de chaque partie (plus petites, plus serrées) */
/* Utilisé dans "oubli_identif"... */
	float: right;
	margin-top: 5px;
	margin-right: 30px; 
	margin-left: 30px; }

form.formulaire_1 fieldset p {
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px;
	text-align: justify; }

form.formulaire_1 fieldset p.espace_5 {  /* Pour espacer un peu plus les paragraphes... */
	margin-top: 5px;
	margin-bottom: 5px; }

form.formulaire_1 fieldset p .conseil { /* Petits conseils sous les champs des formulaires... */
	font-size: 80%;
	line-height: 140%; }

form.formulaire_1 fieldset p .conseil a {
	color: #336699;
	text-decoration: underline; }

form.formulaire_1 fieldset p .conseil.rouge a {
	color: #FF0000; }

form.formulaire_1 p.ou { /* Gros "OU" dans le formulaire de désinscription... */
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 30px;
	font-weight: 600; }

form.formulaire_1 fieldset p .conseil a:hover {
	text-decoration: none; }

form.formulaire_1 fieldset img.info { /* "i" de Information... */
	float: left;
	position: relative;
	top: 5px;
	margin-right: 10px; }

form.formulaire_1 fieldset p.verif { /* Affichage des erreurs... */
	font-family: Arial, Helvetica, Sans-serif;
	color: #FF0000;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal; }

form.formulaire_1 fieldset div.zone_captcha {
	float: right;
	text-align: center;
	margin-top: 5px;
	margin-right: 55px; 
	margin-left: 30px; }

form.formulaire_1 fieldset div.zone_captcha span {
	font-size: 11px;
	color: #999;
	padding-top: 5px; }

form.formulaire_1 fieldset div.zone_captcha span:hover {
	text-decoration: underline; }
	
form.formulaire_1 input.ligne_entiere { width: 338px; }

form.formulaire_1.position_1 input.ligne_entiere { width: 361px; }
form.formulaire_1.position_1 input.nom { width: 288px; }
form.formulaire_1.position_1 input.prenom { width: 270px; }
form.formulaire_1.position_1 select.pays { width: 207px; }
form.formulaire_1.position_1 input.ville { width: 294px; }
form.formulaire_1.position_1 input.code_postal { width: 100px; }
form.formulaire_1.position_1 input.captcha { width: 80px; }
form.formulaire_1.position_1 textarea.commentaires { width: 508px; }
form.formulaire_1.position_1 input.tel_domicile { width: 190px; }
form.formulaire_1.position_1 input.tel_portable { width: 180px; }
form.formulaire_1.position_1 input.tel_pro { width: 192px; }
form.formulaire_1.position_1 input.skype { width: 210px; }
	
form.formulaire_1.position_2 input.ligne_entiere { width: 340px; }

form.formulaire_1.couleur_1 input { background-color: #EFF5FA; }
form.formulaire_1.couleur_2 input { background-color: #F9F3E8; }
form.formulaire_1 input.erreur { background-color: #FFDFDF; }

form.formulaire_1.couleur_1 select { background-color: #EFF5FA; }
form.formulaire_1.couleur_2 select { background-color: #F9F3E8; }
form.formulaire_1 select.erreur { background-color: #FFDFDF; }

form.formulaire_1.couleur_1 textarea { background-color: #EFF5FA; }
form.formulaire_1.couleur_2 textarea { background-color: #F9F3E8; }
form.formulaire_1 textarea.erreur { background-color: #FFDFDF; }

form.formulaire_1.position_3 textarea.question { width: 420px; }

form.formulaire_1 input.bouton {
	font-weight: 600;	
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.9em;
	letter-spacing: 0.1em; }	

form.formulaire_1.couleur_1 input.bouton {
	background-color: #3487DA; 
	color: #FFF; }	

form.formulaire_1.couleur_2 input.bouton {
	background-color: #956938; 
	color: #FFF; }	

p.erreur_initiale { /* Avertissement général comme quoi le formulaire contient des erreurs... */
	font-family: Arial, Helvetica, Sans-serif;
	color: #FF0000;
	margin-top: 15px;
	text-align: center;
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal; }
	
.radiobox { /* Pour décaller d'un poil les boutons radio et checkbox... */
	position: relative;
	top: 1px; }
	
input.ecart_bas {
	margin-bottom: 5px; }
	
input.radiobox.ligne { /* Pour laisser un espace sous certains boutons radio et checkbox... */
	margin-bottom: 8px; }

fieldset table.zones_geo {  /* Tableau des zones géographiques pour le formulaire de création de compte... */
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: #CEE1F0;
	width: 65%; }

fieldset table.zones_geo td {
	border: 1px solid #FFF;
	padding: 4px 10px;
	text-align: left;
	font-size: 0.9em; }

fieldset img.bouee { /* La petite bouée d'oubli des identifiants, ou le renvoi de mail d'activation... */
	float: left;
	position: relative;
	bottom: 3px;
	margin-right: 10px; }

fieldset img.information { /* Le "i" aligné sur 2 lignes (désinscription)... */
	float: left;
	position: relative;
	top: 2px;
	margin-right: 10px; }

fieldset img.triangle { /* Le triangle_25 (désinscription)... */
	float: left;
	position: relative;
	bottom: 5px;
	margin-right: 10px; }

.info_form { /* Texte entre les Fieldset... */
	font-family: Arial, Helvetica, Sans-serif;
	color: #336699;
	margin: 15px 42px;
	text-align: justify;
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal; }

.info_form img {
	float: left;
	margin-right: 15px; }

.info_form img.double { /* Cas des images devant être alignées sur 2 lignes... */
	margin-top: 4px; }

ul.info_form { 
	margin-left: 160px; }
	
span.existant { /* Ecrire une donnée existante (sans champ pour la modifier)... */
	color: #CC3300;
	font-size: 110%;
	letter-spacing: 0.2em;
	font-weight: 600; }

/**************************************************/
/***  FORMULAIRE "Choisir le mode d'affichage"  ***/
/**************************************************/
/* Utilisé pour :
	 - Section WEBEX... */

table.gestion_affichage {
	font-family: Arial, Helvetica, Sans-serif;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 80%; 
	vertical-align: middle; }

.gestion_affichage td.ligne1 {
	color: #CC3300;
	font-size: 0.9em;
	font-weight: 600;
	text-align: center;
	border-bottom: 1px dashed #CC3300;
	padding-bottom: 10px; }

.gestion_affichage td.legende {
	color: #CC3300;
	font-size: 0.80em;
	font-weight: 200;
	text-align: right;
	padding-right: 10px; }

.gestion_affichage td.choix {
	text-align: left;
	padding-left: 2px; }

.gestion_affichage td.ligne2 {
	padding-top: 10px; }

.gestion_affichage td.ligne3 {
	padding-top: 5px; }

.gestion_affichage select {
	width: 250px; }

.gestion_affichage input.bouton_categ {
	color: #CC3300;
	font-weight: 600;
	margin-top: 10px;
	margin-right: 20px;	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px; }

/***********************************************/

/**************************************************/
/***  FORMULAIRE de Désinscription de la Liste  ***/
/**************************************************/

table.formulaire_double {
	margin-top: 10px;
	width: 100%; }

table.formulaire_double td {
	width: 50%;
	padding: 20px;
	vertical-align: top; }