/* 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.precision { /* Précisions, comme le login non obligatoire... */
	font-family: Arial, Helvetica, Sans-serif;
	padding-top: 0px;
	color: rgb(231, 104, 0);
	font-size: 0.8em;
	font-weight: normal;
	font-style: italic; }

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.nom.es { width: 252px; }
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: 294; }
form.formulaire_1.position_1 input.ciudad { width: 276px; }
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; }