a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

h1 {
	font: normal 24pt Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

h2 {
	font: bold 12pt Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 11pt;
}

h4 {
	color:#830083;
	font-weight:bold;
	font-size:1em;
	margin: 1em 0 .5em;
}

img {
	border: 0;
}


p {
	margin: 5px 0 15px;
}
#contenuAccueilF {
            margin-left: 189px;
            width: 700px;
            font: x-small Arial, Helvetica, sans-serif;
            position: relative;
}
#visuelFinanceT0208 {
            background-image: url(/include/statique/diversifie/finance/T0108/visuelT0208xfd.jpg);
            background-repeat:repeat-x;
            height: 241px;
            float:left;
            width: 100%;
            margin-top: 10px;
            margin-bottom: 10px;
            text-align:center;
            }

html>body #visuelFinanceT0208 {
            margin-right: 15px;
            }
.droit {
            float: right;
            width: 49%;
}

.gaucheX {
            float: left;
            width: 49%;
	}

#troisCol {
	width: 100%;
	height: 138px;
	text-align: center;
}

#troisCol .left, #troisCol .right {
	width: 50%;
	padding: 0;
}

#troisCol .left {
	float: left;
	text-align: left;
}

#troisCol .right {
	float: right;
	text-align: right;
}

table.tableau_cd {
	float: left;
	width: 300px;
	border: 1px solid #B2B2B2;
	font: bold 8pt Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	margin: 0 10px 10px 0;
}

ul {
	padding-left: 0;
	list-style: none;
}

ul.avantages li {
	margin-bottom: 5px;
}
/*	
.bloc_cd ul, .bloc_pp ul{
	float: left;
	width: auto;
	margin-top: 0;
}
*/

.bloc_rc ul {
	margin-left:50%;
}

.bloc_pp ul {
	margin-left:40%;
}

.bloc_cd ul {
	margin-left:55%;
}

.bloc_cd p {
	font-size: 8pt;
}

.bloc_cd li,.encadre li {
	margin-bottom: 8px;
	padding-left: 20px;
	background: transparent url(/include/statique/diversifie/finance/T0108//puce.gif) no-repeat 0 1px;
	-height:1%;
}

.bloc_pp li {
	margin-bottom: 20px;
}

.bloc_rc li {
	margin-bottom: 30px;
}

.bloc-gauche1-contenu {
	padding: 4px 4px 10px 6px;
	margin-bottom: 10px;
	margin-top: 0;
	background: url(/include/statique/diversifie/finance/T0108//bloc-gauche-1.gif) no-repeat bottom;
}

.bloc-gauche1-top {
	padding: 1px 0 0 6px;
	background: url(/include/statique/diversifie/finance/T0108//bloc-gauche-1.gif) no-repeat top;
	color: #FFFFFF;
	font-weight: bold;
	height: 19px;
}

.bloc-gauche2-contenu {
	padding: 4px 4px 10px 6px;
	margin-bottom: 10px;
	margin-top: 0;
	background: url(/include/statique/diversifie/finance/T0108//bloc-gauche-2.gif) no-repeat bottom;
}

.bloc-gauche2-top {
	padding: 4px 0 2px 8px;
	background: url(/include/statique/diversifie/finance/T0108//bloc-gauche-2.gif) no-repeat top;
	color: #830083;
	font-weight: bold;
	font-size: 1.1em;
}

.bloc-gauche3-top {
	padding: 4px 0 2px 6px;
	background: url(/include/statique/diversifie/finance/T0108//bloc-gauche-3-top.gif) no-repeat top;
	font-weight: bold;
	font-size: 1.1em;
}

.clear {
	clear: both;
}

.droit {
	float: right;
	width: 49%;
}

.encadre {
	border: 1px solid #B2B2B2;
	margin: 10px 0;
	padding: 10px;
	background: #F7F7F7;
}

.encadre_violet {
	float: left;
	width: 30%;
	border: 1px solid #830083;
	padding: 5px 5px 5px 10px;
	margin: 0 10px 10px 0;
}

.encadre_violet.large {
	width: 45%;
}

.encadre_violet ul {
	margin: 0;
	float: none;
}

.encadre_violet li {
	padding-left: 15px;
	background: none;
	margin: 0;
}

.gauche {
	float: left;
	width: 49%;
}

.gras {
	font-weight: bold;
}

.petit {
	font-size: 0.8em;
}

.tableau_cd td {
	border: 1px solid #B2B2B2;
}

.total {
	margin-top: 5px;
	font-weight: bold;
	color: #830083;
}

.vert {
	color: #6A9A26;
}

.vert_amande {
	background: #F2F9DF;
}

.violet {
	color: #830083;
}

#accroche {
	background: url(/include/statique/diversifie/finance/T0108//bandeau_violet_droite.gif) no-repeat right;
	margin-bottom: 10px;
	height: 77px;
}

#accroche a {
	padding-left: 8px;
	display: block;
	background: url(/include/statique/diversifie/finance/T0108//bandeau_violet_gauche.gif) no-repeat left;
	text-align: center;
}

#contenu {
    margin-left: 189px;
	width: 700px;
	font: .8em Arial, Helvetica, sans-serif;
	position: relative;
}

#contenu.auto {
	width: auto;
}

#mentions-legales {
	clear: both;
	padding: 10px 0;
	font-size: 8pt;
	text-align: justify;
	color: #666666;
}

#menu-gauche {
	width: 176px;
	margin-top: 8px;
	margin-left: 3px;
	font: .8em "Trebuchet MS", Tahoma, Arial;
	float:left;
}

#menu-gauche img {
	margin-left: 2px;
	display: block;
}

/*****************/
/* Simulation pp */
/*****************/

.left {
	float: left;
}

.left, .right {
	width: 280px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

.left_align {
	text-align: left;
}

.ligne {
	padding: 2px 0 2px 0;
	height: 22px;
}

.right {
	float: right;
}

.right .ligne {
	height: 14px;
}

.right_align {
	text-align: right;
}

#btn_calculez {
	background: url(/include/statique/diversifie/finance/T0108//btn_calculez.gif) no-repeat;
	color: #EA6645;
}

#btn_calculez, #btn_demande, #btn_demande2 {
	width: 198px;
	margin: 0 auto;
	padding-top: 2px;
	font-weight: bold;
	height: 22px;
	cursor: pointer;
}

#btn_demande, #btn_demande2 {
	background: url(/include/statique/diversifie/finance/T0108//btn_demande.gif) no-repeat;
	color: #FFFFFF;
}

#btn_demande2 {
	top: 138px;
	left: 353px;
}

#simu1, #simu2 {
	width: 600px;
	border: solid 1px #830083;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 20px;
	background: url(/include/statique/diversifie/finance/T0108//pixel-830083.gif) #F2F9DF repeat-y 50%;
	height: auto;
}

#simu2 .right label {
	width: 150px;
}

#simu1 .right span, #simu2 .right span {
	border: 0;
	text-align: left;
}

#simu1 input, #simu1 select {
	width: 65px;
	border: solid 1px #830083;
	margin: 0;
	padding: 0;
	float: left;
	height: 18px;
	text-align: center;
}

#simu1 label, #simu2 label {
	float: left;
	width: 120px;
	padding: 0 5px 0 0;
	display: block;
	text-align: right;
}

#simu1 select {
	width: 67px;
	height: 20px;
}

#simu1 span, #simu2 span {
	float: left;
	padding: 0 0 0 5px;
	display: block;
}

/*****************/
/* simulation cd */
/*****************/

#container {
    width: 300px;
    height: 176px;
    background: transparent url(/include/statique/diversifie/finance/T0108//fond.gif) no-repeat scroll left top;
    position: relative;
	float:left;
	font-size: 10pt;
}
			
#resultat {
    width: 300px;
    height: 176px;
    position: relative;
}
			
.rel { position:relative; }
.abso { position:absolute; overflow:hidden; }
.hand { cursor:pointer; }

#resultats { padding: 4px 3px 0px 25px; top: 0; left: 300px; width: 241px; }
.brunrouge1 , brunrouge3 { text-align:center; line-height:10px; height:10px; }
.brunrouge1 { top:85px; width:50px;}
.brunrouge3 {	top:153px;	width:40px;	line-height:13px;	height:auto; padding:5px 0px 5px 0px; }

#montantaffiche2 { left: 10px;	width: 150px;	top: 30px; height: 20px }
#mensualiteaffiche2 { left: 10px; width: 150px; top: 105px; height: 20px }
			
#montantaffiche2 span, #mensualiteaffiche2 span { float:none; display:inline; border: 0; text-align: left; }
	    
#montant { top: 55px; left: 7px; width: 282px; height: 24px; }
#mensualite { top: 124px; left: 7px; width: 282px; height: 24px; }
	    
#montant_1, #mensualite_1 { top: 0px; left: 0px; width: 20px; height: 24px; }
#montant_2, #mensualite_2 { top: 0px; left: 28px; width: 9px; height: 24px; background: transparent url(/include/statique/diversifie/finance/T0108//curseur.gif); }
#montant_3, #mensualite_3 { top: 0px; left: 260px; width: 28px; height: 24px; }

#montant0  { visibility: hidden; left:  20px; }
#montant1  { visibility: hidden; left:  24px; }
#montant2  { visibility: hidden; left:  29px; }
#montant3  { visibility: hidden; left:  33px; }
#montant4  { visibility: hidden; left:  38px; }
#montant5  { visibility: hidden; left:  42px; }
#montant6  { visibility: hidden; left:  46px; }
#montant7  { visibility: hidden; left:  51px; }
#montant8  { visibility: hidden; left:  55px; }
#montant9  { visibility: hidden; left:  60px; }
#montant10 { visibility: hidden; left:  64px; }
#montant11 { visibility: hidden; left:  68px; }
#montant12 { visibility: hidden; left:  73px; }
#montant13 { visibility: hidden; left:  77px; }
#montant14 { visibility: hidden; left:  82px; }
#montant15 { visibility: hidden; left:  86px; }
#montant16 { visibility: hidden; left:  90px; }
#montant17 { visibility: hidden; left:  95px; }
#montant18 { visibility: hidden; left:  99px; }
#montant19 { visibility: hidden; left: 104px; }
#montant20 { visibility: hidden; left: 108px; }
#montant21 { visibility: hidden; left: 112px; }
#montant22 { visibility: hidden; left: 117px; }
#montant23 { visibility: hidden; left: 121px; }
#montant24 { visibility: hidden; left: 126px; }
#montant25 { visibility: hidden; left: 130px; }
#montant26 { visibility: hidden; left: 134px; }
#montant27 { visibility: hidden; left: 139px; }
#montant28 { visibility: hidden; left: 143px; }
#montant29 { visibility: hidden; left: 148px; }
#montant30 { visibility: hidden; left: 152px; }
#montant31 { visibility: hidden; left: 156px; }
#montant32 { visibility: hidden; left: 161px; }
#montant33 { visibility: hidden; left: 165px; }
#montant34 { visibility: hidden; left: 170px; }
#montant35 { visibility: hidden; left: 174px; }
#montant36 { visibility: hidden; left: 178px; }
#montant37 { visibility: hidden; left: 183px; }
#montant38 { visibility: hidden; left: 187px; }
#montant39 { visibility: hidden; left: 192px; }
#montant40 { visibility: hidden; left: 196px; }
#montant41 { visibility: hidden; left: 200px; }
#montant42 { visibility: hidden; left: 205px; }
#montant43 { visibility: hidden; left: 209px; }
#montant44 { visibility: hidden; left: 214px; }
#montant45 { visibility: hidden; left: 218px; }
#montant46 { visibility: hidden; left: 222px; }
#montant47 { visibility: hidden; left: 227px; }
#montant48 { visibility: hidden; left: 231px; }
#montant49 { visibility: hidden; left: 236px; }

#mensualite0  { visibility: hidden; left:  28px; }
#mensualite1  { visibility: hidden; left:  82px; }
#mensualite2  { visibility: hidden; left: 137px; }
#mensualite3  { visibility: hidden; left: 190px; }
#mensualite4  { visibility: hidden; left: 242px; }

