/*--------------------------------------*/
/*--           SIMULATION             --*/
/*--------------------------------------*/

#recapitulatif{
	display:block;
	height:23px;

	padding: 6px 0px 0px 0px;
	margin: 0px 0px 10px 0px;

	text-decoration:none;
	font-size:14px;
	color:#013e52;
	background:url('images/bg_recapitulatif.jpg') 0px 0px no-repeat;
}

	#recapitulatif .left {
		float: left;
		width: 208px;

		text-align: center;
	}

	#recapitulatif .center {
		float: left;
		width: 208px;

		text-align: center;
	}

	#recapitulatif .right{
		float: left;
		width: 209px;

		text-align: center;
	}

	#recapitulatif .separator {
		width: 1px;
		height: 20px;
		
		float: left;

		margin: -px 10px 0px 10px;

		background-color: #baedff;
		border-right: 1px solid #5ec3e5;
	}

#simulation {}

#simulation h2{}

	#simulationContainer{
		width:600px;
		height:280px;
		padding:15px;
		margin-bottom:10px;
		color:#013e52;
		background:url('images/bg_simulation.jpg') 0px 0px no-repeat #7fd7f5;
	}

		.simuPrincipale #simulationContainer {
			margin-top: 40px;
		}
	
	#montantContainer {}

	#montantContainer .montant {
		width:600px;
		height:60px;
	}

		#montantContainer .montant .topAmountContainer {
		}

			#montantContainer .montant .topAmountContainer .topAmount{
				float:left;
				width:75px;
				height:14px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-right:6px;
				color:#013e52;
				font-size:11px;
			}

			#montantContainer .montant .topAmountContainer .topAmountActive{
				float:left;
				width:75px;
				height:14px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-right:6px;
				color:#00b0eb;
				background-color:#ffffff;
			}

		#montantContainer .montant .bottomAmountContainer{
			padding-left:33px;
		}

			#montantContainer .montant .bottomAmountContainer .bottomAmount{
				float:left;
				width:75px;
				height:14px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-left:6px;
				color:#013e52;
				font-size:11px;
			}

			#montantContainer .montant .bottomAmountContainer .bottomAmountActive{
				float:left;
				width:75px;
				height:14px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-left:6px;
				color:#00b0eb;
				background-color:#ffffff;
			}

		#montantContainer .montant .montantRail{
			display:block;
			height:30px;
		}
	
	#mensualiteContainer {}

	#mensualiteContainer .mensualite {
		width:600px;
		height:60px;
	}

		#mensualiteContainer .mensualite .topAmountContainer {
		}

			#mensualiteContainer .mensualite .topAmountContainer .topAmount{
				float:left;
				width:75px;
				height:34px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-right:30px;
				color:#013e52;
				font-size:11px;
			}

			#mensualiteContainer .mensualite .topAmountContainer .topAmountActive{
				float:left;
				width:75px;
				height:34px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-right:30px;
				color:#00b0eb;
				background-color:#ffffff;
			}

		#mensualiteContainer .mensualite .bottomAmountContainer{
			padding-left:24px;
		}

			#mensualiteContainer .mensualite .bottomAmountContainer .bottomAmount{
				float:left;
				width:75px;
				height:34px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-left:30px;
				color:#013e52;
				font-size:11px;
			}

			#mensualiteContainer .mensualite .bottomAmountContainer .bottomAmountActive{
				float:left;
				width:75px;
				height:34px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-left:30px;
				color:#00b0eb;
				background-color:#ffffff;
			}

		#mensualiteContainer .mensualite .montantRail{
			display:block;
			height:30px;
		}


/*-------------CREDIT FORM--------------------------*/

#credit{
}

#credit .creditTypeTop {
	width: 850px;
	height: 6px;
	background:url('images/bg_creditType_top.jpg') 0px 0px no-repeat #7fd7f5;
}

#credit .creditTypeBottom {
	width: 850px;
	height: 6px;
	background:url('images/bg_creditType_bottom.jpg') 0px 0px no-repeat #7fd7f5;
	margin-bottom:15px;
}

#credit .creditType{
	padding:10px;
	background-color: #c0ecfb;
	color: #013e52;
}

#credit h1{
	color: #013e52;
}

	#credit .creditType .creditTypeLeft{
		width:610px;
		float:left;
	}

	#credit .creditType .creditTypeRight{
		width:200px;
		float:left;
	}

	#credit .creditType .creditTypeBtn{
		width:50px;
		height:44px;
		padding:0px;
		color:#ffffff;
		border:1px solid #ffffff;
		background-color:#00a3fb;
		margin-right:20px;
	}

		#credit .creditType .creditTypeBtn:hover{
			background-color:#ff0060;
		}


/* ------------------------------------------------------------------ */
/* -                   STEP ITEMS                                     */
/* ------------------------------------------------------------------ */


#credit .nav{
}

	#credit .nav .step{
		width:100%;
		float:left;
		display:block;
		padding:7px 0px 7px 0px;
		color:#555555;
		font-size:12px;
		text-align:center;
		text-decoration:none;
		background-color:#f3f3f3;
	}

		#credit .nav .step:hover{
			width:100%;
			float:left;
			display:block;
			padding:7px 0px 7px 0px;
			color:white;;
			font-size:12px;
			text-align:center;
			text-decoration:none;
			background-color:#00b0eb;
		}

	#credit .nav .stepActive{
		width:100%;
		float:left;
		display:block;
		padding:7px 0px 7px 0px;
		color:white;;
		font-size:12px;
		text-align:center;
		text-decoration:none;
		background-color:#00b0eb;
	}

		#credit .nav .stepActive:hover{
		}

	#credit .nav .separator{
		width:10px;
		height:28px;
		float:left;
		background:url('images/stepitemseparator.gif') 0px 0px no-repeat;
	}


		
	/*


/*------------*

	#credit .nav .step{
		width:158px;
		height:30px;
		display:block;
		float:left;
		font-size:12px;
		font-weight:bold;
		border-width:0px;
		margin-right:5px;
		color:#555555;
		background-color:#F5F5F5;
	}

	#credit .nav .step:hover{
		color:#FFFFFF;
		background-color:#00A3FB;
		cursor:pointer;
	}

	#credit .nav .stepActive{
		width:158px;
		height:30px;
		display:block;
		float:left;
		font-size:12px;
		font-weight:bold;
		border-width:0px;
		margin-right:5px;
		color:#FFFFFF;
		background-color:#00A3FB;
		cursor:pointer;
	}
*----------*/

#credit .aide{
	line-height:11px;
	font-size:10px;
}

#credit .creditFormTop {
	width: 850px;
	height: 6px;
	background:url('images/bg_creditForm_top.jpg') 0px 0px no-repeat #7fd7f5;
}

#credit .creditFormBottom {
	width: 850px;
	height: 6px;
	background:url('images/bg_creditForm_bottom.jpg') 0px 0px no-repeat #7fd7f5;
	margin-bottom:15px;
}

#credit .creditForm{
	padding:10px;
	border: 2px solid #f3f3f3;
}

	#credit .creditForm .formulaire{background-color:transparent;}
	
	#credit .creditForm H3{
		padding:0px;
		margin:0px;
		font-weight:bold;
	}

	#credit .creditForm H4{
		display:inline;
		font-size:14px;
	}

	#credit .creditForm TD{
		padding:5px;
	}

/******* Cursor **********/

	#slider {
		width:600px;
		height:180px;
		padding:15px;
		margin-bottom:10px;
		color:#013e52;
		background:url('images/bg_simulation_small.jpg') 0px 0px no-repeat #7fd7f5;
	}
	
	#slider .slide {
		width:600px;
		height:60px;
	}

		#slider .slide .topAmountContainer {}

			#slider .slide .topAmountContainer .topAmount{
				float:left;
				width:75px;
				height:14px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-right:6px;
				color:#013e52;
				font-size:11px;
			}

			#slider .slide .topAmountContainer .topAmountActive{
				float:left;
				width:75px;
				height:14px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-right:6px;
				color:#00b0eb;
				background-color:#ffffff;
			}

		#slider .slide .bottomAmountContainer{
			padding-left:33px;
		}

			#slider .slide .bottomAmountContainer .bottomAmount{
				float:left;
				width:75px;
				height:14px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-left:6px;
				color:#013e52;
				font-size:11px;
			}

			#slider .slide .bottomAmountContainer .bottomAmountActive{
				float:left;
				width:75px;
				height:14px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-left:6px;
				color:#00b0eb;
				background-color:#ffffff;
			}

		#slider .slide .montantRail{
			display:block;
			height:30px;
		}
	
	#slider .sliderBtn {
		display: block;
		float: left;

		color:white;
		font-size:13px;
		font-weight:bold;
		padding:0px 3px;
		cursor:pointer;
		text-align:center;
		background-color: #00b0eb;
		text-decoration: none;

		padding: 2px 20px;

		border-bottom: 1px solid #0097e5;
		border-right: 1px solid #0097e5;
		border-left: 1px solid #c2ebf9;
		border-top:1px solid #c2ebf9;

		position: relative;
		top: 20px;
		left: 480px;
	}

		#slider .sliderBtn:hover {
			border-top:1px solid #353535;
			border-left:1px solid #353535;
			border-right:1px solid #1c1c1c;
			border-bottom:1px solid #1c1c1c;
			background-color:#292929;
		}

	/*#mensualiteContainer {}

	#mensualiteContainer .mensualite {
		width:600px;
		height:60px;
	}

		#mensualiteContainer .mensualite .topAmountContainer {
		}

			#mensualiteContainer .mensualite .topAmountContainer .topAmount{
				float:left;
				width:75px;
				height:34px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-right:30px;
				color:#013e52;
				font-size:11px;
			}

			#mensualiteContainer .mensualite .topAmountContainer .topAmountActive{
				float:left;
				width:75px;
				height:34px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-right:30px;
				color:#00b0eb;
				background-color:#ffffff;
			}

		#mensualiteContainer .mensualite .bottomAmountContainer{
			padding-left:24px;
		}

			#mensualiteContainer .mensualite .bottomAmountContainer .bottomAmount{
				float:left;
				width:75px;
				height:34px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-left:30px;
				color:#013e52;
				font-size:11px;
			}

			#mensualiteContainer .mensualite .bottomAmountContainer .bottomAmountActive{
				float:left;
				width:75px;
				height:34px;
				text-align:center;
				text-decoration:none;
				font-weight:bold;
				margin-left:30px;
				color:#00b0eb;
				background-color:#ffffff;
			}

		#mensualiteContainer .mensualite .montantRail{
			display:block;
			height:30px;
		}*/