.site_main {
    display: flex;
    justify-content: baseline;
}

.navbar {
    height: auto;
}
#primary {
    padding-top: 2rem;
}
aside {
    background-color: var(--color-gris);
    /* height: auto; */
    padding: 20px;
    width: 240px;
    box-shadow: -100vw 0 0 100vw var(--color-gris);
    clip-path: inset(0 0 0 -100vw);
    position: sticky;
    top: 20px;
    align-self: flex-start;
    height: fit-content;
    margin-right: 0.5rem;
}

.title-categories {
    font-family: 'Playfair Display', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}

.filtres-categories {
    list-style: none;
    padding: 0;
    font-family: 'Playfair Display', sans-serif;
    font-size: 16px;
    color: var(--color-text);
}

.filtres-categories > li {
  margin-bottom: 30px;
}

.filtres-categories .cat-item a {
    color: var(--color-text);
    font-weight: bolder;
    font-size: 16px;
}

.filtres-categories .cat-item a:hover {
    color: var(--color-orange);
}

ul.children li.cat-item a {
    font-weight: 100;
}


@media screen and (max-width: 768px) {
    .navbar {
        display: none;
    }
    .site_main {
        display: block;
        justify-content: normal;
    }
}