.blocMap{position:relative;background: #F9F7F9;padding: 2rem;border-radius: 16px;}
.carte {position:relative;display:flex;gap:1rem;width:100%;height:auto;aspect-ratio:2;}
.bigPlan {width: 100%;height: 100%;background: var(--grey1);display: block;min-height: 560px;position: relative;}
.legende-bloc {position:relative;width: 40px;height: 100%;display: flex;flex-direction: column;justify-content:center;align-items: center;}
.legende-bloc .jauge {display: flex;width: 9px;height: calc(100% - 60px);flex-direction: column;}
.legende-bloc p.lib {width: 100%;height: 20px;text-align: center;color:var(--violet2);margin-bottom:10px}
.legende-bloc p.lib:last-of-type {margin-top: 10px;margin-bottom: 0;}
.legende-bloc .jauge .vh-c {background: var(--violet2);width:9px;height: 20%;opacity: 50%;}
.legende-bloc .jauge .h-c {background: #CE2976;width:9px;height: 20%;opacity: 50%;}
.legende-bloc .jauge .m-c {background: #F0B384;width:9px;height: 20%;opacity: 50%;}
.legende-bloc .jauge .l-c {background: #F0e084;width:9px;height: 20%;opacity: 50%;}
.legende-bloc .jauge .vl-c {background: #45A986;width:9px;height: 20%;opacity: 50%;}
.legende-bloc .jauge span:first-child{border-radius:8px 8px 0 0;}
.legende-bloc .jauge span:last-child{border-radius:0 0 8px 8px;}

.blocCarte h2{color: var(--violet1);font-size: 25px;line-height:30px;padding-bottom:1rem;}

.graphique{min-height:250px;position:relative;}

.blocListeLiens {background: #FFF;padding: 2rem;border-radius: 16px;border: 1px solid #F1EEF1;}
.blocListeLiens ul{column-count: 4;}
.blocListeLiens ul li{margin-bottom: 1rem;}
a.link {color:var(--violet1);display:inline-flex;border-bottom:1px solid var(--violet1);font-size:14px;gap:6px;font-weight:400;}

.blocInfos{background: #FFF;padding: 2rem;border-radius: 16px;border: 1px solid #F1EEF1;}

.blocInfosDetails {background: #F9F7F9;padding: 2rem;border-radius: 16px;border: 1px solid #F1EEF1;}
.blocInfosDetails .loyer .row{height: 45px;border-radius: 8px;padding: 16px 24px;line-height: 13px;font-size: 18px;}
.blocInfosDetails .loyer .row.lmoyen{color: var(--white);background: var(--bleu3);}
.blocInfosDetails .loyer .row.lbas{color: rgba(69, 169, 134, 1);background: var(--white);border-bottom:1px solid var(--grey1);}
.blocInfosDetails .loyer .row.lmedian{color: var(--grey3);background: var(--white);border-bottom:1px solid var(--grey1)}
.blocInfosDetails .loyer .row.lhaut{color: var(--pink);background: var(--white);border-bottom:1px solid var(--grey1)}
.blocInfosDetails .loyer .row.details{background: transparent;}
.blocInfosDetails p {font-size: 10px;line-height: 12px;color: var(--grey3);}
.blocOffres{margin-top:2rem;}
.blocOffres p.titre{font-size:36px;color:var(--violet1);font-family:"Nohemi"}

.filtre{display:flex;gap:8px;}
button.btnFiltre {font-size:14px;color:var(--grey3);height:40px;padding:12px 24px;border:1px solid var(--grey3);border-radius: 20px;}
button.btnFiltre.active,
button.btnFiltre:hover{border-color:var(--violet1);background:var(--violet1);color:#FFF;}

.evolutions {gap:8px;}
.echelle {border-radius: 8px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 8px;height: 104px;}
.temps {display: block;text-align: center;font-family: "Nohemi";color: rgba(0,0,0,.5);font-size: 18px;line-height: 24px;}
.valeur {display: block;text-align: center;color:#FFF;font-size:25px;}
/* .echelle.negatif .valeur{color:var(--green);}
.echelle.positif .valeur{color:var(--pink);}
.echelle.positif1 .valeur{color:#F0e084;}
.echelle.positif2 .valeur{color:#F0B384;}
.echelle.negatif {border-color:#CEECE2;}
.echelle.positif1 {border-color:#f4ebbe;}
.echelle.positif2 {border-color:#F4d4be;}
.echelle.positif {border-color:#FFE8F3;} */
.echelle.negatif {background:rgba(18,108,138,0.4);}
.echelle.positif {background:rgba(18,108,138,1);}
.echelle.positif1 {background:rgba(18,108,138,0.6);}
.echelle.positif2 {background:rgba(18,108,138,0.8);}



p.arr,
p.arr a{font-size:25px;line-height:30px;color:var(--violet3);margin-bottom: 8px;}
p.arr a:focus, p.arr a:active{outline:none;}
p.arr span{font-size:16px;display:block;line-height: 1;}
p.lMed {font-size: 16px;line-height: 24px;color: var(--violet3);position: relative;}
span.barre{display: inline-block;height:8px;width:32px;border-radius:4px;background:var(--violet3)}

@media (max-width:992px) {
  .blocListeLiens ul{column-count: 3;}
}

@media (max-width:480px) {
  .blocListeLiens ul{column-count: 1;}
}