/*
Theme Name: Votre Réputation
Theme URI: https://www.votre-reputation.com
Author: EgoSum
Author URI: https://egosum.dev
Description: Thème sur mesure pour votre-reputation.com (Les Infostratèges). Léger, rapide, sans constructeur de pages. Remplace Divi ainsi que les extensions Back To Top, Divi Blog Extras, Hubbub (partage), CookieYes (via tarteaucitron embarqué) et All 404 Redirect (vraie page 404).
Version: 1.6.2
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 8.0
License: Propriétaire
Text Domain: votre-reputation
*/

:root{
  --jaune:#FFCE00;
  --jaune-fonce:#E5B800;
  --noir:#121212;
  --encre:#1A1A1A;
  --gris:#5C5C58;
  --gris-clair:#8A8A85;
  --filet:#E6E4DD;
  --blanc:#FFFFFF;
  --fond:#FBFAF7;
  --max:1200px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
/* Ancres (table des matières, #contact, #rgpd…) : l'arrivée du défilement
   compense la hauteur de l'en-tête fixe — et celle de la barre d'admin le
   cas échéant (variable définie par WordPress, repli 0). */
[id]{scroll-margin-top:calc(146px + var(--wp-admin--admin-bar--height,0px))}
@media(max-width:1142px){[id]{scroll-margin-top:calc(96px + var(--wp-admin--admin-bar--height,0px))}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
body{
  font-family:'Archivo',system-ui,sans-serif;
  color:var(--encre);
  background:var(--blanc);
  line-height:1.6;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,text-decoration-color .3s ease-in-out}
img{max-width:100%;height:auto;display:block}
html,body{overflow-x:clip}
.conteneur{max-width:var(--max);margin:0 auto;padding:0 24px}
:focus-visible{outline:3px solid var(--jaune);outline-offset:3px;border-radius:2px}

/* ---------- Header ---------- */
.entete{
  position:fixed;top:0;left:0;right:0;z-index:100;
  transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;
}
.entete-haut{
  max-width:var(--max);margin:0 auto;padding:16px 24px 12px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.logo{display:flex;align-items:center;text-decoration:none;min-width:0}
.logo img{height:46px;width:auto;max-width:100%;transition:filter .3s ease-in-out}
.entete.transparent .logo img{filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.5))}
.entete-tel{transition:color .3s ease-in-out;
  text-decoration:none;font-weight:800;font-size:19px;letter-spacing:-.01em;
  color:var(--encre);white-space:nowrap;
}
.entete.transparent .entete-tel{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.entete-tel:hover{color:var(--jaune-fonce)}
.entete.transparent .entete-tel:hover{color:var(--jaune)}
.nav-principale{
  max-width:var(--max);margin:0 auto;padding:8px 24px 10px;
  display:flex;gap:6px;align-items:center;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.18);
}
.entete.solide .nav-principale{border-top-color:var(--filet)}
.nav-principale a{
  text-decoration:none;font-weight:500;font-size:15px;
  padding:8px 12px;border-radius:4px;
  color:var(--encre);
  transition:background-color .3s ease-in-out,color .3s ease-in-out;
}
.entete.transparent .nav-principale a{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.entete.transparent .nav-principale a.nav-cta{text-shadow:none;color:var(--noir)}
.nav-principale a:hover{background:rgba(255,206,0,.25)}
.nav-principale a.nav-cta{
  background:var(--jaune);color:var(--noir);font-weight:700;
  padding:10px 18px;margin-left:8px;
}
.nav-principale a.nav-cta:hover{background:var(--jaune-fonce)}
.entete.solide{background:var(--blanc);box-shadow:0 1px 0 var(--filet)}
.burger{
  display:none;background:none;border:none;cursor:pointer;
  width:44px;height:44px;flex-direction:column;justify-content:center;gap:6px;align-items:center;
}
.burger span{display:block;width:26px;height:2px;background:var(--encre);transition:transform .3s ease-in-out,opacity .3s ease-in-out}
.entete.transparent .burger span{background:#fff}
.entete.menu-ouvert .burger span{background:var(--encre)}
.entete.menu-ouvert .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.entete.menu-ouvert .burger span:nth-child(2){opacity:0}
.entete.menu-ouvert .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* ---------- Hero ---------- */
.hero{
  position:relative;
  min-height:78svh;
  display:flex;flex-direction:column;justify-content:flex-end;
  background:var(--noir);
  overflow:hidden;
}
.hero-fond{
  position:absolute;inset:0;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  opacity:0;transition:opacity .9s ease;
  transform:scale(1.03);
}
.hero-fond.actif{opacity:1;transform:scale(1);transition:opacity .9s ease,transform 6s ease}
.hero::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(10,10,12,.55) 0%,rgba(10,10,12,.35) 40%,rgba(10,10,12,.78) 100%);
}
.hero-contenu{
  position:relative;z-index:2;
  max-width:var(--max);margin:0 auto;width:100%;
  padding:180px 24px 40px;
  color:#fff;
  animation:lever .8s ease both;
}
.hero-slides{display:grid}
.hero-slide{
  grid-area:1/1;
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .5s ease,transform .5s ease,visibility 0s .5s;
}
.hero-slide.actif{
  opacity:1;visibility:visible;transform:none;
  transition:opacity .5s ease .25s,transform .5s ease .25s,visibility 0s;
}
.hero-titre{
  font-weight:800;font-size:clamp(2.2rem,5vw,4rem);
  line-height:1.06;letter-spacing:-.02em;
  max-width:16ch;
}
.hero-slide p{
  margin-top:22px;max-width:60ch;font-size:clamp(.98rem,1.3vw,1.15rem);
  color:rgba(255,255,255,.88);
}
.hero-tabs{
  position:relative;z-index:2;
  max-width:var(--max);margin:0 auto;width:100%;
  padding:28px 24px 34px;
  display:flex;gap:8px;flex-wrap:wrap;
}
.hero-tab{
  background:none;border:none;cursor:pointer;
  font-family:inherit;font-weight:700;font-size:14px;color:rgba(255,255,255,.65);
  padding:12px 14px 14px;position:relative;
  transition:color .3s ease-in-out;
}
.hero-tab::after{
  content:"";position:absolute;left:14px;right:14px;bottom:6px;height:3px;
  background:rgba(255,255,255,.3);
}
.hero-tab:hover{color:#fff}
.hero-tab.actif{color:#fff}
.hero-tab.actif::after{background:var(--jaune)}
@keyframes lever{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-marque{
  display:inline-block;background:var(--jaune);color:var(--noir);
  font-weight:700;font-size:14px;letter-spacing:.01em;
  padding:6px 14px;margin-bottom:26px;
}
.hero-actions{margin-top:38px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.btn{
  display:inline-block;text-decoration:none;font-weight:700;font-size:16px;
  padding:15px 28px;border-radius:4px;transition:transform .12s ease,background-color .3s ease-in-out,border-color .3s ease-in-out;
}
.btn:active{transform:scale(.98)}
.btn-jaune{background:var(--jaune);color:var(--noir)}
.btn-jaune:hover{background:var(--jaune-fonce)}
.btn-contour{border:2px solid rgba(255,255,255,.7);color:#fff}
.btn-contour:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.hero-tel{color:rgba(255,255,255,.85);font-size:15px}
.hero-tel a{color:var(--jaune);font-weight:700;text-decoration:none}
.hero-tel a:hover{text-decoration:underline}

/* ---------- Sections ---------- */
section{padding:96px 0}
.sur-titre{
  font-weight:700;font-size:15px;color:var(--gris);
  margin-bottom:12px;
  display:flex;align-items:center;gap:12px;
}
.sur-titre::before{content:"";width:34px;height:4px;background:var(--jaune)}
h2{
  font-weight:800;font-size:clamp(1.8rem,3.4vw,2.6rem);
  letter-spacing:-.015em;line-height:1.12;max-width:24ch;
}
.chapo{margin-top:16px;max-width:62ch;color:var(--gris);font-size:18px}

/* ---------- Services ---------- */
.services{background:var(--fond)}
.grille-services{
  margin-top:56px;
  display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid var(--filet);border-left:1px solid var(--filet);
}
.service{
  border-right:1px solid var(--filet);border-bottom:1px solid var(--filet);
  padding:40px 36px;background:var(--blanc);
  position:relative;
  transition:background-color .3s ease-in-out;
}
.service::before{
  content:"";position:absolute;top:0;left:0;width:0;height:4px;background:var(--jaune);
  transition:width .3s ease-in-out;
}
.service:hover::before{width:100%}
.service h3{font-weight:800;font-size:1.35rem;letter-spacing:-.01em;margin-bottom:14px}
.service p{color:var(--gris);font-size:16px}
.service a{
  display:inline-block;margin-top:18px;font-weight:700;font-size:15px;
  color:var(--encre);text-decoration:none;
  border-bottom:2px solid var(--jaune);padding-bottom:2px;
}
.service a:hover{border-bottom-width:3px}

/* ---------- Bande médias ---------- */
.medias{padding:60px 0;border-bottom:1px solid var(--filet)}
.medias-titre{
  text-align:center;color:var(--gris-clair);font-weight:500;font-size:15px;margin-bottom:34px;
}
.medias-logos{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:40px 56px;
}
.medias-logos img{
  height:30px;width:auto;filter:grayscale(1) opacity(.55);
  transition:filter .3s ease-in-out;
}
.medias-logos img:hover{filter:grayscale(0) opacity(1)}

/* ---------- Actualités ---------- */
.actus-liste{margin-top:48px;border-top:1px solid var(--filet)}
.actu{
  display:grid;grid-template-columns:150px 1fr auto;gap:28px;align-items:baseline;
  padding:28px 0;border-bottom:1px solid var(--filet);
  text-decoration:none;
  transition:background-color .3s ease-in-out;
}
.actu:hover{background:var(--fond)}
.actu time{color:var(--gris-clair);font-size:15px;font-weight:500}
.actu h3{transition:text-decoration-color .3s ease-in-out;
  font-weight:700;font-size:1.2rem;letter-spacing:-.01em;line-height:1.3;
}
.actu:hover h3{text-decoration:underline;text-decoration-color:var(--jaune);text-decoration-thickness:3px;text-underline-offset:4px}
.actu .lecture{color:var(--gris-clair);font-size:14px;white-space:nowrap}
.actus-plus{margin-top:36px}
.actus-plus a{
  font-weight:700;text-decoration:none;color:var(--encre);
  border-bottom:2px solid var(--jaune);padding-bottom:2px;
}

/* ---------- Témoignage ---------- */
.temoignage{background:var(--noir);color:#fff}
.temoignage blockquote{
  max-width:820px;margin:0 auto;text-align:center;
}
.temoignage blockquote p{
  font-size:clamp(1.4rem,2.6vw,2rem);font-weight:500;line-height:1.4;letter-spacing:-.01em;
}
.temoignage blockquote p::before{content:"« ";color:var(--jaune)}
.temoignage blockquote p::after{content:" »";color:var(--jaune)}
.temoignage figcaption{
  margin-top:28px;color:rgba(255,255,255,.6);font-size:15px;text-align:center;
}

/* ---------- Contact ---------- */
.contact-grille{
  margin-top:56px;
  display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start;
}
.contact-info p{color:var(--gris);margin-bottom:22px;max-width:44ch}
.contact-tel{transition:border-bottom-color .3s ease-in-out,color .3s ease-in-out;
  font-weight:800;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.01em;
  text-decoration:none;color:var(--encre);
  border-bottom:4px solid var(--jaune);padding-bottom:4px;display:inline-block;
}
.contact-tel:hover{border-bottom-color:var(--jaune-fonce)}
.contact-note{margin-top:26px;font-size:14px;color:var(--gris-clair);max-width:44ch}
.contact-note a{color:var(--gris)}
.champ{margin-bottom:22px}
.champ label{display:block;font-weight:700;font-size:14px;margin-bottom:8px}
.champ input,.champ textarea{
  width:100%;font:inherit;font-size:16px;color:var(--encre);
  border:1px solid var(--filet);border-radius:4px;background:var(--fond);
  padding:14px 16px;
  transition:border-color .3s ease-in-out,background-color .3s ease-in-out,box-shadow .3s ease-in-out;
}
.champ input:focus,.champ textarea:focus{
  outline:none;border-color:transparent;background:var(--blanc);
  box-shadow:0 0 0 3px rgba(255,206,0,.55);
}
.champ textarea{min-height:150px;resize:vertical}
.contact-succes{
  background:#eaf6ee;border-left:4px solid #2e8b57;border-radius:4px;
  padding:34px 32px;color:#1c5b38;
}
.contact-succes h3{font-weight:800;font-size:1.35rem;letter-spacing:-.01em;margin-bottom:10px;color:#174b2e}
.contact-succes p{font-size:16px;line-height:1.6;max-width:52ch}
.contact-echec{
  background:#fcefed;border-left:4px solid #c0392b;border-radius:4px;
  padding:18px 20px;color:#7d2a1f;margin-bottom:22px;
}
.contact-echec p{font-size:15px;line-height:1.6}
.contact-echec a{color:#7d2a1f;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.form-envoi{border:none;cursor:pointer;font-family:inherit}

/* ---------- Footer ---------- */
.pied{background:var(--noir);color:rgba(255,255,255,.75);padding:72px 0 40px;font-size:15px}
.pied-grille{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;
}
.pied-grille>div{min-width:0}
.pied-grille a,.pied-grille p{overflow-wrap:anywhere}
.pied img{height:60px;width:auto;margin-bottom:18px}
.pied h4,.pied .pied-titre{color:#fff;font-weight:700;font-size:15px;margin-bottom:16px}
.pied ul{list-style:none}
.pied li{margin-bottom:10px}
.pied a{color:rgba(255,255,255,.75);text-decoration:none}
.pied a:hover{color:var(--jaune)}
.pied-rs a{display:inline-flex;align-items:center;gap:10px}
.pied-rs svg{width:18px;height:18px;flex:none;fill:currentColor}
.pied-legal{
  margin-top:56px;padding-top:28px;border-top:1px solid rgba(255,255,255,.15);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  color:rgba(255,255,255,.45);font-size:14px;
}
.pied-legal a{color:rgba(255,255,255,.55);text-decoration:underline dotted;text-underline-offset:3px}
.pied-legal a:hover{color:rgba(255,255,255,.95)}

/* ---------- Retour en haut ---------- */
.haut-page{
  position:fixed;right:24px;bottom:24px;z-index:150;
  width:52px;height:52px;border-radius:4px;
  background:var(--jaune);color:var(--noir);
  border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
  opacity:0;transform:rotate(-180deg) scale(.4);
  pointer-events:none;
  transition:opacity .45s ease-in-out,transform .45s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out;
}
.haut-page.visible{
  opacity:1;transform:rotate(0) scale(1);
  pointer-events:auto;
}
.haut-page:hover{background:var(--noir);color:var(--jaune)}
.haut-page svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:560px){
  .haut-page{right:14px;bottom:14px;width:46px;height:46px}
}

/* ---------- Bandeau cookies (surcharges du CSS officiel tarteaucitron) ---------- */
#tarteaucitronRoot #tarteaucitronAlertBig{
  display:block;
  position:fixed!important;left:24px!important;right:auto!important;bottom:24px!important;top:auto!important;
  width:auto!important;max-width:430px!important;box-sizing:border-box!important;
  background:var(--jaune)!important;color:var(--noir)!important;
  padding:26px 28px!important;border-radius:4px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.28)!important;
  font-family:'Archivo',system-ui,sans-serif!important;font-size:15px!important;
  text-align:left!important;
  animation:lever .5s ease .4s both;
}
#tarteaucitronRoot #tarteaucitronAlertBig br{display:none!important}
#tarteaucitronRoot #tarteaucitronDisclaimerAlert{
  display:block!important;font-size:15px!important;line-height:1.5!important;font-weight:500!important;
  color:var(--noir)!important;margin:0 0 18px!important;padding:0!important;
}
#tarteaucitronRoot #tarteaucitronDisclaimerAlert strong{
  display:block!important;font-weight:800!important;font-size:17px!important;letter-spacing:-.01em;margin-bottom:6px!important;
}
#tarteaucitronRoot .tarteaucitronCTAButton{
  font-family:inherit!important;font-weight:700!important;font-size:15px!important;cursor:pointer;
  padding:11px 20px!important;border-radius:4px!important;margin:0 10px 10px 0!important;
  transition:transform .12s ease,background-color .3s ease-in-out,border-color .3s ease-in-out;
}
#tarteaucitronRoot .tarteaucitronCTAButton:active{transform:scale(.98)}
#tarteaucitronRoot .tarteaucitronAllow{
  background:var(--noir)!important;color:var(--jaune)!important;border:2px solid var(--noir)!important;
}
#tarteaucitronRoot .tarteaucitronAllow:hover{background:#000!important}
#tarteaucitronRoot .tarteaucitronDeny{
  background:transparent!important;color:var(--noir)!important;border:2px solid var(--noir)!important;
}
#tarteaucitronRoot .tarteaucitronDeny:hover{background:rgba(0,0,0,.08)!important}
#tarteaucitronRoot #tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronPrivacyUrl{
  display:inline-block!important;background:none!important;border:none!important;cursor:pointer;
  font-family:inherit!important;font-size:13.5px!important;font-weight:500!important;color:var(--noir)!important;
  text-decoration:underline!important;text-underline-offset:3px;
  padding:4px 0!important;margin:6px 22px 0 0!important;
}
#tarteaucitronRoot #tarteaucitronCloseAlert:hover,
#tarteaucitronRoot #tarteaucitronPrivacyUrl:hover{text-decoration-thickness:2px}
@media(max-width:560px){
  #tarteaucitronRoot #tarteaucitronAlertBig{
    left:12px;right:12px;bottom:12px;max-width:none;padding:22px 20px;
  }
}

/* ---------- Article ---------- */
.page-article{padding-top:172px}
.conteneur-article{max-width:800px;margin:0 auto;padding:0 24px}
.article-fil{margin-bottom:26px}
.article-fil a{text-decoration:none;font-weight:700;font-size:14.5px;border-bottom:2px solid var(--jaune);padding-bottom:2px}
.article-meta{display:flex;align-items:center;gap:14px;color:var(--gris-clair);font-size:14.5px;flex-wrap:wrap}
.article-titre{font-weight:800;font-size:clamp(1.9rem,4vw,2.9rem);letter-spacing:-.02em;line-height:1.12;margin-top:18px}
.article-chapo{margin-top:20px;font-size:1.2rem;color:var(--gris);line-height:1.6}
.article-signature{margin-top:28px;display:flex;align-items:center;gap:12px;font-size:15px;color:var(--gris)}
.article-signature img{border-radius:50%;display:inline-block}
.article-signature a{font-weight:700;text-decoration:none;border-bottom:2px solid var(--jaune);padding-bottom:1px}
.partage{margin-left:auto;display:flex;gap:8px}
.partage{flex-wrap:wrap}
.partage a,.partage button{
  width:40px;height:40px;border:1px solid var(--filet);border-radius:4px;
  display:inline-flex;align-items:center;justify-content:center;color:var(--gris);
  background:none;cursor:pointer;font-family:inherit;position:relative;
  transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
}
.partage a:hover,.partage button:hover{background:var(--jaune);border-color:var(--jaune);color:var(--noir)}
.partage svg{width:17px;height:17px;fill:currentColor}
.partage-copier.ok::after{
  content:"Lien copié";
  position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);
  background:var(--noir);color:#fff;font-size:12.5px;font-weight:700;
  padding:6px 10px;border-radius:4px;white-space:nowrap;
}
@media print{
  .entete,.pied,.haut-page,#tarteaucitronRoot,.partage,.voir-aussi,#contact,.nav-articles,.article-fil{display:none!important}
  .page-article{padding-top:0}
  .article-image{margin-top:20px}
}
.article-image{max-width:1100px;margin:48px auto 0;padding:0 24px}
.article-image img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;display:block;background:var(--fond)}
.article-corps{margin-top:52px}
.article-corps h2{font-weight:800;font-size:1.5rem;letter-spacing:-.01em;line-height:1.3;margin:38px 0 18px;max-width:none}
.article-corps p{margin-bottom:18px;color:var(--encre);font-size:17.5px;line-height:1.75}
.article-corps ul{margin:0 0 18px 22px}
.article-corps li{margin-bottom:10px;font-size:17.5px;line-height:1.7}
.article-corps a{font-weight:500;text-decoration:none;border-bottom:2px solid var(--jaune)}
.article-corps a:hover{border-bottom-width:3px}
.encart-promo{background:var(--fond);border-left:4px solid var(--jaune);padding:24px 28px;margin:36px 0}
.encart-promo p{margin:0;font-size:16px;line-height:1.9}
.tags{margin-top:32px;color:var(--gris-clair);font-size:14.5px}
.tag{transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
  display:inline-block;margin-left:6px;padding:5px 12px;
  border:1px solid var(--filet);border-radius:999px;
  text-decoration:none;font-weight:500;font-size:13.5px;color:var(--gris);
}
.tag:hover{border-color:var(--jaune);background:rgba(255,206,0,.15);color:var(--encre)}
.auteur{
  margin-top:56px;border:1px solid var(--filet);border-radius:4px;
  padding:30px;display:grid;grid-template-columns:72px 1fr;gap:22px;align-items:start;
}
.auteur img{border-radius:50%}
.auteur h3{font-weight:800;font-size:1.2rem;margin-bottom:8px}
.auteur p{margin-bottom:10px;font-size:15.5px;color:var(--gris);line-height:1.6}
.auteur-spec{font-size:14.5px}
.nav-articles{margin-top:40px;border-top:1px solid var(--filet);padding-top:28px}
.nav-article-prec{transition:text-decoration-color .3s ease-in-out;
  display:block;text-decoration:none;font-weight:700;font-size:1.05rem;max-width:34ch;line-height:1.4;
}
.nav-article-prec span{display:block;font-size:13.5px;color:var(--gris-clair);font-weight:500;margin-bottom:6px}
.nav-article-prec:hover{text-decoration:underline;text-decoration-color:var(--jaune);text-decoration-thickness:3px;text-underline-offset:4px}
.voir-aussi{background:var(--fond)}
.grille-voir-aussi{grid-template-columns:repeat(3,1fr);margin-top:48px}
.grille-voir-aussi h3{font-size:1.05rem}
@media(max-width:900px){
  .grille-voir-aussi{grid-template-columns:1fr}
  .page-article{padding-top:150px}
  .partage{margin-left:0;width:100%}
  .article-signature{flex-wrap:wrap}
  .auteur{grid-template-columns:1fr;gap:14px}
}

/* ---------- Page intérieure ---------- */
.hero-archive{min-height:auto;background:var(--noir)}
.hero-archive .hero-contenu{padding-top:200px}
.filtres{margin-top:32px;display:flex;gap:8px;flex-wrap:wrap}
.filtre{
  text-decoration:none;font-weight:700;font-size:14px;
  padding:9px 16px;border-radius:4px;
  color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.3);
  transition:color .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out;
}
.filtre:hover{color:#fff;border-color:rgba(255,255,255,.7)}
.filtre.actif-filtre{background:var(--jaune);border-color:var(--jaune);color:var(--noir)}
.grille-articles{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.carte-article{
  border:1px solid var(--filet);border-radius:4px;overflow:hidden;
  display:flex;flex-direction:column;background:var(--blanc);
}
.carte-image{overflow:hidden}
.carte-image img{transition:transform .5s ease-in-out}
.carte-article:hover .carte-image img{transform:scale(1.045)}
@media(prefers-reduced-motion:reduce){.carte-article:hover .carte-image img{transform:none}}
.carte-image{display:block;background:var(--fond)}
.carte-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.carte-corps{padding:26px 28px 24px;display:flex;flex-direction:column;gap:12px;flex:1}
.cat-chip{
  align-self:flex-start;
  background:var(--jaune);color:var(--noir);
  font-weight:700;font-size:12.5px;padding:4px 10px;border-radius:3px;
}
.carte-article h3{font-weight:800;font-size:1.25rem;letter-spacing:-.01em;line-height:1.3}
.carte-article h3 a{text-decoration:none}
.carte-article h3 a:hover{text-decoration:underline;text-decoration-color:var(--jaune);text-decoration-thickness:3px;text-underline-offset:4px}
.carte-article>.carte-corps>p{color:var(--gris);font-size:15.5px}
.carte-meta{margin-top:auto;color:var(--gris-clair);font-size:14px}
.pagination{
  margin-top:56px;display:flex;gap:8px;align-items:center;justify-content:center;
  font-weight:700;font-size:15px;
}
.pagination a,.page-actuelle{
  min-width:42px;height:42px;padding:0 12px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:4px;text-decoration:none;
}
.pagination a{transition:background-color .3s ease-in-out;border:1px solid var(--filet)}
.pagination a:hover{background:var(--fond)}
.page-actuelle{background:var(--jaune);color:var(--noir)}
.page-points{color:var(--gris-clair)}
@media(max-width:820px){
  .grille-articles{grid-template-columns:1fr}
  .hero-archive .hero-contenu{padding-top:170px}
}

.grille-axes{margin-top:48px;grid-template-columns:1fr 1fr}
.profils{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.profil{background:var(--blanc);border:1px solid var(--filet);border-radius:4px;padding:38px 36px}
.profil h3{font-weight:800;font-size:1.5rem;letter-spacing:-.015em;margin-bottom:8px}
.profil-liens{margin-bottom:18px}
.profil-liens a{
  font-weight:700;font-size:14px;text-decoration:none;margin-right:16px;
  border-bottom:2px solid var(--jaune);padding-bottom:2px;
}
.profil>p{color:var(--gris);font-size:16px}
.profil h4{font-weight:700;font-size:15px;margin:22px 0 8px}
.profil ul{margin:0 0 0 18px;color:var(--gris);font-size:15.5px}
.profil li{margin-bottom:6px}
.profil-spec{font-size:15px;color:var(--gris);line-height:1.65}
.publications-grille{margin-top:48px;display:grid;grid-template-columns:1fr 250px;gap:56px;align-items:start}
.publications{list-style:none;border-top:1px solid var(--filet)}
.publications li{padding:16px 0;border-bottom:1px solid var(--filet);color:var(--gris);font-size:15.5px;line-height:1.6}
.publications a{
  color:var(--encre);text-decoration:none;font-weight:500;
  border-bottom:2px solid var(--jaune);
}
.publications a:hover{border-bottom-width:3px}
.livre img{width:100%;height:auto;border:1px solid var(--filet);border-radius:4px}
.livre p{margin-top:12px;font-size:14px;color:var(--gris-clair)}
@media(max-width:900px){
  .profils{grid-template-columns:1fr}
  .publications-grille{grid-template-columns:1fr;gap:36px}
  .livre{max-width:250px}
  .grille-axes{grid-template-columns:1fr}
}

.exergue{margin:40px 0 36px;padding-left:28px;border-left:4px solid var(--jaune);max-width:52ch}
.exergue p{font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:700;letter-spacing:-.015em;line-height:1.3}
.exergue cite{display:block;margin-top:12px;font-style:normal;color:var(--gris-clair);font-size:15px}
.citation-secondaire{margin-top:28px;max-width:62ch;color:var(--gris-clair);font-size:15.5px;line-height:1.6}
.grille-offres{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.offre{
  display:block;padding:20px 24px;
  border:1px solid var(--filet);border-radius:4px;
  text-decoration:none;font-weight:700;font-size:1.02rem;letter-spacing:-.005em;
  transition:border-color .3s ease-in-out,background-color .3s ease-in-out,box-shadow .3s ease-in-out;
}
.offre:hover{background:var(--fond);box-shadow:inset 4px 0 0 var(--jaune)}
@media(max-width:700px){.grille-offres{grid-template-columns:1fr}}

.hero-page{min-height:54svh}
.hero-page .hero-contenu{padding-bottom:64px}
.hero-page h1.hero-titre{font-size:clamp(2.1rem,4.6vw,3.6rem);max-width:22ch}
.hero-page .hero-contenu>p{margin-top:20px;max-width:60ch;font-size:clamp(1rem,1.3vw,1.15rem);color:rgba(255,255,255,.88)}
.grille-cas{margin-top:48px}
.note-juridique{
  margin-top:36px;padding:20px 26px;
  background:var(--fond);border-left:4px solid var(--jaune);
  font-weight:500;max-width:70ch;
}
.liste-missions{margin-top:56px;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--filet)}
.mission{
  display:grid;grid-template-columns:96px 1fr;gap:28px;
  padding:44px 0;border-bottom:1px solid var(--filet);
}
.mission-num{
  font-weight:800;font-size:2rem;letter-spacing:-.02em;color:var(--encre);
  line-height:1;padding-top:4px;
  background:linear-gradient(var(--jaune),var(--jaune)) no-repeat 0 100%/44px 6px;
  width:min-content;height:min-content;padding-bottom:10px;
}
.mission h3{font-weight:800;font-size:1.4rem;letter-spacing:-.01em;margin-bottom:14px}
.mission p{color:var(--gris);max-width:75ch}
.mission p strong{color:var(--encre)}
.mission-stat{
  margin-top:16px;font-size:1.05rem;
}
.mission-stat strong{
  font-size:1.5rem;font-weight:800;letter-spacing:-.01em;
  box-shadow:inset 0 -10px 0 rgba(255,206,0,.55);
}
.mission-nb{margin-top:14px;font-size:14px;color:var(--gris-clair)}
.nav-principale a.nav-actif{box-shadow:inset 0 -3px 0 var(--jaune)}
@media(max-width:700px){
  .mission{grid-template-columns:1fr;gap:14px;padding:34px 0}
}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .grille-services{grid-template-columns:1fr}
  .contact-grille{grid-template-columns:1fr;gap:40px}
  .pied-grille{grid-template-columns:1fr 1fr;gap:36px 28px}
  .actu{grid-template-columns:1fr;gap:6px}
  .actu .lecture{display:none}
}
/* Point de rupture du menu : hamburger dès 1142 px. */
@media(max-width:1142px){
  .burger{display:flex}
  .nav-principale{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--blanc);flex-direction:column;align-items:stretch;
    padding:12px 24px 24px;box-shadow:0 12px 24px rgba(0,0,0,.1);
    border-top:1px solid var(--filet);max-width:none;
  }
  .nav-principale a{color:var(--encre)!important;padding:14px 8px;border-bottom:1px solid var(--filet)}
  .nav-principale a.nav-cta{margin:16px 0 0;text-align:center;border:none}
  .entete.menu-ouvert{background:var(--blanc)}
  .entete.menu-ouvert .logo img{filter:none}
  .entete.menu-ouvert .nav-principale{display:flex}
}
@media(max-width:760px){
  .entete-haut{padding:12px 20px}
  .entete-tel{display:none}
  .logo img{height:auto;width:min(76vw,340px)}
  section{padding:68px 0}
  .hero-contenu{padding:120px 24px 28px}
  .hero-tab{font-size:12.5px;padding:10px 10px 12px}
  .hero-tab::after{left:10px;right:10px}
}
/* ---------- Archives (catégorie, mot-clef, auteur) ---------- */
.article-fil-sombre{margin-bottom:26px}
.article-fil-sombre a{color:rgba(255,255,255,.75);text-decoration:none;font-weight:700;font-size:14.5px;border-bottom:2px solid var(--jaune);padding-bottom:2px}
.article-fil-sombre a:hover{color:#fff}
.hero-compte{margin-top:16px;color:rgba(255,255,255,.6);font-size:15.5px;font-weight:500}
.auteur-tete{display:flex;align-items:center;gap:24px}
.auteur-tete img{border-radius:50%;border:3px solid var(--jaune)}
.auteur-tete .hero-marque{margin-bottom:12px}
.hero-bio{margin-top:22px;max-width:62ch;color:rgba(255,255,255,.85);font-size:16.5px;line-height:1.65}

/* ---------- Recherche ---------- */
.form-recherche{margin-top:30px;display:flex;gap:10px;max-width:600px}
.form-recherche input{transition:box-shadow .3s ease-in-out;flex:1;min-width:0;font:inherit;font-size:16px;color:var(--encre);border:none;border-radius:4px;background:#fff;padding:14px 18px}
.form-recherche input:focus{outline:none;box-shadow:0 0 0 3px rgba(255,206,0,.65)}
.resultat h3{font-weight:700;font-size:1.15rem}
@media(max-width:600px){.form-recherche{flex-direction:column}}

/* ---------- 404 ---------- */
.hero-404{min-height:100svh;display:flex;align-items:center}
.contenu-404{padding-top:160px;padding-bottom:100px}
.chiffre-404{font-weight:800;font-size:clamp(6rem,18vw,13rem);line-height:.9;letter-spacing:-.04em;color:var(--jaune);margin-bottom:10px}
.texte-404{margin-top:20px;max-width:56ch;color:rgba(255,255,255,.85);font-size:1.1rem;line-height:1.65}

/* ---------- Pagination WordPress native ---------- */
.pagination .nav-links{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
.pagination .page-numbers{transition:background-color .3s ease-in-out;min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;text-decoration:none;font-weight:700;border:1px solid var(--filet)}
.pagination .page-numbers:hover{background:var(--fond)}
.pagination .page-numbers.current{background:var(--jaune);color:var(--noir);border-color:var(--jaune)}
.pagination .page-numbers.dots{border:none;color:var(--gris-clair)}

/* ---------- Contenu de page générique (page.php) ---------- */
.section-page{background:var(--fond)}
.contenu-page{margin-top:0;padding:52px 24px 8px}
/* Colonne à largeur de lecture, calée à gauche sur l'axe du titre du héros
   (même conteneur, même retrait) : une seule verticale pour toute la page. */
.contenu-page>*{max-width:800px;margin-left:0;margin-right:auto}
.contenu-page p{margin-bottom:18px;font-size:17.5px;line-height:1.75}
.contenu-page h2{font-weight:800;font-size:1.5rem;margin:38px 0 18px}
.contenu-page h3{font-weight:700;font-size:1.2rem;margin:28px 0 14px}
.contenu-page a{font-weight:500;text-decoration:none;border-bottom:2px solid var(--jaune)}
.contenu-page ul,.contenu-page ol{margin:0 0 18px;padding-left:22px}
.contenu-page li{margin-bottom:8px}
.contenu-page img{border-radius:4px}

/* ---------- Encadré LuckyWP « Table des matières » : charte du site ---------- */
.contenu-page .lwptoc{margin:0 0 28px}
.contenu-page .lwptoc .lwptoc_i{
  background:#fff!important;border:1px solid var(--filet);border-radius:4px;
  padding:18px 22px!important;
}
.contenu-page .lwptoc_header b,.contenu-page .lwptoc_title{color:var(--encre)!important;font-weight:700}
.contenu-page .lwptoc a,.contenu-page .lwptoc .lwptoc_i a{
  color:var(--encre)!important;border-bottom:2px solid transparent;
  transition:color .3s ease-in-out,border-bottom-color .3s ease-in-out!important;
}
.contenu-page .lwptoc a:hover,.contenu-page .lwptoc .lwptoc_i a:hover{border-bottom-color:var(--jaune);color:var(--encre)!important}
.contenu-page .lwptoc_toggle a{color:var(--gris-clair)!important;font-weight:400}

/* ---------- Recherche dans l'en-tête ---------- */
.nav-loupe{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-left:2px;border-radius:4px;color:var(--encre);transition:background .3s ease-in-out,color .3s ease-in-out}
.nav-loupe svg{width:19px;height:19px}
.nav-loupe:hover{background:rgba(0,0,0,.06)}
.entete.transparent .nav-loupe{color:#fff}
.entete.transparent .nav-loupe:hover{background:rgba(255,255,255,.16)}
.recherche-entete{position:absolute;top:calc(100% + 10px);right:24px;display:none;gap:8px;background:var(--blanc,#fff);border:1px solid var(--filet);border-radius:4px;box-shadow:0 18px 40px rgba(0,0,0,.16);padding:10px}
.recherche-entete input{transition:box-shadow .3s ease-in-out,border-color .3s ease-in-out;width:300px;max-width:60vw;font:inherit;font-size:15px;color:var(--encre);border:1px solid var(--filet);border-radius:4px;padding:10px 12px}
.recherche-entete input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 3px rgba(255,206,0,.55)}
.recherche-envoi{font:inherit;font-size:14px;font-weight:700;color:var(--noir);background:var(--jaune);border:none;border-radius:4px;padding:10px 16px;cursor:pointer;transition:background .3s ease-in-out}
.recherche-envoi:hover{background:var(--jaune-fonce)}
@media(max-width:1142px){
  .nav-loupe{display:none}
  .recherche-entete{display:flex;position:static;box-shadow:none;border:none;background:transparent;padding:16px 0 0}
  .recherche-entete input{flex:1;width:auto;max-width:none}
}

/* ---------- Logo de l'en-tête (balise <picture> unique) ----------
   La source mobile est choisie par <source media> : un seul fichier chargé.
   L'image garde un ratio sain quel que soit le fichier servi. */
.logo picture{display:flex;align-items:center;min-width:0}
@media(max-width:760px){
  .logo img{height:auto;width:auto;max-height:44px;max-width:min(76vw,340px)}
}

/* ---------- Barre d'administration WordPress (utilisateur connecté) ---------- */
/* Valeurs explicites (32 px, 46 px sous 783 px) doublées de la variable du
   cœur quand elle existe — l'en-tête fixe se cale sous la barre admin. */
.admin-bar .entete{top:32px;top:var(--wp-admin--admin-bar--height,32px)}
@media(max-width:782px){
  .admin-bar .entete{top:46px;top:var(--wp-admin--admin-bar--height,46px)}
}
@media(max-width:600px){
  /* Sous 600 px, la barre admin défile avec la page : l'en-tête redevient
     absolu pour rester calé sous elle plutôt que de laisser un vide fixe. */
  .admin-bar .entete{position:absolute}
}

/* ---------- Encadré auteur : nom cliquable vers son archive ---------- */
.auteur h3 a{color:inherit;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .3s ease-in-out}
.auteur h3 a:hover{border-bottom-color:var(--jaune)}

/* ---------- Modèle Prestations 03 ---------- */
.contenu-libre{max-width:800px}
.contenu-libre p{margin-bottom:18px;font-size:17.5px;line-height:1.75}
.contenu-libre p.chapo{font-size:inherit}
.contenu-libre ul,.contenu-libre ol{margin:0 0 18px;padding-left:22px;max-width:70ch}
.contenu-libre li{margin-bottom:10px;font-size:17px;line-height:1.7}
.contenu-libre a{font-weight:500;text-decoration:none;border-bottom:2px solid var(--jaune);color:inherit;transition:color .3s ease-in-out}
.contenu-libre a:hover{color:var(--jaune-fonce)}
.ecueil{
  max-width:800px;margin-top:34px;padding:24px 28px;
  background:var(--fond);border:1px solid var(--filet);border-left:4px solid var(--jaune);border-radius:4px;
}
.ecueil h3{font-weight:800;font-size:1.1rem;margin-bottom:10px}
.ecueil p{font-size:16.5px;line-height:1.7;margin-bottom:12px}
.ecueil p:last-child{margin-bottom:0}
.liste-missions.sans-numeros .mission{display:block}
.credit-photo{margin-top:30px;font-size:13px;color:var(--gris-clair)}
.credit-photo a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}

/* ---------- Modèle Prestations 03 ---------- */
.encadre-ecueil{
  max-width:800px;margin-top:34px;padding:26px 30px;
  background:var(--fond);border:1px solid var(--filet);border-left:4px solid var(--jaune);border-radius:4px;
}
.encadre-ecueil h2{font-weight:800;font-size:1.3rem;margin-bottom:12px}
.encadre-ecueil p{font-size:16.5px;line-height:1.7;margin-bottom:12px}
.encadre-ecueil p:last-child{margin-bottom:0}
#contexte .chapo{max-width:800px}
.credit-photo{margin-top:40px;font-size:13px;color:var(--gris-clair)}
.credit-photo a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}

/* ---------- Panneau de gestion des cookies : l'UI du bandeau, déclinée ----------
   Habillage écrit d'après le balisage réel du bundle (v1.34) :
   #tarteaucitron > #tarteaucitronServices > #tarteaucitronMainLineOffset
   (titre .tarteaucitronH1 + intro #tarteaucitronInfo + boutons globaux),
   groupes .tarteaucitronTitle, lignes .tarteaucitronLine (le texte des
   cookies obligatoires est un .tarteaucitronH3), enregistrement dans
   #tarteaucitronSave. */
#tarteaucitronRoot #tarteaucitronBack{background:#121212!important;opacity:.62!important}
#tarteaucitronRoot #tarteaucitron{
  background:var(--jaune)!important;border:none!important;border-radius:4px!important;
  box-shadow:0 30px 80px rgba(0,0,0,.4)!important;
  font-family:'Archivo',system-ui,sans-serif!important;color:var(--noir)!important;
  max-width:680px!important;padding:30px 30px 26px!important;
}
#tarteaucitronRoot #tarteaucitron *{
  box-shadow:none!important;text-shadow:none!important;text-align:left!important;
  font-family:inherit!important;float:none!important;
}
#tarteaucitronRoot #tarteaucitron ul{list-style:none!important;margin:0!important;padding:0!important}
#tarteaucitronRoot .tarteaucitronCheck,
#tarteaucitronRoot .tarteaucitronCross,
#tarteaucitronRoot .tarteaucitronCTAButton::before,
#tarteaucitronRoot .tarteaucitronAllow::before,
#tarteaucitronRoot .tarteaucitronDeny::before{display:none!important;content:none!important}
/* Compteur et liste de cookies : hors du parcours retenu. */
#tarteaucitronRoot #tarteaucitronCookiesNumber,
#tarteaucitronRoot #tarteaucitronCookiesListContainer{display:none!important}

#tarteaucitronRoot #tarteaucitronClosePanel{
  position:absolute!important;top:0!important;right:0!important;margin:0!important;width:auto!important;
  background:var(--noir)!important;color:var(--jaune)!important;
  font-weight:700!important;font-size:14px!important;
  border:none!important;border-radius:0 4px 0 4px!important;padding:10px 18px!important;cursor:pointer;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronH1{
  display:block!important;font-weight:800!important;font-size:1.35rem!important;letter-spacing:-.01em;
  color:var(--noir)!important;background:none!important;border:none!important;
  margin:0 90px 10px 0!important;padding:0!important;
}
/* Intro du panneau. */
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo{
  display:block!important;background:transparent!important;border:none!important;
  font-size:15px!important;font-weight:500!important;line-height:1.55!important;color:rgba(0,0,0,.78)!important;
  margin:0 0 14px!important;padding:0!important;max-width:56ch;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo br{display:none!important}
#tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog{
  display:inline-block!important;background:none!important;border:none!important;
  font-size:13.5px!important;font-weight:500!important;color:var(--noir)!important;
  text-decoration:underline!important;text-underline-offset:3px;
  margin:10px 0 0!important;padding:0!important;cursor:pointer;
}
/* Ligne d'entête : transparente sur le jaune. */
#tarteaucitronRoot #tarteaucitron #tarteaucitronMainLineOffset{
  background:transparent!important;border:none!important;
  margin:0 0 6px!important;padding:0!important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName{
  font-weight:700!important;font-size:15px!important;color:var(--noir)!important;background:none!important;
  width:auto!important;margin:0 0 10px!important;padding:0!important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronAsk{
  background:none!important;margin:0 0 6px!important;padding:0!important;width:auto!important;
}
/* Intitulés de groupes (« Cookies obligatoires »…) : étiquettes de section. */
#tarteaucitronRoot #tarteaucitron .tarteaucitronTitle,
#tarteaucitronRoot #tarteaucitron .tarteaucitronTitle button,
#tarteaucitronRoot #tarteaucitron .tarteaucitronTitle .asCatToggleBtn{
  display:block!important;background:none!important;border:none!important;width:auto!important;
  font-weight:800!important;font-size:12.5px!important;letter-spacing:.07em;text-transform:uppercase;
  color:var(--noir)!important;margin:0!important;padding:0!important;cursor:pointer;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronTitle{margin:18px 0 8px!important}
/* Conteneurs neutres. */
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices,
#tarteaucitronRoot #tarteaucitron #tarteaucitronScrollbarChild,
#tarteaucitronRoot #tarteaucitron .tarteaucitronBorder,
#tarteaucitronRoot #tarteaucitron .tarteaucitronHidden{
  background:transparent!important;border:none!important;margin:0!important;padding:0!important;
}
/* Lignes de services et blocs d'information : cartes blanches. */
#tarteaucitronRoot #tarteaucitron .tarteaucitronLine,
#tarteaucitronRoot #tarteaucitron .tarteaucitronInfoBox,
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfoBox{
  background:#fff!important;border:none!important;border-radius:4px!important;
  margin:0 0 10px!important;padding:18px 20px!important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronLine .tarteaucitronName{
  color:var(--encre)!important;font-weight:700!important;font-size:15.5px!important;
  background:none!important;width:auto!important;margin:0!important;padding:0!important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronLine .tarteaucitronName br{display:none!important}
/* Le texte descriptif des cookies obligatoires est un .tarteaucitronH3 : prose, pas un titre. */
#tarteaucitronRoot #tarteaucitron .tarteaucitronLine .tarteaucitronH3{
  display:block!important;font-weight:500!important;font-size:14.5px!important;line-height:1.55!important;
  letter-spacing:normal!important;text-transform:none!important;color:var(--encre)!important;
  background:none!important;border:none!important;margin:0!important;padding:0!important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronDetails{
  display:block;color:var(--gris)!important;font-size:14px!important;line-height:1.55!important;
  background:none!important;margin:6px 0 0!important;padding:0!important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronLine .tarteaucitronAsk{
  background:none!important;margin:12px 0 0!important;padding:0!important;width:auto!important;
}
/* Enregistrer : rangée transparente, bouton noir aligné à droite. */
#tarteaucitronRoot #tarteaucitron #tarteaucitronSave{
  background:transparent!important;border:none!important;margin:8px 0 0!important;padding:0!important;
  text-align:right!important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronSaveButton{
  display:inline-block!important;margin:0!important;
  background:var(--noir)!important;color:var(--jaune)!important;
  font-weight:700!important;font-size:15px!important;
  border:2px solid var(--noir)!important;border-radius:4px!important;padding:11px 24px!important;cursor:pointer;
  transition:background-color .3s ease-in-out;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronSaveButton:hover{background:#000!important}
@media(max-width:720px){
  #tarteaucitronRoot #tarteaucitron{max-width:calc(100vw - 24px)!important;padding:22px 18px 20px!important}
}