#zone-centrale #contenu #corps ul.tranche-taux {
     list-style-type:none;
     margin:25px 0 25px 0;
     padding:0;
}

#zone-centrale #contenu #corps ul.tranche-taux li {
    text-align: center;
     margin:0;
    width:200px;
    height:40px;
    align-items:center;
    flex:1 1 31%;
    padding:0;
}
#errorBlock {
    color: #c00;
}
.messageErreur {
    padding-left: 24px;
    font-weight: bold;
    background: url(/ressources/images/e35-icone-erreur.png) no-repeat left center;
}
.erreur {
	border:1px solid red;
}
#zone-centrale #contenu #corps ul.tranche-taux label, #zone-centrale #contenu #corps ul.tranche-taux input {
    display:block;
    background:#DDD;
    
}

#zone-centrale #contenu #corps ul.tranche-taux input[type="radio"] {
    opacity:0.011;
    z-index:100;
}

#zone-centrale #contenu #corps ul.tranche-taux input[type="radio"]:checked + label {
    background:#00884e;
    color:white;
}

#zone-centrale #contenu #corps ul.tranche-taux label {
     padding: 10px 0 10px 0;
     border:1px solid #CCC;
     cursor:pointer;
     z-index:90;
     width:100%;
}

#zone-centrale #contenu #corps ul.tranche-taux label:hover {
     background:white;
     transition: 0.4s;
}

#zone-centrale #contenu #corps .table-responsive {
  overflow-x: scroll;

}

#zone-centrale #contenu #corps .table-responsive>.colonne-figer {
    position: absolute;
    display: inline-block;
    width: auto;
    border-right: 1px solid #ddd;
    margin:0;
    z-index:9000;
}

@media(max-width:768px) {
#zone-centrale #contenu #corps ul.tranche-taux li {
  flex:1 1 50%;
}

}

/* === nouveau calculateur ============ */

.cf::after {
  content: "";
  clear: both;
  display: table;
}

#zone-centrale .boite-calculateur { width: 100%; border: 1px solid #cbcbcb; border-radius: 8px; display: flex; flex-wrap: wrap; padding: 20px;
	        background-color: #fff; position: relative; top: -30px; }
	#zone-centrale .boite-calculateur .pln-largr { width: 100%; }
	 #zone-centrale .boite-calculateur .header-tab { background: #eef7f3; width: calc(100% + 40px); margin: -20px -20px 20px -20px; padding: 20px; 
	             border-top-left-radius: 8px; border-top-right-radius: 8px; font-weight: bold; }
	  #zone-centrale .boite-calculateur .header-tab h2 { font-size: 137.5%; font-weight: bold; }
	#zone-centrale .boite-calculateur .deux-cols { width: calc(50% - 20px); margin-left: 20px; }
	 #zone-centrale .boite-calculateur .deux-cols.prem { width: calc(50%); padding-right: 20px; margin-left: 0; border-right: 1px solid #cbcccc; }
	 
	#zone-centrale .boite-calculateur #wrapperChoixAlternatifs, 
	#zone-centrale .boite-calculateur #wrapperTableauTermes, 
	#zone-centrale .boite-calculateur #wrapperPeriode { display: none; }
	
	#zone-centrale .boite-calculateur #ouvrirTableauTermes { text-decoration: none; color: #383838; font-size: 1rem; 
	 display: inline-block; width: 100%; margin-bottom: 1em; padding: 12px 20px 12px 0; border-bottom: 1px solid #acacac; 
	 background: url(/ressources/images/ic-plus-vert.svg) no-repeat right center; background-size: 1rem 1rem; }
	 #zone-centrale .boite-calculateur #ouvrirTableauTermes.ouvert { background: url(/ressources/images/ic-moins-vert.svg) no-repeat right center; } 
	
	#zone-centrale .boite-calculateur #wrapperTableauTermes { background-color: #fff; width: 100%; padding: 1.5em 0; max-height: 7em; 
	               transition: max-height 1s; overflow: hidden; }
	 #zone-centrale .boite-calculateur #wrapperTableauTermes table { margin: 0.5em auto; display: none; }
	#zone-centrale .boite-calculateur #wrapperTableauTermes.ouvert { max-height: 1000px; transition: max-height 1s; }
	
	#zone-centrale .boite-calculateur .trois-cols { display: flex; flex-wrap: wrap; }
	 #zone-centrale .boite-calculateur .trois-cols > div { width: calc(33.33% - 16px); margin: 0 24px 0 0; border: 1px solid #cbcbcb; 
	               border-radius: 8px; padding: 30px 20px 20px; }
	 #zone-centrale .boite-calculateur .trois-cols > div.cache { display: none; }
	                              
	/* Microsoft Edge Browser 12+ (All) - @supports method */
	@supports (-ms-ime-align:auto) {
	  #zone-centrale .boite-calculateur .trois-cols > div { flex-basis: 31.4%; }
	}
	/* IE10++ */
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	  #zone-centrale .boite-calculateur .trois-cols > div { flex-basis: 26.4%; }
	}          
	  #zone-centrale .boite-calculateur .trois-cols > div > strong { display: inline-block; padding-bottom: 20px; }

	 #zone-centrale .boite-calculateur .trois-cols > div:last-child { margin: 0; }
	 
	  #zone-centrale .boite-calculateur .trois-cols > div .moitie { width: 100%; margin: 10px 0 0; padding: 10px 0; 
	                  border-top: 1px solid #cbcbcb; }
	  #zone-centrale .boite-calculateur .trois-cols > div .moitie:last-of-type { border-top: none; padding-top: 0; }

	#zone-centrale .boite-calculateur #msg-taux-jour { border-radius: 8px; border: 1px solid #007944; padding: 1em; text-align: center; background-color: #fff; margin-bottom: 1em; font-weight: bold; 
	               margin-top: 0; transition: margin-top 700ms; }
	 #zone-centrale .boite-calculateur #msg-taux-jour.centre-vertic { margin-top: calc(50% - 7em); transition: margin-top 700ms; }
	#zone-centrale .boite-calculateur .zone-couleur { display: block; background-color: #eef7f3; border-radius: 8px; padding: 20px; }
	#zone-centrale .boite-calculateur label { font-weight: bold; display: inline-block; width: 100%; }
	#zone-centrale .boite-calculateur .precisionChamp { display: inline-block; font-size: 0.9em; width: 100%; }
	#zone-centrale .boite-calculateur input, 
	#zone-centrale .boite-calculateur select { width: 50%; display: block; float: left; margin-bottom: 1.5em; }
	#zone-centrale .boite-calculateur .symbole-argent { display: block; float: left; width: 5%; text-align: center; line-height: 2.4rem; }
	#page.en #zone-centrale .boite-calculateur .deux-cols.prem { padding-left: 20px; }
	#page.en #zone-centrale .boite-calculateur .symbole-argent { margin-left: -4.95%; }
	#zone-centrale .boite-calculateur #resultats span { font-size: 137.5%; display: inline-block; width: 100%;
	              padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #cbcccc; }
	 #zone-centrale .boite-calculateur #resultats span.noteTauxVar { font-size: 85%; border-bottom: none; margin-bottom: 0.75em; }
	 #zone-centrale .boite-calculateur #wrapperChoixAlternatifs #noteVariableSousOptions { font-size: 0.875em; /* devient 14px si appliqué sur 16px */ }
	#zone-centrale .boite-calculateur #resultats strong { color: #000; }
	
	#zone-centrale .boite-calculateur #btnCalcul { /*margin-top: 1.5em;*/ width: 50%; }
	#zone-centrale .boite-calculateur .moitie { width: 48%; margin-right: 2%; float: left; }
	#zone-centrale .boite-calculateur input.non-valide,
	#zone-centrale .boite-calculateur select.non-valide { border: 2px solid #cc0000; }
	
	@media screen and (min-width: 320px) and (max-width: 768px){
	 #zone-centrale .boite-calculateur .deux-cols { width: 100%; margin-left: 0; }
	  #zone-centrale .boite-calculateur .deux-cols.prem { width: 100%; padding-right: 0; margin-left: 0; border-right: none; }
	 #zone-centrale .boite-calculateur #msg-taux-jour.centre-vertic { margin-top: 1em; }
	}


#zone-centrale #corps .vitrine-top { background-color: #dbdfe1; position: relative; z-index: 2; }
#zone-centrale #corps .vitrine-top .cd-vitrine { background-image: url(/ressources/images/b10-vit-taux-financement-accordd.jpg); height: 20.5rem; }
#zone-centrale #corps .vitrine-top .cd-vitrine h1 { font-size: 2.25rem; font-family: robotobold, arial, sans-serif; width: 43%; line-height: 1em; }
#zone-centrale #corps .vitrine-top .cd-vitrine .desc { font-weight: bold; width: 43%; color: #000; line-height: 1.25em; }

/* general _ look pre-SIX */
#zone-centrale #corps .bg-gris { background-color: #f2f2f2; padding-bottom: 20px; position: relative; z-index: 5; }
#zone-centrale #corps .arrondi { border-radius: 8px; margin-top: 60px; border-width: 0; }

/* overwrites composantes */
#zone-centrale #corps .vitrine-top .cd-vitrine > div { padding: 0; margin: 0; }
#zone-centrale #corps .cd-capsule.arrondi h2 { font-family: robotobold, arial, sans-serif; font-size: 1.38rem; }
#zone-centrale #corps *:not(.cd-icone) .arrondi.cd-capsule[class*=ic-]:not([class*=-ic]):before { width: 1.55rem; height: 1.55rem; top: 1.6rem; left: 1.15rem; }
#zone-centrale #corps .cd-tuiles.cd-lien > .b-radius > a, 
#zone-centrale #corps .cd-tuiles.cd-lien > .b-radius > a:hover:before, 
#zone-centrale #corps .cd-tuiles.cd-lien > .b-radius > a:focus:before { border-radius: 8px; }
#zone-centrale #corps .cd-tuiles.cd-lien > .b-radius .desc { padding-bottom: 1.5rem; }

@media (max-width: 768px) {
	#zone-centrale #corps .vitrine-top .cd-vitrine { background-color: #dbdfe1; background-position-y: 140%; background-position-x: 50%; height: 28rem; }
	#zone-centrale #corps .vitrine-top .cd-vitrine > div { margin-top: -8rem; }
	#zone-centrale #corps .vitrine-top .cd-vitrine h1 { width: 65%; }
	#zone-centrale #corps .vitrine-top .cd-vitrine .desc { width: 50%; }
	
	#zone-centrale .boite-calculateur .trois-cols > div { width: 100%; margin: 12px 0; border: 1px solid #cbcbcb; border-radius: 8px; padding: 10px; }
	 #zone-centrale .boite-calculateur .trois-cols > div:first-child { margin: 0; }
	 #zone-centrale .boite-calculateur .trois-cols > div:last-child { margin: 0; }  
}
@media (max-width: 640px) {
	#zone-centrale #corps .vitrine-top .cd-vitrine { background-color: #dbdfe1; background-position-y: 140%; background-position-x: 80%; height: 39rem; }
	#zone-centrale #corps .vitrine-top .cd-vitrine > div { margin-top: -16rem; }
	#zone-centrale #corps .vitrine-top .cd-vitrine h1 { width: 80%; }
	#zone-centrale #corps .vitrine-top .cd-vitrine .desc { width: 100%; }
	#zone-centrale .boite-calculateur input, 
	#zone-centrale .boite-calculateur select { width: 90%; display: block; } 
}