/*
Theme Name: Un Brin de Folie
*/
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@400;600;700&family=Hind:wght@400;500;600;700&display=swap');

/* ==========================================================================
   FAMILLE « REGIONAL JAUNE ET NOIR »
   Une maquette de PANNEAU ROUTIER : lisible de loin, directe, zero decoration.
   Ce qui la fait reconnaitre :
   1. un BANDEAU JAUNE PLEIN de 74px sur toute la largeur — aucun filet dedans,
      c'est le contraste jaune/blanc qui fait la separation ;
   2. sous lui une BARRE NOIRE de 34px qui porte le selecteur d'edition ;
   3. des BORDURES NOIRES DE 2PX autour des tuiles et des cartes, aucun arrondi,
      aucune ombre, aucun degrade ;
   4. des titres en CAPITALES ETROITES (Archivo Narrow), condensees ;
   5. une bande NOIRE listant les editions locales, noms en JAUNE, en grille 4x2.
   Le jaune et le noir sont le SYSTEME, pas un ornement : il n'y a pas de troisieme couleur
   dans la maquette. --accent (#E9A301) ne sert qu'aux heures et aux liens du corps.
   ========================================================================== */

/* ---------- 1. JETONS ---------------------------------------------------- */
:root{
  --papier:#fcfcfa;
  --papier2:#f4f4ee;
  --encre:#1e1e1e;
  --encre2:#5e5e5c;
  --filet:#e2e2de;
  --vif:#e8dc00;            /* le jaune de famille — 11,7:1 avec l'encre : texte TOUJOURS noir dessus */
  --noir:#1e1e1e;
  --accent:#E9A301;      /* la couleur du site : heures, liens du corps, focus */
  --accent-txt:color-mix(in srgb, #E9A301 74%, #121212);
  --surf:var(--papier2);
  --titre:'Archivo Narrow', 'Arial Narrow', 'Helvetica Neue Condensed', Helvetica, sans-serif;
  --courant:'Hind', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --rayon:0px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --papier:#141413; --papier2:#1c1c19; --encre:#f0f0ec; --encre2:#a4a4a0;
    --filet:#282825; --vif:#f0e63b; --noir:#f0f0ec;
    --accent-txt:color-mix(in srgb, #E9A301 76%, #ffffff);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --papier:#141413; --papier2:#1c1c19; --encre:#f0f0ec; --encre2:#a4a4a0;
  --filet:#282825; --vif:#f0e63b; --noir:#f0f0ec;
  --accent-txt:color-mix(in srgb, #E9A301 76%, #ffffff);
  color-scheme:dark;
}

/* ---------- 2. SOCLE ----------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--courant);
  font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block;border-radius:0}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--accent-txt);outline-offset:2px}
h1,h2,h3{font-family:var(--titre);font-weight:700;margin:0;line-height:1.06;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.sb-oeil,.sb-oeil-txt{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sb-oeil:focus{left:.5rem;top:.5rem;width:auto;height:auto;padding:.5rem .8rem;
  background:var(--vif);color:#1e1e1e;z-index:99}
.pj-large{width:min(1280px,100% - 2.2rem);margin-inline:auto}
.jr-plaque{border-radius:0!important;font-family:var(--titre)!important}

.pj-kicker{font-family:var(--courant);font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--encre2);margin-bottom:.3rem}
.pj-kicker--art{font-size:12.5px;color:var(--encre);
  background:var(--vif);display:inline-block;padding:.2rem .6rem;margin-bottom:.6rem}
:root[data-theme="dark"] .pj-kicker--art,
:root:not([data-theme="light"]) .pj-kicker--art{color:#141413}
.pj-chapo{font-size:16px;line-height:1.5;color:var(--encre2);margin-top:.5rem}
.pj-chapo--court{font-size:14px}
.pj-credit{font-size:12px;color:var(--encre2);margin-top:.5rem}
.pj-heure{font-size:11.5px;font-weight:700;color:var(--accent-txt);
  font-variant-numeric:tabular-nums;flex:0 0 auto}
.pj-photo{margin:0}
.pj-photo img{width:100%;object-fit:cover}

/* ---------- 3. LE BANDEAU JAUNE PLEIN ------------------------------------ */
.pj-tete{position:relative;z-index:20}
.pj-bandeau{background:var(--vif)}
.pj-bandeau-in{display:flex;align-items:center;gap:1.4rem;min-height:74px}
.pj-marque{margin-right:auto}
.pj-marque a{display:flex;align-items:center;gap:.5rem;color:#1e1e1e}
.pj-marque a:hover{text-decoration:none}
.pj-marque-mot{font-family:var(--titre);font-weight:700;font-size:clamp(24px,3.8vw,32px);
  line-height:1;letter-spacing:.01em;text-transform:uppercase;color:#1e1e1e}
.pj-mono{display:inline-flex;width:26px;color:#1e1e1e}
.pj-mono svg{width:100%;height:auto;fill:currentColor}
.pj-rubriques{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;align-items:center}
.pj-rubriques::-webkit-scrollbar{display:none}
.pj-rubriques a{white-space:nowrap;padding:.4rem .75rem;font-size:13px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;color:#1e1e1e;border-bottom:3px solid transparent}
.pj-rubriques a:hover{text-decoration:none;border-bottom-color:#1e1e1e}
.pj-rubriques a.is-actif{background:#1e1e1e;color:var(--vif)}
.pj-burger{display:none;background:none;border:2px solid #1e1e1e;padding:.45rem .5rem;cursor:pointer}
.pj-burger span{display:block;width:18px;height:2px;background:#1e1e1e;margin:3px 0}

/* la barre noire : selecteur d'edition, date, recherche */
.pj-barre-noire{background:#1e1e1e;color:#fcfcfa}
:root[data-theme="dark"] .pj-barre-noire,
:root:not([data-theme="light"]) .pj-barre-noire{background:#000;color:#f0f0ec}
.pj-barre-in{display:flex;align-items:center;gap:1.2rem;min-height:34px;font-size:12px}
.pj-edition{display:flex;align-items:center;gap:.45rem}
.pj-edition label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vif)}
.pj-edition select{font:inherit;font-size:12.5px;padding:.15rem .3rem;border:1px solid rgba(255,255,255,.35);
  background:#1e1e1e;color:#fcfcfa;border-radius:0;max-width:190px}
.pj-date{margin-right:auto;font-size:11px;font-weight:600;letter-spacing:.14em;color:#bdbdb8}
.pj-loupe input{font:inherit;font-size:12.5px;padding:.2rem .5rem;width:min(170px,100%);
  border:1px solid rgba(255,255,255,.35);background:#1e1e1e;color:#fcfcfa;border-radius:0}
.pj-loupe ::placeholder{color:#9c9c98}

/* ---------- 4. LA MOSAIQUE DE TUILES INEGALES ---------------------------- */
.pj-mosaique{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:auto auto;gap:1.2rem;padding-block:1.5rem}
.pj-tuile{border:2px solid var(--noir);background:var(--papier);display:flex;flex-direction:column}
.pj-tuile--grande{grid-column:1 / 3;grid-row:1 / 3}
.pj-tuile .pj-photo img,.pj-tuile .jr-plaque{width:100%;aspect-ratio:3/2;object-fit:cover}
.pj-tuile--grande .pj-photo img,.pj-tuile--grande .jr-plaque{aspect-ratio:16/9}
.pj-tuile-txt{padding:.85rem .95rem 1rem}
.pj-tuile-titre{font-size:22px;font-weight:700;line-height:1.08;text-transform:uppercase;letter-spacing:.005em}
.pj-tuile--grande .pj-tuile-titre{font-size:clamp(24px,3.2vw,34px)}
.pj-mosaique--rub{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
.pj-mosaique--rub .pj-tuile--grande{grid-column:auto;grid-row:auto}

/* ---------- 5. LA BANDE NOIRE DES EDITIONS ------------------------------- */
.pj-editions{background:#1e1e1e;padding-block:1.5rem;margin-block:1.4rem}
:root[data-theme="dark"] .pj-editions,
:root:not([data-theme="light"]) .pj-editions{background:#000}
.pj-editions--art{padding-inline:1.2rem}
.pj-editions-titre{font-family:var(--titre);font-size:20px;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:var(--vif);padding-bottom:.4rem;
  border-bottom:2px solid var(--vif);margin-bottom:1rem;display:inline-block}
.pj-editions-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.pj-editions-grille a{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;
  padding:.55rem .7rem;border:2px solid var(--vif);color:var(--vif)}
.pj-editions-grille a:hover{text-decoration:none;background:var(--vif);color:#1e1e1e}
.pj-edition-nom{font-family:var(--titre);font-size:15px;font-weight:700;text-transform:uppercase}
.pj-edition-compte{font-size:11.5px;font-variant-numeric:tabular-nums}
.pj-editions-liste li{display:flex;justify-content:space-between;gap:.7rem;align-items:baseline;
  padding:.45rem 0;border-bottom:1px solid rgba(232,220,0,.3)}
.pj-editions-liste a{font-family:var(--titre);font-size:17px;font-weight:600;color:var(--vif);
  text-transform:uppercase;flex:1 1 auto}
.pj-editions-liste .pj-heure{color:#bdbdb8}

/* ---------- 6. BANDES, GRILLE ET CARTES A BORDURE NOIRE ------------------ */
.pj-bande{padding-block:1.5rem}
.pj-bande-titre{font-family:var(--titre);font-size:22px;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;display:inline-block;background:var(--vif);color:#1e1e1e;
  padding:.28rem .8rem;margin-bottom:1.1rem}
:root[data-theme="dark"] .pj-bande-titre,
:root:not([data-theme="light"]) .pj-bande-titre{color:#141413}
.pj-bande-titre a{color:inherit}
.pj-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}
.pj-grille--trois{grid-template-columns:repeat(3,minmax(0,1fr))}
.pj-grille--rub{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.4rem}
.pj-carte{border:2px solid var(--noir);background:var(--papier)}
.pj-carte .pj-photo img,.pj-carte .jr-plaque{width:100%;aspect-ratio:3/2;object-fit:cover}
.pj-carte-txt{padding:.7rem .8rem .85rem}
.pj-carte-titre{font-size:19px;font-weight:700;line-height:1.1;text-transform:uppercase}
.pj-carte--large .pj-carte-titre{font-size:21px;text-transform:none}

.pj-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding-block:1.4rem}
.pj-lus li{display:flex;gap:.8rem;align-items:baseline;padding:.6rem 0;border-bottom:2px solid var(--filet)}
.pj-rang{font-family:var(--titre);font-size:30px;font-weight:700;line-height:.9;
  background:var(--vif);color:#1e1e1e;padding:.1rem .45rem;flex:0 0 auto;font-variant-numeric:tabular-nums}
.pj-lus a{font-family:var(--titre);font-size:19px;font-weight:600;line-height:1.15}
.pj-fil li{display:flex;gap:.7rem;align-items:baseline;padding:.55rem 0;border-bottom:1px solid var(--filet)}
.pj-fil a{font-family:var(--titre);font-size:18px;font-weight:600;line-height:1.15}

/* ---------- 7. ARTICLE --------------------------------------------------- */
.pj-article{padding-block:1.4rem 2rem}
.pj-ariane{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--encre2);
  padding-bottom:.6rem;margin-bottom:.9rem;border-bottom:2px solid var(--noir)}
.pj-art-tete{max-width:min(820px,100%)}
.pj-art-titre{font-size:clamp(28px,4.4vw,48px);line-height:1.02;font-weight:700;text-transform:uppercase}
.pj-art-chapo{font-family:var(--courant);font-size:19px;line-height:1.5;color:var(--encre2);margin-top:.8rem}
.pj-art-credits{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:12.5px;color:var(--encre2);
  margin-top:.9rem;padding-block:.55rem;border-top:3px solid var(--noir);border-bottom:3px solid var(--noir)}
.pj-photo--art{margin:1.4rem 0;max-width:min(980px,100%);border:2px solid var(--noir)}
.pj-photo--art img{width:100%;aspect-ratio:16/9;object-fit:cover}
.pj-photo--art figcaption{font-size:11.5px;color:var(--encre2);padding:.4rem .6rem;
  border-top:2px solid var(--noir);background:var(--papier2)}
.pj-texte{max-width:min(720px,100%);font-size:18px;line-height:1.68}
.pj-texte p{margin:0 0 1.15rem}
.pj-texte h2{font-size:26px;text-transform:uppercase;margin:1.9rem 0 .6rem;
  background:var(--vif);color:#1e1e1e;display:inline-block;padding:.2rem .6rem}
.pj-texte h3{font-size:21px;margin:1.4rem 0 .45rem;text-transform:uppercase}
.pj-texte ul{margin:0 0 1.15rem}
.pj-texte ul li{position:relative;padding-left:1.2rem;margin-bottom:.45rem}
.pj-texte ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;background:var(--vif);
  outline:1px solid var(--noir)}
.pj-texte ol{list-style:decimal;margin:0 0 1.15rem;padding-left:1.3rem}
.pj-texte a{color:var(--accent-txt);text-decoration:underline;text-underline-offset:3px}
.pj-texte blockquote{margin:1.5rem 0;padding:1rem 1.1rem;border:2px solid var(--noir);
  border-left:8px solid var(--vif);font-size:19px;line-height:1.4}
.pj-texte table{width:100%;border-collapse:collapse;font-size:15px;margin:1.4rem 0}
.pj-texte th,.pj-texte td{border:1px solid var(--noir);padding:.55rem .5rem;text-align:left}
.pj-texte th{font-family:var(--titre);font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  background:var(--vif);color:#1e1e1e}
.pj-art-pied{max-width:min(820px,100%);margin-top:1.8rem;padding-top:1.1rem;border-top:3px solid var(--noir)}
.sb-signature{display:flex;gap:1rem;align-items:flex-start}
.sb-signature img{width:64px;height:64px;border-radius:0;border:2px solid var(--noir)}
.sb-signature-nom{font-family:var(--titre);font-weight:700;font-size:18px;text-transform:uppercase}
.sb-signature-bio{font-size:14px;color:var(--encre2);margin-top:.25rem;line-height:1.45}
.sb-date{font-size:11.5px;color:var(--encre2);margin-top:.35rem}
.sb-fil-bloc h2{font-family:var(--titre);font-size:20px;text-transform:uppercase;
  background:var(--vif);color:#1e1e1e;display:inline-block;padding:.25rem .7rem;margin-bottom:.7rem}
.sb-fil li{display:flex;gap:.7rem;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--filet)}
.sb-fil-heure{font-size:11.5px;font-weight:700;color:var(--accent-txt);font-variant-numeric:tabular-nums}
.sb-fil a{font-family:var(--titre);font-size:18px;font-weight:600}

/* ---------- 8. RUBRIQUE -------------------------------------------------- */
.pj-rub-tete{padding-block:1.4rem .9rem;border-bottom:3px solid var(--noir)}
.pj-rub-titre{font-size:clamp(28px,4.2vw,44px);font-weight:700;text-transform:uppercase;
  background:var(--vif);color:#1e1e1e;display:inline-block;padding:.2rem .8rem}
.pj-rub-chapo{font-size:16px;color:var(--encre2);margin-top:.7rem;max-width:min(640px,100%)}
.pj-rub-compte{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--encre2);margin-top:.5rem}
.pj-pagination{display:flex;gap:.4rem;padding-block:1.5rem 2rem;font-family:var(--titre);
  font-size:14px;font-weight:700;text-transform:uppercase}
.pj-pagination .page-numbers{padding:.35rem .8rem;border:2px solid var(--noir)}
.pj-pagination .current{background:var(--vif);color:#1e1e1e;border-color:var(--noir)}

/* ---------- 9. PIED DE PAGE NOIR ----------------------------------------- */
.pj-pied{margin-top:1.6rem;background:#1e1e1e;color:#f0f0ec;border-top:6px solid var(--vif)}
:root[data-theme="dark"] .pj-pied,
:root:not([data-theme="light"]) .pj-pied{background:#000}
.pj-pied-in{display:grid;grid-template-columns:1.2fr 1fr 1.4fr 1fr;gap:1.8rem;padding-block:2rem 1.4rem}
.pj-pied a{color:#f0f0ec}
.pj-pied-marque{font-family:var(--titre);font-weight:700;font-size:24px;text-transform:uppercase;
  color:var(--vif);display:flex;align-items:center;gap:.45rem}
.pj-mono--pied{width:26px;color:var(--vif)}
.pj-pied-baseline{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a4a4a0;margin-top:.3rem}
.pj-pied-note{font-size:13.5px;color:#a4a4a0;margin-top:.7rem;line-height:1.45;max-width:30ch}
.pj-pied-titre{font-family:var(--titre);font-size:15px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--vif);padding-bottom:.35rem;
  border-bottom:2px solid var(--vif);margin-bottom:.7rem}
.pj-pied-liste li{display:flex;justify-content:space-between;gap:.6rem;padding:.25rem 0;font-size:14px}
.pj-pied-liste--deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.2rem}
.pj-pied-compte{font-size:11px;color:var(--vif);font-variant-numeric:tabular-nums}
.pj-pied .pj-fil li{border-bottom:1px solid rgba(255,255,255,.18)}
.pj-pied .pj-fil a{font-size:15px}
.pj-pied form{margin-top:.8rem}
.pj-pied input[type="search"],.pj-pied input[type="text"]{font:inherit;font-size:13px;width:100%;
  padding:.42rem .6rem;border:1px solid rgba(255,255,255,.35);background:#1e1e1e;color:#f0f0ec;border-radius:0}
.pj-pied ::placeholder{color:#a4a4a0}
.pj-pied button[type="submit"],.pj-pied input[type="submit"]{font-family:var(--titre);font-size:14px;
  font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:.4rem;padding:.4rem .9rem;
  border:0;background:var(--vif);color:#1e1e1e;border-radius:0;cursor:pointer}
.pj-ours{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
  padding-block:.85rem 1.1rem;border-top:1px solid rgba(255,255,255,.2);font-size:11.5px;color:#a4a4a0}
.pj-bascule{font-family:var(--titre);font-size:13px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;padding:.35rem .8rem;border:2px solid var(--vif);background:none;
  color:var(--vif);border-radius:0;cursor:pointer}

/* ---------- 10. BARRE MOBILE BASSE --------------------------------------- */
.sb-nav-mobile{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;
  background:var(--vif);border-top:3px solid #1e1e1e;padding-bottom:env(safe-area-inset-bottom)}
.sb-nav-mobile-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:.45rem .2rem .5rem;font-family:var(--titre);font-size:11px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;color:#1e1e1e;text-align:center}
.sb-nav-mobile-item:hover{text-decoration:none}
.sb-nav-mobile-item.is-actif{background:#1e1e1e;color:var(--vif)}
.sb-nav-ico{display:block;width:20px;height:20px}
.sb-nav-ico svg{width:100%;height:100%;stroke:currentColor;fill:none}

/* ---------- 11. REPLIS --------------------------------------------------- */
@media (max-width: 1080px){
  .pj-mosaique{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
  .pj-tuile--grande{grid-column:1 / -1;grid-row:auto}
  .pj-editions-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pj-grille,.pj-grille--rub{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pj-grille--trois{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pj-duo{grid-template-columns:minmax(0,1fr);gap:1.4rem}
  .pj-pied-in{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
  .pj-bandeau-in{flex-wrap:wrap;gap:.6rem;min-height:0;padding-block:.6rem}
  .pj-burger{display:block}
  .pj-rubriques{max-height:0;overflow:hidden;width:100%;flex-direction:column;align-items:stretch}
  .pj-rubriques.is-ouvert{max-height:none;overflow:visible}
  .pj-rubriques a{padding:.55rem 0;border-bottom:2px solid rgba(30,30,30,.25);border-top:0}
  .pj-barre-in{flex-wrap:wrap;gap:.5rem;padding-block:.4rem}
  .pj-edition select,.pj-loupe input{max-width:none;width:100%}
  .pj-date{margin-right:0}
  .pj-mosaique,.pj-grille,.pj-grille--trois,.pj-grille--rub,
  .pj-editions-grille,.pj-pied-in,.pj-pied-liste--deux{grid-template-columns:minmax(0,1fr)}
  .sb-nav-mobile{display:flex}
  body{padding-bottom:66px}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;
    scroll-behavior:auto!important}
}
@media print{.pj-barre-noire,.sb-nav-mobile,.pj-bascule,.pj-editions{display:none!important}}

/* garde-fou : un display:grid/flex de classe bat l attribut hidden (vu sur gratuit-urbain, 04/09) */
[hidden]{display:none!important}

/* P-470 — la 1re carte de l accueil porte grid-column:span 2 en style INLINE.
   Sur telephone la grille n a plus qu une colonne : le span fabrique une colonne
   implicite dimensionnee sur le contenu (526px dans un ecran de 390) et pousse la page.
   !important est indispensable : on annule un style inline. */
@media (max-width:760px){.sb-grille>*{grid-column:auto!important}}

/* P-470 — la plume cite ses sources en URL BRUTE entre parentheses. Une URL ne
   contient aucun point de coupure : le paragraphe fait 677px de large dans une colonne
   de 329 et la page deborde de 351px sur telephone. Le piege : AUCUN element ne depasse
   le viewport (getBoundingClientRect ne voit rien), c est le contenu qui deborde de son
   propre element — seul scrollWidth > clientWidth le montre. */
.sb-corps{overflow-wrap:anywhere}

/* P-491 — display:contents : le h1 de la marque n existe pas pour la mise en page. */
.sb-marque-h1{display:contents}