:root{--accent:#b4361a;--adresse:#1e1e1b;--bordure:#d2d2ca;--chrome:#ecece7;--doux:#5a5a53;--feu-gris:#cdcdc6;--fond:#f6f6f3;--lien:#b4361a;--lueur:#ffffff;--omnibox:#f6f6f3;--pied:#2a2b2f;--pied-doux:#b9b9b2;--pied-texte:#f0f0ec;--police-mono:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;--police-texte:Seravek,"Gill Sans Nova",Ubuntu,Calibri,"DejaVu Sans",source-sans-pro,sans-serif;--police-titre:Avenir,Montserrat,Corbel,"URW Gothic",source-sans-pro,sans-serif;--squelette:#e2e2db;--sur-accent:#ffffff;--surface:#ffffff;--tete:#2a2b2f;--tete-survol:#3c3d42;--tete-texte:#f0f0ec;--texte:#1e1e1b;}
/* Fenêtres (t2b082) : chaque article est une fenêtre de navigateur ; sur téléphone, un écran à barre d'adresse flottante. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{display:flex;flex-direction:column;min-height:100vh;margin:0;background:var(--fond);color:var(--texte);font-family:var(--police-texte);font-size:1rem;line-height:1.6}
img{max-width:100%;height:auto}
h1,h2,p{margin:0}
a{color:var(--lien);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.evitement{position:absolute;top:.5rem;left:.5rem;z-index:30;padding:.75rem 1.125rem;border-radius:.5rem;background:var(--accent);color:var(--sur-accent);font-weight:700;text-decoration:none}
.evitement:not(:focus){width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.evitement:focus-visible{outline:3px solid var(--tete-texte)}
/* Trois pastilles : grises sur une fenêtre au repos, en couleur sur la fenêtre active */
.feux{--f1:var(--feu-gris);--f2:var(--feu-gris);--f3:var(--feu-gris);flex:none;width:44px;height:12px;background:radial-gradient(circle at 6px 6px, var(--f1) 5px, transparent 5.5px), radial-gradient(circle at 22px 6px, var(--f2) 5px, transparent 5.5px), radial-gradient(circle at 38px 6px, var(--f3) 5px, transparent 5.5px)}
.navigateur .feux,.une .feux,.grande-fenetre .feux,.fenetre:hover .feux,.fenetre:focus-within .feux{--f1:#ff5f57;--f2:#febc2e;--f3:#28c840}
/* Cadenas des barres d'adresse */
.adresse::before,.omnibox-domaine::before{content:"";display:inline-block;flex:none;width:9px;height:11px;margin-right:.5em;vertical-align:-1px;color:var(--doux);background:radial-gradient(circle at 4.5px 4.5px, transparent 2.2px, currentColor 2.5px 3.8px, transparent 4.1px) 0 0 / 9px 5px no-repeat, linear-gradient(currentColor, currentColor) 0 5px / 9px 6px no-repeat;border-radius:1px}
/* ---------- En-tête : la barre du navigateur ---------- */
.navigateur{background:var(--tete);color:var(--tete-texte)}
.navigateur :focus-visible,.etat :focus-visible{outline-color:var(--tete-texte)}
.navigateur-barre,.onglets,.principal,.etat-interieur{width:100%;max-width:80.5rem;margin-inline:auto;padding-inline:1.5rem}
.navigateur-barre{display:flex;align-items:center;gap:1.25rem;padding-block:.75rem .625rem}
.omnibox{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.75rem;min-height:2.75rem;padding:.3125rem 1.25rem .3125rem .375rem;border-radius:1.375rem;background:var(--omnibox);color:var(--texte);text-decoration:none}
.omnibox:focus-visible{outline-offset:3px}
.omnibox-marque{flex:none;width:2rem;height:2rem}
.omnibox-texte{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:1rem;line-height:1.3}
.omnibox-nom{font-family:var(--police-titre);font-size:1.0625rem;font-weight:700;overflow-wrap:anywhere}
.omnibox-domaine{color:var(--doux);font-family:var(--police-mono);font-size:.8125rem;overflow-wrap:anywhere}
.omnibox:hover .omnibox-nom{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
/* Onglets : le courant se raccorde au fond de la page */
.onglets-liste{display:flex;align-items:flex-end;gap:.25rem;margin:0;padding:0;list-style:none}
.onglet{position:relative;flex:none}
.onglet > a,.onglet > span{display:flex;align-items:center;gap:.5rem;min-height:2.625rem;padding:.375rem 1.25rem;border-radius:.625rem .625rem 0 0;color:var(--tete-texte);font-size:.9375rem;font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap}
.onglet > a::before,.onglet > span::before{content:"";flex:none;width:11px;height:13px;border:1.5px solid currentColor;border-radius:2px;opacity:.6}
.onglet > a:hover{background:var(--tete-survol)}
.onglet-courant > a,.onglet-page > span{background:var(--fond);color:var(--texte)}
.onglet-courant > a::before,.onglet-page > span::before{border-color:var(--accent);opacity:1}
.onglet-courant::before,.onglet-courant::after,.onglet-page::before,.onglet-page::after{content:"";position:absolute;bottom:0;width:.625rem;height:.625rem;pointer-events:none}
.onglet-courant::before,.onglet-page::before{right:100%;background:radial-gradient(circle at 0 0, transparent .625rem, var(--fond) calc(.625rem + .5px))}
.onglet-courant::after,.onglet-page::after{left:100%;background:radial-gradient(circle at 100% 0, transparent .625rem, var(--fond) calc(.625rem + .5px))}
.onglet-page{flex:0 1 auto;min-width:0}
/* Une seule ligne, même quand Chrome coupe au <wbr> malgré nowrap : la ligne fait la hauteur de l'onglet, la suivante est rognée */
.onglet-page > span{display:block;max-width:22rem;height:2.625rem;overflow:hidden;padding-block:0;line-height:2.625rem;text-overflow:ellipsis}
.onglet-page > span::before{display:inline-block;margin-right:.5rem;vertical-align:-2px}
.vue-article .onglet-page > span{font-family:var(--police-mono);font-size:.875rem}
.onglets-liste:has(.onglet-courant) .onglet-page{display:none}
/* ---------- Accueil ---------- */
.principal{flex:1 0 auto;padding-block:2.5rem 4.5rem}
.accueil-titre{margin-bottom:1.75rem;font-family:var(--police-titre);font-size:clamp(1.625rem, 5.2vw - .25rem, 3.5rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;overflow-wrap:break-word}
.vide{font-size:1.125rem}
/* L'onglet posé sur la fenêtre de tête */
.liste-onglet{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.625rem;margin-bottom:-1px;padding:.625rem 1.25rem .5rem;border:1px solid var(--bordure);border-bottom:0;border-radius:.625rem .625rem 0 0;background:var(--chrome);box-shadow:inset 0 2px 0 var(--accent);font-family:var(--police-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}
.liste-onglet::before{content:"";width:11px;height:13px;border:1.5px solid var(--accent);border-radius:2px}
.fenetres{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1.75rem;margin:0;padding:0;list-style:none}
.une{grid-column:1 / -1;margin-bottom:.75rem}
.fenetre{display:flex;min-width:0}
/* Une fenêtre */
.cadre{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden;border:1px solid var(--bordure);border-radius:.625rem;background:var(--surface);box-shadow:0 1px 2px rgba(20, 22, 28, .06), 0 14px 30px -20px rgba(20, 22, 28, .4)}
.fenetre:hover .cadre{box-shadow:0 1px 2px rgba(20, 22, 28, .08), 0 22px 40px -18px rgba(20, 22, 28, .5)}
.cadre:has(.lien-fenetre:focus-visible){outline:3px solid var(--accent);outline-offset:3px}
.une .cadre{border-top-left-radius:0}
.barre-titre{display:flex;align-items:center;gap:.75rem;min-height:2.125rem;padding:.375rem .625rem;border-bottom:1px solid var(--bordure);background:var(--chrome)}
.adresse{flex:1 1 auto;min-width:0;display:flex;align-items:center;padding:.1875rem .75rem;border:1px solid var(--bordure);border-radius:.875rem;background:var(--surface);color:var(--adresse);font-family:var(--police-mono);font-size:.8125rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere;text-shadow:0 0 .625rem var(--lueur)}
.fenetre:hover .adresse{border-color:var(--accent)}
.lien-fenetre{color:inherit;text-decoration:none}
.lien-fenetre::after{content:"";position:absolute;inset:0}
.lien-fenetre:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.capture{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top;background:var(--chrome)}
.cadre-pied{flex:1 0 auto;display:flex;flex-direction:column;gap:.375rem;padding:.625rem .875rem .75rem;border-top:1px solid var(--bordure);background:var(--chrome)}
.cadre-date{display:flex;align-items:center;gap:.5rem;color:var(--doux);font-family:var(--police-mono);font-size:.75rem;line-height:1.3}
.fenetre-attente .cadre-date::before{content:"";flex:none;width:.75rem;height:.75rem;border:2px solid var(--bordure);border-top-color:var(--accent);border-radius:50%}
.cadre-extrait{display:-webkit-box;overflow:hidden;font-size:.9375rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
/* Page en chargement (article sans capture) */
.attente{display:flex;flex-direction:column;gap:.875rem;aspect-ratio:16 / 9;padding:0 1rem 1rem;background:var(--surface)}
.progression{position:relative;display:block;flex:none;height:3px;margin-inline:-1rem;background:var(--squelette)}
.progression::before{content:"";position:absolute;inset:0 auto 0 0;width:64%;background:var(--accent);box-shadow:0 0 .5rem var(--lueur)}
.fenetre:nth-child(3n) .progression::before{width:38%}
.fenetre:nth-child(3n + 1) .progression::before{width:82%}
.fenetre:nth-child(5n) .progression::before{width:22%}
.progression-pleine::before{width:100%}
.chargement-tete{display:flex;align-items:flex-start;gap:.875rem;flex:none}
.logo-attente{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background:var(--chrome);color:var(--accent);font-family:var(--police-titre);font-size:1.25rem;font-weight:800;line-height:1}
.squelette{flex:1;display:grid;gap:.375rem;padding-top:.125rem}
.squelette > span{display:block;height:.5rem;border-radius:99px;background:var(--squelette)}
.squelette > span:first-child{width:66%;height:.75rem}
.squelette > span:last-child{width:82%}
.fenetre:nth-child(2n) .squelette > span:first-child{width:48%}
.fenetre:nth-child(3n) .squelette > span:last-child{width:60%}
.attente-extrait{display:-webkit-box;overflow:hidden;font-size:1.1rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:4}
/* La une : fenêtre agrandie, page à gauche, outils à droite */
.une-cadre{display:grid;grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);grid-template-rows:auto 1fr}
.une-cadre > .barre-titre{grid-column:1 / -1;min-height:2.75rem;padding:.5rem 1rem}
.une-cadre .adresse,.grande-fenetre .adresse{flex:0 1 34rem;margin-inline:auto;justify-content:center;font-size:.875rem}
.une-page{display:flex;flex-direction:column;min-width:0;background:var(--surface)}
.une-page .capture{flex:1 1 auto;height:100%}
.une-accueil{gap:1rem;aspect-ratio:16 / 9;padding:0 clamp(1.25rem, 4vw, 3.5rem) 2rem}
.une-accueil .progression{margin-inline:calc(-1 * clamp(1.25rem, 4vw, 3.5rem))}
.une-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.5rem 0 auto}
.une-nav::after{content:"";width:11rem;height:.5rem;background:linear-gradient(var(--squelette), var(--squelette)) 0 0 / 3rem 100% no-repeat, linear-gradient(var(--squelette), var(--squelette)) 4rem 0 / 3rem 100% no-repeat, linear-gradient(var(--accent), var(--accent)) 100% 0 / 3rem 100% no-repeat}
.une-geant{font-family:var(--police-titre);font-size:clamp(1.5rem, .25rem + 5vw, 4.5rem);font-weight:800;line-height:1.02;letter-spacing:-.025em;overflow-wrap:anywhere}
.une-titre .lien-fenetre,.une-geant .lien-fenetre{color:var(--texte)}
.une-cadre:hover .une-titre .lien-fenetre,.une-cadre:hover .une-geant .lien-fenetre{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}
.une-accueil .une-extrait{max-width:40rem;margin-bottom:auto;color:var(--doux);font-size:1.125rem}
.outils{display:flex;flex-direction:column;gap:.875rem;min-width:0;padding:0 1.5rem 1.5rem;border-left:1px solid var(--bordure);background:var(--surface)}
.outils::before{content:"";flex:none;height:2.5rem;margin:0 -1.5rem;border-bottom:1px solid var(--bordure);background:linear-gradient(var(--squelette), var(--squelette)) right 1.5rem center / 2.25rem .375rem no-repeat, linear-gradient(var(--squelette), var(--squelette)) right 4.5rem center / 3rem .375rem no-repeat, var(--chrome)}
.outils-onglet{align-self:flex-start;display:flex;align-items:center;min-height:2.5rem;margin-top:-3.375rem;padding:0 .25rem;border-bottom:2px solid var(--accent);font-family:var(--police-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.une-titre{font-family:var(--police-titre);font-size:clamp(1.5rem, 1rem + 1.1vw, 2.125rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;overflow-wrap:anywhere}
.console{display:flex;align-items:baseline;gap:.5rem;color:var(--doux);font-family:var(--police-mono);font-size:.8125rem}
.console::before{content:"›";color:var(--accent);font-weight:700}
.une-extrait{line-height:1.6}
/* Arbre du document, décoratif : un motif de 8 lignes répété, fondu vers le bas */
.arbre{--a:linear-gradient(var(--accent) .375rem, transparent 0);--g:linear-gradient(var(--squelette) .375rem, transparent 0);flex:1 1 0;min-height:0;margin-top:.5rem;opacity:.85;background:var(--a) 0 0 / 1.75rem 10rem, var(--g) 2.25rem 0 / 4.5rem 10rem, var(--a) 1rem 1.25rem / 1.25rem 10rem, var(--g) 2.75rem 1.25rem / 5.5rem 10rem, var(--g) 2rem 2.5rem / 7.5rem 10rem, var(--a) 1rem 3.75rem / 1.5rem 10rem, var(--g) 3rem 3.75rem / 3.5rem 10rem, var(--a) 2rem 5rem / 1rem 10rem, var(--g) 3.5rem 5rem / 6rem 10rem, var(--g) 3rem 6.25rem / 8rem 10rem, var(--a) 1rem 7.5rem / 2rem 10rem, var(--a) 0 8.75rem / 1.75rem 10rem;background-repeat:repeat-y;mask-image:linear-gradient(#000 40%, transparent)}
/* ---------- Pagination : flèches de navigateur, numéros en onglets ---------- */
.pagination{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem;margin-top:3.5rem;border-bottom:1px solid var(--bordure)}
.pagination-fleches{display:flex;gap:.25rem;padding-bottom:.5rem}
.fleche{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;color:var(--texte)}
.fleche::before{content:"";width:.625rem;height:.625rem;border:solid currentColor;border-width:0 0 2.5px 2.5px;transform:translateX(.125rem) rotate(45deg)}
.fleche-suivante::before{transform:translateX(-.125rem) rotate(-135deg)}
a.fleche:hover{background:var(--chrome)}
.fleche-inactive{color:var(--bordure)}
.pagination-onglets{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.25rem;margin:0 0 -1px;padding:0;list-style:none}
.pagination-onglet{display:grid;place-items:center;min-width:2.75rem;min-height:2.5rem;padding:0 .875rem;border:1px solid var(--bordure);border-radius:.5rem .5rem 0 0;background:var(--chrome);color:var(--texte);font-family:var(--police-mono);font-size:.875rem;font-weight:600;text-decoration:none}
a.pagination-onglet:hover{background:var(--surface);text-decoration:underline}
.pagination-onglet[aria-current]{min-height:2.875rem;border-bottom-color:var(--fond);background:var(--fond);box-shadow:inset 0 2px 0 var(--accent)}
/* ---------- Article et pages : une grande fenêtre ---------- */
.principal-fenetre{padding-top:2.5rem}
.grande-fenetre{max-width:61.25rem;margin-inline:auto}
.grande-fenetre > .barre-titre{min-height:2.75rem;padding:.5rem 1rem}
.grande-fenetre .adresse{color:var(--doux);font-weight:500;text-shadow:none}
.grande-page{padding:clamp(1.75rem, 4vw, 3rem) clamp(1rem, 5vw, 3.5rem) clamp(2rem, 5vw, 3.5rem)}
.article-tete,.texte{max-width:46rem;margin-inline:auto}
.article-tete{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--bordure)}
.article-titre{font-family:var(--police-titre);font-size:clamp(1.5rem, 1rem + 2.5vw, 2.625rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;overflow-wrap:break-word}
/* « - Nom du site » : sous-titre en chasse fixe sur sa ligne ; « - » et l'espace (2ch) sortent à gauche, masqués, dans tout navigateur */
.article-titre-suite{display:block;overflow:hidden;margin-top:.5rem;color:var(--doux);font-family:var(--police-mono);font-size:.55em;font-weight:500;letter-spacing:0;line-height:1.4;text-indent:-2ch}
.article-titre-suite:empty{display:none}
.article-date{margin-top:.875rem;color:var(--doux);font-family:var(--police-mono);font-size:.8125rem}
.texte{font-size:1.0625rem;line-height:1.7;overflow-wrap:break-word}
.texte > * + *{margin-top:1.1em}
.texte h2{margin-top:2.25rem;font-family:var(--police-titre);font-size:1.25rem;font-weight:700;line-height:1.3}
.texte h2 + *{margin-top:.75rem}
.texte ul,.texte ol{padding-left:1.375rem}
.texte li + li{margin-top:.375rem}
.texte a{font-family:var(--police-mono);font-size:.875em;overflow-wrap:anywhere}
/* « Site web : » et « Source : » prennent l'allure d'un champ d'adresse */
.texte p:has(> a:only-child){padding:.5rem .875rem;border:1px solid var(--bordure);border-radius:.75rem;background:var(--chrome);font-size:.9375rem;line-height:1.55}
/* Capture du corps : une barre de titre grise au-dessus */
.texte img{display:block;box-sizing:content-box;width:calc(100% - 2px);height:auto;margin-block:2rem;padding-top:1.5rem;border:1px solid var(--bordure);border-radius:.625rem;background:radial-gradient(circle at 14px 12px, #ff5f57 4.5px, transparent 5px), radial-gradient(circle at 30px 12px, #febc2e 4.5px, transparent 5px), radial-gradient(circle at 46px 12px, #28c840 4.5px, transparent 5px), var(--chrome)}
.cadre-etat{padding:.375rem max(clamp(1rem, 5vw, 3.5rem), calc(50% - 23rem));border-top:1px solid var(--bordure);background:var(--chrome)}
.retour{display:inline-flex;align-items:center;gap:.625rem;min-height:2.75rem;font-weight:600}
.retour::before{content:"";flex:none;width:.5rem;height:.5rem;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(45deg)}
/* Plan du site : un historique en trois colonnes */
.page-plan_du_site .grande-fenetre,.page-plan_du_site .article-tete,.page-plan_du_site .texte{max-width:none}
.page-plan_du_site .texte ul{columns:3 15rem;column-gap:2.5rem;padding:0;list-style:none}
.page-plan_du_site .texte li{display:flex;gap:.625rem;margin:0;padding:.3125rem 0;border-bottom:1px solid var(--chrome);break-inside:avoid;line-height:1.45}
.page-plan_du_site .texte li::before{content:"";flex:none;width:.875rem;height:.875rem;margin-top:.25rem;border-radius:3px;background:var(--squelette)}
.page-plan_du_site .texte a{font-size:.8125rem}
.page-plan_du_site .texte nav ul{display:flex;flex-wrap:wrap;gap:.375rem;columns:auto}
.page-plan_du_site .texte nav li{padding:0;border:0}
.page-plan_du_site .texte nav li::before{display:none}
.page-plan_du_site .texte nav a,.page-plan_du_site .texte nav b{display:grid;place-items:center;min-height:2.75rem;padding:0 .875rem;border:1px solid var(--bordure);border-radius:.5rem .5rem 0 0;background:var(--chrome);font-family:var(--police-mono);font-size:.875rem}
.page-plan_du_site .texte nav b{background:var(--surface);box-shadow:inset 0 2px 0 var(--accent)}
/* Contact : le cadre du formulaire dans sa fenêtre */
.page-contact .texte p:has(+ iframe)::after{content:"";display:block;height:2.25rem;margin:1.5rem -1px 0;border:1px solid var(--bordure);border-bottom:0;border-radius:.625rem .625rem 0 0;background:radial-gradient(circle at 16px 50%, #ff5f57 5px, transparent 5.5px), radial-gradient(circle at 32px 50%, #febc2e 5px, transparent 5.5px), radial-gradient(circle at 48px 50%, #28c840 5px, transparent 5.5px), var(--chrome)}
.page-contact .texte iframe{margin-top:0;border-radius:0 0 .625rem .625rem;background:var(--surface);box-shadow:0 0 0 1px var(--bordure)}
/* 404 : une fenêtre en chargement */
.page-404{display:flex;flex-direction:column;gap:1.25rem;padding-top:0}
.page-404 .progression{margin-inline:calc(-1 * clamp(1rem, 5vw, 3.5rem));margin-bottom:1rem}
.page-404 .progression::before{width:42%}
.page-404 > :not(.progression){width:100%;max-width:46rem;margin-inline:auto}
.page-404 .squelette{max-width:24rem}
.page-404 .article-titre{margin-top:.75rem}
.erreur-texte{font-size:1.0625rem}
/* ---------- Pied : la barre d'état ---------- */
.etat{background:var(--pied);color:var(--pied-texte);font-family:var(--police-mono);font-size:.8125rem;line-height:1.4}
.etat-interieur{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 2rem;padding-block:.375rem}
.etat-site{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem .75rem;min-width:0}
.etat-site::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#28c840}
.etat-nom{font-weight:700;overflow-wrap:anywhere}
.etat-domaine{color:var(--pied-doux);overflow-wrap:anywhere}
.etat-liens{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.etat-liens li{display:flex;align-items:center}
.etat-liens li + li::before{content:"";width:1px;height:.875rem;background:var(--pied-doux)}
.etat-liens a{display:flex;align-items:center;min-height:2.25rem;padding:0 .875rem;color:var(--pied-texte);text-decoration:none}
.etat-liens li:last-child a{padding-right:0}
.etat-liens a:hover{text-decoration:underline}
@media (prefers-reduced-motion: no-preference){
.cadre{transition:box-shadow .2s ease}
}
/* ---------- Tablette ---------- */
@media (max-width: 63.99rem){
.fenetres{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width: 47.99rem){
.une-cadre{grid-template-columns:minmax(0, 1fr)}
.outils{border-top:1px solid var(--bordure);border-left:0}
.arbre{display:none}
}
/* ---------- Téléphone : des écrans mobiles, barre d'adresse flottante ---------- */
@media (max-width: 39.99rem){
.navigateur-barre,.principal,.etat-interieur{padding-inline:1rem}
.navigateur-barre{padding-block:.625rem .5rem}
.navigateur .feux{display:none}
.omnibox{padding-right:1rem}
.omnibox-texte{column-gap:.625rem}
.omnibox-nom{font-size:1rem}
.onglets{padding-inline:.75rem}
.onglets-liste{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr))}
.onglet > a{justify-content:center;min-height:2.75rem;padding:.375rem .5rem;font-size:.875rem;text-align:center;white-space:normal}
.onglet-page{display:none}
.principal{padding-block:1.75rem 3rem}
.accueil-titre{margin-bottom:1.25rem}
.fenetres{grid-template-columns:minmax(0, 1fr);gap:1.5rem}
.cadre{border-radius:1.25rem}
.une .cadre{border-top-left-radius:0}
.une-cadre{display:flex}
.fenetres .barre-titre{order:2;z-index:1;justify-content:center;min-height:0;margin:-1.375rem 0 0;padding:0 .75rem;border:0;background:linear-gradient(transparent 1.375rem, var(--bordure) 0 calc(1.375rem + 1px), var(--chrome) 0)}
.fenetres .barre-titre .feux{display:none}
.fenetres .adresse{flex:0 1 auto;justify-content:center;min-height:2.75rem;padding:.4375rem 1.125rem;border-radius:1.375rem;box-shadow:0 8px 20px -8px rgba(20, 22, 28, .45);text-align:center}
.capture,.attente,.une-page{order:1}
.cadre-pied,.outils{order:3}
.cadre-pied{padding:.5rem 1rem .875rem;border-top:0}
.attente{aspect-ratio:auto;padding-bottom:2.25rem}
.attente-extrait{font-size:1.0625rem;-webkit-line-clamp:3}
.une-accueil{aspect-ratio:auto;gap:.875rem;padding-bottom:2.5rem}
.une-nav{margin-bottom:.5rem}
.une-accueil .une-extrait{display:-webkit-box;overflow:hidden;font-size:1.0625rem;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.outils{gap:.625rem;padding:.625rem 1rem 1.125rem;border-top:0;background:var(--chrome)}
.outils::before{display:none}
.outils-onglet{min-height:0;margin-top:0;padding:0 0 .25rem}
.pagination{justify-content:space-between}
.pagination-onglet,.pagination-onglet[aria-current]{min-height:2.75rem}
.page-plan_du_site .texte > ul > li{align-items:center;padding-block:0}
.page-plan_du_site .texte > ul > li::before{margin-top:0}
.page-plan_du_site .texte > ul > li > a{display:flex;flex:1;align-items:center;min-height:2.75rem;padding-block:.25rem}
.grande-page,.cadre-etat{padding-inline:1rem}
.page-404 .progression{margin-inline:-1rem}
.grande-fenetre > .barre-titre{padding-inline:.75rem}
.grande-fenetre .feux{display:none}
.grande-fenetre .adresse{flex-basis:100%}
.etat-interieur{flex-direction:column;align-items:stretch;padding-block:.75rem}
.etat-liens{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}
.etat-liens li + li::before{display:none}
.etat-liens a,.etat-liens li:last-child a{min-height:2.75rem;padding:0}
}
@media (max-width: 24.99rem){
.onglet > a::before{display:none}
.onglet > a{padding-inline:.25rem;font-size:.8125rem}
}