@font-face {
    font-family: "TTNormsPro-Regular";
    src: url("/sites/ecovadis-online/files/fonts/TTNormsPro-Regular.ttf");
}
@font-face {
    font-family: "TTNormsPro-Bold";
    src: url("/sites/ecovadis-online/files/fonts/TTNormsPro-Bold.ttf");
}


 :root{
     
    --drupal-displace-offset-top :0;

    --color-fg-primary : #008430;
    --color-primary : #008430;
    --color-primary-ligth : #e5f6f9;
    --color-secondary : #d1d85b;
    
    --color_theme_sup : #00a6fb;
    --color_theme_lab : #e85238;
    --color_theme_fbp : #ffb503;
    --color_theme_env : #00c43d;
    --color_theme_overall : #368733;

    --color-fond : white !important; /*#f1f6f8 */

    --font : "TTNormsPro-Regular";
    --font-family:: "TTNormsPro-Regular" !important;
    --font-family-heading : "TTNormsPro-Bold";
    
    --color-text : #4a4a49 !important;
    --color-gray : #DFDFDF;
    --color-gray-light : #d9d9d9;
    
    
    --p-select-background : var(--color-fg-primary) !important;
    --p-select-border-color : var(--color-fg-primary) !important;

    --p-togglebutton-checked-background : var(--color-fg-primary) !important;
    --p-togglebutton-background: none !important;
    --p-togglebutton-hover-background: #c9dde4 !important;
    --p-togglebutton-checked-background: #c9dde4 !important;
    --p-togglebutton-content-checked-background: #368733 !important;
    --p-togglebutton-color : #368733 !important;
    --p-togglebutton-checked-color : #ffffff !important;
    --p-togglebutton-border-color : #368733 !important;
    --p-togglebutton-checked-border-color : var(--color-fg-primary) !important;
    --p-togglebutton-hover-color : var(--color-fg-primary) !important;

    --p-accordion-header-background: var(--color-gray)!important
}
 
:root {
    .category--white-and-black, .page--node--1 {
        --color-fg-primary : black;
        /*--layout-builder-sidebar-width : 350px*/
        
        --p-select-background : var(--color-fg-primary) !important;
        --p-select-border-color : var(--color-fg-primary) !important;
        
        --p-togglebutton-checked-background : var(--color-fg-primary) !important;
        --p-togglebutton-background: none !important;
        --p-togglebutton-checked-background: var(--color-fg-primary) !important;
        --p-togglebutton-content-checked-background: var(--color-fg-primary) !important;
        --p-togglebutton-color : var(--color-fg-primary) !important;
        --p-togglebutton-checked-color : white !important;
        --p-togglebutton-border-color : var(--color-fg-primary) !important;
        --p-togglebutton-checked-border-color : var(--color-fg-primary) !important;
        --p-togglebutton-hover-background: var(--color-gray) !important;        
        --p-togglebutton-hover-color : var(--color-fg-primary) !important;
        
        
        --p-button-primary-background : var(--color-fg-primary) !important;
        --p-button-primary-border-color : var(--color-fg-primary) !important;
        --p-button-primary-color : white !important;
        --p-button-primary-hover-background : var(--color-fg-primary) !important;
        --p-button-primary-hover-border-color : var(--color-fg-primary) !important;
        --p-button-primary-active-background  : white !important;
        --p-button-primary-active-color  :  var(--color-fg-primary) !important;


    }
}


 :root{

    --p-tabs-tablist-background : none !important;
    --p-tabs-tablist-border-color : var(--color-fg-primary) !important;
    --p-tabs-tab-border-color : var(--color-fg-primary)C !important;
    --p-tabs-tab-color : var(--color-fg-primary) !important;
    --p-tabs-tab-background : var(--color-fond) !important;
    --p-tabs-tab-hover-background : var(--color-fond) !important;
    --p-tabs-tab-hover-border-color : var(--color-fg-primary) !important;
    --p-tabs-tab-hover-color : var(--color-fond) !important;
    --p-tabs-tab-active-background : var(--color-fg-primary) !important;
    --p-tabs-tab-active-border-color : var(--color-fg-primary) !important;
    --p-tabs-tab-active-color : #ffffff !important;
    --p-tabs-tab-border-width : 1px !important;
    --p-tabs-tab-hover-color : var(--color-fg-primary) !important;
    
    --p-select-option-group-color : #368733 !important;
    --p-select-placeholder-color : #ffffff !important;
    --p-select-color : #ffffff !important;
    --p-select-focus-border-color : none !important;
    --p-select-option-selected-background : var(--color-fond ) !important;
    --p-select-option-selected-color : var(--color-fg-primary) !important;
    --p-select-option-selected-focus-background : var(--color-fond ) !important;
    --p-select-option-selected-focus-color : var(--color-fg-primary) !important;
    
    
    --p-selectbutton-border-radius : 0 !important;
    --p-select-border-radius : 0 !important;
    

    --p-toggleswitch-border-color : #368733 !important;
    --p-toggleswitch-checked-border-color : #368733 !important;
    --p-toggleswitch-background : none !important; /*#c9dde4 !important;*/
    --p-toggleswitch-checked-background : #368733 !important;
    --p-toggleswitch-handle-background : #368733 !important;
    --p-toggleswitch-hover-background : #368733 !important;
    --p-toggleswitch-checked-hover-background : #368733 !important;
    
    --p-checkbox-checked-background : #368733 !important;
    --p-checkbox-checked-hover-background: #368733 !important;
    --p-checkbox-checked-border-color : #000000 !important;
    --p-checkbox-focus-border-color : #000000 !important;
    --p-checkbox-checked-hover-border-color : #368733 !important;
    
    --p-dataview-content-background : none !important;
    
    --p-button-primary-background : ##f1f6f8 !important;
    --p-button-primary-border-color : #368733 !important;
    --p-button-primary-color : #368733 !important;
    --p-button-primary-hover-background : #368733 !important;
    --p-button-primary-hover-border-color : none !important;
    
    --p-button-border-radius : 0 !important;
    --p-button-primary-color : var(--color-fg-primary) !important;
    --p-button-text-secondary-color : #368733 !important; 
    --p-button-text-secondary-hover-background : #368733 !important;
    --p-carousel-indicator-active-background : #368733 !important; 
 }


.baseline {
    fill : white
}
 
 
.node.node--page.node--52 {
    max-width: 1140px;
    margin: auto;
}

.item-unread-count, .main-header-bottom {
    display: none;
}

/*---------------------------------*/
/*BLACK AND WHITE Surcharge */
/*---------------------------------*/
.category--white-and-black, .page--node--1{
    
    a {
      color: var(--color-fg-primary);
    }
    
    .content-before {
        display: none;
    }
    .content-header {
        display: none;
    }
    h2 {
        text-align: center;
    }
    h2::before {
        display: none;
    }

}

.node-comments-container[data-dataviz="22"],
.node-comments-container[data-dataviz="21"],
.node-comments-container[data-dataviz="35"] {
    display: none;
}

/*________________________________________________________________________*/
/* PRIMEVUE */
/*________________________________________________________________________*/

.p-select-option:has(.select_with_icon) {
    padding : 0 !important;
}

.p-button:disabled {
  cursor: not-allowed;
  background: var(--color-gray-light);
}

/* Caroussel */
.p-button-text.p-button-secondary {
  background:  #368733 !important;
  color: white !important;
}

.category--mon-territoire {
    .content-before {
        display: none;
    }
    .content-titles {
        display: none;
    }
}

.p-select-list .p-select-option.p-disabled {
    display: none;
}

body, .main-header {
    background: var(--color-fond);
    font-family: var(--font);
}

/* LAYOUT BUILDER EDITOR */
#drupal-off-canvas:not(.drupal-off-canvas-reset).ui-dialog-content div,
#drupal-off-canvas-wrapper .ui-dialog-content div {
 	color: #ccc;
}

.p-selectbutton {
        .p-togglebutton[data-p="checked"] {
            pointer-events: none;
        }
        .p-togglebutton {
            padding: 0 !important;
            /*border : none !important;*/
            .p-togglebutton-content {
                border-radius : 0 !important;
                .p-togglebutton-label {
                    margin: 5px 10px !important;
                }
            }
        }
}

.icon {
  &::before {
    background-color: currentColor;
  }
}

.icon.icon--env {
    color : var(--color_theme_env);
}
.icon.icon--sup {
    color : var(--color_theme_sup);
}
.icon.icon--lab {
    color : var(--color_theme_lab);
}
.icon.icon--fbp {
    color : var(--color_theme_fbp);
}
.icon.icon--overall {
    color : var(--color-fg-primary);
}

/*DataTable*/
.centertable .p-datatable-tbody > tr > td {
    text-align: center!important;
}

.dataviz .buttonFilter.tabs {
    margin-top : 15px;
    .p-tab {
        font-size: 0.8em;
        border-radius: 0 15px 0 0;
    }
    .p-tab.p-tab-active {
            border-radius: 0 15px 0 0;
    }
    button:nth-child(1) {z-index : 10;}
    button:nth-child(2) {transform: translateX(-15px); z-index : 9;}
    button:nth-child(3) {transform: translateX(-30px); z-index : 8;}
    button:nth-child(4) {transform: translateX(-45px); z-index : 7;}
    button:nth-child(5) {transform: translateX(-60px); z-index : 6;}
}

/* Button with icon*/
/*------------------------------------------------------------*/

.dataviz .buttonRepresentation,.dataviz .buttonFilter.switch {
    text-align: right;
    .p-selectbutton {
        .p-togglebutton {
            padding: 0 !important;
            border : none;
            font-size: 12px !important;
            .p-togglebutton-content {
                border-radius : 0;
                .p-togglebutton-label {
                    margin: 5px 10px !important;
                }
            }
        }
        .p-togglebutton:first-child {
          border-start-start-radius: 15px;
          border-end-start-radius: 15px;
        }
        .p-togglebutton:last-child {
            border-start-end-radius: 15px;
            border-end-end-radius: 15px;
        }
    }
}

.category--white-and-black, .page--node--1 {
    
    .buttonRepresentation, .buttonFilter.switch {
        text-align: center;
        .p-selectbutton {
            .p-togglebutton {
                margin : 0 20px;
                padding: 0 !important;
                font-size: 16px !important;
                font-family: var(--font-family-heading);
                border : 2px solid var(--color-fg-primary);
                border-radius : 8px;
                .p-togglebutton-content {
                    .p-togglebutton-label {
                        margin: 5px 10px !important;
                    }
                }
            }
            .p-togglebutton:first-child {
              border-start-start-radius: 8px !important;
              border-end-start-radius: 8px !important;
            }
            .p-togglebutton:last-child {
                border-start-end-radius: 8px !important;
                border-end-end-radius: 8px !important;
            }
        }
    }    
    
}

/*------------------------------------------------------------*/
/* Button with icon*/
/*------------------------------------------------------------*/
.buttonFilter.radioFilter.select_theme_with_icon   {
    --p-radiobutton-width : 50px !important;
    --p-radiobutton-height : 50px !important;
    .radioFilter--element {
        height: 60px;
        align-items: center;
        .radioFilter--element-label {
            margin : 0 10px;    
            cursor: pointer;
            font-family: var(--font-family);
            line-height: 1;
        }
    }
    .radioFilter--element.checked {
        .radioFilter--element-label {
            font-family: var(--font-family-heading);
        }
    }
    .icon::before {
        transform: scale(0.7);
    }
    .p-radiobutton-box.icon--env {
        border: none;
        background:  white;
        color: var(--color_theme_env);
        
    }
    .p-radiobutton-checked .p-radiobutton-box.icon--env {
        border: none;
        background: var(--color_theme_env) ;
        color: white;
    }
    .p-radiobutton-box.icon--sup {
        border: none;
        background:  white;
        color: var(--color_theme_sup);
        
    }
    .p-radiobutton-checked .p-radiobutton-box.icon--sup {
        border: none;
        background: var(--color_theme_sup) ;
        color: white;
    }
    .p-radiobutton-box.icon--fbp {
        border: none;
        background:  white;
        color: var(--color_theme_fbp);
        
    }
    .p-radiobutton-checked .p-radiobutton-box.icon--fbp {
        border: none;
        background: var(--color_theme_fbp) ;
        color: white;
    }
    .p-radiobutton-box.icon--lab {
        border: none;
        background:  white;
        color: var(--color_theme_lab);
        
    }
    .p-radiobutton-checked .p-radiobutton-box.icon--lab {
        border: none;
        background: var(--color_theme_lab) ;
        color: white;
    }
    .p-radiobutton-box.icon--overall {
        border: none;
        background:  white;
        color: var(--color_theme_overall);
        
    }
    .p-radiobutton-checked .p-radiobutton-box.icon--overall {
        border: none;
        background: var(--color_theme_overall) ;
        color: white;
    }

}


/*========================================================================== */
/* Pixel world */
/*========================================================================== */
.land {
    fill : #eaf3ea;
}
.land.selected {
    fill : var(--color-fg-primary)
}

.category--white-and-black, .page--node--1 {
    .land {
        fill : #cdcdcd
    }
    .land.selected {
        fill : black
    }
    
}

.l-sidebar.l-sidebar--left {
    .layout:not(.layout--sidebar) {
        width: 100%;
    }
}

.layout--sidebar--left {
    background: var(--color-fg-primary);
    .layout__region--content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.category--white-and-black, .page--node--1 {
    .layout--sidebar--left {
        background: var(--color-bg-secondary) ;
    }
}

/*========================================================================== */
/* INTRODUCTION */
/*========================================================================== */
.field-body.introduction {
    .layout__region--first {
        background-image: url(/sites/ecovadis-online/files/imgs/vague.png);
        height: 750px;
        flex: 0 1 25%;
        h2 {
            color: white;
            text-align: center;
            margin: 50px auto;
            font-size: 2.5em;
        }
        h2:before {
            display: none;
        }
    }
    .layout__region--second {
        flex: 0 1 75%;
    }
    
}


/*========================================================================== */
/* Toltip des selecteur */
/*========================================================================== */
.select-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.select-tooltip {
    .icon {
        color: #87c991;
        --icon-size: 30px;
    }
}

.select-tooltip.is-empty {
    .icon {
        color: var(--color-gray-light);
    }
    pointer-events: none;
}
/*
.select-tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  font-size: 0.8em;
  background-color: var(--color-blue-light);
  color: var(--color-blue-dark);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  cursor : pointer;
}

.select-tooltip:hover .tooltiptext {
  visibility: visible;
}

.messages--status {
    margin: 0 20px;
    padding: 10px;
    border-radius: 5px;
    color: var(--gin-color-green-light);
    background: var(--gin-bg-green);
    h2 {
        color: var(--gin-color-green-light);
        font-size: 1.2em;
    }
}

*/
/*/*========================================================================== */
/* Page d'acceuil */
/*/*========================================================================== */

/* logo */
.logo--primary {
  margin: 10px 0;
  img[src*=".svg"] {
    max-height: 120px;
    height: 120px;
    max-width: unset;
  }
  img[src*=".png"] {
    max-height: 120px;
    height: 120px;
    max-width: unset;
  }
}

/*========================================================================== */
/* nav-main */
/*========================================================================== */

.main-header-navigation {
  & .row {
    color : white;
    font-family: var(--font-family-heading);
    background:var(--color-fg-primary );
    height: 80px;
    text-align: center;
    margin: 50px auto;
    font-size: 2.5em;
    display: none;
  }
}

.fixer-header-container {
  &.toolbar-horizontal.toolbar-fixed.is-fixed {
    & .main-header-navigation {
      top: 0;
    }
  }
}

/*========================================================================== */
/* Modele de dataviz */
/*========================================================================== */

.dataviz {
    margin : 0 auto !important;

    .dataviz-header {
        padding: 6px 0px;
        background: none;
        .title--dataviz {
            color : var(--color-text );
            font-weight: bold;
            font-size : 1.15em;
            .replace--text.unit {
                font-size: 0.8em;
                font-style: italic;
            }
        }
        .subtitle--dataviz {
            display: block;
            .replace--text.secondary, .replace--text.primary {
                background: var(--color-fg-primary );
                font-weight: normal;
                color : white;
                font-size: 0.9em ;
                padding: 0 5px;
                margin-right: 5px;
                /*border-radius: 15px;*/
            }
            .replace--text:empty {
                display : none;
            }
            
        }
    }
    .dataviz-super-container {
        width : 100%;
        height: 100%;
    }
    strong {
        font-weight: bold;
    }
    .source {
        font-size: 0.8em;
        line-height: 1;
        margin-top: 10px;
        color : var(--p-form-field-placeholder-color);
    }
    
    .dataviz-footer {
        .dataviz-body  {
            p {
                margin : 0;
            }
            .item-push.push--primary {
                font-size: 0.9em;
                font-style: italic;
            }
        }
    }
}

.dataviz.category--modele-no-sidebar {
    .dataviz-sidebar {
        display: none;
    }
}

.dataviz.category--modele-sidebar-right {
    .dataviz-sidebar-container {
        display: flex;
        flex-direction: row;
    }
    .dataviz-container {
        width: 100%;
    }
    .dataviz-sidebar {
        width: 25%;
        padding: 6px;
    }
    .buttonFilter {
        margin-bottom : 15px;
    }
    .first {
        width: 100%;
    }
}


.dataviz.category--modele-sidebar-left {
    .dataviz-sidebar-container {
        display: flex;
        flex-direction: row-reverse;
        
    }
    .dataviz-container {
        width: 100%;
    }
    .dataviz-sidebar {
        width: 25%;
        padding: 6px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;     
        margin-right: 15px;
        background: none;
        padding: 25px 10px;
    }
    .buttonFilter {
        margin-bottom : 15px;
    }
}

.dataviz.category--modele-sidebar-top {
    .dataviz-sidebar-container {
        display: flex;
        flex-direction: column-reverse;
        background: none;
        /*border-radius: 15px;*/
    }
    .dataviz-form.top {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
    }
    .form-first {
        display: flex;
        flex-direction: row;
        justify-content: space-between;        
        margin-bottom: 10px;
    }
    .form-second {
        display: flex;
        flex-direction: row;
        justify-content: space-between;        
        background: var(--color-primary-ligth);
        padding: 20px 5px;
        margin-bottom: 0px;
        .buttonFilter[scanname="typeDecoupageButton"] {
            width: 33%;
        }
        .buttonFilter[scanname="zoomButton"] {
            width: 60%;
        }
    }
    
}


.dataviz.category--modele-sidebar-bottom {
    .dataviz-sidebar {
        margin-top :25px;
    }
    .dataviz-sidebar-container {
        display: flex;
        flex-direction: column;
        background: none;
       /* border-radius: 15px;*/
    }
    .dataviz-form.top {
        margin-bottom: 0px;
    }
    .form-first {
        display: flex;
        flex-direction: row;
        justify-content: space-between;        
        margin-bottom: 0px;
    }
    .form-second {
        display: flex;
        flex-direction: row;
        justify-content: space-between;        
        background: var(--color-primary-ligth);
        padding: 20px 5px;
        margin-bottom: 0px;
        .buttonFilter[scanname="typeDecoupageButton"] {
            width: 33%;
        }
        .buttonFilter[scanname="zoomButton"] {
            width: 60%;
        }
    }
    
}


.dataviz-simply {
    .dataviz.category--modele-sidebar-top {
        .dataviz-sidebar-container {
            background: none;
        }
        .dataviz-sidebar {
            display: none;
        }
        header {
            display: none;
        }
        .dataviz-footer {
            display: none;
        }
    }
    
}




/* MENU : CHIFFRES CLES / FOCUS / TABLEAU DE BORD / PUBLICATION / ACCOMPAGNEMENT
/*========================================================================== */
.layout.menu-report {
    display: flex;
    flex-direction: column-reverse;
    border-top : 1px solid white;
    border-bottom : 1px solid white;
    margin-top : 0;
    margin-bottom : 0;
    .nav--simple .nav-menu {
        height: 46px;
        justify-content: center;
    }
    .nav--simple .nav-item {
        margin-bottom: 0;
        width: unset;
        background: none;
    }
    .block--menu-reference {
        margin-bottom: 0;
    }
    .nav-menu.level-1 {
        margin : 0;
        a {
            .item-title{ 
                font-weight: normal;
                text-transform: uppercase;
                color : white;
            }
            color : #ffffff;
            padding: 10px 20px;
            background: none;
        }
        a.active {
            border-bottom: 4px solid black;
        }
        
        a.active .item-title {
            color : white;
            font-weight: bold;
        }
    }
    .builder-item.layout__region {
        background: var(--color-fg-primary );
        padding: 10px 0;
        margin-left : 0;
        margin-right: 0;
    }
    .bandeau-nom-territoire {
        background: var(--color-fg-primary );
        color : white;
        max-width: 1920px;
        text-align: center;
        font-size: 1.3em;
        padding: 10px 0;
        font-weight: bold;        
        display: none;
    }
}

.category--white-and-black, .page--node--1  {
    .layout.menu-report {
        .builder-item.layout__region {
            background: var(--color-bg-secondary);
        }
        
        .nav-menu.level-1 {
            display: flex;
            flex-direction: column;
        }
        
        .nav-menu.level-1 {
            margin : 0;
            a {
                .item-title { 
                    color : var(--color-fg-primary);
                }
            }
        }
    
        
    }
}

.layout.menu-report.is-fixed {
    position : fixed;
    top : 50px;
    z-index :1000;
    width : 100%;
    margin-left: 0;
    margin-right: 0;
    max-width : 1160px;
    padding: 0;
    .bandeau-nom-territoire {
        display: block;
    }
}


/*========================================================================== */
/* DATAVIZ */
/*========================================================================== */

/* Legend */
.dataviz .legend, .dataviz .legend-content {
    .legend-icon {
        transform: scale(0.05);
    }
}


/* HEATMAP*/
.scan--heatmap{
    .text-heatmap { 
        fill: white;
    }
    .tick {
      font-weight: bold;
      font-size: 14px;
    }
}

/* ICONS */
.icon::before  {
        background-color: currentColor;
}
.icon.white::before  {
        background-color: white;
}

/* KEYNUMBER
/*========================================================================== */
.KeyNumber {
    --bg: #c0c0c0;
    --text: #2e2e2d;
    --muted: #0d0d0d;
    --accent: #0d0d0d;
    --redTriangle : #fa755c; 
    
    height: 400px;
    margin: 0;
    display: grid;
    place-items: center;
    color: var(--text);
    font-family: var(--font);
    padding: 20px;

    position: relative;
    width: 100%;
    /*aspect-ratio: 1.50 / 1;*/
    border-radius: 22px;
    overflow: hidden;
    background: var(--bg);
    padding:  2vw;
    
    
    .content {
        position: relative;
        z-index: 1;
        display: grid;
        height: 100%;
        gap: clamp(12px, 1.6vw, 18px);
        width: 100%;
    }

    .headline {
        max-width: 54%;
    }

    .mainNumber {
        line-height: 0.92;
        font-weight: 300;
        
        .big-number {
            font-size: 3rem;
        }
    }

    .subtitle {
        
        font-size: 2rem;
        margin-top: 10px;
        
        line-height: 1.25;
        color: var(--muted);
        font-weight: 400;
    }

    .seconNumber {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        gap: 24px;
        width: min(70%, 520px);
        margin-top: clamp(2px, 0.5vw, 8px);
    }


    .bottom {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(14px, 2vw, 24px);
        align-items: center;
        margin-top: auto;
    }

    .group-title {
        font-size: 1rem;
        line-height: 1.1;
        margin-bottom: 8px;
        color: var(--text);
        font-weight: 600;
    }

    .group-value {
        font-size: 1.2rem;
        line-height: 0.96;
        letter-spacing: -0.05em;
        font-weight: 300;
    }


    .footnote {
        justify-self: end;
        margin-top: -8px;
        font-size: 0.85rem;
        color: rgba(243, 243, 240, 0.7);
    }
}

.KeyNumber.q1{
    --bg: #999999;
    font-style: italic;
    .fourth {
        
    }
}

/*========================================================================== */
/* DATAVIZ */
/* Gestion du responsive */
/*
<article{{ attributes }} style="container-name: dataviz;container-type: inline-size">
si la largeur de la dataiviz est < 900px (container) 
*/
/*========================================================================== */
.content-builder-sidebar-inner {
        position: fixed !important;
        top: 180px !important;
}



@container dataviz (max-width: 900px) {
    
    
    .dataviz.category--modele-sidebar-left {
        & .dataviz-sidebar-container {
            display: flex;
            flex-direction: column-reverse;
        }
        & .dataviz-super-container {
              width: 100%;
          }
        & .dataviz-sidebar {
            width: 100%;
            padding : 0 10px;
        }
        & .buttonFilter.radioFilter {
            & .radioFilter--label {
                margin : 0;
            }
            & .radioFilter--content {
                display: flex;
                flex-direction: row;
                justify-content: space-around;
                flex-wrap: wrap;
            }
        }
    }
}