/* FORMULAIRE */

#formulaire {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;	/*** Largeur du formulaire ***/
}
#formulaire p {  }
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif; color: #7ad500; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0.5em; }

#piedForm {
	text-align: center; 
}
#piedForm input {
	font-weight: bold; 
	margin-left: 1em;
}
#corpForm {	
	color: #6a8ac2; font-size: 11px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 1em; }
#corpForm { }
#corpForm fieldset {	
	margin: 0; font-style: normal; padding: 1em 1em 2em; border: solid 1px #e8fcb8; }

#corpForm legend {	
	color: #3c67b0; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background: transparent; word-spacing: 2px; letter-spacing: 1px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px; }

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#blocform label {	/*** Mise en forme des intitules de champs ***/
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	width: 32%;	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	margin: 0;
	padding: 0 0.5em 0 0;
	line-height: 1.8;	/*** ... et centres verticalement. ***/
	
}
.lien12 { color: #3c67b0; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background: transparent; text-decoration: underline; word-spacing: 2px; letter-spacing: 1px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px; }

.lien10 { color: #3c67b0; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background: transparent; text-decoration: underline; word-spacing: 2px; letter-spacing: 1px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px; }


#corpForm fieldset#blocform textarea { width: 450px; margin-top: 20px; margin-left: 140px; border: solid 1px #6a8ac2; }
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs a cliquer sur les intitules ***/
}
#corpForm label.oblig, .oblig { color: #f60; font-weight: bold;	/*** Mise en evidence des champs obligatoires ***/
}

em { color: #f60; }
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0 0 0 140px;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #eaffbd ; color: #407fa4; border: solid 1px #6a8ac2; }
#corpForm .normal {	/*** Retour ? l'?tat normal apr?s l'utilisation ***/
	background: white; color: black; border: solid 1px #6a8ac2; }
#corpForm input, #corpForm textarea,#corpForm select  { color: black; background: white; border: solid 1px #6a8ac2; }
/*** Mise en forme des messages d'erreur ***/

#corpForm .alerte {	/*** Mis en ?vidence des champs mal renseign?s ***/
	border: 1px solid red;
}
#corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url(../../../../../CYBER_PRO_VOYAGES/PACK_MarqueBlanche/WWW/web-content/_images/_pict/icon_alert.gif) no-repeat left center;
}

/* BOUTONS FORMULAIRE */
#BT_Envoyer { border-style: solid; border-width: 0; }
#BT_Abonner { border-style: solid; border-width: 0; }
