/* Blog Magelan : liste des articles et page d'un article.
   Système du site : Inter, titres Inter Tight alignés à gauche, un bouton rouge,
   liens soulignés, arrondi 12 px, sections de 96 px, aucune animation. */

/* Avada : #main et .fusion-row encadrent le contenu. On les libère pour les bandes pleine largeur. */
body.mgb-on #main{padding:0 !important;background:#fff}
body.mgb-on #main>.fusion-row{max-width:none !important;width:100% !important;padding:0 !important;margin:0 !important}
body.mgb-on .avada-page-titlebar-wrapper{display:none !important}
.mgb{--ink:#1b1d3d;--mut:rgba(27,29,61,.62);--line:rgba(27,29,61,.10);--bg:#fafaf7;--red:#e30942;--blue:#1075ba;
  font-family:'Inter',system-ui,sans-serif;color:var(--ink);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.mgb *{box-sizing:border-box}
.mgb h1,.mgb h2,.mgb h3,.mgb-ex,.mgb-lead{overflow-wrap:anywhere}
.mgb h1,.mgb h2,.mgb h3{font-family:'Inter Tight',sans-serif;color:var(--ink);letter-spacing:-.02em;margin:0;text-align:left}
.mgb p{margin:0}
.mgb a{color:inherit}
.mgb-wrap{max-width:1200px;margin:0 auto;padding:0 30px}
.mgb-col{max-width:740px;margin:0 auto;padding:0 24px}

/* En-tête de la liste : photo du site assombrie, titre au centre (variante C, 20/10/2026) */
.mgb-head{background:linear-gradient(rgba(27,29,61,.78),rgba(27,29,61,.86)),var(--mgb-photo-l,none) center/cover no-repeat,var(--ink);padding:110px 0 100px;text-align:center}
.mgb-head-txt{max-width:780px;margin:0 auto}
.mgb-kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.86);margin-bottom:24px !important}
.mgb-kicker span{width:7px;height:7px;border-radius:50%;background:var(--red)}
.mgb-head h1{font-size:72px;line-height:1;font-weight:600;color:#fff;text-align:center}
.mgb-head h1 em{font-style:normal;color:#5ab0ea}
.mgb-head .mgb-lead{color:rgba(255,255,255,.8);max-width:600px;margin:22px auto 0 !important}
.mgb-head .mgb-ariane{color:rgba(255,255,255,.65)}
.mgb-head .mgb-ariane a{color:#fff}
.mgb-rubs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:34px}
.mgb-rubs span{font-size:13px;color:rgba(255,255,255,.6);margin-right:4px}
.mgb-rubs a{font-size:14px;font-weight:600;color:#fff !important;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:8px 14px;background:rgba(27,29,61,.25)}
.mgb-rubs a:hover,.mgb-rubs a[aria-current]{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5)}
.mgb-lead{margin-top:16px !important;max-width:620px;font-size:19px;color:var(--mut)}

/* Méta : date, durée, rubrique */
.mgb-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--mut)}
.mgb-meta span+span::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5;margin-right:18px;vertical-align:middle}

/* Liste */
.mgb-list{padding:56px 0 96px}
.mgb-une{border:1px solid var(--line);border-radius:12px;padding:44px 48px;margin-bottom:40px;background:#fff}
.mgb-tag{font-size:13px;font-weight:600;color:var(--red);margin-bottom:12px !important}
.mgb-une h2{font-size:34px;line-height:1.15;font-weight:600;margin:12px 0 14px;max-width:820px}
.mgb-une h2 a,.mgb-card h3 a{text-decoration:none}
.mgb-une h2 a:hover,.mgb-card h3 a:hover{color:var(--blue)}
.mgb-une .mgb-ex{max-width:760px;font-size:18px;color:var(--mut);margin-bottom:26px}

.mgb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mgb-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:28px;background:#fff}
.mgb-card:hover{border-color:rgba(27,29,61,.28)}
.mgb-card h3{font-size:21px;line-height:1.25;font-weight:600;margin:14px 0 10px}
.mgb-card .mgb-ex{font-size:15.5px;color:var(--mut);margin-bottom:20px}
.mgb-card .mgb-lire{margin-top:auto}

.mgb-lire{font-size:15px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.mgb-lire:hover{color:var(--blue)}
.mgb-btn{display:inline-block;background:var(--red);color:#fff !important;font-weight:600;font-size:16px;text-decoration:none;padding:14px 24px;border-radius:12px}
.mgb-btn:hover{background:#c2073a}

.mgb-pag{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:56px;font-size:15px}
.mgb-pag .page-numbers{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:0 12px;text-decoration:none}
.mgb-pag a.page-numbers{border:1px solid var(--line)}
.mgb-pag a.page-numbers:hover{border-color:var(--ink)}
.mgb-pag .current{background:var(--ink);color:#fff}
.mgb-pag .dots{color:var(--mut)}

/* Article */
.mgb-post-head{background:var(--bg);border-bottom:1px solid var(--line);padding:56px 0 44px}
.mgb-ariane{font-size:14px;color:var(--mut);margin-bottom:18px}
.mgb-ariane a{text-decoration:underline;text-underline-offset:3px}
.mgb-ariane a+a::before,.mgb-ariane span::before{content:'/';display:inline-block;margin:0 10px;opacity:.5;text-decoration:none}
.mgb-post-head h1{font-size:42px;line-height:1.12;font-weight:600;margin-bottom:18px}

.mgb-prose{padding-top:48px;padding-bottom:24px;font-size:18px;line-height:1.75}
.mgb-prose>*+*{margin-top:1.15em !important}
.mgb-prose h2{font-size:28px;line-height:1.2;font-weight:600;margin-top:1.9em !important}
.mgb-prose h3{font-size:22px;line-height:1.3;font-weight:600;margin-top:1.6em !important}
.mgb-prose h4{font-size:18px;font-weight:600;margin-top:1.4em}
.mgb-prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.mgb-prose ul,.mgb-prose ol{padding-left:1.3em}
.mgb-prose li+li{margin-top:.45em}
.mgb-prose img{max-width:100%;height:auto;border-radius:12px;display:block}
.mgb-prose figure{margin-left:0;margin-right:0}
.mgb-prose figcaption{font-size:14px;color:var(--mut);margin-top:8px}
.mgb-prose blockquote{margin-left:0;padding:4px 0 4px 22px;border-left:3px solid var(--blue);color:var(--mut)}
.mgb-prose table{width:100%;border-collapse:collapse;font-size:16px}
.mgb-prose th,.mgb-prose td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
.mgb-prose strong{font-weight:600}

/* Morceaux posés par l'écran « Nouvel article Magelan » */
.mgb-prose .mgb-intro{font-size:20px;line-height:1.6;color:var(--ink)}
.mgb-prose .mgb-retenir{background:#eef5fb;border:1px solid rgba(16,117,186,.22);border-radius:12px;padding:22px 26px;margin-top:2em !important}
.mgb-prose .mgb-retenir-titre{font-family:'Inter Tight',sans-serif;font-weight:600;font-size:18px;color:var(--blue);margin:0 0 8px !important}
.mgb-prose .mgb-retenir ul{margin:0;padding-left:1.2em}
.mgb-prose .mgb-source{font-size:14px;color:var(--mut);border-top:1px solid var(--line);padding-top:14px;margin-top:2em !important}

/* Anciens articles montés dans des colonnes Avada : une seule colonne de lecture */
.mgb-prose .fusion-fullwidth,.mgb-prose .fusion-builder-row,.mgb-prose .fusion-layout-column,.mgb-prose .fusion-column-wrapper{
  padding:0 !important;margin:0 !important;width:100% !important;max-width:none !important;flex-basis:100% !important;min-height:0 !important;background:none !important}
.mgb-prose .fusion-builder-row,.mgb-prose .fusion-column-wrapper{display:block !important}
.mgb-prose .fusion-text>*+*,.mgb-prose .fusion-column-wrapper>*+*{margin-top:1.15em}
.mgb-prose .fusion-text p,.mgb-prose p{font-size:inherit !important;line-height:inherit !important;color:inherit !important;font-family:inherit !important}
.mgb-prose .fusion-title{margin:1.9em 0 0 !important}
.mgb-prose .fusion-title h2,.mgb-prose .fusion-title h3{font-family:'Inter Tight',sans-serif !important;color:var(--ink) !important;text-align:left !important}
.mgb-prose .fusion-separator,.mgb-prose .fusion-sep-clear{display:none !important}
.mgb-prose h1,.mgb-prose h2,.mgb-prose h3,.mgb-prose h4{text-align:left !important}

/* Vignette des cartes : première image de l'article, sinon une tuile avec la rubrique */
.mgb-card{padding:0;overflow:hidden}
.mgb-card .mgb-in{display:flex;flex-direction:column;flex:1;padding:24px 26px 26px}
.mgb-vig{display:block;aspect-ratio:16/9;background:#f1efe8;border-bottom:1px solid var(--line)}
.mgb-vig img{width:100%;height:100%;object-fit:cover;display:block}
/* Article sans image : fond bleu Magelan, titre centré, rubrique dessous */
.mgb-vig.vide{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 26px;text-align:center;text-decoration:none;
  background:linear-gradient(150deg,transparent 62%,rgba(255,255,255,.09) 62%),linear-gradient(135deg,#1075ba,#0a5587)}
.mgb-vig-titre{font-family:'Inter Tight',sans-serif;font-weight:600;font-size:23px;line-height:1.2;letter-spacing:-.015em;color:#fff;text-wrap:balance;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.mgb-vig-sous{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.mgb-vig-sous::before{content:'';display:block;width:28px;height:3px;border-radius:2px;background:var(--red);margin:0 auto 8px}
.mgb-card h3{margin-top:12px}

.mgb-sign{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:40px;padding-top:26px;padding-bottom:72px;font-size:15px;color:var(--mut)}
.mgb-sign strong{color:var(--ink)}

.mgb-liees{background:var(--bg);border-top:1px solid var(--line);padding:72px 0 96px}
.mgb-liees h2{font-size:30px;font-weight:600;margin-bottom:28px}

/* Article mis en page à la main : affiché tel quel */
.mgb-maison{width:100%}

/* Bande de contact */
.mgb-cta{background:var(--ink);color:#fff;padding:64px 0}
.mgb-cta .mgb-wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.mgb-cta h2{color:#fff;font-size:30px;font-weight:600}
.mgb-cta p{color:rgba(255,255,255,.72);margin-top:8px !important}
.mgb-cta-act{display:flex;align-items:center;gap:24px}
.mgb-tel{color:#fff !important;font-weight:600;font-size:18px;text-decoration:underline;text-underline-offset:4px}

@media (max-width:980px){
  .mgb-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .mgb{font-size:16px}
  .mgb-wrap{padding:0 20px}
  .mgb-col{padding:0 20px}
  .mgb-head{padding:64px 0 60px;background-image:linear-gradient(rgba(27,29,61,.8),rgba(27,29,61,.88)),var(--mgb-photo-s,none)}
  .mgb-kicker{margin-bottom:18px !important}
  .mgb-rubs{margin-top:24px}
  .mgb-head h1{font-size:44px}
  .mgb-lead{font-size:17px}
  .mgb-list{padding:32px 0 64px}
  .mgb-une{padding:28px 22px}
  .mgb-une h2{font-size:26px}
  .mgb-une .mgb-ex{font-size:16px}
  .mgb-meta{gap:4px 12px;font-size:13px}
  .mgb-meta span+span::before{margin-right:12px}
  .mgb-grid{grid-template-columns:1fr;gap:16px}
  .mgb-card .mgb-in{padding:20px 22px 22px}
  .mgb-post-head{padding:36px 0 28px}
  .mgb-post-head h1{font-size:30px}
  .mgb-prose{font-size:17px;padding-top:32px}
  .mgb-prose h2{font-size:24px}
  .mgb-liees{padding:48px 0 64px}
  .mgb-cta{padding:48px 0}
  .mgb-cta h2{font-size:24px}
  .mgb-pag .page-numbers:not(.next):not(.prev):not(.current){display:none}
}

/* Article en trois colonnes (variante A, 20/10/2026) : sommaire, texte, contact */
body.mgb-on{scroll-behavior:smooth}
.mgb-art-wrap{max-width:1340px;margin:0 auto;padding:0 30px}
.mgb-art-grid{display:grid;grid-template-columns:230px minmax(0,720px) 260px;gap:56px;justify-content:center}
.mgb-art-grid.mgb-sans-somm{grid-template-columns:minmax(0,760px) 260px}
.mgb-sans-somm .mgb-art-vide,.mgb-sans-somm .mgb-art-somm{display:none}
.mgb-art-tete{min-width:0}
.mgb-art-somm,.mgb-art-cote{position:sticky;top:110px;align-self:start;padding-top:52px}
.mgb-art-centre{min-width:0}
.mgb-prose h2{scroll-margin-top:140px}
.mgb-art-t{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:0 0 12px !important}
.mgb-art-somm ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.mgb-art-somm li{margin:0}
.mgb-art-somm a{display:block;padding:8px 0 8px 16px;margin-left:-2px;border-left:2px solid transparent;font-size:14.5px;line-height:1.35;color:var(--mut);text-decoration:none}
.mgb-art-somm a:hover{color:var(--ink)}
.mgb-art-somm a[aria-current]{border-left-color:var(--red);color:var(--ink);font-weight:600}
.mgb-art-carte{background:var(--ink);color:#fff;border-radius:14px;padding:24px}
.mgb-art-carte-t{font-family:'Inter Tight',sans-serif;font-weight:600;font-size:19px;line-height:1.25;color:#fff;margin:0 0 8px !important}
.mgb-art-carte p:not(.mgb-art-carte-t){color:rgba(255,255,255,.74);font-size:14.5px;line-height:1.55;margin:0 0 16px !important}
.mgb-art-btn{display:block;text-align:center;background:var(--red);color:#fff !important;border-radius:12px;padding:12px;font-weight:600;font-size:15px;text-decoration:none}
.mgb-art-btn:hover{background:#c2073a}
.mgb-art-tel{display:block;text-align:center;color:#fff !important;margin-top:12px;font-weight:600;text-decoration:none}
.mgb-art-info{margin:18px 0 0;border:1px solid var(--line);border-radius:14px;padding:18px 20px;font-size:14px}
.mgb-art-info dt{font-weight:600;color:var(--ink)}
.mgb-art-info dd{margin:2px 0 12px;color:var(--mut)}
.mgb-art-info dd:last-child{margin-bottom:0}
.mgb-art-info a{color:var(--blue)}

@media (max-width:1240px){
  .mgb-art-grid{grid-template-columns:200px minmax(0,1fr);gap:40px}
  .mgb-art-grid.mgb-sans-somm{grid-template-columns:minmax(0,1fr)}
  .mgb-art-cote{grid-column:2;position:static;padding-top:0;margin-bottom:64px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
  .mgb-sans-somm .mgb-art-cote{grid-column:1}
  .mgb-art-info{margin:0}
}
@media (max-width:900px){
  .mgb-art-grid,.mgb-art-grid.mgb-sans-somm{display:block}
  .mgb-art-vide{display:none}
  .mgb-art-somm{position:static;padding:22px 22px 12px;margin-top:28px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
  .mgb-art-cote{display:block;margin-bottom:56px}
  .mgb-art-info{margin-top:18px}
}
@media (max-width:640px){
  .mgb-art-wrap{padding:0 20px}
}

/* 1.4.1 : sur certains articles, Avada met #main > .fusion-row en flex. Le bloc
   du blog prenait alors la largeur de son contenu (424 px sur un écran de 390). */
body.mgb-on #main>.fusion-row>.mgb{flex:1 1 100%;width:100%;min-width:0;max-width:100%}
.mgb-art-corps>*{min-width:0}
.mgb-prose{overflow-wrap:anywhere}
.mgb-prose img{max-width:100% !important;height:auto !important}