.elementor-3319 .elementor-element.elementor-element-f4720c0{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-18a3c3f *//* === Presse / Médias – Lightening Overrides ===
   Charge ce fichier APRES tes styles existants.
   Objectif : éclaircir le thème sombre et augmenter les contrastes. */

/* 1) Palette plus claire via variables */
:root {
  --bg: #0f1b2d;             /* un bleu nuit un peu plus clair */
  --card: #14243f;           /* cartes éclaircies */
  --card-border: #2a3e5c;    /* bordures plus visibles */
  --text: #f8fafc;           /* texte très clair */
  --muted: #e2e8f0;          /* secondaire clair */
  --accent: #60a5fa;         /* bleu lisible */
  --brand: #34d399;          /* vert lisible */
}

/* 2) Fond & zones principales */
body { background: var(--bg) !important; color: var(--text) !important; }

header.hero {
  background:
    radial-gradient(1200px 600px at 80% -20%, rgba(96,165,250,.30), transparent 60%),
    radial-gradient(1200px 600px at -10% 0%, rgba(52,211,153,.22), transparent 60%),
    linear-gradient(180deg, #0f1b2d 0%, #0e1930 100%) !important;
  border-bottom: 1px solid var(--card-border) !important;
}

/* Titres + lisibilité maximale */
header.hero h1,
h1, h2, h3 {
  color: #f9fbff !important;
  font-weight: 800 !important;
  letter-spacing: .2px;
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* Paragraphes et textes secondaires plus clairs */
p, li, figcaption, .muted, .small { color: var(--muted) !important; }

/* 3) Cartes, badges, tags */
.card {
  background: rgba(255,255,255,.06) !important;  /* éclaircit sans virer le dark */
  border: 1px solid var(--card-border) !important;
  color: var(--text) !important;
}
.card:hover { border-color: #3b557a !important; }

.badge, .tag, .pill {
  background: rgba(255,255,255,.12) !important;
  border: 1px solid var(--card-border) !important;
  color: #fff !important;
}

/* 4) CTA – Boutons */
.btn { color: #fff !important; font-weight: 800 !important; }
.btn.primary {
  background: linear-gradient(135deg, #4f8ffb, #2450da) !important;
  border: 1px solid #2450da !important;
}
.btn.ghost {
  background: rgba(255,255,255,.16) !important;  /* bien plus visible */
  border: 1px solid #94a3b8 !important;
}
.btn.ghost:hover { background: rgba(255,255,255,.24) !important; }

/* 5) KPI */
.kpi {
  background: #0f274a !important;
  border: 1px solid var(--card-border) !important;
  color: #fff !important;
}
.kpi .num { color: var(--accent) !important; }

/* 6) Tableaux */
table {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid var(--card-border) !important;
  border-radius: 12px;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
}
th, td { border-bottom: 1px solid var(--card-border) !important; }
thead th { background: #113055 !important; color: #fff !important; }
tbody tr:nth-child(odd)  { background: #132a4a !important; }
tbody tr:nth-child(even) { background: #163055 !important; }

/* 7) Details / FAQ */
details {
  background: #132a4a !important;
  border: 1px solid var(--card-border) !important;
  color: #fff !important;
}
details summary { color: #fff !important; font-weight: 800 !important; }

/* 8) Galerie & légendes */
figcaption { color: #eef2f7 !important; }

/* 9) Liens (lisibilité sur fond sombre) */
a { color: var(--accent) !important; }
a:hover { filter: brightness(1.08); }

/* 10) Séparateurs de section */
section { border-bottom: 1px solid var(--card-border) !important; }

/* 11) Footer plus lisible */
footer, footer p { color: #dbe3ef !important; }

/* 12) Accessibilité : focus visible */
a:focus, button:focus, .btn:focus, summary:focus {
  outline: 2px solid #93c5fd !important;
  outline-offset: 2px !important;
}

/* 13) Optionnel : rendre les logos « media-logos » moins ternes sur survol */
.media-logos img { filter: grayscale(60%) brightness(1.05) !important; opacity: .95 !important; }
.media-logos img:hover { filter: grayscale(0%) brightness(1.1) !important; opacity: 1 !important; }/* End custom CSS */