.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
 * Réduire la largeur des champs Min / Max
 * pour les facettes "number_range"
 */

.facetwp-number-min input,
.facetwp-number-max input {

    /* * Ajustez cette valeur (en pixels)
     * jusqu'à ce que la taille vous convienne.
     */
    width: 50px !important;
    
    /* Optionnel : réduit aussi la taille de la police */
    /* font-size: 14px !important; */
}
.facetwp-slider-reset
{
    display : none !important;

}
.facetwp-slider-label {    color: #FFFFFF !important;}

.dpe-container {
    display: flex;
    align-items: center;
    font-family: sans-serif;
}

/* Le carré de couleur avec la lettre */
.dpe-badge {
    width: 50px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 22px;
    border-radius: 4px 0 0 4px; /* Arrondi à gauche */
    position: relative;
    margin-right: 20px; /* Espace pour la flèche */
}

/* La petite flèche à droite (triangle en CSS) */
.dpe-badge:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 15px solid; /* La couleur sera définie plus bas */
    border-left-color: inherit; /* Prend la couleur du parent */
}

.dpe-text {
    font-size: 16px;
    color: #333;
}

/* Couleurs officielles */
.dpe-a, .dpe-a:after { background-color: #00a651; border-left-color: #00a651; }
.dpe-b, .dpe-b:after { background-color: #00bf63; border-left-color: #00bf63; }
.dpe-c, .dpe-c:after { background-color: #92d050; border-left-color: #92d050; }
.dpe-d, .dpe-d:after { background-color: #f7d100; border-left-color: #f7d100; }
.dpe-e, .dpe-e:after { background-color: #f5a623; border-left-color: #f5a623; }
.dpe-f, .dpe-f:after { background-color: #f07e1e; border-left-color: #f07e1e; }
.dpe-g, .dpe-g:after { background-color: #eb3f23; border-left-color: #eb3f23; }/* End custom CSS */