/* Navigation commune du paquet A. Elle reste étroite et se replie à 360 px. */
.pa-menu-toggle{position:fixed;z-index:30;left:10px;top:10px;border:1px solid #dfd2bf;border-radius:999px;background:#fffaf1;color:#3b2a18;padding:8px 11px;font:700 16px/1 system-ui;box-shadow:0 4px 14px #3b2a1822;cursor:pointer}
.pa-menu{position:fixed;z-index:29;inset:0 auto 0 0;width:248px;overflow:auto;padding:62px 16px 24px;background:#fffaf1;color:#3b2a18;box-shadow:8px 0 28px #3b2a1826;transform:translateX(-105%);transition:transform .2s ease}
.pa-menu.open{transform:none}.pa-menu a{display:block;padding:7px 8px;color:inherit;text-decoration:none;border-radius:7px;font-size:.84rem}.pa-menu a:hover,.pa-menu a:focus{background:#f0e0bf}.pa-menu h2{margin:0 8px 12px;font:800 1.1rem Georgia,serif}.pa-menu h3{margin:18px 8px 4px;color:#9b7124;font:700 .68rem/1.2 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.pa-home-top{position:fixed;z-index:20;top:10px;right:12px;padding:8px 12px;border-radius:999px;background:#3b2a18;color:#fffaf1;text-decoration:none;font-size:.78rem;font-weight:800}.pa-has-menu{padding-left:0}.pa-menu-backdrop{display:none}.pa-menu.open+.pa-menu-backdrop{display:block;position:fixed;z-index:28;inset:0;background:#3b2a1838}
@media(min-width:900px){.pa-menu{transform:none}.pa-menu-toggle{display:none}.pa-has-menu{padding-left:248px}.pa-home-top{right:22px}.pa-menu-backdrop{display:none!important}}
@media(max-width:380px){.pa-menu{width:min(248px,86vw)}.pa-home-top{font-size:.7rem;padding:7px 9px}}
.pa-has-menu .top{padding-left:58px;min-height:68px}
@media(min-width:900px){.pa-has-menu .top{padding-left:248px}}
.graph-home iframe{display:block;width:100%;height:clamp(560px,78vh,980px);border:1px solid #dfd2bf;border-radius:12px;background:#fff}
.graph-home .button{display:inline-block;margin-top:12px}

/* Telephone : les liens Base/Etudiant/... de l en-tete passaient de 10 px au-dela de 360 px (verif. CDP, 01/11). */
@media (max-width:600px){.versions-links{margin-left:0;max-width:100%;min-width:0}.versions-links a{overflow-wrap:anywhere}}
/* Un nom de fichier long se coupe au lieu de deborder sur telephone (toutes les pages). */
code{overflow-wrap:anywhere;word-break:break-word}
h1,h2,h3{hyphens:auto;overflow-wrap:break-word}
/* Les tableaux larges defilent dans leur cadre au lieu d elargir la page (360 px). */
table{display:block;max-width:100%;overflow-x:auto}
/* Un element de grille ou de flex ne doit pas s elargir a la taille de son contenu le plus large (tableaux, chemins). */
main,main *{min-width:0}
pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
/* Telephone : aucune page ne defile de cote (un decor ou un pseudo-element elargissait certaines pages, 01/11). */
@media (max-width:600px){html,body{overflow-x:hidden}}
/* Les lignes de sources (chemins sans espace) se coupent ; les liens de l en-tete passent sur leur propre ligne, sous le logo, loin du bouton Accueil. */
.date,.source,.niveaux-date{overflow-wrap:anywhere}
@media (max-width:600px){header .nav{flex-wrap:wrap;padding-right:96px}.versions-links{flex-basis:100%;margin:6px 0 0;gap:6px 14px}}
@media (max-width:600px){.versions-links a{display:inline-block;margin-right:14px;overflow-wrap:normal;white-space:nowrap}}