.div-content-blog{
    display: flex;
    margin-left: 6%;
    margin-right: 6%;
    flex-wrap: wrap;
    gap: 1%;
}

.blog-item {
    width: calc(33% - 10px); /* ajuste la largeur pour avoir 3 colonnes (ajuster le gap si nécessaire) */
    box-sizing: border-box;
    padding: 1%;
    margin-bottom: 1%
}

.img-home-blog {
    margin-bottom: 1%;
}

.title-article-blog {
    font-weight: 400;
    font-size: 16px;
    margin-top: 4%;
    margin-bottom: 6%;
}

.description-article-blog {
    font-weight: 300;
    font-size: 14px;
}

.a-link-article {
    font-weight: 300;
    font-size: 14px;
    text-decoration: underline !important;
}

.footer-home-blog {
    text-align: center;
    margin-top: 3%;
}

.btn-home-blog-plus {
    border: 1px solid black;
    padding: 1% 5% 1% 5%;
    font-size: 14px;
    font-weight: 300;
}

.header-home-blog {
    margin-left: 7%;
}

.btn-home-blog-nav {
    padding: 1% 0% 1% 0%;
    font-size: 14px;
    font-weight: 300;
    border: none;
    background: white;
    margin-right: 3%;
}

.btn-all-home-blog-nav {
    padding: 1% 0% 1% 0%;
    font-size: 14px;
    font-weight: 300;
    border: none;
    background: white;
    margin-right: 3%;
}

.blog-cat-active {
    text-decoration: underline !important;
    font-weight: 200;
}

@media (max-width:1075px) {

    .div-content-blog{
        display: flex;
        margin-left: 0%;
        margin-right: 0%;
        flex-wrap: wrap;
        gap: 1%;
    }

    .blog-item {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 7%;
    }

    .header-home-blog {
        margin-left: 0%;
        text-align: center;
        margin-bottom: 4%;
    }

    .btn-home-blog-nav {
        width: calc(33.33% - 10px);
        box-sizing: border-box;
        margin-right: 0%;
        margin-top: 2%;
    }

    .btn-all-home-blog-nav {
         width: calc(33.33% - 10px);
         box-sizing: border-box;
         margin-right: 0%;
         margin-top: 2%;
    }

    .article-content-home-blog {
        margin-left: 12%;
        margin-right: 12%;
    }

}