/* CSS Document */
BODY {
	margin: 0px;
	background-color: #FFFFFF;
}

UL {
	margin:0px;
	padding-left:20px;
	margin-bottom:20px;
}

LI {
	margin-top:0px;
	margin-left:20px;
	margin-bottom:10px;
	list-style-image:url(../images/puce.gif);
}	

UL.dpt {
	margin:0px;
	padding-left:0px;
	margin-bottom:20px;
}

LI.temoignage {
	margin-top:0px;
	margin-left:20px;
	margin-bottom:20px;
	list-style-image:url(../images/puce.gif);
}

IMG {
	border:0; 
	margin:0; 
	vertical-align:top;
}

P.confirm_email {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	padding: 10px;
}	


#fond-haut {
	position: absolute;
	top: 0px;
	left: 50%;
	height: 571px;
	width: 961px;
	margin-left: -480px;
	background: url(../images/fond-haut.gif) top left no-repeat;
	z-index: 1;	
}

/* ************************************************************************************************ */
/*												BANDEAU HAUT										*/
/* ************************************************************************************************ */
#bandeau { position:absolute; top:0px; left:50%; height:87px; width:953px; margin-left:-476px; z-index:1;}


/* ************************************************************************************************ */																								
/*												BANDEAU BAS											*/																									
/* ************************************************************************************************ */
#bandeau_bas_texte_hp { position: absolute; left: 50%; height: auto; width: 953px; margin-left: -476px; background-color: #ACC9D0; z-index: 1;}
#bandeau_bas_texte_hp P { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #3D727F; margin: 5px 21px 21px 21px;}
#bandeau_bas { background:transparent url(../images/fond-bas.gif) no-repeat scroll left bottom; position: absolute; left: 50%; height: 45px; width: 953px; margin-left: -476px;	 font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; text-align:center; }
#bandeau_bas .interne { color: #087FA6;}
#bandeau_bas .interne A { color: #006699; text-decoration: none;}
#bandeau_bas .interne A:hover { text-decoration: underline;}
#bandeau_bas .externe { color: #0099cc;}
#bandeau_bas .externe A { color: #006699; text-decoration: none;}
#bandeau_bas .externe A:hover { text-decoration: underline;}


#navig_haut_header {
	position: absolute;
	top: 80px;
	left: 50%;
	height: auto;
	width: 961px;
	margin-left: -480px;
	z-index: 3;	
}
/* ************************************************************************************************ */
/*																									*/
/*												IDENTIFICATION										*/
/*																									*/
/* ************************************************************************************************ */
#hp-ident {
	position: relative;
	top: 50px;
	left: 50%;
	height: 520px;
	width: 400px;
	margin-left: -155px;
	background: url(../images/identification-fond.gif) top left no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	z-index: 1;
}

#hp-ident TABLE {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
}

#bienvenue {
	position: relative;
	background: url(../images/bienvenue-entete-fond.gif) top left no-repeat;
	left: 50%;
	width: 600px;
	margin-left: -300px;
	margin-top:12px;
	height: 33px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	z-index: 1;
}

/* ************************************************************************************************ */
/*																									*/
/*												HP													*/
/*																									*/
/* ************************************************************************************************ */

#hp_fond {
	position: absolute;
	top: 120px;
	left: 50%;
	width: 953px;
	height:auto;
	margin-left: -476px;
	z-index: 1;
	background-color: #bedeff;
}

#navig_haut {
	position: relative;
	top: 25px;
	left: 109px;
	width: 757px;
	height: 100px;
	z-index: 1;
}

#contenu_top {
	position: relative;
	top: 0px;
	left: 109px;
	height: 30px;
	width: 710px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color : #FFFFFF;
	z-index:2;
}


A.sousnav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color : #000000;
	text-decoration:none;
}

A.sousnav:hover {
	text-decoration:underline;
}

#telecourtier {
	position: relative;
	background:url(../images/mon-telecourtier-fond.gif) top right no-repeat;
	background-color:#FAFAFA;
	top: 35px;
	left: 500px;
	width: 310px;
	height: 90px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color : #000000;
	margin-bottom:30px;
	padding:0px;
	z-index:1;
}

#telecourtier A{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color : #336699;
	text-decoration:underline;
}
#telecourtier P{
	margin:0px;
	padding-top:15px;
}
#telecourtier-img {
	position: absolute;
	top: 190px;
	left: 753px;
	width: 45px;
	height: 60px;
	z-index: 2;
}

/* ************************************************************************************************ */
/*																									*/
/*												MON DOSSIER											*/
/*																									*/
/* ************************************************************************************************ */
#etatcivil {
	position: relative;
	display:block;
	top: 0px;
	left: 109px;
	width: 710px;
	height: auto;
	padding-bottom:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color : #000000;
	z-index:1;
}

#etatcivil P{
	padding:0px;
	margin : 0px;
	margin-top : 10px;
	margin-bottom : 5px;
}

#emprunteur {
	position:relative;
	background:url(../images/dossier-emprunteur.gif) top left no-repeat;
	float:left; 
	top:10px;
	margin-left:2px; 
	width:380px;
	height: auto;
	padding-left:20px;
	padding-bottom:10px;
}

#co-emprunteur {
	position:relative;
	background:url(../images/dossier-coemprunteur.gif) top left no-repeat;
	float:left;
	top:10px;
	width:280px;
	height: auto;
	padding-left:20px;
	padding-bottom:10px;
}

#autresinfos1 {
	position:relative;top:10px;width:380px;float:left;height: auto;
	padding-left:20px;
}

#autresinfos2 {
	position:relative;
	top:20px;
	float:left;
	width:280px;
	height: 220px;
	padding-left:20px;
}

#patrimoine {
	position: relative;
	display:none;
	top: 0px;
	left: 109px;
	width: 710px;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color : #000000;
	padding-bottom:40px;
	z-index:1;
}

#patrimoine P{
	padding:0px;
	margin : 0px;
	margin-top : 10px;
	margin-bottom : 5px;
}

#patrimoine TABLE{
	padding:4px;
	margin : 0px;
	margin-left : -4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color : #000000;
	font-weight:bold;
	margin-bottom : 20px;
}

#patrimoine-contenu {
	position:relative;
	background:url(../images/dossier-patrimoine.gif) top left no-repeat;
	top:0px;
	margin-left:2px; 
	width:auto;
	height: auto;
	margin-top:10px;
	padding-top:1px;
	padding-left:20px;
	padding-bottom:40px;
}

#patrimoine-emprunteur {
	position:relative;
	background:url(../images/dossier-emprunteur.gif) top left no-repeat;
	float:left; 
	top:10px;
	margin-left:2px; 
	width:380px;
	height: auto;
	padding-left:20px;
	padding-bottom:10px;
}

#patrimoine-co-emprunteur {
	position:relative;
	background:url(../images/dossier-coemprunteur.gif) top left no-repeat;
	float:left;
	top:10px;
	width:280px;
	height: auto;
	padding-left:20px;
}
#patrimoine-biens {
	position:relative;
	width:360px;
	height: auto;
}

#patrimoine-biens1 {
	position:relative;
	width:380px;
	float:left;
	height: auto;
	margin:0px;
	padding-left:20px;
}

#patrimoine-biens2 {
	position:relative;
	top:33px;
	float:left;
	width:280px;
	height: 220px;
	margin:0px;
	padding-left:20px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
	padding:0px;
	margin:0px;
	margin-top:10px;
	margin-left:20px;
}
#projet {
	position: relative;
	display:none;
	top: 0px;
	left: 109px;
	width: 710px;
	height: auto;
	padding-bottom:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color : #000000;
	z-index:1;
}

#projet P{
	padding:0px;
	margin : 0px;
	margin-top : 10px;
	margin-bottom : 5px;
}

#projet TABLE{
	padding:4px;
	margin : 0px;
	margin-left : -4px;
	margin-top : 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color : #000000;
	font-weight:bold;
}

#projet UL{
	margin : 10px;
}

#projet-contenu {
	position:relative;
	background:url(../images/dossier-patrimoine.gif) top left no-repeat;
	top:0px;
	margin-left:2px; 
	width:auto;
	height: auto;
	margin-top:10px;
	padding-top:1px;
	padding-left:20px;
	padding-bottom:40px;
}
#projet-contenu TD{
text-align:center;
}
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#ff6600;
	font-weight:bold;
}
.titre-tableau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color : #336699;
	font-weight:bold;
	text-align:center;
}

/* ************************************************************************************************ */
/*																									*/
/*												DIAGNOSTIC										*/
/*																									*/
/* ************************************************************************************************ */
#contenu_diagnostic {
	position: relative;
	display:block;
	top: 40px;
	left: 109px;
	width: 710px;
	height: auto;
	padding-bottom:40px;
	z-index:1;
}
#anim_diag_swf{
	left: 50%;
	margin-top:10px;
	width:479px;
	height:auto;
	margin-left: 120px;
}

/* ************************************************************************************************ */
/*																									*/
/*												SUIVI PROJET										*/
/*																									*/
/* ************************************************************************************************ */
#contenu_suivi {
	position: relative;
	display:block;
	top: 0px;
	left: 109px;
	width: 760px;
	height: auto;
	min-height:130px;
	padding-top:28px;
	padding-bottom:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color : #336699;
	z-index:1;
}

#contenu_suivi P {
	padding:0px;
	margin : 0px;
	margin-top : 10px;
	margin-bottom : 5px;
	margin-left : 4px;
}
#contenu_suivi TABLE{
	padding:4px;
	margin : 0px;
	margin-left : 0px;
	margin-top : 20px;
}
#contenu_suivi TD{
	vertical-align:top;
	padding-top:5px;
	padding-bottom:5px;
}
#contenu_suivi A {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-weight:bold;
	text-decoration:underline;
}

.txt-souligne {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-weight:bold;
	text-decoration:underline;
}

.txt-gras {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-weight:bold;
	text-decoration:none;
}
#contenu_suivi .txt-noir {
	color:#000000;
	font-weight:normal;
}
.actuellement {
	text-align:right;
	padding-right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	font-weight:bold;
}
/* ************************************************************************************************ */
/*																									*/
/*												LIENS + TEXTES										*/
/*																									*/
/* ************************************************************************************************ */
A.lien_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
}
A.lien_blanc:hover {
	text-decoration:underline;
}
.txt-orange {
	color:#ff6600;
}

.txt-noir {
	color:#000000;
	font-weight:bold;
}

/* ************************************************************************************************ */
/*																									*/
/*												FORMULAIRE											*/
/*																									*/
/* ************************************************************************************************ */

input {
	border: 1px solid #ff6600;
	width: 100px;
	height: 18px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-right: 3px;
}
select {
	border: 1px solid #6696E5;
	width: 222px;
	height: 18px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-right: 3px;
	margin-bottom: 3px;
}
textarea {
	border: 1px solid #6696E5;
	width: 220px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-right: 3px;
}

/* ************************************************************************************************ */
/*																									*/
/*												SUIVI EMAILS										*/
/*																									*/
/* ************************************************************************************************ */

#contenu_email {
	position: absolute;
	top: 0px;
	left: 50%;
	height: auto;
	width: 650px;
	margin-left: -258px;
	z-index: 1;
}

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

#email_entete {
	position: relative;
	top: 0px;
	left: 0px;
	height: auto;
	width: 507px;
}

#email_message {
	position: relative;
	top: 15px;
	left: 0px;
	height: auto;
	width: 650px;
}

#email_message A {
	color: #FFFFFF;
}

#email_piece_jointe {
	position: relative;
	top: 15px;
	left: 0px;
	height: auto;
	width: 507px;
}