.elementor-982 .elementor-element.elementor-element-7872313:not(.elementor-motion-effects-element-type-background), .elementor-982 .elementor-element.elementor-element-7872313 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F8FA;}.elementor-982 .elementor-element.elementor-element-7872313{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-982 .elementor-element.elementor-element-7872313 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-982 .elementor-element.elementor-element-ac057f8{--grid-columns:3;}@media(max-width:1024px){.elementor-982 .elementor-element.elementor-element-ac057f8{--grid-columns:2;}}@media(max-width:767px){.elementor-982 .elementor-element.elementor-element-ac057f8{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-ac057f8 *//* =========================================================
   CARTE BLOG — HAUTEUR ET ALIGNEMENT AUTOMATIQUES
========================================================= */

.afblog-loop-card{
    width:100%;
    height:100% !important;

    display:flex !important;
    flex-direction:column !important;

    overflow:hidden;

    border:1px solid #E5EAF0;
    border-radius:14px;

    background:#FFFFFF;

    box-shadow:0 2px 12px rgba(0,0,0,.06);
}


/* =========================================================
   IMAGE — FORMAT TOUJOURS IDENTIQUE
========================================================= */

.afblog-loop-image{
    width:100%;
    aspect-ratio:16 / 9;

    flex:0 0 auto;

    overflow:hidden;

    background:#EDF4FA;
}


.afblog-loop-image .elementor-widget-container,
.afblog-loop-image a{
    display:block;

    width:100%;
    height:100%;
}


.afblog-loop-image img{
    display:block;

    width:100% !important;
    height:100% !important;

    object-fit:cover;
    object-position:center;
}


/* =========================================================
   SI AUCUNE IMAGE N'EST DISPONIBLE
========================================================= */

.afblog-loop-image:not(:has(img)){
    min-height:190px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #EDF4FA,
            #F6F8FA
        );
}


.afblog-loop-image:not(:has(img))::after{
    content:"AUTOFRIGOR";

    color:#205E9C;

    font-family:"Roboto Slab",Georgia,serif;
    font-size:16px;
    font-weight:700;

    letter-spacing:.08em;

    opacity:.45;
}


/* =========================================================
   CONTENU
========================================================= */

.afblog-loop-content{
    flex:1 1 auto !important;

    display:flex !important;
    flex-direction:column !important;

    min-height:0;

    padding:24px !important;
}


/* =========================================================
   TITRE
   3 LIGNES MAXIMUM + ESPACE RÉSERVÉ
========================================================= */

.afblog-loop-title{
    min-height:84px;

    margin:0 0 12px !important;
}


.afblog-loop-title h3{
    margin:0 !important;
}


.afblog-loop-title h3,
.afblog-loop-title h3 a,
.afblog-loop-title a{
    display:-webkit-box;

    overflow:hidden;

    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;

    line-clamp:3;

    color:#17212B !important;

    font-size:21px !important;
    font-weight:700 !important;

    line-height:1.32 !important;
}


/* =========================================================
   EXTRAIT
   ESPACE IDENTIQUE SUR TOUTES LES CARTES
========================================================= */

.afblog-loop-excerpt{
    min-height:72px;

    margin:0 0 18px !important;

    color:#68737D;

    font-size:14px;
    line-height:1.7;
}


.afblog-loop-excerpt p{
    display:-webkit-box;

    overflow:hidden;

    margin:0 !important;

    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;

    line-clamp:3;
}


/* =========================================================
   EXTRAIT VIDE
========================================================= */

.afblog-loop-excerpt:has(.elementor-widget-container:empty){
    min-height:72px;
}


/* =========================================================
   META
========================================================= */

.afblog-loop-meta{
    margin-top:auto;
    margin-bottom:14px;
}


/* =========================================================
   CTA TOUJOURS AU MÊME NIVEAU
========================================================= */

.afblog-loop-read{
    width:100%;

    display:flex !important;
    justify-content:flex-end !important;

    margin-top:auto !important;
}


/* =========================================================
   ELEMENTOR LOOP GRID
========================================================= */

.elementor-loop-container{
    align-items:stretch !important;
}


.elementor-loop-container > .e-loop-item{
    height:100% !important;
}


.elementor-loop-container > .e-loop-item > .elementor{
    height:100% !important;
}


.elementor-loop-container .afblog-loop-card{
    height:100% !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

    .afblog-loop-content{
        padding:20px !important;
    }


    .afblog-loop-title{
        min-height:75px;
    }


    .afblog-loop-title h3,
    .afblog-loop-title h3 a,
    .afblog-loop-title a{
        font-size:19px !important;
    }


    .afblog-loop-excerpt{
        min-height:66px;

        font-size:13px;
    }


    .afblog-loop-image:not(:has(img)){
        min-height:170px;
    }

}
/* =========================================================
   META ARTICLE — AUTEUR / DATE / HEURE
========================================================= */

.afblog-loop-meta{
    width:100%;
    margin-top:14px !important;
    margin-bottom:14px !important;
}

.afblog-loop-meta .elementor-icon-list-items{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    flex-wrap:wrap !important;

    gap:7px 14px !important;

    margin:0 !important;
    padding:0 !important;
}

.afblog-loop-meta .elementor-icon-list-item{
    display:inline-flex !important;
    align-items:center !important;

    gap:5px !important;

    margin:0 !important;
    padding:0 !important;

    color:#7C8790 !important;

    font-family:"Roboto",Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:500 !important;

    line-height:1.4 !important;
}


/* TEXTE */

.afblog-loop-meta .elementor-icon-list-text,
.afblog-loop-meta a{
    color:#7C8790 !important;

    font-size:11px !important;
    font-weight:500 !important;

    text-decoration:none !important;
}


/* ICÔNES */

.afblog-loop-meta .elementor-icon-list-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:17px !important;
    height:17px !important;

    margin:0 !important;

    border-radius:50%;

    background:#EDF4FA;

    color:#205E9C !important;
}

.afblog-loop-meta .elementor-icon-list-icon i{
    color:#205E9C !important;
    font-size:8px !important;
}

.afblog-loop-meta .elementor-icon-list-icon svg{
    width:9px !important;
    height:9px !important;

    fill:#205E9C !important;
}


/* SUPPRESSION DES SÉPARATEURS ELEMENTOR */

.afblog-loop-meta .elementor-icon-list-item::after{
    display:none !important;
}


/* HOVER AUTEUR */

.afblog-loop-meta a:hover{
    color:#205E9C !important;
}



/* =========================================================
   PAGINATION LOOP GRID
========================================================= */

.afblog-loop-grid .elementor-pagination{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;

    gap:7px !important;

    margin-top:46px !important;
}


/* NUMÉROS ET BOUTONS */

.afblog-loop-grid .elementor-pagination .page-numbers{
    min-width:40px;
    height:40px;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 12px !important;

    border:1px solid #DCE4EA;
    border-radius:6px;

    background:#FFFFFF;

    color:#205E9C !important;

    font-family:"Roboto",Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;

    text-decoration:none !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


/* HOVER */

.afblog-loop-grid .elementor-pagination a.page-numbers:hover{
    transform:translateY(-1px);

    border-color:#205E9C;

    background:#EDF4FA;

    color:#174B7E !important;
}


/* PAGE ACTIVE */

.afblog-loop-grid .elementor-pagination .page-numbers.current{
    border-color:#205E9C;

    background:#205E9C;

    color:#FFFFFF !important;
}


/* PRÉCÉDENT / SUIVANT */

.afblog-loop-grid .elementor-pagination .prev,
.afblog-loop-grid .elementor-pagination .next{
    min-width:auto;

    padding:0 17px !important;

    background:#FFFFFF;

    color:#205E9C !important;
}


/* POINTS ... */

.afblog-loop-grid .elementor-pagination .dots{
    border:0;

    background:transparent;

    color:#8A949C !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

    .afblog-loop-meta .elementor-icon-list-item,
    .afblog-loop-meta .elementor-icon-list-text,
    .afblog-loop-meta a{
        font-size:10px !important;
    }

    .afblog-loop-grid .elementor-pagination{
        gap:5px !important;

        margin-top:34px !important;
    }

    .afblog-loop-grid .elementor-pagination .page-numbers{
        min-width:36px;
        height:36px;

        padding:0 10px !important;

        font-size:12px !important;
    }

}
/* =========================================================
   CATÉGORIE ARTICLE
========================================================= */

.afblog-loop-category{
    width:auto !important;

    display:flex !important;
    align-self:flex-start !important;

    margin:0 0 14px 0 !important;
}


/* CONTENEUR ELEMENTOR */

.afblog-loop-category .elementor-widget-container{
    display:inline-flex !important;

    width:auto !important;

    margin:0 !important;
    padding:0 !important;
}


/* LIEN CATÉGORIE */

.afblog-loop-category a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;

    padding:6px 11px !important;

    border:1px solid #DCE7F0 !important;
    border-radius:50px !important;

    background:#EDF4FA !important;

    color:#205E9C !important;

    font-family:"Roboto",Arial,sans-serif !important;

    font-size:10px !important;
    font-weight:800 !important;

    line-height:1.2 !important;

    letter-spacing:.06em !important;
    text-transform:uppercase !important;

    text-decoration:none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease;
}


/* HOVER */

.afblog-loop-category a:hover{
    border-color:#205E9C !important;

    background:#205E9C !important;

    color:#FFFFFF !important;
}


/* SI ELEMENTOR AFFICHE DU TEXTE SANS LIEN */

.afblog-loop-category .elementor-post-info__terms-list,
.afblog-loop-category .elementor-post-info__terms-list-item{
    color:#205E9C !important;

    font-size:10px !important;
    font-weight:800 !important;

    text-transform:uppercase !important;
}


/* MOBILE */

@media(max-width:600px){

    .afblog-loop-category a{
        padding:5px 10px !important;

        font-size:9px !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7872313 *//* =========================================================
   SECTION ARTICLES RÉCENTS
========================================================= */

.afblog-articles-intro{
    padding:80px 24px 40px;
    background:#F6F8FA;
}

.afblog-articles-intro .afblog-container{
    max-width:1200px;
    margin:0 auto;
}

.afblog-articles-intro .afblog-heading{
    max-width:760px;
    margin:0 auto;
    text-align:center;
}


/* =========================================================
   TABLETTE
========================================================= */

@media(max-width:850px){

    .afblog-articles-intro{
        padding:64px 20px 32px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

    .afblog-articles-intro{
        padding:56px 16px 28px;
    }

    .afblog-articles-intro .afblog-heading{
        max-width:100%;
    }

}/* End custom CSS */