body {
    &>.main-logo {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: var(--project-menu-background, var(--portailpro-menu-background));

        img {
            padding-left: var(--pico-nav-element-spacing-vertical);
            width: 115px;
            height: auto;
        }
    }
    header {
        .collapse-menu:hover {
            cursor: pointer;
        }
    }
    &> aside {
        background-color: var(--project-menu-background, var(--portailpro-menu-background));
        color: var(--project-menu-color, var(--portailpro-menu-color));

        & > menu {
            --pico-border-radius: 16px;
            position: sticky;
            top: 0;
            margin: 0;
            padding: 0;
            font-weight: 600;

            li {
                display: flex;
                padding: 0.1rem 1rem;

                a {
                    flex: 1;
                    height: calc(1.5rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2);
                    padding: var(--pico-nav-element-spacing-vertical);
                    display: flex;
                    align-items: center;
                    gap: 5px;
                    color: inherit;
                    text-decoration: none;
                    border-radius: var(--pico-border-radius);
                    &:hover, &.active {
                        background-color: var(--project-menu-background-hover, var(--portailpro-menu-background-hover));
                        color: var(--project-menu-color-hover, var(--portailpro-menu-color-hover));
                    }
                }
            }
        }
    }
}