/* ===================================================
   NONMARCHAND.ORG — skin.css unifié
   Base: pmwiki-responsive (Petko Yotov, GPLv2+)
   Thème: nonmarchand.org — style chaleureux / communautaire
   =================================================== */

/* --- Variables de couleur (nonmarchand + responsive) --- */
:root {
  /* Palette nonmarchand */
  --vert-foret:   #1D8074;
  --vert-clair:   #4aab9a;
  --vert-pale:    #e8f4f1;
  --ocre:         #c17f3b;
  --ocre-pale:    #fdf3e7;
  --beige:        #f7f3ec;
  --beige-fonce:  #ede8df;
  --violet:       #6a3fa8;
  --violet-pale:  #f0ebfa;
  --bleu-pale:    #e8f0fb;
  --rose-pale:    #fde8f0;
  --texte:        #2d2d2d;
  --texte-doux:   #555555;
  --ombre:        rgba(60, 60, 60, 0.10);
  --ombre-forte:  rgba(60, 60, 60, 0.18);

  /* Variables responsive (remappées sur palette nonmarchand) */
  --pm-color: var(--texte);
  --pm-bgcolor: #faf8f4;
  --pm-overlay-bgcolor: rgba(0, 0, 0, .2);
  --pm-frame-bgcolor: var(--beige);
  --pm-wikibody-bgcolor: #faf8f4;
  --pm-dropdown-bgcolor: #fff;
  --pm-bordercolor: var(--beige-fonce);
  --pm-markuptable-bordercolor: #ccf;
  --pm-scrolltable-bordercolor: #f00;
  --pm-sidehead-linkcolor: var(--vert-foret);
  --pm-sidebar-linkcolor: var(--texte);
  --pm-sidebar-linkhover: var(--vert-foret);
  --pm-note-color: #080;
  --pm-diffbox-bordercolor: #999;
  --pm-difftime-bgcolor: #ddd;
  --pm-diffadd-bgcolor: #9f9;
  --pm-diffdel-bgcolor: #ff9;
  --pm-simpletable-bordercolor: #888;
  --pm-simpletable-th-bgcolor: #ccc;
  --pm-simpletable-zebra-bgcolor: #eee;
  --pm-dropdown-shadowcolor: rgba(0,0,0,0.75);
  --pm-indent-size: 15px;
}

/* ===================================================
   BASE — structure mobile-first (responsive)
   =================================================== */

html, body, #bodywrap {
  padding: 0;
  margin: 0;
  font-family: 'Georgia', 'Palatino Linotype', serif;
  font-size: 15px;
  line-height: 1.65;
  background-color: var(--pm-bgcolor);
  color: var(--pm-color);
  min-height: 100%;
  position: relative;
}

#wikibody {
  position: relative;
  background-color: var(--pm-wikibody-bgcolor);
  padding: 3px;
  margin: 0;
}

/* --- Mobile : sidebar, recherche et commandes en dropdown --- */
#wikileft, #wikihead-searchform, #wikicmds {
  background-color: var(--pm-dropdown-bgcolor);
  opacity: 0.1;
  display: none;
  position: absolute;
  border: 1px solid var(--pm-bordercolor);
  max-width: 90%;
  max-width: 90vw;
  height: auto;
  overflow: auto;
  top: 8px;
  box-shadow: 2px 2px 8px 0px var(--pm-dropdown-shadowcolor);
}

/* --- Header --- */
#wikihead {
  border-bottom: 1px solid var(--pm-bordercolor);
  padding: 0;
  margin: 0;
  line-height: 13px;
  min-height: 33px;
  background-color: var(--beige);
}

#wikihead-searchform {
  text-align: center;
  padding: 10px;
  z-index: 5;
  right: 30px;
  width: 16em;
  max-width: 80%;
  line-height: 167%;
}
#wikihead-searchquery {
  max-width: 12em;
}

#wikimid {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

/* --- Sidebar --- */
#wikileft {
  left: 30px;
  padding: 10px;
  z-index: 4;
  background: linear-gradient(180deg, var(--beige) 0%, #f0ece3 100%);
  font-family: 'Georgia', 'Palatino Linotype', serif;
  font-size: 9.6pt;
  line-height: 1.5em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* --- Commandes page (Éditer, Historique…) --- */
#wikicmds {
  padding: 0px;
  z-index: 6;
  white-space: nowrap;
  right: 30px;
  background-color: var(--beige-fonce);
  font-family: 'Georgia', serif;
  font-size: 0.78em;
  color: var(--texte-doux);
}

#wikitext {
  margin-top: 12px;
  background-color: var(--pm-wikibody-bgcolor);
  padding-top: 8px;
  padding-left: 2.5%;
  padding-right: 2.5%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  line-height: 1.65;
}

/* --- Footer --- */
#wikifoot {
  clear: both;
  margin: 10px;
  padding: 12px 16px;
  background: linear-gradient(135deg, var(--vert-foret) 0%, #155f56 100%);
  color: rgba(255,255,255,0.88);
  border-radius: 10px;
  font-family: 'Georgia', serif;
  font-size: 0.82em;
  line-height: 1.6;
}
#wikifoot a       { color: rgba(255,255,255,0.75); }
#wikifoot a:hover { color: #ffffff; text-decoration: underline; }

#wikifoot.nosidebar { padding-left: 3px; }

/* ===================================================
   TOGGLES — hamburger, recherche, commandes (responsive)
   =================================================== */

#wikihead-search-toggle, #wikileft-toggle, #wikicmds-toggle {
  display: none;
}

#wikihead-search-toggle-label { background-image: url(xsearch.svg); }
#wikileft-toggle-label        { background-image: url(xmenu.svg); }
#wikicmds-toggle-label        { background-image: url(xwrench.svg); }

#wikihead-search-toggle-label, #wikileft-toggle-label, #wikicmds-toggle-label {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  background-size: cover;
  background-repeat: no-repeat;
  float: right;
  margin: 6px 6px 0 6px;
  z-index: 3;
}

#wikileft-toggle-label { float: left; }
#wikicmds-toggle-label { margin: 3px; }

#wikihead-search-toggle:checked + label,
#wikileft-toggle:checked + label,
#wikicmds-toggle:checked ~ #wikimid #wikicmds-toggle-label {
  background-image: url(xclose.svg);
}

#wikileft-toggle:checked ~ * #wikileft,
#wikihead-search-toggle:checked ~ * #wikihead-searchform,
#wikicmds-toggle:checked ~ * #wikicmds {
  display: block;
  opacity: 1;
  animation: fadein 1s;
}

/* Overlay */
#wikioverlay {
  position: fixed;
  top: 0; bottom: 0; left: 0; right: 0;
  width: 100%; height: 100%;
  overflow: hidden;
  background-color: var(--pm-overlay-bgcolor);
  z-index: 2;
  display: none;
}
#wikileft-toggle:checked ~ #wikioverlay,
#wikihead-search-toggle:checked ~ #wikioverlay,
#wikicmds-toggle:checked ~ #wikioverlay {
  display: block;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ===================================================
   SIDEBAR — style nonmarchand
   =================================================== */

#wikileft .vspace { margin-top: 14px; }
#wikileft ul { list-style: none; padding: 0px; margin: 0px; }
#wikileft li { margin: 8px 0px; padding-left: 6px; }

.sidehead {
  margin: 6px 0 4px 0;
  padding: 5px 8px;
  font-family: 'Georgia', serif;
  font-size: 10.5pt;
  font-weight: bold;
  color: var(--vert-foret);
  background: linear-gradient(90deg, var(--vert-pale), transparent);
  border-left: 3px solid var(--vert-foret);
  border-radius: 0 5px 5px 0;
}
.sidehead a { color: var(--vert-foret) !important; font-weight: bold; }

#wikileft a {
  text-decoration: none;
  color: var(--texte);
  transition: color 0.15s ease;
  padding: 8px 0;
}
#wikileft a:hover {
  text-decoration: underline;
  color: var(--vert-foret);
}

/* Contrainte — rien ne dépasse la sidebar */
#wikileft * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#wikileft img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Tables dans la sidebar */
#wikileft table {
  border: 1px solid var(--beige-fonce) !important;
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 2px 6px var(--ombre);
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
  border-collapse: separate;
  border-spacing: 0;
}
#wikileft table td {
  padding: 6px 10px;
  line-height: 1.6;
  vertical-align: top;
}
#wikileft table th {
  background: linear-gradient(90deg, var(--vert-pale), var(--beige));
  color: var(--vert-foret);
  padding: 7px 10px;
  font-family: 'Georgia', serif;
  border-bottom: 1px solid var(--beige-fonce);
  text-align: center;
}

#wikileft table.sommaire,
#wikileft table.sommairegeneral,
#wikileft table.espaceperso,
#wikileft table.formulaire,
#wikileft table.formulairegeneral {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

#wikileft td, #wikileft th {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

/* Boutons sidebar et table.recherche */
#wikileft input[type="submit"],
#wikileft button,
table.recherche input[type="submit"],
table.recherche button {
  background-color: var(--vert-foret);
  color: white;
  border: none;
  border-radius: 6px;
  padding: 5px 12px;
  font-family: 'Georgia', serif;
  font-size: 9pt;
  cursor: pointer;
  transition: background 0.15s ease;
  margin-top: 4px;
}
#wikileft input[type="submit"]:hover,
#wikileft button:hover,
table.recherche input[type="submit"]:hover,
table.recherche button:hover {
  background-color: var(--vert-clair);
}

#wikileft select {
  border: 1px solid var(--beige-fonce);
  border-radius: 5px;
  padding: 3px 6px;
  background-color: var(--beige);
  font-family: 'Georgia', serif;
  font-size: 9pt;
}

/* --- Commandes page --- */
#wikicmds ul { list-style: none; margin: 0px; padding: 0px; }
#wikicmds li { padding: 8px; border-top: 1px solid var(--pm-bordercolor); }
#wikicmds li:first-child { border-top: none; }
#wikicmds li a { text-decoration: none; color: var(--texte-doux); border: none; }
#wikicmds li a.createlink { display: none; }
#wikicmds li a:hover { text-decoration: underline; color: var(--vert-foret); }

/* ===================================================
   TYPOGRAPHIE — titres
   =================================================== */

h1, h2, h3, h4, h5, h6 { margin-top: 15px; margin-bottom: 9px; }
h1, h2, h3, h6 { font-weight: normal; }
h4, h5 { font-weight: bold; }
h1 code, h2 code, h3 code, h4 code { font-size: 15px; }
h1 { font-size: 27px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 15px; }
h6 { font-size: 15px; }

.pagegroup { line-height: 30px; }
.pagetitle { line-height: 24px; margin: 0px; font-size: 24px; font-weight: normal; }
.wikiaction { margin-top: 4px; margin-bottom: 4px; }

/* --- Code / preformatted --- */
pre, code { font-size: .93333em; }
pre, code, .diffmarkup { font-family: 'Lucida Console','Andale Mono','Courier New',Courier,monospace; }
pre { line-height: 18px; }
pre code, code code, pre pre { font-size: 100%; }
pre, code.escaped { max-width: 100%; overflow: auto; }

div.scrollable { max-width: 100%; overflow: auto; border: 1px dotted var(--pm-scrolltable-bordercolor); }

/* --- Edit --- */
#wikiedit form { margin: 0px; width: 100%; max-width: 100%; }
#wikiedit textarea { width: 99.5%; max-width: 99.5%; max-height: 60vh; }
#wikiedit input { max-width: 99.5%; }
.wikimessage { margin-top: 4px; margin-bottom: 4px; font-style: italic; }

input, img, iframe { max-width: 100%; }
dd { margin-left: 15px; }
ul, ol { margin: 0; }

details > summary:hover { color: var(--vert-foret); }

select, textarea, input { font-size: 16px; }

code.escaped { display: inline-block; vertical-align: bottom; }

a.createlink { text-decoration: none; position: relative; top: -7px;
  font-weight: bold; font-size: smaller; border-bottom: none; }
img { border: 0px; }

div.imgonly img, div.imgcaption img:first-child { vertical-align: bottom; }

/* wikistyles */
.frame { border: 1px solid var(--pm-bordercolor); padding: 4px; background-color: var(--pm-frame-bgcolor); }
.lfloat { float: left; margin-right: 7px; }
.rfloat { float: right; margin-left: 7px; }
.clearboth { clear: both; }

/* stdmarkup */
table.markup { border: 2px dotted var(--pm-markuptable-bordercolor); width: 100%; }
table.horiz td.markup1, table.vert td.markup1 {
  border-bottom: 1px solid var(--pm-markuptable-bordercolor); border-right: none; width: auto; }
table.horiz td.markup1, table.horiz td.markup2 { display: block; }
table.markup caption { text-align: left; }
div.faq p, div.faq pre { margin-left: 15px; }
div.faq p.question { margin: 0; font-weight: bold; }
div.faqtoc div.faq * { display: none; }
div.faqtoc div.faq p.question { display: block; font-weight: normal; margin: 7px 0 7px 15px; line-height: normal; }
div.faqtoc div.faq p.question * { display: inline; }

/* simuledit */
.editconflict { color: var(--pm-note-color); font-style: italic; margin-top: 20px; margin-bottom: 20px; }

/* pagerev / diff */
.diffbox { border-left: 1px solid var(--pm-diffbox-bordercolor); margin-top: 20px; font-size: 12px; }
.diffauthor { font-weight: bold; }
.diffchangesum { font-weight: bold; }
.difftime { background-color: var(--pm-difftime-bgcolor); }
.difftype { font-weight: bold; }
.diffadd { border-left: 5px solid var(--pm-diffadd-bgcolor); padding-left: 5px; }
.diffdel { border-left: 5px solid var(--pm-diffdel-bgcolor); padding-left: 5px; }
.diffrestore { margin: 20px 0px; }
.diffmarkup { font-size: 14px; white-space: pre-wrap; }
.diffmarkup del { background: var(--pm-diffdel-bgcolor); text-decoration: none; }
.diffmarkup ins { background: var(--pm-diffadd-bgcolor); text-decoration: none; }

.apprlink { font-size: smaller; }
a.varlink { text-decoration: none; }
#wikiedit-minoredit { white-space: nowrap; }

/* Toggle sections */
*[data-pmtoggle], .pmtoggleall { cursor: pointer; font-weight: bold; }
*[data-pmtoggle]::before { content: "\025BE\00A0"; float: left; }
*[data-pmtoggle="closed"]::before { content: "\025B8\00A0"; }
*[data-pmtoggle] + * { margin-left: .8em; }
*[data-pmtoggle="closed"] + * { display: none; }

/* ===================================================
   BLOCS COMBINÉS — harmonisation nonmarchand
   =================================================== */

div.form, div.intgros,
table.espaceperso, table.fiche, table.formulaire,
table.formulairegeneral, table.liste, table.listecategorie,
table.menu, table.premierecolonne, table.recherche,
table.sommaire, table.sommairegeneral, table.titre {
  padding: 14px;
  border-radius: 10px;
  transition: box-shadow 0.2s ease;
}

table.espaceperso, table.formulaire, table.listecategorie,
table.menu, table.recherche, table.sommaire, table.sommairegeneral {
  text-align: center;
  font-weight: bold;
  font-family: 'Georgia', 'Palatino Linotype', serif;
}

/* ===================================================
   COULEURS TEXTE
   =================================================== */

.brillant, .date, .tresbrillant { color: var(--vert-foret); font-weight: bold; }
.wiki                           { color: #2a7a2a; }
.tresbrillant, .date            { font-size: large; }

/* ===================================================
   BLOCS DIV
   =================================================== */

div.form, div.intgros {
  display: block;
  margin-left: auto; margin-right: auto;
  border: none;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 3px 10px var(--ombre);
}

div.form {
  background-color: var(--bleu-pale);
  width: 60%;
  border-left: 4px solid var(--vert-foret);
}

div.intgros {
  background: linear-gradient(135deg, var(--beige) 0%, var(--vert-pale) 100%);
  width: 220px;
  padding: 16px 20px;
  margin-top: 8px; margin-bottom: 6px;
  box-shadow: 0 5px 18px var(--ombre-forte);
  font-family: 'Georgia', serif;
  font-size: 1.08em;
  letter-spacing: 0.02em;
  border-top: 3px solid var(--vert-foret);
}

/* ===================================================
   TABLES THÉMATIQUES — nonmarchand
   =================================================== */

table.espaceperso {
  background: linear-gradient(135deg, var(--violet-pale) 0%, var(--beige) 100%);
  border: 2px solid var(--vert-foret);
  color: var(--violet);
  box-shadow: 0 3px 10px var(--ombre);
  letter-spacing: 0.02em;
  width: 100%; max-width: 100%; box-sizing: border-box;
}

table.fiche {
  background-color: var(--beige);
  padding: 0;
  border-radius: 10px;
  box-shadow: 0 2px 10px var(--ombre);
  border: 1px solid var(--beige-fonce);
  width: 100%; margin-bottom: 22px; overflow: hidden;
}
table.fiche th {
  padding: 12px 16px;
  color: var(--vert-foret);
  background: linear-gradient(90deg, #d4ede8 0%, #eaf4f1 50%, var(--beige) 100%) !important;
  font-family: 'Georgia', serif;
  font-size: 1.05em; font-style: normal; font-weight: bold;
  text-align: left;
  border-bottom: 2px solid var(--beige-fonce);
  border-left: 4px solid var(--vert-foret) !important;
  padding-left: 14px !important;
  letter-spacing: 0.04em;
}
table.fiche td {
  background-color: #ffffff;
  padding: 10px 14px; vertical-align: top;
}
table.fiche tr:last-child td { border-radius: 0 0 10px 10px; }
table.fiche, table.menu { width: 100%; box-sizing: border-box; }
table.menu + table.fiche { margin-top: 16px; }

table.formulaire {
  background: linear-gradient(135deg, var(--ocre-pale) 0%, var(--beige) 100%);
  margin-left: auto; margin-right: auto;
  box-shadow: 0 2px 8px var(--ombre);
  border: 1px solid #e8d5be;
  border-top: 3px solid var(--ocre);
  border-radius: 10px; overflow: hidden;
}
table.formulaire td { padding: 10px 14px; text-align: center; }
table.formulaire input[type="submit"] {
  background-color: var(--ocre); color: white; border: none;
  border-radius: 6px; padding: 6px 16px;
  font-family: 'Georgia', serif; font-size: 0.95em;
  cursor: pointer; transition: background 0.15s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
table.formulaire input[type="submit"]:hover { background-color: #a86a2a; }
table.formulaire a {
  display: inline-block; background-color: var(--ocre);
  color: white !important; border-radius: 6px; padding: 6px 16px;
  font-family: 'Georgia', serif; font-size: 0.95em;
  text-decoration: none !important; transition: background 0.15s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
table.formulaire a:hover { background-color: #a86a2a; }
table.formulaire input[type="text"],
table.formulaire input:not([type]),
table.formulaire select {
  border: 1px solid #e8d5be; border-radius: 5px;
  padding: 4px 8px; background-color: #ffffff;
  font-family: 'Georgia', serif; font-size: 0.9em;
}

table.formulairegeneral { background-color: var(--beige); }
table.formulairegeneral th { font-weight: bold; color: var(--vert-foret); text-align: right; }

table.liste {
  background-color: var(--beige);
  border-spacing: 10px;
  box-shadow: 0 2px 8px var(--ombre);
}
table.liste td { background-color: #ffffff; padding: 1.2em; line-height: 1.7; border-radius: 6px; }
table.liste th { padding: 1em; color: var(--vert-foret); }
table.liste tr { padding: 1em; }

table.listecategorie { border-spacing: 10px; }

table.menu {
  background: linear-gradient(180deg, #ffffff 0%, var(--vert-pale) 100%);
  border-collapse: separate; vertical-align: middle;
  border-spacing: 10px 12px;
  box-shadow: 0 4px 18px var(--ombre-forte);
  border-radius: 10px;
  border-top: 3px solid var(--vert-foret);
  margin-bottom: 22px;
}
table.menu td, table.menu th { border-radius: 6px; transition: background 0.15s ease; }
table.menu td a[href*="EspacesDeGratuite"] { color: #1a7a3a; }
table.menu td a[href*="Agenda"]             { color: #a0306a; }
table.menu td a[href*="Objets"]             { color: #b85c00; }
table.menu td a[href*="Activites"]          { color: #1a5fa0; }
table.menu td a:hover { text-decoration: underline; opacity: 0.85; }

table.sortable {
  width: 80%;
  box-shadow: 0 3px 12px var(--ombre-forte);
  padding: 10px; border-spacing: 20px; border-radius: 8px;
}
table.sortable th {
  background: linear-gradient(to right, transparent, var(--bleu-pale));
  font-family: 'Georgia', serif; text-align: center; vertical-align: middle;
  padding: 10px; border-radius: 5px; color: var(--vert-foret);
}
table.sortable td {
  background-color: #f7f7f7; font-style: italic;
  text-align: center; vertical-align: middle;
  padding: 10px; border-radius: 5px;
}

table.premierecolonne { border-collapse: separate; border-spacing: 10px; }
table.premierecolonne th { background-color: var(--vert-pale); vertical-align: middle; font-style: italic; color: var(--vert-foret); }
table.premierecolonne td { background-color: var(--bleu-pale); }

table.recherche { border-spacing: 1px; box-shadow: 0 3px 12px var(--ombre-forte); border-radius: 8px; overflow: hidden; }
table.recherche th { background-color: var(--beige); }

table.sommaire { background-color: white; box-shadow: 0 2px 8px var(--ombre); }
table.sommaire th { font-size: x-large; color: var(--vert-foret); font-family: 'Georgia', serif; }

table.sommairegeneral {
  background-color: white; width: 100%; max-width: 270px;
  margin-left: auto; margin-right: auto;
  table-layout: fixed; box-shadow: 0 2px 8px var(--ombre);
}
table.sommairegeneral th { font-size: larger; color: var(--vert-foret); }

table.titre td { background-color: var(--ocre-pale); line-height: 1.8; border-left: 4px solid var(--ocre); padding-left: 14px; }

/* Classes de titre */
.titre0, .titre1, .titre2, .titre3, .titre4 { font-weight: bold; color: var(--vert-foret); font-family: 'Georgia', serif; }
.titre0 { text-align: center; font-size: xx-large; letter-spacing: 0.04em; }
.titre1 { font-size: x-large; }
.titre2 { font-size: large; }
.titre4 { margin-left: 20px; font-style: italic; }

/* ===================================================
   GALERIE D'IMAGES (thumbs)
   =================================================== */

img.thumbs { border: 1px solid #e0ddd6; margin: 3px; padding: 4px; vertical-align: middle; border-radius: 4px; transition: border-color 0.15s ease; }
img.thumbs:hover, table.thumbtable td.thumbtd div.img:hover { border: 1px solid var(--ocre); }
table.thumbtable img.thumbs       { border: 0; padding: 0; }
table.thumbtable td.thumbtd       { margin: 4px; padding: 2px; }
table.thumbtable td.thumbtd:hover { border-color: var(--ocre); }
table.thumbtable                  { border: 1px solid #ddd; border-radius: 6px; }
table.thumbtable td.thumbtd div.img { border: 1px solid #e0ddd6; text-align: center; border-radius: 4px; }
.caption { font-size: .82em; overflow: hidden; padding: 2px 0; line-height: 1.2em; color: var(--texte-doux); font-style: italic; }
img.current, table.thumbtable td.thumbtd div.current { border-color: var(--ocre); }

/* ===================================================
   CARTE APE / divers
   =================================================== */

table.fiche td dl.map,
table.fiche td .leaflet-container { border-radius: 8px; overflow: hidden; margin-top: 6px; }

#haut { background-color: var(--pm-bgcolor); }
#haut a:hover { color: var(--vert-foret); }

div[style*="display: none"] .vspace,
div[style*="display: none"] > .vspace { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; }
.fpltemplate + div[style*="display: none"] { display: none !important; height: 0 !important; margin: 0 !important; }
.fpltemplate { margin-bottom: 0 !important; }
dl.map { margin-bottom: 0 !important; }
.round.lrindent.important { margin-top: 10px !important; }

/* ===================================================
   RESPONSIVE — desktop (≥ 50em / ~800px)
   =================================================== */
#wikilogo img {
  max-width: 120px;
  height: auto;
}

@media screen and (min-width: 50em) {
  html, body, #bodywrap {
    line-height: 20px;
    width: 100%;
    margin: 0 auto;
  }

#wikibody {
  width: 100%;
}

  #wikileft, #wikihead-searchform, #wikicmds {
    background-color: var(--pm-bgcolor);
    opacity: 1;
    display: block;
    position: relative;
    border: none;
    max-width: none;
    height: auto; max-height: none;
    overflow: auto;
    top: 0px;
    box-shadow: none;
  }

  #wikicmds-toggle-label, #wikileft-toggle-label, #wikihead-search-toggle-label {
    display: none;
  }

  #wikihead-searchform {
    background-color: transparent;
    float: right;
    padding: 4px;
    right: 6px; top: 6px;
    width: auto; max-width: none;
    line-height: inherit;
    overflow: hidden;
  }

  #wikilogo {
    display: inline-block;
    margin-top: 4px;
    padding: 6px;
  }

  #wikihead { display: none !important; }
  #wikihead, #wikihead input { font-size: 85%; }
  #wikihead-recent-changes-link, #wikihead-searchlink { display: inline; }

  #wikimid {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  #wikisidebar, #wikibody { display: table-cell; }

  #wikisidebar {
    position: relative;
    border-right: 1px solid var(--beige-fonce);
    width: 190px;
    vertical-align: top;
    padding: 0; margin: 0;
    overflow: auto;
  }

  #wikileft {
    padding: 10px;
    left: 0;
    margin: 0 1px 0 0;
    background: linear-gradient(180deg, var(--beige) 0%, #f0ece3 100%);
    font-size: 9.6pt;
    line-height: 1.5em;
    box-shadow: none;
  }
  #wikileft a { padding: 0px; }
  #wikileft li { margin: 0px; }

  #wikibody {
    padding-left: 10px;
    vertical-align: top;
    background-color: var(--pm-wikibody-bgcolor);
    width: auto;
  }

Le table-layout: fixed avec width: 100% sur #wikimid est la clé — ça force le layout table à occuper 100% de la largeur, et #wikibody prend tout l'espace restant après la sidebar.


  #wikicmds {
    right: 0px;
    background-color: transparent;
    float: right;
    white-space: nowrap;
    font-size: 13px;
    border-bottom: none;
  }
  #wikicmds li { display: inline; margin: 0px 5px; padding: 0; border: none; }

  #wikifoot { padding-left: 200px; }
  #wikifoot.nosidebar { padding-left: 10px; }

  .vspace { margin-top: 20px; }
  .indent { margin-left: 40px; }
  .outdent { margin-left: 40px; text-indent: -40px; }
  .rtl .indent, .rtl.indent, .rtl .outdent, .rtl.outdent { margin-left: 0; margin-right: 40px; }

  dd { margin-left: 40px; }

  table.horiz td.markup1, table.horiz td.markup2 { display: table-cell; }
  td.markup1, td.markup2 { padding-left: 10px; padding-right: 10px; }
  table.vert td.markup1 { border-bottom: 1px solid var(--pm-markuptable-bordercolor); }
  table.horiz td.markup1 { width: 23em; border-right: 1px solid var(--pm-markuptable-bordercolor); border-bottom: none; }
  td.markup1 pre { white-space: pre-wrap; }

  div.faq p, div.faq pre { margin-left: 40px; }
  div.faq p.question { margin: 15px 0 12px 0; }
  div.faqtoc div.faq p.question { margin: 8px 0 8px 20px; }

  select, textarea, input { font-size: 14px; }

  #wikileft-toggle:checked ~ #wikioverlay,
  #wikihead-search-toggle:checked ~ #wikioverlay,
  #wikicmds-toggle:checked ~ #wikioverlay {
    display: none;
  }
}

/* ===================================================
   RESPONSIVE — tablette (50em–68.75em / ~800-1100px)
   =================================================== */

@media screen and (min-width: 50em) and (max-width: 68.75em) {
  #wikisidebar { width: 175px; }
  #wikifoot { padding-left: 185px; }
}

/* ===================================================
   RESPONSIVE — grand écran (> 68.75em / ~1100px)
   =================================================== */

@media screen and (min-width: 68.75em) {
  #wikisidebar { width: 215px; }
  #wikifoot { padding-left: 225px; }
}

/* ===================================================
   RESPONSIVE — mobile : tableaux en fiches empilées
   =================================================== */

@media screen and (max-width: 49.99em) {
  table.liste,
  table.sortable,
  table.recherche {
    display: block;
    width: 100% !important;
    border-spacing: 0;
  }
  table.liste thead,
  table.sortable thead,
  table.recherche thead {
    display: none;
  }
  table.liste tbody,
  table.sortable tbody,
  table.recherche tbody {
    display: block;
  }
  table.liste tr,
  table.sortable tr,
  table.recherche tr {
    display: block;
    background-color: #ffffff;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 10px 12px;
    box-shadow: 0 2px 6px var(--ombre);
  }
  table.liste td,
  table.liste th,
  table.sortable td,
  table.sortable th,
  table.recherche td,
  table.recherche th {
    display: block;
    text-align: left;
    padding: 4px 0;
    border: none;
    background: transparent;
    font-style: normal;
  }
  table.sortable {
    width: 100% !important;
    padding: 0;
    border-spacing: 0;
  }
}

/* ===================================================
   PRINT — web view
   =================================================== */

@media print {
  body { width: auto; margin: 0px; padding: 8px; }
  #wikicmds-toggle-label, #wikileft-toggle-label, #wikihead-search-toggle-label,
  #wikihead, #wikileft, #wikicmds, .footnav { display: none; }
  #wikifoot { padding: 2px; }
  *[data-pmtoggle="closed"] + * { display: inherit; }
  *[data-pmtoggle="closed"]::before { content: "\025BE\00A0"; }
  :root { --pm-bgcolor: #fff; }
}