/* section blog */
    .container_blog{
        display: flex;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
        width: max-content;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 16px;
        a{
            text-decoration: none;
        }
    }

    .content_blog{
        flex: 0 0 320px;
    }

    .box_img_blog{
        width: 100%; height: 200px;
        overflow: hidden;
        img{
            width: 100%; height: 100%;
            object-fit: cover;
        }
    }

    .content_blog:hover .box_img_blog img{
        scale: 1.08;
    }

    .info_blog{
        padding: 0 16px;
    }

    .info_blog h3{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-weight: 700;
        margin: 8px auto;
    }
    
    .info_blog h3:hover{
        color: var(--red);
    }
    
    .info_blog p{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: justify;
    }
    
    /* skeleton blog */
        .blog-skeleton { position: relative; overflow: hidden; pointer-events: none; }
        .blog-skeleton::after {
            content: "";
            position: absolute;
            inset: 0;
            transform: translateX(-100%);
            background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent);
            animation: sk-shimmer 1.4s infinite;
        }
        .sk-blog-img    { width: 100%; height: 100%; min-height: 220px; border-radius: 0; }
        .blog-skeleton .info_blog { margin-top: 8px; }
        .sk-blog-titre  { height: 20px; width: 90%; margin-bottom: 10px; }
        .sk-blog-ligne  { height: 12px; width: 100%; margin-top: 10px; }
        .sk-blog-court  { width: 60%; }
        
        @media (prefers-reduced-motion: reduce) { .blog-skeleton::after { animation: none; } }
    /* skeleton blog */
    
    /* message vide ou erreur */
        .blog-vide {
            grid-column: 1 / -1;
            text-align: center;
            padding: 60px 20px;
        }
        .blog-vide .btn { margin-top: 16px; }
    /* message vide ou erreur */
    
    /* pagination */
        .pagination_blog {  
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 40px;
            transition: opacity .2s;
        }
        .pagination_blog.is-loading { opacity: .4; pointer-events: none; }
        .pagination_blog button {
            min-width: 42px;
            height: 42px;
            padding: 0 12px;
            border: 1px solid currentColor;
            border-radius: 8px;
            background: transparent;
            cursor: pointer;
            font: inherit;
        }
        .pagination_blog button[aria-current="page"] { background: var(--red); color: #fff; border-color: var(--red); }
        .pagination_blog button:disabled { opacity: .35; cursor: default; }
        .pagination_blog .pagination_ellipse { padding: 0 4px; }
    /* pagination */
/* section blog */