.elementor-51541 .elementor-element.elementor-element-d529cd5{--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-51541 .elementor-element.elementor-element-071b8e3{--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-51541 .elementor-element.elementor-element-334bc8e{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-51541 .elementor-element.elementor-element-334bc8e{--spacer-size:78px;}}/* Start custom CSS for html, class: .elementor-element-5081031 *//* =====================================================
   INTRO ARTICLE – FIGURINE GUIDE EPM (VERSION FINALE)
   ===================================================== */

.epm-article-intro{
  display:flex;
  align-items:flex-start;
  gap:28px;
  margin-bottom:24px;
}

/* Conteneur figurine */
.epm-article-figure-wrap{
  flex:0 0 auto;
}

/* ===== FIGURINE – DESKTOP ===== */
.epm-article-figure{
  max-height:380px;            /* ✅ DESKTOP */
  width:auto;
  object-fit:contain;
  border-radius:18px;
  filter:
    saturate(0.9)
    contrast(0.95)
    drop-shadow(0 10px 22px rgba(0,0,0,.18));
}

/* Texte */
.epm-article-head{
  flex:1;
}

.epm-article-head p{
  margin-bottom:10px;
  line-height:1.3;
  color:#2A3C66;
}

/* Signature – gras léger, institutionnel */
.epm-signature{
  margin-top:12px;
  font-weight:600;
  color:#2A3C66;
  font-family:Poppins, Montserrat, system-ui, sans-serif;
}

/* =====================================================
   TABLETTE & MOBILE – FIGURINE CENTRÉE (EXCEPTION VALIDÉE)
   ===================================================== */

@media (max-width:1024px){

  .epm-article-intro{
    flex-direction:column;
    align-items:center;        /* ✅ centrage global */
    gap:16px;
  }

  .epm-article-figure-wrap{
    width:100%;
    display:flex;
    justify-content:center;    /* ✅ centre la figurine */
  }

  .epm-article-figure{
    max-height:300px;          /* ✅ TABLETTE + MOBILE */
    margin:0 auto;             /* ✅ centrage visuel */
  }

  .epm-article-head{
    width:100%;
  }
}

/* =====================================================
   FOCUS ARTICLE – STYLE GLI / PRÉVOYANCE PRO (VALIDÉ)
   ===================================================== */

.epm-focus{
  margin:26px 0;
  padding:18px 22px;
  background:#F7FAFC;              /* fond clair */
  border-left:4px solid #FF7F50;   /* filet orange EPM */
  border-radius:8px;
}

.epm-focus-title{
  margin:0 0 8px;
  font-size:15px;
  font-weight:600;
  color:#2A3C66;
}

.epm-focus-title .focus-word{
  color:#FF7F50;                   /* FOCUS en orange */
  font-weight:700;
}

.epm-focus p{
  margin:0;
  font-size:15px;
  line-height:1.4;
  color:#2A3C66;
}

/* =====================================================
   CTA FIN D’ARTICLE – VERSION PREMIUM EPM
   ===================================================== */

.epm-article-ctas{
  display:flex;
  gap:14px;
  margin-top:20px;
  flex-wrap:wrap;
}

/* Base commune */
.epm-article-ctas a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 24px;
  font-size:15px;
  font-weight:600;
  border-radius:999px;
  text-decoration:none !important;
  line-height:1;
  transition:all .25s ease;
}

/* CTA secondaire – Blog */
.epm-article-ctas a:first-child{
  background:#EEF2FA;
  color:#2A3C66;
}

.epm-article-ctas a:first-child:hover{
  background:#E2E8F5;
  color:#2A3C66;
}

/* CTA principal – Assurance */
.epm-article-ctas a:last-child{
  background:#FF7F50;
  color:#ffffff;
}

.epm-article-ctas a:last-child:hover{
  background:#E76C3D;
  color:#ffffff;
}

/* =====================================================
   CTA – Découvrir ces solutions (bleu clair EPM)
   ===================================================== */

.epm-cta-solutions{
  display:inline-block;
  margin-top:12px;
  padding:12px 26px;
  background:#EAF1FB;          /* bleu clair EPM */
  color:#2A3C66;               /* bleu EPM texte */
  font-size:15px;
  font-weight:600;
  border-radius:999px;
  text-decoration:none !important;
  transition:all .25s ease;
}

/* Hover élégant */
.epm-cta-solutions:hover{
  background:#2A3C66;          /* bleu EPM foncé */
  color:#ffffff;
}/* End custom CSS */