.popularAricles, .recentArticles {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.WidgetContainer__contentList {
	vertical-align: top;
    display: inline-block;
    width: max-content;
  max-width: 100%;
}

/* ============================================================
   AGELEC PROTECTION — CSS portail support (Zoho Desk)
   À coller dans : Paramètres > Personnalisation > Apparence
   > CSS personnalisé  (une seule fois, sert aux deux blocs)

   Couvre :
   1. Blocs de souscription en ligne (.agp-serv)
   2. Pied de page (.agp-footer)
   3. Pictogrammes (data-URI, section en fin de fichier)

   Les pictos sont en CSS et non en HTML : l'éditeur du portail
   Zoho Desk supprime les balises <svg> collées dans le HTML.

   Couleurs de marque : modifier le bloc :root. Attention, la
   couleur des pictos est encodée dans les data-URI (%23e30613)
   — à remplacer aussi en cas de changement d'accent.
   ============================================================ */

:root{
  --agp-accent:#e30613;
  --agp-accent-dark:#b90510;
  --agp-footer-bg:#1d2229;
  --agp-footer-bg-bottom:#161a20;
  --agp-footer-text:#c8ced6;
  --agp-footer-border:rgba(255,255,255,.12);
}

/* ============================================================
   1. BLOCS DE SOUSCRIPTION EN LIGNE
   ============================================================ */

.agp-serv{list-style:none;}
.agp-serv__icon{
  width:56px;height:56px;margin:0 auto 14px;
  border-radius:50%;
  background-color:rgba(227,6,19,.08);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:28px 28px;
}
.agp-serv__btns{
  display:flex;flex-direction:column;align-items:center;
  gap:10px;margin-top:16px;
}
.agp-serv__btn{
  display:inline-block;
  min-width:230px;
  padding:10px 20px;
  border-radius:6px;
  background:var(--agp-accent);
  color:#fff !important;
  font-size:14px;
  font-weight:600;
  line-height:1.3;
  text-align:center;
  text-decoration:none !important;
  transition:background .2s ease;
}
.agp-serv__btn:hover,.agp-serv__btn:focus{
  background:var(--agp-accent-dark);
  color:#fff !important;
}
.agp-serv__btn--outline{
  background:transparent;
  color:var(--agp-accent) !important;
  border:1.5px solid var(--agp-accent);
  padding:8.5px 20px;
}
.agp-serv__btn--outline:hover,.agp-serv__btn--outline:focus{
  background:var(--agp-accent);
  color:#fff !important;
}
@media (max-width:600px){
  .agp-serv__btn{min-width:0;width:100%;}
}

/* ============================================================
   2. PIED DE PAGE
   ============================================================ */

.agp-footer{
  background:var(--agp-footer-bg);
  color:var(--agp-footer-text);
  font-family:inherit;
  font-size:14px;
  line-height:1.7;
  padding:48px 24px 0;
  box-sizing:border-box;
}
.agp-footer *{box-sizing:border-box;}
.agp-footer__grid{
  max-width:1140px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:32px;
}
.agp-footer__col{flex:1 1 220px;min-width:200px;}
.agp-footer__title{
  color:#fff;
  font-size:15px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin:0 0 16px;
  padding-bottom:8px;
  border-bottom:2px solid var(--agp-accent);
  display:inline-block;
}
.agp-footer__list{list-style:none;margin:0;padding:0;}
.agp-footer__list li{margin:0 0 8px;}
.agp-footer a{
  color:var(--agp-footer-text);
  text-decoration:none;
  transition:color .2s ease;
}
.agp-footer a:hover,.agp-footer a:focus{color:#fff;text-decoration:underline;}

.agp-footer__contact li{
  position:relative;
  padding-left:26px;
}
.agp-footer__contact li::before{
  content:"";
  position:absolute;
  left:0;top:5px;
  width:16px;height:16px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:16px 16px;
}

.agp-footer__social{display:flex;gap:12px;margin-top:4px;}
.agp-footer__social a{
  width:36px;height:36px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--agp-footer-border);
  border-radius:50%;
  font-size:0;
  transition:background .2s ease,border-color .2s ease;
}
.agp-footer__social a:hover{
  background:var(--agp-accent);
  border-color:var(--agp-accent);
  text-decoration:none;
}
.agp-footer__social a::before{
  content:"";
  width:16px;height:16px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:16px 16px;
}

.agp-footer__certif{
  max-width:1140px;
  margin:36px auto 0;
  padding-top:24px;
  border-top:1px solid var(--agp-footer-border);
  font-size:12.5px;
  line-height:1.6;
  color:rgba(200,206,214,.75);
}
.agp-footer__bottom{
  background:var(--agp-footer-bg-bottom);
  margin:28px -24px 0;
  padding:20px 24px;
}
.agp-footer__bottom-inner{
  max-width:1140px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  font-size:13px;
}
.agp-footer__logo img{height:28px;width:auto;display:block;}
@media (max-width:600px){
  .agp-footer{padding:32px 16px 0;text-align:center;}
  .agp-footer__col{flex:1 1 100%;}
  .agp-footer__contact li{display:inline-block;text-align:left;}
  .agp-footer__social{justify-content:center;}
  .agp-footer__bottom{margin:24px -16px 0;}
  .agp-footer__bottom-inner{justify-content:center;text-align:center;}
}

/* ============================================================
   3. PICTOGRAMMES (data-URI — ne pas reformater)
   ============================================================ */

.agp-serv__icon--cloud{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23e30613'%3E%3Cpath%20d='M19.35%2010.04A7.49%207.49%200%200%200%2012%204C9.11%204%206.6%205.64%205.35%208.04A5.994%205.994%200%200%200%200%2014a6%206%200%200%200%206%206h13a5%205%200%200%200%20.35-9.96zM14%2013v4h-4v-4H7l5-5%205%205h-3z'/%3E%3C/svg%3E")}
.agp-serv__icon--shield{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23e30613'%3E%3Cpath%20d='M12%201%204%204v7c0%205.05%203.4%209.76%208%2011%204.6-1.24%208-5.95%208-11V4l-8-3zm0%205.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%200%201%200-7zm0%202a1.5%201.5%200%201%200%200%203%201.5%201.5%200%200%200%200-3z'/%3E%3C/svg%3E")}
.agp-footer__contact li.is-mail::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23e30613'%3E%3Cpath%20d='M20%204H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2zm0%204.2-8%205-8-5V6l8%205%208-5v2.2z'/%3E%3C/svg%3E")}
.agp-footer__contact li.is-phone::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23e30613'%3E%3Cpath%20d='M6.6%2010.8a15.1%2015.1%200%200%200%206.6%206.6l2.2-2.2a1%201%200%200%201%201-.25%2011.4%2011.4%200%200%200%203.6.57%201%201%200%200%201%201%201V20a1%201%200%200%201-1%201A17%2017%200%200%201%203%204a1%201%200%200%201%201-1h3.5a1%201%200%200%201%201%201%2011.4%2011.4%200%200%200%20.57%203.6%201%201%200%200%201-.25%201l-2.22%202.2z'/%3E%3C/svg%3E")}
.agp-footer__contact li.is-pin::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23e30613'%3E%3Cpath%20d='M12%202a7%207%200%200%200-7%207c0%205.25%207%2013%207%2013s7-7.75%207-13a7%207%200%200%200-7-7zm0%209.5A2.5%202.5%200%201%201%2012%206.5a2.5%202.5%200%200%201%200%205z'/%3E%3C/svg%3E")}
.agp-footer__social a.is-linkedin::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23ffffff'%3E%3Cpath%20d='M4.98%203.5a2.5%202.5%200%201%201%200%205%202.5%202.5%200%200%201%200-5zM3%209h4v12H3V9zm7%200h3.8v1.7h.05A4.2%204.2%200%200%201%2017.5%208.7c3%200%203.5%201.9%203.5%204.5V21h-4v-6.6c0-1.6-.3-2.7-1.8-2.7-1.4%200-1.9%201-1.9%202.6V21h-4V9z'/%3E%3C/svg%3E")}
.agp-footer__social a.is-facebook::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23ffffff'%3E%3Cpath%20d='M13.5%2021v-8h2.7l.4-3.1h-3.1V7.9c0-.9.25-1.5%201.55-1.5h1.65V3.6c-.3-.04-1.3-.13-2.5-.13-2.45%200-4.1%201.5-4.1%204.25V9.9H7.4V13h2.7v8h3.4z'/%3E%3C/svg%3E")}
.agp-footer__social a.is-x::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23ffffff'%3E%3Cpath%20d='M17.5%203h3.1l-6.8%207.8L21.5%2021h-5.4l-4.2-5.6L6.9%2021H3.8l7.1-8.1L2.9%203h5.5l3.9%205.2L17.5%203zm-1.1%2016.1h1.7L7.6%204.8H5.8l10.6%2014.3z'/%3E%3C/svg%3E")}
.agp-footer__social a.is-youtube::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23ffffff'%3E%3Cpath%20d='M21.6%207.2s-.2-1.4-.8-2c-.75-.8-1.6-.8-2-.85C16%204.2%2012%204.2%2012%204.2h-.02s-4%200-6.8.15c-.4.05-1.25.05-2%20.85-.6.6-.8%202-.8%202S2.2%208.85%202.2%2010.5v1.55c0%201.65.18%203.3.18%203.3s.2%201.4.8%202c.75.8%201.74.77%202.18.85%201.6.15%206.64.2%206.64.2s4%200%206.8-.16c.4-.05%201.25-.05%202-.85.6-.6.8-2%20.8-2s.18-1.65.18-3.3V10.5c0-1.65-.18-3.3-.18-3.3zM9.9%2014.2V8.9l5.4%202.66-5.4%202.64z'/%3E%3C/svg%3E")}
.agp-footer__social a.is-instagram::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23ffffff'%3E%3Cpath%20d='M12%202.2c3.2%200%203.6%200%204.85.07%201.17.05%201.97.24%202.67.51.72.28%201.33.66%201.94%201.27.6.6.98%201.21%201.26%201.93.27.7.46%201.5.51%202.67.06%201.25.07%201.65.07%204.85s-.01%203.6-.07%204.85c-.05%201.17-.24%201.97-.51%202.67-.28.72-.66%201.33-1.26%201.94-.61.6-1.22.98-1.94%201.26-.7.27-1.5.46-2.67.51-1.25.06-1.65.07-4.85.07s-3.6-.01-4.85-.07c-1.17-.05-1.97-.24-2.67-.51a5.4%205.4%200%200%201-1.93-1.26%205.4%205.4%200%200%201-1.27-1.94c-.27-.7-.46-1.5-.51-2.67C2.21%2015.6%202.2%2015.2%202.2%2012s.01-3.6.07-4.85c.05-1.17.24-1.97.51-2.67.28-.72.66-1.33%201.27-1.93A5.4%205.4%200%200%201%205.98%202.78c.7-.27%201.5-.46%202.67-.51C9.9%202.21%2010.3%202.2%2012%202.2zm0%201.98c-3.15%200-3.5.01-4.73.07-.94.04-1.45.2-1.79.33-.45.17-.77.38-1.11.72-.34.34-.55.66-.72%201.11-.13.34-.29.85-.33%201.79-.06%201.23-.07%201.58-.07%204.73s.01%203.5.07%204.73c.04.94.2%201.45.33%201.79.17.45.38.77.72%201.11.34.34.66.55%201.11.72.34.13.85.29%201.79.33%201.23.06%201.58.07%204.73.07s3.5-.01%204.73-.07c.94-.04%201.45-.2%201.79-.33.45-.17.77-.38%201.11-.72.34-.34.55-.66.72-1.11.13-.34.29-.85.33-1.79.06-1.23.07-1.58.07-4.73s-.01-3.5-.07-4.73c-.04-.94-.2-1.45-.33-1.79a2.9%202.9%200%200%200-.72-1.11%202.9%202.9%200%200%200-1.11-.72c-.34-.13-.85-.29-1.79-.33-1.23-.06-1.58-.07-4.73-.07zm0%203.37a5.45%205.45%200%201%201%200%2010.9%205.45%205.45%200%200%201%200-10.9zm0%208.99a3.54%203.54%200%201%200%200-7.08%203.54%203.54%200%200%200%200%207.08zm6.94-9.21a1.27%201.27%200%201%201-2.55%200%201.27%201.27%200%200%201%202.55%200z'/%3E%3C/svg%3E")}