:root{--accent:#1e4fa3;--cartouche:#e9eff6;--construction:#a7b9d2;--encre:#16243a;--encre-douce:#4a586b;--fond:#f4f6f4;--grille:#e3e9ea;--grille-forte:#cfdae0;--papier:#fcfdfc;--police-cote:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;--police-texte:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;--police-titre:Avenir,Montserrat,Corbel,"URW Gothic",source-sans-pro,sans-serif;--sur-accent:#ffffff;--trait:#7f93b0;--vue:#f0f4f7;}
/* Épure : la revue technique en planches de dessin industriel. Papier quadrillé, cotes fléchées, repères d'angle et de coupe,
   cartouches en tableau. Variables : palette (couleurs) et typo (--police-titre, --police-texte, --police-cote). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background-color:var(--fond);background-image:repeating-linear-gradient(180deg,var(--grille-forte) 0 1px,transparent 1px 5rem),repeating-linear-gradient(90deg,var(--grille-forte) 0 1px,transparent 1px 5rem),repeating-linear-gradient(180deg,var(--grille) 0 1px,transparent 1px 1rem),repeating-linear-gradient(90deg,var(--grille) 0 1px,transparent 1px 1rem);color:var(--encre);font:1.0625rem/1.6 var(--police-texte)}
img{max-width:100%;height:auto}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
h1,h2,h3{font-family:var(--police-titre);line-height:1.2}
.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:-20rem;left:1rem;z-index:5;padding:.75rem 1rem;background:var(--accent);color:var(--sur-accent);font-weight:700}
.evitement:focus{top:1rem}
.entete,.principal,.pied{width:100%;max-width:80rem;margin:0 auto;padding:0 1rem}

/* En-tête : grand cartouche en tableau, graduation de règle en bas */
.entete{padding-top:1rem}
.entete-table{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"titre titre" "menu case" "regle regle";border:2px solid var(--encre);background:var(--cartouche)}
.entete-sans-page{grid-template-columns:minmax(0,1fr);grid-template-areas:"titre" "menu" "regle"}
.entete-table::after,.pied-table::after{content:"";grid-area:regle;height:.8rem;border-top:1px solid var(--trait);background:repeating-linear-gradient(90deg,var(--trait) 0 1px,transparent 1px 2.5rem) 0 0/100% 100% no-repeat,repeating-linear-gradient(90deg,var(--trait) 0 1px,transparent 1px 1.25rem) 0 0/100% 55% no-repeat,repeating-linear-gradient(90deg,var(--trait) 0 1px,transparent 1px .25rem) 0 0/100% 30% no-repeat}
.entete-titre{grid-area:titre;margin:0;font:700 clamp(.95rem,4.8vw,1.75rem)/1.15 var(--police-titre);letter-spacing:.04em;text-transform:uppercase}
.marque{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;height:100%;color:var(--encre);text-decoration:none}
.marque-case{display:grid;place-items:center;align-self:stretch;padding:.5rem;border-right:1px solid var(--trait)}
.marque-image{display:block;width:2.5rem;height:2.5rem}
.marque-nom{padding:.65rem .9rem;overflow-wrap:break-word}
.marque:hover .marque-nom{text-decoration:underline;text-decoration-thickness:2px}
.menu{grid-area:menu;border-top:1px solid var(--trait)}
.menu ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:100%;margin:0;padding:0;list-style:none}
.menu li+li{border-left:1px solid var(--trait)}
.menu a{display:flex;align-items:center;justify-content:center;height:100%;min-height:2.75rem;padding:.35rem .3rem;color:var(--encre);font:700 .75rem/1.2 var(--police-titre);letter-spacing:.06em;text-align:center;text-decoration:none;text-transform:uppercase}
.menu a:hover{text-decoration:underline}
.menu [aria-current]{background:var(--accent);color:var(--sur-accent)}
.marque:focus-visible,.menu a:focus-visible,.pagination a:focus-visible,.pied a:focus-visible{outline-offset:-5px}
.menu [aria-current]:focus-visible{outline-color:var(--sur-accent)}
.entete-case{grid-area:case;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:4rem;margin:0;padding:.3rem .7rem;border:solid var(--trait);border-width:1px 0 0 1px;font-family:var(--police-cote);line-height:1.1;text-align:center}
.entete-etiquette{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-douce)}
.entete-numero{font-size:1.6rem;font-weight:700}
.entete-domaine{display:none;font-size:.8rem;color:var(--encre-douce)}

/* Titres de section : flèche, intitulé, ligne de rappel */
.releve,.texte h2{display:flex;align-items:center;gap:.7rem;font:700 .82rem/1.3 var(--police-titre);letter-spacing:.12em;text-transform:uppercase}
.releve{margin:2.25rem 0 1.75rem}
.releve::before,.texte h2::before{content:"";flex:none;width:.65rem;height:.75rem;background:var(--accent);clip-path:polygon(0 0,100% 50%,0 100%)}
.releve::after,.texte h2::after{content:"";flex:1 1 2rem;height:.75rem;background:linear-gradient(var(--trait),var(--trait)) 0 50%/100% 1px no-repeat,linear-gradient(var(--trait),var(--trait)) 100% 0/1px 100% no-repeat}
.vide{padding:1.5rem;border:1px solid var(--trait);background:var(--papier)}

/* Planches */
.planches{display:grid;grid-template-columns:minmax(0,1fr);gap:2.25rem;margin:0;padding:0;list-style:none}
.planche{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"vue" "extrait" "cartouche";padding:1rem;border:1px solid var(--trait);background:var(--papier)}
.planche:hover{border-color:var(--encre-douce)}
.planche::before,.feuille::before{content:"";position:absolute;inset:-3px;pointer-events:none;--l:linear-gradient(var(--accent),var(--accent));background:var(--l) 0 0/1.1rem 3px no-repeat,var(--l) 0 0/3px 1.1rem no-repeat,var(--l) 100% 0/1.1rem 3px no-repeat,var(--l) 100% 0/3px 1.1rem no-repeat,var(--l) 0 100%/1.1rem 3px no-repeat,var(--l) 0 100%/3px 1.1rem no-repeat,var(--l) 100% 100%/1.1rem 3px no-repeat,var(--l) 100% 100%/3px 1.1rem no-repeat}
.vue{grid-area:vue;position:relative;margin:1.6rem 0 1.1rem;outline:1px solid var(--trait)}
.vue::after{content:"";position:absolute;inset:-.6rem;pointer-events:none;--t:linear-gradient(var(--trait),var(--trait));background:var(--t) 0 .6rem/.4rem 1px no-repeat,var(--t) 100% .6rem/.4rem 1px no-repeat,var(--t) 0 calc(100% - .6rem)/.4rem 1px no-repeat,var(--t) 100% calc(100% - .6rem)/.4rem 1px no-repeat,var(--t) .6rem 100%/1px .4rem no-repeat,var(--t) calc(100% - .6rem) 100%/1px .4rem no-repeat}

/* Cote fléchée : ligne, lignes d'attache et flèches (triangles) ; la même sur la capture d'un article */
.cote,.texte-article img{--c:var(--trait);background:linear-gradient(var(--c),var(--c)) var(--cx) var(--cy)/1px 1.2rem no-repeat,linear-gradient(var(--c),var(--c)) right var(--cx) top var(--cy)/1px 1.2rem no-repeat,linear-gradient(var(--c),var(--c)) var(--cx) calc(var(--cy) + .6rem)/calc(100% - 2*var(--cx)) 1px no-repeat,linear-gradient(to bottom right,transparent 50%,var(--c) 50%) calc(var(--cx) + 1px) calc(var(--cy) + .35rem)/.7rem .25rem no-repeat,linear-gradient(to top right,transparent 50%,var(--c) 50%) calc(var(--cx) + 1px) calc(var(--cy) + .6rem)/.7rem .25rem no-repeat,linear-gradient(to bottom left,transparent 50%,var(--c) 50%) right calc(var(--cx) + 1px) top calc(var(--cy) + .35rem)/.7rem .25rem no-repeat,linear-gradient(to top left,transparent 50%,var(--c) 50%) right calc(var(--cx) + 1px) top calc(var(--cy) + .6rem)/.7rem .25rem no-repeat}
.cote{--cx:0px;--cy:0px;position:absolute;top:-1.55rem;left:0;right:0;height:1.2rem}
.cote-v{top:0;bottom:0;left:-1.6rem;right:auto;width:1.2rem;height:auto;background:linear-gradient(var(--c),var(--c)) 0 0/1.2rem 1px no-repeat,linear-gradient(var(--c),var(--c)) 0 100%/1.2rem 1px no-repeat,linear-gradient(var(--c),var(--c)) .6rem 0/1px 100% no-repeat,linear-gradient(to bottom right,transparent 50%,var(--c) 50%) .35rem 1px/.25rem .7rem no-repeat,linear-gradient(to bottom left,transparent 50%,var(--c) 50%) .6rem 1px/.25rem .7rem no-repeat,linear-gradient(to top right,transparent 50%,var(--c) 50%) .35rem calc(100% - 1px)/.25rem .7rem no-repeat,linear-gradient(to top left,transparent 50%,var(--c) 50%) .6rem calc(100% - 1px)/.25rem .7rem no-repeat}
.vue-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}

/* Épure de l'initiale : lettre au trait, cercle, carré et axes de construction */
.epure{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;container-type:inline-size;background:repeating-linear-gradient(90deg,var(--construction) 0 .75rem,transparent .75rem 1rem,var(--construction) 1rem 1.15rem,transparent 1.15rem 1.4rem) 0 50%/100% 1px no-repeat,repeating-linear-gradient(180deg,var(--construction) 0 .75rem,transparent .75rem 1rem,var(--construction) 1rem 1.15rem,transparent 1.15rem 1.4rem) 50% 0/1px 100% no-repeat,linear-gradient(to top right,transparent calc(50% - .5px),var(--construction) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom right,transparent calc(50% - .5px),var(--construction) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),repeating-linear-gradient(90deg,var(--grille) 0 1px,transparent 1px .75rem),repeating-linear-gradient(180deg,var(--grille) 0 1px,transparent 1px .75rem),var(--vue)}
.epure-lettre{position:relative;display:grid;place-items:center;width:12rem;height:12rem;width:62cqi;height:62cqi;border:1px solid var(--construction);border-radius:50%;font:400 7rem/1 var(--police-titre);font-size:44cqi;color:var(--encre)}
@supports (-webkit-text-stroke:1px){.epure-lettre,.pied-epure{color:transparent;-webkit-text-stroke:1.5px var(--encre)}}
.epure-lettre::before{content:"";position:absolute;inset:-1px;border:1px dashed var(--construction)}
.planche:nth-child(3n+2) .epure-lettre::before{transform:rotate(45deg) scale(.7071)}
.planche:nth-child(3n) .epure-lettre::before{inset:22%;border-radius:50%}
.epure-lettre::after{content:"";position:absolute;top:50%;left:50%;width:.9rem;height:.9rem;margin:-.45rem 0 0 -.45rem;--a:linear-gradient(var(--accent),var(--accent));background:var(--a) 50% 0/1px 100% no-repeat,var(--a) 0 50%/100% 1px no-repeat}

/* Extrait et cartouche de la planche : le titre sur toute la largeur (un domaine de 22 lettres tient sur une ligne), puis la
   date et le rang, en bas à droite comme un numéro de planche. Au téléphone, le cartouche couvre le bas du cadre. */
.planche-extrait{grid-area:extrait;margin:0 0 1.1rem;font-size:.94rem;line-height:1.55;color:var(--encre-douce)}
.cartouche{grid-area:cartouche;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"une une" "titre titre" "date rang";margin:0 calc(-1rem - 1px) calc(-1rem - 1px);border:2px solid var(--encre);background:var(--cartouche)}
.cartouche>*{margin:0}
.cartouche-rang{grid-area:rang;display:grid;place-items:center;min-width:3.5rem;padding:.4rem .7rem;border-left:1px solid var(--trait);font:700 1.3rem/1 var(--police-cote)}
.cartouche-titre{grid-area:titre;padding:.6rem .75rem .55rem;border-bottom:1px solid var(--trait);font-size:.96rem;letter-spacing:.03em;text-transform:uppercase;overflow-wrap:break-word}
.cartouche-date{grid-area:date;align-self:center;padding:.4rem .75rem;font:.78rem/1.35 var(--police-cote);color:var(--encre-douce)}
.cartouche-une{grid-area:une;padding:.3rem .8rem;border-bottom:1px solid var(--trait);background:var(--accent);color:var(--sur-accent);font:700 .72rem/1.3 var(--police-titre);letter-spacing:.12em;text-transform:uppercase}
.planche-lien{color:var(--encre);text-decoration:none}
.planche-lien::after{content:"";position:absolute;inset:0;z-index:1}
.planche:hover .planche-lien{text-decoration:underline;text-decoration-thickness:2px}
.planche-lien:focus-visible{outline:0}
.planche-lien:focus-visible::after{outline:3px solid var(--accent);outline-offset:6px}
.planche-une .vue{margin-left:1.75rem}
.planche-une .planche-extrait{font-size:1.02rem;color:var(--encre)}
.planche-une .cartouche-rang{min-width:4.5rem;font-size:1.9rem}
.planche-une .cartouche-titre{font-size:clamp(.98rem,6.2vw - 4px,1.6rem)}

/* Pagination : rangée de cases, la page courante pleine */
.pagination{margin-top:3rem}
.pagination ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;border:2px solid var(--encre);background:var(--cartouche)}
.pagination li{background:var(--cartouche);box-shadow:0 0 0 1px var(--trait)}
.pagination .case-sens{grid-column:1/-1}
.pagination a,.pagination [aria-current]{display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.4rem .6rem;color:var(--encre);font:700 .95rem/1.2 var(--police-cote);text-decoration:none}
.pagination a:hover{text-decoration:underline}
.pagination [aria-current]{background:var(--accent);color:var(--sur-accent)}
.case-sens a{font:700 .75rem/1.2 var(--police-titre);letter-spacing:.08em;text-transform:uppercase}
.case-precedente a::before{content:"←";margin-right:.5rem}
.case-suivante a::after{content:"→";margin-left:.5rem}

/* Pied : nomenclature */
.pied{margin-top:4rem;padding-bottom:2.5rem}
.pied-table{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"liens" "titre" "regle";border:2px solid var(--encre);background:var(--cartouche)}
.pied-liens{grid-area:liens;margin:0;padding:0;list-style:none;counter-reset:rep}
.pied-liens li{display:grid;grid-template-columns:3rem minmax(0,1fr);border-bottom:1px solid var(--trait);counter-increment:rep}
.pied-liens li::before{content:counter(rep,decimal-leading-zero);display:grid;place-items:center;border-right:1px solid var(--trait);font:700 .8rem var(--police-cote);color:var(--encre-douce)}
.pied-liens a{display:flex;align-items:center;min-height:2.75rem;padding:.45rem .9rem;color:var(--encre);font-size:.95rem;text-decoration:none}
.pied-liens a:hover{text-decoration:underline}
.pied-titre{grid-area:titre;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"epure nom" "domaine domaine"}
.pied-titre p{margin:0}
.pied-epure{grid-area:epure;position:relative;display:grid;place-items:center;width:4rem;min-height:4rem;border-right:1px solid var(--trait);font:400 1.9rem/1 var(--police-titre);background:linear-gradient(var(--construction),var(--construction)) 50% 50%/100% 1px no-repeat,linear-gradient(var(--construction),var(--construction)) 50% 50%/1px 100% no-repeat}
.pied-epure::before{content:"";position:absolute;top:50%;left:50%;width:2.9rem;height:2.9rem;margin:-1.45rem 0 0 -1.45rem;border:1px solid var(--construction);border-radius:50%}
.pied-nom{grid-area:nom;align-self:center;padding:.7rem .9rem;font:700 clamp(.9rem,4.6vw,1.05rem)/1.25 var(--police-titre);letter-spacing:.04em;text-transform:uppercase;overflow-wrap:break-word}
.pied-domaine{grid-area:domaine;padding:.5rem .9rem;border-top:1px solid var(--trait);font:.85rem/1.3 var(--police-cote);color:var(--encre-douce);overflow-wrap:anywhere}

/* Article et pages : une planche, cartouche du titre, zone de texte unie */
.feuille{position:relative;max-width:50rem;margin:2.5rem auto 0;padding:.625rem;border:1px solid var(--trait)}
.feuille-cartouche{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:calc(-.625rem - 1px) calc(-.625rem - 1px) 0;border:2px solid var(--encre);background:var(--cartouche)}
.feuille-cartouche::before{content:"";grid-area:2/1;border-top:1px solid var(--trait);background:repeating-linear-gradient(-45deg,var(--trait) 0 1px,transparent 1px .45rem)}
.feuille-titre{grid-column:1/-1;margin:0;padding:.9rem .75rem;font-size:clamp(1.05rem,5.9vw - 3.6px,2.2rem);letter-spacing:.03em;text-transform:uppercase;overflow-wrap:break-word}
.feuille-suite{font-size:max(.6em,.8rem);letter-spacing:.06em;color:var(--encre-douce)}
.feuille-case{grid-column:2;margin:0;padding:.5rem .9rem;border:solid var(--trait);border-width:1px 0 0 1px;font:.85rem/1.35 var(--police-cote)}
.feuille-etiquette{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-douce)}
.feuille-domaine{color:var(--encre-douce);overflow-wrap:anywhere}
.texte{max-width:43rem;margin:1.5rem auto 0;padding:1.25rem 1rem;border:1px solid var(--trait);background:var(--papier);overflow-wrap:break-word}
.texte p,.texte ul,.texte ol{margin:0 0 1.1em}
.texte h2{margin:2em 0 .8em}
.texte>:first-child{margin-top:0}
.texte>:last-child{margin-bottom:0}
.texte-article a{font-family:var(--police-cote);font-size:.88em;overflow-wrap:anywhere}
.texte-article img{--cx:.5rem;--cy:.2rem;display:block;width:100%;margin:1.5rem 0;padding:1.6rem .5rem .5rem;border:1px solid var(--trait)}
.feuille-retour{display:flex;justify-content:flex-end;margin:1.5rem 0 0}
.feuille-retour a,.c404-retour a{display:inline-flex;align-items:center;min-height:2.75rem;padding:.5rem 1rem;border:2px solid var(--encre);background:var(--cartouche);color:var(--encre);font:700 .75rem/1.2 var(--police-titre);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.feuille-retour a::before,.c404-retour a::before{content:"←";margin-right:.5rem}
.feuille-retour a:hover,.c404-retour a:hover{text-decoration:underline}
.page-plan_du_site .feuille,.page-plan_du_site .texte{max-width:none}
.page-plan_du_site .texte ul{display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 2rem;padding:0;list-style:none}
.page-plan_du_site .texte li{background:var(--papier);box-shadow:0 0 0 1px var(--trait);font-size:.9rem;line-height:1.4}
.page-plan_du_site .texte li>*{display:flex;align-items:center;min-height:2.75rem;padding:.45rem .75rem}
.page-plan_du_site .texte li>[aria-current]{background:var(--accent);color:var(--sur-accent)}
.page-contact iframe{outline:1px solid var(--trait);outline-offset:.4rem;margin:1.75rem 0 .5rem}

/* 404 : planche vide, le texte dans le cartouche */
.feuille-vide{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;min-height:30rem}
.feuille-blanc{position:absolute;inset:1rem;background:repeating-linear-gradient(90deg,var(--construction) 0 .75rem,transparent .75rem 1rem,var(--construction) 1rem 1.15rem,transparent 1.15rem 1.4rem) 0 40%/100% 1px no-repeat,repeating-linear-gradient(180deg,var(--construction) 0 .75rem,transparent .75rem 1rem,var(--construction) 1rem 1.15rem,transparent 1.15rem 1.4rem) 50% 0/1px 100% no-repeat}
.cartouche-404{position:relative;width:min(100%,27rem);border:2px solid var(--encre);background:var(--cartouche)}
.cartouche-404 p{margin:0;padding:.75rem 1rem}
.c404-titre{margin:0;padding:.8rem 1rem;border-bottom:1px solid var(--trait);font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase}
.c404-texte{border-bottom:1px solid var(--trait)}

@media (min-width:40em){
.page-plan_du_site .texte ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:48em){
.entete,.principal,.pied{padding:0 2rem}
.planches{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}
.planche{padding:1.5rem}
.cartouche{justify-self:end;width:min(100%,25rem);margin:0}
.planche-une{grid-column:1/-1}
.planche-une .cartouche{width:min(100%,30rem)}
.planche:nth-child(even):last-child{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"vue extrait" "vue cartouche";column-gap:calc(5.5rem + 2px)}
.planche:nth-child(even):last-child .vue{align-self:start;margin-bottom:0}
.planche:nth-child(even):last-child .planche-extrait{margin-top:1.6rem}
.planche:nth-child(even):last-child .cartouche{align-self:end;justify-self:stretch;width:auto}
.epure{aspect-ratio:16/9}
.epure-lettre{width:46cqi;height:46cqi;font-size:34cqi}
.pagination ul{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%;margin-left:auto}
.pagination li{flex:1 0 auto;min-width:3rem}
.feuille{padding:2rem}
.feuille-cartouche{margin:0}
.feuille-titre{padding:.9rem 1rem;font-size:min(2.2rem,3.9vw)}
.texte{padding:1.75rem 1.5rem}
}
@media (min-width:64em){
.planche-une{grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:auto 1fr;grid-template-areas:"vue extrait" "vue cartouche";column-gap:2.5rem}
.planche-une .vue{align-self:start;margin-bottom:0}
.planche-une .planche-extrait{margin-top:1.6rem;font-size:1.12rem}
.planche-une .cartouche{justify-self:stretch;align-self:end;width:auto}
.planche-une .cartouche-titre{font-size:clamp(.98rem,2.5vw - 6px,1.6rem)}
.page-plan_du_site .texte ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.pied-table{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"liens titre" "regle regle"}
.pied-liens{border-right:1px solid var(--trait)}
.pied-liens li:last-child{border-bottom:0}
.pied-titre{grid-template-rows:1fr auto;grid-template-areas:"epure nom" "epure domaine"}
.pied-epure{width:6rem;min-height:5.5rem;font-size:2.4rem}
.pied-epure::before{width:3.6rem;height:3.6rem;margin:-1.8rem 0 0 -1.8rem}
.pied-nom{align-self:end;padding:.9rem 1.1rem .6rem;font-size:1rem;letter-spacing:.05em}
.pied-domaine{padding:.5rem 1.1rem}
}
@media (min-width:80em){
.entete-table,.entete-sans-page{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"titre menu case" "regle regle regle"}
.menu{border-top:0;border-left:1px solid var(--trait)}
.entete-case{border-top:0}
.menu ul{grid-template-columns:repeat(3,auto)}
.menu a{padding:.5rem 1.2rem}
.entete-domaine{display:flex}
}