@charset "utf-8";
/* CSS Document */

body {
	width:1000px ;
	margin:auto ;
	background:#F3F3F3 ;
    font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 0.9em;
    color: #181818;
	overflow-x:hidden ;
}
#corps {
	min-height:1000px ;
	background-color:white  ;
	padding-bottom:100px ;	
}
#bloc_top {
	height:20px ;
}
 #evolution {
	 display:inline-block ;
	 width:200px ;
	 height:30px ;
	 line-height:30px ;
	 vertical-align:middle ;
	 text-align:center ;
	 border:solid green 2px ;
	 cursor:pointer ;
 }
 #testxx {
	 display:none ;
	 height:100px ;
	 line-height:100px ;
	 vertical-align:middle ;
	 text-align:center ;
	 margin-top:50px ;
	 margin-bottom:50px ;
	 width:300px ;
	 border:solid red 2px ;
	 
 }

#simulation {
}
h1 {
	display:inline-block ;
	vertical-align:middle ;
	position:relative ;
	top:-4px ;
	font-size:18px ;
	font-weight:bold ;
	letter-spacing:normal ;
	color:white ;
}

#feu {
	display:none ;
}
.entoureh1 {
	border-top:solid black 30px ;
	border-bottom:solid black 30px ;
	height:200px ;
	background-image:url(../images/soleilx.jpg) ;
	margin-top:20px ;
}

#pub {
	width:728px ;
	margin:auto ;
	margin-top:40px ;
	margin-bottom:20px ;
}

.carrex {
	display:inline-block ;
	vertical-align:middle ;
	width:200px ;
	height:200px ;
	background-image:url(../images/matrice.png) ;
	opacity:0.8 ;
}	
img#taeg {
	display:block ;
	width:227px ;
	margin:auto ;
	margin-top:70px ;
	border:solid black 1px ;
}
.banniere_simulation{
	display:block ;
	width:400px ;
	height:400px ;
	background-image:url(../images/matrice3.jpg) ;
}
#square4 {
	display:inline-block ;
	position:relative ;
	top:1px ;
	margin-left:-6px ;
 width: 10px;
 height: 10px;
 background:white ;
 border:dashed #455963 4px ;
 }
#premier_bloc {/* necessaire a cause des cartes qui se chevauchent */
	min-height:600px ;
	background-color:white ;
}
#portail {
	position:relative ;
	top:55px ;
	height:50px ;
	left:20px ;
	font-size:15px ;
	font-style:italic ;
}


/**********************************************************/
#chargement_page {
	display:none ;
}
.titre1 {
	margin-top:30px ;
}
#loader_index {
	position:absolute ;
	/*
	top:3420px ;
	left:800px ;
	*/
	visibility:hidden ;
}
#loader_index_indexation {
	position:absolute ;
	/*
	top:3420px ;
	left:800px ;
	*/
	visibility:hidden ;
}
h2 {
	display:inline-block ;
	vertical-align:middle ;
	margin:0 ;
	padding:0 ;
	font-size:15px ;
	margin-top:20px ;
	border-bottom:dashed black 1px ;
	position:relative ;
	top:-2px ;
	left:10px ;
	font-weight: bold;
	font-style: italic;
	
}
img.fleche3d {
	display:inline-block ;
	vertical-align:middle ;
	margin-left:20px ;
	margin-top:20px ;
}
img.flechecourbe {
	display:inline-block ;
	vertical-align:middle ;
	margin-left:0px ;
	margin-top:20px ;
}
	
#afficher_mensualite,#afficher_perte {
	display:inline-block ;
	margin-left:10px ;
	font-weight:bold ;
	font-size:15px ;
}
#afficher_mensualite_total {
	display:inline-block ;
	margin-left:30px ;
	font-weight:bold ;
	font-size:15px ;
}
#afficher_interet {
	display:inline-block ;
	margin-left:30px ;
	font-weight:bold ;
	font-size:15px ;
}
#afficher_taeg {
	display:inline-block ;
	margin-left:30px ;
	font-weight:bold ;
	font-size:15px ;
}
#afficher_mensualite2,#afficher_mensualite3 {
	display:inline-block ;
	margin-left:10px ;
	font-weight:bold ;
	font-size:15px ;
}
#afficher_interet2,#afficher_interet3 {
	display:inline-block ;
	margin-left:50px ;
	font-weight:bold ;
	font-size:15px ;
}
.cadrex {
	display:inline-block ;
	width:900px ;
	padding:10px ;
	box-shadow: 1px 5px 10px grey ;
	margin-left:30px ;
	margin-bottom:30px ;
	background-color: rgb(232, 231, 231);
}
#afficher_erreur,#afficher_erreur2,#afficher_erreur3,#afficher_erreur4 {
	margin-top:30px ;
	margin-left:30px ;
	margin-bottom:20px ;
	font-weight:bold ;
	color:red ;
}
table#emulation {
	border-collapse:collapse ;
	border:solid black 2px ;
	padding:5px ;
	margin-left:10px ;
	margin-right:10px ;
	margin-top:0px ;
}
table#indexation {
	border-collapse:collapse ;
	border:solid black 2px ;
	padding:5px ;
	margin-left:120px ;
}
table#emulation td,table#indexation td {
	width:250px ;
	height:20px ;
	text-align:center ;
	border:solid black 1px ;
}
.precision {
	width:800px ;
	margin:auto ;
	margin-top:10px ;
	font-style: italic;
	color: red ;
}
table#emulation th,table#indexation th {
	background-color:#4B4B4B ;
	border:solid black 2px ;
	font-style:italic ;
	height:50px ;
	color:white ;
}
form#calcul_credit {
	margin-left:30px ;
	position:relative ;
	top:0px ;
}
.titre_formulaire {
	margin-left: 30px;
}
.titre_reduit {
	margin-left: 0px;
}
form#calcul_credit input[type="submit"] {
	visibility:visible ;
	width:95px ;
	height:35px ;
	position:relative ;
	top:-1px ;
	background-color: rgb(132, 219, 2);
	border:solid rgb(15, 15, 15) 1px ;
}
form#calcul_credit input[type="submit"]:hover {
	cursor:pointer ;
	background-color: rgb(144, 240, 1);
}
form#calcul_credit input[type="text"] {
	width:100px ;
	height:30px ;
	border:solid black 1px ;
	text-align:center ;
}
form#calcul_credit input[type="text"].pourcent_assurance {
	width:50px ;
	height:30px ;
	border:solid black 1px ;
	text-align:center ;
}
form#calcul_credit input[type="text"].frais {
	width:100px ;
	height:30px ;
	border:solid black 1px ;
	text-align:center ;
}
form#calcul_credit input[type="text"].quotite {
	width:100px ;
	height:30px ;
	border:solid black 1px ;
	text-align:center ;
}
form#calcul_credit input[type="text"].taux {
	width:100px ;
	height:30px ;
	border:solid black 1px ;
	text-align:center ;
	
}
form#calcul_credit input[type="text"].taux_ligne {
	display:inline-block ;
	width:100px ;
	height:30px ;
	border:solid black 1px ;
	text-align:center ;
}
form#calcul_credit input[type="text"].quotite_ligne {
	display:inline-block ;
	width:100px ;
	height:30px ;
	border:solid black 1px ;
	text-align:center ;
}
form#calcul_credit_taeg {
	margin-left:30px ;
	position:relative ;
	top:-20px ;
}
form#calcul_credit_taeg input[type="submit"] {
	visibility:visible ;
	width:100px ;
	height:35px ;
	position:relative ;
	top:-1px ;
	background-color: rgb(132, 219, 2);
	border:solid rgb(15, 15, 15) 1px ;
}
form#calcul_credit_taeg input[type="submit"]:hover {
	cursor:pointer ;
	background-color: rgb(144, 240, 1);
}
form#calcul_credit_taeg input[type="text"] {
	width:120px ;
	height:30px ;
	border:solid black 1px ;
	text-align:center ;
}
form#calcul_credit_teg {
	margin-left:30px ;
	position:relative ;
	top:-20px ;
}
form#calcul_credit_teg input[type="submit"] {
	visibility:visible ;
	width:100px ;
	height:35px ;
	position:relative ;
	top:-1px ;
	background-color: rgb(132, 219, 2);
	border:solid rgb(15, 15, 15) 1px ;
}
form#calcul_credit_teg input[type="submit"]:hover {
	cursor:pointer ;
	background-color: rgb(144, 240, 1);
}
form#calcul_credit_teg input[type="text"] {
	width:120px ;
	height:30px ;
	border:solid black 1px ;
	text-align:center ;
}
form#calcul_indexation {
	margin-left:30px ;
	position:relative ;
	top:-20px ;
}
form#calcul_indexation input[type="submit"] {
	visibility:visible ;
	width:100px ;
	height:35px ;
	position:relative ;
	top:-1px ;
	background-color: rgb(132, 219, 2);
	border:solid rgb(15, 15, 15) 1px ;
}
form#calcul_indexation input[type="submit"]:hover {
	cursor:pointer ;
	background-color: rgb(144, 240, 1);
}
form#calcul_indexation input[type="text"] {
	width:120px ;
	height:30px ;
	border:solid black 1px ;
	text-align:center ;
}

select {
	border:solid black 1px ;
	height:35px ;
	width:88px ;
	position:relative ;
	top:0px ;
}
.capital {
	display:inline-block ;
	width:100px ;
	margin:3px ;
	margin-top:50px ;
	text-align:center ;
	font-weight:bold ;
    font-size:13px ;
}
.capital2 {
	display:inline-block ;
	width:120px ;
	margin:3px ;
	margin-top:50px ;
	text-align:center ;
	font-weight:bold ;
    font-size:13px ;
}
.pourcent {
	display:inline-block ;
	width:100px ;
	margin:3px ;
	margin-top:50px ;
	text-align:center ;
	font-weight:bold ;
	font-size:13px ;
	text-align:center ;
}
.quotitex {
	display:inline-block ;
	width:100px ;
	margin:4px ;
	margin-top:50px ;
	text-align:center ;
	font-weight:bold ;
	font-size:13px ;
	text-align:center ;
}
.fraisx {
	display:inline-block ;
	width:100px ;
	margin:5px ;
	margin-right:10px ;
	margin-top:50px ;
	text-align:center ;
	font-weight:bold ;
	font-size:13px ;
}
.type {
	display:inline-block ;
	width:70px ;
	margin:2px ;
	margin-top:50px ;
	text-align:center ;
	font-weight:bold ;
	font-size:13px ;
	text-align:center ;
}
.type_assurance {
	display:inline-block ;
	width:85px ;
	margin:5px ;
	margin-top:50px ;
	text-align:center ;
	font-weight:bold ;
}
.co {
	margin-left:210px ;
	margin-top:5px ;
	font-weight:bold ;
	font-size:13px ;
}

/**********************************************************/
.bloc_texte {
	margin-top:20px ;
	padding:50px ;
	padding-top:0px ;
	padding-bottom:0px ;
	border:solid black 0px ;
}
.entoureh1:hover {
	cursor:pointer ;
}
#video {
	width:800px ;
	margin:auto ;
}
#nom {
	padding-top:50px ;
	font-size:20px ;
	margin-left:97px ;
	position:relative ;
	width:800px ;
}