.elementor-26589 .elementor-element.elementor-element-272be39d{--display:flex;--margin-top:32px;--margin-bottom:32px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-26589 .elementor-element.elementor-element-272be39d:not(.elementor-motion-effects-element-type-background), .elementor-26589 .elementor-element.elementor-element-272be39d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-61572ab );}.elementor-26589 .elementor-element.elementor-element-f64410f .wpr-post-title{text-align:center;color:#FFFFFF;font-family:var( --e-global-typography-bd7e8dd-font-family ), Sans-serif;font-size:var( --e-global-typography-bd7e8dd-font-size );font-weight:var( --e-global-typography-bd7e8dd-font-weight );text-transform:var( --e-global-typography-bd7e8dd-text-transform );font-style:var( --e-global-typography-bd7e8dd-font-style );text-decoration:var( --e-global-typography-bd7e8dd-text-decoration );}.elementor-26589 .elementor-element.elementor-element-4a274ec7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-26589 .elementor-element.elementor-element-54728529{text-align:center;}.elementor-26589 .elementor-element.elementor-element-54728529 .elementor-heading-title{font-family:var( --e-global-typography-4cb055c-font-family ), Sans-serif;font-size:var( --e-global-typography-4cb055c-font-size );font-weight:var( --e-global-typography-4cb055c-font-weight );text-transform:var( --e-global-typography-4cb055c-text-transform );font-style:var( --e-global-typography-4cb055c-font-style );text-decoration:var( --e-global-typography-4cb055c-text-decoration );color:#FFFFFF;}.elementor-26589 .elementor-element.elementor-element-67043ef0 .elementor-heading-title{font-family:var( --e-global-typography-4cb055c-font-family ), Sans-serif;font-size:var( --e-global-typography-4cb055c-font-size );font-weight:var( --e-global-typography-4cb055c-font-weight );text-transform:var( --e-global-typography-4cb055c-text-transform );font-style:var( --e-global-typography-4cb055c-font-style );text-decoration:var( --e-global-typography-4cb055c-text-decoration );color:var( --e-global-color-7761179 );}.elementor-26589 .elementor-element.elementor-element-c42223a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-26589 .elementor-element.elementor-element-2da337db{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26589 .elementor-element.elementor-element-710d4582 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26589 .elementor-element.elementor-element-2c12def9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26589 .elementor-element.elementor-element-75054cc8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26589 .elementor-element.elementor-element-75054cc8.elementor-element{--align-self:center;}.elementor-26589 .elementor-element.elementor-element-385a12a8.elementor-element{--align-self:center;}.elementor-26589 .elementor-element.elementor-element-43bacd6c.elementor-element{--align-self:center;}.elementor-26589 .elementor-element.elementor-element-673bfe0b.elementor-element{--align-self:center;}.elementor-26589 .elementor-element.elementor-element-10c7e24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-26589 .elementor-element.elementor-element-94043f1 .tpg-widget-heading-wrapper .tpg-widget-heading{font-family:"Roboto", Sans-serif;font-weight:bold;text-transform:uppercase;font-style:normal;text-decoration:none;}.elementor-26589 .elementor-element.elementor-element-94043f1 .tpg-widget-heading-wrapper.heading-style2 .tpg-widget-heading, .elementor-26589 .elementor-element.elementor-element-94043f1 .tpg-widget-heading-wrapper.heading-style3 .tpg-widget-heading{background-color:var( --e-global-color-accent );}.elementor-26589 .elementor-element.elementor-element-94043f1 .tpg-widget-heading-wrapper.heading-style2 .tpg-widget-heading::after, .elementor-26589 .elementor-element.elementor-element-94043f1 .tpg-widget-heading-wrapper.heading-style2 .tpg-widget-heading::before{border-color:var( --e-global-color-accent );}.elementor-26589 .elementor-element.elementor-element-94043f1 .tpg-widget-heading-wrapper.heading-style1 .tpg-widget-heading-line{border-color:var( --e-global-color-accent );}.elementor-26589 .elementor-element.elementor-element-94043f1.section-title-style-style2 .tpg-header-wrapper:not(.carousel) .tpg-widget-heading-wrapper,.elementor-26589 .elementor-element.elementor-element-94043f1.section-title-style-style3 .tpg-header-wrapper:not(.carousel) .tpg-widget-heading-wrapper,.elementor-26589 .elementor-element.elementor-element-94043f1.section-title-style-style2 .tpg-header-wrapper.carousel, .elementor-26589 .elementor-element.elementor-element-94043f1.section-title-style-style3 .tpg-header-wrapper.carousel{border-bottom-color:var( --e-global-color-accent );}.elementor-26589 .elementor-element.elementor-element-94043f1.section-title-style-style2 .tpg-header-wrapper.carousel .rt-filter-item-wrap.swiper-wrapper .swiper-slide.selected, .elementor-26589 .elementor-element.elementor-element-94043f1.section-title-style-style3 .tpg-header-wrapper.carousel .rt-filter-item-wrap.swiper-wrapper .swiper-slide.selected{color:var( --e-global-color-accent );}.elementor-26589 .elementor-element.elementor-element-94043f1.section-title-style-style2 .tpg-header-wrapper.carousel .rt-filter-item-wrap.swiper-wrapper .swiper-slide:hover, .elementor-26589 .elementor-element.elementor-element-94043f1.section-title-style-style2 .tpg-header-wrapper.carousel .rt-filter-item-wrap.swiper-wrapper .swiper-slide:hover{color:var( --e-global-color-accent );}.elementor-26589 .elementor-element.elementor-element-94043f1.section-title-style-style2 .tpg-header-wrapper.carousel .rt-filter-item-wrap.swiper-wrapper .swiper-slide::before, .elementor-26589 .elementor-element.elementor-element-94043f1.section-title-style-style3 .tpg-header-wrapper.carousel .rt-filter-item-wrap.swiper-wrapper .swiper-slide::before{border-bottom-color:var( --e-global-color-accent );}.elementor-26589 .elementor-element.elementor-element-94043f1 .tpg-widget-heading-wrapper.heading-style4::after{background-color:var( --e-global-color-accent );}.elementor-26589 .elementor-element.elementor-element-c3106ba{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-26589 .elementor-element.elementor-element-2e0c7424{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-26589 .elementor-element.elementor-element-6ab2f8ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26589 .elementor-element.elementor-element-6ab2f8ea.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26589 .elementor-element.elementor-element-46634216.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26589 .elementor-element.elementor-element-46634216 > .elementor-widget-container{border-radius:8px 8px 8px 8px;}.elementor-26589 .elementor-element.elementor-element-46634216 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-26589 .elementor-element.elementor-element-2eaa8e2c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26589 .elementor-element.elementor-element-2eaa8e2c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26589 .elementor-element.elementor-element-14984e7b > .elementor-widget-container{border-radius:8px 8px 8px 8px;}.elementor-26589 .elementor-element.elementor-element-14984e7b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-26589 .elementor-element.elementor-element-2902e26a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26589 .elementor-element.elementor-element-2902e26a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-26589 .elementor-element.elementor-element-72d34e32 > .elementor-widget-container{border-radius:8px 8px 8px 8px;}.elementor-26589 .elementor-element.elementor-element-72d34e32 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-26589 .elementor-element.elementor-element-38e3dde{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 8px;--row-gap:0px;--column-gap:8px;--margin-top:32px;--margin-bottom:32px;--margin-left:32px;--margin-right:32px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-26589 .elementor-element.elementor-element-cef01c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26589 .elementor-element.elementor-element-cef01c5:not(.elementor-motion-effects-element-type-background), .elementor-26589 .elementor-element.elementor-element-cef01c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}.elementor-26589 .elementor-element.elementor-element-6c5c8d1 img{border-radius:13px 13px 13px 13px;}.elementor-26589 .elementor-element.elementor-element-29182ad{text-align:center;}.elementor-26589 .elementor-element.elementor-element-29182ad .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.elementor-26589 .elementor-element.elementor-element-3b5c7af{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26589 .elementor-element.elementor-element-3b5c7af:not(.elementor-motion-effects-element-type-background), .elementor-26589 .elementor-element.elementor-element-3b5c7af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#630463;}.elementor-26589 .elementor-element.elementor-element-4a7b2c9.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-26589 .elementor-element.elementor-element-4a7b2c9 img{border-radius:8px 8px 8px 8px;}.elementor-26589 .elementor-element.elementor-element-dc216c9{text-align:center;}.elementor-26589 .elementor-element.elementor-element-dc216c9 .elementor-heading-title{color:var( --e-global-color-7761179 );}.elementor-26589 .elementor-element.elementor-element-64a16bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26589 .elementor-element.elementor-element-64a16bc:not(.elementor-motion-effects-element-type-background), .elementor-26589 .elementor-element.elementor-element-64a16bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-26589 .elementor-element.elementor-element-0ca1b70 img{border-radius:8px 8px 8px 8px;}.elementor-26589 .elementor-element.elementor-element-781c46a{text-align:center;}.elementor-26589 .elementor-element.elementor-element-781c46a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}@media(min-width:768px){.elementor-26589 .elementor-element.elementor-element-c42223a{--content-width:90%;}.elementor-26589 .elementor-element.elementor-element-2da337db{--width:50%;}.elementor-26589 .elementor-element.elementor-element-2c12def9{--width:50%;}.elementor-26589 .elementor-element.elementor-element-10c7e24{--content-width:100%;}.elementor-26589 .elementor-element.elementor-element-6ab2f8ea{--width:32.834%;}.elementor-26589 .elementor-element.elementor-element-2eaa8e2c{--width:32.653%;}.elementor-26589 .elementor-element.elementor-element-2902e26a{--width:32.986%;}}@media(max-width:1024px){.elementor-26589 .elementor-element.elementor-element-f64410f .wpr-post-title{font-size:var( --e-global-typography-bd7e8dd-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26589 .elementor-element.elementor-element-54728529 .elementor-heading-title{font-size:var( --e-global-typography-4cb055c-font-size );}.elementor-26589 .elementor-element.elementor-element-67043ef0 .elementor-heading-title{font-size:var( --e-global-typography-4cb055c-font-size );}.elementor-26589 .elementor-element.elementor-element-2c12def9{--grid-auto-flow:row;}.elementor-26589 .elementor-element.elementor-element-c3106ba{--grid-auto-flow:row;}.elementor-26589 .elementor-element.elementor-element-38e3dde.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-26589 .elementor-element.elementor-element-f64410f .wpr-post-title{font-size:var( --e-global-typography-bd7e8dd-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-26589 .elementor-element.elementor-element-54728529 .elementor-heading-title{font-size:var( --e-global-typography-4cb055c-font-size );}.elementor-26589 .elementor-element.elementor-element-67043ef0 .elementor-heading-title{font-size:var( --e-global-typography-4cb055c-font-size );}.elementor-26589 .elementor-element.elementor-element-2c12def9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-26589 .elementor-element.elementor-element-c3106ba{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-fd9325b */.lire-aussi-flex-container {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    list-style: none; 
    padding: 0;
    margin: 0;
}

/* --- 2. Dimensionnement des Articles (3 par ligne) --- */
.lire-aussi-item {
    /* Calcule la largeur pour avoir 3 articles par ligne,
       en soustrayant l'espace (gap) total des marges internes (padding) */
    width: calc(33.33% - 14px); /* (20px gap / 3) * 2 = ~13.33px, arrondi à 14px pour la sécurité */
    
    /* Style de carte */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px;
    background-color: #f2efde;
    transition: box-shadow 0.3s ease-in-out;
}

.lire-aussi-item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* --- 3. Style des Éléments Internes --- */
.lire-aussi-item img {
    width: 100%;
    height: 14rem;
    border-radius: 6px;
    margin-bottom: 32px;
}

.lire-aussi-item h4 a {
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5em;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    display: block; /* Force le lien à prendre toute la largeur */
    margin-bottom: 32px;
   
    height: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-align: center; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lire-aussi-item h4 a:hover {
    color: var(--e-global-color-accent); /* Utiliser votre couleur d'accent Elementor */
}

.lire-aussi-item .post-read-more-button {
    font-size: 0.85em;
    border: none;
    padding: 16px;
    border-radius:10px ;
    background-color:#E30613;
    color: #777;
    display: block;
    margin-top:auto;
}

/* --- 4. Règle pour la Responsivité (Mobile/Tablette) --- */

/* Sur les tablettes (max 768px), affichage de 2 articles par ligne */
@media (max-width: 768px) {
    .lire-aussi-item {
        width: calc(50% - 10px); /* 2 articles, 20px de gap */
    }
}

/* Sur les mobiles (max 480px), affichage de 1 article par ligne */
@media (max-width: 480px) {
    .lire-aussi-item {
        width: 100%;
        margin-bottom: 10px; /* Ajoute un peu d'espace si le gap ne suffit pas */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e98f4cd */.lire-aussi-flex-container {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    list-style: none; 
    padding: 0;
    margin: 0;
}

/* --- 2. Dimensionnement des Articles (3 par ligne) --- */
.lire-aussi-item {
    /* Calcule la largeur pour avoir 3 articles par ligne,
       en soustrayant l'espace (gap) total des marges internes (padding) */
    width: calc(33.33% - 14px); /* (20px gap / 3) * 2 = ~13.33px, arrondi à 14px pour la sécurité */
    
    /* Style de carte */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px;
    background-color: #f2efde;
    transition: box-shadow 0.3s ease-in-out;
}

.lire-aussi-item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* --- 3. Style des Éléments Internes --- */
.lire-aussi-item img {
    width: 100%;
    height: 14rem;
    border-radius: 6px;
    margin-bottom: 32px;
}

.lire-aussi-item h4 a {
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5em;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    display: block; /* Force le lien à prendre toute la largeur */
    margin-bottom: 32px;
   
    height: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-align: center; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lire-aussi-item h4 a:hover {
    color: var(--e-global-color-accent); /* Utiliser votre couleur d'accent Elementor */
}

.lire-aussi-item .post-read-more-button {
    font-size: 0.85em;
    border: none;
    padding: 16px;
    border-radius:10px ;
    background-color:#E30613;
    color: #777;
    display: block;
    margin-top:auto;
}

/* --- 4. Règle pour la Responsivité (Mobile/Tablette) --- */

/* Sur les tablettes (max 768px), affichage de 2 articles par ligne */
@media (max-width: 768px) {
    .lire-aussi-item {
        width: calc(50% - 10px); /* 2 articles, 20px de gap */
    }
}

/* Sur les mobiles (max 480px), affichage de 1 article par ligne */
@media (max-width: 480px) {
    .lire-aussi-item {
        width: 100%;
        margin-bottom: 10px; /* Ajoute un peu d'espace si le gap ne suffit pas */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bb1bc2b */.lire-aussi-flex-container {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    list-style: none; 
    padding: 0;
    margin: 0;
}

/* --- 2. Dimensionnement des Articles (3 par ligne) --- */
.lire-aussi-item {
    /* Calcule la largeur pour avoir 3 articles par ligne,
       en soustrayant l'espace (gap) total des marges internes (padding) */
    width: calc(33.33% - 14px); /* (20px gap / 3) * 2 = ~13.33px, arrondi à 14px pour la sécurité */
    
    /* Style de carte */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px;
    background-color: #f2efde;
    transition: box-shadow 0.3s ease-in-out;
}

.lire-aussi-item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* --- 3. Style des Éléments Internes --- */
.lire-aussi-item img {
    width: 100%;
    height: 14rem;
    border-radius: 6px;
    margin-bottom: 32px;
}

.lire-aussi-item h4 a {
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5em;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    display: block; /* Force le lien à prendre toute la largeur */
    margin-bottom: 32px;
   
    height: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-align: center; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lire-aussi-item h4 a:hover {
    color: var(--e-global-color-accent); /* Utiliser votre couleur d'accent Elementor */
}

.lire-aussi-item .post-read-more-button {
    font-size: 0.85em;
    border: none;
    padding: 16px;
    border-radius:10px ;
    background-color:#E30613;
    color: #777;
    display: block;
    margin-top:auto;
}

/* --- 4. Règle pour la Responsivité (Mobile/Tablette) --- */

/* Sur les tablettes (max 768px), affichage de 2 articles par ligne */
@media (max-width: 768px) {
    .lire-aussi-item {
        width: calc(50% - 10px); /* 2 articles, 20px de gap */
    }
}

/* Sur les mobiles (max 480px), affichage de 1 article par ligne */
@media (max-width: 480px) {
    .lire-aussi-item {
        width: 100%;
        margin-bottom: 10px; /* Ajoute un peu d'espace si le gap ne suffit pas */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b051b1 */.lire-aussi-flex-container {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    list-style: none; 
    padding: 0;
    margin: 0;
}

/* --- 2. Dimensionnement des Articles (3 par ligne) --- */
.lire-aussi-item {
    /* Calcule la largeur pour avoir 3 articles par ligne,
       en soustrayant l'espace (gap) total des marges internes (padding) */
    width: calc(33.33% - 14px); /* (20px gap / 3) * 2 = ~13.33px, arrondi à 14px pour la sécurité */
    
    /* Style de carte */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px;
    background-color: #f2efde;
    transition: box-shadow 0.3s ease-in-out;
}

.lire-aussi-item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* --- 3. Style des Éléments Internes --- */
.lire-aussi-item img {
    width: 100%;
    height: 14rem;
    border-radius: 6px;
    margin-bottom: 32px;
}

.lire-aussi-item h4 a {
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5em;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    display: block; /* Force le lien à prendre toute la largeur */
    margin-bottom: 32px;
   
    height: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-align: center; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lire-aussi-item h4 a:hover {
    color: var(--e-global-color-accent); /* Utiliser votre couleur d'accent Elementor */
}

.lire-aussi-item .post-read-more-button {
    font-size: 0.85em;
    border: none;
    padding: 16px;
    border-radius:10px ;
    background-color:#E30613;
    color: #777;
    display: block;
    margin-top:auto;
}

/* --- 4. Règle pour la Responsivité (Mobile/Tablette) --- */

/* Sur les tablettes (max 768px), affichage de 2 articles par ligne */
@media (max-width: 768px) {
    .lire-aussi-item {
        width: calc(50% - 10px); /* 2 articles, 20px de gap */
    }
}

/* Sur les mobiles (max 480px), affichage de 1 article par ligne */
@media (max-width: 480px) {
    .lire-aussi-item {
        width: 100%;
        margin-bottom: 10px; /* Ajoute un peu d'espace si le gap ne suffit pas */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f7c6a50 */.lire-aussi-flex-container {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    list-style: none; 
    padding: 0;
    margin: 0;
}

/* --- 2. Dimensionnement des Articles (3 par ligne) --- */
.lire-aussi-item {
    /* Calcule la largeur pour avoir 3 articles par ligne,
       en soustrayant l'espace (gap) total des marges internes (padding) */
    width: calc(33.33% - 14px); /* (20px gap / 3) * 2 = ~13.33px, arrondi à 14px pour la sécurité */
    
    /* Style de carte */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px;
    background-color: #f2efde;
    transition: box-shadow 0.3s ease-in-out;
}

.lire-aussi-item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* --- 3. Style des Éléments Internes --- */
.lire-aussi-item img {
    width: 100%;
    height: 14rem;
    border-radius: 6px;
    margin-bottom: 32px;
}

.lire-aussi-item h4 a {
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5em;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    display: block; /* Force le lien à prendre toute la largeur */
    margin-bottom: 32px;
   
    height: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-align: center; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lire-aussi-item h4 a:hover {
    color: var(--e-global-color-accent); /* Utiliser votre couleur d'accent Elementor */
}

.lire-aussi-item .post-read-more-button {
    font-size: 0.85em;
    border: none;
    padding: 16px;
    border-radius:10px ;
    background-color:#E30613;
    color: #777;
    display: block;
    margin-top:auto;
}

/* --- 4. Règle pour la Responsivité (Mobile/Tablette) --- */

/* Sur les tablettes (max 768px), affichage de 2 articles par ligne */
@media (max-width: 768px) {
    .lire-aussi-item {
        width: calc(50% - 10px); /* 2 articles, 20px de gap */
    }
}

/* Sur les mobiles (max 480px), affichage de 1 article par ligne */
@media (max-width: 480px) {
    .lire-aussi-item {
        width: 100%;
        margin-bottom: 10px; /* Ajoute un peu d'espace si le gap ne suffit pas */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a1d806 */.lire-aussi-flex-container {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    list-style: none; 
    padding: 0;
    margin: 0;
}

/* --- 2. Dimensionnement des Articles (3 par ligne) --- */
.lire-aussi-item {
    /* Calcule la largeur pour avoir 3 articles par ligne,
       en soustrayant l'espace (gap) total des marges internes (padding) */
    width: calc(33.33% - 14px); /* (20px gap / 3) * 2 = ~13.33px, arrondi à 14px pour la sécurité */
    
    /* Style de carte */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px;
    background-color: #f2efde;
    transition: box-shadow 0.3s ease-in-out;
}

.lire-aussi-item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* --- 3. Style des Éléments Internes --- */
.lire-aussi-item img {
    width: 100%;
    height: 14rem;
    border-radius: 6px;
    margin-bottom: 32px;
}

.lire-aussi-item h4 a {
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5em;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    display: block; /* Force le lien à prendre toute la largeur */
    margin-bottom: 32px;
   
    height: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-align: center; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lire-aussi-item h4 a:hover {
    color: var(--e-global-color-accent); /* Utiliser votre couleur d'accent Elementor */
}

.lire-aussi-item .post-read-more-button {
    font-size: 0.85em;
    border: none;
    padding: 16px;
    border-radius:10px ;
    background-color:#E30613;
    color: #777;
    display: block;
    margin-top:auto;
}

/* --- 4. Règle pour la Responsivité (Mobile/Tablette) --- */

/* Sur les tablettes (max 768px), affichage de 2 articles par ligne */
@media (max-width: 768px) {
    .lire-aussi-item {
        width: calc(50% - 10px); /* 2 articles, 20px de gap */
    }
}

/* Sur les mobiles (max 480px), affichage de 1 article par ligne */
@media (max-width: 480px) {
    .lire-aussi-item {
        width: 100%;
        margin-bottom: 10px; /* Ajoute un peu d'espace si le gap ne suffit pas */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d069727 */.lire-aussi-flex-container {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    list-style: none; 
    padding: 0;
    margin: 0;
}

/* --- 2. Dimensionnement des Articles (3 par ligne) --- */
.lire-aussi-item {
    /* Calcule la largeur pour avoir 3 articles par ligne,
       en soustrayant l'espace (gap) total des marges internes (padding) */
    width: calc(33.33% - 14px); /* (20px gap / 3) * 2 = ~13.33px, arrondi à 14px pour la sécurité */
    
    /* Style de carte */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px;
    background-color: #f2efde;
    transition: box-shadow 0.3s ease-in-out;
}

.lire-aussi-item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* --- 3. Style des Éléments Internes --- */
.lire-aussi-item img {
    width: 100%;
    height: 14rem;
    border-radius: 6px;
    margin-bottom: 32px;
}

.lire-aussi-item h4 a {
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5em;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    display: block; /* Force le lien à prendre toute la largeur */
    margin-bottom: 32px;
   
    height: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-align: center; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lire-aussi-item h4 a:hover {
    color: var(--e-global-color-accent); /* Utiliser votre couleur d'accent Elementor */
}

.lire-aussi-item .post-read-more-button {
    font-size: 0.85em;
    border: none;
    padding: 16px;
    border-radius:10px ;
    background-color:#E30613;
    color: #777;
    display: block;
    margin-top:auto;
}

/* --- 4. Règle pour la Responsivité (Mobile/Tablette) --- */

/* Sur les tablettes (max 768px), affichage de 2 articles par ligne */
@media (max-width: 768px) {
    .lire-aussi-item {
        width: calc(50% - 10px); /* 2 articles, 20px de gap */
    }
}

/* Sur les mobiles (max 480px), affichage de 1 article par ligne */
@media (max-width: 480px) {
    .lire-aussi-item {
        width: 100%;
        margin-bottom: 10px; /* Ajoute un peu d'espace si le gap ne suffit pas */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-68ce84a */.lire-aussi-flex-container {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    list-style: none; 
    padding: 0;
    margin: 0;
}

/* --- 2. Dimensionnement des Articles (3 par ligne) --- */
.lire-aussi-item {
    /* Calcule la largeur pour avoir 3 articles par ligne,
       en soustrayant l'espace (gap) total des marges internes (padding) */
    width: calc(33.33% - 14px); /* (20px gap / 3) * 2 = ~13.33px, arrondi à 14px pour la sécurité */
    
    /* Style de carte */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px;
    background-color: #f2efde;
    transition: box-shadow 0.3s ease-in-out;
}

.lire-aussi-item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* --- 3. Style des Éléments Internes --- */
.lire-aussi-item img {
    width: 100%;
    height: 14rem;
    border-radius: 6px;
    margin-bottom: 32px;
}

.lire-aussi-item h4 a {
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5em;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    display: block; /* Force le lien à prendre toute la largeur */
    margin-bottom: 32px;
   
    height: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-align: center; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lire-aussi-item h4 a:hover {
    color: var(--e-global-color-accent); /* Utiliser votre couleur d'accent Elementor */
}

.lire-aussi-item .post-read-more-button {
    font-size: 0.85em;
    border: none;
    padding: 16px;
    border-radius:10px ;
    background-color:#E30613;
    color: #777;
    display: block;
    margin-top:auto;
}

/* --- 4. Règle pour la Responsivité (Mobile/Tablette) --- */

/* Sur les tablettes (max 768px), affichage de 2 articles par ligne */
@media (max-width: 768px) {
    .lire-aussi-item {
        width: calc(50% - 10px); /* 2 articles, 20px de gap */
    }
}

/* Sur les mobiles (max 480px), affichage de 1 article par ligne */
@media (max-width: 480px) {
    .lire-aussi-item {
        width: 100%;
        margin-bottom: 10px; /* Ajoute un peu d'espace si le gap ne suffit pas */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-23f958d */.lire-aussi-flex-container {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    list-style: none; 
    padding: 0;
    margin: 0;
}

/* --- 2. Dimensionnement des Articles (3 par ligne) --- */
.lire-aussi-item {
    /* Calcule la largeur pour avoir 3 articles par ligne,
       en soustrayant l'espace (gap) total des marges internes (padding) */
    width: calc(33.33% - 14px); /* (20px gap / 3) * 2 = ~13.33px, arrondi à 14px pour la sécurité */
    
    /* Style de carte */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px;
    background-color: #f2efde;
    transition: box-shadow 0.3s ease-in-out;
}

.lire-aussi-item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* --- 3. Style des Éléments Internes --- */
.lire-aussi-item img {
    width: 100%;
    height: 14rem;
    border-radius: 6px;
    margin-bottom: 32px;
}

.lire-aussi-item h4 a {
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5em;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    display: block; /* Force le lien à prendre toute la largeur */
    margin-bottom: 32px;
   
    height: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-align: center; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lire-aussi-item h4 a:hover {
    color: var(--e-global-color-accent); /* Utiliser votre couleur d'accent Elementor */
}

.lire-aussi-item .post-read-more-button {
    font-size: 0.85em;
    border: none;
    padding: 16px;
    border-radius:10px ;
    background-color:#E30613;
    color: #777;
    display: block;
    margin-top:auto;
}

/* --- 4. Règle pour la Responsivité (Mobile/Tablette) --- */

/* Sur les tablettes (max 768px), affichage de 2 articles par ligne */
@media (max-width: 768px) {
    .lire-aussi-item {
        width: calc(50% - 10px); /* 2 articles, 20px de gap */
    }
}

/* Sur les mobiles (max 480px), affichage de 1 article par ligne */
@media (max-width: 480px) {
    .lire-aussi-item {
        width: 100%;
        margin-bottom: 10px; /* Ajoute un peu d'espace si le gap ne suffit pas */
    }
}/* End custom CSS */