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;*/
width:990px;
margin-left:auto;
margin-right:auto;
}


#header{
/*width:1000px;*/
width:990px;
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, .link-mention, .link-interne {color:#4C4C4C; text-decoration:none; font-weight:bold;}
#footer a:hover, #header_links a:hover, .link-mention:hover, .link-interne:hover {color:#FF6600; text-decoration:underline; font-weight:bold;}


.link-externe{color:black; }
.link-externe:hover{color:#FF6600;}


#content, #content-txt, #index{
width:690px;
}

#content h2{margin-top:25px;margin-bottom:2px; padding:0px;}
#content h3, #content-txt h3 {margin-top:20px;margin-bottom:0px;margin-left:20px; color:#4586D5}
/*#content-txt h2 {margin-top:25px;margin-bottom:2px; padding:0px;}*/
h2.page {margin-top:25px;margin-bottom:2px; padding:0px; background: url(../images/puce-h2.gif) no-repeat left top; padding-left:22px; padding-bottom:2px}
#content-txt h3 {margin-top:15px;margin-bottom:0px;margin-left:20px;}
#content-txt p{margin-left:20px; padding-top:7px; margin-right:20px; line-height:16px;}

.and-now{
color: #4586D5;
font-weight: bold;
font-size:14px;
}

ul.list-content {margin-left:50px; margin-right:15px; list-style-image:url(../images/puce.gif)}
.list-content li {margin-top:5px}
.graph-exemple{margin-top:10px; margin-left:20px;}

ul.list-content-hp{list-style-image:url(../images/../images/puce.gif); margin-left:25px; margin-right:25px; width:360px; margin-bottom:10px; }
.list-content-hp li{margin-top:10px;}

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

#content-right-col{
	width: 332px;
	float: left;
	margin-top: 10px;
	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, .diag-exemple{
	color:#FF6600;
	font-weight:bold;
	font-size:13px;
	text-decoration: none;
}

#message-1, #message-2{
position:absolute;
top:190px;
left:16px;
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;}
#partenaires{ background:url('../images/background-push-partenaires.gif') no-repeat top right; width:auto; margin-top:15px; height:120px;}
#partenaires-content, #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;}

/*#partenaires_swf{padding-left:25px;}*/

#footer{
	width: 690px;
	margin-top:20px;
	margin-bottom:10px;
	/*background:url(../images/footer-background.gif) no-repeat;*/
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	text-align:left;
}

#footer-sites{
	background:transparent url(../images/footer-bg-440.gif) repeat-y scroll left center;
	float:right;
	width:440px;
}

.footer-titre { color:#FF6600; display:block; font-size:12px; padding-left:10px; padding-top:12px;}
.fond-sites { background:transparent url(../images/footer-top-440.jpg) no-repeat scroll center top; }
.sites-texte { margin-left:35px; }
.site-entry { margin-bottom:5px; }
.sites-texte img { border:medium none; float:left; }
.sites-texte img { border:medium none; float:left; }
.site-titre { display:block; margin:0 0 0 25px; }
.site-titre a, #footer-navigation a { color:#006699; font-size:12px; font-weight:bold; text-decoration:none; }
.sites-texte blockquote { margin:0 0 0 25px; }
.sites-texte blockquote a { color:#006699; text-decoration:none; }
#footer-navigation { background:transparent url(../images/footer-bg-241.gif) repeat-y scroll 0 0; margin-bottom:5px; position:relative; width:242px;}
#footer-navigation UL{ margin-top:10px; 	margin-bottom:0px; margin-left:30px; font-size:12px; font-weight:bold; color: #006699; line-height:15px; }
#footer-institutionnel UL{ margin-top: 10px; line-height:22px; font-size:12px; margin-bottom:0px; list-style-type :none; padding-left:20px; }
#footer-navigation A, #footer-institutionnel A{ color: #006699; text-decoration:none; }
#footer-navigation A:hover, #footer-institutionnel A:hover{ color: #006699; text-decoration:underline; }
#footer-actualites{ width:242px; background: url(../images/footer-bg-241.gif) repeat-y; margin-bottom:5px; }
#footer-actualites UL{ list-style-type :none; margin-top:5px; margin-bottom:0px; padding-left:10px; }
#footer-actualites LI{padding-bottom:5px; padding-right:5px;}
#footer-actualites UL a{ color: #006699; font-size:10px; font-weight:bold; text-decoration: none; }
#footer-actualites UL a:hover{ text-decoration: underline; }
.fond-navigation, .fond-actualites { background:transparent url(../images/footer-top-241.jpg) no-repeat scroll center top; }
.footer-navigation-bottom, .footer-actualites-bottom {background:transparent url(../images/footer-bottom-241.gif) no-repeat scroll center bottom; height:12px; width:242px; }
.footer-sites-bottom { background:transparent url(../images/footer-bottom-440.gif) no-repeat scroll center bottom; height:13px; width:440px; }

#footer-institutionnel { background:transparent url(../images/footer-bg-690.gif) repeat-y scroll left center; width:690px; }
.fond-institutionnel { background:transparent url(../images/footer-top-690.gif) no-repeat scroll center top; }
.footer-institutionnel-bottom { background:transparent url(../images/footer-bottom-690.gif) no-repeat scroll center bottom; height:13px; width:690px; }

/*#footer span{
	text-align:right;
	padding-top:9px;
	padding-right:20px;
	display: block;
}*/


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

#nav-menu {
padding: 0;
list-style: none;
position:relative;
top:-20px;
width:450px;
margin-left:260px;
}
.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:5px;
	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%;
}

/* 	///////////////////////////////////////////////////////	*/
/* 			*/
.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-part h2{margin-top:10px}

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

#credit-immobilier-direct{
	background:url(../images/push-bottom-background.gif) repeat-y;
	margin-top:30px;
}
#credit-immobilier-direct UL {
	margin-left:90px;
	margin-bottom:10px;
	list-style-image:url(../images/push-bottom-puce.gif);
}
#credit-immobilier-direct p{
	margin-left:50px;
	padding-top:0px;
}

/* POLICES */
h1{ font-family:Arial; font-size:26px; font-weight:bold; color:#4586D5; margin-bottom:5px;}
h2, h2 a, .duree{ 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;}
.solution h2, .simulation h2, .institutionnel h2{ margin-top:20px; }
.internet h2{padding:0px;margin-top:10px;}

.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;}

.note , #breadcrumb{font-size:10px; }

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

#simulateur-bouton{ text-align:right; /*margin-right:180px;*/ margin-right:50px; margin-top:-100px; }

.recompense-logo{float:left; margin-right:15px; margin-top:10px; margin-left:15px;}

h2.simulation-result{margin-left:20px; margin-top:0px;}

.betterTip_inactive{ text-decoration:none; }
#simulation-endettement-result, #simulation-resteavivre-data{ 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{ display:block; margin-top:10px; }
.list-result{ list-style-image:url(../images/push-bottom-puce.gif); margin-left:20px; }
#solution{display:block; margin-left:20px; padding-left:10px;}
#solution UL{margin-left:50px; list-style-image:url(../images/push-bottom-puce.gif);}

a.simulation-link {text-decoration:none; color:#FF6600; font-weight:bold;}
a.simulation-link:hover{text-decoration:underline; color:#4586D5 }

#mensualite-actuelle{background: url(../images/simulation-mensualite-actuelle.gif) no-repeat left; background-position:0% 50%; height:43px; vertical-align:center; padding-left:50px; font-size:18px; padding-top:25px; }
#mensualite-actuelle-valeur{color:#CE400C; font-size:20px;}

.mensualite{margin-left:10px; margin-top:10px; float:left; width:180px;}
.mensualite ul{margin-left:25px;}
.mensualite-badge{background: url(../images/simulation-badge.gif) no-repeat; width:150px; height:110px; margin-left:10px; clear:left;}
.mensualite-info, .economie-info{padding-top:35px; padding-left:0px; text-align:center; font-size:30px; line-height:25px; width:110px;}
.economie{width:200px; float:left; margin-top:10px;}
.economie-block{background: url(../images/simulation-arrow-up.gif) no-repeat left top; background-position:0% 10%; width:150px; height:150px;} /*margin-left:50px;*/
.economie-info, .endettement-info{font-size:30px;  padding-top:15px; padding-left:45px; line-height:36px; width:150px; text-align:left; }
.endettement{width:200px; float:left; margin-top:10px;}
.endettement-block{background: url(../images/simulation-arrow-down.gif) no-repeat left top; background-position:0% 10%; width:150px; height:150px;}
.unite{font-size:12px; line-height:11px;}
.diag-col-titre{color:#FF6600; font-size:12px;font-weight:bold;}
.txt-simulation{font-size:12px; font-weight:normal;}

#confirmation-message{ margin:20px 0 20px 50px; padding-left:20px; padding-bottom:10px; border-left:solid; border-bottom:solid; width:400px; }
.validation{color:#006600; font-weight:bold; }
.erreur{ color:#CC0000; font-weight:bold;}

.site{margin-bottom:30px;}
.site-action{clear:left; margin-left:30px; font-size:10px;margin-top:3px;}
.site-action img { vertical-align:middle;}

#formulaire_anim_diagnostic{ margin-top:50px;}

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

.nettoyeur{
	clear:both;
}

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

.tips{display:none;}

/* Diagnostic du simulateur de rachats de credits */
/* Skin */
.tabs-diag { list-style: none; margin: 20px 0 0 0; padding: 0 0 0 4px; }
.tabs-diag:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block; clear: both; content: " "; }
.tabs-diag li { float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */ }
.tabs-diag a, .tabs-diag a span { display: block; padding: 0 10px; background: url(../images/tab-diagnostic.png) no-repeat; }
.tabs-diag a { 
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-diag .tabs-selected a { color: #fff; }
.tabs-diag .tabs-selected a, .tabs-diag a:hover, .tabs-diag a:focus, .tabs-diag a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-diag a, .tabs-diag .tabs-disabled a:hover, .tabs-diag .tabs-disabled a:focus, .tabs-diag .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-diag a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-diag a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-diag .tabs-selected a span {
    padding-top: 7px;
}
.tabs-diag .tabs-selected a span, .tabs-diag a:hover span, .tabs-diag a:focus span, .tabs-diag a:active span {
    background-position: 0 -50px;
}
.tabs-diag a span, .tabs-diag .tabs-disabled a:hover span, .tabs-diag .tabs-disabled a:focus span, .tabs-diag .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-diag .tabs-selected a:link, .tabs-diag .tabs-selected a:visited, .tabs-diag .tabs-disabled a:link, .tabs-diag .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-diag a:hover, .tabs-diag a:focus, .tabs-diag a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-diag .tabs-disabled {
    opacity: .4;
}
.tabs-diagnostic {
    border-top: 1px solid #CC0000;
    /*padding: 1em 8px;*/
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
	background:url(../images/diagnostic-background.gif) repeat-y;
	/*background:url(../../images/simulation-background.jpg) repeat-y;*/
	width:600px;
}
.diagnostic-tresorerie{background:url(../images/diagnostic-background.gif) repeat-y; padding-left:15px;}
.tabs-diagnostic P, H2{
	padding:10px;
}
#tabs-diagnostic-bottom{
	background:url(../images/diagnostic-bottom.gif) no-repeat;
	width:600px;
	height:19px;
}

.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

.invalidite-libelle-select {
	color:#000000;
	font-size:10px;
	font-weight:normal;
	padding-bottom:4px;
	text-align:right;
	vertical-align:middle;
}

/* ANIMATION PARTENAIRES */
#partenaires_swf{
	height:75px;
	width:186px;
	position:relative;
	margin-left:30px;
}

#partenaires_swf DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 85px;
    /*background-color: #FFF;*/
	/*padding-top:17px;*/
}

#partenaires_swf DIV.active {
    z-index:10;
    opacity:1.0;
}

#partenaires_swf DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 85px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}