.print-page .node--page {
    margin: 10px 25px;
}


/* Mode Responsive des dataviz */
.responsive-mode{
    
    &.dataviz.category--modele-sidebar-gauche {
        .dataviz-sidebar-container {
            display: flex;
            flex-direction: column-reverse;
        }
        .dataviz-container {
        width: 100%;
        }
        .dataviz-sidebar {
            width: 100%;
            .keynumber-container {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                .keynumber {
                    max-width: 45%;
                }
            }
        }
        .keynumber {
            margin : auto;
        }
    }
    

    &.dataviz.category--modele-sidebar-gauche[data-nid="112"] .dataviz-sidebar,
    
    &.dataviz.category--modele-sidebar-gauche[data-nid="127"] .dataviz-sidebar,
    &.dataviz.category--modele-sidebar-gauche[data-nid="128"] .dataviz-sidebar,
    &.dataviz.category--modele-sidebar-gauche[data-nid="129"] .dataviz-sidebar,
    &.dataviz.category--modele-sidebar-gauche[data-nid="130"] .dataviz-sidebar,
    
    &.dataviz.category--modele-sidebar-gauche[data-nid="148"] .dataviz-sidebar,
    &.dataviz.category--modele-sidebar-gauche[data-nid="146"] .dataviz-sidebar,
    &.dataviz.category--modele-sidebar-gauche[data-nid="195"] .dataviz-sidebar {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        .dataviz-form--prefix, .dataviz-form--suffix {
            width: 45%;
        }
        .keynumber-container {
            .keynumber {
                max-width: 100%;
            }
        }
    }
    
    &.dataviz .p-selectbutton.p-component {
        display: block;
        text-align: center;
    }

    
}


/* Mode PRINT des dataviz */
.print--mode {
    
    &.dataviz.category--modele-sidebar-gauche:not([scan-dataviz="mapSimpleLeaflet"]) {
        .dataviz-sidebar-container {
            display: flex;
            flex-direction: column-reverse;
        }
        .dataviz-container {
        width: 100%;
        }
        .dataviz-sidebar {
            width: 100%;
            .keynumber-container {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                .keynumber {
                    max-width: 45%;
                }
            }
        }
        .keynumber {
            margin : auto;
        }
    }
    

    &.dataviz.category--modele-sidebar-gauche[data-nid="112"] .dataviz-sidebar,
    
    &.dataviz.category--modele-sidebar-gauche[data-nid="127"] .dataviz-sidebar,
    &.dataviz.category--modele-sidebar-gauche[data-nid="128"] .dataviz-sidebar,
    &.dataviz.category--modele-sidebar-gauche[data-nid="129"] .dataviz-sidebar,
    &.dataviz.category--modele-sidebar-gauche[data-nid="130"] .dataviz-sidebar,
    
    &.dataviz.category--modele-sidebar-gauche[data-nid="148"] .dataviz-sidebar,
    &.dataviz.category--modele-sidebar-gauche[data-nid="146"] .dataviz-sidebar,
    &.dataviz.category--modele-sidebar-gauche[data-nid="195"] .dataviz-sidebar {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        .dataviz-form--prefix, .dataviz-form--suffix {
            width: 45%;
        }
        .keynumber-container {
            .keynumber {
                max-width: 100%;
            }
        }
    }
    
    &.dataviz .p-selectbutton.p-component {
        display: block;
        text-align: center;
    }

    
}

.print-page {
    .print-quick-layout-actions {
        display: none;
    }
    .js-quick-block-space {
        display: none;
    }
    .no-print, .category--no-print {
        display: none;
    }
    .nav-menu {
        .item-type--accordion.nav-item {
            a {
                background: var(--color--primary-light);
                color : var(--color--primary);
            }
        }
    }
    .dataviz[scan-dataviz="plotArea"] {
        .context {
            display: none;
        }
    }
}

.page--node--24, .page--node--212 {
    .main-header-top, .main-header-bottom, .btn--togglemenu {
        display: none;
    }
    .main-header-middle {
        width: 100%;
        text-align: center;
    }
    
}