/* CSS Document */


/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  PAGE PRODUIT                                                                               //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 767px){
	.deskblet-only{
		display: none;
	}
}
@media screen and (min-width: 768px){
	.mobile-only{
		display: none;
	}
}

/*-------------------------------------------------------------------------------+
+ Header
+-------------------------------------------------------------------------------*/
@media screen and (max-width: 479px){
	.page-se #bandeau-tunnel > .conteneur{
		height: 100%;
	}
	.page-se #entete-page #bandeau #bandeau-tunnel .logo-oney {
	    top: 20px;
	    left: 0;
	    width: 93px;
	    font-size: 11.7em;
	    -ms-transform: none;
	    -webkit-transform: none;
	    transform: none;
	}
	.page-se.scroll #entete-page #bandeau #bandeau-tunnel .logo-oney {
	    top: 15px;
	}
	.page-se #entete-page #bandeau #bandeau-tunnel .logo-oney:before{
		margin-left: -11px;
	}
	.page-se #entete-page #bandeau #bandeau-tunnel .logo-oney a{
		width: 93px;
	}
	.page-se #entete-page #bandeau #bandeau-tunnel .titre{
		top: 50%;
	    transform: translateY(-50%);
	    max-width: 200px;
	    line-height: 1.25;
	    text-align: right;
	}
	.page-se.scroll #entete-page #bandeau #bandeau-tunnel .titre{
	    line-height: 1.25;
	}
}
@media screen and (max-width: 767px){
	.page-se #entete-page #bandeau #bandeau-tunnel .titre {
		font-size: 0.875rem;
	}
}
@media screen and (max-width: 1220px) and (min-width: 768px){
	.page-se #bandeau-tunnel > .conteneur{
		height: 100%;
	}
	.page-se #entete-page #bandeau #bandeau-tunnel .titre {
		top: 50%;
		transform: translateY(-50%);
	    max-width: 550px;
	    line-height: 1.25;
	}
	.page-se.scroll #entete-page #bandeau #bandeau-tunnel .titre{
		line-height: 1.25;
	}
}
@media screen and (min-width: 1221px){
	.page-se #entete-page #bandeau #bandeau-tunnel .titre {
	    font-size: 1.625rem;
	}
}

/*-------------------------------------------------------------------------------+
+ Introduction au produit                                                        +
+-------------------------------------------------------------------------------*/

#chapo {
	background-position: top center;
}

.page-se #chapo{
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
}

.id-page-pptravaux-simulateur-tauxexplose #chapo h4.genTitle,.id-page-simulateur-tauxexplose #chapo h4.genTitle{
	border-color:#54565b;
	color:#54565b;
}

.id-page-pptravaux-clients #chapo h4.genTitle,.id-page-pptravaux #chapo h4.genTitle,
.id-page-ppauto-clients #chapo h4.genTitle,.id-page-ppauto #chapo h4.genTitle,
.id-page-ppautres-clients #chapo h4.genTitle,.id-page-ppautres #chapo h4.genTitle,
.id-page-pp-clients #chapo h4.genTitle,.id-page-pp #chapo h4.genTitle{
	border-color: #000;
    color: #000;
    text-shadow: 0px 0px 7px #fff;
}

.page-liste #chapo, .page-produit #chapo {
    background-position:  center 0px;
}

.id-page-pptravaux-simulateur-tauxexplose #chapo,
.id-page-automoto-simulateur-tauxexplose #chapo,
.id-page-simulateur-tauxexplose #chapo {
		background-color: #fff;
		background-position: center 0px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#chapo {
		background-position: center bottom;
	}

	.id-page-ppautres #chapo,
	.id-page-ppautres-clients #chapo,
	.id-page-pp #chapo,
	.id-page-pp-clients #chapo,
	.id-page-ppauto  #chapo,
	.id-page-ppauto-clients  #chapo,
	.id-page-pptravaux #chapo,
	.id-page-pptravaux-clients #chapo,.id-page-pptravaux-simulateur-tauxexplose #chapo,
	.id-page-automoto-simulateur-tauxexplose #chapo,.id-page-simulateur-tauxexplose #chapo 
	{
		
		padding-top: 0px;
	}

	#chapo #intro-produit .conteneur {
   	 	height: 240px;
	}
	/*quand le background est commun a� toutes les categories*/
	.id-page-ppautres #chapo,
	.id-page-ppautres-clients #chapo,
	.id-page-pp #chapo,
	.id-page-pp-clients #chapo,
	.id-page-ppauto #chapo,
	.id-page-ppauto-clients #chapo,
	.id-page-pptravaux #chapo,
	.id-page-pptravaux-clients #chapo,
	.id-page-etudes #chapo {
			background: #fff url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-gen-M.png) no-repeat center 0px;
	}
	/*quand le background n'est pas commun a� toutes les categories*/
	/*.id-page-pp #chapo,	.id-page-pp-clients #chapo {
			background: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-gen-M.png) no-repeat center 0px;
	}
	
	.id-page-ppauto #chapo,	.id-page-ppauto-clients #chapo{
			background: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-auto-M.png) no-repeat center 0px;
	}
	
	.id-page-pptravaux #chapo, .id-page-pptravaux-clients #chapo {
			background: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-travaux-M.png) no-repeat center 0px;
	}
	
	.id-page-ppautres #chapo, .id-page-ppautres-clients #chapo{
			background: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-tousprojets-M.png) no-repeat center 0px;
	}*/
	
	.email.id-page-pp-clients #chapo {
			background:url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-email-M.png) no-repeat center 0px;
	}
	
	.page-liste.id-page-pp-clients #chapo #mod-simulateur {
	    width: 100%;
	    min-height: 500px;
	    margin-top: 275px;
	}
	
	.connecte .page-liste.id-page-pp-clients #chapo #mod-simulateur {
		margin-top: 250px;
	}
	
	.id-page-automoto-simulateur-tauxexplose #chapo h4.genTitle{
		border-color:#54565b;
		color:#54565b;
	}
	
	.id-page-pptravaux-clients #chapo h4.genTitle,.id-page-pptravaux #chapo h4.genTitle,
	.id-page-ppauto-clients #chapo h4.genTitle,.id-page-ppauto #chapo h4.genTitle,
	.id-page-ppautres-clients #chapo h4.genTitle,.id-page-ppautres #chapo h4.genTitle,
	.id-page-pp-clients #chapo h4.genTitle,.id-page-pp #chapo h4.genTitle{
		/*border-color:#fff;
		color:#fff;
		text-shadow: 0px 0px 7px #fff;*/
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	#chapo {
		padding-top: 134px;
	}
	
	.connecte #chapo{
		padding-top: 140px;
	}

	#form-simulateur {
		margin-top:225px;
	}
	
	.connecte #form-simulateur {
		margin-top:195px;
	}
	
	#chapo h4.genTitle {
	    font-size: 1.6em;
    }
	
	.appMobile #form-simulateur {
		margin-top:0px;
	}


	#chapo #intro-produit .conteneur {
	    height: 410px;
	}
	/*quand le background est commun a� toutes les categories*/
	.id-page-ppautres #chapo,
	.id-page-ppautres-clients #chapo,
	.id-page-pp #chapo,
	.id-page-pp-clients #chapo,
	.id-page-ppauto #chapo,
	.id-page-ppauto-clients #chapo,
	.id-page-pptravaux #chapo,
	.id-page-pptravaux-clients #chapo,
	.id-page-etudes #chapo {
			background:#fff;			
			background-image:url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-gen-T.png);
		    background-repeat:no-repeat;
	}
	
	/*quand le background n'est pas commun a� toutes les categories*/
	/*.id-page-pp #chapo,	.id-page-pp-clients #chapo {
			background: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-gen-T.png) no-repeat center 0px;
	}
	
	.id-page-ppauto #chapo,	.id-page-ppauto-clients #chapo{
			background: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-auto-T.png) no-repeat center 0px;
	}
	
	.id-page-pptravaux #chapo, .id-page-pptravaux-clients #chapo {
			background: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-travaux-T.png) no-repeat center 0px;
	}
	
	.id-page-ppautres #chapo, .id-page-ppautres-clients #chapo{
			background: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-tousprojets-T.png) no-repeat center 0px;
	}*/
	

	.email.id-page-pp-clients #chapo{
		background-color:#fff;
		background-image:url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-email-T.png);
	}
	
	#chapo h4.genTitle {
	    border-left: 1px solid #fff;
	    color: #fff;
	    /*text-shadow: 0px 0px 7px #2c2c2c;*/
	}
	
	.id-page-pptravaux-simulateur-tauxexplose #chapo h4.genTitle,.id-page-simulateur-tauxexplose #chapo h4.genTitle{
		text-shadow: 0px 1px 7px #fff;
	}
	
	.connecte .id-page-pptravaux-simulateur-tauxexplose #form-simulateur{
		margin-top: 185px;
	}
 
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	.page-se.tunnel #chapo{
		padding-top: 50px;
	}
}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-simulateur {
		margin-top:215px;
	}
	
	.connecte #form-simulateur{
		margin-top:185px;
	}
	
	.connecte .id-page-pptravaux-simulateur-tauxexplose #form-simulateur{
		margin-top: 185px;
	}
	
	.appMobile #form-simulateur {
		margin-top:0px;
	}


	#chapo #intro-produit .conteneur {
	    height: 450px;
	}
	/*quand le background est commun a� toutes les categories*/
	.id-page-ppautres #chapo,
	.id-page-ppautres-clients #chapo,
	.id-page-pp #chapo,
	.id-page-pp-clients #chapo,
	.id-page-ppauto #chapo,
	.id-page-ppauto-clients #chapo,
	.id-page-pptravaux #chapo,
	.id-page-pptravaux-clients #chapo,
	.id-page-etudes #chapo {
			background-color:#fff;
			background-image:url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-gen-D.png);
			background-repeat:no-repeat;
	}
	/*quand le background n'est pas commun a� toutes les categories*/
	/*.id-page-pp #chapo,	.id-page-pp-clients #chapo {
			background: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-gen-D.png) no-repeat center 0px;
	}
	
	.id-page-ppauto #chapo,	.id-page-ppauto-clients #chapo{
			background: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-auto-D.png) no-repeat center 0px;
	}
	
	.id-page-pptravaux #chapo, .id-page-pptravaux-clients #chapo {
			background: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-travaux-D.png) no-repeat center 0px;
	}
	
	.id-page-ppautres #chapo, .id-page-ppautres-clients #chapo{
			background: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-tousprojets-D.png) no-repeat center 0px;
	}*/
	
	.email.id-page-pp-clients #chapo {
			background:  url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-email-D.png) no-repeat center 0px;
	}
	
	.email.id-page-pp-clients #chapo{
		background:url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-email-D.png);
	}
	
	.id-page-automoto-simulateur-tauxexplose #chapo h4.genTitle{
		border-color:#fff;
		color:#fff;
	}
	
	/*.id-page-pptravaux-clients #chapo h4.genTitle,.id-page-pptravaux #chapo h4.genTitle,
	.id-page-ppauto-clients #chapo h4.genTitle,.id-page-ppauto #chapo h4.genTitle,
	.id-page-ppautres-clients #chapo h4.genTitle,.id-page-ppautres #chapo h4.genTitle,
	.id-page-pp-clients #chapo h4.genTitle,.id-page-pp #chapo h4.genTitle{
		border-color:#fff;
		color:#fff;
		text-shadow: 0px 0px 7px #000;
	}*/

}


/* Chapo PP pages simulateurs ******************************************/

.id-page-simulateur-tauxexplose #taux-variabilise .explose,
.id-page-automoto-simulateur-tauxexplose #taux-variabilise .explose,
.id-page-pptravaux-simulateur-tauxexplose #taux-variabilise .explose {
	display: block;
}

.id-page-simulateur-tauxexplose #taux-variabilise .promo,
.id-page-automoto-simulateur-tauxexplose #taux-variabilise .promo, 
.id-page-pptravaux-simulateur-tauxexplose #taux-variabilise .promo {
	display: none;
}

.id-page-simulateur-tauxpromo #taux-variabilise .explose,
.id-page-automoto-simulateur-tauxpromo #taux-variabilise .explose,
.id-page-pptravaux-simulateur-tauxpromo #taux-variabilise .explose {
	display: none;
}

.id-page-simulateur-tauxpromo #taux-variabilise .promo,
.id-page-automoto-simulateur-tauxpromo #taux-variabilise .promo, 
.id-page-pptravaux-simulateur-tauxpromo #taux-variabilise .promo {
	display: block;
}

@media screen and (max-width: 767px) { /* Mobile */

	.id-page-simulateur-tauxexplose #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-gen-sim-tauxexplose-M.png);
	}

	.id-page-automoto-simulateur-tauxexplose #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-automoto-sim-tauxexplose-M.png);
	}

	.id-page-pptravaux-simulateur-tauxexplose #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-travaux-sim-tauxexplose-M.png);
	}

	.id-page-simulateur-tauxpromo #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-gen-sim-tauxpromo-M.png);
	}

	.id-page-automoto-simulateur-tauxpromo #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-automoto-sim-tauxpromo-M.png);
	}

	.id-page-pptravaux-simulateur-tauxpromo #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-travaux-sim-tauxpromo-M.png);
	}

	#taux-variabilise .explose {
	    position: absolute;
	    top: 240px; 
	    /*quand taux avec virgule genre 0,70%*/
	    /*left: 55%;*/
	    /*quand taux 1%*/
	    /*left: 59%;*/
	    margin-left: -142px;
	    font-size: 1.2em;
	    text-transform: uppercase;
	    text-align: center;
	    z-index: 10;
	}
	/*site-1240 phrase justificatif*/
	#taux-variabilise .explose {
		position: absolute;
	    top: 240px;
	    left: -56px;
	    right: 0;
	    margin-left: 0;
	    font-size: 1.2em;
	    text-transform: uppercase;
	    text-align: center;
	    max-width: 250px;
	    margin: 0 auto;
	    z-index: 10;
	}
	
	/*Site-1240*/
	#taux-variabilise .explose .precision{
		font-size:1em;
		letter-spacing: -1px;
		text-transform: none;
	}
	
	#taux-variabilise .explose .precision.uppercase{
		font-size:1em;
		letter-spacing: -1px;
		text-transform: uppercase;
	}

	#taux-variabilise .explose .taux {
	    display: block;
	    font-size: 5.8em;
	    font-weight: bold;
	    letter-spacing: -5px;
	}
	
	#taux-variabilise .explose strong {
	    display: block;
	    font-size: 1.4em;
	}

	#taux-variabilise .promo {
		position: absolute;
	    top: 248px;
	    left: 50%;
	    margin-left: -40px;
	    width: 65px;
	    font-size: 1.2em;
	    line-height: 1.2em;
	    text-align: center;
	    z-index: 10;
	}

	.id-page-pptravaux-simulateur-tauxpromo #taux-variabilise .promo {
		top: 250px;
	    margin-left: -40px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.id-page-simulateur-tauxexplose #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-gen-sim-tauxexplose-T.png);
	}

	.id-page-automoto-simulateur-tauxexplose #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-automoto-sim-tauxexplose-T.png);
	}

	.id-page-pptravaux-simulateur-tauxexplose #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-travaux-sim-tauxexplose-T.png);
	}

	.id-page-simulateur-tauxpromo #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-gen-sim-tauxpromo-T.png);
	}

	.id-page-automoto-simulateur-tauxpromo #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-automoto-sim-tauxpromo-T.png);
	}

	.id-page-pptravaux-simulateur-tauxpromo #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-travaux-sim-tauxpromo-T.png);
	}

	#taux-variabilise .explose {
	    position: absolute;
	    top: 225px;
	    left: 55%;
	    margin-left: 20px;
	    font-size: 1.6em;
	    letter-spacing: -2px;
	    text-transform: uppercase;
	    text-align: center;
	    z-index: 10;
	}
	.id-page-automoto-simulateur-tauxexplose #taux-variabilise .explose {
	    left: 53%;
	}
	
	.id-page-simulateur-tauxexplose #taux-variabilise .explose {
	    left: 53%;
	}

	#taux-variabilise .explose .taux {
	    display: block;
	    font-size: 5.8em;
	    font-weight: bold;
	    letter-spacing: -5px;
	}
	
	#taux-variabilise .explose strong {
	    display: block;
	    font-size: 1.4em;
	}

	.id-page-simulateur-tauxexplose #taux-variabilise .explose {
	    /*quand taux avec virgule genre 0,70%*/
	    /*margin-left: 22px;*/
	    /*quand taux 1%*/
	    margin-left: 45px;
	    color: #fff;
	    font-size: 1.4em;
	    text-shadow: 0px 1px 3px #000;
	}

	.id-page-automoto-simulateur-tauxexplose #taux-variabilise .explose {
	    top: 215px;
    	
    	/*quand taux avec virgule genre 0,70%*/
	    /*margin-left: -30px;*/
	    /*quand taux 1%*/
	    margin-left: 12px;
    	text-shadow: 0px 1px 6px #fff;
	}

	.id-page-pptravaux-simulateur-tauxexplose #taux-variabilise .explose {
	     top: 210px;
    	/*quand taux avec virgule genre 0,70%*/
	    /*margin-left: -162px;*/
	    /*quand taux 1%*/
	    /*margin-left: -117px;*/
	    /*Site-1240*/
	    margin-left: -126px;
	}
	
	/*Site-1240*/
	#taux-variabilise .explose .precision{
		font-size:0.8em;
		letter-spacing: -1px;
		text-transform: none;
	}
	
	#taux-variabilise .explose .precision.uppercase{
		font-size:1em;
		letter-spacing: -1px;
		text-transform: uppercase;
	}

	#taux-variabilise .promo {
		position: absolute;
	    top: 355px;
	    left: 50%;
	    margin-left: 70px;
	    width: 87px;
	    font-size: 1.6em;
	    line-height: 1.2em;
	    text-align: center;
	    z-index: 10;
	}

	.id-page-pptravaux-simulateur-tauxpromo #taux-variabilise .promo {
	    top: 330px;
	    margin-left: -115px;
	}

	.id-page-simulateur-tauxpromo #taux-variabilise .promo {
	    top: 375px;
	    margin-left: 130px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.id-page-simulateur-tauxexplose #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-gen-sim-tauxexplose-D.png);
	}

	.id-page-automoto-simulateur-tauxexplose #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-automoto-sim-tauxexplose-D.png);
	}

	.id-page-pptravaux-simulateur-tauxexplose #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-travaux-sim-tauxexplose-D.png);
	}

	.id-page-simulateur-tauxpromo #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-gen-sim-tauxpromo-D.png);
	}

	.id-page-automoto-simulateur-tauxpromo #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-automoto-sim-tauxpromo-D.png);
	}

	.id-page-pptravaux-simulateur-tauxpromo #chapo {
		background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-travaux-sim-tauxpromo-D.png);
	}

	#taux-variabilise .explose {
	    position: absolute;
	    top: 200px;
	    left: 50%;
	    margin-left: 180px;
	    font-size: 1.8em;
	    letter-spacing: -2px;
	    text-transform: uppercase;
	    text-align: center;
	    z-index: 10;
	}
	
	.id-page-simulateur-tauxexplose #taux-variabilise .explose {
		/*quand taux avec virgule genre 0,70%*/
	    /*left: 46%;*/
	    /*quand taux 1%*/
	    left: 48%;
	    text-shadow: 0px 1px 6px #fff;
	}
	
	.id-page-automoto-simulateur-tauxexplose #taux-variabilise .explose{
		/*quand taux avec virgule genre 0,70%*/
	    /*left: 45%;*/
	    /*quand taux 1%*/
	    left: 48%;
		text-shadow: 0px 1px 6px #fff;
	}
	
	/*Site-1240*/
	#taux-variabilise .explose .precision{
		font-size:0.8em;
		letter-spacing: -1px;
		text-transform: none;
	}
	
	#taux-variabilise .explose .precision.uppercase{
		font-size:1em;
		letter-spacing: -1px;
		text-transform: uppercase;
	}
	
	#taux-variabilise .explose .taux {
	    display: block;
	    font-size: 5.8em;
	    font-weight: bold;
	    letter-spacing: -5px;
	}
	
	#taux-variabilise .explose strong {
	    display: block;
	    font-size: 1.4em;
	}

	.id-page-simulateur-tauxexplose #taux-variabilise .explose {
	    /*color: #fff;*/
	    text-shadow: 0px 1px 10px #fff;
	}

	.id-page-pptravaux-simulateur-tauxexplose #taux-variabilise .explose {
	    top: 198px;
    	/*quand taux avec virgule genre 0,70%*/
	    /*margin-left: -206px;*/
	    /*quand taux 1%*/
	    margin-left: -176px;
	}

	#taux-variabilise .promo {
		position: absolute;
	    top: 305px;
	    left: 50%;
	    margin-left: 224px;
	    width: 87px;
	    font-size: 1.6em;
	    line-height: 1.2em;
	    text-align: center;
	    z-index: 10;
	}

	.id-page-pptravaux-simulateur-tauxpromo #taux-variabilise .promo {
	    top: 360px;
	    margin-left: -180px;
	}

}



/*-------------------------------------------------------------------------------+
+ Simulateur                                                                     +
+-------------------------------------------------------------------------------*/

#chapo #mod-simulateur {
    background-color: #fff;
    box-shadow: 0px 0px 25px #666;
}

@media screen and (max-width: 767px) { /* Mobile */

	#chapo #mod-simulateur {
	    width: 100%;
	    min-height: 500px;
	    margin-top: 275px;
	}
	
	.connecte #chapo #mod-simulateur {
	    margin-top: 250px;
	}
	
	.id-page-ppauto-clients #chapo #mod-simulateur,
	.id-page-pptravaux-clients #chapo #mod-simulateur,
	.id-page-ppautres-clients #chapo #mod-simulateur
	{
		margin-top: 275px;
	}
	
	.connecte .id-page-ppauto-clients #chapo #mod-simulateur,
	.connecte .id-page-pptravaux-clients #chapo #mod-simulateur,
	.connecte .id-page-ppautres-clients #chapo #mod-simulateur
	{
		margin-top: 250px;
	}
	

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#chapo #mod-simulateur {
	    width: 705px;
	    min-height: 500px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#chapo #mod-simulateur {
	    width: 1100px;
		min-height: 500px;
	}

}



/*-------------------------------------------------------------------------------+
+ Resultats de simulation                                                        +
+-------------------------------------------------------------------------------*/

.page-resultats-simulation #chapo {
    background: #ebebeb;
}


/* Carrousel avantages *************************************************/

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.page-resultats-simulation #chapo #resultats-simu-credit.pret-personnel .avantages .carrousel div {
		width: 310px;
		padding: 0 20px;
	}

}




/*-------------------------------------------------------------------------------+
+ Avantages produits                                                             +
+-------------------------------------------------------------------------------*/

.avantages-produit {
	background-color: #f4f4f4;
	/*en cas de background image en haut*/
	/*background-image: url(../img/visuels/produits/credits/pret-personnel/vsl-avantage-illustration-gris.png);
	background-position: center 15px;
	background-repeat: no-repeat;*/
}

.id-page-pptravaux .avantages-produit, .id-page-pptravaux-clients .avantages-produit, .id-page-ppauto .avantages-produit, .id-page-ppauto-clients .avantages-produit {
	background-image: none;
}

.page-resultats-simulation .avantages-produit .bt-vert {
	display: none;
}

@media screen and (max-width: 767px) { /* Mobile */

	.avantages-produit {
		margin-top: 0px;
		/*en cas de background image en haut*/
		/*padding-top: 90px;*/
	    background-size: 300px;
	}
	
	.avantages-produit h1 {
	    padding: 40px 0 10px 0;
	}

	.id-page-pptravaux .avantages-produit, .id-page-pptravaux-clients .avantages-produit, .id-page-ppauto .avantages-produit, .id-page-ppauto-clients .avantages-produit {
		margin-top: 0px;
		padding-top: 0;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.avantages-produit {
		margin-top: 0;
		/*en cas de background image en haut*/
		/*padding-top: 200px;*/
		padding-top:20px;
		padding-bottom:20px;
	}

	.id-page-pptravaux .avantages-produit, .id-page-pptravaux-clients .avantages-produit, .id-page-ppauto .avantages-produit, .id-page-ppauto-clients .avantages-produit {
		margin-top: 0;
		padding-top: 20px;		
	}

}


/* Signature Electronique **********************************************/

.avantages-produit #signature-electronique {
	display: table;
	margin: 0 auto;
	margin-top: 40px;
	background: #fff;
    box-shadow: 0px 0px 15px #e4e0e0;
	border-radius: 80px;
}

.avantages-produit #signature-electronique .picto-L-silhouette-homme {
	color: #8bbc06;
    border-radius: 50%;
    border-style: solid;
    border-color: #8bbc06;
}

.avantages-produit #signature-electronique h4 {
	color: #8bbc06;
	text-transform:uppercase;
}

.avantages-produit #signature-electronique .accroche-SE {
	float: left;
	margin-top: 5px;
}

.avantages-produit #signature-electronique a {
	margin-top: 15px;
	float: left;
	left: 0;
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

@media screen and (max-width: 767px) { /* Mobile */

	.avantages-produit #signature-electronique {
		margin-bottom: 20px;
		padding: 10px 40px;
	}

	.avantages-produit #signature-electronique .accroche-SE {
		margin-left: 10px;
	}

	.avantages-produit #signature-electronique .picto-L-silhouette-homme  {
	    display: inline-block;
	    vertical-align: middle;
	    margin-right: 15px;
	    padding: 8px;
	    font-size: 2.5em;
	    border-width: 1px;
	}

	.avantages-produit #signature-electronique h4 {
		display: inline-block;
		margin-bottom: 5px;
		font-size: 1.5em;
	}

	.avantages-produit #signature-electronique p {
		margin-top: 15px;
		font-size: 1.4em;
		    line-height: 1.8em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.avantages-produit #signature-electronique {
		padding: 20px 40px 10px;
		height: 50px;
	}

	.avantages-produit #signature-electronique .picto-L-silhouette-homme  {
	    float: left;
	    vertical-align: middle;
	    margin-right: 15px;
	    padding: 8px;
	    font-size: 2.5em;
	    border-width: 1px;
	}

	.avantages-produit #signature-electronique h4 {
		margin-bottom: 5px;
		margin-left: 10px;
		width: 360px;
		font-size: 1.5em;
	}

	.avantages-produit #signature-electronique p {
		margin-left: 10px;
		width: 360px;
		font-size: 1.4em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.avantages-produit #signature-electronique {
		padding: 20px 40px;
		height: 70px;
	}

	.avantages-produit #signature-electronique .picto-L-silhouette-homme  {
		float: left;
	    padding: 12px;
	    font-size: 4em;
	    border-width: 2px;
	}
	
	.avantages-produit #signature-electronique h4 {
		margin-top: 5px;
		margin-left: 100px;
		margin-bottom: 5px;
		width: 360px;
		font-size: 1.8em;
	}

	.avantages-produit #signature-electronique p {
		margin-bottom: 0;
		margin-left: 100px;
		width: 360px;
		font-size: 1.5em;
	}

}



/*-------------------------------------------------------------------------------+
+ Bonnes raisons                                                                 +
+-------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) { /* Mobile */

	.bonnes-raisons .liste-raisons .raison {
		padding: 20px 10px;	
		width: calc(100% - 20px);
		box-shadow: none;	
	}

	.bonnes-raisons .liste-raisons .raison .titre {
		margin-bottom: 15px;
		text-align: left;
	}

	.bonnes-raisons .liste-raisons .raison .titre h3 {
		display: inline-block;
		margin-top: 0px;
	}
		
	.bonnes-raisons .liste-raisons .raison .titre .picto {
		margin-right: 15px;
	}

}



/*-------------------------------------------------------------------------------+
+ Exemples                                                                       +
+-------------------------------------------------------------------------------*/

.exemples {
    background-color: #fff;
}

.exemples table {
	margin: 0 auto;
}

.exemples table tr {
	display: block;
}

.exemples table td {
    margin-left: 40px;
    color: #8bbc06;
    text-align: right;
}

.exemples .mention-dcc {
    text-transform: uppercase;
}

.exemples .exemple p.mention {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1.2em;
    color: #7e7e7d;
    text-align: center;
}

@media screen and (max-width: 767px) { /* Mobile */

	.exemples table tr {
	    padding: 5px 20px;
	}
	
	.exemples table th {
		width: 200px;
	    font-size: 1.5em;
	}
	
	.exemples table td {
	    width: 80px;
		font-size: 1.4em;
	    height: 22px;
	}

	.exemple table strong {
	    font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.exemples table tr {
	    padding: 5px;
	}

	.exemples table th {
		width: 300px;
	    font-size: 1.5em;
	    vertical-align: middle;
	}

	.exemples table td {
	    width: 150px;
		font-size: 1.8em;
	    height: 22px;
	}

	.exemple table strong {
	    font-size: 1.55em;
	}

	.exemples .carrousel .exemple {
	    min-height: 550px;
	}
	
	.exemples .carrousel.solo .exemple {
		float: none;
	    margin-left: auto;
	    margin-right: auto;
	}

}

/* landing Appli mobile client */


@media screen and (max-width: 767px) { /* Mobile */

	section#simulateur.appMobile {
	    margin-top:0px;
	}
	
	section#simulateur.appMobile #mod-simulateur {
	    padding: 0px 6px;
	}

}

/* Landing  */

.landingProspect section#simulateur {
	border-bottom:1px solid #e0e0e0
}

.landingProspect div#corps-page #chapo.landingProspect {
	padding-top:0;
}

.landingProspect.auto div#corps-page #chapo.landingProspect {
	padding-top:0;
}

.landingProspect div#corps-page #chapo.landingProspect div#intro-page div.conteneur {
	position: relative;
    padding-top: 300px;
    background: url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/vsl-landingProspect.png) no-repeat center 0px;
    text-indent: -5000px;
    display: block;
    top:20px;
}

.landingProspect.auto div#corps-page #chapo.landingProspect div#intro-page div.conteneur {
    background: url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/vsl-landingProspect-Auto.png) no-repeat center 0px;
}
.landingProspect.travaux div#corps-page #chapo.landingProspect div#intro-page div.conteneur {
    background: url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/vsl-landingProspect-Travaux.png) no-repeat center 0px;
}
.landingProspect.tsProjets div#corps-page #chapo.landingProspect div#intro-page div.conteneur {
    background: url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/vsl-landingProspect.png) no-repeat center 0px;
}

.landingProspect div#corps-page #chapo.landingProspect.client div#intro-page div.conteneur {
	position: relative;
    padding-top: 288px;
    background: #01afba url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/vsl-landingClient.png) no-repeat center 0px;
    text-indent: -5000px;
    display: block;
    top: 20px;
}

.landingProspect div#corps-page #chapo.landingProspect p {
	display:none;
}

.landingProspect div#corps-page #chapo.landingProspect.client {

	  text-indent: -5000px;
	  display:block;
}

.landingProspect #mod-simulateur #form-simulateur {
	float:none;
	width:100%;
}

.landingProspect #liste-avantages p.pedago {
		margin:20px 0 10px 0;
		font-size:1.2em;
		display:block;
		clear:both;
		width:100%;
}

.landingProspect #liste-avantages div.focus-avantages {
  margin-top: 40px;
}

.landingProspect.generique #liste-avantages div.focus-avantages {
  margin-top: 10px;
}

.landingProspect #mod-simulateur #form-simulateur div div form div div#blocSimu,
.landingProspect #mod-simulateur #form-simulateur div div form div div#resultat-simulation {
	float:left;
	width:50%;
	
}
.landingProspect #mod-simulateur #form-simulateur div div form div div#resultat-simulation {
	width:45%;
	padding-top:0;
}

.landingProspect #mod-simulateur #simulateur #bt-valider {
	padding: 15px 0 0 0;
}

#liObjetPret {clear:both}

.landingProspect #mod-simulateur #form-simulateur div div form div div#blocSimu {
	padding:0px;
	width:55%;
}

.landingProspect #mod-simulateur #simulateur .ligne > label {
	width:150px;	
}


.landingProspect section#simulateur h2 {
	text-align:center;
	font-size:2.2em;
	color:#e5e5e5;
	font-weight:bold;
	margin-top:20px;
}

div#resultat-simulation {
	padding-top:40px;
}

div#resultat-simulation table {
	font-size:1.5em;
	width:300px;
	margin-bottom:40px;
	color:#333;

}

.landingProspect div#resultat-simulation table#montantDemande {
	background:#fff;
	border-radius: 10px; 
	border: 1px solid #e45021;
	border-collapse:initial;
}

.landingProspect.auto div#resultat-simulation table#montantDemande {
	border: 1px solid #009cff;
	color:#009cff;
}

.landingProspect.travaux div#resultat-simulation table#montantDemande {
	border: 1px solid #916de2;
	color:#916de2
}

.landingProspect.tsProjets div#resultat-simulation table#montantDemande {
	border: 1px solid #97d152;
	color:#97d152
}

.landingProspect div#resultat-simulation table#montantDemande {
	border: 1px solid #e5e5e5;
	color: #e5e5e5;
}

.landingProspect div#resultat-simulation table#montantDemande td {
	padding:10px;
	font-weight:bold;
}

div#resultat-simulation table td {font-weight:bold;}

div#resultat-simulation table strong {
	font-size:1.2em;
}

div#resultat-simulation table#montantDemande td {
	font-weight:normal;
}


div#resultat-simulation table td {

}

div#resultat-simulation table td.centre {
	background:url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/fond-point.png) repeat-x center 15px ;
	width:100%;
}

.landingProspect div#resultat-simulation table#montantDemande td.centre {
	background:none;
    width: 100%;
}

.landingProspect div#resultat-simulation table#montantDemande td.centre {
 /*   background: url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/fond-point-mt.png) repeat-x center 19px;*/
    width: 100%;
}

.landingProspect.auto div#resultat-simulation table#montantDemande td.centre {
/*    background: url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/fond-point-mt-v.png) repeat-x center 19px;*/
}

.landingProspect.travaux div#resultat-simulation table#montantDemande td.centre {
/*    background: url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/fond-point-mt-vi.png) repeat-x center 19px; */
}

div#resultat-simulation table#montantTotalDu {

}

.landingProspect div#mentions-legales {
	padding-top:40px;
} 

.landingProspect #souscription-assurance p.legende {
	margin-bottom:40px;
}

.landingProspect table#soitUnAvantage {
		color:#fff;
		height:35px;

		font-weight:normal;
		font-size:1.4em;

		position:relative;
		top:-25px;
		background:#929292;
		border-radius:10px;
}

.landingProspect table#soitUnAvantage td {
	padding-top:10px;
	font-weight:normal;
	text-align:center;
}

div#resultat-simulation table td {
	padding:5px;
}

div#resultat-simulation table td.valeur {
	text-align:right;
	white-space: normal;
}

section#simulateur div ul li {
	float:left;
	width:50%;
	text-align:center;
	color:#19adb2;
	font-size:1.4em;
}

section#simulateur p.intro {
    width: 400px;
    font-size: 1.4em;
    margin: 0 auto;
    text-align: center;
}

section#simulateur div ul li p {
	margin:20px;
	padding:10px;
	border-top:1px solid #cbcbcb;
	color:#000
	
}

section#simulateur div ul li span {
	border-radius:42px;
	background:#19adb2;
	display:block;
	width:84px;
	height:84px;
	margin:0 auto;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	margin-bottom:10px;
}

section#simulateur div ul li span strong {
	display:block;
	color:yellow;
	font-size:1.4em;
	padding-top:25px;

}

div#resultat-simulation table.montantTotalDu {
	color:#fe4743;
}

span#recapMontantTotalDu, span#recapTaeg, span#recapMontantMensualite {

}

.landingProspect  #presentation h1 {
	font-size:2.2em;
	text-align:left;
	font-weight:normal;
}

.landingProspect  #presentation h2 {
	font-size:2.3em;
	color:#fe4743;
	font-weight:bold;
	text-align:center;
	margin-top:20px;
}

.landingProspect #blocSimu h1,
.landingProspect #resultat-simulation h1 {
	font-size:1.8em;
	text-transform: uppercase;
	padding-bottom:40px;
} 

.landingProspect #blocSimu h1 strong,
.landingProspect #resultat-simulation h1 strong {
	width:12px;
	height:16px;
	border-radius:16px;
	background:#333;
	color:#fff;
	display:block;
	padding:8px 10px;
	float:left;
	position: relative;
    top: -8px;
    margin-right: 10px;
}  

.landingProspect.auto #blocSimu h1,.landingProspect.auto #resultat-simulation h1 {color:#009cff;} 
.landingProspect.auto #blocSimu h1 strong,.landingProspect.auto #resultat-simulation h1 strong {background:#009cff;}

.landingProspect.travaux #blocSimu h1,.landingProspect.travaux #resultat-simulation h1 {color:#916de2;} 
.landingProspect.travaux #blocSimu h1 strong,.landingProspect.travaux #resultat-simulation h1 strong {background:#916de2;}

.landingProspect.tsProjets #blocSimu h1,.landingProspect.tsProjets #resultat-simulation h1 {color:97d152;} 
.landingProspect.tsProjets #blocSimu h1 strong,.landingProspect.tsProjets #resultat-simulation h1 strong {background:#97d152;}

  
.landingProspect div.resultats {
	width:300px;
	padding:0 50px;
	margin:0 auto;
	padding-top:40px;
}

.landingProspect.connecte div.resultats {
	width:300px;
	padding:0 50px;
	margin:0 auto;
	background:url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/fond-resultat-simu-client.png) no-repeat;

	padding-top:40px;
}
 
section#baVousInforme {
	font-size:1.5em;
	margin-top:40px;
}

section#baVousInforme .conteneur h2 {
	font-size:1.3em;
	font-weight:normal;
	background:#eee;
	border-top-left-radius: 10px;border-top-right-radius: 10px;
	padding:20px;
	display:inline-block;
	width:auto;
}

section#baVousInforme .conteneur p {
	border:2px solid #eee;
	border-radius:5px;
	border-top-left-radius: 0px;
	padding:10px;
	color:#666;
	text-align:justify;
}

section#baVousInforme .conteneur p strong {
	font-size:1.3em;
	font-weight:normal;
}

section#miseEnAvant ul {
	background:f69c2f;
	border-radius:10px;
	margin:60px 0 20px 0;
	padding:10px;
	height:90px;
}

.landingProspect section#miseEnAvant ul {
	background:#f69c2f;
}

section#miseEnAvant ul li {
	width:24.0%;
	float:left;
	text-align:center;
	padding-left:0.4%;
	padding-right:0.4%;
	font-size:1.3em;
	height:90px;
	color:#fff;
}



section#miseEnAvant ul li.quatrieme {
	border-right:0px;
}

@media screen and (max-width: 767px) { /* Mobile */

	section#simulateur p.intro {
	    width: 320px;
	    font-size: 1.2em;
	    margin: 0 auto;
	    text-align: center;
	}

	.landingProspect.connecte div.resultats {
	    padding: 20px;
	    width:260px;
	}
	
	.landingProspect div#corps-page #chapo.landingProspect div#intro-page div.conteneur {
		top:0;
	}

	
	section#baVousInforme .conteneur h2 {
		margin:0 10px;
		font-size:0.9em;
	}
	
	section#baVousInforme .conteneur p {
		margin:0 10px;
	}
	
	section#miseEnAvant ul li {
		width:49%;
		border:0;
		height:auto;
		margin-bottom:20px;
	}
	
	section#miseEnAvant ul li.troisieme {
		clear:both;
	}
	
	section#miseEnAvant ul {
		overflow:auto;
		height:auto;
		margin:20px 10px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	section#baVousInforme .conteneur h2 {
		margin:0 10px;
	}
	
	section#baVousInforme .conteneur p {
		margin:0 10px;
	}
	
	section#miseEnAvant ul {
		margin:60px 10px 20px 10px;
	}
	
	.landingProspect.connecte div.resultats {
		width:200px;
	}

	section#miseEnAvant ul li img {
		position:relative;
		top:-50px;
	}
	
	section#miseEnAvant ul li span {
		position:relative;
		top:-50px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	
	section#miseEnAvant ul li img {
		position:relative;
		top:-50px;
	}
	
	section#miseEnAvant ul li span {
		position:relative;
		top:-40px;
	}
	
}

/* Tableaux promos landing */

table#promos {
	margin:20px auto;
	font-size:1.6em;
	box-shadow: 5px 5px 5px 0px #656565;
	color:#000;
}

table#promos td {
	border:1px solid #000;
	text-align:center;
	padding:10px 10px;
	vertical-align:middle;
}

table#promos td span {
	font-size:0.9em;
}

table#promos td.fondRouge {
	background:#ff031a;
	border-top:1px #fff;
	border-left:1px #fff;
	color:#fff;
}

table#promos td.fondRose {
	background:#f9bcc0;
	color:#000;
}

table#promos td.fondJaune {
	background: #ffe745;
	color: #ea1d2c;
}

table#promos td.fondJauneC {
	background: #fcf49a;
	color: #ea1d2c;
	font-weight:bold;
}

table#promos tr.dbMarge {
	border-bottom:2px solid #000;
}

table#promos td.tauxBarre {
	background:url(../img/divers/taux-barre.png) no-repeat center 10px;
}

@media screen and (max-width: 767px) { /* Mobile */

	.landingProspect #mod-simulateur #simulateur #bt-valider {
	    position: relative;
	    top: -20px;
	}
	
	.landingProspect #mod-simulateur #form-simulateur div div form div div#blocSimu {
	    width: 100%;
	}

	.landingProspect #mod-simulateur #simulateur #bt-valider {
	    margin-left: 0; 
	}

	.landingProspect div.resultats {
	    width:300px;
	    margin: 0 auto;
	    padding-top: 40px;
	    background-size:100% 100%;

	}
	

	
	.landingProspect #mod-simulateur #form-simulateur div div form div div#resultat-simulation {
	    width: 300px;
	    padding-top:20px;
	
	}

	.landingProspect div.resultats {
	    padding: 10px;
	}


	.landingProspect div#corps-page #chapo.landingProspect div#intro-page div.conteneur {
		background:none;
		padding-top:309px;
	}
	
	.landingProspect div#corps-page #chapo.landingProspect.client div#intro-page div.conteneur {
		background:none;
		padding-top:170px;
	}
	
	
	.landingProspect div#corps-page #chapo.landingProspect div#intro-page div.conteneur {
	    background: url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/vsl-landingProspect-m.png) no-repeat center 0px;
	}
	
	.landingProspect.auto div#corps-page #chapo.landingProspect div#intro-page div.conteneur {
	    background: url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/vsl-landingProspect-Auto-m.png) no-repeat center 0px;
	}
	.landingProspect.travaux div#corps-page #chapo.landingProspect div#intro-page div.conteneur {
	    background: url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/vsl-landingProspect-Travaux-m.png) no-repeat center 0px;
	}
	.landingProspect.tsProjets div#corps-page #chapo.landingProspect div#intro-page div.conteneur {
	    background: url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/vsl-landingProspect-m.png) no-repeat center 0px;
	}
		
	.landingProspect section#simulateur h2 {
		font-size:1.8em;
	}
	
	.landingProspect #mod-simulateur #form-simulateur div div form div div#resultat-simulation {
		margin:0px auto;
		float:none;
	}
	
	.landingProspect #mod-simulateur #form-simulateur div div form div div#blocSimu {
		float:none;
		background:none;
	}
	
	.landingProspect #mod-simulateur #simulateur .ligne > label {
		width:90px;
	}
	
	.landingProspect #mod-simulateur #form-simulateur div div form div div#blocSimu {
	  padding: 20px 0 0 0px;
	}
	
	div#resultat-simulation {
		padding-top:20px;
	}
	
	.landingProspect #mod-simulateur #form-simulateur div div form div div#blocSimu {
		width: 300px;
		margin:0 auto;
	}
	
	table#promos {
		margin:20px auto;
		font-size:1.2em;
		box-shadow: 5px 5px 5px 0px #656565;
		color:#000;
	}
	
	table#promos td {
		padding:4px;
	}
	
	table#promos td.tauxBarre {
		background:url(../img/divers/taux-barre.png) no-repeat center center;
	}
	
	div#resultat-simulation table {
	    font-size: 1.3em;
	    width: 300px;
	}
	
	.landingProspect div.resultats table{
    	margin:0 auto
	}
}

@media screen and (max-width: 1023px) { /* Tablette + mobile */


	
	div#resultat-simulation table {
	    font-size: 1.3em;
	}
	
	.landingProspect #mod-simulateur #simulateur #bt-valider {

	}
	
		div#resultat-simulation table {
	    width: 260px;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.landingProspect #liste-avantages.id-page-ppautres ul.avantages {
		margin-left:10%;	
	}
	
	.landingProspect #liste-avantages.id-page-ppautres ul.avantages li {
		margin-right:5%;
		margin-left:5%;
		width:30%;	
	}
	
	.landingProspect #mod-simulateur #simulateur .ligne .input {
    	width:auto;
	}


}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* tablette */

	div#resultat-simulation table {
	    font-size: 1.3em;
	    width: 200px; 
	}
	
	.landingProspect div div div.resultats {
	    padding: 20px 50px;
	}
	
	.landingProspect #mod-simulateur #simulateur #bt-valider {
	    padding: 15px 0 0 0;
	    position: relative;
	    top: 20px;
	    left: -45px;
	}

	.landingProspect div.resultats {
	    width:200px;
	    margin: 0 auto;
	    padding-top: 40px;
	    background-size:100% 100%;
	}

	.landingProspect #mod-simulateur #form-simulateur div div form div div#blocSimu {
 		 width: 370px;
 		 background:none;
	}
	
	.landingProspect #mod-simulateur #form-simulateur div div form div div#resultat-simulation {
		float:right;
	}
	
	.landingProspect div#corps-page #chapo.landingProspect div#intro-page div.conteneur {
	    background: url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/vsl-landingProspect-t.png) no-repeat center 0px;
	}

	.landingProspect #mod-simulateur #simulateur .ligne .input {
	    width: 190px;
	}
	
	.landingProspect div.resultats {
	    padding: 0 50px;
	}

}



/* ********* Landing pp offres clients ********* */

.landingProspect #signature-electronique {
	border-top: 1px solid #e0e0e0;
}

.landingProspect #mod-simulateur #form-simulateur {
	float:none;
	width:100%;
    padding-top: 20px;
}

.landingProspect #simulateur.offreclient h2{
	color: #333;
}

.landingProspect #simulateur.offreclient h2 span {
	font-weight: normal;
}

.landingProspect #simulateur.offreclient #mod-simulateur #form-simulateur {
	background-color: #61c4be;
}

.landingProspect #simulateur.offreclient table#soitUnAvantage {
		background:url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/fd-soitUnAvantage-offreclient.png) repeat-x ;
		color:#000;
		height:35px;
		width:242px;
		font-weight:bold;
		font-size:1.4em;
		padding-top:15px;
		margin:10px auto;
}

.landingProspect #simulateur.offreclient table {
	color: #fff;
}

.landingProspect #simulateur.offreclient table#soitUnAvantage td {
	padding-top:17px;
	font-weight:normal;
	text-align:center;
}

.landingProspect #simulateur.offreclient table#montantTotalDu {
	color: #fff;
}

.landingProspect #simulateur.offreclient #resultat-simulation #montantDemande {
	color: #fff;
	border: 1px solid #fff;
}

.landingProspect #simulateur.offreclient #mod-simulateur.offresclients #form-simulateur div div form div div#blocSimu {
	padding:20px 0 0 40px;
	/*width:600px;*/
	background:url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/shadowBorder.png) no-repeat 590px -15px ;
}


/* 4 Propositions PP */

.landingProspect #propositions-pp.offreclient {
	border-bottom: 1px solid #e0e0e0;
}

.landingProspect #propositions-pp.offreclient #titre h1 {
	text-align: left;
	font-weight: normal;
}

.landingProspect #propositions-pp.offreclient #titre h1 strong {
	font-weight: bold;
}

.landingProspect #propositions-pp.offreclient #quatre-propositions {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}

.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions {
	float: left;
	background-color: #f7f7f7;
	padding: 0 20px 20px 20px;
}

.landingProspect #propositions-pp.offreclient #titre h1 {
	font-size: 1.8em;
	margin-bottom: 20px;
}

.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions h2 {
	background-color:#61c4be;
	text-align: center;
	padding: 7px 5px;
	color: #fff;
	margin: 0 -20px 15px -20px;
}
	
.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions ul li {
	font-size: 14px;
	margin-bottom: 10px;
	display: block;
}
	
.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions ul li#taeg {
	font-size: 1.8em;
	text-align: center;
	background-color: #fff;
	border: 2px solid #fff126;
	padding: 5px;
	margin: 12px 0;
	color: #00a99c;
}

.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions .accord-principe span {
	background:url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/vsl-accord-principe.png) no-repeat center top;
	height: 100px;
	display: block;
}

.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions .accord-principe p {
	margin: 10px 0; 
	font-size: 1.1em;
	font-weight: bold;
}

.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions .bouton {
	background: none;
	margin-left: 25px;
}

.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions .bouton .bt {
	padding: 7px 13px;
	font-size: 1.3em;
	margin: 0 auto;
}

.landingProspect #propositions-pp.offreclient #mentions-legales {
	padding-top: 0;
}





@media screen and (max-width: 767px) { /* Mobile */

	.landingProspect div#corps-page #chapo.offreclient {
		padding-top:0;
		background:#61c4be url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/vsl-landingProspect-m.png) no-repeat center 0px ;
		text-indent:-5000px;
	}
		
	.landingProspect section#simulateur.offreclient h2 {
		font-size:1.8em;
	}
	
	.landingProspect #mod-simulateur #form-simulateur div div form div div#resultat-simulation {
		margin:0px auto;
		float:none;
	}
	
	.landingProspect #mod-simulateur #form-simulateur div div form div div#blocSimu {
		float:none;
		background:none;
	}
	
	.landingProspect #mod-simulateur #simulateur .ligne > label {
		width:90px;
	}
	
	.landingProspect #mod-simulateur #form-simulateur div div form div div#blocSimu {
	  padding: 20px 0 0 0px;
	}
	
	div#resultat-simulation {
		padding-top:20px;
	}
	
	.landingProspect #mod-simulateur #form-simulateur div div form div div#blocSimu {

		margin:0 auto;
	}
	
	.landingProspect #propositions-pp.offreclient .conteneur {
		padding: 0 10px;
	}
	
	.landingProspect #propositions-pp.offreclient {
		margin-bottom: 30px;
	}
	
		
	.landingProspect div#corps-page #chapo.offreclient {
		padding-top: 0;
		background:#61c4be url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/visuel-landing-offreclient-m.png) no-repeat center top;
		text-indent:-5000px;
		min-height: 310px;
	}
	
	.landingProspect #propositions-pp.offreclient #titre p {
		font-size: 1.2em;
	}
	
	.landingProspect #propositions-pp.offreclient #quatre-propositions {
		margin: 0 auto;
	}
	
	.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions {
		margin: 20px auto;
		display: block;
		float: none;
		width:275px;
	}
	
	.landingProspect #propositions-pp.offreclient #titre {
		margin: 20px 0 0 0;
	}
	
	.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions h2 {
		font-size: 1.4em;
	}
	
	.landingProspect #propositions-pp.offreclient #mentions-legales {
		margin: 20px 0 30px 0;
	}
}


@media screen and (min-width: 768px) and (max-width: 1220px) { /* tablette */

	.landingProspect #mod-simulateur #form-simulateur div div form div div#blocSimu {
 		 width: 370px;
 		 background:none;
	}
	
	.landingProspect #mod-simulateur #form-simulateur div div form div div#resultat-simulation {
		float:right;
	}

	.landingProspect #propositions-pp.offreclient #quatre-propositions {
		max-width: 780px;
	}

	.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions {
		margin: 40px 20px;
	}
	
	.landingProspect #propositions-pp.offreclient #mentions-legales {
		max-width: 780px;
		margin: 0 auto 50px auto;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.landingProspect div#corps-page #chapo.offreclient {
		padding-top:0; 
	}
	
	.landingProspect div#corps-page #chapo.offreclient #intro-page {
		padding-top:0;
		background:#61c4be url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/visuel-landing-offreclient.png) no-repeat center top;
		text-indent:-5000px;
		min-height: 255px; 
	}

	.landingProspect #propositions-pp.offreclient .conteneur {
		padding: 0 20px;
	}
	
	.landingProspect #propositions-pp.offreclient {
		margin: 0 auto 50px auto;
	}

	.landingProspect #propositions-pp.offreclient #titre {
		margin: 40px 0 0 0;
	}

	.landingProspect #propositions-pp.offreclient #titre h1 {
		font-size: 2.2em;
		margin-bottom: 20px;
	}
	
	.landingProspect #propositions-pp.offreclient #titre p {
		font-size: 1.4em;
	}
	
	.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions {
		width: 275px;
	}
	
	.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions h2 {
		font-size: 1.8em;
	}
	
	.landingProspect #propositions-pp.offreclient #mentions-legales p {
		font-size: 1.3em;
	}
	
	.landingProspect #propositions-pp.offreclient #mentions-legales p strong {
		font-size: 1.3em !important;
	}
	
	.landingProspect #simulateur.offreclient {
		margin-bottom: 50px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.landingProspect div#corps-page #chapo.offreclient {
		padding-top:0;
		background:#61c4be url(../img/visuels/produits/credits/pret-personnel_BKP_BKP/visuel-landing-offreclient.png) no-repeat center top;
		text-indent:-5000px;
		min-height: 255px; 
	}

	.landingProspect #propositions-pp.offreclient #quatre-propositions {
		width: 870px;
	}
	
	.landingProspect #propositions-pp.offreclient #quatre-propositions .propositions {
		margin: 40px 60px;
	}
	
	.landingProspect #propositions-pp.offreclient #mentions-legales {
		max-width: 750px;
		margin: 0 auto 50px auto;
	}

}


/* Mentions exemple ****************************************************/

#mentions-exemple {
    background-color: #fff;
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#mentions-exemple {
		margin-top: -80px;
	}

}



/*-------------------------------------------------------------------------------+
+ Demande en ligne                                                               +
+-------------------------------------------------------------------------------*/

.demande h2 span {
		display: inline;
	}

.demande .info-complementaires {
	font-size: 1.5em;
	color: #b8b8b8;
	text-align: center;
}

.page-resultats-simulation .demande .bt-vert {
	display: none;
}

@media screen and (max-width: 767px) { /* Mobile */

	.demande .info-complementaires {
		margin: 0 20px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.demande .info-complementaires {
		margin: 50px 140px 20px;
	}

}



/*-------------------------------------------------------------------------------+
+ FAQ                                                                            +
+-------------------------------------------------------------------------------*/

#zone-faq {
	margin: 60px 0;
}



/*-------------------------------------------------------------------------------+
+ Rebonds                                                                        +
+-------------------------------------------------------------------------------*/

.rebonds {
	background-color: #f4f4f4;
}



/*-------------------------------------------------------------------------------+
+ Mentions Legales                                                               +
+-------------------------------------------------------------------------------*/

#mentions-legales {
	background-color: #f4f4f4;
}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  SOUSCRIPTION                                                                               //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

.formulaire .erreur-locale {
	background-color: transparent;
}

.formulaire #form-detailprojet legend {
	background-image: url(../img/pictos/fd-vert/picto-homme-palette.png)
}

.formulaire #form-coordonneesemprunteur legend {
	background-image: url(../img/pictos/fd-vert/picto-homme-bulle.png)
}

.formulaire #form-coordonneescoemprunteur legend {
	background-image: url(../img/pictos/fd-vert/picto-couple.png)
}

.formulaire #form-len legend {
	background-image: url(../img/pictos/fd-vert/picto-megaphone.png)
}

.formulaire #form-lcCapital legend {
	background-image: url(../img/pictos/fd-vert/picto-ordi-curseur.png)
}

.formulaire #form-foyer legend {
	background-image: url(../img/pictos/fd-vert/picto-homme-enfant.png)
}

.formulaire #form-logement legend {
	background-image: url(../img/pictos/fd-vert/picto-maison.png)
}

.formulaire #form-professionemprunteur legend {
	background-image: url(../img/pictos/fd-vert/picto-homme-costume.png)
}

.formulaire #form-professioncoemprunteur legend {
	background-image: url(../img/pictos/fd-vert/picto-couple.png)
}

.formulaire #form-revenusemprunteur legend {
	background-image: url(../img/pictos/fd-vert/picto-tirelire.png)
}

.formulaire #form-revenuscoemprunteur legend {
	background-image: url(../img/pictos/fd-vert/picto-couple.png)
}

.formulaire #form-charges legend {
	background-image: url(../img/pictos/fd-vert/picto-chariot.png)
}

.formulaire #form-banque legend {
	background-image: url(../img/pictos/fd-vert/picto-graphique.png)
}



/*-------------------------------------------------------------------------------+
+ Cas page "Message"                                                             +
+-------------------------------------------------------------------------------*/

.page-message #chapo {
    background: #ebebeb;
}



/*-------------------------------------------------------------------------------+
+ Etape 1 - A propos de vous                                                     +
+-------------------------------------------------------------------------------*/

#infos-pret h3 {
	color: #54565b;
	line-height: 1.2em;
}

#infos-pret ul {
	margin-bottom: 15px;
	padding-bottom: 10px;
	color: #54565b;
	border-bottom: 1px solid #fff;
}

#infos-pret ul li {
	background-image: url(../img/puces/puce-valide-vert.png);
	background-repeat: no-repeat;
}

#infos-pret .tableau-recapitulatif {
	background-color: #f8f8f8;
}

#infos-pret .tableau-recapitulatif table {
	width: 100%;
	
}

#infos-pret .tableau-recapitulatif table tbody {
	color: #8bbc06;
}

#infos-pret .tableau-recapitulatif table tr .gauche {
	width: 65%;
}

#infos-pret .tableau-recapitulatif table tr .droite {
	width: 35%;
	text-align: right;
}

#infos-pret .tableau-recapitulatif table tbody tr td {
	background-image: url(../img/divers/filet-pointille-vert.gif);
	background-repeat: repeat-x;
	vertical-align: top;
}

#infos-pret .tableau-recapitulatif table tr td .cellule {
	display: inline-block;
	position: relative;
	background-color: #f8f8f8;
}

#infos-pret .tableau-recapitulatif table tr .droite .cellule select {
	position: absolute;
	top: 3px;
	right: 10px;
	width: 100px;
}

#infos-pret .tableau-recapitulatif table tr td .cellule .precision {
	display: block;
	font-size: 0.9em;
}

#infos-pret .tableau-recapitulatif table .montant-total td {
	color:#fff;
}

#infos-pret .tableau-recapitulatif table .montant-total .gauche .cellule {
	display: block;
	background-color: #8bbc06;
}

#infos-pret .tableau-recapitulatif table .montant-total .droite .cellule {
	display: block;
	background-color: #8bbc06;
}
	
#infos-pret .tableau-recapitulatif table select, #infos-pret .tableau-recapitulatif table select option {
	font-family: Arial, Helvetica, sans-serif;
}

#infos-pret div.tableau-recapitulatif.mod-papier-volume p {
	margin: 10px 0 0 10px;
	font-size: 1.1em;
}

.formulaire #form-lcCapital legend .titre {
border-bottom: 5px solid #e0e0e0;
}

.formulaire #form-lcCapital p {
	margin-left:-21px
}

.formulaire #form-lcCapital .ligne span.formLcCapital {
	display:block;
	text-align:center;
	margin-top:20px;
}

.formulaire #form-len .ligne {
	min-height: 20px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#infos-pret {
		padding: 15px 6px 0 6px;
	}

	#infos-pret h3 {
		margin-bottom: 5px;
		padding: 0 15px;
		font-size: 1.2em;
	}

	#infos-pret ul {
		padding: 0 15px;
	}

	#infos-pret ul li {
		background-position: left 4px;
		padding: 5px 0 5px 20px;
		font-size: 1.1em;
		line-height: 1.2em;
	}

	#infos-pret p {
		padding: 0 15px;
	}

	#infos-pret .tableau-recapitulatif {
		width: 260px;
		margin: 30px auto 30px auto;
		padding: 20px;
	}

	#infos-pret .tableau-recapitulatif .bord-haut {
		top: -26px;
		width: 300px;
		height: 6px;
		margin: 0 -20px -6px -20px;
	}

	#infos-pret .tableau-recapitulatif .bord-bas {
		bottom: -51px;
		width: 300px;
		height: 31px;
		margin: -31px -20px 0 -20px;
	}

	#infos-pret .tableau-recapitulatif table {
		font-size: 1.1em;
	}

	#infos-pret .tableau-recapitulatif table tr .gauche .cellule {
		padding: 5px 5px 5px 10px;
	}
	
	#infos-pret .tableau-recapitulatif table tr .droite .cellule {
		padding: 5px 10px 5px 5px;
	}
	
	#infos-pret .tableau-recapitulatif table tbody tr td {
		background-position: left 14px;
	}
	
	#infos-pret .tableau-recapitulatif table tr td .cellule select, #infos-pret .tableau-recapitulatif table tr td .cellule select option {
		height: 20px;
		font-size: 0.8em;
	}

	#infos-pret .tableau-recapitulatif table .montant-demande .cellule {
		margin-bottom: 8px;
	}

	#infos-pret .tableau-recapitulatif table .montant-total .cellule {
		margin-top: 8px;
	}
	
	.formulaire .displaynone-desktop {
		display: none;
	}	
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#infos-pret {
		position: relative;
		min-height: 290px;
	}

	#infos-pret h3 {
		margin-bottom: 10px;
		font-size: 1.8em;
	}

	#infos-pret ul li {
		background-position: left -272px;
		padding: 8px 0 8px 33px;
		font-size: 1.6em;
		line-height: 1.2em;
	}

	#infos-pret p {
		font-size: 1.4em;
	}

	#infos-pret .tableau-recapitulatif table tr .gauche .cellule {
		padding: 10px 5px 10px 10px;
	}
	
	#infos-pret .tableau-recapitulatif table tr .droite .cellule {
		padding: 10px 10px 10px 5px;
	}
	
	#infos-pret .tableau-recapitulatif table tbody tr td {
		background-position: left 17px;
	}
	
	#infos-pret .tableau-recapitulatif table tr td .cellule select {
		height: 26px;
		font-size: 0.9em;
	}
	
	#infos-pret .tableau-recapitulatif table tr td .cellule select option {
		font-size: 0.9em;
	}

	#infos-pret .tableau-recapitulatif table .montant-demande .cellule {
		margin-bottom: 10px;
	}

	#infos-pret .tableau-recapitulatif table .montant-total .cellule {
		margin-top: 10px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#infos-pret {
		padding: 40px 420px 0 10px; 
	}

	#infos-pret .tableau-recapitulatif {
		position: absolute;
		top: 30px;
		right: 10px;
		width: 340px;
		padding: 20px;
	}

	#infos-pret .tableau-recapitulatif .bord-haut {
		top: -26px;
		width: 380px;
		height: 6px;
		margin: 0 -20px -6px -20px;
	}

	#infos-pret .tableau-recapitulatif .bord-bas {
		bottom: -55px;
		width: 380px;
		height: 35px;
		margin: -35px -20px 0 -20px;
	}

	#infos-pret .tableau-recapitulatif table {
		font-size: 1.3em;
	}
	
	.formulaire .displaynone-mobile {
		display: none;	
	}	

}

@media screen and (min-width: 1221px) { /* Bureau */

	#infos-pret {
		max-width: 430px;
		margin: 0 auto;
		padding: 40px 370px 0 0;
		margin-bottom: -25px;
	}

	#infos-pret h3 {
		margin-bottom: 10px;
		font-size: 1.8em;
	}

	#infos-pret ul li {
		font-size: 1.6em;
	}

	#infos-pret .tableau-recapitulatif {
		position: absolute;
		top: 30px;
		right: 0;
		width: 320px;
		padding: 20px 10px;
	}

	#infos-pret .tableau-recapitulatif .bord-haut {
		top: -27px;
		width: 340px;
		height: 7px;
		margin: 0 -10px -7px -10px;
	}

	#infos-pret .tableau-recapitulatif .bord-bas {
		bottom: -54px;
		width: 340px;
		height: 34px;
		margin: -34px -10px 0 -10px;
	}

	#infos-pret .tableau-recapitulatif table {
		font-size: 1.2em;
	}
	
	.formulaire .displaynone-mobile {
		display: none;	
	}	

}


/* Popup incitation saisie telephone mobile (se web) *******************/

#popup-form-telephone-mobile {
	padding: 15px;
}

#popup-form-telephone-mobile #overlay-form {
	position: relative;
}

#popup-form-telephone-mobile h5 {
	text-align: center;
	font-weight: normal;
}

#popup-form-telephone-mobile h5 strong {
	font-weight: bold;
}

#popup-form-telephone-mobile .precision {
	color: #727272;
	font-style: italic;
	text-align: center;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-form-telephone-mobile h5 {
		padding-bottom: 20px;
		font-size: 1.4em;
	}

	#popup-form-telephone-mobile p {
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-form-telephone-mobile {
		width: 700px;
	}

	#popup-form-telephone-mobile h5 {
		padding: 5px 40px 30px 40px;
		font-size: 2.8em;
	}

	#popup-form-telephone-mobile p {
		font-size: 1.4em;
	}

	#popup-form-telephone-mobile .precision {
		margin: -20px 0 0 30px;
		width: 250px;
		font-size: 1.2em;
	}

}


/* Boutons */

#popup-form-telephone-mobile .validation {
	text-align: center;
}

#popup-form-telephone-mobile .validation .bouton {
	vertical-align: middle;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-form-telephone-mobile .validation {
		padding: 10px 0 20px 0;
	}

	#popup-form-telephone-mobile .validation .btOui {
		margin-right: 20px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-form-telephone-mobile .validation {
		padding: 20px 0 30px 0;
	}

	#popup-form-telephone-mobile .validation .btOui {
		margin-right: 130px;
	}
	
	#popup-form-telephone-mobile .validation #popup-form-telephone-mobile-fermer {
		min-width: 250px;
	}

	#popup-form-telephone-mobile .validation .bouton .bt {
		padding: 20px 20px 15px 20px;
	}

}


/* Popin redirection RAC ***********************************************/


#popup-abandon-rac {
	position: static;
}

#popup-abandon-rac #overlay-form {
	position: relative;
}

#popup-abandon-rac #fermerOverlay {
	position: absolute;
	top: -30px;
	right: -10px;
}

#popup-abandon-rac h5 {
	text-align: center;
	font-weight: normal;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-abandon-rac h5 {
		padding: 5px 0 15px 0;
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-abandon-rac {
		width: 550px;
	}

	#popup-abandon-rac h5 {
		padding: 5px 30px 20px 30px;
		font-size: 2.8em;
	}

}


/* Boutons */

#popup-abandon-rac .validation {
	padding-bottom: 20px;
	text-align: center;
}

#popup-abandon-rac .validation .bouton {
	vertical-align: middle;
}

#popup-abandon-rac .validation .btOui {
	margin-right: 20px;
}

#popup-abandon-rac .validation .btNon {
	margin-right: 20px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-abandon-rac .validation .no-mobile {
		display: none;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-abandon-rac .validation .btOui .puce-gauche {
		background-position: left -279px;
		height: 20px;
	}

}



/*-------------------------------------------------------------------------------+
+ Etape 4 - Assurance                                                            +
+-------------------------------------------------------------------------------*/

#form-assurance-emprunteur .intro .nom {
	font-weight: bold;
}

#form-assurance-emprunteur .intro ul li {
	background-image: url(../img/puces/puce-cocher-orange.png);
	background-repeat: no-repeat;
}
	
#form-assurance-emprunteur .infos-assurance h6 {
	background-image: url(../img/pictos/produits/picto-homme-zen-gch.png);
	background-repeat: no-repeat;
	line-height: 1.2em;
}

#form-assurance-emprunteur .choix select {
	width: 100%;
}

#form-assurance-emprunteur .choix {
	margin-bottom: 20px;
}

#form-assurance-emprunteur .choix span {
	display:block;
	padding-bottom: 5px;
	color:#F09700;
	
	font-weight: bold;
}
	
#form-assurance-emprunteur .tableau-recapitulatif {
	background-color: #f8f8f8;
}

#form-assurance-emprunteur .tableau-recapitulatif table {
	width: 100%;
	
}

#form-assurance-emprunteur .tableau-recapitulatif table tbody {
	color: #f09700;
}

#form-assurance-emprunteur .tableau-recapitulatif table tr .gauche {
	width: 65%;
}

#form-assurance-emprunteur .tableau-recapitulatif table tr .droite {
	width: 35%;
	text-align: right;
}

#form-assurance-emprunteur .tableau-recapitulatif table tbody tr td {
	background-image: url(../img/divers/filet-pointille-orange.gif);
	background-repeat: repeat-x;
	vertical-align: top;
}

#form-assurance-emprunteur .tableau-recapitulatif table tr td .cellule {
	display: inline-block;
	background-color: #f8f8f8;
	font-size: 1.2em;
}

#form-assurance-emprunteur .tableau-recapitulatif table tr td .cellule .precision {
	display: block;
	font-size: 0.9em;
}

#form-assurance-emprunteur .tableau-recapitulatif table .montant-total-sans-assurance .gauche .cellule {
	display: block;
	height:27px;
	border: 1px solid #f09700;
	border-right: none;
	-moz-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;
}

#form-assurance-emprunteur .tableau-recapitulatif table .montant-total-sans-assurance .droite .cellule {
	display: block;
	height:27px;
	border: 1px solid #f09700;
	border-left: none;
	-moz-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
}

#form-assurance-emprunteur .tableau-recapitulatif table .montant-total-avec-assurance td {
	color: #fff;
}

#form-assurance-emprunteur .tableau-recapitulatif table .montant-total-avec-assurance .gauche .cellule {
	display: block;
	background-color: #f09700;
	height:27px;
	-moz-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;
}

#form-assurance-emprunteur .tableau-recapitulatif table .montant-total-avec-assurance .droite .cellule {
	display: block;
	background-color: #f09700;
	height: 27px;
	-moz-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
}

#form-assurance-emprunteur .tableau-recapitulatif table .assurance td {
	background-image: url(../img/divers/filet-pointille-gris.gif);
	background-repeat: repeat-x;
	color: #9d9d9d;
	font-size: 0.9em;
}

#form-assurance-emprunteur #notice-assurance {
	position: relative;
	
}

#form-assurance-emprunteur #notice-assurance label {
	font-weight: bold;
}

#form-assurance-emprunteur #notice-assurance .input {
	position: absolute;
}

#form-assurance-emprunteur #notice-assurance.erreur {
	background-color: #ffe5e5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#form-assurance-emprunteur #notice-assurance.erreur .erreur-locale {
	background-image: url(../img/puces/puce-erreur.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FF0000;
}

#form-assurance-emprunteur #notice-assurance.erreur .erreur-locale p {
	margin-bottom: 0;
	font-size: 0.9em;
}

#form-assurance-emprunteur #notice-assurance.erreur .erreur-locale p a {
	color: #FF0000;
}

@media screen and (max-width: 767px) { /* Mobile */

	#form-assurance-emprunteur .conteneur {
		padding: 30px 6px 20px 6px;
	}
	
	#form-assurance-emprunteur .intro h4 {
		padding: 5px 0 0 0;
		font-size: 1.2em;
	}

	#form-assurance-emprunteur .intro ul {
		margin: 15px 0 20px 0;
	}

	#form-assurance-emprunteur .intro ul li {
		background-position: left 2px;
		margin-bottom: 10px;
		padding-left: 20px;
		font-size: 1.2em;
		line-height: 1.3em;
	}
		
	#form-assurance-emprunteur .intro a#lien-recapitulatif-garanties {
		display: block;
		font-size: 1.2em;
		margin: 15px 0 20px 0;
	}
	
	#form-assurance-emprunteur .intro p {
		font-size: 1.2em;
	}

	#form-assurance-emprunteur .intro .nom {
		font-size: 1.3em;
	}
	
	#form-assurance-emprunteur .infos-assurance {
		padding: 5px 0 20px 0;
	}
	
	#form-assurance-emprunteur .infos-assurance h6 {
		background-position: left top;
		min-height: 17px;
		margin-bottom: 10px;
		padding-left: 30px;
		font-size: 1.3em;
	}
	
	#form-assurance-emprunteur .choix {
		margin: 10px auto 10px auto;
		font-size: 1.2em;
		width: 85%;
	}
	
	#form-assurance-emprunteur .choix span {
		display: inline-block;
		padding-bottom: 5px;
	}
	
	#form-assurance-emprunteur .choix select {
		font-size:0.95em;
	}

	#form-assurance-emprunteur .tableau-recapitulatif {
		width: 260px;
		margin: 0 auto 30px auto;
		padding: 20px;
	}

	#form-assurance-emprunteur .tableau-recapitulatif .bord-haut {
		top: -26px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-300.png) no-repeat left top;
		width: 300px;
		height: 6px;
		margin: 0 -20px -6px -20px;
	}

	#form-assurance-emprunteur .tableau-recapitulatif .bord-bas {
		bottom: -51px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-300.png) no-repeat left bottom;
		width: 300px;
		height: 31px;
		margin: -31px -20px 0 -20px;
	}

	#form-assurance-emprunteur .tableau-recapitulatif table {
		font-size: 1.1em;
	}

	#form-assurance-emprunteur .tableau-recapitulatif table tr .gauche .cellule {
		padding: 5px 5px 5px 10px;
	}
	
	#form-assurance-emprunteur .tableau-recapitulatif table tr .droite .cellule {
		padding: 5px 10px 5px 5px;
	}
	
	#form-assurance-emprunteur .tableau-recapitulatif table tbody tr td {
		background-position: left 14px;
	}

	#form-assurance-emprunteur .tableau-recapitulatif table .montant-total-sans-assurance .cellule {
		min-height: 25px;
		margin-bottom: 8px;
	}

	#form-assurance-emprunteur .tableau-recapitulatif table .montant-total-avec-assurance .cellule {
		min-height: 25px;
		margin-top: 8px;
	}

	#form-assurance-emprunteur .tableau-recapitulatif table .assurance .cellule {
		padding-top: 0!important;
	}
	
	#form-assurance-emprunteur .tableau-recapitulatif table .assurance td {
		background-position: left 8px;
	}
	
	#form-assurance-emprunteur #notice-assurance {
		margin-bottom: 20px;
		padding: 10px 10px 10px 30px;
		font-size: 1.2em;
	}
	
	#form-assurance-emprunteur #notice-assurance .input {
		top: 9px;
		left: 10px;
	}

	#form-assurance-emprunteur #notice-assurance.erreur .erreur-locale {
		background-position: left top;
		padding-left: 20px;
	}
	
	#form-assurance-emprunteur #notice-assurance-sanscheckbox {
		padding: 20px 0;
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#form-assurance-emprunteur .infos-assurance {
		padding: 5px 0 30px 0;
	}
	
	#form-assurance-emprunteur .infos-assurance h6 {
		background-position: left -114px;
		min-height: 48px;
		margin-bottom: 5px;
		padding-left: 70px;
	}
	
	#form-assurance-emprunteur .intro {
		margin-bottom: 40px;
	}
	
	#form-assurance-emprunteur .intro h4 {
		padding: 10px 0 8px 0;
	}
	
	#form-assurance-emprunteur .intro ul {
		margin-bottom: 5px;
	}
	
	#form-assurance-emprunteur .intro ul li {
		background-position: left 2px;
		margin-bottom: 10px;
		padding-left: 30px;
		font-size: 1.5em;
	}
	
	#form-assurance-emprunteur .intro a#lien-recapitulatif-garanties {
		display: block;
		font-size: 1.5em;
		margin: 15px 0 20px 0;
	}
	
	#form-assurance-emprunteur .tableau-recapitulatif {
		width: 660px;
		padding: 20px;
	}
	
	#form-assurance-emprunteur .tableau-recapitulatif .bord-haut {
		top: -26px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-700.png) no-repeat left top;
		width: 700px;
		height: 6px;
		margin: 0 -20px -6px -20px;
	}

	#form-assurance-emprunteur .tableau-recapitulatif .bord-bas {
		bottom: -55px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-700.png) no-repeat left bottom;
		width: 700px;
		height: 35px;
		margin: -35px -20px 0 -20px;
	}

	#form-assurance-emprunteur .tableau-recapitulatif table tr .gauche .cellule {
		padding: 8px 5px 8px 10px;
	}
	
	#form-assurance-emprunteur .tableau-recapitulatif table tr .droite .cellule {
		padding: 8px 10px 8px 5px;
	}
	
	#form-assurance-emprunteur .tableau-recapitulatif table tbody tr td {
		background-position: left 17px;
	}

	#form-assurance-emprunteur .tableau-recapitulatif table .montant-total-sans-assurance .cellule {
		min-height: 25px;
		margin-bottom: 10px;
	}

	#form-assurance-emprunteur .tableau-recapitulatif table .montant-total-avec-assurance .cellule {
		min-height: 25px;
		margin-top: 10px;
	}

	#form-assurance-emprunteur .tableau-recapitulatif table .assurance .cellule {
		padding-top: 0!important;
	}
	
	#form-assurance-emprunteur .tableau-recapitulatif table .assurance td {
		background-position: left 9px;
	}
	
	#form-assurance-emprunteur #notice-assurance {
		margin-bottom: 30px;
		padding: 20px 10px 20px 40px;
	}
	
	#form-assurance-emprunteur #notice-assurance .input {
		top: 20px;
		left: 15px;
	}

	#form-assurance-emprunteur #notice-assurance.erreur .erreur-locale {
		background-position: left -275px;
		min-height: 20px;
		padding-top: 8px;
		padding-bottom: 2px;
		padding-left: 30px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-assurance-emprunteur .conteneur {
		padding: 40px 10px 30px 10px;
	}

	#form-assurance-emprunteur .intro p {
		font-size: 1.5em;
	}

	#form-assurance-emprunteur .intro .nom {
		font-size: 2em;
	}
	
	#form-assurance-emprunteur .intro h4 {
		font-size: 1.8em;
	}
	
	#form-assurance-emprunteur .infos-assurance h6 {
		font-size: 1.8em;
	}
	
	#form-assurance-emprunteur .choix {
		margin: 10px auto 40px auto;
		font-size: 1.8em;
		width: 70%;
	}

	#form-assurance-emprunteur .tableau-recapitulatif {
		margin: 0 auto 40px auto;
	}

	#form-assurance-emprunteur .tableau-recapitulatif table {
		font-size: 1.3em;
	}
	
	#form-assurance-emprunteur .choix select {
		font-size: 0.75em;
	}
	
	#form-assurance-emprunteur #notice-assurance {
		margin-bottom: 0;
		font-size: 1.6em;
	}
	
	#form-assurance-emprunteur #notice-assurance-sanscheckbox {
		padding: 20px 0;
		font-size: 1.6em;
	}
	
	#form-assurance-emprunteur .retour-validation {
		margin-top: 5px;
	}
	
}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-assurance-emprunteur .conteneur {
		max-width: 800px;
		padding: 40px 0 30px 0;
	}

	#form-assurance-emprunteur .intro p {
		font-size: 1.5em;
	}

	#form-assurance-emprunteur .intro .nom {
		font-size: 1.8em;
	}
	
	#form-assurance-emprunteur .intro h4 {
		font-size: 1.5em;
	}
	
	#form-assurance-emprunteur .infos-assurance .description {
		float: left;
		border: 1px solid red;
	}
	
	#form-assurance-emprunteur .infos-assurance h6 {
		font-size: 1.6em;
	}
	
	#form-assurance-emprunteur .choix {
		margin: 10px auto 40px auto;
		font-size: 1.6em;
		width: 70%;
	}
	
	#form-assurance-emprunteur .choix span {
		display: block;
		padding-bottom: 5px;
	}
	
	#form-assurance-emprunteur .tableau-recapitulatif {
		margin: 0 auto 20px auto;
	}

	#form-assurance-emprunteur .tableau-recapitulatif table {
		font-size: 1.3em;
	}
	
	#form-assurance-emprunteur .choix select {
		font-size: 0.85em;
	}
	
	#form-assurance-emprunteur #notice-assurance {
		clear: both;
		margin-bottom: 0;
		font-size: 1.4em;
	}
	
	#form-assurance-emprunteur #notice-assurance-sanscheckbox {
		padding: 20px 0;
		font-size: 1.4em;
	}
	
	#form-assurance-emprunteur .retour-validation {
		margin-top: 5px;
	}

}

/* Fenetre modale ******************************************************/

/* Assurance emprunteur relance */

#popup-form-assurance-emprunteur-relance .infos-assurance h6 {
	line-height: 1.2em;
}
	
#popup-form-assurance-emprunteur .choix span {
	
}
	
#popup-form-assurance-emprunteur .choix table {
	width: 220px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-form-assurance-emprunteur-relance .zone-defilement {
		height: 230px;
	}
	
	#popup-form-assurance-emprunteur-relance .infos-assurance h6 {
		min-height: 24px;
		margin-bottom: 5px;
		font-size: 1.2em;
	}
	
	#popup-form-assurance-emprunteur-relance .infos-assurance img {
		display: none;
	}
			
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation {
		text-align: center;
		width: 95%;
	}
	
	#popup-form-assurance-emprunteur-relance .bt-noir {
		width: 95%;
	}
	
	#popup-form-assurance-emprunteur-relance .bt-vert {
		width: 95%;
		margin-top: 60px;
	}
	
	#popup-form-assurance-emprunteur-relance .bt-vert .puce-droite {
		background-position: left top;
		width: 17px;
		height: 12px;
		margin-right: 6px;
		vertical-align: -2px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-form-assurance-emprunteur-relance .infos-assurance {
		position: relative;
		margin-bottom: 30px;
		padding-left: 185px;
	}

	#popup-form-assurance-emprunteur-relance .infos-assurance h6 {
		min-height: 48px;
		margin-bottom: 10px;
	}
	
	#popup-form-assurance-emprunteur-relance .infos-assurance img {
		position: absolute;
		top: 0;
		left: 20px;
	}

	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation {
		position: relative;
		margin-top: 50px;
		min-height: 75px;
	}
		
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-noir, #popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-vert {
		position: absolute;
	}
	
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-vert .puce-droite {
		background-position: left -80px;
		width: 24px;
		height: 16px;
		margin-right: 10px;
		vertical-align: -3px;
	}
	
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-vert.bt {
		padding: 10px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#popup-form-assurance-emprunteur-relance .zone-defilement {
		height: 270px;
	}
	
	#popup-form-assurance-emprunteur-relance .infos-assurance h6 {
		margin-bottom: 10px;
		font-size: 1.8em;
	}
	
	#popup-form-assurance-emprunteur-relance .infos-assurance p {
		font-size: 1.5em;
	}
	
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-noir {
		top: 0;
		left: 50px;
	}
	
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-vert {
		top:0;
		right: 50px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#popup-form-assurance-emprunteur-relance {
		width: 820px;
		height: 270px;
	}

	#popup-form-assurance-emprunteur-relance .infos-assurance h6 {
		font-size: 2em;
		padding-top: 15px;
	}
	
	#popup-form-assurance-emprunteur-relance .infos-assurance p {
		font-size: 1.5em;
	}
	
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-noir {
		top: 0;
		left: 110px;
	}
	
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-vert {
		top:0;
		right: 110px;
	}

}


/* Assurance emprunteur recapitulatif garanties */

#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance {
	clear: both;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance h6 {
	line-height: 1.2em;
	text-align: center;
}
	
#popup-form-assurance-emprunteur-recapitulatif-garanties table {
	position: relative;
	margin: 0 auto 20px auto;
	border-top: 5px #0092d0 solid;
	border-bottom: 1px #0092d0 solid;
	padding: 10px 0;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties table caption {
	text-align: center;
	font-weight: bold;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties table caption div {
	position: relative;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties table caption span {
	position: absolute;
	top: 16px;
	display: block;
	width: 100%;
	font-size: 0.7em;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties table tr .col-garanties {
	background: #e5f4fa;
	color: #0092d0;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties table tr th {
	color: #0092d0;
	text-align: center;
	font-weight: bold;
	padding: 8px 0;
	text-transform: uppercase;
	border-bottom: 1px #0092d0 solid;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr td.col-situation {
	border-bottom: 1px #e0e0e0 solid;
	position: relative;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties table tr td.col-situation.premier, #popup-form-assurance-emprunteur-recapitulatif-garanties table tr td.col-garanties.premier {
	border-top: none;	
	border-bottom: 1px #0092d0 solid;	
}

#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-situation .plus {
	position: absolute;
	display: block;
	background: url(../img/visuels/produits/credits/pret-personnel/puce-plus-bleu.jpg) no-repeat left top;
	width: 19px;
	height: 17px;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-situation .OU {
	position: absolute;
	display: block;
	background: url(../img/visuels/produits/credits/accordlibre/ou.png) no-repeat left top;
	width: 23px;
	height: 14px;
}
	
#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .fleche-bleu {
	background: #e5f4fa url(../img/visuels/produits/credits/pret-personnel/fleche-droite-bleu.png) no-repeat left 30px;
	border-bottom: 1px #b2def1 solid;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-situation.dernier, #popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-garanties.dernier {
	border-bottom: 1px #0092d0 solid;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr td ul {
	margin-top: 5px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-form-assurance-emprunteur-recapitulatif-garanties .zone-defilement {
		height: 250px;
	}

	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance h6 {
		min-height: 24px;
		margin-bottom: 5px;
		font-size: 1.4em;
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table caption {
		font-size: 1.2em;
		margin-bottom: 15px;
	}

	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table {
		width: 90%;
		margin: 10px auto 30px auto;
		font-size: 1.1em;
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-situation {
		width: 46%;
	}
	 
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-garanties {
		width: 54%;
	}
		
	#popup-form-assurance-emprunteur-recapitulatif-garanties table tr td.col-situation {
		padding: 20px 10px 20px 0;	
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties table tr td.col-garanties {
		padding: 20px 10px 20px 20px;	
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-situation .plus {
		top: -10px;
		left: 45px;	
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-situation .OU {
		top: -6px;
		left: 45px;	
	}
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance {
		position: relative;
		margin: 0 auto 20px auto;;
	}

	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance h6 {
		min-height: 48px;
		margin-bottom: 10px;
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table {
		float: left;
		font-size: 1.3em;
		line-height: 1.3em;
	}
		
	#popup-form-assurance-emprunteur-recapitulatif-garanties table tr td.col-situation {
		padding: 20px 15px 20px 0;	
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties table tr td.col-garanties {
		padding: 20px 15px 20px 20px;	
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table caption {
		font-size: 1.32em;
		margin-bottom: 20px;
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table thead tr th {
		font-weight: bold;
	}

	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-garanties {
		width: 53%;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#popup-form-assurance-emprunteur-recapitulatif-garanties .zone-defilement {
		height: 500px;
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance {
		width: 100%;
	}

	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance h6 {
		margin-bottom: 10px;
		font-size: 2em;
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table {
		width: 48%;
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table.tb-gauche {
		margin-right: 20px;
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-situation {
		width: 47%;
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-garanties {
		width: 53%;
	}
				
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-situation .plus {
		top: -10px;
		left: 70px;	
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-situation .OU {
		top: -6px;
		left: 70px;	
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance {
		width: 860px;
	}

	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance h6 {
		font-size: 2.2em;
		padding-top: 15px;
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table {
		width: 410px;
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table.tb-gauche {
		margin-right: 40px;
	}
	 
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-situation {
		width: 190px;
	}

	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-garanties {
		width: 220px;
	}	
				
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-situation .plus {
		top: -10px;
		left: 75px;	
	}
	
	#popup-form-assurance-emprunteur-recapitulatif-garanties .infos-assurance table tr .col-situation .OU {
		top: -6px;
		left: 75px;	
	}
	
}



/* Fenetre modale ******************************************************/

/* Assurance emprunteur relance */

#popup-form-assurance-emprunteur-relance .infos-assurance h6 {
	line-height: 1.2em;
}

#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation {
	text-align: center;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-form-assurance-emprunteur-relance .zone-defilement {
		height: 230px;
	}
	
	#popup-form-assurance-emprunteur-relance .infos-assurance h6 {
		min-height: 24px;
		margin-bottom: 5px;
		font-size: 1.2em;
	}
	
	#popup-form-assurance-emprunteur-relance .infos-assurance img {
		display: none;
	}
			
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation {
		text-align: center;
		width: 95%;
	}
	
	#popup-form-assurance-emprunteur-relance .bt-noir {
		width: 95%;
	}
	
	#popup-form-assurance-emprunteur-relance .bt-vert {
		width: 95%;
		margin-top: 60px;
	}
	
	#popup-form-assurance-emprunteur-relance .bt-vert .puce-droite {
		background-position: left top;
		width: 17px;
		height: 12px;
		margin-right: 6px;
		vertical-align: -2px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-form-assurance-emprunteur-relance .infos-assurance {
		position: relative;
		margin-bottom: 30px;
		padding-left: 185px;
	}

	#popup-form-assurance-emprunteur-relance .infos-assurance h6 {
		min-height: 48px;
		margin-bottom: 10px;
	}
	
	#popup-form-assurance-emprunteur-relance .infos-assurance img {
		position: absolute;
		top: 0;
		left: 20px;
	}

	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation {
		position: relative;
		margin-top: 50px;
		min-height: 75px;
	}
		
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-noir, #popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-vert {
		position: relative;
	}
	
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-vert .puce-droite {
		background-position: left -80px;
		width: 24px;
		height: 16px;
		margin-right: 10px;
		vertical-align: -3px;
	}
	
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-vert.bt {
		padding: 10px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#popup-form-assurance-emprunteur-relance .zone-defilement {
		height: 270px;
	}
	
	#popup-form-assurance-emprunteur-relance .infos-assurance h6 {
		margin-bottom: 10px;
		font-size: 1.8em;
	}
	
	#popup-form-assurance-emprunteur-relance .infos-assurance p {
		font-size: 1.5em;
	}
	
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-noir {
		top: 0;
		left: 0;
	}
	
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-vert {
		top:0;
		right: 0;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#popup-form-assurance-emprunteur-relance {
		width: 820px;
		height: 270px;
	}

	#popup-form-assurance-emprunteur-relance .infos-assurance h6 {
		font-size: 2em;
		padding-top: 15px;
	}
	
	#popup-form-assurance-emprunteur-relance .infos-assurance p {
		font-size: 1.5em;
	}
	
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-noir {
		top: 0;
		left: 0;
	}
	
	#popup-form-assurance-emprunteur-relance .zone-defilement .retour-validation .bt-vert {
		top:0;
		right: 0;
	}

}


/* Assurance emprunteur recapitulatif garanties */

#popup-form-assurance-emprunteur-recapitulatif-garanties {
	font-family:arial;
	color:#424242;
	font-size:1.3em;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties ul,
#popup-form-assurance-emprunteur-recapitulatif-garanties ol {
	margin:10px 0 0 20px;
	
}

#popup-form-assurance-emprunteur-recapitulatif-garanties ul li {
	list-style-type:disc;
}


#popup-form-assurance-emprunteur-recapitulatif-garanties h1 {
	font-size:1.6em;
	text-transform: uppercase;
	margin:10px 0;
	font-weight:normal;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties h2 {
	font-size:1.6em;
	color:#00b0f0;
	margin:10px 0;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties h3 {
	font-size:1.6em;
	text-align:center;
	font-weight:normal;
	border-top:1px solid #00b0f0;
	padding-top:20px;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties h4 {
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	color:#00b0f0;
	margin:10px 0;
	margin-bottom:0px;
	
}

#popup-form-assurance-emprunteur-recapitulatif-garanties .detail:last-child() {
	margin:0 5% 0 2.5%;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties .detail h5 {
	display:block;
	color:#fff;
	background:#00b0f0;
	padding:5px 10px;
	font-size:1.3em;
	font-weight:normal;
	text-transform: uppercase;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties .detail ol li {
	font-style:italic;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties .detail p {
	font-weight:bold;
	color:#000;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties .detail p strong {
	text-decoration:underline;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties ul,
#popup-form-assurance-emprunteur-recapitulatif-garanties p {
	clear:both;
	margin:20px;
}

#popup-form-assurance-emprunteur-recapitulatif-garanties .mentions {
	font-size:0.8em;
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */ 

	#popup-form-assurance-emprunteur-recapitulatif-garanties .detail {
		float:left;
		width:42.5%;
		margin:10px 2.5% 0 5%;
	}
	
}



/* Assurance co emprunteur relance */
.page-se #flash_overlay{
	position: fixed;
	top: 200px!important;
	left: 50%!important;
	transform: translateX(-50%);
}
#popup-form-assurance-co-emprunteur-relance .infos-assurance h6 {
	line-height: 1.2em;
}
	
#popup-form-assurance-co-emprunteur .choix span {
	
}
	
#popup-form-assurance-co-emprunteur .choix table {
	width: 220px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-form-assurance-co-emprunteur-relance .zone-defilement {
		height: 230px;
	}
	
	#popup-form-assurance-co-emprunteur-relance .infos-assurance h6 {
		min-height: 24px;
		margin-bottom: 5px;
		font-size: 1.2em;
	}
	
	#popup-form-assurance-co-emprunteur-relance .infos-assurance img {
		display: none;
	}
			
	#popup-form-assurance-co-emprunteur-relance .zone-defilement .retour-validation {
		text-align: center;
		width: 95%;
	}
	
	#popup-form-assurance-co-emprunteur-relance .bt-noir {
		width: 95%;
	}
	
	#popup-form-assurance-co-emprunteur-relance .bt-vert {
		width: 95%;
		margin-top: 60px;
	}
	
	#popup-form-assurance-co-emprunteur-relance .bt-vert .puce-droite {
		background-position: left top;
		width: 17px;
		height: 12px;
		margin-right: 6px;
		vertical-align: -2px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-form-assurance-co-emprunteur-relance .infos-assurance {
		position: relative;
		margin-bottom: 30px;
		padding-left: 185px;
	}

	#popup-form-assurance-co-emprunteur-relance .infos-assurance h6 {
		min-height: 48px;
		margin-bottom: 10px;
	}
	
	#popup-form-assurance-co-emprunteur-relance .infos-assurance img {
		position: absolute;
		top: 0;
		left: 20px;
	}

	#popup-form-assurance-co-emprunteur-relance .zone-defilement .retour-validation {
		position: relative;
		margin-top: 50px;
		min-height: 75px;
	}
		
	#popup-form-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-noir, #popup-form-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-vert {
		position: absolute;
	}
	
	#popup-form-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-vert .puce-droite {
		background-position: left -80px;
		width: 24px;
		height: 16px;
		margin-right: 10px;
		vertical-align: -3px;
	}
	
	#popup-form-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-vert.bt {
		padding: 10px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#popup-form-assurance-co-emprunteur-relance .zone-defilement {
		height: 270px;
	}
	
	#popup-form-assurance-co-emprunteur-relance .infos-assurance h6 {
		margin-bottom: 10px;
		font-size: 1.8em;
	}
	
	#popup-form-assurance-co-emprunteur-relance .infos-assurance p {
		font-size: 1.5em;
	}
	
	#popup-form-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-noir {
		top: 0;
		left: 50px;
	}
	
	#popup-form-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-vert {
		top:0;
		right: 50px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#flash_overlay {
	    top: 10% !important;
	}

	#popup-form-assurance-co-emprunteur-relance {
		width: 820px;
		height: 270px;
	}

	#popup-form-assurance-co-emprunteur-relance .infos-assurance h6 {
		font-size: 2em;
		padding-top: 15px;
	}
	
	#popup-form-assurance-co-emprunteur-relance .infos-assurance p {
		font-size: 1.5em;
	}
	
	#popup-form-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-noir {
		top: 0;
		left: 0;
	}

	#popup-form-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-noir .bt {
		font-size: 1.3em;
	}

	#popup-form-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-vert {
		top:0;
		right: 0;
	}

	#popup-form-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-vert .bt {
		font-size: 1.6em;
	}

}

/* Assurance emprunteur - co emprunteur relance */

#popup-form-emprunteur-assurance-co-emprunteur-relance .infos-assurance h6 {
	line-height: 1.2em;
}
	
#popup-form-assurance-co-emprunteur .choix span {
	
}
	
#popup-form-assurance-co-emprunteur .choix table {
	width: 220px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement {
		height: 230px;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .infos-assurance h6 {
		min-height: 24px;
		margin-bottom: 5px;
		font-size: 1.2em;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .infos-assurance img {
		display: none;
	}
			
	#popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement .retour-validation {
		text-align: center;
		width: 95%;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .bt-noir {
		width: 95%;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .bt-vert {
		width: 95%;
		margin-top: 60px;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .bt-vert .puce-droite {
		background-position: left top;
		width: 17px;
		height: 12px;
		margin-right: 6px;
		vertical-align: -2px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-form-emprunteur-assurance-co-emprunteur-relance .infos-assurance {
		position: relative;
		margin-bottom: 30px;
		padding-left: 185px;
	}

	#popup-form-emprunteur-assurance-co-emprunteur-relance .infos-assurance h6 {
		min-height: 48px;
		margin-bottom: 10px;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .infos-assurance img {
		position: absolute;
		top: 0;
		left: 20px;
	}

	#popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement .retour-validation {
		position: relative;
		margin-top: 50px;
		min-height: 75px;
	}
		
	#popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-noir, #popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-vert {
		position: absolute;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-vert .puce-droite {
		background-position: left -80px;
		width: 24px;
		height: 16px;
		margin-right: 10px;
		vertical-align: -3px;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-vert.bt {
		padding: 10px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement {
		height: 270px;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .infos-assurance h6 {
		margin-bottom: 10px;
		font-size: 1.8em;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .infos-assurance p {
		font-size: 1.5em;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-noir {
		top: 0;
		left: 50px;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-vert {
		top:0;
		right: 50px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#popup-form-emprunteur-assurance-co-emprunteur-relance {
		width: 820px;
		height: 270px;
	}

	#popup-form-emprunteur-assurance-co-emprunteur-relance .infos-assurance h6 {
		font-size: 2em;
		padding-top: 15px;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .infos-assurance p {
		font-size: 1.5em;
	}
	
	#popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-noir {
		top: 0;
		left: 0;
	}

	#popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-noir .bt {
		font-size: 1.3em;
	}

	#popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-vert {
		top:0;
		right: 0;
	}

	#popup-form-emprunteur-assurance-co-emprunteur-relance .zone-defilement .retour-validation .bt-vert .bt {
		font-size: 1.6em;
	}

}

/*-------------------------------------------------------------------------------+
+ Etape 5 - Reponse                                                              +
+-------------------------------------------------------------------------------*/

/* Reponse *************************************************************/

#form-reponse {
	text-align: center;
}

#form-reponse h1 {
	font-weight: normal;
	line-height: 1.2em;
}

#form-reponse h1 strong {
	font-weight: bold;
}

#form-reponse #numero-dossier .numero {
	color: #f09700;
}

#form-reponse #numero-dossier .conseil {
	display: block;
}

#form-reponse .alternatives {
	
	font-weight: bold;
}

@media screen and (max-width: 767px) { /* Mobile */

	#form-reponse .conteneur {
		padding: 20px 6px;
	}
	
	#form-reponse h1 {
		margin-bottom: 10px;
		font-size: 1.6em;
	}

	#form-reponse p {
		font-size: 1.1em;
	}

	#form-reponse #numero-dossier {
		margin-bottom: 20px;
	}

	#form-reponse #numero-dossier .numero {
		font-size: 2em;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#form-reponse .conteneur {
		padding: 40px 10px 20px 10px;
	}

	#form-reponse h1 {
		margin-bottom: 30px;
	}

	#form-reponse h1 span {
		display: block;
	}

	#form-reponse #numero-dossier {
		margin-bottom: 40px;
	}

	#form-reponse #numero-dossier .numero {
		font-size: 2.2em;
	}

	#form-reponse #numero-dossier .conseil {
		width: 500px;
		margin: 10px auto;
	}

	#form-reponse .alternatives {
		font-size: 2.4em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-reponse h1 {
		font-size: 3em;
	}

	#form-reponse p {
		font-size: 1.8em;
	}

	#form-reponse #numero-dossier .conseil {
		font-size: 1.5em;
	}

	#form-reponse #finalisation-abandon-seweb {
		padding: 0 15%;
	}
	
	#form-reponse #finalisation-abandon-seweb-coemprunteur {
		padding: 0 15%;
		margin-left: 15%;
		text-align: left;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-reponse h1 {
		font-size: 2.6em;
	}

	#form-reponse p {
		font-size: 1.6em;
	}

	#form-reponse #numero-dossier .conseil {
		font-size: 1.4em;
	}

	#form-reponse #finalisation-abandon-seweb {
		padding: 0 100px;
	}
	
	#form-reponse #finalisation-abandon-seweb-coemprunteur {
		padding: 0 100px;
		margin-left: 50px;
		text-align: left;
	}

}


/* Etapes de finalisation **********************************************/

/* Signer le contrat en ligne */

#form-signer-contrat-ligne h2 {
	background-image: url(../img/pictos/fd-vert/picto-souris.png)
}

#form-signer-contrat-ligne #avantages-se li strong {
	display: block;
	margin-bottom: 0.3em;
	text-transform: uppercase;
	font-size: 1.05em;
}

#form-signer-contrat-ligne #choix-se {
	text-align: center;
}

#form-signer-contrat-ligne h3 {
	
}

#form-signer-contrat-ligne h3 span {
	font-weight: normal;
}

#form-signer-contrat-ligne #etapes-se ol li {
	position: relative;
		min-height: 26px;
		margin: 3px 0;
		padding: 5px 0 10px 40px;
	line-height: 1.3em;
}

#form-signer-contrat-ligne #etapes-se ol li .numero {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color: #8bbc06;
	color: #fff;
	text-align: center;
	
	font-weight: bold;
}

#form-signer-contrat-ligne #etapes-se ol li .voir-pj {
	color: #8bbc06;
	font-size: 0.85em;
}

#form-signer-contrat-ligne .alternatives {
	
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 767px) { /* Mobile */

	#form-signer-contrat-ligne {
		display: none;
	}
	
	#form-signer-contrat-ligne.utilisePSO {
		display: block;
	}
	#avantages-se{
		margin-bottom: 20px;
	}
	#choix-se{
		margin-bottom: 20px;
	}
	#form-signer-contrat-ligne h3{
		margin-bottom: 15px;
		font-size: 1.4em;
	}
	#etapes-se ol{
		margin-bottom: 15px;
	}
	#form-signer-contrat-ligne #etapes-se ol li{
		padding-bottom: 0;
	}
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#form-signer-contrat-ligne #avantages-se {
		overflow: hidden;
		margin-top: 20px;
	}

	#form-signer-contrat-ligne #avantages-se li {
		float: left;
		width: 19%;
		padding: 0 3%;
		text-align: center;
		font-size: 1.5em;
	}

	#form-signer-contrat-ligne #avantages-se li img {
		display: block;
		margin: 0 auto 10px auto;
	}

	#form-signer-contrat-ligne #choix-se {
		margin: 50px 0 40px 0;
	}

	#form-signer-contrat-ligne #choix-se .bouton .bt {
		padding: 20px 20px 16px 20px;
		font-size: 2em;
	}

	#form-signer-contrat-ligne h3 {
		margin-bottom: 20px;
	}

	#form-signer-contrat-ligne #etapes-se ol {
		margin-bottom: 30px;
	}

	#form-signer-contrat-ligne #etapes-se ol li .numero {
		width: 26px;
		height: 26px;
		font-size: 20px !important;
		line-height: 30px;
		-moz-border-radius: 13px;
		-webkit-border-radius: 13px;
		border-radius: 13px;
	}

	#form-signer-contrat-ligne .alternatives {
		padding-top: 30px;
		font-size: 2.4em;
	}
	
	#form-signer-contrat-ligne #conseil-acrobat .dl-acrobat {
		margin-top: 15px;
		color: #727272;
		font-size: 1.2em;
		text-align: center;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-signer-contrat-ligne h3 {
		font-size: 2.1em;
	}

	#form-signer-contrat-ligne #etapes-se ol li {
		font-size: 1.6em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-signer-contrat-ligne h3 {
		font-size: 2em;
	}

	#form-signer-contrat-ligne #etapes-se {
		padding-left: 30px;
	}

	#form-signer-contrat-ligne #etapes-se ol li {
		font-size: 1.5em;
	}

	#form-signer-contrat-ligne .alternatives {
		font-size: 2.4em;
	}

}


/* Renvoyer le contrat par courrier */

#form-renvoyer-contrat-courrier h2 {
	background-image: url(../img/pictos/fd-vert/picto-souris.png)
}

#form-renvoyer-contrat-courrier h3 {
	
}

#form-renvoyer-contrat-courrier h3 span {
	font-weight: normal;
}

#form-renvoyer-contrat-courrier #choix-courrier {
	text-align: center;
}

#form-renvoyer-contrat-courrier #choix-courrier .recevoir {
	display: block;
	color: #727272;
}

#form-renvoyer-contrat-courrier #choix-courrier .mobile {
	display: none;
}

#form-renvoyer-contrat-courrier #choix-courrier .recevoir:active {
	color: #8bbc06;
}

#form-renvoyer-contrat-courrier #confirmation-envoi-courrier {
	background: url(../img/pictos/valide-vert-xl.png) no-repeat left center;
	padding: 20px 0 20px 45px;
}

#form-renvoyer-contrat-courrier #confirmation-envoi-courrier p {
	margin-bottom: 0;
}

#form-renvoyer-contrat-courrier #etapes-courrier ol li {
	position: relative;
	line-height: 1.3em;
}

#form-renvoyer-contrat-courrier #etapes-courrier ol li .numero {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color: #8bbc06;
	color: #fff;
	text-align: center;
	
	font-weight: bold;
}

#form-renvoyer-contrat-courrier #etapes-courrier ol li .voir-pj {
	color: #8bbc06;
	font-size: 0.85em;
}

#form-renvoyer-contrat-courrier #etapes-courrier ol li #adresse-ba {
	display: block;
	text-align: center;
	font-size: 1.4em;
	
	line-height: 1.2em;
}

#form-renvoyer-contrat-courrier #etapes-courrier ol li #adresse-ba strong {
	font-size: 1.3em;
}

@media screen and (max-width: 767px) { /* Mobile */

	#form-renvoyer-contrat-courrier h3 {
		margin: 20px 0;
		font-size: 1.2em;
	}

	#form-renvoyer-contrat-courrier #choix-courrier {
		margin: 10px 0;
	}

	#form-renvoyer-contrat-courrier #choix-courrier .recevoir {
		width: 200px;
		margin: 10px auto 0 auto;
	}

	#form-renvoyer-contrat-courrier #etapes-courrier ol {
		margin-bottom: 20px;
	}

	#form-renvoyer-contrat-courrier #etapes-courrier ol li {
		min-height: 20px;
		margin: 3px 0;
		padding: 5px 0 10px 25px;
		font-size: 1.1em;
	}

	#form-renvoyer-contrat-courrier #etapes-courrier ol li .numero {
		width: 20px;
		height: 20px;
		font-size: 14px !important;
		line-height: 22px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	#form-renvoyer-contrat-courrier #etapes-courrier ol li #adresse-ba {
		margin-top: 15px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#form-renvoyer-contrat-courrier h3 {
		margin: 40px 0 30px 0;
	}

	#form-renvoyer-contrat-courrier #choix-courrier {
		margin: 30px 0;
	}

	#form-renvoyer-contrat-courrier #choix-courrier .bouton .bt {
		padding: 20px 20px 16px 20px;
		font-size: 2em;
	}

	#form-renvoyer-contrat-courrier #choix-courrier .recevoir {
		width: 300px;
		margin: 20px auto 0 auto;
	}

	#form-renvoyer-contrat-courrier #etapes-courrier ol {
		margin-bottom: 30px;
	}

	#form-renvoyer-contrat-courrier #etapes-courrier ol li {
		min-height: 26px;
		margin: 3px 0;
		padding: 5px 0 10px 40px;
	}

	#form-renvoyer-contrat-courrier #etapes-courrier ol li .numero {
		width: 26px;
		height: 26px;
		font-size: 20px !important;
		line-height: 30px;
		-moz-border-radius: 13px;
		-webkit-border-radius: 13px;
		border-radius: 13px;
	}

	#form-renvoyer-contrat-courrier #etapes-courrier ol li #adresse-ba {
		margin-top: 30px;
		padding-right: 110px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-renvoyer-contrat-courrier h3 {
		font-size: 2.1em;
	}

	#form-renvoyer-contrat-courrier #choix-courrier .recevoir {
		font-size: 1.3em;
	}

	#form-renvoyer-contrat-courrier #confirmation-envoi-courrier p {
		font-size: 1.7em;
	}

	#form-renvoyer-contrat-courrier #etapes-courrier ol li {
		font-size: 1.6em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-renvoyer-contrat-courrier h3 {
		font-size: 2em;
	}

	#form-renvoyer-contrat-courrier #choix-courrier .recevoir {
		font-size: 1.2em;
	}

	#form-renvoyer-contrat-courrier #confirmation-envoi-courrier p {
		font-size: 1.6em;
	}

	#form-renvoyer-contrat-courrier #etapes-courrier {
		padding-left: 30px;
	}

	#form-renvoyer-contrat-courrier #etapes-courrier ol li {
		font-size: 1.5em;
	}

}


/* Suivi de dossier */

#form-suivi-dossier h2 {
	background-image: url(../img/pictos/fd-vert/picto-ordi-curseur.png)
}

#form-suivi-dossier img {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 767px) { /* Mobile */

	#form-suivi-dossier img {
		max-width: 100%;
		margin-top: 20px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-suivi-dossier img {
		margin-top: 40px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-suivi-dossier img {
		margin-top: 40px;
	}

}


/* Rebond **************************************************************/

#rebond .conteneur {
	padding-bottom: 40px;
	text-align: center;
}

@media screen and (max-width: 767px) { /* Mobile */

	#rebond .bouton .bt {
		font-size: 1.4em;
	}

	#rebond .bouton .bt .puce-gauche {
		background-position: left -80px;
		width: 24px;
		height: 16px;
		margin-right: 10px;
		vertical-align: -3px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#rebond .bouton .bt {
		padding: 20px;
		font-size: 2em;
	}

	#rebond .bouton .bt .puce-gauche {
		background-position: left -277px;
		width: 36px;
		height: 23px;
		margin-right: 14px;
		vertical-align: -3px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#rebond .bouton .bt {
		padding: 20px;
		font-size: 1.8em;
	}

	#rebond .bouton .bt .puce-gauche {
		background-position: left -173px;
		width: 31px;
		height: 20px;
		margin-right: 14px;
		vertical-align: -3px;
	}

}


/* Popup liste pieces justificatives ***********************************/

#popup-liste-justificatifs h5 {
	text-align: center;
}

#popup-liste-justificatifs ul {
	margin-bottom: 20px;
}

#popup-liste-justificatifs ul li {
	background-image: url(../img/puces/puce-cocher-vert.png);
	background-repeat: no-repeat;
	padding: 10px 0 10px 20px;
}

#popup-liste-justificatifs .lien-puce {
	background-position: left -250px;
	color: #8bbc06;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-liste-justificatifs h5 {
		padding-bottom: 20px;
		font-size: 1.4em;
	}

	#popup-liste-justificatifs ul li {
		background-position: left 8px;
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-liste-justificatifs {
		width: 570px;
	}

	#popup-liste-justificatifs h5 {
		padding-bottom: 30px;
		font-size: 2.2em;
	}

	#popup-liste-justificatifs ul {
		padding-left: 10px;
	}

	#popup-liste-justificatifs ul li {
		background-position: left 12px;
		font-size: 1.4em;
	}

}


/* Popup liste pieces justificatives SEWEB ***********************************/
#popup-liste-justificatifs-se h5 {
	text-align: center;
}

#popup-liste-justificatifs-se ul {
	margin-bottom: 20px;
}

#popup-liste-justificatifs-se ul li {
	background-image: url(../img/puces/puce-cocher-vert.png);
	background-repeat: no-repeat;
	padding: 10px 0 10px 20px;
}

#popup-liste-justificatifs-se .lien-puce {
	background-position: left -250px;
	color: #8bbc06;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-liste-justificatifs-se h5 {
		padding-bottom: 20px;
		font-size: 1.4em;
	}

	#popup-liste-justificatifs-se ul li {
		background-position: left 8px;
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-liste-justificatifs-se {
		width: 570px;
	}

	#popup-liste-justificatifs-se h5 {
		padding-bottom: 30px;
		font-size: 2.2em;
	}

	#popup-liste-justificatifs-se ul {
		padding-left: 10px;
	}

	#popup-liste-justificatifs-se ul li {
		background-position: left 12px;
		font-size: 1.4em;
	}

}


/* Popup liste pieces justificatives SEWEB ***********************************/
#popup-liste-justificatifs-se h5 {
	text-align: center;
}

#popup-liste-justificatifs-se ul {
	margin-bottom: 20px;
}

#popup-liste-justificatifs-se ul li {
	background-image: url(../img/puces/puce-cocher-vert.png);
	background-repeat: no-repeat;
	padding: 10px 0 10px 20px;
}

#popup-liste-justificatifs-se .lien-puce {
	background-position: left -250px;
	color: #8bbc06;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-liste-justificatifs-se h5 {
		padding-bottom: 20px;
		font-size: 1.4em;
	}

	#popup-liste-justificatifs-se ul li {
		background-position: left 8px;
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-liste-justificatifs-se {
		width: 570px;
	}

	#popup-liste-justificatifs-se h5 {
		padding-bottom: 30px;
		font-size: 2.2em;
	}

	#popup-liste-justificatifs-se ul {
		padding-left: 10px;
	}

	#popup-liste-justificatifs-se ul li {
		background-position: left 12px;
		font-size: 1.4em;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  Pages facilypay                                                                            //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/

#entete-page nav h1 {
	font-size: 2.3em;
	text-transform:uppercase;
	font-weight:bold;
	margin-top: 21px;
	text-align:center;
}

#liClient.facilyPay {
	display:none;
}

@media screen and (max-width: 767px) { /* Mobile */

	.id-page-ppauto div.offres span.tauxMini.facilypay,
	#offre-exclusive div.offres span.tauxMini.facilypay {
		background-image:url(../img/visuels/produits/credits/pret-personnel/vsl-taux-mini-tablette-prospect-facilypay.png);
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.id-page-ppauto  div.offres span.tauxMini.facilypay,
	#offre-exclusive div.offres span.tauxMini.facilypay {
		background:url(../img/visuels/produits/credits/pret-personnel/vsl-taux-mini-tablette-prospect-facilypay.png);
	}
	
}

@media screen and (min-width: 1221px) { /* Bureau */

	.id-page-ppauto div.offres span.tauxMini.facilypay,
	#offre-exclusive div.offres span.tauxMini.facilypay	{
		background:url(../img/visuels/produits/credits/pret-personnel/vsl-taux-mini-bureau-prospect-facilypay.png);
	}
	
}


/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  SIGNATURE ELECTRONIQUE                                                                     //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Bandeau                                                                        +
+-------------------------------------------------------------------------------*/

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	.tunnel #entete-page .bandeau-seweb h1 {
		font-size: 2.5em !important;
	}
}

/*-------------------------------------------------------------------------------+
+ Fil d'Arianne                                                                  +
+-------------------------------------------------------------------------------*/

#fil-ariane-seweb {
	margin: 0 auto;
	padding-top: 20px;
	
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #f09700;
}
.page-se #fil-ariane-seweb {
	padding-top: 0;
	border-bottom: none;
}
.main-title{
	position: relative;
	margin-bottom: 0;
	padding: 12px 0;
	color: white;
	text-align: center;
	font-weight: 700;
	background: #8bbc06;
}
.main-title:after {
	content:'';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 250px;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
}
@media screen and (max-width: 767px) { /* Mobile */
	.main-title{
		padding: 8px 10px;
		line-height: 1.125rem;
		font-size: 1rem;
	}
}
@media screen and (min-width: 768px) { /* Tablette + Bureau */
	.main-title{
		line-height: 1.6875rem;
		font-size: 1.4375rem;
	}
	.main-title.seweb-pj{
		margin-bottom: 30px;
	}
	.main-title.seweb-pj.utilisePSO{
		margin-bottom: 0px;
	}
}
.seweb-nav{
	display: flex;
    justify-content: center;
	padding: 20px 0 0;
	text-transform: uppercase;
	background-image: url(../img/divers/fil-ariane/repere-seweb-pp-L.png);
	background-repeat: repeat-x;
}
#fil-ariane-seweb li {
	display: inline-block;
	height: 40px;
	background-repeat: no-repeat;
	background-position: right -90px;
	margin-bottom: -10px;
	margin-right: 5px;
	padding: 7px 21px 20px 0;
	vertical-align: top;
}
.page-se #fil-ariane-seweb li {
	position: relative;
	height: auto;
	margin-right: 7px;
	margin-bottom: 0;
}

#fil-ariane-seweb li.passe {
	background-image: url(../img/divers/fil-ariane/separateur-noir-passe.png);
	color: rgba(51, 51, 51, 0.65);
}
.page-se #fil-ariane-seweb li.passe {
	background-image: none;
	color: rgba(51, 51, 51, 0.65);
}

#fil-ariane-seweb li.passe a, #fil-ariane-seweb li.passe a:hover, #fil-ariane-seweb li.passe a:active, #fil-ariane-seweb li.passe a:visited, #fil-ariane-seweb li.passe a:focus {
	color: rgba(51, 51, 51, 0.65);
}

#fil-ariane-seweb li.present {
	background-image: url(../img/divers/fil-ariane/separateur-noir-present-avenir.png);
	color: #f09700;
}
.page-se #fil-ariane-seweb li.present {
	background-image: none;
	color: #8bbc06;
}
#fil-ariane-seweb li.present strong {
	display: inline-block;
	background: url(../img/divers/fil-ariane/repere-seweb-pp.png) no-repeat center bottom;
	height: 60px;
	margin-bottom: -20px;
}
.page-se #fil-ariane-seweb li.present strong {
	background: url(../img/divers/fil-ariane/repere-seweb-pp-se.png) no-repeat center bottom;
}
.page-se #fil-ariane-seweb li.present strong {
	display: inline-block;
	background: none;
	height: auto;
	margin-bottom: 0;
}

#fil-ariane-seweb li.avenir {
	background-image: url(../img/divers/fil-ariane/separateur-noir-present-avenir.png);
	color: rgba(51, 51, 51, 0.3);
}
.page-se #fil-ariane-seweb li.avenir {
	background-image: none;
	color: #9D9D9D;
}

#fil-ariane-seweb li.dernier {
	background: none!important;
	margin-right: 0;
	padding-right: 0;
	line-height: 30px!important;
}

.page-se #fil-ariane-seweb li.present strong {
	display: inline-block;
}

#fil-ariane-seweb li a {
	text-decoration: none;
}

#fil-ariane-seweb li .libelle {
	display: inline-block;
	line-height: 1.2em;
	vertical-align: middle;
}
.page-se #fil-ariane-seweb li .libelle {
	position: relative;
	padding-right: 18px;
}
.page-se #fil-ariane-seweb li:not(.dernier) .libelle:before,
.page-se #fil-ariane-seweb li:not(.dernier) .libelle:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 2px;
	height: 12px;
	background: #cfcfcf;
}
.page-se #fil-ariane-seweb li:not(.dernier) .libelle:before {
	transform-origin: bottom left;
	transform: translateY(-50%) rotate(-45deg);
    margin-top: -5px;
}
.page-se #fil-ariane-seweb li:not(.dernier) .libelle:after {
	transform-origin: top left;
	transform: translateY(-50%) rotate(45deg);
    margin-top: 5px;
}
.page-se #fil-ariane-seweb li.passe .libelle:before,
.page-se #fil-ariane-seweb li.passe .libelle:after {
	background: rgba(51, 51, 51, 0.65);
}

#fil-ariane-seweb li .libelle .breakpoint {
	display: block;
}

/* Page Confirmation */
#form-seweb-etape5 *{
	box-sizing: border-box;
}
.conteneur-etape5{
	margin-left: auto;
	margin-right: auto;
}
.bloc-conclusion{
	position: relative;
}
#form-seweb-etape5 .bloc-numero{
	position: relative;
}
#form-seweb-etape5 .bloc-numero .title{
	margin-bottom: 0;
	color: #54565b;
	font-weight: 700;
	text-align: center;
}
#form-seweb-etape5 .bloc-numero .numero{
	margin-bottom: 15px;
	color: #8bbc06;
	font-weight: 700;
	text-align: center;
}
#form-seweb-etape5 .bloc-numero .conseil{
	color: #54565b;
}
#form-seweb-etape5 .bloc-numero .conseil li{
	position: relative;
	padding-left: 13px;
}
#form-seweb-etape5 .bloc-numero .conseil li:before{
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 8px;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #8bbc06;
}
#form-seweb-etape5 .retour-validation{
	justify-content: center;
}

@media screen and (max-width: 767px) { /* Mobile */
	#fil-ariane-seweb {
		display: none;
	}
	.page-se #fil-ariane-seweb {
		display: block;
		margin-bottom: 10px;
	}
	.page-se #fil-ariane-seweb .conteneur{
		display: none;
	}

	/* Page Confirmation */
	.conteneur-etape5{
		padding: 20px 15px 0;
	}
	.bloc-conclusion{
		margin-bottom: 30px;
		text-align: center;
	}
	.bloc-conclusion .img-check{
		float: left;
		width: 40px;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	#form-seweb-etape5 .bloc-conclusion p{
		font-size: 0.875rem;
	}
	#form-seweb-etape5 .bloc-numero{
		margin-bottom: 30px;
	}
	#form-seweb-etape5 .bloc-numero .title{
		font-size: 0.875rem;
	}
	#form-seweb-etape5 .bloc-numero .numero{
		font-size: 1.375rem;
	}
	#form-seweb-etape5 .bloc-numero .conseil{
		line-height: 0.875rem;
		font-size: 0.8125rem;
	}
	#form-seweb-etape5 .bloc-numero .conseil p,
	#form-seweb-etape5 .bloc-numero .conseil li{
		margin-bottom: 10px;
	}
	#form-seweb-etape5 .conseil-title{
		font-size: 0.8125rem;
		text-align: center;
	}
	#form-seweb-etape5 .retour-validation .bt{
		padding: 13px 15px 12px;
		font-size: 0.75rem;
	}
	#form-seweb-etape5 .retour-validation .libelle{
		vertical-align: initial;
	}
}
@media screen and (max-width: 1220px){ /* Mobile + Tablet*/
	/* Page Confirmation */
	.conteneur-etape5{
		max-width: 700px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablet */
	#fil-ariane-seweb {
		font-size: 1.2em;
	}
	.page-se #fil-ariane-seweb .conteneur{
		max-width: 768px;
	}
	.seweb-nav{
		font-size: 0.6875rem;
		background-position: -410px bottom;
	}
	.page-se #fil-ariane-seweb li {
		padding: 0 0 25px;
	}
	.seweb-nav.last-step{
		background-position: 200px bottom;
	}
	
	/* Page Confirmation */
	.conteneur-etape5{
		max-width: 700px;
	}
	#form-seweb-etape5 .bloc-conclusion p{
		font-size: 1rem;
	}
	#form-seweb-etape5 .bloc-numero{
		width: 230px;
		margin-left: 40px;
		padding: 10px 15px 10px;
	}
	#form-seweb-etape5 .bloc-numero .title{
		font-size: 0.875rem;
	}
	#form-seweb-etape5 .bloc-numero .numero{
		font-size: 1.375rem;
	}
	#form-seweb-etape5 .bloc-numero .conseil{
		line-height: 0.875rem;
		font-size: 0.75rem;
	}
	#form-seweb-etape5 .conseil-title{
		font-size: 0.75rem;
	}
}
@media screen and (min-width: 768px){ /* Tablet + Desktop */
	/* Page Confirmation */
	.conteneur-etape5{
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		padding-top: 30px;
	}
	.bloc-conclusion{
		flex: 1;
		padding-left: 80px;
	}
	.bloc-conclusion .img-check{
		position: absolute;
		top: 0;
		left: 0;
	}
	#form-seweb-etape5 .bloc-numero{
		border: 1px solid #cfcfcf;
	}
	#form-seweb-etape5 .bloc-numero .conseil ul{
		padding-left: 15px;
	}
	#form-seweb-etape5 .retour-validation{
		width: 100%;
	}
}
@media screen and (min-width: 1221px) { /* Bureau */
	#fil-ariane-seweb {
		width: 920px;
		font-size: 1.3em;
	}
	.page-se #fil-ariane-seweb {
		width: auto;
		font-size: 1.3em;
	}
	.page-se #fil-ariane-seweb .conteneur{
		max-width: 920px;
	}
	.seweb-nav{
		background-position: -380px bottom;
	}
	.seweb-nav.last-step{
		background-position: 330px bottom;
	}
	.page-se #fil-ariane-seweb li {
		padding: 0 0 30px;
	}

	/* Page Confirmation */
	.conteneur-etape5{
		max-width: 1090px;
	}
	#form-seweb-etape5 .bloc-conclusion p{
		font-size: 1.25rem;
	}
	#form-seweb-etape5 .bloc-numero{
		width: 290px;
		margin-left: 90px;
		padding: 20px 30px 30px;
	}
	#form-seweb-etape5 .bloc-numero .title{
		font-size: 1rem;
	}
	#form-seweb-etape5 .bloc-numero .numero{
		font-size: 1.625rem;
	}
	#form-seweb-etape5 .bloc-numero .conseil{
		line-height: 0.875rem;
		font-size: 0.8125rem;
	}
	#form-seweb-etape5 .bloc-numero .conseil p,
	#form-seweb-etape5 .bloc-numero .conseil li{
		margin-bottom: 5px;
	}
	#form-seweb-etape5 .conseil-title{
		font-size: 0.8125rem;
	}
}

.before-start{
	margin-bottom: 15px;
	color: #54565b;
	font-weight: 700;
	text-align: center;
}
.page-se #form-seweb-etape1 .intro{
	color: #54565b;
	text-align: center;
}
@media screen and (max-width: 767px) { /* Mobile */
	.before-start{
		font-size: 1.125rem;
	}
	.page-se #form-seweb-etape1 .intro{
		margin-bottom: 40px;
		font-size: 0.9375rem;
	}
}
@media screen and (min-width: 768px) { /* Tablette + Bureau */
	.before-start{
		font-size: 1.375rem;
	}
	.page-se #form-seweb-etape1 .intro{
		margin-bottom: 60px;
		font-size: 1.125rem;
	}
}


/*-------------------------------------------------------------------------------+
+ Popup abandon Signature Electronique                                           +
+-------------------------------------------------------------------------------*/

.page-se #popup-abandon-seweb {
	border: none;
}
#popup-abandon-seweb #overlay-form {
	position: relative;
}
#popup-abandon-seweb #fermerOverlay {
	position: absolute;
	top: -30px;
	right: -10px;
}
#popup-abandon-seweb #fermerOverlay {
	top: 15px;
	right: 15px;
	width: 18px;
	height: 18px;
	padding: 0;
	background: none;
}
#popup-abandon-seweb #fermerOverlay:before,
#popup-abandon-seweb #fermerOverlay:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 2px;
	height: 25px;
	background: #54565b;
}
#popup-abandon-seweb #fermerOverlay:before{
	transform: translate(-50%,-50%) rotate(-45deg);
}
#popup-abandon-seweb #fermerOverlay:after{
	transform: translate(-50%,-50%) rotate(45deg);
}
#popup-abandon-seweb #fermerOverlay:hover {
	background-color: transparent;
	border-radius: 0;
}
#popup-abandon-seweb h5 {
	text-align: center;
	font-weight: normal;
}
#popup-abandon-seweb h5 {
	font-weight: 700;
}
#popup-abandon-seweb h5 strong {
	font-weight: bold;
}
#popup-abandon-seweb .bouton{
	padding: 0;
}
@media screen and (max-width: 767px) { /* Mobile */
	#popup-abandon-seweb {
		padding: 45px 15px 30px;
	}
	#popup-abandon-seweb h5 {
		margin-bottom: 30px;
		line-height: 1.125rem;
		font-size: 1rem;
	}
	#popup-abandon-seweb .precision {
		line-height: 0.875rem;
		color: #707070;
		font-size: 0.75rem;
		text-align: center;
	}
}
@media screen and (min-width: 768px) { /* Tablette + Bureau */
	#popup-abandon-seweb {
		max-width: 500px;
		padding: 40px 30px 30px;
	}
	#popup-abandon-seweb h5 {
		margin-bottom: 40px;
		padding: 0 15px;
		line-height: 1.75rem;
		font-size: 1.5rem;
	}
	#popup-abandon-seweb .precision {
		font-size: 1.4em;
		text-align: center;
	}
}

/* Boutons *************************************************************/


#popup-abandon-seweb .validation {
	display: flex;
	justify-content: center;
	padding-bottom: 0;
	text-align: center;
}
#popup-abandon-seweb .validation .bt {
	position: relative;
	padding: 0;
}
#popup-abandon-seweb .validation .puce-droite {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	height: 13px;
	margin: 0;
}
#popup-abandon-seweb .validation input,
#popup-abandon-seweb .validation .libelle {
	margin: 0;
	padding: 15px 20px 15px 37px;
}
#popup-abandon-seweb .validation .btOui .puce-droite {
	background-image: url(../img/boutons/puce-triangle.png);
	background-position: left -251px;
}
#popup-abandon-seweb .validation .btOui input,
#popup-abandon-seweb .validation .btOui .libelle {
	color: #8bbc06;
	border: 1px solid #8bbc06;
}
#defilement-emp .validation .btNon input {
	border: 1px solid transparent;
}
#popup-abandon-seweb .validation .btNon .puce-droite {
	background-position: left -283px;
}

@media screen and (max-width: 767px) { /* Mobile */
	#popup-abandon-seweb .validation {
		margin-bottom: 30px;
	}
	#popup-abandon-seweb .validation .btOui {
		margin-right: 50px;
	}
}
@media screen and (min-width: 768px) { /* Tablette + Bureau */
	#popup-abandon-seweb .validation {
		margin-bottom: 40px;
	}
	#popup-abandon-seweb .validation .btOui {
		margin-right: 30px;
	}
	#popup-abandon-seweb .validation .btOui .puce-gauche {
		background-position: left 3px;
		height: 20px;
	}
	#popup-abandon-seweb .precision {
		font-size: 1.4em;
		text-align: center;
	}
}

/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

.formulaire #form-seweb-informationspersonnelles h4 {
	background-image: url(../img/pictos/fd-vert/picto-homme-bulle.png)
}

.formulaire #form-seweb-budgetmensuel h4 {
	background-image: url(../img/pictos/fd-vert/picto-tirelire.png)
}

.formulaire #form-seweb-conditionsoffrecredit h4 {
	background-image: url(../img/pictos/fd-vert/picto-liste.png)
}

.formulaire #form-seweb-coordonneesbancaires legend {
	background-image: url(../img/pictos/fd-vert/picto-reload.png)
}
.page-se .formulaire #form-seweb-informationspersonnelles h4 {
	background-image: none;
}
.page-se .formulaire #form-seweb-budgetmensuel h4 {
	background-image: none;
}
.page-se .formulaire #form-seweb-conditionsoffrecredit h4 {
	background-image: none;
}
.page-se .formulaire #form-seweb-coordonneesbancaires legend {
	background-image: none;
}

@media screen and (max-width: 767px) { /* Mobile */
	.tunnel #corps-page #chapo.seweb {
		padding-bottom: 20px;
	}
	.page-se.tunnel #corps-page #chapo.seweb {
		padding-bottom: 5px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	#chapo.seweb .debord {
		background-repeat: repeat-x;
	}
	.tunnel #corps-page #chapo.seweb {
		padding-bottom: 40px;
	}
	.tunnel #corps-page #chapo.seweb-pj {
		padding-top: 50px;
	}

	.retour-validation .info-abandon-seweb {
		position: absolute;
		top: 85px;
		width: 320px;
		margin-bottom: 85px;
		color: #727272;
		font-size: 1.2em!important;
	}
	
	
	.retour-validation .info-enregistrement-demande-se {
		position: absolute;
		top: 85px;
		right: 0;
		margin-bottom: 85px;
		font-size: 1.2em!important;
	}
	
	.retour-validation .info-enregistrement-demande-se a {
		color: #727272;
	}

}

/*-------------------------------------------------------------------------------+
+ Etape 1 - Recapitulatif conditions pret                                        +
+-------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) { /* Mobile */
	.page-se #contenu-inaccessible.mobile{
		display: none;
	}
}
@media screen and (min-width: 768px) { /* Tablette + Bureau */
	#form-seweb-etape1 {
		padding: 0;
	}
	#form-seweb-etape1 .conteneur {
		max-width: 600px;
		padding: 20px 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	.page-se .formulaire .conteneur{
		margin: 0 auto;
	}
	#form-seweb-etape1 {
		padding: 0 10px;
	}
}

/* Erreur locale *******************************************************/
.page-se .formulaire .info-erreur-globale{
	margin-bottom: 30px;
	background-image: url(../img/pictos/picto-attention-L.png);
}
.page-se .formulaire .info-erreur-globale .error-title{
	font-weight: 700;
}
.page-se .formulaire .info-erreur-globale p{
	margin-bottom: 0;
	line-height: 1.125rem;
	font-size: 1rem;
}
#form-seweb-etape1 .info-erreur-locale {
	font-style: normal;
	background-image: url(../img/pictos/picto-attention-L.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

@media screen and (max-width: 767px) { /* Mobile */
	.page-se .formulaire .info-erreur-globale{
		padding: 2px 0 0;
		background-size: 23px 20px;
		background-position: 0 0;
	}
	.page-se .formulaire .info-erreur-globale.erreur-top .erreur-attention{
		padding-left: 30px;
		min-height: 20px;
		line-height: 20px;
		font-weight: 700;
		font-size: 1rem;
		margin-bottom: 5px;
	}
	.page-se .formulaire .info-erreur-globale p{
		line-height: 0.9375rem;
		font-size: 0.8125rem;
	}
	.page-se .formulaire .info-erreur-globale .error-title{
		margin-bottom: 5px;
		padding-left: 33px;
		line-height: 1.125rem;
		font-size: 1rem;
	}
	.page-se .formulaire .erreur-locale{
		border-radius: 0;
	}
	#form-seweb-etape1 .ligne .info-erreur-locale{
		margin-top: 10px;
		padding: 0 0 0 28px;
		line-height: 0.9375rem;
		font-size: 0.8175rem;
		text-align: left;
		background-size: 18px 15px;
		background-position-y: 2px;
	}
	.page-se #acceptation-conditions .info-erreur-locale{
		margin-top: 20px;
	}
}
@media screen and (min-width: 768px) { /* Tablette + Bureau */
	.page-se .formulaire .info-erreur-globale{
		padding: 0 0 0 60px;
		background-position: 0 50%;
	}
	.page-se .formulaire .info-erreur-globale.erreur-top .erreur-attention{
		font-weight: 700;
		font-size: 1.125rem;
		margin-bottom: 5px;
	}
	.page-se .formulaire .info-erreur-globale .error-title{
		margin-bottom: 2px;
		line-height: 1.3125rem; 
		font-size: 1.125rem;
	}
	.page-se .formulaire .erreur-locale{
		border-radius: 0;
	}
	#form-seweb-etape1 .ligne .info-erreur-locale {
		width: 100%;
		min-height: 20px;
		margin-top: 10px;
		padding: 0 0 0 33px;
		font-size: 0.9375rem;
		background-size: 23px 20px;
	}
}


/* Recapitulatif des conditions ****************************************/

#form-seweb-etape1 .recapitulatif-conditions {
	position: relative;
}
.section-title {
	overflow: hidden;
	padding: 0 20px;
	color: #8bbc06;
	font-weight: 700;
	text-transform: uppercase;
}
.section-title .titre {
	position: relative;
	display: inline-block;
    left: 50%;
    transform: translate(-50%,0);
    text-align: center;
}
.section-title .titre:before, .section-title .titre:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 800px;
    height: 1px;
    border-bottom: 1px solid #8BBC06;
}
.section-title .titre:before {
    right: calc(100% + 10px);
}
.section-title .titre:after {
    left: calc(100% + 10px);
}
#form-seweb-etape1 .recapitulatif-conditions h5 {
	color: #8bbc06;
	text-align: center;
	font-weight: 700;
	font-style: italic;
}
#form-seweb-etape1 .recapitulatif-conditions table {
	box-sizing: border-box;
	width: 100%;
	border-collapse: initial;
}
#form-seweb-etape1 .recapitulatif-conditions table *{
	box-sizing: border-box;
}
#form-seweb-etape1 .recapitulatif-conditions table tbody tr td.gauche {
	font-weight: bold;
}

@media screen and (max-width: 767px) { /* Mobile */
	.section-title {
		margin-bottom: 20px;
		line-height: 1.0625rem;
		font-size: 0.9375rem;
	}
	#form-seweb-etape1 .recapitulatif-conditions {
		margin-bottom: 25px;
	}
	#form-seweb-etape1 .recapitulatif-conditions h5 {
		margin-bottom: 15px;
		font-size: 1rem;
	}
	#form-seweb-etape1 .recapitulatif-conditions table{
		padding-top: 5px;
	}
	#form-seweb-etape1 .recapitulatif-conditions table tbody tr td {
		display: block;
		font-size: 0.875rem;
		line-height: 1rem;
	}
	#form-seweb-etape1 .recapitulatif-conditions table tbody tr td.gauche {
		margin-bottom: 10px;
		font-size: 0.875rem;
		line-height: 1rem;
	}
	#form-seweb-etape1 .recapitulatif-conditions table tbody tr td.droite {
		margin-bottom: 25px;
	}
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	.section-title {
		margin-bottom: 30px;
		font-size: 1.125rem;
	}
	#form-seweb-etape1 .recapitulatif-conditions {
		margin-bottom: 30px;
	}
	#form-seweb-etape1 .recapitulatif-conditions table {
		padding: 0 20px;
	}
	#form-seweb-etape1 .recapitulatif-conditions h5 {
		margin-bottom: 25px;
		font-size: 1.125rem;
	}

	#form-seweb-etape1 .recapitulatif-conditions table + h5 {
		padding-top: 10px;
	}
	#form-seweb-etape1 .recapitulatif-conditions table tbody tr td {
		padding-bottom: 30px;
		font-size: 1rem;
		line-height: 1.125rem;
	}
	#form-seweb-etape1 .recapitulatif-conditions table tbody tr td.gauche {
		width: 210px;
		padding-right: 30px;
		padding-bottom: 30px;
	}
	#form-seweb-etape1 .recapitulatif-conditions table tbody tr td.gauche .gauche-mention {
		display: block;
		font-size: 0.875rem;
		font-weight: 400;
		font-style: italic;
	}

	#form-seweb-etape1 .recapitulatif-conditions table.cas-coemprunteur thead tr th {
		padding: 10px 20px;
		font-weight: bold;
		font-size: 1.3em;
		font-style: italic;
	}

	#form-seweb-etape1 .recapitulatif-conditions table.cas-coemprunteur tbody tr .col-info {
		font-weight: bold;
	}
}


/* Coordonnees bancaires ***********************************************/

#form-seweb-coordonneesbancaires{
	padding: 0;
	box-sizing: border-box;
}
#form-seweb-coordonneesbancaires *{
	box-sizing: border-box;
}
#form-seweb-etape1 .ligne-iban {
	position: relative;
	overflow: hidden;
}

#form-seweb-etape1 .ligne-iban label {
	font-weight: bold;
}

#form-seweb-etape1 .ligne-iban .ibanInput {
	text-transform: uppercase;
}

#form-autre-compte input {
	height: 50px;
	padding: 0 15px;
	border: 1px solid #cfcfcf;
	border-radius: 5px;
}
#form-seweb-etape1 .ligne-iban .label-radio {
	position: relative;
	display: block;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#form-seweb-etape1 .ligne-iban .label-radio input {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
#form-seweb-etape1 .ligne-iban .bouton .bt {
    padding: 10px 20px;
    line-height: 0.875rem;
    color: #8bbc06;
    font-size: 0.75rem;
    text-transform: none;
    border: 1px solid #8bbc06;
    background: none;
}
#form-seweb-etape1 .ligne-iban #form-autre-compte{
	background: #f8f8f8;
}
#form-seweb-etape1 .ligne-iban #form-autre-compte .ligne {
	font-weight : normal;
	background: none;
}
#form-seweb-etape1 .ligne-iban .erreur-locale label {
	color: red;
}
#form-seweb-etape1 .ligne-iban .erreur-locale input {
	border-color: red;
}

@media screen and (max-width: 767px){ /* Mobile */
	#form-seweb-etape1 .ligne-iban {
		margin-bottom: 55px;
		font-size: 1.5em;
		line-height: 1.3em;
	}
	#form-autre-compte input {
		display: block;
		width: 100%;
		margin: 0 auto;
		font-size: 0.875rem;
	}
	#form-coordonneesemprunteur-bic {
		max-width: 150px;
	}
	#form-seweb-etape1 .ligne-iban .label-radio {
		margin-bottom: 25px;
		line-height: 0.9375rem;
		font-size: 0.8125rem;
	}
	#form-seweb-etape1 .ligne-iban .label-form-account {
		margin-bottom: 15px;
	}
	#form-seweb-etape1 .ligne-iban #form-autre-compte {
		position: relative;
		margin-bottom: 5px;
		padding: 20px 10px;
		text-align: center;
	}
	#form-autre-compte .ligne{
		margin-bottom: 25px;
		padding: 0;
	}
	#form-seweb-etape1 .ligne-iban #form-autre-compte .ligne label {
		display: block;
		width: auto;
		margin-bottom: 10px;
		padding-right: 0;
		line-height: 1rem;
		font-size: 0.875rem;
		text-align: center;
	}
	#form-seweb-etape1 .ligne-iban #form-autre-compte .bouton {
		margin: 0 auto;
		padding: 0;
	}
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	#form-seweb-etape1 .ligne-iban{
		margin-bottom: 60px;
	}
	#form-seweb-etape1 .ligne-iban .label-radio {
		margin-bottom: 30px;
		line-height: 1rem;
		font-size: 0.875rem;
	}
	#form-seweb-etape1 .ligne-iban .label-form-account {
		margin-bottom: 20px;
	}
	#form-seweb-etape1 .ligne-iban #form-autre-compte {
		position: relative;
		margin-bottom: 10px;
		padding: 20px 40px;
	}
	#form-seweb-etape1 .ligne-iban #form-autre-compte .ligne {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 30px;
		padding: 0;
	}
	#form-seweb-etape1 .ligne-iban #form-autre-compte .ligne label {
		display: inline-block;
		width: 120px;
		margin-right: 20px;
		padding: 0;
		line-height: 1.125rem;
		font-size: 1rem;
		text-align: right;
	}
	#form-autre-compte input{
		font-size: 1rem;
	}
	#form-autre-compte-nom input{
		width: 320px;
	}
	#form-autre-compte-bic input{
		width: 150px;
	}
	#form-seweb-coordonneesbancaires-iban input {
		width: 320px;
	}
	#form-seweb-etape1 .ligne-iban #form-autre-compte .bouton {
		margin-left: 140px;
		padding: 0;
	}
}


/* Acceptation des conditions ******************************************/
#form-seweb-etape1 #acceptation-conditions{
	padding: 20px 40px 20px 20px;
	background: #ededed;
	box-sizing: border-box;
}
#form-seweb-etape1 #acceptation-conditions *{
	box-sizing: border-box;
}
#form-seweb-etape1 #acceptation-conditions label {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 25px;
	padding-right: 0;
	font-weight: 700;
}
#form-seweb-etape1 #acceptation-conditions.erreur-locale label {
	color: red;
}

#form-seweb-etape1 #acceptation-conditions label input {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.page-se .conditions-contact{
	font-style: italic;
}
.page-se .conditions-contact .phone-nb{
	margin: 0;
}

@media screen and (max-width: 768px) { /* Mobile */
	#form-seweb-etape1 #acceptation-conditions{
		margin-bottom: 50px;
		padding: 20px 15px;
	}
	#form-seweb-etape1 #acceptation-conditions label {
		margin-bottom: 30px;
		font-size: 0.875rem;
	}
	.page-se .conditions-contact{
		font-size: 0.75rem;
		font-style: italic;
	}
	.page-se .conditions-contact .text{
		margin-bottom: 10px;
	}
	.page-se .conditions-contact .phone-nb{
		text-align: center;
	}
	.page-se .conditions-contact .phone-nb a{
		display: inline-block;
	}
}
@media screen and (min-width: 768px) { /* Tablette +  Bureau */
	#form-seweb-etape1 #acceptation-conditions{
		margin-bottom: 70px;
		padding: 20px 40px 20px 20px;
	}
	#form-seweb-etape1 #acceptation-conditions label {
		margin-bottom: 10px;
		padding-left: 25px;
		font-size: 0.9375rem;
		font-weight: 700;
	}
	.page-se .conditions-contact{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-left: 25px;
		font-size: 0.8125rem;
		font-style: italic;
	}
	.page-se .conditions-contact .text{
		width: 45%;
		margin-bottom: 0;
	}
}

/* Boutons de validation ******************************************/
.page-se .retour-validation .bt-grismoyen,
.page-se .retour-validation .bt-vert{
	position: static;
	top: auto;
	left: auto;
	right: auto;
	padding: 0;
}
.page-se .retour-validation .bouton.bt-grismoyen{
	box-sizing: border-box;
	color: white;
	font-weight: 700;
	background: #9D9D9D;
	border-radius: 0;
}
.page-se .retour-validation .bt-grismoyen,
.page-se .retour-validation .bt-vert .bt{
	line-height: 1.125rem;
	font-size: 1rem;
	text-transform: none;
}
.page-se .retour-validation .bt-vert .bt input{
	text-transform: none;
}
@media screen and (max-width: 767px) { /* Mobile */
	.page-se .retour-validation{
		margin: 0;
		text-align: center;
	}
	.page-se .retour-validation .btn-continue{
		margin-bottom: 50px;
	}
	.page-se .retour-validation .btn-continue .bt{
		padding: 0;
	}
	.page-se .retour-validation .btn-continue input{
		display: block;
		margin: 0;
		padding: 12px 20px;
		font-size: 0.75rem;
	}
	.page-se .retour-validation .bouton.bt-grismoyen{
		max-width: 170px;
		margin-bottom: 15px;
		padding: 10px 20px;
		font-size: 0.75rem;
	}
}
@media screen and (min-width: 768px) { /* Tablette +  Bureau */
	.page-se .retour-validation{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.page-se .retour-validation .btn-continue{
		order: 2;
	}
	.page-se .retour-validation .bt-vert .bt{
		padding: 15px 20px;
	}
	.page-se .retour-validation .bouton.bt-grismoyen{
		order: 1;
		max-width: 212px;
		margin-bottom: 20px;
		padding: 12px 20px;
		text-align: left;
	}
	.page-se .retour-validation .info-abandon-seweb{
		order: 3;
		position: static;
		top: auto;
		width: 100%;
		max-width: 340px;
	}
}

/* Page Abandon SE */
.page-se #form-reponse .conteneur{
	position: relative;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.page-se #form-reponse:before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 250px;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
}
.page-se .titre-abandon{
	text-align: left;
	background-image: url(../img/pictos/picto-info-L.png);
	background-repeat: no-repeat;
}
.page-se #form-reponse #finalisation-abandon-seweb{
	font-weight: 700;
}
.page-se #form-renvoyer-contrat-courrier h2{
	padding-left: 0;
	background: none;
}
.page-se #choix-courrier .bt-vert{
	padding: 0;
	text-transform: none;
}
.page-se #choix-courrier .bt-vert .libelle{
	vertical-align: initial;
}
.page-se .recevoir{
	margin: 0;
	color: #8BBC06;
}
.page-se .recevoir a{
	color: #8BBC06;
}
.page-se #form-renvoyer-contrat-courrier{
	background-color: #ededed;
}
.page-se #form-renvoyer-contrat-courrier h3{
	color: #8BBC06;
	text-align: center;
}
.page-se #form-renvoyer-contrat-courrier #etapes-courrier .numero{
	border-radius: 100%;
}
.page-se #adresse-ba{
    text-align: center;
}
@media screen and (max-width: 767px) { /* Mobile */
	.page-se #form-reponse{
		padding-bottom: 30px;
	}
	.page-se #form-reponse .conteneur{
		padding-top: 40px;
	}
	.page-se #form-reponse .titre-abandon{
		min-height: 40px;
		margin-bottom: 30px;
		padding-left: 55px;
		font-size: 1rem;
		background-size: 40px;
	}
	.page-se #form-reponse #finalisation-abandon-seweb{
		margin-bottom: 20px;
		font-size: 0.8125rem;
	}
	.page-se #choix-courrier .bt-vert{
		margin-bottom: 20px;
		font-size: 0.75rem;
	}
	.page-se #choix-courrier .bt-vert .bt{
		padding: 13px 20px;
	}
	.page-se #choix-courrier .bt-vert .puce-droite{
		display: none;
	}
	.page-se #form-reponse .recevoir{
		font-size: 0.8125rem;
	}
	
	.page-se #form-renvoyer-contrat-courrier{
		padding: 15px 20px;
	}
	.page-se #form-renvoyer-contrat-courrier .conteneur{
		padding: 0;
	}
	.page-se #form-renvoyer-contrat-courrier h3{
		margin: 0 0 15px;
		font-size: 1.0625rem;
	}
	.page-se #form-renvoyer-contrat-courrier #etapes-courrier ol li{
		margin: 0 0 20px;
		padding: 3px 0 0 35px;
		font-size: 0.8125rem;
	}
	.page-se #form-renvoyer-contrat-courrier #etapes-courrier ol li .numero{
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 1rem;
	}
	.page-se #form-renvoyer-contrat-courrier #etapes-courrier ol li .voir-pj{
		display: block;
	}
	.page-se #adresse-ba{
		line-height: 1.125rem;
		font-size: 1rem;
		text-align: center;
	}
	.page-se #adresse-ba strong{
		font-size: 1.375rem;
	}
}
@media screen and (min-width: 768px) { /* Tablette +  Bureau */
	.page-se #form-reponse{
		padding-bottom: 50px;
	}
	.page-se #form-reponse .conteneur{
		padding: 70px 0 0;
	}
	.page-se #form-reponse .titre-abandon{
		min-height: 60px;
		margin-bottom: 55px;
		padding-left: 80px;
		font-size: 1.375rem;
	}
	.page-se #form-reponse #finalisation-abandon-seweb{
		margin-bottom: 40px;
		padding: 0 50px;
		font-size: 1.25rem;
	}
	.page-se #choix-courrier .bt-vert{
		margin-bottom: 15px;
	}
	.page-se #choix-courrier .bt-vert .bt{
		padding: 17px 15px;
		font-size: 1rem;
	}
	.page-se #choix-courrier .bt-vert .puce-droite{
		height: 11px;
		margin-right: 10px;
		background-position: left -284px;
	}
	.page-se #form-reponse .recevoir{
		font-size: 0.9375rem;
	}

	.page-se #form-renvoyer-contrat-courrier{
		padding-top: 30px;
	}
	.page-se #form-renvoyer-contrat-courrier h3{
		margin: 0 0 30px;
		font-size: 1.5rem;
	}
	.page-se #form-renvoyer-contrat-courrier #etapes-courrier ol li .numero{
		width: 26px;
		height: 26px;
		line-height: 26px;
		font-size: 1rem!important;
	}
	.page-se #adresse-ba{
		line-height: 1.5rem;
		font-size: 1.3125rem;
		text-align: center;
	}
	.page-se #adresse-ba strong{
		font-size: 1.75rem;
	}
}


/*-------------------------------------------------------------------------------+
+ Etape 2/3/4 - Iframe                                                           +
+-------------------------------------------------------------------------------*/

#form-seweb-etape234 .conteneur {
   	background: white;
}

#iFramePSO {
	display: block;
}

@media screen and (max-width: 767px) { /* Mobile */

	#form-seweb-etape234 {
		display: none;
	}

	#form-seweb-etape234.utilisePSO {
		display: block;
	}

	#iFramePSO {
	    width: 100%;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#iFramePSO {
	    width: 100%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-seweb-etape234 {
		padding: 0 10px;
	}

	#form-seweb-etape234 .conteneur {
		width: 748px;
	}

	#iFramePSO {
	    width: 100%;
	}
}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-seweb-etape234 .conteneur {
		width: 980px;
	}

}


/* Iframe partenaire ***************************************************/

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-seweb-etape234 iframe {
		width: 748px;
		margin: 0 auto;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-seweb-etape234 iframe {
		width: 980px;
	}

}



/*-------------------------------------------------------------------------------+
+ Etape 5 - Confirmation                                                         +
+-------------------------------------------------------------------------------*/

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#form-seweb-etape5 .conteneur {
		padding: 20px 0;
	}

	#form-seweb-etape5 p {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-seweb-etape5 {
		padding: 0 10px;
	}

	#form-seweb-etape5 .conteneur {
		max-width: 920px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-seweb-etape5 .conteneur {
		max-width: 920px;
	}

}


/* Validation **********************************************************/

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#form-seweb-etape5 .retour-validation {
		margin-top: 50px;
	}

}



/*-------------------------------------------------------------------------------+
+ SE WEB indisponible                                                            +
+-------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) { /* Mobile */

	#form-seweb-indispo {
		display: none;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#form-seweb-indispo .conteneur {
		padding: 50px 0 20px 0;
	}

	#form-seweb-indispo h1 {
		margin-bottom: 20px;
		text-align: center;
		font-size: 2.2em;
		
	}

	#form-seweb-indispo p.message {
		text-align: center;
		font-size: 1.6em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-seweb-indispo {
		padding: 0 10px;
	}

	#form-seweb-indispo .conteneur {
		max-width: 920px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-seweb-indispo .conteneur {
		width: 920px;
	}

}


/* Cas "temporaire" ****************************************************/

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#form-seweb-indispo .retour-validation {
		margin-top: 100px;
	}

}


/* Cas "bascule" *******************************************************/

@media screen and (max-width: 767px) { /* Mobile */

	.cas-seweb-indispo {
		display: none;
	}

}


#form-signer-contrat-ligne #etapes-se ol li .etape-se {
	width: 26px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 26px 26px;
}

#form-signer-contrat-ligne #etapes-se ol li .etape-se-1 {
	background-image: url(../img/pictos/seweb/etape-se-1.png);
}

#form-signer-contrat-ligne #etapes-se ol li .etape-se-2 {
	background-image: url(../img/pictos/seweb/etape-se-2.png);
}

#form-signer-contrat-ligne #etapes-se ol li .etape-se-3 {
	background-image: url(../img/pictos/seweb/etape-se-3.png);
}

#form-signer-contrat-ligne #etapes-se ol li .etape-se-4 {
	background-image: url(../img/pictos/seweb/etape-se-4.png);
}



/*-------------------------------------------------------------------------------+
+ Rebond Assurance Fin de formulaire                                             +
+-------------------------------------------------------------------------------*/

.bloc-rebond-assurance {
    background-color: #e2e0e1;
    text-align: center;
}

.bloc-rebond-assurance h2 {
    background-color: #16a7de;
    padding: 10px;
    color: #fff;
}

.bloc-rebond-assurance .avantages {
    position: relative;
}

.bloc-rebond-assurance .avantages .picto {
    color: #fff;
    border-radius: 50%;
    border-style: solid;
    border-color: #fff;
}

.bloc-rebond-assurance a{
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) { /* Mobile */

	.bloc-rebond-assurance {
	    margin: 0 10px;
	}

	.bloc-rebond-assurance h2 {
	    font-size: 1.6em;
	}

	.bloc-rebond-assurance .avantages {
	    margin: 20px;
	    margin-bottom: 10px;
	    font-size: 1.1em;
	    text-align: center;
	}

	.bloc-rebond-assurance .avantages .picto {
		margin-bottom: 10px;
		display: inline-block;
	    padding: 12px;
	    font-size: 2em;
	    border-width: 2px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.bloc-rebond-assurance {
	    margin: 0 auto;
	    width: 700px;
	}

	.bloc-rebond-assurance h2 {
	    font-size: 2.2em;
	}

	.bloc-rebond-assurance .avantages {
	    margin: 40px;
	    margin-bottom: 20px;
	    margin-left: 150px;
	    font-size: 1.6em;
	    text-align: left;
	}

	.bloc-rebond-assurance .avantages .picto {
	    position: absolute;
	    top: -15px;
	    left: -110px;
	    padding: 12px;
	    font-size: 4em;
	    border-width: 2px;
	}

	.bloc-rebond-assurance.auto .avantages .picto {
	    top: -5px;
	}

}
/************Isaac login********/
#isaacLogin{
	background-image: linear-gradient(to bottom, #ffffff, #f6f6f6, #eeeeee, #e5e5e5, #dddddd);
	box-sizing: border-box;
	display: block;       
    width: 100%;
}

#isaacLogin p{
	font-size:1.5em;
	margin-bottom:0;
}

#isaacLogin p.title{
	color:#8bbc06;
	font-size:2em;
	font-weight:bold;	
	margin-bottom: 5px;
	text-transform:uppercase;
}

@media screen and (max-width: 767px) { /* Mobile */
	#isaacLogin .content{
		width: 320px;
    	margin: 0 auto;
    	text-align:center;
	}

	#isaacLogin .bloc{
		display:block;
		margin:20px 0 10px;
		width:auto;
	}
	
	#isaacLogin a{
		margin:10px 0 20px 0;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	#isaacLogin{
	    padding-left: 60px;  
	}
	
	#isaacLogin .content{
		max-width: 600px;
		padding-bottom: 20px;
	}

	#isaacLogin .bloc, #isaacLogin a{
		display:inline-block;
		vertical-align:middle;
	}

	#isaacLogin .bloc{
		margin:0 2% 0 0; 
		width:62%;
	}
	
	#isaacLogin a{
		width:35%;
	}
	
	#isaacLogin p{
		font-size:1.3em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */
	#isaacLogin{
	    padding-left: 60px;  
	}
	
	#isaacLogin .content{
		padding-bottom: 20px;
	}

	#isaacLogin .bloc, #isaacLogin a{
		display:inline-block;
		vertical-align:middle;
	}

	#isaacLogin .bloc{
		margin:0 2% 0 0; 
		width:63%;
	}
	
	#isaacLogin a{
		width:31%;
	}
}

/*****page email bloc exemple solo****/
@media screen and (min-width: 1221px) { /* Bureau */
	.email .exemples .carrousel .exemple.solo,.ventepriveePP.exemples .carrousel .exemple.solo{
		min-height: 363px;
	    padding-bottom: 0;
		width:98%;
	}

	.email .exemples .carrousel .solo div.left,.email .exemples .carrousel .solo div.right,
	.ventepriveePP.exemples .carrousel .solo div.left,.ventepriveePP.exemples .carrousel .solo div.right{
		float:left;
		overflow: hidden;
		width:50%;
	}
	
	.email .exemples .exemple-photo.solo img {
	    display: block;
	    width: auto;
	    height: 345px;
	    margin-left: -280px;
	}
	
	.ventepriveePP.exemples .exemple-photo.solo img {
	    display: block;
	    width: auto;
	    height: 363px;
	    margin-left: -280px;
	}
}

/****Vente privee petit pret*****/
#chapo.petitPret h4.genTitle{
	border-left: 1px solid #2c2c2c;
    color: #2c2c2c;
    text-shadow: 0px 0px 7px #fff;
    
}


@media screen and (max-width: 767px) { /* Mobile */

	#chapo.petitPret {
		background: url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-PP-M.png) no-repeat center 0px;
		padding-top: 0px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#chapo.petitPret {
		background-color:#fff;
		background-image:url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-PP-T.png);
	    background-repeat:no-repeat;
	}
 
}

@media screen and (min-width: 1221px) { /* Bureau */

	#chapo.petitPret {
		background-color:#fff;
		background-image:url(../img/visuels/produits/credits/pret-personnel/vsl-chapo-PP-D.png);
		background-repeat:no-repeat;
	}

}
/****style encart planter arbre*****/
#planter-exemple{
	margin-top: 60px;
}

.planter-arbre{
	border:#8bbc06 1px solid;
	color: #54565b;
}

#planter-exemple .planter-arbre p{
	text-align:center;
}

.planter-arbre .img img{
	width:100%;
	height:auto;
}

.planter-arbre .right img{
	max-width:100%;
	height:auto;
}

.planter-arbre .picto{
	border:#8bbc06 1px solid;
	border-radius:90px;
	width: 55px;
    height: 55px;
    padding: 8px;
    box-sizing: border-box;
    font-size: 4em;
    text-align: center;
    display: block;
}

.planter-arbre ul li {
    position:relative;
}

#planter-exemple .planter-arbre p.titre{
	color: #8bbc06;
	font-size:2em;
}

.planter-arbre ul li:last-child:after{
		display:none;
	}

@media screen and (max-width: 767px) { /* Mobile */
	.planter-arbre{
		max-width: 540px;
		margin:0 auto 60px;
	}
	
	#planter-exemple .planter-arbre p{
		font-size: 1.5em;
	}
	
	.planter-arbre .right{
		padding: 20px 10px 0;
	}
	
	.planter-arbre ul li {
	    padding: 20px 20px 20px 110px;
	    min-height: 60px;
	}
	
	.planter-arbre ul li .picto {
	    position: absolute;
	    top: 10%;
	    left: 25px;
	    border-width: 1px;
	}
	
	.planter-arbre ul li:after {
	    content: "\e928";
	    position: absolute;
	    top: 75%;
	    left: 60%;
	    display: inline-block;
	    font-family: 'petits-pictos';
	    font-size: 1.5em;
	    color: #54565b;
	    transform: rotate(90deg);
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	.planter-arbre{
		max-width: 540px;
		margin:0 auto 60px;
	}
	
	.planter-arbre .right{
		padding:20px 0;
	}
	
	#planter-exemple .planter-arbre p{
		font-size: 1.5em;
		padding:0 20px;
	}
	
	.planter-arbre ul.cas-3-etapes li {
		display:inline-block;
	    width: calc((100% / 3) - 41px);
	    padding: 30px 19px 0 19px;
	    vertical-align: top;
	}
	
	.planter-arbre ul li:after {
	    content: "\e928";
	    position: absolute;
	    top: 55px;
	    right: -15px;
	    display: inline-block;
	    font-family: 'petits-pictos';
	    font-size: 3em;
	    color: #54565b;
	}
	
	.planter-arbre .picto{
		margin: 0 auto 20px;
	}
 
}

@media screen and (min-width: 1221px) { /* Bureau */
	.planter-arbre{
		max-width:1100px;
		margin:0 auto 60px;
		overflow:hidden;
	}
	
	.planter-arbre .img{
		width: 34%;
	    float: left;
	    height: 320px;
	    overflow: hidden;
	}
	
	.planter-arbre .img img {
		margin: 0 0 0 -62px;
	    width: auto;
	    height: 100%;
	}
	
	.planter-arbre .right{
		width: 66%;
	    float: right;
	    padding: 20px;
	    box-sizing: border-box;
	}	
	
	#planter-exemple .planter-arbre p{
		font-size: 1.5em;
		padding:0 20px;
	}
	
	.planter-arbre ul.cas-3-etapes li {
		display:inline-block;
	    width: calc((100% / 3) - 41px);
	    padding: 30px 19px 0 19px;
	    vertical-align: top;
	}
	
	.planter-arbre ul li:after {
	    content: "\e928";
	    position: absolute;
	    top: 55px;
	    right: -15px;
	    display: inline-block;
	    font-family: 'petits-pictos';
	    font-size: 3em;
	    color: #54565b;
	}
	
	.planter-arbre .picto{
		margin: 0 auto 20px;
	}

}

/*simulateur*/
@media screen and (min-width: 768px){
	.pretPerso div#blocSimu footer {
	    border-bottom: none;
	}
}