BODY{ text-align: center; margin:0px; padding:0px; font-family: Verdana; font-size:12px; background:url(../images/body-background.gif) repeat-x top; }
DIV, P, UL, LI { margin:0px; padding:0px; text-align:left; }
IMG{ border:none; }

#page{
width:1000px;
margin-left:auto;
margin-right:auto;
}


#header{
width:1000px;
margin-left:auto;
margin-right:auto;
height:141px;
background: url(../images/header-background.gif) repeat-x;
}

#header_links{
	position:absolute;
	width:340px;
	top:5px;
	left:63%;
	font-family:Arial;
	text-align:right;
}
#footer a, #header_links a{color:#4C4C4C; text-decoration:none; font-weight:bold;}
#footer a:hover, #header_links a:hover{color:#FF6600; text-decoration:underline; font-weight:bold;}


#content{
width:690px;
}

#content-left-col{
	width:332px;
	float:left;
	margin-top:20px;
	background:url(../images/content-col-bg.gif) repeat-y;
}

#content-right-col{
	width: 332px;
	float: left;
	margin-top: 20px;
	margin-left:25px;
	background:url(../images/content-col-bg.gif) repeat-y;
}

#right-col{
position:absolute;
float:right;
text-align:right;
width:280px;
margin-top:75px;
margin-left:700px;
}

.right-col-txt {
color:#FF6600;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

#message-1, #message-2{
position:absolute;
top:190px;
left:25px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
#recompenses{ background:url('../images/background-push-recompenses.gif') no-repeat top right; width:auto; height:104px; margin-top:15px;}
#recompenses-content{padding-left:20px; padding-top:12px;}

#recommandez-nous{background:url('../images/background-push-recommandez-nous.gif') no-repeat top right; height:62px; margin-top:15px;}
#recommandez-nous-content{padding-left:30px; padding-top:15px;}
#recommandez-nous-content img{margin-left:30px;}


#footer{
	width: 688px;
	height: 34px;
	margin-top:20px;
	margin-bottom:10px;
	background:url(../images/footer-background.gif) no-repeat;
}
#footer span{
	text-align:right;
	padding-top:9px;
	padding-right:20px;
	display: block;
}
/*	 Navigation onglet haute		*/
/* ///////////////////////////// */
#nav-menu {
padding: 0;
list-style: none;
position:relative;
top:-12px;
/*width:450px;*/
}
.nav-menu-li {
background: url(../images/header-bouton-menu.gif) no-repeat;
margin: 0px 0 0 0px;
float: left;
width:180px;
margin-right:20px;
/*height:26px;*/
}
#nav-menu span{
	display:block;
	padding-top:4px;
	width:180px;
	text-align:center;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color: #FFFFFF;
}
.nav-menu-li a {
display: block;
background-color: #4586D5;
background:url(../images/menu-background.gif) repeat-y;
color: white;
text-decoration: none;	
margin: 0; padding: 0px;
padding-left:8px;
padding-bottom:5px;
padding-top:5px;
}
.nav-menu-li a:hover, .nav-menu-li a:active {

background-color: #97BBE8;
color: black;
text-decoration: none;	
margin: 0; padding: 0px;
padding-left:8px;
padding-bottom:5px;
padding-top:5px;
/*background:none;*/
}
.sousmenu {
padding: 0;
padding-top:16px;
list-style: none;
display: none;
position:absolute;
width: 180px;
/*background:url(../images/menu-background.gif) repeat-y;*/
}
.sousmenu li {
	width: 180px;
	position:relative;
	background:none;
	border-bottom: solid 1px white;
	border-bottom-width:90%;
}

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


/* 	///////////////////////////////////////////////////////	*/
#identification{ width:629px; margin:auto;margin-top:20px; padding:20px;}
#forgetPassword{ width:629px; margin:auto; margin-top:30px;padding:20px;}
#forgetPassword p, #identification p{margin-top:5px;}
#forgetPassword h2, #identification h2{text-decoration:underline;}
#identification label, #forgetPassword label{
display:inline-block;
width: 150px;
margin-left:30px;
}

#espace-texte{margin-top:30px;}

#CivilCoor, #patrimoine, #dettesCharges, #projet{ background:url(../images/dossier-content-background.gif) repeat-y;}
#CivilCoor p, #patrimoine p, #dettesCharges p { margin:5px;}
#contenu_suivi label { display:inline-block; width: 180px; height:auto; float:left; }
#contenu_suivi p { margin-top:10px;}
#suiviLines{ float:left; width:500px;}
.titreQuestion{color: #003399; font-size: 13px; font-weight: bold;}

#dossier-content-bottom{
	background:url(../images/dossier-content-background-bottom.gif) no-repeat;
	width:690px;
	height:53px;
	 margin-top:50px;
}
/* 	///////////////////////////////////////////////////////	*/
/* 			*/
.content-col-top{
	display:block;
	width:332px;
	height:33px;
	background: url(../images/content-col-top.gif) no-repeat top left;
	padding-top:8px;
	text-align:center;
	font-family : Arial;
	font-size:18px;
	font-weight:bold;
}

.content-col-bottom{
	background:url(../images/content-col-bottom.gif) no-repeat top left;
	width:332px;
	height:25px;
}

.simulateur-part{
	margin:8px;
}
.simulateur-logo{
	float:left;
	margin-left:14px;
	margin-right:10px;
}

/* POLICES */
h1{ font-family:Arial; font-size:22px; font-weight:bold; color:#4586D5;}
h2, h2 a{ font-family:Arial; font-size:18px; font-weight:bold; color:#4586D5; margin:0px; padding:0px; text-decoration:none;}
.h2-chapo{ font-family:Verdana; font-size:11px; font-weight:bold; color:#4C4C4C;}
.hp-push-simulation { margin-bottom:10px; clear:both; margin-top:10px }
a.texte-push-simulation {font-family:Verdana; font-size:12px; color:#FF6600; display:block; margin-top:7px; text-decoration:none;float:right;vertical-align:baseline;}
a.texte-push-simulation:hover{text-decoration:underline;}
.push-simulation IMG{ margin-left:10px; float:right;}

#breadcrumb{font-size:10px; }

#bt-aide{
font-size:9px;
font-weight:bold;
color:#666666;
margin:3px;
}

#simulateur-bouton{
	text-align:right;
	margin-right:180px;
}

.betterTip_inactive{ text-decoration:none; }
#simulation-endettement-result{ font-size:16px; font-weight:bold;}
.non_endettement_tx{color:green; margin-top:20px; display:block;}
.malendettement_tx{color:orange; margin-top:20px; display:block;}
.surendettement_tx{color:red; margin-top:20px; display:block;}
#info-result{ font-weight:bold; display:block; margin-top:15px; }
#solution{display:block; margin-left:20px;}

#confirmation-message{ margin:20px 0 20px 50px; }
.validation{color:#006600; font-weight:bold; }
.erreur{ color:#CC0000; font-weight:bold;}

hr{
background:url(../images/hp-hr.gif) no-repeat;
height:7px;
border:none;
margin:0px 0 20px 0;*/
}

.nettoyeur{
	clear:both;
}

/*  jquery Newsstiker */
.newsticker {
	list-style-type: none;
	padding: 3px;
	margin: 0;
}



/* */
/******************************************************/
/*                       Conteneurs                   */
/******************************************************/


/* Conteneur */
#conteneur {
	position: absolute;
	width: 968px;
	height: auto;
	left: 50%;
	margin-left: -484px;
}

/*  Entete  */
#enteteTexte {
	background: #FFFFFF url('../images/fond-entete1.gif') top left no-repeat;
	width: 968px;
	height: 14px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	padding-left: 18px;
	padding-top: 1px;
}

#enteteLogo {
	background: #FFFFFF url('../images/fond-entete2.gif') top left no-repeat;
	width: 968px;
	height: 136px;
}

#enteteLogo #logoNav {
	width: 525px;
	height: 136px;
	text-align: right;
}

#enteteLogo #logoNav2 {
	position: absolute;
	top: 15px;
	left: 525px;
	width: 443px;
	height: 136px;
	text-align: right;
	padding-right: 17px;
	padding-top: 4px;
	font-size: 10px;
	font-weight: bold;
	color: #cc0000;
}

#texteTemoignage {
	position: absolute;
	top: 55px;
	right: 32px;
	width: 370px;
	height: 70px;
	color: #333333;
	text-align: left;
	font-weight: normal;
}
/*****************/

/*    Navigation centre  */
#navigation {
	background: #FFFFFF url('../images/fond-nav.gif') top left no-repeat;
	width: 968px;
	height: 55px;
	text-align: right;
}

#texteDemande {
	position: absolute;
	top: 151px;
	left: 7px;
	width: 115px;
	height: 55px;
	text-align: center;
	padding-top: 6px;
	padding-left: 1px;
	color: #FFFFFF;
	font-size: 9px;
}

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

/*   Navigation droite */
#navDroiteFormulaire {
	position: absolute;
	top: 206px;
	left: 701px;
	background: #FFFFFF url('../images/fond-nav-droite-formulaire.gif') top left no-repeat;
	width: 267px;
	height: 76px;
	z-index: 2;
}

#pushDroiteFlash {
	position: absolute;
	top: 0;
	right: 8px;
	width: 240px;
	height: 61px;
}

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

/*       Contenu principal    */
#contenuCentre {
	position: absolute;
	top: 206px;
	left: 0;
	background: #FFFFFF url('../images/fond-contenu-centre.gif') top left repeat-y;
	width: 968px;
	height: auto;
	z-index: 1;
}

#contenuCentreTexte {
	padding-top: 16px;
	padding-left: 8px;
	padding-right: 30px;
	line-height: 18px;
}

#fond_texte {
	width: 952px;
	height: auto;
	min-height: 277px;
	background: #FFFFFF url('../images/fond-texte.gif') top left no-repeat;
}

#fond_texte #fond_texte_texte {
	padding-left: 63px;
	padding-top: 26px;
}

#fond_texte #fond_texte_texte_hp {
	padding-top: 26px;
}

#fond_texte #fond_texte_texte_hp #ident {
	width: 391px;
	height: auto;
	background: url('../images/identification-fond.gif') top left no-repeat;
}

#haut_texte_menu {
/*	width: 828px;*/
	height: 43px;
	margin-top: 10px;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url('../images/dossier-menu-background.gif') top left no-repeat;
}

#haut_texte_menu a {
	color: #336699;
	text-decoration: none;
}

#haut_texte_menu a:hover {
	color: #336699;
	text-decoration: underline;
}

#haut_texte_2 {
/*	width: 851px;*/
	height: 45px;
	margin-top: 20px;
	font-size: 13px;
	color: #003399;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background: url('../images/fond-haut-texte-aider.gif') top left no-repeat;*/
}

#civil {
	padding-left: 16px;
}

#civil #civilEmprunteur, #patrimoine #patrimoineEmprunteur {
	float: left;
	width: 391px;
	text-align: left;
	margin-left:10px;
}

#civil #civilEmprunteur .titre, #patrimoine #patrimoineEmprunteur .titre {
	color: #cc0000;
	font-size: 13px;
	font-weight: bold;
}

#civil #civilEmprunteur p, #patrimoine #patrimoineEmprunteur p {
	color: #003399;
	font-size: 11px;
}

#civil #civilCoEmprunteur, #patrimoine #patrimoineCoEmprunteur {
	float: left;
	text-align: left;
}

#civil #civilCoEmprunteur .titre, #patrimoine #patrimoineCoEmprunteur .titre, #patrimoineBiens1 .titre, #patrimoineBiens2 .titre, #dettesContenu .titre, #projet .titre {
	color: #cc0000;
	font-size: 13px;
	font-weight: bold;
}

#civil #civilCoEmprunteur p, #patrimoine #patrimoineCoEmprunteur p, #patrimoineBiens1 p, #patrimoineBiens2 p {
	color: #003399;
	font-size: 11px;
}

#coordonnees {
	padding-left: 16px;
	margin-top:15px;
}

#coordonnees p, #dettesContenu p, #projet p {
	color: #003399;
	font-size: 11px;
	padding-left:10px;
}

#dettesContenu {
	padding-left: 16px;
}

#dettesContenu li {
	color: #003399;
	font-size: 11px;
}

#dettesContenu h2, #patrimoineBiens1 h2,  #patrimoineBiens2 h2, #projet h2 {
	font-size: 12px;
	font-weight: bold;
	margin-top:15px;
}

.tabEnquete1 {
	width: 696px;
	height: 184px;
}

.tabEnquete2 {
	width: 696px;
	height: 112px;
}

.itemTab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	border-top: 1px solid #ccccff;
}

.titreRougeTab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #cc0000;
	text-align: center;
	border-left: 1px solid #ccccff;
}

.checkTab {
	text-align: center;
	border-left: 1px solid #ccccff;
	border-top: 1px solid #ccccff;
}


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

/*     Footer     */
/*#footer {
	position: relative;
	bottom: 0;
	left: 0;
	background: #FFFFFF url('../images/fond-footer.gif') top left repeat-y;
	width: 968px;
	height: 235px;
}

#footer #lienFooter {
	padding-left: 12px;
	padding-right: 17px;
	padding-top: 20px;
	font-size: 9px;
}

#footer #basFooter {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #FFFFFF url('../images/fond-bas-footer.gif') top left no-repeat;
	width: 968px;
	height: 149px;
}

#footer #basFooter #basFooterLien {
	padding-top: 21px;
	padding-left: 0px;
	text-align: center;
	font-size: 9px;
}
*/
/*****************/

.titreEspaceClient {
	height: 45px;
	/*padding-left: 196px;*/
	top:-10px;
	display:block;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003399;
}

	.titreEspaceClient .titreEspaceClient_Rouge {
		color: #cd0303;
	}


/******************************************************/
/*                       Classes Lien                  */
/******************************************************/

.titre-tableau {
	color: #003399;
	font-size: 11px;
}

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

.txt-rouge {
	color: #cc0000;
}

.titreEmprunteur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #cc0000;
	display:block;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:6px;
	padding-left:20px;
	border-bottom: 2px solid;
	width:650px;
}

a.lienNavHaut {
	text-decoration: none;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}

a:hover.lienNavHaut {
	text-decoration: underline;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}

a.lienBasFooter {
	color: #3366cc;
	font-size: 9px;
	text-decoration: none;
}

a:hover.lienBasFooter {
	color: #3366cc;
	font-size: 9px;
	text-decoration: underline;
}

a.none {
	text-decoration: none;
	font-weight: normal;
}

a:hover.none {
	text-decoration: none;
	font-weight: normal;
}

a.TemoignageHaut {
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}

a:hover.TemoignageHaut {
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}
#message_erreur {
    position: absolute;
    top: 200px;
    left: 7px;
    width: 285px;
    height: auto;
    background: url('../images/formulaire-erreur-fond.gif') top left repeat-y;
    line-height: 12px;
    z-index: 110;
    filter: alpha(opacity=90);
    
}

#message_erreur P {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #CC0000;
    margin: 0 12px 20px 12px;
}

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

/*  IMAGE courtier */
.shadow-img {
  padding: 5px 5px 9px 5px;
  background: white url(../images/shad_bottom.png) repeat-x bottom left;
}
div.shadow {
  background: #b4afa3;
  padding: 0 1px;
  border-left: 1px solid #dcd7c8;
  border-right: 1px solid #dcd7c8;
}

div.bottomleft {
  width: 4px;
  height: 4px;
  background: url(../images/shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}

div.bottomright {
  width: 4px;
  height: 4px;
  background: url(../images/shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}

div.topleft {
  width: 2px;
  height: 4px;
  background: url(../images/shad_tlcorner.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

div.topright {
  width: 2px;
  height: 4px;
  background: url(../images/shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}