
/* ------------------------------------------------------------------ */
/* -                     MODELE MISE EN PAGE 1                        */
/* ------------------------------------------------------------------ */

#pageFull{
	margin:0px 20px 0px 20px;
}

#pageLeft{
	width:246px;
	float:left;
	margin-right:24px;
}

#pageRight{
	width:554px;
	float:left;
}

	#pageRight .leftSide{
		width:306px;
		float:left;
		margin-right:15px;
		/*background-color:red;*/
	}

	#pageRight .rightSide{
		width:233px;
		float:left;
		/*background-color:green;*/
	}


/* ------------------------------------------------------------------ */
/*                               Link                                 */
/* ------------------------------------------------------------------ */

.link{	
	line-height:24px;
	border-bottom:1px solid #C6B2A2;
	background-color:#F4EEE2;
	padding:10px;	
	padding-left:12px;
}

	.link A{	
		color:#634837;
	}

	.link:hover{	
		color:#44ABE8;
	}

	.link IMG{
	margin-top:3px;
	margin-right:3px;
	}

	.link IMG:hover{
	filter:alpha(opacity=50);  
	-moz-opacity:0.50;
	opacity: 0.50;
	}

	.link .rss{
	
	}


/* ------------------------------------------------------------------ */
/* -                    Important                                     */
/* ------------------------------------------------------------------ */

.important{
	color:#1F8CCD;
	border:1px solid #1F8CCD;
	background-color:#EBF6FC;
	padding:5px;
	font-size:120%;
	line-height:22px;
}


/* ------------------------------------------------------------------ */
/* -                    Cadre                                         */
/* ------------------------------------------------------------------ */

.cadre{
	text-align:left;	
	border:#EBEBEB 1px solid;
	padding:5px;
	padding:5px;
}


/* ------------------------------------------------------------------ */
/* -                    Liste                                         */
/* ------------------------------------------------------------------ */

 .liste{
	border-top:4px solid #00A3FB;
	background-color:white;
}

 .liste TH{
	color:#00A3FB;
	background-color:white;
}

 .liste TD{
	border-bottom:1px solid #EBECEC;
}


 .liste TD H1{
	color:#2D99D9;
	font-weight:bold;
	font-size:12px;
}

 .liste TD BIG{
	color:#2D99D9;
	font-weight:bold;
	font-size:12px;
}

/************** PINK *************/

.listePink{
	border-top:4px solid #FE0060;
	background-color:white;
}

 .listePink TH{
	color:#FE0060;
	background-color:white;
}

 .listePink TD{
	border-bottom:1px solid #EBECEC;
}


 .listePink TD H1{
	color:#ec1566;
	font-weight:bold;
	font-size:12px;
}

 .listePink TD BIG{
	color:#ec1566;
	font-weight:bold;
	font-size:12px;
}

/************** GREEN *************/

.listeGreen{
	border-top:4px solid #98CC00;
	background-color:white;
}

 .listeGreen TH{
	color:#98CC00;
	background-color:white;
}

 .listeGreen TD{
	border-bottom:1px solid #EBECEC;
}


 .listeGreen TD H1{
	color:#9bbb3d;
	font-weight:bold;
	font-size:12px;
}

 .listeGreen TD BIG{
	color:#9bbb3d;
	font-weight:bold;
	font-size:12px;
}

/* ------------------------------------------------------------------ */
/* -                    BIG LINK / ONGLETS                            */
/* ------------------------------------------------------------------ */

#ongletContainer{
	width:15px;
	position:relative;
	top:0px;
	left:-15px;
	margin-bottom:-616px;
}

	.ongletPink{display:block; background:url('images/bg_onglet_pink.gif') 0px 0px no-repeat; width:15px; height:75px;	margin-bottom:13px;}
	.ongletOrange{display:block; background:url('images/bg_onglet_orange.gif') 0px 0px no-repeat; width:15px; height:75px;	margin-bottom:13px;}
	.ongletGreen{display:block; background:url('images/bg_onglet_green.gif') 0px 0px no-repeat; width:15px; height:75px; margin-bottom:13px;}
	.ongletBlue{display:block; background:url('images/bg_onglet_blue.gif') 0px 0px no-repeat; width:15px; height:75px;	margin-bottom:13px;}
	.ongletPurple{display:block; background:url('images/bg_onglet_purple.gif') 0px 0px no-repeat; width:15px; height:75px;	margin-bottom:13px;}


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

	#bigLink h2{
		font-size:16px; 
		margin-bottom:10px;
		background:none;
	}

	#bigLink A{
		display:block;
		width:226px;
		height:65px;
		padding:5px 10px 5px 10px;
		margin-bottom:13px;
		text-align:right;
		text-decoration:none;
		color:#979797;
		font-size:12px;
	}
	
	#bigLink .pink{background:url('images/bg_biglink_pink.jpg') 0px 0px no-repeat;}
		#bigLink .pink h2{color:#FE0060;}
	#bigLink .orange{background:url('images/bg_biglink_orange.jpg') 0px 0px no-repeat;}
		#bigLink .orange h2{color:#FE8300;}	
	#bigLink .green{background:url('images/bg_biglink_green.jpg') 0px 0px no-repeat;}
		#bigLink .green h2{color:#98CC00;}		
	#bigLink .blue{background:url('images/bg_biglink_blue.jpg') 0px 0px no-repeat;}
		#bigLink .blue h2{color:#00A3FB;}
	#bigLink .purple{background:url('images/bg_biglink_purple.jpg') 0px 0px no-repeat;}
		#bigLink .purple h2{color:#C1099C;}

	#bigLink .pinkActive{background:url('images/bg_biglink_pink.jpg') 0px bottom no-repeat;	color:#FFFFFF;}
		#bigLink .pinkActive h2{color:#FFFFFF}
	#bigLink .orangeActive{background:url('images/bg_biglink_orange.jpg') 0px bottom no-repeat; color:#FFFFFF;}
		#bigLink .orangeActive h2{color:#FFFFFF}
	#bigLink .greenActive{background:url('images/bg_biglink_green.jpg') 0px bottom no-repeat; color:#FFFFFF;}
		#bigLink .greenActive h2{color:#FFFFFF}
	#bigLink .blueActive{background:url('images/bg_biglink_blue.jpg') 0px bottom no-repeat;	color:#FFFFFF;}
		#bigLink .blueActive h2{color:#FFFFFF}
	#bigLink .purpleActive{background:url('images/bg_biglink_purple.jpg') 0px bottom no-repeat; color:#FFFFFF;}
		#bigLink .purpleActive h2{color:#FFFFFF}

	#bigLink A:hover, .bigLinkActive{
		color:#FFFFFF;
		background-position: 0px bottom;
	}
	
	#bigLink A:hover h2{
		color:#FFFFFF;	
	}


/* ------------------------------------------------------------------ */
/* -                    HOME                                          */
/* ------------------------------------------------------------------ */

#encartEtapes{
	height:108px;
	margin:0px 0px 10px 10px;
	padding:10px;
	display:block;
	text-decoration:none;
	color:#FE0060;
	background:url('images/bg_etapes.jpg') 0px 0px no-repeat;
}

#encartFacile{
	height:108px;
	margin: 0 0 14px 10px;
	padding:10px;
	display:block;
	text-align:right;
	text-decoration:none;
	color:#ffffff;
	background:url('images/bg_facile.jpg') 0px 0px no-repeat;
}

#encartTremplin{
	height:108px;
	margin-left:10px;
	padding:10px;
	display:block;
	text-align:right;
	text-decoration:none;
	color:#ffffff;
	background:url('images/bg_tremplin.jpg') 0px 0px no-repeat;
}

#encartVacances {
	margin-left:10px;
	padding: 0px 0px 2px 0px;
	display:block;
	text-align:right;
	text-decoration:none;
	color:#ffffff;
	background:url('images/bg_vacances.jpg') 0px 0px no-repeat #ff911e;
}

	#encartVacances .text {
		padding:10px;
		color: white;
	}

	#encartVacances img {
		margin: 0px;
		padding: 0px;
		border: none;
	}

#encartHome{
	display:block;
	width:554px;
	height:302px;
	margin-bottom:10px;
	position: relative;
	z-index: 2;
	/*background:url('images/bg_home.jpg') 0px 0px no-repeat;*/
}

	#encartHome .btn_who {
		width: 82px;
		height: 82px;

		position: relative;
		margin-bottom: -82px;
		top: -120px;
		left: 450px;
		z-index: 3;
	}

	#encartHome .btnHome1,
	#encartHome .btnHome2 {
		display: block;
		height: 15px;
		float: left;
		margin: 277px 0px 0px 15px;
		

		font-size: 10px;
		color: #ffffff;
		text-align: center;
		text-decoration: none;
	}
	
	#encartHome .btnHome1 {
		width: 108px;
		background: url('images/btn_home1.jpg') 0px 0px no-repeat;
	}
	
	#encartHome .btnHome2 {
		width: 178px;
		background: url('images/btn_home2.jpg') 0px 0px no-repeat;
	}

	#encartHome .btnHome1:hover,
	#encartHome .btnHome2:hover {
		background-position: 0px bottom
	}

/* SUPPRIME 20/04/2009 */

/*#encartRegroupement{
	display:block;
	margin-left:10px;
	width:236px;
	height:205px;
	margin-bottom:10px;
	background:url('images/bg_regroupement.jpg') 0px 0px no-repeat;
}*/

#encartPratique{
	width:262px;
	height:120px;
	margin:0px 10px 10px 0px;
	padding:30px 10px 0px 0px;
	display:block;
	float:left;
	color:#98CC00;
	font-size:12px;
	text-decoration:none;
	text-align:right;
	background:url('images/bg_pratique.jpg') 0px 0px no-repeat;
}

#encartDemande{
	width:262px;
	height:120px;
	margin-bottom:10px;
	padding:30px 0px 0px 10px;
	display:block;
	float:left;
	color:#FE0060;
	font-size:12px;
	text-decoration:none;
	background:url('images/bg_demande.jpg') 0px 0px no-repeat;
}

#mapHome{
	width:554px;
	height:272px;
	margin-bottom:10px;
}

	#mapHome img{
		width:554px;
		height:272px;
	}

	#mapHome .map{
	}

	#mapHome .map{
		width:200px;
		height: 120px;
		padding:10px;

		position: relative;
		z-index: 3;
		top: -280px;
		margin-bottom: -280px;
	}

	#mapHome .address{
		width:194px;
		float:left;
		padding:5px 5px 2px 5px;
	}

		#mapHome .address .box{
			padding:3px;
			border:1px solid #ebebeb;
			font-size:11px;
			margin-bottom:3px;
		}

#partenairesHome{
	padding:10px;
	border:1px solid #FE0060;
}

#encartFacile B, 
#encartPratique B,
#encartTremplin b,
#encartDemande B, 
#mapHome .map B{
	font-size:16px;
}

#encartEtapes:hover, 
#encartFacile:hover, 
#encartTremplin:hover,
#encartPratique:hover,
#encartDemande:hover,
#encartRegroupement:hover{
	filter:alpha(opacity=70);  
	-moz-opacity:0.70;
	opacity:0.70;
}




/* ------------------------------------------------------------------ */
/* -                    CONTACT                                       */
/* ------------------------------------------------------------------ */

.contact{
	width:198px;
	height:130px;
	float:left;
	display:block;
	padding:32px 0px 0px 17px;
	font-size:13px;
	text-decoration:none;
	color:#555555;
	background:url('images/bg_contact.jpg') 0px 0px no-repeat;
}

	.contact H1{
		font-size:16px;
		color:#00A2FA;
		margin:0px;
		padding:0px;
		background:none;
	}
	
	.contact:hover{
		background-position:bottom
	}

 #ControlContact {
	padding:10px;
	background:url('images/bg_contactform.jpg') 0px 0px no-repeat;
 }

 #ControlContact_img {
	width: 270px;
	height: 187px;
	
	position: relative;
	left: 284px;
	margin-bottom: -187px;
}


/* ------------------------------------------------------------------ */
/* -                    SECOND TEXT  BG                               */
/* ------------------------------------------------------------------ */

.bgPink{
	border:1px solid #FE0060;
	background-color: #fff6f9;
}

.bgOrange{
	border:1px solid #FE8300;
	background-color:#fff9f3;
}

.bgGreen{
	border:1px solid #98CC00;
	background-color:#fdfff8;
}

.bgBlue{
	border:1px solid #00A3FB;
	background-color:#f6fcff;
}

.bgPurple{
	border:1px solid #C1099C;
	background-color:#fff8fd;
}


/* ------------------------------------------------------------------ */
/* -                    SECOND TEXT                                   */
/* ------------------------------------------------------------------ */

.secondText{
	padding:6px;
}

	.secondText H1{
		background:none;
		padding:0px;
	}

	.secondText A:hover{
	}


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

#simulation{
}

.linkSimu{
	display:block;
	float:left;
	padding:5px;
	margin:1px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background-color:#98CC00;
}

.tremplin { background-color:#f16700; }

	.linkSimu:hover, .linkSimuActive, .linkSimuActive:hover{
		display:block;
	float:left;
	padding:5px;
	margin:1px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
		background-color:#A20683;
	}

#simulation H2{
	color:#6F6F6F;
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
	border-bottom:1px dotted #98CC00;
}
	
	#montantContainer{
		margin-bottom:15px;
		padding:13px;
		border:1px solid #98CC00;
		/*background-color:#F0F7D9;*/
	}

	#montantContainer .montant{
	}

		#montantContainer .montant .topAmount{
			color:#98CC00;
			float:left;
			width:75px;
			height:14px;
			text-align:left;
			text-decoration:none;
			font-weight:bold;
		}

		#montantContainer .montant .bottomAmount{
			color:#98CC00;
			float:left;
			width:75px;
			height:14px;
			text-align:right;
			text-decoration:none;
			font-weight:bold;
		}

		#montantContainer .montant .topAmountActive{
			float:left;
			width:75px;
			height:14px;
			text-align:left;
			text-decoration:none;
			color:#C1099C;
			font-weight:bold;
		}

		#montantContainer .montant .bottomAmountActive{
			float:left;
			width:75px;
			height:14px;
			text-align:right;
			text-decoration:none;
			color:#C1099C;
			font-weight:bold;
		}

		#montantContainer .montant .montantRail{
			display:block;
			padding-top:5px;
			padding-bottom:5px;
		}
	
	#mensualiteContainer{
		margin-bottom:15px;
		padding:13px;
		border:1px solid #98CC00;
		/*background-color:#F0F7D9;*/
	}

	#mensualiteContainer .mensualite{
	}

		#mensualiteContainer .mensualite .topAmount{
			color:#98CC00;
			float:left;
			width:87px;
			height:34px;
			text-align:left;
			text-decoration:none;
			font-weight:bold;
		}

		#mensualiteContainer .mensualite .bottomAmount{
			color:#98CC00;
			float:left;
			width:87px;
			height:34px;
			text-align:right;
			text-decoration:none;
			font-weight:bold;
		}

		#mensualiteContainer .mensualite .topAmountActive{
			float:left;
			width:87px;
			height:34px;
			text-align:left;
			text-decoration:none;
			color:#C1099C;
			font-weight:bold;
		}

		#mensualiteContainer .mensualite .bottomAmountActive{
			float:left;
			width:87px;
			height:34px;
			text-align:right;
			text-decoration:none;
			color:#C1099C;
			font-weight:bold;
		}

		#mensualiteContainer .mensualite .mensualiteRail{
			display:block;
			margin-bottom:5px;
		}

#recapitulatif{
	width:200px;
	height:50px;
	padding:6px 10px 6px 10px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	float:left;
	background:url('images/bg_recapitulatif.jpg') 0px bottom repeat-x #a0cb0a;
}

.btnSend{
	width:121px;
	height:35px;
	padding:6px 4px 6px 4px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	float:right;
	margin-bottom:5px;
	background:url('images/bg_btnsend.jpg') 0px top no-repeat;
}

	.btnSend:hover{
		color:#ffffff;
		font-weight:bold;
		background-position:0px bottom;
	}


/* ------------------------------------------------------------------ */
/* -                    Partnaires                                    */
/* ------------------------------------------------------------------ */

	.partenaires img {
		border: 0;
	}

	.partenaires a {
			border: 0;
		}

/* ------------------------------------------------------------------ */
/* -                    SubMenu                                       */
/* ------------------------------------------------------------------ */

.subMenu{
	margin-bottom:15px;
	_margin-bottom: 25px;
}

	.subMenu A{
		display:block;
		float:left;
		padding:3px 10px;
		margin:0px 5px 0px 0px;
		background-color:#f2f2f2;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
	}

	.subMenu a:hover {
		font-weight:bold;
	}

	.subMenu .bigButton {
		text-align: center;
		width: 254px;
	}

	.subMenu .bigButtonRight{
		width: 254px;
		text-align: center;
		margin: 0px 0px 0px 0px;
	}


	.subMenu .pink:hover{
		color:#ffffff;
		background-color:#FE0060;
	}

	.subMenu .orange:hover{
		color:#ffffff;
		background-color:#FE8300;
	}

	.subMenu .green:hover{
		color:#ffffff;
		background-color:#98CC00;
	}

	.subMenu .blue:hover{
		color:#ffffff;
		background-color:#00a1fe;
	}

	.subMenu .purple:hover{
		color:#ffffff;
		background-color:#C1099C;
	}

	/* MANQUE DE PLACE -> classe SQUEEZE */

	a.squeeze {
		padding:3px 4px;
		margin:0px 5px 0px 0px;
	}

	a.squeeze:hover {
		padding:3px 4px;
		margin:0px 5px 0px 0px;
	}

/* ------------------------------------------------------------------ */
/* -                    Big titles & colors                           */
/* ------------------------------------------------------------------ */

.bigTitle {
	display: block;
	width: 543px;
	height: 103px;
	padding: 0;
	margin: 0;
	background: none;
	overflow: hidden;

	padding: 17px 0px 0px 11px;

	position: relative;
	z-index: 3;
	margin-bottom: -120px;

	color: #767676;
	font-size: 30px;
	line-height: 29px;
	letter-spacing: -2px;
}

.oneLine {
	height: 45px;
	padding: 75px 0px 0px 11px;
}

.twoLines {
	height: 74px;
	padding: 46px 0px 0px 11px;
}

.bigTitleImage {
	display: block;
	position: relative;
	z-index: 2;
}



.pink {
	color: #ff005c;
}

a.pink:hover {
	text-decoration: none;
}

.green {
	color: #80ab00;
}

h1 .green {
	color: #98cb00;
}

.blue {
	color: #007acd;
}

h1 .blue {
	color: #00a0ff;
}

.orange {
	color: #ef6300;
}

.purple {
	color: #9a067c;
}

.gray {
	color: #767676;
}

/* ------------------------------------------------------------------ */
/* -                    Encarts leftSide                              */
/* ------------------------------------------------------------------ */

.encartLeftSide {
	display: block;
	width: 237px;
	height: 75px;
	padding: 25px 0px 0px 10px;

	overflow: hidden;

	color: #767676;
	font-size: 12px;
	line-height: 16px;
}

.encartLeftSide a {
	text-decoration: none;
}

.encartLeftSide a.gray {
	text-decoration: underline;
}

.encartLeftSide span {
	font-size: 16px;
	letter-spacing: -1px;
}

.encartLeftSide_credit {
	margin-top: 10px;
	background:url('images/encartLeftSide_credit.jpg') 0px top no-repeat;
}

.encartLeftSide_renovation {
	background:url('images/encartLeftSide_renovation.jpg') 0px top no-repeat;
}

.encartLeftSide_pretMaison {
	height: 94px;
	padding: 6px 0px 0px 10px;
	background:url('images/encartLeftSide_pretMaison.jpg') 0px top no-repeat;
}

.encartLeftSide_agenceDePret {
	margin-top: 10px;
	height: 85px;
	padding: 15px 0px 0px 10px;
	background:url('images/encartLeftSide_agenceDePret.jpg') 0px top no-repeat;
}

.encartLeftSide_pretAuto {
	background:url('images/encartLeftSide_pretAuto.jpg') 0px top no-repeat;
}

.encartLeftSide_calculEmprunt {
	margin-top: 10px;
	background:url('images/encartLeftSide_calculEmprunt.jpg') 0px top no-repeat;
}

.encartLeftSide_demandeDeCredit {
	height: 85px;
	padding: 15px 0px 0px 10px;
	background:url('images/encartLeftSide_demandeDeCredit.jpg') 0px top no-repeat;
}

.encartLeftSide_creditRapide {
	background:url('images/encartLeftSide_creditRapide.jpg') 0px top no-repeat;
}

.encartLeftSide_pretTremplin {
	background:url('images/encartLeftSide_pretTremplin.jpg') 0px top no-repeat;
}

.encartLeftSide_pretTemperament {
	background:url('images/encartLeftSide_pretTemperament.jpg') 0px top no-repeat;
}

.encartLeftSide_simulatorCredit {
	background:url('images/encartLeftSide_simulatorCredit.jpg') 0px top no-repeat;
}