/* CSS Document */

#formulaire_visuel {
	position: absolute;
	top: 0px;
	left: 4px;
	height: 421px;
	width: 230px;
	z-index: 6;
}

#formulaire_visuel P {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	margin: 10px 10px 15px 20px;
}

#formulaire_visuel STRONG {
	color: #064483;
}

#formulaire_visuel A IMG {
	margin: 10px 10px 15px 20px;
}

/* ************************************************************************************************ */
/*																									*/
/*												ONGLETS												*/
/*																									*/
/* ************************************************************************************************ */

#formulaire_onglet {
	position: relative;
	top: 22px;
	left: 44px;
	width: 628px;
	height: 39px;
	z-index: 7;
}

#formulaire_onglet IMG {
	border: 0px;
	margin: 0px;
}

/* ************************************************************************************************ */
/*																									*/
/*												CONTENEURS											*/
/*																									*/
/* ************************************************************************************************ */

#formulaire_tableau_1 {
	position: relative;
	top: 40px;
	width: 672px;
	height: auto;
	background: url(../images/formulaire-2col.jpg) top left no-repeat;
	z-index: 7;
}

#formulaire_tableau_2 {
	position: relative;
	top: 40px;
	width: 672px;
	height: auto;
	background: url(../images/formulaire-1col.jpg) top left no-repeat;
	z-index: 7;
}

#formulaire_tableau_3 {
	position: relative;
	top: 40px;
	width: 672px;
	height: auto;
	background: url(../images/formulaire-1col.jpg) top left no-repeat;
	z-index: 7;
}

/* ************************************************************************************************ */
/*																									*/
/*										FORMULAIRE COURT											*/
/*																									*/
/* ************************************************************************************************ */

#formulaire_tableau_court {
	position: relative;
	top: 0px;
	width: 688px;
	height: 800px;
	background: url(../images/fond-rappel.jpg) top left no-repeat;
	z-index: 7;
}

#formulaire_court_confirm {
	position: relative;
	top: 40px;
	width: 672px;
	height: 450px;
	background: url(../images/formulaire-1col.jpg) top left no-repeat;
	padding: 50px 70px 0 50px;
	z-index: 7;
}

#formulaire_court_confirm P {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
}

#formulaire_court_confirm A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
}

#formulaire_court_confirm .signature {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #CC0000;
}

/* ************************************************************************************************ */
/*																									*/
/*												DIAGNOSTIC											*/
/*																									*/
/* ************************************************************************************************ */

#formulaire_anim_diag {
	position: relative;
	top: 20px;
	width: 672px;
	height: 1000px;
	background: url(../images/formulaire-1col.jpg) top left no-repeat;
	background-color:#d4e9fe;
	z-index: 7;
}

#formulaire_anim_diag_swf {
	position: absolute;
	top: 5px;
	left: 96px;
	width: 479px;
	height: 970px;
	z-index: 8;
}

/* ************************************************************************************************ */
/*																									*/
/*												TEXTES												*/
/*																									*/
/* ************************************************************************************************ */

.titre_colonne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ff6633;
}

.soustitre_colonne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #064483;
}

.libelle_champs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

.libelle_champs_euro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}

.libelle_mentions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003366;
}

.libelle_contenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.libelle_champs_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

H4 A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #064483;
	text-decoration: underline;
	margin-left: 150px;
}

/* ************************************************************************************************ */
/*																									*/
/*												INPUT												*/
/*																									*/
/* ************************************************************************************************ */

.liste_selection {
	border: 1px solid #7f9db9;
	background-color: #FFFFFF;
	width: auto;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.champ_txtarea {
	border: 1px solid #7f9db9;
	background-color: #FFFFFF;
	width: 630px;
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.champ_txt_libre_1 {
	border: 1px solid #7f9db9;
	background-color: #FFFFFF;
	width: 139px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.champ_txt_libre_2 {
	border: 1px solid #7f9db9;
	background-color: #FFFFFF;
	width: 399px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.champ_txt_libre_3 {
	border: 1px solid #7f9db9;
	background-color: #FFFFFF;
	width: 36px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.champ_txt_libre_4 {
	border: 1px solid #7f9db9;
	background-color: #FFFFFF;
	width: 80px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.bouton_radio {
	width: auto;
	height: auto;
	border: 0;
}

/* ************************************************************************************************ */
/*																									*/
/*											MESSAGE D'ERREUR										*/
/*																									*/
/* ************************************************************************************************ */

#message_erreur {
	position: absolute;
	top: -50px;
	left: -285px;
	width: 290px;
	height: auto;
	position: absolute;
	background: url(../images/formulaire-erreur-fond.gif) top left repeat-y;
	line-height: 12px;
	filter: alpha(opacity=100);
	z-index: 110;
}

#message_erreur_ccm {
	position: absolute;
	top: -50px;
	left: -285px;
	width: 290px;
	height: auto;
	position: absolute;
	background: url(../images/formulaire-erreur-fond.gif) top left repeat-y;
	line-height: 12px;
	filter: alpha(opacity=100);
	z-index: 110;
}

#message_erreur_rappel {
	position: absolute;
	top: 160px;
	left: -285px;
	width: 290px;
	height: auto;
	position: absolute;
	background: url(../images/formulaire-erreur-fond.gif) top left repeat-y;
	line-height: 12px;
	filter: alpha(opacity=100);
	z-index: 110;
}

#message_erreur P {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	margin: 10px 15px 10px 10px;
}

#message_erreur_ccm P {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	margin: 10px 15px 10px 10px;
}

#message_erreur_rappel P {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	margin: 10px 15px 10px 10px;
}

#message_erreur LI {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #064483;
	margin-left:5px;
	margin-right: 10px;
}

#message_erreur_ccm LI {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #064483;
	margin-left:5px;
	margin-right: 10px;
}

#message_erreur_rappel LI {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #064483;
	margin-left:5px;
	margin-right: 10px;
}

/* ************************************************************************************************ */
/*																									*/
/*												INFOBULLES											*/
/*																									*/
/* ************************************************************************************************ */

.formulaire_infobulle {
	position: absolute;
	background: url(../images/formulaire-infobulle-fond.gif) top left repeat-y;
	z-index: 100;
	/*visibility: hidden;*/
	display:none;
	top: 1px;
}

.formulaire_infobulle P {
	padding: 0 10px 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-align: justify;
}

#infobulle_nom {
	top: 165px;
	left: 0px;
	width: 217px;
	height: auto;
}

#infobulle_situation {
	top: 265px;
	left: 0px;
	width: 217px;
	height: auto;
}

#infobulle_salaire {
	top: 395px;
	left: 0px;
	width: 217px;
	height: auto;
}

#infobulle_revenus {
	top: 420px;
	left: 0px;
	width: 217px;
	height: auto;
}

#infobulle_enfants {
	top: 515px;
	left: 455px;
	width: 217px;
	height: auto;
}

#infobulle_loyer {
	top: 655px;
	left: 0px;
	width: 217px;
	height: auto;
}

#infobulle_type {
	top: 142px;
	left: 10px;
	width: 217px;
	height: auto;
}

#infobulle_notaire {
	top: 497px;
	left: 10px;
	width: 217px;
	height: auto;
}

#infobulle_apport {
	top: 522px;
	left: 10px;
	width: 217px;
	height: auto;
}

#infobulle_projet {
	top: 489px;
	left: 500px;
	width: 217px;
	height: auto;
}

#infobulle_pret {
	top: 825px;
	left: 50px;
	width: 217px;
	height: auto;
}

#infobulle_projetexp {
	top: 465px;
	left: 78px;
	width: 217px;
	height: auto;
}

IMG.formulaire_picto {
	border: 0px;
	visibility: hidden;
	margin-left: 5px;
}

a.info_bulle{
background:url("../images/formulaire-icone-aide.gif") no-repeat scroll right center transparent;
color:black;
padding:2px 16px 2px 2px;
position:relative;
text-decoration:none;
}
a.info_bulle:hover{
	border:0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

/* Rend invisible tout notre bloc span */
a.info_bulle span.info_bulle {								   
  position: absolute;
  top: -2000em;
  left: -2000em;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: 2;
} 

a.info_bulle:hover span.info_bulle, a.info_bulle:focus span.info_bulle{
	top: 18px;
	left: -200px;
	width: 217px;
	height: auto;
	overflow: visible;
	color:black;
}  

.info_bulle span.header{
	display: block; 
	height: 15px;
   	background: transparent url('../images/formulaire-infobulle-haut.gif') no-repeat 0 0;  
} 

.info_bulle span.content{
   display : block; 
   background : transparent url('../images/formulaire-infobulle-fond.gif') repeat-y;
   padding:0 10px 10px;
   text-align: justify;
   font-weight: normal;
} 

.info_bulle span.footer{
   display: block; 
   height: 10px; 
   background: url('../images/formulaire-infobulle-bas.gif') no-repeat bottom left; 
   font-size: 0; /* Corrige l'espacement inutile sous IE */
}