/*
 * Novélia – étiquette énergie en réduction sur les cartes des programmes (listes, accueil, pages départements,
 * « Nos autres résidences » des fiches) : même dessin que le haut des fiches (Le Clos du Bois), barres A à F
 * et flèche blanche sur la classe du programme. Affichée en lancement, en travaux et en dernières opportunités.
 */
.ns-dpe-mini {
	position: absolute; right: 10px; bottom: 10px; z-index: 2;
	display: block; padding: 7px 8px 7px 7px; border-radius: 10px; line-height: 0;
	background: rgba(32, 13, 30, .66); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
	box-shadow: 0 6px 16px rgba(20, 8, 18, .25); pointer-events: none;
}
.ns-dpe-mini .dpe { display: grid; gap: 2px; }
.ns-dpe-mini .dpe-ligne { display: flex; align-items: center; gap: 4px; }
.ns-dpe-mini .dpe i {
	display: flex; align-items: center; height: 9px; padding-left: 4px; box-sizing: border-box;
	font-style: normal; font-family: inherit; font-size: 7px; font-weight: 800; line-height: 1; color: #fff; text-shadow: none;
	clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 0 100%);
}
.ns-dpe-mini .dpe .c-a { width: 24px; background: #009c6d; }
.ns-dpe-mini .dpe .c-b { width: 30px; background: #52b153; }
.ns-dpe-mini .dpe .c-c { width: 36px; background: #a5cc74; color: #2e2e2e; }
.ns-dpe-mini .dpe .c-d { width: 42px; background: #f4e70f; color: #2e2e2e; }
.ns-dpe-mini .dpe .c-e { width: 48px; background: #f0b40f; color: #2e2e2e; }
.ns-dpe-mini .dpe .c-f { width: 54px; background: #eb8235; }
.ns-dpe-mini .dpe .c-g { width: 60px; background: #d7221f; }
.ns-dpe-mini .dpe b {
	display: inline-grid; place-items: center; height: 15px; margin: -3px 0; padding: 0 5px 0 9px;
	background: #fff; color: #009c6d; font-family: inherit; font-weight: 800; font-size: 10.5px; line-height: 1; text-shadow: none;
	clip-path: polygon(7px 0, 100% 0, 100% 100%, 7px 100%, 0 50%);
}
.ns-dpe-mini .dpe .c-b + b { color: #3d9a3e; }
.ns-dpe-mini .dpe .c-c + b { color: #6f9a3c; }
.ns-dpe-mini .dpe .c-d + b, .ns-dpe-mini .dpe .c-e + b { color: #8a6d00; }
.ns-dpe-mini .dpe .c-f + b { color: #c0601a; }
.ns-dpe-mini .dpe .c-g + b { color: #d7221f; }