/*
Theme Name: Guichet
Theme URI: https://www.adem-france.com/
Author: Adem France
Author URI: https://www.adem-france.com/
Description: Theme sur mesure d'Adem France. Magazine de guides pratiques (immobilier, finance, entreprise, formation) : mise en page institutionnelle, sommaire automatique, encadres a retenir, polices servies depuis le serveur.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 7.1
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: guichet
Tags: blog, news, custom-logo, custom-menu, featured-images, right-sidebar, threaded-comments, translation-ready
*/

/* =====================================================================
   1. Polices servies par le theme
   ===================================================================== */
@font-face{
  font-family:"Spectral";font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/spectral-600.woff2) format("woff2");
}
@font-face{
  font-family:"Spectral";font-style:normal;font-weight:700;font-display:swap;
  src:url(assets/fonts/spectral-700.woff2) format("woff2");
}
@font-face{
  font-family:"Spectral";font-style:italic;font-weight:400;font-display:swap;
  src:url(assets/fonts/spectral-400-italique.woff2) format("woff2");
}
@font-face{
  font-family:"Public Sans";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(assets/fonts/publicsans.woff2) format("woff2-variations");
}
@font-face{
  font-family:"Public Sans";font-style:italic;font-weight:400;font-display:swap;
  src:url(assets/fonts/publicsans-400-italique.woff2) format("woff2");
}

/* =====================================================================
   2. Jetons
   ===================================================================== */
:root{
  --bleu-nuit:#0c2b55;
  --bleu:#123f78;
  --bleu-vif:#1a56a0;
  --bleu-pale:#e8eff9;
  --ambre:#b4691b;
  --ambre-pale:#fdf6ec;
  --ambre-filet:#f0dcc0;
  --encre:#12203a;
  --encre-2:#4d5d78;
  --encre-3:#7b8ba4;
  --papier:#f2f5f9;
  --carte:#ffffff;
  --filet:#dde4ee;
  --filet-clair:#eef2f8;
  --serif:"Spectral",Georgia,"Times New Roman",serif;
  --sans:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --large:1200px;
  --rayon:6px;
  --ombre:0 1px 2px rgba(12,43,85,.05),0 10px 26px -14px rgba(12,43,85,.22);
}

/* =====================================================================
   3. Base
   ===================================================================== */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{
  margin:0;background:var(--papier);color:var(--encre);
  font-family:var(--sans);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img,video,iframe,embed,object{max-width:100%;}
img{height:auto;}
a{color:var(--bleu);text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4,h5,h6{font-family:var(--serif);font-weight:700;line-height:1.22;margin:0 0 .6em;color:var(--encre);text-wrap:balance;}
p,ul,ol,figure,table,pre,blockquote{margin:0 0 1.15em;}
ul,ol{padding-left:1.35em;}
figure{margin-inline:0;}
hr{border:0;border-top:1px solid var(--filet);margin:2em 0;}
:focus-visible{outline:3px solid var(--ambre);outline-offset:2px;}
.ecran-lecture{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.evitement{
  position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:var(--bleu-nuit);
  padding:12px 20px;font-weight:600;
}
.evitement:focus{left:8px;top:8px;}
.enveloppe{width:100%;max-width:var(--large);margin-inline:auto;padding-inline:20px;}

/* =====================================================================
   4. En-tete
   ===================================================================== */
.site-tete{background:var(--bleu-nuit);color:#fff;}
.tete-rang{display:flex;align-items:center;gap:26px;padding-block:16px;}
.marque{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;flex:none;}
.marque:hover{text-decoration:none;}
.marque svg{width:46px;height:46px;flex:none;display:block;}
.marque img{width:auto;height:46px;display:block;}
.marque-nom{display:block;font-family:var(--serif);font-weight:700;font-size:26px;line-height:1.05;letter-spacing:-.01em;}
.marque-sous{display:block;font-size:10.5px;font-weight:500;letter-spacing:.19em;text-transform:uppercase;color:#9db4d6;margin-top:3px;}

.menu-principal{margin-left:auto;}
.menu-principal ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0;}
.menu-principal a{color:#dbe6f5;font-size:15px;font-weight:500;text-decoration:none;padding-block:6px;border-bottom:2px solid transparent;display:block;}
.menu-principal a:hover{color:#fff;text-decoration:none;border-bottom-color:var(--ambre);}
.menu-principal .current-menu-item>a,
.menu-principal .current-menu-parent>a,
.menu-principal .current-cat>a{color:#fff;border-bottom-color:var(--ambre);}
.menu-principal li{position:relative;}
.menu-principal .sub-menu{
  display:none;position:absolute;left:0;top:100%;min-width:220px;background:#fff;
  padding:8px 0;border-radius:var(--rayon);box-shadow:0 18px 40px -16px rgba(12,43,85,.5);z-index:40;
}
.menu-principal li:hover>.sub-menu,.menu-principal li:focus-within>.sub-menu{display:block;}
.menu-principal .sub-menu a{color:var(--encre);padding:8px 16px;border:0;}
.menu-principal .sub-menu a:hover{background:var(--bleu-pale);color:var(--bleu);border:0;}

.tete-outils{display:flex;align-items:center;gap:10px;flex:none;}
.bouton-recherche,.bouton-menu{
  display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--rayon);
  background:rgba(255,255,255,.12);color:#fff;cursor:pointer;padding:0;
}
.bouton-recherche:hover,.bouton-menu:hover{background:rgba(255,255,255,.2);}
.bouton-menu{display:none;}
.tete-recherche{display:none;padding-bottom:18px;}
.tete-recherche.ouverte{display:block;}

/* formulaire de recherche */
.formulaire-recherche{display:flex;gap:8px;}
.formulaire-recherche input[type=search]{
  flex:1;min-width:0;border:1px solid var(--filet);border-radius:var(--rayon);
  padding:12px 16px;font:inherit;font-size:16px;background:#fff;color:var(--encre);
}
.formulaire-recherche button{
  border:0;border-radius:var(--rayon);background:var(--ambre);color:#fff;
  font:inherit;font-weight:600;padding:12px 22px;cursor:pointer;
}
.formulaire-recherche button:hover{background:#9c5a15;}

/* bandeau des rubriques */
.bandeau-rubriques{background:#fff;border-bottom:1px solid var(--filet);}
.bandeau-rubriques ul{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;list-style:none;margin:0;padding:0;background:var(--filet);}
.bandeau-rubriques li{background:#fff;}
.bandeau-rubriques a{display:block;padding:13px 16px;text-decoration:none;height:100%;}
.bandeau-rubriques a:hover{background:var(--bleu-pale);text-decoration:none;}
.bandeau-rubriques b{display:block;font-size:14.5px;font-weight:700;color:var(--bleu);line-height:1.25;}
.bandeau-rubriques span{font-size:12.5px;color:var(--encre-3);font-variant-numeric:tabular-nums;}

/* =====================================================================
   5. Corps de page
   ===================================================================== */
.site-corps{padding-block:38px 56px;}
.colonnes{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:46px;align-items:start;}
.pleine{max-width:860px;margin-inline:auto;}

/* =====================================================================
   6. Cartes
   ===================================================================== */
.carte{
  background:var(--carte);border:1px solid var(--filet);border-radius:var(--rayon);
  overflow:hidden;display:flex;flex-direction:column;height:100%;width:100%;float:none;padding:0;
}
.carte:hover{border-color:#c3d2e8;}
.carte-image{display:block;aspect-ratio:16/9;background:var(--bleu-pale);overflow:hidden;}
.carte-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.carte:hover .carte-image img{transform:scale(1.03);}
@media (prefers-reduced-motion:reduce){.carte-image img{transition:none;}.carte:hover .carte-image img{transform:none;}}
.carte-texte{padding:15px 17px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.carte-rubrique{
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ambre);
  text-decoration:none;
}
.carte-rubrique:hover{text-decoration:underline;}
.carte-titre{font-family:var(--serif);font-size:18.5px;font-weight:600;line-height:1.3;margin:0;}
.carte-titre a{color:var(--encre);text-decoration:none;}
.carte-titre a:hover{color:var(--bleu);text-decoration:none;}
.carte-meta{margin-top:auto;font-size:12.5px;color:var(--encre-3);}
.carte-extrait{font-size:14.5px;color:var(--encre-2);margin:0;}

.grille{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}
.grille-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grille-4{grid-template-columns:repeat(4,minmax(0,1fr));}

/* =====================================================================
   7. Accueil
   ===================================================================== */
.une{
  background:var(--carte);border:1px solid var(--filet);border-radius:var(--rayon);
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);overflow:hidden;
  box-shadow:var(--ombre);
}
.une-image{display:block;position:relative;min-height:320px;background:var(--bleu-pale);}
.une-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.une-texte{padding:34px 38px;display:flex;flex-direction:column;justify-content:center;}
.etiquette{
  align-self:flex-start;display:inline-block;background:var(--bleu-pale);color:var(--bleu);
  font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  padding:6px 12px;border-radius:3px;margin-bottom:14px;text-decoration:none;
}
.une-texte h2{font-size:clamp(25px,2.6vw,33px);line-height:1.2;margin:0 0 12px;}
.une-texte h2 a{color:var(--encre);text-decoration:none;}
.une-texte h2 a:hover{color:var(--bleu);text-decoration:none;}
.une-extrait{font-size:16px;color:var(--encre-2);margin:0 0 18px;}
.bouton{
  align-self:flex-start;display:inline-block;background:var(--bleu);color:#fff;
  font-size:15px;font-weight:600;padding:11px 22px;border-radius:var(--rayon);text-decoration:none;
}
.bouton:hover{background:var(--bleu-nuit);color:#fff;text-decoration:none;}
.une-meta{font-size:13px;color:var(--encre-3);margin:14px 0 0;}

.rang-tete{display:flex;align-items:baseline;gap:14px;margin:46px 0 20px;flex-wrap:wrap;}
.rang-tete h2{font-size:25px;margin:0;}
.rang-tete .note{font-size:14px;color:var(--encre-3);}
.rang-tete .suite{margin-left:auto;font-size:14.5px;font-weight:600;color:var(--bleu);text-decoration:none;}
.rang-tete .suite:hover{text-decoration:underline;}

.questions{
  background:var(--carte);border:1px solid var(--filet);border-left:5px solid var(--ambre);
  border-radius:var(--rayon);padding:26px 30px;margin-top:46px;
}
.questions h2{font-size:23px;margin:0 0 16px;}
.questions ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 34px;list-style:none;margin:0;padding:0;}
.questions li{position:relative;padding-left:24px;line-height:1.4;}
.questions li::before{content:"?";position:absolute;left:0;top:0;color:var(--ambre);font-weight:700;font-size:18px;}
.questions a{color:var(--encre);font-size:16px;text-decoration:none;}
.questions a:hover{color:var(--bleu);text-decoration:underline;}

.rubriques-reste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:46px;}
.bloc-rubrique{background:var(--carte);border:1px solid var(--filet);border-radius:var(--rayon);padding:22px 24px;}
.bloc-rubrique h3{font-size:19px;margin:0 0 4px;}
.bloc-rubrique h3 a{color:var(--encre);text-decoration:none;}
.bloc-rubrique h3 a:hover{color:var(--bleu);}
.bloc-rubrique .compte{font-size:12.5px;color:var(--encre-3);display:block;margin-bottom:14px;}
.bloc-rubrique ul{list-style:none;margin:0;padding:0;}
.bloc-rubrique li{padding:9px 0;border-top:1px solid var(--filet-clair);font-size:15.5px;line-height:1.35;}
.bloc-rubrique li a{color:var(--encre);text-decoration:none;}
.bloc-rubrique li a:hover{color:var(--bleu);text-decoration:underline;}

/* =====================================================================
   8. Archives et recherche
   ===================================================================== */
.tete-archive{background:var(--bleu-nuit);color:#fff;padding-block:34px 36px;}
.tete-archive h1{color:#fff;font-size:clamp(28px,3.4vw,38px);margin:0 0 10px;}
.tete-archive p{color:#c3d5ee;margin:0;max-width:70ch;font-size:16px;}
.tete-archive .compte{color:#9db4d6;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;margin:0 0 12px;}
.fil{font-size:13.5px;color:#9db4d6;margin:0 0 14px;}
.fil a{color:#c3d5ee;text-decoration:none;}
.fil a:hover{color:#fff;text-decoration:underline;}
.fil .separateur{margin-inline:7px;opacity:.6;}

.pagination{margin-top:38px;}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;}
.pagination .page-numbers{
  display:grid;place-items:center;min-width:42px;height:42px;padding-inline:13px;
  background:var(--carte);border:1px solid var(--filet);border-radius:var(--rayon);
  color:var(--bleu);font-weight:600;font-size:15px;text-decoration:none;
}
.pagination .page-numbers:hover{background:var(--bleu-pale);text-decoration:none;}
.pagination .current{background:var(--bleu);border-color:var(--bleu);color:#fff;}
.pagination .dots{border-color:transparent;background:transparent;}

.rien{background:var(--carte);border:1px solid var(--filet);border-radius:var(--rayon);padding:34px;}
.rien h2{margin-top:0;}

/* =====================================================================
   9. Article
   ===================================================================== */
.tete-article{background:var(--bleu-nuit);color:#fff;padding-block:30px 34px;}
.tete-article h1{color:#fff;font-size:clamp(28px,3.6vw,40px);line-height:1.18;margin:0;max-width:24ch;}
.tete-article .etiquette{background:rgba(255,255,255,.14);color:#fff;}
.signature{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:14.5px;color:#c3d5ee;flex-wrap:wrap;}
.signature img,.signature .initiales{width:42px;height:42px;border-radius:50%;flex:none;}
.signature .initiales{background:#2a5da3;color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;}
.signature b{color:#fff;font-weight:600;}
.signature .duree{margin-left:auto;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#9db4d6;}

.article-corps{background:var(--carte);border:1px solid var(--filet);border-radius:var(--rayon);padding:30px 36px 36px;}
.article-illustration{margin:0 0 26px;}
.article-illustration img{width:100%;border-radius:4px;display:block;}
.article-illustration figcaption{font-size:13px;color:var(--encre-3);margin-top:8px;}

.contenu{font-size:17.5px;line-height:1.75;color:#28374f;}
.contenu > *:last-child{margin-bottom:0;}
.contenu h2{font-size:26px;margin:1.5em 0 .5em;scroll-margin-top:24px;}
.contenu h3{font-size:21px;margin:1.4em 0 .45em;scroll-margin-top:24px;}
.contenu h4{font-size:18px;}
.contenu a{color:var(--bleu);text-decoration:underline;text-underline-offset:2px;}
.contenu a:hover{color:var(--bleu-nuit);}
.contenu img{border-radius:4px;height:auto;}
.contenu figure{margin-bottom:1.5em;}
.contenu blockquote{
  margin:1.6em 0;padding:4px 0 4px 22px;border-left:4px solid var(--bleu-pale);
  font-family:var(--serif);font-size:20px;font-style:italic;color:var(--encre-2);
}
.contenu blockquote p:last-child{margin-bottom:0;}
.contenu ul,.contenu ol{padding-left:1.4em;}
.contenu li{margin-bottom:.45em;}
.contenu table{width:100%;border-collapse:collapse;font-size:15.5px;}
.contenu th,.contenu td{border:1px solid var(--filet);padding:9px 12px;text-align:left;}
.contenu th{background:var(--bleu-pale);font-weight:700;}
.contenu pre{background:#f6f8fb;padding:16px;border-radius:4px;overflow-x:auto;}
.contenu .wp-block-table{overflow-x:auto;}

/* sommaire */
.sommaire{
  background:#f7f9fc;border:1px solid var(--filet);border-radius:var(--rayon);
  padding:20px 24px;margin:0 0 28px;
}
.sommaire h2{
  font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--bleu);margin:0 0 10px;
}
.sommaire ol{list-style:none;margin:0;padding:0;counter-reset:pas;}
.sommaire li{counter-increment:pas;padding:6px 0;border-bottom:1px solid var(--filet-clair);font-size:16px;line-height:1.4;}
.sommaire li:last-child{border-bottom:0;}
.sommaire li::before{content:counter(pas) ".";color:var(--ambre);font-weight:700;margin-right:8px;}
.sommaire a{color:var(--encre);text-decoration:none;}
.sommaire a:hover{color:var(--bleu);text-decoration:underline;}

/* encadre a retenir */
.retenir,.is-style-retenir{
  background:var(--ambre-pale);border:1px solid var(--ambre-filet);border-radius:var(--rayon);
  padding:20px 24px;margin:1.8em 0;color:#5b4527;font-size:16.5px;
}
.retenir > *:last-child,.is-style-retenir > *:last-child{margin-bottom:0;}
.retenir-titre{
  display:block;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--ambre);margin-bottom:8px;
}
.is-style-retenir strong:first-child{color:var(--ambre);}

/* bas d'article */
.etiquettes{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.etiquettes span{font-size:12.5px;color:var(--encre-3);letter-spacing:.06em;text-transform:uppercase;font-weight:600;}
.etiquettes a{
  background:var(--bleu-pale);color:var(--bleu);font-size:13.5px;padding:5px 12px;
  border-radius:999px;text-decoration:none;
}
.etiquettes a:hover{background:#d8e5f7;text-decoration:none;}

.navigation-article{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;}
.navigation-article a{
  display:block;background:var(--carte);border:1px solid var(--filet);border-radius:var(--rayon);
  padding:16px 20px;text-decoration:none;
}
.navigation-article a:hover{border-color:#c3d2e8;text-decoration:none;}
.navigation-article .sens{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ambre);margin-bottom:6px;}
.navigation-article .titre{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--encre);line-height:1.3;display:block;}
.navigation-article .suivant{text-align:right;}

.zone-auteur{
  display:flex;gap:18px;align-items:flex-start;background:var(--carte);border:1px solid var(--filet);
  border-radius:var(--rayon);padding:22px 24px;margin-top:30px;
}
.zone-auteur img,.zone-auteur .initiales{width:60px;height:60px;border-radius:50%;flex:none;}
.zone-auteur .initiales{background:var(--bleu);color:#fff;display:grid;place-items:center;font-weight:700;font-size:22px;}
.zone-auteur h2{font-size:19px;margin:0 0 5px;}
.zone-auteur p{margin:0;font-size:15px;color:var(--encre-2);}

/* =====================================================================
   10. Barre laterale
   ===================================================================== */
.barre{position:sticky;top:20px;display:flex;flex-direction:column;gap:22px;}
.encart{background:var(--carte);border:1px solid var(--filet);border-radius:var(--rayon);padding:20px 22px;}
.encart h2{font-size:18px;margin:0 0 14px;}
.encart ul{list-style:none;margin:0;padding:0;}
.encart li{padding:10px 0;border-top:1px solid var(--filet-clair);font-size:15.5px;line-height:1.35;}
.encart li:first-child{border-top:0;padding-top:0;}
.encart li a{color:var(--encre);text-decoration:none;}
.encart li a:hover{color:var(--bleu);text-decoration:underline;}
.encart .rubriques li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;}
.encart .rubriques b{color:var(--bleu);font-variant-numeric:tabular-nums;font-size:13.5px;}
.encart-vignette{display:flex;gap:12px;align-items:flex-start;}
.encart-vignette img{width:78px;height:54px;object-fit:cover;border-radius:4px;flex:none;}
.encart .date{display:block;font-size:12.5px;color:var(--encre-3);margin-top:3px;}
.encart-texte{font-size:15px;color:var(--encre-2);}
.encart-texte p:last-child{margin-bottom:0;}

/* =====================================================================
   11. Pages
   ===================================================================== */
.tete-page{background:#fff;border-bottom:1px solid var(--filet);padding-block:30px;}
.tete-page h1{font-size:clamp(28px,3.4vw,38px);margin:0;}
.tete-page .fil{color:var(--encre-3);margin-bottom:10px;}
.tete-page .fil a{color:var(--encre-2);}
.page-corps{background:var(--carte);border:1px solid var(--filet);border-radius:var(--rayon);padding:32px 38px 38px;}

/* Contact Form 7 */
.wpcf7 label{display:block;font-weight:600;font-size:15px;margin-bottom:16px;}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],
.wpcf7 input[type=url],.wpcf7 textarea,.wpcf7 select{
  display:block;width:100%;margin-top:6px;border:1px solid var(--filet);border-radius:var(--rayon);
  padding:11px 14px;font:inherit;font-size:16px;font-weight:400;background:#fff;color:var(--encre);
}
.wpcf7 textarea{min-height:170px;}
.wpcf7 input[type=submit]{
  border:0;border-radius:var(--rayon);background:var(--bleu);color:#fff;font:inherit;
  font-weight:600;font-size:16px;padding:12px 26px;cursor:pointer;
}
.wpcf7 input[type=submit]:hover{background:var(--bleu-nuit);}

/* 404 */
.page-404{text-align:center;padding-block:20px;}
.page-404 .code{font-family:var(--serif);font-size:90px;line-height:1;color:var(--bleu-pale);margin:0;}
.page-404 h1{font-size:32px;margin:6px 0 12px;}
.page-404 p{color:var(--encre-2);max-width:56ch;margin-inline:auto;}
.page-404 .formulaire-recherche{max-width:480px;margin:24px auto 0;}

/* commentaires */
.zone-commentaires{background:var(--carte);border:1px solid var(--filet);border-radius:var(--rayon);padding:26px 30px;margin-top:30px;}
.zone-commentaires h2{font-size:21px;margin-top:0;}
.liste-commentaires{list-style:none;margin:0 0 24px;padding:0;}
.liste-commentaires ol{list-style:none;padding-left:26px;}
.liste-commentaires li{border-top:1px solid var(--filet-clair);padding:16px 0;}
.liste-commentaires .comment-meta{font-size:13px;color:var(--encre-3);margin-bottom:6px;}
.liste-commentaires .comment-author{font-weight:600;color:var(--encre);}
.liste-commentaires .comment-body p{font-size:16px;}
.liste-commentaires .reply{font-size:14px;}
.comment-form label{display:block;font-weight:600;font-size:14.5px;margin-bottom:5px;}
.comment-form input[type=text],.comment-form input[type=email],
.comment-form input[type=url],.comment-form textarea{
  width:100%;border:1px solid var(--filet);border-radius:var(--rayon);padding:11px 14px;
  font:inherit;font-size:16px;background:#fff;color:var(--encre);
}
.comment-form textarea{min-height:140px;}
.comment-form .form-submit input{
  border:0;border-radius:var(--rayon);background:var(--bleu);color:#fff;font:inherit;
  font-weight:600;padding:12px 26px;cursor:pointer;
}
.comment-form .form-submit input:hover{background:var(--bleu-nuit);}
.comment-form .comment-form-cookies-consent{display:flex;gap:9px;align-items:flex-start;font-size:14px;}
.comment-form .comment-form-cookies-consent label{font-weight:400;margin:0;}

/* =====================================================================
   12. Pied
   ===================================================================== */
.site-pied{background:var(--bleu-nuit);color:#c3d5ee;padding-block:44px 0;margin-top:20px;}
.pied-grille{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px;}
.pied-marque .marque{margin-bottom:14px;}
.pied-marque p{font-size:15px;color:#9db4d6;margin:0;max-width:42ch;}
.site-pied h2{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#fff;margin:0 0 14px;}
.site-pied ul{list-style:none;margin:0;padding:0;}
.site-pied li{margin-bottom:9px;font-size:15px;}
.site-pied a{color:#c3d5ee;text-decoration:none;}
.site-pied a:hover{color:#fff;text-decoration:underline;}
.site-pied .compte{color:#7492bd;font-size:12.5px;font-variant-numeric:tabular-nums;margin-left:5px;}
.pied-bas{
  border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-block:18px 22px;
  display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;font-size:13.5px;color:#8fa9cf;
}
.pied-bas nav ul{display:flex;flex-wrap:wrap;gap:18px;}
.pied-bas nav{margin-left:auto;}

/* =====================================================================
   13. Adaptations
   ===================================================================== */
@media (max-width:1080px){
  .grille-4{grid-template-columns:repeat(3,minmax(0,1fr));}
  .bandeau-rubriques ul{grid-template-columns:repeat(3,1fr);}
  .colonnes{grid-template-columns:minmax(0,1fr);gap:34px;}
  .barre{position:static;}
  /* la barre latérale passe dessous : on garde une longueur de ligne lisible */
  .article-corps,.zone-auteur,.navigation-article,.zone-commentaires,.barre{
    max-width:880px;margin-inline:auto;
  }
  .pied-grille{grid-template-columns:1fr 1fr;gap:30px;}
}
@media (max-width:900px){
  .grille-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .grille-3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .rubriques-reste{grid-template-columns:1fr;}
  .une{grid-template-columns:1fr;}
  .une-image{min-height:0;aspect-ratio:16/9;}
  .une-image img{position:static;}
  .une-texte{padding:26px 24px 30px;}
  .questions ul{grid-template-columns:1fr;}
  .article-corps,.page-corps{padding:24px 22px 28px;}
}
@media (max-width:780px){
  body{font-size:16.5px;}
  .bouton-menu{display:grid;}
  .menu-principal{
    display:none;position:absolute;left:0;right:0;top:100%;background:#0a2447;
    padding:10px 20px 20px;z-index:50;box-shadow:0 20px 40px -18px rgba(0,0,0,.7);
  }
  .menu-principal.ouvert{display:block;}
  .menu-principal ul{flex-direction:column;align-items:stretch;gap:0;}
  .menu-principal li{border-top:1px solid rgba(255,255,255,.1);}
  .menu-principal a{padding:13px 0;font-size:16px;border:0;}
  .menu-principal .sub-menu{display:block;position:static;background:transparent;box-shadow:none;padding:0 0 6px 16px;}
  .menu-principal .sub-menu a{color:#9db4d6;padding:8px 0;}
  .site-tete .enveloppe{position:relative;}
  .tete-rang{gap:14px;}
  .marque svg,.marque img{width:40px;height:40px;}
  .marque-nom{font-size:22px;}
  .navigation-article{grid-template-columns:1fr;}
  .signature .duree{margin-left:0;width:100%;}
}
@media (max-width:560px){
  .bandeau-rubriques ul{grid-template-columns:repeat(2,1fr);}
  .grille-3,.grille-4,.grille{grid-template-columns:1fr;}
  .contenu{font-size:17px;}
  .article-corps,.page-corps,.encart,.questions{padding-inline:18px;}
  .pied-grille{grid-template-columns:1fr;}
  .tete-article h1{max-width:none;}
}

/* =====================================================================
   14. Impression
   ===================================================================== */
@media print{
  .site-tete,.site-pied,.barre,.navigation-article,.zone-commentaires,.bandeau-rubriques{display:none!important;}
  body{background:#fff;font-size:12pt;}
  .article-corps{border:0;padding:0;}
  .tete-article{background:#fff;color:#000;padding:0;}
  .tete-article h1{color:#000;}
}