/*
Theme Name: Joelgullon
Theme URI: https://www.joelgullon.fr/
Author: AGT Conseils Marketing
Author URI: https://www.agtconseils-marketing.fr/
Description: Thème du site personnel de Joël Gullon, maire de La Côte Saint-André et président de Bièvre Isère Communauté. Reprend l'univers visuel de vivonslacote.fr dans le respect de la charte (bleu #0e4894, orange #ff751f, Cambria). Tous les textes et images sont éditables depuis l'Apparence > Personnaliser, et le formulaire de contact fonctionne sans plugin ni configuration.
Version: 1.1.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: joelgullon
Tags: one-column, custom-logo, custom-menu, featured-images, translation-ready
*/

/* =========================================================================
   Charte
     bleu principal     #0e4894
     orange secondaire  #ff751f
     police             Cambria (Caladea = substitut métrique)
   Codes visuels repris de vivonslacote.fr : bandeau institutionnel bleu,
   filets orange sous les titres, cartes « cap » numérotées, blocs aérés
   sur fond clair, Open Sans pour les micro-textes d'interface.
   ========================================================================= */

/* -------------------------------------------------------------------------
   Polices servies depuis le thème, sans appel à un serveur tiers (RGPD).
   Caladea (OFL 1.1, Huerta Tipográfica) : substitut métrique de Cambria pour
   les postes qui n'ont pas Cambria. Open Sans (OFL 1.1) : police d'interface,
   reprise de vivonslacote.fr. Fichier variable, un seul chargement.
   ------------------------------------------------------------------------- */
@font-face{font-family:"Caladea";font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/caladea-400.woff2) format("woff2")}
@font-face{font-family:"Caladea";font-style:italic;font-weight:400;font-display:swap;
  src:url(assets/fonts/caladea-400i.woff2) format("woff2")}
@font-face{font-family:"Caladea";font-style:normal;font-weight:700;font-display:swap;
  src:url(assets/fonts/caladea-700.woff2) format("woff2")}
@font-face{font-family:"Caladea";font-style:italic;font-weight:700;font-display:swap;
  src:url(assets/fonts/caladea-700i.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;
  src:url(assets/fonts/opensans-var.woff2) format("woff2")}

:root{
  /* ---- charte ---- */
  --bleu:#0e4894;
  --orange:#ff751f;

  /* ---- déclinaisons ---- */
  --bleu-fonce:#0a3366;
  --bleu-nuit:#082a52;
  --bleu-voile:#e7eef8;      /* pastilles, encadrés (cf. #eaf1fd de vivonslacote.fr) */
  --bleu-trait:#cdddf2;      /* filets, bordures (repris de vivonslacote.fr) */
  --orange-texte:#c2540c;    /* orange assombri, lisible en petit corps */
  --orange-voile:#ffe9d9;
  --creme:#fbf7f1;           /* fond de page */
  --encre:#222d44;
  --gris:#55607a;

  --ombre:0 18px 44px -24px rgba(8,42,82,.45);
  --ombre-douce:0 10px 30px -20px rgba(8,42,82,.5);

  --serif:Cambria,Caladea,Georgia,"Times New Roman",serif;
  --ui:"Open Sans","Segoe UI",Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--serif);color:var(--encre);background:var(--creme);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px}
.wrap-etroit{max-width:860px;margin:0 auto;padding:0 28px}
h1,h2,h3,h4{font-family:var(--serif);color:var(--bleu);font-weight:700;line-height:1.22;margin:0}
p{line-height:1.75;font-size:17.5px;margin:0 0 18px}
.justifie{text-align:justify}
a{color:var(--bleu)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.sr,.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.screen-reader-text:focus{position:static;width:auto;height:auto;clip-path:none;
  background:#fff;color:var(--bleu);padding:14px 22px;z-index:9999}

/* ---------- boutons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--ui);font-size:15px;font-weight:700;
  letter-spacing:.01em;background:var(--bleu);color:#fff;text-decoration:none;padding:15px 30px;border:0;
  border-radius:999px;cursor:pointer;box-shadow:var(--ombre-douce);
  transition:background-color .2s ease,transform .2s ease,color .2s ease}
.btn:hover{background:var(--bleu-fonce);transform:translateY(-1px);color:#fff}
.btn-accent{background:var(--orange);color:var(--bleu-nuit)}
.btn-accent:hover{background:#e8600d;color:var(--bleu-nuit)}
.btn-fantome{background:transparent;color:var(--bleu);box-shadow:none;border:1.5px solid var(--bleu-trait)}
.btn-fantome:hover{background:var(--bleu-voile);color:var(--bleu)}
.btn-clair{background:#fff;color:var(--bleu)}
.btn-clair:hover{background:var(--bleu-voile);color:var(--bleu)}

/* ---------- en-tête ---------- */
.bandeau{background:var(--bleu);color:#fff;font-family:var(--ui);font-size:13px;letter-spacing:.02em}
.bandeau .wrap{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-height:38px;padding-block:9px}
.bandeau p{margin:0;font-family:var(--ui);font-size:13px;line-height:1.5;color:rgba(255,255,255,.92)}
.bandeau .liens{display:flex;gap:14px;align-items:center;flex:0 0 auto;margin-left:auto}
.bandeau a{color:#fff;text-decoration:none;display:inline-flex}
.bandeau a:hover{opacity:.75}
.bandeau svg{width:16px;height:16px;fill:currentColor}

.nav{background:rgba(251,247,241,.93);position:sticky;top:0;z-index:20;
  backdrop-filter:blur(8px);border-bottom:1px solid var(--bleu-trait)}
body.admin-bar .nav{top:32px}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}
/* logotype fourni (bleu charte, tréma orange), détouré sur fond transparent */
.marque{display:flex;align-items:center;gap:15px;text-decoration:none}
.marque img{height:54px;width:auto;display:block}
.marque .marque-texte{font-family:var(--serif);font-weight:700;font-size:1.2rem;color:var(--bleu);line-height:1.15}
.marque .territoire{font-family:var(--ui);font-size:.7rem;font-weight:600;letter-spacing:.08em;line-height:1.5;
  text-transform:uppercase;color:var(--gris);border-left:2px solid var(--orange);padding:11px 0 11px 15px;
  white-space:nowrap;display:block}
.nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0;font-family:var(--ui);font-size:15px;font-weight:600}
.nav ul ul{display:none}
.nav .jg-menu a{color:var(--bleu-nuit);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;
  display:inline-block}
.nav .jg-menu a:hover{border-bottom-color:var(--orange)}
.nav .jg-menu .current-menu-item > a,
.nav .jg-menu .current_page_item > a,
.nav .jg-menu a[aria-current="page"]{color:var(--bleu);border-bottom-color:var(--orange)}

/* bouton menu mobile */
.menu-toggle{display:none;align-items:center;gap:10px;font-family:var(--ui);font-size:14px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--bleu);background:transparent;
  border:1.5px solid var(--bleu-trait);border-radius:999px;padding:11px 20px;cursor:pointer}
.menu-toggle .barres{position:relative;width:18px;height:2px;background:var(--bleu);display:block;
  transition:background-color .2s}
.menu-toggle .barres::before,.menu-toggle .barres::after{content:"";position:absolute;left:0;width:18px;height:2px;
  background:var(--bleu);transition:transform .2s}
.menu-toggle .barres::before{top:-6px}
.menu-toggle .barres::after{top:6px}
.nav.est-ouvert .menu-toggle .barres{background:transparent}
.nav.est-ouvert .menu-toggle .barres::before{transform:translateY(6px) rotate(45deg)}
.nav.est-ouvert .menu-toggle .barres::after{transform:translateY(-6px) rotate(-45deg)}

/* ---------- titres de section ---------- */
.titre{margin-bottom:26px}
.titre .surtitre{font-family:var(--ui);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--orange-texte);display:block;margin-bottom:12px}
.titre h1{font-size:clamp(2.3rem,4.6vw,3.3rem)}
.titre h2{font-size:clamp(1.9rem,3.4vw,2.6rem)}
.titre h3{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--bleu-fonce);font-weight:700;margin-top:14px}
.titre.centre{text-align:center}
.titre.centre .filet{margin-inline:auto}
.filet{display:block;width:72px;height:4px;border-radius:3px;background:var(--orange);margin-top:18px}

/* ---------- hero accueil ---------- */
.hero{padding:56px 0 84px}
.hero .wrap{display:grid;grid-template-columns:.92fr 1.08fr;gap:66px;align-items:center}
.arche{position:relative}
.arche img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 14%;
  border-radius:240px 240px 20px 20px;box-shadow:var(--ombre);display:block;position:relative;z-index:1}
.arche::after{content:"";position:absolute;inset:20px -20px -20px 20px;
  border:2px solid var(--orange);border-radius:240px 240px 20px 20px}
.hero h1{font-size:clamp(2.6rem,5vw,3.7rem);margin-bottom:14px}
.hero h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.15rem,2vw,1.45rem);color:var(--bleu-fonce);
  line-height:1.45;margin-bottom:22px}
.hero h2::after{content:"";display:block;width:72px;height:4px;border-radius:3px;background:var(--orange);margin-top:22px}
.hero p{max-width:60ch}
.actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:28px}

.reseaux{display:flex;gap:12px;list-style:none;margin:30px 0 0;padding:0;align-items:center;flex-wrap:wrap}
.reseaux a{display:inline-flex;align-items:center;gap:9px;font-family:var(--ui);font-size:14px;font-weight:600;
  color:var(--bleu);text-decoration:none;background:#fff;border:1px solid var(--bleu-trait);
  border-radius:999px;padding:9px 18px 9px 14px;transition:background-color .2s,color .2s,border-color .2s}
.reseaux a:hover{background:var(--bleu);color:#fff;border-color:var(--bleu)}
.reseaux svg{width:18px;height:18px;fill:currentColor}

/* ---------- hero « à propos » : aplat bleu + photo ---------- */
.hero-bleu{padding:46px 0 90px}
.hero-bleu .wrap{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
.hero-bleu .texte{background:var(--bleu);color:#fff;padding:64px 56px;border-radius:24px 0 0 24px;
  display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.hero-bleu .texte::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,117,31,.32),transparent 68%);top:-170px;right:-150px}
.hero-bleu h1{color:#fff;font-size:clamp(1.85rem,3.4vw,2.6rem);position:relative}
.hero-bleu h1 span{display:block;margin-top:8px}
.hero-bleu h1::after{content:"";display:block;width:72px;height:4px;border-radius:3px;background:var(--orange);margin:26px 0}
.hero-bleu p{color:rgba(255,255,255,.93);position:relative;margin:0}
.hero-bleu .photo{border-radius:0 24px 24px 0;overflow:hidden;box-shadow:var(--ombre)}
.hero-bleu .photo img{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center 16%;display:block}

/* ---------- blocs ---------- */
.bloc{padding:86px 0}
.bloc-blanc{background:#fff}
.bloc-creme{background:var(--creme)}
.bloc-arrondi{border-radius:48px 48px 0 0}

/* ---------- cartes « cap » numérotées ---------- */
.grille-cap{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:44px;padding:0;list-style:none;
  counter-reset:cap}
.cap{background:var(--creme);border:1px solid var(--bleu-trait);border-radius:22px;padding:32px 34px 34px;
  transition:transform .2s ease,box-shadow .2s ease}
.cap:hover{transform:translateY(-3px);box-shadow:var(--ombre-douce)}
.cap::before{counter-increment:cap;content:counter(cap,decimal-leading-zero);
  font-family:var(--ui);font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--orange-texte);
  display:block;margin-bottom:12px}
.cap h3{font-size:1.26rem;margin-bottom:14px;padding-bottom:14px;border-bottom:2px solid var(--orange-voile)}
.cap p{font-size:16.5px;line-height:1.72;margin:0}
.cap p + p{margin-top:14px}

/* ---------- bloc « ambition » ---------- */
.ambition{background:#fff;padding:0 0 90px}
.ambition .wrap{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
.ambition .aplat{position:relative;border-radius:24px 0 0 24px;overflow:hidden;display:flex;align-items:center;
  min-height:460px;background:linear-gradient(150deg,var(--bleu) 0%,var(--bleu-nuit) 100%)}
.ambition .aplat::after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,117,31,.3),transparent 68%);bottom:-190px;left:-140px}
.ambition blockquote{position:relative;margin:0;padding:50px 46px;z-index:1}
.ambition blockquote h2{color:#fff;font-size:clamp(1.55rem,2.8vw,2.15rem);font-style:italic;line-height:1.34}
.ambition blockquote h2::before{content:"";display:block;width:56px;height:4px;background:var(--orange);
  border-radius:3px;margin-bottom:22px}
.ambition .texte{background:var(--creme);border:1px solid var(--bleu-trait);border-left:0;
  border-radius:0 24px 24px 0;padding:54px 50px;display:flex;flex-direction:column;justify-content:center}
.ambition .texte h3{font-size:clamp(1.5rem,2.6vw,2rem)}
.ambition .texte h3::after{content:"";display:block;width:72px;height:4px;border-radius:3px;background:var(--orange);
  margin:18px 0 26px}

/* ---------- bande photo : portrait en pied, format natif ---------- */
.bande-photo{background:#fff;padding:0 0 96px}
.bande-photo .cadre{max-width:576px;margin:0 auto;padding:0 28px}
.bande-photo img{width:100%;aspect-ratio:2/3;object-fit:cover;
  border-radius:28px;box-shadow:var(--ombre);display:block}

/* ---------- colonnes de contenu ---------- */
.colonnes{display:grid;gap:54px;align-items:start}
.col-3-2{grid-template-columns:3fr 2fr}
.col-2-3{grid-template-columns:2fr 3fr}
.colonnes h3{font-size:1.36rem;margin-bottom:16px;padding-bottom:14px;border-bottom:2px solid var(--orange-voile)}
.encadre{background:var(--bleu-voile);border-radius:22px;padding:36px 34px;border-top:4px solid var(--orange)}
.encadre h3{border-bottom-color:rgba(14,72,148,.18)}
.encadre ul{margin:0;padding:0;list-style:none}
.encadre li{position:relative;padding-left:26px;margin-bottom:18px;line-height:1.72;font-size:16.5px}
.encadre li:last-child{margin-bottom:0}
.encadre li::before{content:"";position:absolute;left:0;top:.68em;width:10px;height:10px;border-radius:50%;
  background:var(--orange)}
.photo-large img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px;box-shadow:var(--ombre);display:block}

/* ---------- liste de valeurs ---------- */
.valeurs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:34px 0 0;padding:0;list-style:none}
.valeurs li{background:#fff;border:1px solid var(--bleu-trait);border-radius:18px;padding:26px 28px;
  font-size:16.5px;line-height:1.72;display:flex;gap:16px;align-items:flex-start}
.valeurs li::before{content:"";flex:0 0 auto;width:12px;height:12px;border-radius:50%;
  background:var(--orange);margin-top:.52em}

/* ---------- éditorial ---------- */
.edito{padding:62px 0 26px}
.edito h1{font-size:clamp(2.4rem,5vw,3.4rem)}
.edito .filet{margin-bottom:34px}
.edito p{font-size:18.5px;line-height:1.8}
.edito .chapeau{font-size:20px;line-height:1.72;color:var(--bleu-fonce);
  border-left:4px solid var(--orange);padding-left:24px}

/* ---------- actualités ---------- */
.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px;margin-top:40px}
.carte-news{background:#fff;border:1px solid var(--bleu-trait);border-radius:22px;padding:34px;
  display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.carte-news:hover{transform:translateY(-3px);box-shadow:var(--ombre)}
.carte-news .vignette{margin:-34px -34px 24px;border-radius:22px 22px 0 0;overflow:hidden}
.carte-news .vignette img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.carte-news h2,.carte-news h3{font-size:1.32rem;line-height:1.32;margin-bottom:14px}
.carte-news h2 a,.carte-news h3 a{color:var(--bleu);text-decoration:none}
.carte-news h2 a:hover,.carte-news h3 a:hover{text-decoration:underline;text-underline-offset:4px;
  text-decoration-color:var(--orange);text-decoration-thickness:2px}
.carte-news p{font-size:16.5px;color:var(--gris);flex:1;margin:0 0 20px;line-height:1.72}
.carte-news .lire{font-family:var(--ui);font-size:14px;font-weight:700;color:var(--bleu);text-decoration:none;
  border-bottom:2px solid var(--orange);padding-bottom:3px;align-self:flex-start}
.carte-news .lire:hover{border-bottom-width:3px}
.centrer{display:flex;justify-content:center;margin-top:44px}

/* ---------- page contact : coordonnées ---------- */
.coord-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;margin-top:44px}
.coord-carte{background:#fff;border:1px solid var(--bleu-trait);border-radius:22px;padding:34px;
  border-top:4px solid var(--orange)}
.coord-carte h2,.coord-carte h3{font-size:1.26rem;margin-bottom:16px;padding-bottom:14px;
  border-bottom:2px solid var(--orange-voile)}
.coord-carte p{font-size:16.5px;line-height:1.75;margin:0 0 12px}
.coord-carte p:last-child{margin-bottom:0}
.coord-carte a{color:var(--bleu);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--orange)}

/* ---------- page contact : carte ---------- */
.carte-lieu{margin-top:44px;border-radius:24px;overflow:hidden;box-shadow:var(--ombre);
  border:1px solid var(--bleu-trait);background:var(--bleu-voile)}
.carte-lieu iframe{display:block;width:100%;height:420px;border:0}

/* ---------- suivre ---------- */
.suivre{background:#fff;padding:78px 0}
.suivre h2{text-align:center;font-size:clamp(1.5rem,2.6vw,2rem)}
.suivre .filet{margin:18px auto 0}
.suivre .plots{display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:24px;justify-content:center;margin-top:42px}
.plot{display:flex;align-items:center;justify-content:center;gap:14px;background:var(--bleu-voile);
  border:1px solid var(--bleu-trait);border-radius:20px;padding:26px;font-family:var(--ui);font-size:16px;
  font-weight:700;color:var(--bleu);text-decoration:none;transition:background-color .2s,color .2s}
.plot:hover{background:var(--bleu);color:#fff}
.plot svg{width:28px;height:28px;fill:currentColor}

/* ---------- contact ---------- */
.contact{background:var(--bleu-nuit);color:#fff;padding:88px 0 96px;position:relative;overflow:hidden}
.contact::before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,117,31,.26),transparent 68%);top:-200px;right:-140px}
.contact .wrap{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:62px;align-items:start}
.contact h2{color:#fff;font-size:clamp(1.9rem,3.4vw,2.5rem)}
.contact .surtitre{color:var(--orange)}
.contact p{color:rgba(255,255,255,.9)}
.contact .intro{font-size:18px;line-height:1.75}
.contact .intro strong{color:#fff}
.jg-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.jg-form .plein{grid-column:1/-1}
.jg-form label{display:block;font-family:var(--ui);font-size:13px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:8px}
.jg-form label .requis{color:var(--orange);margin-left:3px}
.jg-form input,.jg-form select,.jg-form textarea{font-family:var(--serif);font-size:16.5px;padding:15px 18px;
  border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(255,255,255,.09);color:#fff;width:100%}
.jg-form input::placeholder,.jg-form textarea::placeholder{color:rgba(255,255,255,.55)}
.jg-form select option{color:var(--bleu-nuit)}
.jg-form input:focus,.jg-form select:focus,.jg-form textarea:focus{outline:none;border-color:var(--orange);
  background:rgba(255,255,255,.15)}
.jg-form textarea{min-height:156px;resize:vertical}
/* piège à robots : invisible pour l'humain, laissé dans le flux pour les robots */
.jg-pot{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;
  overflow:hidden!important}

/* messages de retour du formulaire */
.jg-notice{grid-column:1/-1;border-radius:16px;padding:18px 22px;font-size:16.5px;line-height:1.6;
  border-left:4px solid;margin:0}
.jg-notice-ok{background:rgba(255,255,255,.12);border-color:#5ddc9a;color:#fff}
.jg-notice-err{background:rgba(255,117,31,.14);border-color:var(--orange);color:#fff}
.jg-notice strong{display:block;margin-bottom:4px}

/* ---------- article seul / archives ---------- */
/* overflow-x:clip contient les blocs en pleine largeur sans créer de barre
   de défilement horizontale. */
.article{padding:56px 0 20px;overflow-x:clip}
.article .entete{margin-bottom:38px}
.article h1{font-size:clamp(2.1rem,4.4vw,3rem)}
.article .chapo-image{margin:34px 0}
.article .chapo-image img{width:100%;border-radius:24px;box-shadow:var(--ombre);display:block}
.contenu{font-size:18px;line-height:1.85}
.contenu p{font-size:18px}
.contenu h2{font-size:1.7rem;margin:38px 0 16px}
.contenu h3{font-size:1.35rem;margin:30px 0 14px}
.contenu ul,.contenu ol{padding-left:24px;line-height:1.85}
.contenu li{margin-bottom:10px}
.contenu blockquote{margin:30px 0;padding:6px 0 6px 26px;border-left:4px solid var(--orange);
  font-style:italic;color:var(--bleu-fonce)}
.contenu img{border-radius:18px}
.contenu a{color:var(--bleu);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--orange)}
.contenu strong{color:var(--bleu-fonce)}
.contenu > *:first-child{margin-top:0}
.contenu > *:last-child{margin-bottom:0}

/* Blocs « pleine largeur » et « large » : ils s'échappent de la colonne de
   lecture tout en restant centrés sur la page. */
.contenu > .alignwide{
  width:min(1120px, calc(100vw - 56px));
  max-width:none;
  margin-left:50%;
  transform:translateX(-50%);
}
.contenu > .alignfull{
  width:100vw;
  max-width:none;
  margin-left:50%;
  transform:translateX(-50%);
}
.contenu > .alignfull img{border-radius:0}

.retour{margin:44px 0 0}

.pagination{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:52px;
  font-family:var(--ui);font-size:15px;font-weight:600}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;
  padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--bleu-trait);color:var(--bleu);
  text-decoration:none}
.pagination .page-numbers:hover{background:var(--bleu-voile)}
.pagination .page-numbers.current{background:var(--bleu);color:#fff;border-color:var(--bleu)}

/* classes d'alignement du cœur de WordPress */
.alignleft{float:left;margin:6px 26px 18px 0}
.alignright{float:right;margin:6px 0 18px 26px}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignwide{max-width:1120px;margin-left:auto;margin-right:auto}
.alignfull{max-width:none}
.wp-caption{max-width:100%}
.wp-caption-text,figcaption{font-family:var(--ui);font-size:14px;color:var(--gris);margin-top:10px;text-align:center}
.sticky,.gallery-caption,.bypostauthor{display:block}

/* ---------- pied de page ---------- */
footer.pied{background:var(--bleu);color:rgba(255,255,255,.8);font-family:var(--ui);font-size:14px;padding:34px 0}
footer.pied .wrap{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center}
footer.pied a{color:#fff}
footer.pied .logo-pied img{height:38px;width:auto;display:block}

/* ---------- responsive ---------- */
@media(max-width:980px){
  .hero .wrap,.contact .wrap,.ambition .wrap,.hero-bleu .wrap{grid-template-columns:1fr;gap:40px}
  .grille-cap,.valeurs{grid-template-columns:1fr}
  .colonnes{gap:40px}
  .col-3-2,.col-2-3{grid-template-columns:1fr}
  .col-2-3 .photo-large{order:-1}
  .hero-bleu .texte{border-radius:24px 24px 0 0;padding:48px 32px}
  .hero-bleu .photo{border-radius:0 0 24px 24px}
  .hero-bleu .photo img{min-height:340px}
  .ambition .aplat{border-radius:24px 24px 0 0;min-height:340px}
  .ambition blockquote{padding:38px 30px}
  .ambition .texte{border-radius:0 0 24px 24px;border-left:1px solid var(--bleu-trait);border-top:0;padding:44px 32px}
  .bloc{padding:64px 0}

  /* menu repliable */
  .menu-toggle{display:inline-flex}
  .nav .jg-menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--creme);
    border-bottom:1px solid var(--bleu-trait);box-shadow:var(--ombre-douce);padding:10px 0 22px}
  .nav.est-ouvert .jg-menu{display:block}
  .nav .jg-menu ul{flex-direction:column;gap:0;padding:0 28px}
  .nav .jg-menu li{border-bottom:1px solid var(--bleu-trait)}
  .nav .jg-menu li:last-child{border-bottom:0}
  .nav .jg-menu a{display:block;padding:16px 0;font-size:16px;border-bottom:0}
  .nav .jg-menu a:hover{color:var(--bleu)}
  .nav .jg-menu .current-menu-item > a,
  .nav .jg-menu .current_page_item > a{color:var(--bleu)}
}
@media(max-width:782px){
  body.admin-bar .nav{top:46px}
}
@media(max-width:640px){
  .wrap,.wrap-etroit,.bande-photo .cadre{padding-inline:18px}
  .jg-form{grid-template-columns:1fr}
  .bloc-arrondi{border-radius:30px 30px 0 0}
  .suivre .plots{grid-template-columns:1fr}
  .carte-lieu iframe{height:300px}
  .bandeau .wrap{justify-content:flex-end}
  .arche::after{inset:14px -14px -14px 14px}
  .marque .territoire{display:none}
  .marque img{height:44px}
  .nav .jg-menu ul{padding-inline:18px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto}}