/* /// MENSUALITE /// */




.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-bottom: 2px solid #efefef!important;
    border-radius: 0;
    border: 0;
	   color: #f39!important;
	       padding-left: 2px;
    font-weight: 700;
}


					
					.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 	   color: #f39!important;
    padding-left: 2px;
    font-weight: 700;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: #f39 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    height: 0;
    left: 50%;
    margin-left: 6px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #ff3399;
    color: white!important;
}

.select2-container--default {
    min-width: 16.5%;
    border-right: none!important;
}

.page-template-tpl-simulateur .container__main {    padding: 3vh 5vw;}
.cadreblanc{box-shadow:0 3px 20px #00000029;}
.cadreblanc label,.cadrerose label{font-weight:700}


.cadrerose {
    background: #F39;
    box-shadow: 0 3px 20px #00000029;
    padding: 40px!important;
    font-size: 24px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


.post__column.cadreblanc{padding:40px;}
br.clearfix{clear:both;display:block;zoom:1}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}



ul.ulsimulateur{list-style:none;display:block;padding:0;margin-bottom:25px}
ul.ulsimulateur li{display:inline-block}
ul.ulsimulateur li a{padding:10px;border:1px solid #F39;font-size:14px;text-transform:uppercase;color:#F39;text-decoration:none!important}
ul.ulsimulateur li a.activer,ul.ulsimulateur li a:hover{padding:10px;border:1px solid #F39;color:#fff;font-size:14px;text-transform:uppercase;background:#F39}
.range-slider,.tauxinteretdiv,.tauxassurancediv{display:block;margin-bottom:20px}
.rs-range{margin-top:29px;width:100%;border-radius:27px;border-top:8px solid #EFEFEF;-webkit-appearance:none}
.rs-range:focus{outline:none}
.rs-range::-webkit-slider-runnable-track{width:100%;height:1px;cursor:pointer;box-shadow:none;background:#fff;border-radius:0;border:0 solid #010101}
.rs-range::-moz-range-track{width:100%;height:1px;cursor:pointer;box-shadow:none;background:#fff;border-radius:0;border:0 solid #010101}
.rs-range::-webkit-slider-thumb{box-shadow:none;border:0 solid #fff;height:20px;width:20px;border-radius:50%;background:#F39;cursor:pointer;-webkit-appearance:none;margin-top:-15px}
.rs-range::-moz-focus-outer{border:0}
.rs-label{position:relative;display:inline-block;background:transparent;box-sizing:border-box;font-size:20px;color:#F39;font-weight:700}
.rs-label span::after{content:"€";display:initial;font-size:17px;color:#ada9a9;margin-left:5px;font-weight:700}
.rs-label.pret span::after{content:"ans";display:initial;font-size:17px;color:#ada9a9;font-weight:700}

.rs-label span {
    transform: translate(-50%, 0);
    display: block;
    position: absolute;
}

span.MontantTotalEmprunt {
    font-size: 45px;
    margin-bottom: 14px;
    font-weight: bold;
    display: block;
}

span.tooltipinfo.tooltip-bottom{position:relative}
.tooltipinfo .show{display:none;min-width:130px;background-color:#fff;color:#000;text-align:left;box-shadow:-1px -2px 9px 0 #9c9c9c8c;font-size:11px;padding:5px;border-radius:6px;margin-top:0;left:0;margin-left:-52px;position:absolute;z-index:1}
.tooltipinfo:hover .show{display:block}


.InputSansBordure {
    font-size: 24px;
    border: none;
    color: #f39;
    font-weight: 900;
    text-align: right;
    padding-right: 3px;
    width: 75px;
    border-bottom: 2px solid #EFEFEF;
    outline: none;
}

button.calculerbutton {    display: inline-block;    height: 50px;    padding-right: 25px;    padding-left: 25px;    border: 0;    font-size: 20px;    background: #000;    cursor: pointer;    color: #fff;    text-transform: uppercase;}
button.calculerbutton a { color:#fff; font-weight:normal;}
span.mensuprix, span.pinel_economie, span.span.mensuprix, span.prixemptunt {display:flex;font-size:4rem;align-items:center;justify-content:center;color:#fff}
span.pinel_participation {    display: flex;    font-size: 3rem;    align-items: center;    justify-content: center;    color: #fff;}
span.mensuprix i, .prixnotaire i, .pinel_economie i, .pinel_participation i, .span.mensuprix, span.prixemptunt i {    font-style: normal;    font-weight: bold;    margin-right: 10px;}
span.mensuprix em, .prixnotaire em, .pinel_economie em, .prixemptunt em {    font-size: 2rem;    font-style: normal;    display: flex;    margin-top: 19px;}
.pinel_participation em {    font-size: 2rem;    font-style: normal;    display: flex;    margin-top: 9px;}


.texttauxassu, .textemprunt{font-size:22px;display:none}
.anneemprunt { }
#calculerbuttonform, #calculerbuttonform_notaire, #calculerbuttonform_pinel { display:none; }
#calculerbuttonform a, #calculerbuttonform_notaire a, #calculerbuttonform_pinel a {    color: #fff;    font-weight: normal;}
#simulateurnotaire .post__column.cadrerose{margin-top:-50px;padding-bottom:6%!important}
#simulateurnotaire .cadreblanc{min-height:320px}
.prixnotaire{display:flex;font-size:6rem;align-items:center;justify-content:center;color:#fff}
#simulateurpinel h3{color:#f39;font-size:34px}
.blockform{display:block}

.blockform .gauche {
    float: left;
    width: 45%;
    padding-right: 10px;
    font-size: 16px;
    word-break: break-word;
    height: 35px;
}


.boutonouitexte {
    font-size: 14px;
}


.blockform .droite{float:left;width:55%;height:35px;position:relative}
.blockform .droite input, .droite select {    width: 100%;    height: 30px;    border: none;    border-bottom: 2px solid #EFEFEF;    color: #f39;    font-weight: 700;    outline: none;}
.droite span.textforminput{position:absolute;right:6px;font-weight:700;color:#909090;padding-top:4px;height:30px}
.pinel-bouton{background:#f39;display:flex;height:50px;clear:both;align-items:center;cursor:pointer;justify-content:center;color:#fff;font-size:18px;text-transform:uppercase}
#pinel-votre-economie-sur-12-ans-est-de-, #pinel-participation-moyenne-mensuelle { display:none; }


#simulateurmontantemprunt .blockform .gauche {   width: 25%;  height: auto!important;}
#simulateurmontantemprunt .blockform .droite {    width: 75%;    height: auto!important;}
#simulateurmontantemprunt .droite .cadre_emprunt_salaire {    float: left;    width: 50%; padding:5px; }
#simulateurmontantemprunt .blockform {    display: block;    width: 100%;    padding-bottom: 10px;}
#simulateurmontantemprunt .blockform .cadre_emprunt_salaire:before,
#simulateurmontantemprunt .blockform .cadre_emprunt_salaire:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;} 
#simulateurmontantemprunt .blockform .cadre_emprunt_salaire:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;}
#simulateurmontantemprunt h3{color:#f39;font-size:34px;margin-bottom:10px}
#simulateurmontantemprunt .blockform.bothheight {    padding-bottom: 10px!important;}
#simulateurmontantemprunt .nb_emprunteur button{padding:15px;border:1px solid #F39;width:45%;text-transform:uppercase;margin-right:3%;color:#F39;font-size:17px;cursor:pointer;outline:none;background:#fff}
#simulateurmontantemprunt .nb_emprunteur button.active, #simulateurmontantemprunt .nb_emprunteur button:focus {    background: #F39;    color: #fff;}
#simulateurmontantemprunt button.revenu_button,button.charge_button{padding:15px;width:100%;display:flex;text-transform:uppercase;align-items:center;justify-content:center;background:#fff;border:1px solid #F39;color:#F39;cursor:pointer}
#simulateurmontantemprunt button.revenu_button .round.more, #simulateurmontantemprunt button.charge_button .round.more {background:#f39;margin-right:10px;width:15px;height:15px;line-height:15px;color:#fff}
#simulateurmontantemprunt button.revenu_button:hover,.nb_emprunteur1:hover,.nb_emprunteur2:hover, .charge_button:hover {background:#f39;color:#fff}
#simulateurmontantemprunt .field{position:relative;display:flex;box-sizing:border-box;height:46px;border:0;background-color:#fff;align-items:center;padding-right:10px;font-size:1rem}
#simulateurmontantemprunt span.cygle {    font-size: 15px;    position: absolute;    color: #A5A5A5;    right: 10px;    top: 10px;}
#simulateurmontantemprunt .bloc-rectangle > span{display:inline-block;color:#A5A5A5}
#simulateurmontantemprunt .bloc-rectangle .round {    height: 15px;    background: #F39;    text-align: center;    line-height: 15px;    color: #fff;    cursor: pointer;    border: 0;    display: inline-block;    outline: none;    font-size: 15px;    user-select: none;}
#simulateurmontantemprunt .bloc-rectangle .round.disabled{background:#FFCBE5!important}
#simulateurmontantemprunt .bloc-rectangle input{color:#f39!important;border:none!important;text-align:center;width:30px!important}
#simulateurmontantemprunt .bloc-rectangle .content{display:inline-block;margin:0 2px}
#simulateurmontantemprunt .salaire-emp label, #simulateurmontantemprunt  .droite b{text-transform:uppercase;font-size:16px}
#simulateurmontantemprunt .cadreblanc em {    font-size: 14px;    color: #A5A5A5;    font-style: normal;    display: block;    font-weight: normal;    margin-bottom: 10px;}
#simulateurmontantemprunt .anneemprunt { color:#fff; }


.button_general_rose {   border:1px solid #f39;  background: #f39;    display: flex;    height: 50px;    clear: both;    width: 100%;    align-items: center;    margin-top: 15px;    cursor: pointer;    justify-content: center;    color: #fff;    font-size: 18px;    text-transform: uppercase;}
.button_general_rose:hover {    color: #f39;    background: #fff;    border: 1px solid #f39;}
.boxgrey{background:#EFEFEF;margin-bottom:6px;position:relative;display:flex;padding:10px}
.boxgrey label{margin-left:auto;margin-right:10px;white-space:nowrap;position:relative;width:15%;display:flex;min-height:35px;justify-content:space-between;align-items:center}
.boxgrey .titre_box{margin-left:auto;margin-right:18px;white-space:nowrap;position:relative;width:35%;display:flex;min-height:35px;justify-content:space-between;align-items:center}
.boxgrey .prix_box{position:relative;width:35%}
.prix_box input{width:100%;height:35px;border:none;border-bottom:2px solid #FFF;color:#f39;background:transparent;font-weight:700;outline:none}
.round.close{position:absolute;top:0;right:0;background:#f39;color:#fff;width:15px;text-align:center;height:15px;font-size:13px}
.bloc-rectangle [type="number"]::-webkit-inner-spin-button,.bloc-rectangle [type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#simulateurmontantemprunt select.choix_revenus,.choix_charge{width:100%;border:1px solid #f39;height:50px;padding-left:10px}
#simulateurmontantemprunt button.revenu_button:hover .round,  #simulateurmontantemprunt button.charge_button:hover .round {    background: #fff;    color: #f39;}


#simulateurptzplus h3{color:#f39;font-size:34px;margin-bottom:0}
#simulateurptzplus .titresimu{color:#A5A5A5;font-size:18px;margin-bottom:25px}
#simulateurptzplus .gauche,#simulateurptzplus .droite{height:auto}
#simulateurptzplus .blockform{display:block;margin-bottom:20px}
#simulateurptzplus label.ptz-oui-non {	    color: #fff;    display: inline-block;    font-weight: normal;}
#simulateurptzplus .tableau{max-width:390px;margin:auto;margin-top:15px;margin-bottom:15px}
#simulateurptzplus .tableau table{width:100%;height:auto;border-collapse:collapse;font-size:18px}
#simulateurptzplus .tableau table tr{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff}
#simulateurptzplus .tableau table tr:nth-child(odd) td{background-color:#f6f6f6}
#simulateurptzplus .tableau table td{border:1px solid #e5e5e5;border-collapse:collapse;border-left:0;border-top:0;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;text-transform:initial;text-align:center;padding:10px}
#simulateurptzplus .ResidencePrincipale2Annees button{padding:15px;border:1px solid #F39;width:45%;text-transform:uppercase;margin-right:3%;color:#F39;font-size:17px;cursor:pointer;outline:none;background:#fff}
#simulateurptzplus .ResidencePrincipale2Annees button.active,#simulateurptzplus .ResidencePrincipale2Annees button:focus{background:#F39;color:#fff}



		.droite .select2-selection {
						padding: 0;
					}

					.droite .select2-container {
						width: 100%;
						min-width: 100%;
					}

					.select2-search--dropdown .select2-search__field {
						width: 100%;
						height: auto!important;
						border: 0!important;
						padding-left: 10px!important;
						font-family: Netto;
					}
					
					
					
.mensuempruntbox {
    display: none;
    border-top: 1px solid #fff;
    padding-top: 10px;
    padding-bottom: 10px;
	margin-top:15px; 
}			
					
					
.boxflex { }

.tableau_si_non_eligible {
    margin-top: 15px;
}

.tableau_si_non_eligible tr { }
.tableau_si_non_eligible tr td { }

.tableau_si_non_eligible th {
    padding: 0;
    margin: 0;
}

.tableau_si_non_eligible th p, .tableau_si_non_eligible td p {
    padding: 0;
    margin: 0;
}

.tableau_si_non_eligible .table th {
    background-color: #0b6ba8;
    color: #fff;
    font-weight: normal;
    border: 0;
}

.tableau_si_non_eligible .table>tbody>tr:nth-child(odd)>td {
    background-color: #ececec;
}
.tableau_si_non_eligible .table td {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #414856;
}

.tableau_si_non_eligible .table>thead>tr>th, .tableau_si_non_eligible .table>thead>tr>td, .tableau_si_non_eligible .table>tbody>tr>th, .tableau_si_non_eligible .table>tbody>tr>td, .tableau_si_non_eligible .table>tfoot>tr>th, .tableau_si_non_eligible .table>tfoot>tr>td {
    padding: 7px;
    line-height: 1;
    vertical-align: top;
    border: 0;
    font-size: 16px;
}

.tableau_si_non_eligible .table>tbody>tr:nth-child(odd)>td {
    background-color: #ececec;
}

.tableau_si_non_eligible table.table {
    width: 100%;
    background: #fff;
}

.tableau_si_non_eligible .table caption {
    padding: .6em;
    text-align: center;
    background-color: #e7e7e7;
    font-size: 14px;
}
				
					

@media screen and (max-width: 767px) { 
.blockform .gauche, .blockform .droite {    width: 100%;}
ul.ulsimulateur li a, ul.ulsimulateur li { display: block; margin-top:5px;  }

div#simulateurmensualite {    overflow: hidden;}


}