/* Manuel de test « manuel5 » : gabarit de la doc API (manuelApi261013.css) appliqué à tout le manuel.
   Généré par manuel2-generateur/generer.py */

/* marges du haut réduites, colonne de gauche à 270 px */
body.api-doc #content { padding-top: 22px; padding-bottom: 30px; }
.api-layout { gap: 40px; }
.m5-gauche { flex: 0 0 270px; font-size: 14px; line-height: 1.35; }
.m5-pleine { max-width: 860px; }
.api-contenu > h1:first-child { margin-top: 0; }

/* en-tête : le haut du logo s'aligne avec le haut du titre de droite */
.m5-entete { margin: 0 0 16px 0; }
.m5-entete #titre-melkal { display: block; line-height: .9; margin-top: -11px; }
.m5-entete #titre-melkal a { font-size: 46px; }
.m5-entete .manuel-title { display: block; margin-top: 2px; font-size: 16px; }
.m5-entete .manuel-title a { display: inline-block; margin: 0 0 0 -10px; padding: 5px 10px; border-radius: 6px; color: #3050ac; text-decoration: none; }
.m5-entete .manuel-title a:hover { background: #eef2fb; color: #243b85; }

/* retour et chemin : un encadré, avec les mêmes lignes que le menu */
.m5-chemin { margin: 0 0 18px 0; padding: 6px 8px; background: #f6f8fc; border: 1px solid #cfd9f2; border-radius: 8px; }
.m5-retour { font-weight: 600; }
.m5-niveaux { list-style: none; margin: 4px 0 0 0; padding: 4px 0 0 0; border-top: 1px solid #cfd9f2; }
.m5-niveaux li { margin: 0 0 0 calc(var(--n, 0) * 10px); }

/* menu : titres, lignes, ligne sélectionnée */
.m5-titre { margin: 14px 0 6px 10px; font-weight: 700; color: #6b78a8; text-transform: uppercase; font-size: 12px; letter-spacing: .04em; }
.m5-menu > .m5-titre:first-child { margin-top: 0; }
.m5-lien { display: block; margin: 1px 0; padding: 6px 10px; border-radius: 6px; color: #3050ac; text-decoration: none; font-size: 13.5px; line-height: 1.35; }
.m5-lien:hover { background: #eef2fb; color: #243b85; }
.m5-lien.m5-actif { background: #3050ac; color: #fff; }
.m5-gauche a, .m5-gauche a:hover { text-decoration: none; }
.m5-lien.m5-sous { margin-left: 14px; font-size: 13px; }
.m5-lien.m5-ancien { color: #6b78a8; font-style: italic; }

/* couleurs de la colonne de droite : la famille indigo du menu (le bleu ciel d'origine ne s'assortissait plus) */
.api-contenu .bloc-chemin, .api-contenu .api-note, .api-contenu .api-perso { background: #f3f6fd; border: 1px solid #cfd9f2; border-left: 4px solid #3050ac; border-radius: 8px; box-shadow: none; }
.api-contenu .bloc-chemin-fleche, .api-contenu .api-perso > summary, .api-contenu .api-perso label { color: #3050ac; }
.api-contenu .api-attention { border-radius: 8px; }
.api-contenu .tbl-reglages { border: 1px solid #cfd9f2; border-radius: 8px; box-shadow: 0 1px 6px rgba(48, 80, 172, .10); }
.api-contenu .tbl-reglages thead th { background: #3050ac; }
.api-contenu .tbl-reglages tbody th { background: #eef2fb; color: #3050ac; }
.api-contenu .tbl-reglages tbody th, .api-contenu .tbl-reglages tbody td { border-top: 1px solid #e1e7f5; }
.api-contenu .tbl-reglages tbody tr:first-child th, .api-contenu .tbl-reglages tbody tr:first-child td { border-top: none; }
.api-contenu pre.api-json { background: #f6f8fc; border: 1px solid #cfd9f2; border-left: 4px solid #3050ac; border-radius: 8px; box-shadow: none; }
.api-contenu .api-route { border-radius: 8px; }
.api-contenu .api-code, .api-contenu .api-type { background: #eef2fb; border-color: #cfd9f2; color: #243b85; }
.api-contenu .api-telecharger { border-radius: 8px; }
.api-contenu section[data-section="article-content-txt"] h2 { color: #3050ac; font-weight: 600; }
/* liens dans le texte : le même bleu que ceux des menus (la feuille d'origine les colore en #0062d1) */
.api-contenu section[data-section="article-content-txt"] a, .api-contenu section[data-section="article-content-txt"] a:visited { color: #3050ac; }
.api-contenu section[data-section="article-content-txt"] a:hover { color: #243b85; }
.api-contenu section[data-section="article-content-txt"] a.api-telecharger { color: #fff; }

/* « Voir aussi » : les autres sommaires qui listaient la page, séparés du menu */
.m5-aussi { margin: 26px 0 0 0; padding-top: 14px; border-top: 1px solid #cfd9f2; }
.m5-aussi .m5-titre { margin-top: 0; }

/* jamais de soulignement, même après un clic (focus, actif) */
.m5-lien, .m5-lien:hover, .m5-lien:focus, .m5-lien:active, .m5-bl, .m5-bl:hover, .m5-bl:focus, .m5-bl:active { text-decoration: none; }

/* une seule couleur de lien, visités ou non */
.m5-lien, .m5-lien:visited, .m5-bl, .m5-bl:visited { color: #3050ac; }
.m5-lien:hover, .m5-bl:hover { color: #243b85; }
.m5-lien.m5-actif, .m5-lien.m5-actif:visited { color: #fff; }
.m5-lien.m5-ancien, .m5-lien.m5-ancien:visited, .m5-bl.m5-ancien, .m5-bl.m5-ancien:visited { color: #6b78a8; }

/* pages de liste : les blocs du menu, en colonnes aérées */
.m5-blocs { columns: 250px; column-gap: 48px; margin-top: 6px; }
.m5-bloc { break-inside: avoid; margin: 0 0 34px 0; }
/* Titre de bloc : style « cellule de tableau » (fond #eef2fb, texte #3050ac, comme « Destination »).
   Variante précédente, à retrouver si besoin : background: #8394cc; color: #fff;
   Avant : background: #6b78a8; color: #fff; */
.m5-bloc h2 { display: inline-block; margin: 0 0 10px -10px; padding: 4px 10px; border-radius: 6px; background: #eef2fb; font-size: 12.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #3050ac; }
.m5-bl { display: block; margin: 0 -10px; padding: 6px 10px; border-radius: 6px; font-size: 13.5px; line-height: 1.35; color: #3050ac; text-decoration: none; break-inside: avoid; }
.m5-bl:hover { background: #eef2fb; color: #243b85; text-decoration: none; }
.m5-un-bloc .m5-bloc { break-inside: auto; }
.m5-avant h2 { background: #fcebf2; color: #b0306a; }
.m5-bl.m5-vide { color: #9aa3b8; cursor: default; }
.m5-bl.m5-vide:hover { background: none; color: #9aa3b8; }
.m5-bl.m5-ancien { color: #6b78a8; font-style: italic; }

/* pages vidéo : colonne de droite plus large, vidéo de taille raisonnable, chapitres en colonnes dessous */
body.api-doc .row { max-width: 1500px; }
.m5-large { max-width: 1180px; }
.m5-large [data-section="article-content-video-file"] { max-width: 780px; }
.m5-chapitres { margin: 0; }
.m5-large .vimeo-embed { margin-bottom: 11px; }
.m5-chap-liste { columns: 300px; column-gap: 22px; }
.m5-chap-liste .m5-chap { break-inside: avoid; font-size: 14px; }
.m5-chap .api-code { font-size: 11.5px; margin-right: 4px; }
.m5-chap.m5-actif .api-code { background: rgba(255,255,255,.2); color: #fff; }

@media (max-width: 900px) {
    .m5-gauche { flex-basis: auto; margin-bottom: 18px; }
}
.in-iframe .m5-entete { display: none; }

/* Titre de rubrique du sommaire général qui est lui-même un lien */
.m5-bloc h2 a { display: block; margin: -4px -10px; padding: 4px 10px; color: inherit; text-decoration: none; }
.m5-bloc h2 a:hover { color: #fff; }
.m5-bloc h2:has(a) { transition: background .15s, color .15s; }
.m5-bloc h2:has(a):hover { background: #3050ac; color: #fff; }
/* Rubriques qui ne sont qu'un titre-lien (aucun lien dessous) : serrées les unes sous les autres */
.m5-bloc:not(:has(.m5-bl)) { margin-bottom: 8px; }
.m5-bloc:not(:has(.m5-bl)) h2 { display: table; margin-bottom: 0; }
/* Titre de rubrique atteint par un lien (#ancre) : même effet que les ancres de l'ancien manuel (.ancre-blink puis .ancre-active : clignotement jaune, puis fond jaune) */
.m5-bloc h2:target { background: #ffec87; color: #222; box-shadow: 0 0 0 3px #ffe46d; animation: blink-fond 0.4s linear 0s 5 alternate; scroll-margin-top: 20px; }