@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

body{
	background:#D1E890
}

/* PNG Fix IE6 */
img, div, a, input { behavior: url("js/iepngfix.htc") }
/***************/

.clearFloat{
	clear:both;
	width:0;
	height:0;	
}

img{
	border:0;
	margin:0;
	padding:0;
}
* html strong,
* html .strong {
	margin:0 !important;
	padding:0 !important;
}
h1,h2{
	color:#f60;
	font-size:2em;
	padding:0 0 .5em;
}
h2{
	font-size:1.5em
}
h3 {
	text-align:center;
	color:#663399;
	font-size:14px;
	width:670px;
}
h6 {
	text-align:center;
	color:#ff6f0f;
	font-size:14px;
	width:670px;
}
#gauche label{
	width:150px;
	text-align:left;
	float:left;
	padding-left:70px;
}

.gauche2 label{
	width:100px;
	text-align:left;
	float:left;
	padding-left:0px;
}
.droite2 label{
	width:100px;
	text-align:left;
	float:left;
	padding-left:0px;
}
input[type="text"], select{
	border:solid #663399 1px;
	width:170px;
}
#orange input[type="text"]{
	border:solid #ff6f0f 1px;
	width:170px;
}
#orange select{
	border:solid #ff6f0f 1px;
}


input[type="radio"] {
	width:auto;
	padding:0;
	margin-right:2px;
}
*+html input[type="radio"] {
	margin-left:-6px;
	padding:0;
}

* html input[type="radio"] {
	float:left;
}
#label_civilite_mme, #label_civilite_mlle , #label_civilite_mr{
	padding:0;
	width:47px !important;
	text-align:left !important;
	float:left !important;
	padding:0 !important;
}

#label_civilite_mmecotitulaire, #label_civilite_mllecotitulaire , #label_civilite_mrcotitulaire{
	padding:0 !important;
	width:48px !important;
	text-align:left !important;
	float:left !important;
}

*:first-child+html #label_civilite_mme, *:first-child+html #label_civilite_mlle , *:first-child+html #label_civilite_mr{
	width:40px;
}

* html #label_civilite_mme, * html #label_civilite_mlle, * html #label_civilite_mr{
	float:none;
}

* html #label_civilite_mmecotitulaire, * html #label_civilite_mllecotitulaire , * html #label_civilite_mrcotitulaire{
	float:none;
}
#label_civilite_oui, #label_civilite_non {
	padding:0;
	width:45px;
	text-align:left;
	float:left;
}
.text{
	float:left;
	width:170px;
	text-align:left;
	float:left;
	/*padding-left:80px;*/
}

.adresse {
	width : 113px !important;
}

.adresse2, textarea {
	width : 170px !important;
	border: 1px solid #99CC00 !important;
}

.boite{
	width:45px !important;
	
}

.ddn_jour{
	width:37px;
}

.ddn_mois{
	width:78px;
	margin-left:4px;
}
.ddn_annee {
	width:50px;
	margin-left:4px;
}
#contenu{
	width:730px;

}
#form{
	min-height:240px;
}

* html #form{
	height:200px;
}

#formEtape2{
	min-height:200px;
}

* html #formEtape2{
	height:200px;
}

#enteteForm{
	background:url('../images/headerForm.jpg') top left no-repeat;
	width:670px;
	height:67px;
	padding:10px 20px 0 20px;
}

#fondForm{
	background: #EBEBEB url('../images/fondForm.png') top left repeat-x;
	width:690px;
	padding:0 20px;
}

#footerForm{
	background:url('../images/footerForm.png') top left no-repeat;
	width:730px;
	height:23px;
}

#valid_et1{
	float:right;
	margin-right:5px;
	position:relative;
	top:27px;
}

#tunnel{
	width:730px;
	height:121px;
}

#gauche{
	float:left;
	width: 400px;
}
.gauche2{
	float:left;
	width: 320px;
	padding-left:15px;
}
#droite{
	float:right;
	width:270px;
	/*margin:20px 20px 0 0;*/
	
}
.droite2{
	float:right;
	width:285px;
	padding-left:50px;
	/*margin:20px 20px 0 0;*/
	
}
 #bulleInfo{
	background:url('../images/bulleInfo_center.png') top right repeat-y;
	width:204px;
	float:right;
	/*margin-right:20px;*/
	margin-right:5px;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:10px;
}


 #bulletop{
	background:url('../images/bulleInfo_head.png') top right no-repeat;
	width:204px;
	height:18px;
	float:right;
	/*margin-right:20px;*/
	margin-right:5px;
	
}
 #bullefoot{
	background:url('../images/bulleInfo_foot.png') top right no-repeat;
	width:204px;
	height:20px;
	float:right;
	/*margin-right:20px;*/
	margin-right:5px;
}

#textcenter{
	padding-left:70px;
}

#info{
	color:#663399;
	text-align:center;
	width:190px;
	padding-left:7px;
	/*padding-left:10px;*/
}
#orange #info{
	color:#ff6f0f;
	text-align:center;
	width:190px;
	padding-left:7px;
	/*padding-left:10px;*/
}


.oblig{
	color:#FF0000;
}

.bleu{	
	color:#663399;
	/*width:322px;*/
	text-align:left;
	padding-left:70px;
}
#orange .bleu{	
	color:#ff6f0f;
	/*width:322px;*/
	text-align:left;
	padding-left:70px;
}


.bleu2{	
	color:#663399;
	/*width:322px;*/
	text-align:left;
	padding-left:15px;
}
#orange .bleu2{	
	color:#ff6f0f;
	/*width:322px;*/
	text-align:left;
	padding-left:15px;
}
#justify{
	text-align:justify;
}
.blanc{
	color:#FFFFFF;
}


.blanc a{
	color:#FFFFFF;
}

.optin {
	width:20px !important;
	height:20px;
}

/************************************** MENU HAUT *********************************/

#menu_haut{
	width:970px;
	margin:auto;
}


/************************************** CONTENEUR GENERALE *********************************/

#conteneur{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:  url(../images/repeat.png) top left repeat-x #d1e890;
	
}
* html #conteneur{
	width:970px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:  none;
	
}


/************************************** MENU GAUCHE *********************************/

#menu_gauche
{
	float:left;
	width:160px;
	padding-top:15px;
	padding-left:12px;
	
}
#contact{
	
	text-align:left;
}

#enteteContact{
	width:160px;
	height:27px;
	background:url(../images/entetefdcontact.png) top left no-repeat;
}
#contenuContact{
	width:160px;
	background:transparent url(../images/fd-orange.png) top left repeat-y;
	padding:0 14px;
	width:153px;
}
* html #contenuContact{
	width:150px;
	padding-left:10px;
	padding-right:0;
}
#imageContact{
	float:left;
	width:10px;
	height:100px;
}

#formContact{
	float:left;
	width:130px;
	height:100px;
	color:#FFFFFF;
	text-align:justify;
	margin-bottom:10px;
}
*+html #formContact{
	float:left;
	width:130px;
	height:120px;
	color:#FFFFFF;
	text-align:justify;
	margin-bottom:10px;
}


#formContact form{
	color:#FFFFFF;
	font-size:10px;
	
}
.inputContact{
	width: 128px !important;
	height: 12px;
	margin-bottom:2px;
	/*border:#000000 1px solid !important;*/
	
}

#flecheautremoyen{
	float:left;
	width: 10px;
	height:20px;
}

#autremoyen{
	 display:none;
	 position:relative;
	 z-index:2;
}

.autremoyen2{
	float:left;
	width:130px;	
	text-align:justify;
}


* html .autremoyen2{
	width:115px;
}

.validerContact{
	background:url(../images/bouton_valider.png) top left no-repeat;
	width:63px;
	height:18px;
	float:right;
	margin-right:0px;
	margin-top:5px;
}

#footerContact{
	width:160px;
	height:13px;
	background:url(../images/bas-fd-orange.png) top left no-repeat;
}

#quisommesnous{
	width:160px;
	float:left;
}

#enteteQuisommesnous{
	width:160px;
	height:80px;
}
#contenuQuisommesnous{
	width:136px;
	background:url(../images/qui-sommes-nous-corps.png) top left repeat-y;
	padding: 0 17px;
	text-align:left;
}
#contenuQuisommesnous strong,
#contenuQuisommesnous .strong{
	font-size:13px;
	font-weight:bold;
	color:#99CC00;
}
* html #contenuQuisommesnous{
	width:134px;
	padding:0 5px 0 19px;
}

#enSavoirPlusQuiSommesNous{
	text-align:right;
}
#footerQuisommesnous{
	width:160px;
	height:10px;
	background:url(../images/qui-sommes-nous-pied.png) top left no-repeat;
}

#newsletter{
	float:left;
	width:160px;
}

#enteteNewsletter{
	width:160px;
	height:19px;
	background:url(../images/entete_newsletter.png) top left no-repeat;
}

#contenuNewsletter{
	width:150px;
	background:url(../images/contenuNewsletter.png) top left repeat-y;
	padding:0 10px;
}

* html #contenuNewsletter{
	width:150px;
	padding:0 0 0 10px;
}

.inputNewsletter{
	width: 110px !important;
	height: 12px;
	border:#000000 1px solid !important;
	
}
.newsletter_ok{
	background:url(../images/ok_newsletter.png) bottom left no-repeat;
	height:15px;
	width:15px;
}
#footerNewsletter{
	width:160px;
	height:8px;
	background:url(../images/footer_newsletter.png) top left no-repeat;
}

/****************************** CONTENU ****************************/

#contenuGene{
	width:970px;
	background:#fff url(../images/fond2.png) top left no-repeat;
	padding-bottom:20px;
	/*min-height:820px;*/
	margin:auto;
	-moz-border-radius:0 0 2em 2em;
	-webkit-border-radius:0 0 2em 2em;
}
*+html #contenuGene
{
	width:970px;
	background: url(../images/fond2.png) top left no-repeat;
	padding-bottom:5px;
	/*min-height:820px;*/
}

#content{
	text-align:left;
	float:left;
	width:760px;
	padding-top:15px;
	padding-left:24px;
}
#content li{
	margin:1em ;
}
.content_alpha{
	text-align:left;
	float:left;
	width:500px;

}
.content_alpha2{
	float:right;
	margin-top:0px;
	margin-right:10px;
}


* html #content{
	padding-left:0;
	margin-left:15px;
}

#fildariane{
	/*float:left;*/
	padding:0 0 1em;
}

#fildariane a {
	text-decoration:none;
}

/* use <span class="strong"> for emphasis, keep <strong> for real SEO */


/*********************** HOME ********************************/
#cartedecreditHome{
	float:left;
	width:238px;
	height:247px;
}

#enteteCreditHome{
	background:url(../images/Carte_credit_home_haut.gif) top left no-repeat;
	height:70px;
	width:238px;
}

#enteteCreditHome h4{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#FF6600;
	text-align:center;
	width:228px;
	padding-top:15px;
}

#enteteCreditHome p {
	text-align:center;
	width:238px;
	font-weight:bold;
	font-size:13px;
}

#pretatemperament{
	float:left;
	width:487px;
	padding-left:10px;
}

#flashPret{
	float:left;
	width:326px;
}

#flashSimulateur{
	float:left;
	width:158px;
}
#simulateurPret{
	float:left;
	width:326px;
}

#creditTravauxHome{
	padding-top:9px;
	width: 239px;
	float:left;
}
#creditAutoHome{
	padding-top:9px;
	width: 239px;
	float:left;
}
#mensualiteHome{
	padding-top:9px;
	width: 239px;
	float:left;
}

#creditTravauxHome{
	padding-top:9px;
}


#creditAutoHome,#mensualiteHome{
	margin-left:12px;
}

#motoHome{
	padding-top:9px;
	width: 238px;
	float:left;
	margin-left:12px;
}

/************************* FOOTER ********************************/
#footer{
	float:left;
	width:760px;
	text-align:center;
	margin-left:160px;
}
*+html #footer{
	float:left;
	width:760px;
	text-align:center;
	margin-left:160px;
	margin-top:20px;
}
* html #footer{
	float:left;
	width:760px;
	text-align:center;
	margin-left:80px;
	margin-top:20px;
}

#footer ul {
	list-style:none;
}

#footer ul li{
	display:inline
}

.legal{
	text-align:justify;
	font-size:8px;
	color:#747170;
	width:700px;
}

/********************* CARTE DE CREDIT ******************/
h4{
	color:#FF6600;
	font-size:14px;

	/*padding-left:10px;*/
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.carte_accroche h4{
	color:#FF6600;
	font-size:14px;
	width:731px;
	/*padding-left:10px;*/
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:justify;
}
.alignement{
	/*padding-left:10px;*/
	width:731px;
}
.alignement2{
	/*padding-left:10px;*/
	font-size:12px;
	width:731px;
}
.alignement3{
	/*padding-left:10px;*/
	width:720px;
	text-align:justify;
}
#alignerBouton{
	text-align:center;
	width:737px;
}
.blocDeGauche{
	float:left;
	width:360px;
}

.blocDeDroite{
	float:right;
	width:360px;
	margin-right:26px;
}

* html .blocDeDroite{
	margin-right:10px;
}
.enteteBlocCarte{
	background:url(../images/enteteDemandeDeCarte.png) top left no-repeat;
	width:360px;
	height:7px;
	margin-left:-2px;
}

.corpsBlocCarte{
	background:#ebebeb url(../images/fondcontenuCarte.png) top left repeat-x;
	width:328px;
	min-height:138px;
	padding-left:15px;
	padding-right:15px;
	/*margin-left:2px;*/
}

* html .corpsBlocCarte{
	height:138px;
}
.corpsBlocCarte ul {
	
}

.tableau{
	width:auto; 
	padding:0;
	margin-bottom:10px;
}
.pret2{
	color:#663399;
	width:auto; 
	padding:0;
	margin-bottom:10px;
}
.pret3{
	color:#99CC00;
}
.alpha{
	
}
.puceDemandedeCarte{
	list-style:none;
	background:url(../images/puce.png) top left no-repeat;
	padding-left:15px;
}

#enSavoirPlusCarte{
	text-align:right;
	margin-top:5px;
}
#enSavoirPlusAssu{
	text-align:right;
	margin-top:5px;
	margin-right:29px;
}
.footerBlocCarte{
	background:url(../images/footerContenuCarte.png) top left no-repeat;
	width:360px;
	height:8px;
	margin-left:-2px;
}


/*********************************** ASSURANCE CARTE *************************/

#listeAssurance{
	list-style:none;
}

.flechette{
	background:url(../images/fleche_orange_fdblanc.png) top left no-repeat;
	padding-left: 15px;
	width:700px;
}




/*************************** PRET A TEMPERAMENT *************************/

.pret{
	color:#663399;
}

#blocPret{
	width:562px;
	float:left;
	
}

.copy-pret{
	padding-right:35px;
    font-size:11px;
}

.strong-pret{
    font-size:11px;
	font-weight:bold;
}

.image-pret{
	margin-top: -30px;
	float:right;
	width: 301px;

}

ul.en-pratique{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul.en-pratique li{
    font-size:11px;
	background-image: url("../images/purple_arrow.jpg");
	background-repeat: no-repeat;
	background-position: -2px -2px;
	padding-left: 20px; 
}

#enteteBlocPret{
	width:562px;
	background:url(../images/entete_home_pret_a_temperament.png) top left no-repeat;
	height:22px;
}
#contenuBlocPret{
	background:url(../images/menu_pret_a_temperament.png) top left no-repeat;
	width:562px;
	height:27px;
}

#contenuBlocPret ul{
	list-style:none;
	padding-left:15px;
}

#contenuBlocPret ul li{
	display:inline;
	background:url(../images/puce_pret_a_temperament.png) top left no-repeat;
	padding-left:15px;	
}
.lienPret a {
	text-decoration:none;
}

.liste-interieur{
	margin-left:35px;
}

#footerBlocPret{
	background:url(../images/photo_pret_a_temperament.png) top left no-repeat;
	height:182px;
	width:562px;
}

#blocSimulateurPret{
	float:left;
	width:158px;
	margin-left:11px;
	margin-top:-3px;
}

.marge{
	padding-right:17px;
	width:731px;
}
.marge3{
	padding-right:17px;
	width:490px;
}
.marge4{
	padding-right:17px;
	width:290px;
	float:left;
}
.contact_form_footer{
	float:left;
}

.contact_form_footer input[type="text"]{
	border:1px solid black;
	margin-bottom:3px;
}
.contact_form_footer .valid{
	background:url(../images/bouton_valider.png);
	height:18px;
	width:63px;
	margin-left:85px;
	margin-top:4px;
}

.marge2{

	padding-right:37px;
	width:720px;
}

.plan_liste{
	width:730px;

}

.plan_liste ul{
	list-style:none;

}

.plan_liste ul li{
	display:inline;
}

.plan_liste ul li ul{
	list-style:none;
}

.plan_box .titre{
	text-decoration:none;
	color:#99CC00;
	font-size:14px;
	padding-left:10px;
	font:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom:5px;
	text-align:center;
}

/************************** CONTACT ****************************/
.contactForm{
	color:#99CC00;
	font-size:14px;
	font-weight:normal;
	padding:0;
	text-align:left;
	margin:0;
}

.erreur{
	color:#FF0000;
	text-align:center;
}
.erreur2{
	color:#000000;
	font-weight:bold;
	text-align:center;
}

 .valid{
	background:url(../images/bouton_valider.png) top left no-repeat;;
	height:18px;
	width:63px;
	margin-left:340px;
	margin-top:4px;
}

/************************** PLAN DU SITE ****************************/

.puce{
margin-right:12px;
height:81px;
width:140px;
float:left;
}

.puce2{
margin-right:12px;
height:300px;
width:140px;
float:left;
line-height: 18px;
}

.puce3{
padding-top:10px;
padding-right:12px;
height:81px;
width:140px;
float:left;

}

.sous_puce{
margin-left:8px;
float:left;
}
.sous_puce_2{
margin-left:-14px;
float:left;
}
.soustitreplan{
	text-align:left;
}
.sous_puce2{
margin-left:8px;
height:15px;
width:8px;
float:left;
}
.titreplan{
	text-decoration:none;
	color:#99CC00;
	font-size:14px;
	font:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
	padding-top:3px;
}
.puceplan{
	height:45px;
	float:left;
	width:22px;
}
.erreur_menu_gauche{
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	margin-left:10px;
}
#bandeau{
	text-align:left;
	margin-left:-2px;
}


.pretImage1{
	background:url('../images/tunnel.jpg');
	width:730px;
	height:122px;
}

.pretImage2{
	background:url('../images/informationsPersonnelles.jpg');
	width:730px;
	height:122px;
}
.pretImage3{
	background:url('../images/informations_professionnels.jpg');
	width:730px;
	height:122px;
}

.pretImage4{
	background:url('../images/informations_financieres.jpg');
	width:730px;
	height:122px;
}

.pretImage5{
	background:url('../images/confirmation.jpg');
	width:730px;
	height:122px;
}
 
#tunnel #type{
	float:left;
	position:relative;
	top:98px;
	left:53px;
	color:#FFFFFF;
	width:90px;
	text-align:center;
	font-weight:bold;
}

#tunnel #montant{
	float:left;
	position:relative;
	top:98px;
	left:126px;
	color:#FFFFFF;
	width:90px;
	text-align:center;
	font-weight:bold;
}

#tunnel #mensualite{
	float:left;
	position:relative;
	top:98px;
	left:215px;
	color:#FFFFFF;
	width:102px;
	text-align:center;
	font-weight:bold;
}

#tunnel #duree{
	float:left;
	position:relative;
	top:98px;
	left:378px;
	color:#FFFFFF;
	width:69px;
	text-align:center;
	font-weight:bold;
}
#retour{
	text-align:center;
	margin-right:30px;
}

* html .inputT{
	border:solid #663399 1px;
}

.registre1 {
	width:60px !important;
}
.registre2 {
	width:45px !important;
}
.registre3{
	width:41px !important;
}