Basculer la recherche
Basculer le menu
48
176
13
1,8 k
Microguide.ca
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

« MediaWiki:Citizen.css » : différence entre les versions

Page de l’interface de MediaWiki
Autres actions
← Modification précédente
Thomas234 (discussion | contributions)
Administrateurs d’interface, Administrateurs
1 515 modifications
Aucun résumé des modifications
v22 : « Écris-nous » dans le bleu de « Télécharger », « Télécharger » un peu plus gros
 
(28 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :




/* cacher powered by mediawiki */
.page-Spécial_Connexion #footer-icons {
#footer-poweredbyico {
     display: none !important;
     display: none !important;
}
}
.noprint {
display: none !important;
}
/* Hide the three dots (more menu) */
/* Hide the three dots (more menu) */
.citizen-page-actions-toggle {
.citizen-page-actions-toggle {
Ligne 27 : Ligne 32 :
   display: none !important;
   display: none !important;
}
}
@media (max-width: 768px) {
    .citizen-footer__content {
        padding-bottom: 80px !important;
    }
}
/* ====== Barre Microguide (Mélange 1 + logo B), 2026-10-28 ====== */
/* Barre du bas : bleu du site, filet bleu clair, recherche en pilule, logo redessiné. Aussi en bas sur ordinateur. */
:root { --mg-barre: rgba(227,234,242,.78); --mg-filet: #c3d1df; } /* gris-bleu pâle translucide */
.citizen-header {
top: auto !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
width: auto !important; height: 60px !important;
flex-direction: row !important; align-items: center !important; gap: 6px;
padding: 0 10px !important;
background: var(--mg-barre) !important;
border: 0 !important; border-top: 2px solid var(--mg-filet) !important;
box-shadow: none !important;
}
.citizen-header::before, .citizen-header::after { display: none !important; } /* voile pâle de Citizen sur cellulaire */
.citizen-page-container { padding-left: 0 !important; }
.citizen-sticky-header-container { margin-left: 0 !important; width: auto !important; } /* bandeau du titre en défilant : plus de place réservée à l'ancienne colonne */
@media (min-width: 1120px) { .citizen-sticky-header { padding-inline: clamp(32px, 5vw, 96px) !important; } }
.citizen-footer { padding-bottom: 90px !important; }
/* sur ordinateur : logo, recherche, menu et compte regroupés au centre (pas étalés sur toute la largeur) */
.citizen-header { justify-content: center !important; }
@media (min-width: 720px) {
.citizen-search { flex: 0 1 560px !important; }
.citizen-header__logo { margin-right: 10px !important; }
}
/* ordre : logo, recherche, menu, compte */
.citizen-header__logo { order: 0; margin: 0 !important; padding: 0 !important; flex: 0 0 auto; border: 0 !important; }
.citizen-search { order: 1; flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; }
.citizen-drawer { order: 2; }
.citizen-header__inner { order: 3; flex: 0 0 auto !important; flex-direction: row !important; height: auto !important; width: auto !important; }
.citizen-header__inner .citizen-header__start { display: none; }
/* icônes blanches */
.citizen-header .citizen-dropdown-summary,
.citizen-header .citizen-dropdown-summary svg,
.citizen-header .citizen-ui-icon { color: #3f7490 !important; }
.citizen-header .citizen-ui-icon::before { background-color: #3f7490 !important; }
.citizen-header .citizen-dropdown-summary:hover { background: rgba(63,116,144,.10) !important; }
/* logo redessiné (stéthoscope, bouclier, bacille à pili), sans texte */
.citizen-header__logo .mw-logo { width: 44px !important; height: 44px !important; padding: 0 !important; background: none !important; overflow: visible !important; }
.citizen-header__logo .mw-logo-icon,
.citizen-header__logo .mw-ui-icon-home { display: none !important; }
.citizen-header__logo .mw-logo::before {
content: ""; display: block; width: 42px; height: 42px; margin: auto;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.5 -1.5 43 43' aria-label='Microguide'%3E%3Cg fill='none' stroke='%233f7490' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M15 5.5C8.6 9 5.6 16 6.6 23c.9 6 6 10.3 13.4 10.9'/%3E%3Cpath d='M25 5.5c6.4 3.5 9.4 10.5 8.4 17.5-.9 6-6 10.3-13.4 10.9'/%3E%3Cpath d='M20 33.9v.6'/%3E%3C/g%3E%3Ccircle cx='15' cy='4.4' r='1.71' fill='%233f7490'/%3E%3Ccircle cx='25' cy='4.4' r='1.71' fill='%233f7490'/%3E%3Ccircle cx='20' cy='36.8' r='2.3' fill='none' stroke='%233f7490' stroke-width='1.71'/%3E%3Cpath d='M11 11.6 20 8.8l9 2.8V20a9 10.4 0 0 1-18 0z' fill='rgba%2863,116,144,.07%29' stroke='%233f7490' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cg transform='rotate%28-22 20 20.5%29'%3E%3Cg stroke='%235cc98e' stroke-width='.6' stroke-linecap='round' fill='none' opacity='.9'%3E%3Cpath d='M23.80 19.08C24.43 19.63 25.07 18.53 25.70 19.08'/%3E%3Cpath d='M23.80 22.03C24.43 22.58 25.07 21.48 25.70 22.03'/%3E%3Cpath d='M23.47 24.94C23.83 25.70 24.85 24.96 25.21 25.72'/%3E%3Cpath d='M21.39 26.94C21.11 27.73 22.36 27.92 22.08 28.71'/%3E%3Cpath d='M18.51 26.89C17.75 27.26 18.51 28.28 17.76 28.64'/%3E%3Cpath d='M16.48 24.84C15.69 24.57 15.52 25.83 14.73 25.56'/%3E%3Cpath d='M16.20 21.92C15.57 21.37 14.93 22.47 14.30 21.92'/%3E%3Cpath d='M16.20 18.97C15.57 18.42 14.93 19.52 14.30 18.97'/%3E%3Cpath d='M16.53 16.06C16.17 15.30 15.15 16.04 14.79 15.28'/%3E%3Cpath d='M18.61 14.06C18.89 13.27 17.64 13.08 17.92 12.29'/%3E%3Cpath d='M21.49 14.11C22.25 13.74 21.49 12.72 22.24 12.36'/%3E%3Cpath d='M23.52 16.16C24.31 16.43 24.48 15.17 25.27 15.44'/%3E%3C/g%3E%3Crect x='16.2' y='13.8' width='7.6' height='13.4' rx='3.8' fill='%235cc98e'/%3E%3Ccircle cx='19' cy='18' r='1' fill='%231f6b45'/%3E%3Ccircle cx='21.2' cy='22.4' r='1.2' fill='%231f6b45'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
/* recherche : le bouton devient une pilule blanche avec un texte d'invitation */
#citizen-search-summary {
display: flex !important; align-items: center; gap: 8px;
width: min(520px, 100%) !important; height: 38px !important;
padding: 0 14px !important; border-radius: 999px !important;
background: #fff !important; color: #5a6b78 !important; border: 1px solid #c9d4df !important;
justify-content: flex-start !important;
}
#citizen-search-summary svg { color: #5a6b78 !important; width: 18px; height: 18px; }
#citizen-search-summary::after {
content: "Rechercher une bactérie, un antibiotique…";
font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
@media (max-width: 600px) { #citizen-search-summary::after { content: "Rechercher…"; } }
#citizen-search-details { width: 100%; display: flex; justify-content: center; }
/* menus (☰ et compte) : s'ouvrent vers le haut, au-dessus de la barre, alignés à droite */
.citizen-header .citizen-menu__card {
position: fixed !important;
top: auto !important; left: auto !important;
right: 10px !important; bottom: 70px !important;
max-height: calc(100vh - 90px); overflow-y: auto;
transform-origin: bottom right !important;
}
/* la bulle de l'IA se cache pendant qu'un menu de la barre est ouvert (sinon elle recouvre le bas du menu) */
body:has(.citizen-header details[open]) .mga-launch { display: none !important; }
.citizen-header { backdrop-filter: blur(12px) saturate(1.4); -webkit-backdrop-filter: blur(12px) saturate(1.4); border-top-width: 1px !important; }
/* cellulaire : barre plus haute et plus visible, au-dessus de la zone du geste d'accueil de l'iPhone */
@media (max-width: 720px) {
.citizen-header {
height: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
padding-bottom: env(safe-area-inset-bottom, 0px) !important;
border-top-width: 1.5px !important;
box-shadow: 0 -4px 16px rgba(30, 60, 90, .10) !important;
}
.citizen-header__logo .mw-logo, .citizen-header__logo .mw-logo::before { width: 48px !important; height: 48px !important; }
#citizen-search-summary { height: 46px !important; font-size: 16px; }
#citizen-search-summary::after { font-size: 16px; }
#citizen-search-summary svg { width: 20px; height: 20px; }
.citizen-header .citizen-dropdown-summary svg, .citizen-header .citizen-ui-icon { transform: scale(1.15); }
.citizen-header .citizen-menu__card { bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important; }
.citizen-footer { padding-bottom: 110px !important; }
}
/* ordinateur (≥ 1120 px) : la colonne des sections devient une petite bulle de verre à droite, le texte est centré */
@media (min-width: 1120px) {
/* le texte prend toute la largeur, avec la même marge à gauche et à droite */
.citizen-body-container { grid-template-columns: minmax(0, 1fr) !important; padding-inline: clamp(32px, 5vw, 96px) !important; max-width: none !important; }
.citizen-page-sidebar { position: fixed !important; width: 0 !important; height: 0 !important; overflow: visible !important; contain: none !important; }
.citizen-page-header { width: auto !important; max-width: none !important; margin-inline: 0 !important; padding-inline: clamp(32px, 5vw, 96px) !important; box-sizing: border-box; }
.citizen-page-header-inner { margin-left: 0 !important; } /* titre aligné sur le texte */
#citizen-toc {
position: fixed !important; right: 18px; top: 70px; transform: none; /* sous le bandeau du titre qui apparaît en défilant (53 px) */
width: auto !important; max-width: 250px; z-index: 150;
padding: 8px 14px !important; border-radius: 14px;
background: rgba(227, 234, 242, .78);
-webkit-backdrop-filter: blur(12px) saturate(1.4); backdrop-filter: blur(12px) saturate(1.4);
border: 1px solid #c3d1df; box-shadow: 0 6px 20px -8px rgba(30, 60, 90, .25);
}
/* repliée : seulement « Sections » ; dépliée au survol (ou au clavier) */
#citizen-toc::before {
content: "☰  Sections"; display: block; font-size: 13px; font-weight: 600; color: #3f7490; white-space: nowrap; cursor: default;
}
#citizen-toc .citizen-toc-card { display: none !important; }
#citizen-toc:hover .citizen-toc-card, #citizen-toc:focus-within .citizen-toc-card {
display: block !important; position: static !important; width: 230px !important;
max-height: calc(100vh - 200px); overflow-y: auto; margin-top: 6px; background: none !important; box-shadow: none !important; border: 0 !important;
}
#citizen-toc .citizen-toc-link { font-size: 13.5px; }
}
/* page d'accueil : « Microguide » centré, slogan en petit dessous, logo à gauche aussi haut que les deux lignes */
.mg-accueil-entete { max-width: 560px; margin: 8px auto 0; padding-bottom: 12px; border-bottom: 2px solid #5b8fa8; text-align: center; }
.mg-accueil-texte { position: relative; display: inline-block; }
.mg-accueil-texte::before {
content: ""; position: absolute; right: 100%; top: 0; height: 100%; aspect-ratio: 1 / 1;
margin-right: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.5 -1.5 43 43' aria-label='Microguide'%3E%3Cg fill='none' stroke='%233f7490' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M15 5.5C8.6 9 5.6 16 6.6 23c.9 6 6 10.3 13.4 10.9'/%3E%3Cpath d='M25 5.5c6.4 3.5 9.4 10.5 8.4 17.5-.9 6-6 10.3-13.4 10.9'/%3E%3Cpath d='M20 33.9v.6'/%3E%3C/g%3E%3Ccircle cx='15' cy='4.4' r='1.71' fill='%233f7490'/%3E%3Ccircle cx='25' cy='4.4' r='1.71' fill='%233f7490'/%3E%3Ccircle cx='20' cy='36.8' r='2.3' fill='none' stroke='%233f7490' stroke-width='1.71'/%3E%3Cpath d='M11 11.6 20 8.8l9 2.8V20a9 10.4 0 0 1-18 0z' fill='rgba%2863,116,144,.07%29' stroke='%233f7490' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cg transform='rotate%28-22 20 20.5%29'%3E%3Cg stroke='%235cc98e' stroke-width='.6' stroke-linecap='round' fill='none' opacity='.9'%3E%3Cpath d='M23.80 19.08C24.43 19.63 25.07 18.53 25.70 19.08'/%3E%3Cpath d='M23.80 22.03C24.43 22.58 25.07 21.48 25.70 22.03'/%3E%3Cpath d='M23.47 24.94C23.83 25.70 24.85 24.96 25.21 25.72'/%3E%3Cpath d='M21.39 26.94C21.11 27.73 22.36 27.92 22.08 28.71'/%3E%3Cpath d='M18.51 26.89C17.75 27.26 18.51 28.28 17.76 28.64'/%3E%3Cpath d='M16.48 24.84C15.69 24.57 15.52 25.83 14.73 25.56'/%3E%3Cpath d='M16.20 21.92C15.57 21.37 14.93 22.47 14.30 21.92'/%3E%3Cpath d='M16.20 18.97C15.57 18.42 14.93 19.52 14.30 18.97'/%3E%3Cpath d='M16.53 16.06C16.17 15.30 15.15 16.04 14.79 15.28'/%3E%3Cpath d='M18.61 14.06C18.89 13.27 17.64 13.08 17.92 12.29'/%3E%3Cpath d='M21.49 14.11C22.25 13.74 21.49 12.72 22.24 12.36'/%3E%3Cpath d='M23.52 16.16C24.31 16.43 24.48 15.17 25.27 15.44'/%3E%3C/g%3E%3Crect x='16.2' y='13.8' width='7.6' height='13.4' rx='3.8' fill='%235cc98e'/%3E%3Ccircle cx='19' cy='18' r='1' fill='%231f6b45'/%3E%3Ccircle cx='21.2' cy='22.4' r='1.2' fill='%231f6b45'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
.mg-accueil-nom { display: block; font-size: 40px; font-weight: 700; line-height: 1.05; color: #1f3f55; }
.mg-accueil-slogan { display: block; font-size: 13px; color: #4a5f70; margin-top: 6px; letter-spacing: .02em; }
@media (max-width: 720px) {
.mg-accueil-nom { font-size: 31px; }
.mg-accueil-texte::before { margin-right: 8px; }
}
/* page d'accueil : sections en liste sobre (filets fins, icône, titre, description, flèche), 2 colonnes sur ordinateur */
.mg-accueil-nav { text-align: center; margin: 14px 0; }
.mg-accueil-liste { max-width: 760px; margin: 0 auto 24px; display: grid; grid-template-columns: 1fr; border-top: 1px solid #c3d1df; }
.mg-accueil-liste > div { border-bottom: 1px solid #c3d1df; }
.mg-accueil-liste a, .mg-accueil-liste a:visited { display: block; color: inherit !important; text-decoration: none !important; }
.mg-ligne { display: flex; flex-wrap: wrap; align-items: center; column-gap: 14px; padding: 14px 30px 14px 48px; position: relative; text-align: left; }
.mg-ligne::before { content: ""; position: absolute; left: 6px; top: 50%; width: 28px; height: 28px; transform: translateY(-50%); background: center / contain no-repeat; }
.mg-ligne::after { content: "›"; position: absolute; right: 8px; top: 50%; transform: translateY(-52%); font-size: 20px; color: #8aa3b6; }
.mg-ligne b { flex: 1 0 100%; font-size: 16px; font-weight: 650; color: #0f1a3a; }
.mg-ligne small { flex: 1 0 100%; font-size: 13px; color: #56697a; }
.mg-accueil-liste a:hover b { color: #3f7490; }
@media (min-width: 720px) {
.mg-accueil-liste { grid-template-columns: 1fr 1fr; column-gap: 28px; border-top: 0; }
.mg-accueil-liste > div:nth-child(-n+2) { border-top: 1px solid #c3d1df; }
}
.mg-i-classif::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Crect x='3' y='17' width='6' height='4' rx='1'/%3E%3Crect x='15' y='17' width='6' height='4' rx='1'/%3E%3Cpath d='M12 7v5M6 17v-3h12v3'/%3E%3C/svg%3E"); }
.mg-i-bact::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='8' y='4' width='8' height='16' rx='4' transform='rotate%28-30 12 12%29'/%3E%3Cpath d='M6.2 8.6 4.6 7.8M17.8 15.4l1.6.8M15.6 6.9l.9-1.5M8.4 17.1l-.9 1.5'/%3E%3C/svg%3E"); }
.mg-i-atb::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8.5' width='18' height='7' rx='3.5' transform='rotate%28-40 12 12%29'/%3E%3Cpath d='m9.7 9.3 5 5'/%3E%3C/svg%3E"); }
.mg-i-calc::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8.5 11h.01M12 11h.01M15.5 11h.01M8.5 14.5h.01M12 14.5h.01M15.5 14.5h.01M8.5 18h.01M12 18h.01M15.5 18h.01'/%3E%3C/svg%3E"); }
.mg-i-labo::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v6l-5 9a2 2 0 0 0 1.8 3h10.4A2 2 0 0 0 19 18l-5-9V3'/%3E%3Cpath d='M7.5 15h9'/%3E%3C/svg%3E"); }
.mg-i-resist::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 19 6v5.5c0 4.4-3 7.6-7 9.5-4-1.9-7-5.1-7-9.5V6z'/%3E%3Cpath d='m12 8-1.5 3.5h3L12 15'/%3E%3C/svg%3E"); }
/* ancien logo (avec l'écriture) remplacé aussi en bas des pages et en haut du menu ☰ */
.citizen-footer__sitetitle .mw-logo-icon, .citizen-drawer__logo .mw-logo-icon { display: none !important; }
.citizen-footer__sitetitle::before, .citizen-drawer__logo::before {
content: ""; display: inline-block; flex: 0 0 auto; width: 48px; height: 48px; vertical-align: middle;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.5 -1.5 43 43' aria-label='Microguide'%3E%3Cg fill='none' stroke='%233f7490' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M15 5.5C8.6 9 5.6 16 6.6 23c.9 6 6 10.3 13.4 10.9'/%3E%3Cpath d='M25 5.5c6.4 3.5 9.4 10.5 8.4 17.5-.9 6-6 10.3-13.4 10.9'/%3E%3Cpath d='M20 33.9v.6'/%3E%3C/g%3E%3Ccircle cx='15' cy='4.4' r='1.71' fill='%233f7490'/%3E%3Ccircle cx='25' cy='4.4' r='1.71' fill='%233f7490'/%3E%3Ccircle cx='20' cy='36.8' r='2.3' fill='none' stroke='%233f7490' stroke-width='1.71'/%3E%3Cpath d='M11 11.6 20 8.8l9 2.8V20a9 10.4 0 0 1-18 0z' fill='rgba%2863,116,144,.07%29' stroke='%233f7490' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cg transform='rotate%28-22 20 20.5%29'%3E%3Cg stroke='%235cc98e' stroke-width='.6' stroke-linecap='round' fill='none' opacity='.9'%3E%3Cpath d='M23.80 19.08C24.43 19.63 25.07 18.53 25.70 19.08'/%3E%3Cpath d='M23.80 22.03C24.43 22.58 25.07 21.48 25.70 22.03'/%3E%3Cpath d='M23.47 24.94C23.83 25.70 24.85 24.96 25.21 25.72'/%3E%3Cpath d='M21.39 26.94C21.11 27.73 22.36 27.92 22.08 28.71'/%3E%3Cpath d='M18.51 26.89C17.75 27.26 18.51 28.28 17.76 28.64'/%3E%3Cpath d='M16.48 24.84C15.69 24.57 15.52 25.83 14.73 25.56'/%3E%3Cpath d='M16.20 21.92C15.57 21.37 14.93 22.47 14.30 21.92'/%3E%3Cpath d='M16.20 18.97C15.57 18.42 14.93 19.52 14.30 18.97'/%3E%3Cpath d='M16.53 16.06C16.17 15.30 15.15 16.04 14.79 15.28'/%3E%3Cpath d='M18.61 14.06C18.89 13.27 17.64 13.08 17.92 12.29'/%3E%3Cpath d='M21.49 14.11C22.25 13.74 21.49 12.72 22.24 12.36'/%3E%3Cpath d='M23.52 16.16C24.31 16.43 24.48 15.17 25.27 15.44'/%3E%3C/g%3E%3Crect x='16.2' y='13.8' width='7.6' height='13.4' rx='3.8' fill='%235cc98e'/%3E%3Ccircle cx='19' cy='18' r='1' fill='%231f6b45'/%3E%3Ccircle cx='21.2' cy='22.4' r='1.2' fill='%231f6b45'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
/* accueil sur grand écran : tailles en % de la largeur de l'écran (vw), pour remplir l'écran quelle que soit sa taille */
@media (min-width: 1120px) {
.mg-accueil-entete { max-width: 62vw; margin-top: 3vh; padding-bottom: 1.4vw; }
.mg-accueil-nom { font-size: 5vw; }
.mg-accueil-slogan { font-size: 1.5vw; margin-top: .6vw; }
.mg-accueil-texte::before { margin-right: 1.4vw; }
.mg-accueil-nav { font-size: 1.6vw; margin: 2.2vw 0; }
.mg-accueil-liste { max-width: 86vw; column-gap: 4vw; }
.mg-ligne { padding: 2.1vw 3.4vw 2.1vw 5.6vw; }
.mg-ligne::before { width: 3.1vw; height: 3.1vw; left: .5vw; }
.mg-ligne b { font-size: 1.9vw; }
.mg-ligne small { font-size: 1.35vw; margin-top: .3vw; }
.mg-ligne::after { font-size: 2.3vw; right: .6vw; }
}
/* barre du bas sur grand écran : en proportion de l'écran aussi */
@media (min-width: 1120px) {
.citizen-header { height: 4.6vw !important; gap: .6vw; }
.citizen-header__logo .mw-logo, .citizen-header__logo .mw-logo::before { width: 3.4vw !important; height: 3.4vw !important; }
.citizen-search { flex: 0 1 38vw !important; }
#citizen-search-summary { width: 38vw !important; max-width: none !important; height: 2.9vw !important; padding: 0 1.2vw !important; gap: .7vw; }
#citizen-search-summary svg { width: 1.3vw !important; height: 1.3vw !important; }
#citizen-search-summary::after { font-size: 1.15vw; }
.citizen-header .citizen-dropdown-summary { width: 3.2vw !important; height: 3.2vw !important; }
.citizen-header .citizen-dropdown-summary svg, .citizen-header .citizen-ui-icon { transform: scale(1.5); }
.citizen-header .citizen-menu__card { bottom: calc(4.6vw + 12px) !important; }
.citizen-footer { padding-bottom: calc(4.6vw + 40px) !important; }
}
/* ====== Pages Antibiotiques et Bactéries (rendu seulement, même information) ====== */
/* pages pas encore écrites : gris au lieu de rouge */
:is(.page-Antibiotiques, .page-Bactéries) .mw-parser-output a.new { color: #8a99a6 !important; font-style: italic; }
/* listes : une ligne par élément, filet fin ; les liens en bleu avec une flèche › toujours visible */
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section ul { list-style: none; margin: 0; padding: 0; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > ul > li { border-bottom: 1px solid #d5dee8; padding: .5em 1.6em .5em 0; position: relative; color: #4a5f70; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li li { padding: .25em 1.6em .25em 1em; position: relative; color: #4a5f70; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li:has(> a)::after { content: "›"; position: absolute; right: .25em; top: 50%; transform: translateY(-55%); color: #3f7490; font-size: 1.2em; font-weight: 600; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li:has(> ul)::after { top: .9em; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section a { color: #2f6380; font-weight: 500; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section a:hover { color: #1f3f55; text-decoration: underline; text-underline-offset: 3px; }
/* sous-titres en gras (Les pénicillines, Catalase positive…) */
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > p { margin: .9em 0 .15em; color: #3f7490; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > p :is(b, big) { font-weight: 650; font-size: 1em; }
/* Antibiotiques : familles avec une icône de gélule bleue, 3 colonnes sur grand écran */
.page-Antibiotiques .mw-heading2 h2 {
border: 0; padding: 0 0 .1em 1.9em; margin: 1.2em 0 .3em; font-size: 1.45em; color: #1f3f55;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.7' stroke-linecap='round'%3E%3Crect x='3' y='8.5' width='18' height='7' rx='3.5' transform='rotate(-40 12 12)'/%3E%3Cpath d='m9.7 9.3 5 5'/%3E%3C/svg%3E") left .02em / 1.45em no-repeat;
}
@media (min-width: 1120px) {
.page-Antibiotiques .mw-parser-output { columns: 3; column-gap: 4vw; }
.page-Antibiotiques .mw-heading2 { break-inside: avoid; break-after: avoid; }
.page-Antibiotiques .citizen-section { break-inside: avoid; margin-bottom: 2em; }
}
/* Bactéries : niveaux de la classification bien distincts */
.page-Bactéries .mw-heading1 h1 { font-size: 1.55em; line-height: 1.25; margin: 1.4em 0 .2em; padding-bottom: .3em; border-bottom: 2px solid #5b8fa8; color: #1f3f55; }
.page-Bactéries .mw-heading2 h2 {
border: 0; padding: 0 0 .1em 1.9em; margin: 1.2em 0 .3em; font-size: 1.4em; color: #1f3f55;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2349a974' stroke-width='1.7' stroke-linecap='round'%3E%3Crect x='8' y='4' width='8' height='16' rx='4' transform='rotate(-30 12 12)'/%3E%3Cpath d='M6.2 8.6 4.6 7.8M17.8 15.4l1.6.8M15.6 6.9l.9-1.5M8.4 17.1l-.9 1.5'/%3E%3C/svg%3E") left .02em / 1.45em no-repeat;
}
/* niveau 3 (Aérobes, Anaérobe/facultatifs, Entérobactéries…) : titre foncé avec un trait bleu à gauche */
.page-Bactéries .mw-heading3 h3 { border: 0; border-left: 3px solid #3f7490; margin: 1.3em 0 .35em; padding: .05em 0 .05em .55em; font-size: 1.1em; font-weight: 700; color: #1f3f55; }
/* tout ce qui suit un titre de niveau 3 est décalé, avec une fine ligne verticale : on voit ce qui lui appartient */
.page-Bactéries .citizen-section > :not(.mw-heading3) { margin-left: .2em; padding-left: .95em; border-left: 1px solid #d5dee8; }
/* niveau 4 (Streptocoques alpha-hémolytiques…) : gris, plus petit */
.page-Bactéries .mw-heading4 h4 { margin: .9em 0 .1em; font-size: .95em; font-weight: 650; color: #56697a; border: 0; }
@media (min-width: 1120px) {
.page-Bactéries .mg-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); column-gap: 5vw; align-items: start; }
.page-Bactéries .mg-col:only-child .citizen-section { columns: 3; column-gap: 4vw; }
.page-Bactéries .mg-col:only-child .citizen-section > ul { break-inside: avoid; }
}
/* Tests de laboratoires : chaque ligne = nom du test en gras bleu + description en gris, comme les sections de l'accueil */
.page-Tests_de_laboratoires .mw-parser-output a.new { color: #8a99a6 !important; font-style: italic; }
.page-Tests_de_laboratoires .mw-parser-output :is(.mw-heading1 h1, .mw-heading2 h2) {
border: 0; padding: 0 0 .1em 1.9em; margin: 1.3em 0 .3em; font-size: 1.4em; line-height: 1.3; color: #1f3f55;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v6l-5 9a2 2 0 0 0 1.8 3h10.4A2 2 0 0 0 19 18l-5-9V3'/%3E%3Cpath d='M7.5 15h9'/%3E%3C/svg%3E") left .05em / 1.4em no-repeat;
}
.page-Tests_de_laboratoires .citizen-section ul { list-style: none; margin: 0; padding: 0; }
.page-Tests_de_laboratoires .citizen-section > ul > li { border-bottom: 1px solid #d5dee8; padding: .6em 1.8em .6em 0; position: relative; color: #56697a; font-size: .95em; }
.page-Tests_de_laboratoires .citizen-section > ul > li:first-child { border-top: 1px solid #d5dee8; }
.page-Tests_de_laboratoires .citizen-section > ul > li > a:first-child { display: block; color: #1f3f55; font-weight: 650; font-size: 1.08em; margin-bottom: .1em; }
.page-Tests_de_laboratoires .citizen-section > ul > li:has(> a)::after { content: "›"; position: absolute; right: .25em; top: 50%; transform: translateY(-55%); color: #3f7490; font-size: 1.3em; font-weight: 600; }
.page-Tests_de_laboratoires .citizen-section a { color: #2f6380; }
.page-Tests_de_laboratoires .citizen-section > ul > li > a:first-child:hover { color: #3f7490; }
.page-Tests_de_laboratoires .citizen-section hr + p, .page-Tests_de_laboratoires .citizen-section > p:last-child { color: #56697a; font-size: .95em; margin-top: 1.5em; }
.page-Tests_de_laboratoires .citizen-section hr { border: 0; border-top: 1px solid #c3d1df; margin-top: 2em; }
@media (min-width: 1120px) {
.page-Tests_de_laboratoires .mw-parser-output { columns: 2; column-gap: 5vw; }
.page-Tests_de_laboratoires .mw-parser-output :is(.mw-heading1, .mw-heading2) { break-inside: avoid; break-after: avoid; }
.page-Tests_de_laboratoires .citizen-section { break-inside: avoid; margin-bottom: 1.5em; }
}
/* Bactéries : les titres de niveau 4 qui chapeautent d'autres groupes (Catalase positive/négative) plus gros et à gauche ;
  les sous-titres en gras des listes (Coagulase…) en dessous, décalés. Les autres titres de niveau 4 (Streptocoques…) ne changent pas. */
.page-Bactéries .mw-heading4:is(:has(+ ul > li > b:first-child), :has(+ .mw-heading4)) h4 { margin: 1.1em 0 .3em; font-size: 1.12em; font-weight: 700; color: #1f3f55; border: 0; }
.page-Bactéries .citizen-section > ul > li:has(> b:first-child) { padding-left: 1.1em; border-bottom: 0; }
.page-Bactéries .citizen-section li > b:first-child { display: block; font-size: .95em; font-weight: 650; color: #3f7490; margin-bottom: .1em; }
.page-Bactéries .citizen-section li:has(> b:first-child) li { padding-left: 1.1em; border-bottom: 1px solid #d5dee8; }
/* Antibiotiques et Tests : vraie grille (comme Bactéries) — chaque case commence à la même hauteur que ses voisines, quelle que soit la longueur du texte */
.page-Antibiotiques .mg-carte > .mw-heading:first-child :is(h1, h2),
.page-Tests_de_laboratoires .mg-carte > .mw-heading:first-child :is(h1, h2),
.page-Bactéries .mg-col > .mw-heading2:first-child h2 { margin-top: 0; }
.page-Antibiotiques .mg-carte, .page-Tests_de_laboratoires .mg-carte { margin-bottom: 1.6em; }
.page-Tests_de_laboratoires .mg-bas { clear: both; }
@media (min-width: 1120px) {
.page-Antibiotiques .mw-parser-output, .page-Tests_de_laboratoires .mw-parser-output { columns: auto !important; }
.page-Antibiotiques .mg-grille, .page-Tests_de_laboratoires .mg-grille { display: grid; column-gap: 4vw; row-gap: 2.4vw; align-items: start; margin-top: 1.2em; }
.page-Antibiotiques .mg-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.page-Tests_de_laboratoires .mg-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.page-Antibiotiques .mg-carte, .page-Tests_de_laboratoires .mg-carte { margin-bottom: 0; }
}
/* « Sections » : en choisissant une section, la page s'arrête sous le bandeau du titre (qui apparaît en défilant) au lieu de cacher le titre dessous */
html { scroll-padding-top: 84px; }
.mw-heading { scroll-margin-top: 84px; }
/* la bulle s'ouvre aussi au clic (classe ajoutée par le bloc « Bulle Sections » de Common.js) */
@media (min-width: 1120px) {
#citizen-toc { cursor: pointer; }
#citizen-toc.mg-ouvert .citizen-toc-card {
display: block !important; position: static !important; width: 230px !important;
max-height: calc(100vh - 200px); overflow-y: auto; margin-top: 6px; background: none !important; box-shadow: none !important; border: 0 !important;
}
}
/* grille à rangées alignées : remplissage des trous à côté des familles longues, espaces resserrés */
@media (min-width: 1120px) {
.page-Antibiotiques .mg-grille, .page-Tests_de_laboratoires .mg-grille { grid-auto-flow: row dense; row-gap: 1.8vw; }
.page-Antibiotiques .mg-carte .citizen-section, .page-Tests_de_laboratoires .mg-carte .citizen-section { margin-bottom: 0; }
}
/* Antibiotiques, Bactéries, Tests : un titre a la couleur de son niveau, qu'il soit un lien ou non */
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5) a,
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5) a:visited { color: inherit !important; }
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5) a:hover { text-decoration: underline; text-underline-offset: 4px; }
/* tous les liens des listes dans notre bleu */
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output li a:not(.new),
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output li a:not(.new):visited { color: #2f6380; }
/* Antibiotiques : <big> et le gras n'ont plus d'effet dans les titres — chaque niveau a une seule taille */
.page-Antibiotiques .mw-parser-output :is(h2, h3, h4) :is(big, b) { font-size: inherit; font-weight: inherit; }
.page-Antibiotiques .mw-heading2 h2 { color: #1f3f55; }
/* niveau 3 : sous-groupes (Les pénicillines, Les céphalosporines…) */
.page-Antibiotiques .mw-heading3 h3 { margin: 1.1em 0 .25em; padding: 0 0 .2em; font-size: 1.12em; font-weight: 650; color: #3f7490; border-bottom: 1px solid #c3d1df; }
/* niveau 4 : générations */
.page-Antibiotiques .mw-heading4 h4 { margin: .8em 0 .1em; padding: 0; font-size: .98em; font-weight: 650; color: #56697a; border: 0; }
.page-Antibiotiques .mw-parser-output :is(h2, h3, h4) * { font-weight: inherit !important; }
/* ===== Hiérarchie stricte des titres (Antibiotiques, Bactéries, Tests) : une taille et une couleur par niveau, toujours décroissantes ===== */
/* le gras et <big> écrits dans les titres n'ont plus d'effet : c'est le niveau qui décide */
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5, h6) :is(big, b, strong) { font-size: inherit !important; font-weight: inherit !important; }
/* un titre qui est un lien : souligné fin + la même flèche › que les listes */
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5, h6) a:not(.new) {
color: inherit !important; text-decoration: underline; text-decoration-color: rgba(63, 116, 144, .45); text-decoration-thickness: 1.5px; text-underline-offset: .22em;
}
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5, h6) a:not(.new)::after { content: "›"; display: inline-block; margin-left: .35em; color: #3f7490; font-weight: 600; text-decoration: none; }
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5, h6) a:not(.new):hover { text-decoration-color: #3f7490; }
/* Bactéries : niveaux 4 (Catalase…) > 5 (Streptocoques…) ; les sous-titres en gras des listes (Coagulase…) = niveau 5 */
.page-Bactéries .mw-heading3 h3 { font-size: 1.15em !important; }
.page-Bactéries .mw-heading4 h4 { margin: 1.1em 0 .3em !important; font-size: 1.04em !important; font-weight: 700 !important; color: #1f3f55 !important; border: 0 !important; }
.page-Bactéries .mw-heading5 h5 { margin: .9em 0 .15em 1.1em; padding: 0; font-size: .95em; font-weight: 650; color: #3f7490; border: 0; }
.page-Bactéries .citizen-section li > b:first-child { font-size: .95em; }
/* ce qui suit un niveau 5 est décalé comme lui */
.page-Bactéries .mw-heading5 + ul { margin-left: 1.1em; }
/* Antibiotiques : niveaux 3 (sous-groupes) > 4 (générations) */
.page-Antibiotiques .mw-heading3 h3 { font-size: 1.12em; }
.page-Antibiotiques .mw-heading4 h4 { font-size: .98em; }
/* les sous-titres en gras des listes (Coagulase…) : <big> neutralisé, même taille que le niveau 5 */
.page-Bactéries .citizen-section li > b:first-child :is(big, b) { font-size: inherit !important; font-weight: inherit !important; }
.page-Bactéries .mw-heading4 h4 { font-size: 1.08em !important; }
/* Bactéries : un sous-titre est toujours plus gros que les lignes qu'il chapeaute, et chaque niveau est décalé vers la droite */
.page-Bactéries .mw-heading3 h3 { font-size: 1.28em !important; }
.page-Bactéries .mw-heading4 h4 { font-size: 1.16em !important; }
.page-Bactéries .mw-heading5 h5 { margin: .9em 0 .15em 0 !important; font-size: 1.06em !important; font-weight: 650 !important; color: #3f7490 !important; }
.page-Bactéries .citizen-section > .mw-heading5 { padding-left: calc(.95em + 1.1em) !important; }
.page-Bactéries .citizen-section > .mw-heading5 + ul { padding-left: calc(.95em + 2.2em) !important; margin-left: .2em !important; }
.page-Bactéries .citizen-section li > b:first-child { font-size: 1.06em !important; }
/* ===== Hiérarchie commune Antibiotiques + Bactéries : un même niveau de titre a le même rendu sur les deux pages ===== */
:is(.page-Antibiotiques, .page-Bactéries) .mw-heading3 h3 { border: 0 !important; border-left: 3px solid #3f7490 !important; margin: 1.3em 0 .35em !important; padding: .05em 0 .05em .55em !important; font-size: 1.28em !important; font-weight: 700 !important; color: #1f3f55 !important; }
:is(.page-Antibiotiques, .page-Bactéries) .mw-heading4 h4 { margin: 1.1em 0 .3em !important; padding: 0 !important; font-size: 1.16em !important; font-weight: 700 !important; color: #1f3f55 !important; border: 0 !important; }
:is(.page-Antibiotiques, .page-Bactéries) .mw-heading5 h5 { margin: .9em 0 .15em 0 !important; padding: 0 !important; font-size: 1.06em !important; font-weight: 650 !important; color: #3f7490 !important; border: 0 !important; }
/* tout ce qui suit un sous-titre 1 est décalé, avec une fine ligne verticale */
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > :not(.mw-heading3) { margin-left: .2em; padding-left: .95em; border-left: 1px solid #d5dee8; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > .mw-heading5 { padding-left: calc(.95em + 1.1em) !important; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > .mw-heading5 + ul { padding-left: calc(.95em + 2.2em) !important; }
/* sous-titres en gras dans les listes (Coagulase…) = même rendu que le sous-titre 3 */
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > ul > li:has(> b:first-child) { padding-left: 1.1em; border-bottom: 0; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li > b:first-child { display: block; font-size: 1.06em !important; font-weight: 650; color: #3f7490; margin-bottom: .1em; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li > b:first-child :is(big, b) { font-size: inherit !important; font-weight: inherit !important; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li:has(> b:first-child) li { padding-left: 1.1em; border-bottom: 1px solid #d5dee8; }
/* grande famille seule à gauche + grille compacte à droite (créée par le bloc JS) */
@media (min-width: 1120px) {
:is(.page-Antibiotiques, .page-Tests_de_laboratoires) .mg-sous-grille { display: grid; column-gap: 4vw; row-gap: 1.8vw; align-items: start; align-content: start; }
}
/* le premier sous-titre sous une famille commence tout de suite (aligné avec les listes des cases voisines) */
:is(.page-Antibiotiques, .page-Bactéries) .mg-carte .citizen-section > .mw-heading3:first-child h3 { margin-top: .2em !important; }
/* ===== En-tête des pages (S5) : titre seul en couleur, « MICROGUIDE » et « Écris-nous » très pâles, de l'espace (pas de ligne, pas de fond) ===== */
body.ns-0:not(.page-Accueil) #siteSub { display: none !important; }
body.ns-0:not(.page-Accueil) .citizen-page-heading::before {
content: "MICROGUIDE"; display: block; font-size: .72em; letter-spacing: .2em; color: #a9b8c5; font-weight: 600;
}
body.ns-0:not(.page-Accueil) .citizen-page-heading #firstHeading { margin: .1em 0 .25em; color: #1f3f55; line-height: 1.06; border: 0; }
body.ns-0:not(.page-Accueil) .citizen-page-heading .mgc-lien { font-size: .84em; color: #9aa9b6; }
body.ns-0:not(.page-Accueil) .citizen-page-heading .mgc-lien:hover { color: #3f7490; }
body.ns-0:not(.page-Accueil) .citizen-page-header { margin-bottom: 1.6em; }
@media (min-width: 1120px) {
body.ns-0:not(.page-Accueil) .citizen-page-heading #firstHeading { font-size: max(2.4em, 2.2vw); }
}
/* « Télécharger » sous les fiches et spectres : légende sous l'image (nom à gauche, lien à droite) */
.mw-parser-output .mg-dl { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 8px 0 4px; font-size: 13px; color: #8a99a6; }
.mw-parser-output .mg-dl .mg-dl-lien { display: inline-flex; align-items: center; gap: 6px; color: #3f7490; font-weight: 600; text-decoration: none; white-space: nowrap; }
.mw-parser-output .mg-dl .mg-dl-lien::before {
content: ""; width: 15px; height: 15px; flex: 0 0 auto;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0-4.5-4.5M12 15l4.5-4.5M5 20h14'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mw-parser-output .mg-dl .mg-dl-lien:hover { text-decoration: underline; text-underline-offset: 3px; }
/* « Écris-nous » dans le même bleu que « Télécharger » ; « Télécharger » un peu plus gros */
body.ns-0:not(.page-Accueil) .citizen-page-heading .mgc-lien { color: #3f7490 !important; font-weight: 600; }
body.ns-0:not(.page-Accueil) .citizen-page-heading .mgc-lien:hover { color: #1f3f55 !important; }
.mw-parser-output .mg-dl { font-size: 14px; }
.mw-parser-output .mg-dl .mg-dl-lien { font-size: 15.5px; }
.mw-parser-output .mg-dl .mg-dl-lien::before { width: 17px; height: 17px; }

Dernière version du 29 octobre 2026 à 12:41



.page-Spécial_Connexion #footer-icons {
    display: none !important;
}


.noprint {
display: none !important;
}

/* Hide the three dots (more menu) */
.citizen-page-actions-toggle {
    display: none !important;
}

/* Hide entire actions menu */
.citizen-page-actions {
    display: none !important;
}

/* Date modified */
.page-info {
    display: none !important;
}

#citizen-sidebar-lastmod {
  display: none !important;
}

.citizen-menu__heading {
  display: none !important;
}

@media (max-width: 768px) {
    .citizen-footer__content {
        padding-bottom: 80px !important;
    }
}

/* ====== Barre Microguide (Mélange 1 + logo B), 2026-10-28 ====== */
/* Barre du bas : bleu du site, filet bleu clair, recherche en pilule, logo redessiné. Aussi en bas sur ordinateur. */
:root { --mg-barre: rgba(227,234,242,.78); --mg-filet: #c3d1df; } /* gris-bleu pâle translucide */

.citizen-header {
	top: auto !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
	width: auto !important; height: 60px !important;
	flex-direction: row !important; align-items: center !important; gap: 6px;
	padding: 0 10px !important;
	background: var(--mg-barre) !important;
	border: 0 !important; border-top: 2px solid var(--mg-filet) !important;
	box-shadow: none !important;
}
.citizen-header::before, .citizen-header::after { display: none !important; } /* voile pâle de Citizen sur cellulaire */
.citizen-page-container { padding-left: 0 !important; }
.citizen-sticky-header-container { margin-left: 0 !important; width: auto !important; } /* bandeau du titre en défilant : plus de place réservée à l'ancienne colonne */
@media (min-width: 1120px) { .citizen-sticky-header { padding-inline: clamp(32px, 5vw, 96px) !important; } }
.citizen-footer { padding-bottom: 90px !important; }

/* sur ordinateur : logo, recherche, menu et compte regroupés au centre (pas étalés sur toute la largeur) */
.citizen-header { justify-content: center !important; }
@media (min-width: 720px) {
	.citizen-search { flex: 0 1 560px !important; }
	.citizen-header__logo { margin-right: 10px !important; }
}

/* ordre : logo, recherche, menu, compte */
.citizen-header__logo { order: 0; margin: 0 !important; padding: 0 !important; flex: 0 0 auto; border: 0 !important; }
.citizen-search { order: 1; flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; }
.citizen-drawer { order: 2; }
.citizen-header__inner { order: 3; flex: 0 0 auto !important; flex-direction: row !important; height: auto !important; width: auto !important; }
.citizen-header__inner .citizen-header__start { display: none; }

/* icônes blanches */
.citizen-header .citizen-dropdown-summary,
.citizen-header .citizen-dropdown-summary svg,
.citizen-header .citizen-ui-icon { color: #3f7490 !important; }
.citizen-header .citizen-ui-icon::before { background-color: #3f7490 !important; }
.citizen-header .citizen-dropdown-summary:hover { background: rgba(63,116,144,.10) !important; }

/* logo redessiné (stéthoscope, bouclier, bacille à pili), sans texte */
.citizen-header__logo .mw-logo { width: 44px !important; height: 44px !important; padding: 0 !important; background: none !important; overflow: visible !important; }
.citizen-header__logo .mw-logo-icon,
.citizen-header__logo .mw-ui-icon-home { display: none !important; }
.citizen-header__logo .mw-logo::before {
	content: ""; display: block; width: 42px; height: 42px; margin: auto;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.5 -1.5 43 43' aria-label='Microguide'%3E%3Cg fill='none' stroke='%233f7490' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M15 5.5C8.6 9 5.6 16 6.6 23c.9 6 6 10.3 13.4 10.9'/%3E%3Cpath d='M25 5.5c6.4 3.5 9.4 10.5 8.4 17.5-.9 6-6 10.3-13.4 10.9'/%3E%3Cpath d='M20 33.9v.6'/%3E%3C/g%3E%3Ccircle cx='15' cy='4.4' r='1.71' fill='%233f7490'/%3E%3Ccircle cx='25' cy='4.4' r='1.71' fill='%233f7490'/%3E%3Ccircle cx='20' cy='36.8' r='2.3' fill='none' stroke='%233f7490' stroke-width='1.71'/%3E%3Cpath d='M11 11.6 20 8.8l9 2.8V20a9 10.4 0 0 1-18 0z' fill='rgba%2863,116,144,.07%29' stroke='%233f7490' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cg transform='rotate%28-22 20 20.5%29'%3E%3Cg stroke='%235cc98e' stroke-width='.6' stroke-linecap='round' fill='none' opacity='.9'%3E%3Cpath d='M23.80 19.08C24.43 19.63 25.07 18.53 25.70 19.08'/%3E%3Cpath d='M23.80 22.03C24.43 22.58 25.07 21.48 25.70 22.03'/%3E%3Cpath d='M23.47 24.94C23.83 25.70 24.85 24.96 25.21 25.72'/%3E%3Cpath d='M21.39 26.94C21.11 27.73 22.36 27.92 22.08 28.71'/%3E%3Cpath d='M18.51 26.89C17.75 27.26 18.51 28.28 17.76 28.64'/%3E%3Cpath d='M16.48 24.84C15.69 24.57 15.52 25.83 14.73 25.56'/%3E%3Cpath d='M16.20 21.92C15.57 21.37 14.93 22.47 14.30 21.92'/%3E%3Cpath d='M16.20 18.97C15.57 18.42 14.93 19.52 14.30 18.97'/%3E%3Cpath d='M16.53 16.06C16.17 15.30 15.15 16.04 14.79 15.28'/%3E%3Cpath d='M18.61 14.06C18.89 13.27 17.64 13.08 17.92 12.29'/%3E%3Cpath d='M21.49 14.11C22.25 13.74 21.49 12.72 22.24 12.36'/%3E%3Cpath d='M23.52 16.16C24.31 16.43 24.48 15.17 25.27 15.44'/%3E%3C/g%3E%3Crect x='16.2' y='13.8' width='7.6' height='13.4' rx='3.8' fill='%235cc98e'/%3E%3Ccircle cx='19' cy='18' r='1' fill='%231f6b45'/%3E%3Ccircle cx='21.2' cy='22.4' r='1.2' fill='%231f6b45'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

/* recherche : le bouton devient une pilule blanche avec un texte d'invitation */
#citizen-search-summary {
	display: flex !important; align-items: center; gap: 8px;
	width: min(520px, 100%) !important; height: 38px !important;
	padding: 0 14px !important; border-radius: 999px !important;
	background: #fff !important; color: #5a6b78 !important; border: 1px solid #c9d4df !important;
	justify-content: flex-start !important;
}
#citizen-search-summary svg { color: #5a6b78 !important; width: 18px; height: 18px; }
#citizen-search-summary::after {
	content: "Rechercher une bactérie, un antibiotique…";
	font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
@media (max-width: 600px) { #citizen-search-summary::after { content: "Rechercher…"; } }
#citizen-search-details { width: 100%; display: flex; justify-content: center; }

/* menus (☰ et compte) : s'ouvrent vers le haut, au-dessus de la barre, alignés à droite */
.citizen-header .citizen-menu__card {
	position: fixed !important;
	top: auto !important; left: auto !important;
	right: 10px !important; bottom: 70px !important;
	max-height: calc(100vh - 90px); overflow-y: auto;
	transform-origin: bottom right !important;
}

/* la bulle de l'IA se cache pendant qu'un menu de la barre est ouvert (sinon elle recouvre le bas du menu) */
body:has(.citizen-header details[open]) .mga-launch { display: none !important; }

.citizen-header { backdrop-filter: blur(12px) saturate(1.4); -webkit-backdrop-filter: blur(12px) saturate(1.4); border-top-width: 1px !important; }

/* cellulaire : barre plus haute et plus visible, au-dessus de la zone du geste d'accueil de l'iPhone */
@media (max-width: 720px) {
	.citizen-header {
		height: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
		padding-bottom: env(safe-area-inset-bottom, 0px) !important;
		border-top-width: 1.5px !important;
		box-shadow: 0 -4px 16px rgba(30, 60, 90, .10) !important;
	}
	.citizen-header__logo .mw-logo, .citizen-header__logo .mw-logo::before { width: 48px !important; height: 48px !important; }
	#citizen-search-summary { height: 46px !important; font-size: 16px; }
	#citizen-search-summary::after { font-size: 16px; }
	#citizen-search-summary svg { width: 20px; height: 20px; }
	.citizen-header .citizen-dropdown-summary svg, .citizen-header .citizen-ui-icon { transform: scale(1.15); }
	.citizen-header .citizen-menu__card { bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important; }
	.citizen-footer { padding-bottom: 110px !important; }
}

/* ordinateur (≥ 1120 px) : la colonne des sections devient une petite bulle de verre à droite, le texte est centré */
@media (min-width: 1120px) {
	/* le texte prend toute la largeur, avec la même marge à gauche et à droite */
	.citizen-body-container { grid-template-columns: minmax(0, 1fr) !important; padding-inline: clamp(32px, 5vw, 96px) !important; max-width: none !important; }
	.citizen-page-sidebar { position: fixed !important; width: 0 !important; height: 0 !important; overflow: visible !important; contain: none !important; }
	.citizen-page-header { width: auto !important; max-width: none !important; margin-inline: 0 !important; padding-inline: clamp(32px, 5vw, 96px) !important; box-sizing: border-box; }
	.citizen-page-header-inner { margin-left: 0 !important; } /* titre aligné sur le texte */
	#citizen-toc {
		position: fixed !important; right: 18px; top: 70px; transform: none; /* sous le bandeau du titre qui apparaît en défilant (53 px) */
		width: auto !important; max-width: 250px; z-index: 150;
		padding: 8px 14px !important; border-radius: 14px;
		background: rgba(227, 234, 242, .78);
		-webkit-backdrop-filter: blur(12px) saturate(1.4); backdrop-filter: blur(12px) saturate(1.4);
		border: 1px solid #c3d1df; box-shadow: 0 6px 20px -8px rgba(30, 60, 90, .25);
	}
	/* repliée : seulement « Sections » ; dépliée au survol (ou au clavier) */
	#citizen-toc::before {
		content: "☰  Sections"; display: block; font-size: 13px; font-weight: 600; color: #3f7490; white-space: nowrap; cursor: default;
	}
	#citizen-toc .citizen-toc-card { display: none !important; }
	#citizen-toc:hover .citizen-toc-card, #citizen-toc:focus-within .citizen-toc-card {
		display: block !important; position: static !important; width: 230px !important;
		max-height: calc(100vh - 200px); overflow-y: auto; margin-top: 6px; background: none !important; box-shadow: none !important; border: 0 !important;
	}
	#citizen-toc .citizen-toc-link { font-size: 13.5px; }
}

/* page d'accueil : « Microguide » centré, slogan en petit dessous, logo à gauche aussi haut que les deux lignes */
.mg-accueil-entete { max-width: 560px; margin: 8px auto 0; padding-bottom: 12px; border-bottom: 2px solid #5b8fa8; text-align: center; }
.mg-accueil-texte { position: relative; display: inline-block; }
.mg-accueil-texte::before {
	content: ""; position: absolute; right: 100%; top: 0; height: 100%; aspect-ratio: 1 / 1;
	margin-right: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.5 -1.5 43 43' aria-label='Microguide'%3E%3Cg fill='none' stroke='%233f7490' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M15 5.5C8.6 9 5.6 16 6.6 23c.9 6 6 10.3 13.4 10.9'/%3E%3Cpath d='M25 5.5c6.4 3.5 9.4 10.5 8.4 17.5-.9 6-6 10.3-13.4 10.9'/%3E%3Cpath d='M20 33.9v.6'/%3E%3C/g%3E%3Ccircle cx='15' cy='4.4' r='1.71' fill='%233f7490'/%3E%3Ccircle cx='25' cy='4.4' r='1.71' fill='%233f7490'/%3E%3Ccircle cx='20' cy='36.8' r='2.3' fill='none' stroke='%233f7490' stroke-width='1.71'/%3E%3Cpath d='M11 11.6 20 8.8l9 2.8V20a9 10.4 0 0 1-18 0z' fill='rgba%2863,116,144,.07%29' stroke='%233f7490' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cg transform='rotate%28-22 20 20.5%29'%3E%3Cg stroke='%235cc98e' stroke-width='.6' stroke-linecap='round' fill='none' opacity='.9'%3E%3Cpath d='M23.80 19.08C24.43 19.63 25.07 18.53 25.70 19.08'/%3E%3Cpath d='M23.80 22.03C24.43 22.58 25.07 21.48 25.70 22.03'/%3E%3Cpath d='M23.47 24.94C23.83 25.70 24.85 24.96 25.21 25.72'/%3E%3Cpath d='M21.39 26.94C21.11 27.73 22.36 27.92 22.08 28.71'/%3E%3Cpath d='M18.51 26.89C17.75 27.26 18.51 28.28 17.76 28.64'/%3E%3Cpath d='M16.48 24.84C15.69 24.57 15.52 25.83 14.73 25.56'/%3E%3Cpath d='M16.20 21.92C15.57 21.37 14.93 22.47 14.30 21.92'/%3E%3Cpath d='M16.20 18.97C15.57 18.42 14.93 19.52 14.30 18.97'/%3E%3Cpath d='M16.53 16.06C16.17 15.30 15.15 16.04 14.79 15.28'/%3E%3Cpath d='M18.61 14.06C18.89 13.27 17.64 13.08 17.92 12.29'/%3E%3Cpath d='M21.49 14.11C22.25 13.74 21.49 12.72 22.24 12.36'/%3E%3Cpath d='M23.52 16.16C24.31 16.43 24.48 15.17 25.27 15.44'/%3E%3C/g%3E%3Crect x='16.2' y='13.8' width='7.6' height='13.4' rx='3.8' fill='%235cc98e'/%3E%3Ccircle cx='19' cy='18' r='1' fill='%231f6b45'/%3E%3Ccircle cx='21.2' cy='22.4' r='1.2' fill='%231f6b45'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
.mg-accueil-nom { display: block; font-size: 40px; font-weight: 700; line-height: 1.05; color: #1f3f55; }
.mg-accueil-slogan { display: block; font-size: 13px; color: #4a5f70; margin-top: 6px; letter-spacing: .02em; }
@media (max-width: 720px) {
	.mg-accueil-nom { font-size: 31px; }
	.mg-accueil-texte::before { margin-right: 8px; }
}

/* page d'accueil : sections en liste sobre (filets fins, icône, titre, description, flèche), 2 colonnes sur ordinateur */
.mg-accueil-nav { text-align: center; margin: 14px 0; }
.mg-accueil-liste { max-width: 760px; margin: 0 auto 24px; display: grid; grid-template-columns: 1fr; border-top: 1px solid #c3d1df; }
.mg-accueil-liste > div { border-bottom: 1px solid #c3d1df; }
.mg-accueil-liste a, .mg-accueil-liste a:visited { display: block; color: inherit !important; text-decoration: none !important; }
.mg-ligne { display: flex; flex-wrap: wrap; align-items: center; column-gap: 14px; padding: 14px 30px 14px 48px; position: relative; text-align: left; }
.mg-ligne::before { content: ""; position: absolute; left: 6px; top: 50%; width: 28px; height: 28px; transform: translateY(-50%); background: center / contain no-repeat; }
.mg-ligne::after { content: "›"; position: absolute; right: 8px; top: 50%; transform: translateY(-52%); font-size: 20px; color: #8aa3b6; }
.mg-ligne b { flex: 1 0 100%; font-size: 16px; font-weight: 650; color: #0f1a3a; }
.mg-ligne small { flex: 1 0 100%; font-size: 13px; color: #56697a; }
.mg-accueil-liste a:hover b { color: #3f7490; }
@media (min-width: 720px) {
	.mg-accueil-liste { grid-template-columns: 1fr 1fr; column-gap: 28px; border-top: 0; }
	.mg-accueil-liste > div:nth-child(-n+2) { border-top: 1px solid #c3d1df; }
}
.mg-i-classif::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='4' rx='1'/%3E%3Crect x='3' y='17' width='6' height='4' rx='1'/%3E%3Crect x='15' y='17' width='6' height='4' rx='1'/%3E%3Cpath d='M12 7v5M6 17v-3h12v3'/%3E%3C/svg%3E"); }
.mg-i-bact::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='8' y='4' width='8' height='16' rx='4' transform='rotate%28-30 12 12%29'/%3E%3Cpath d='M6.2 8.6 4.6 7.8M17.8 15.4l1.6.8M15.6 6.9l.9-1.5M8.4 17.1l-.9 1.5'/%3E%3C/svg%3E"); }
.mg-i-atb::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8.5' width='18' height='7' rx='3.5' transform='rotate%28-40 12 12%29'/%3E%3Cpath d='m9.7 9.3 5 5'/%3E%3C/svg%3E"); }
.mg-i-calc::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8.5 11h.01M12 11h.01M15.5 11h.01M8.5 14.5h.01M12 14.5h.01M15.5 14.5h.01M8.5 18h.01M12 18h.01M15.5 18h.01'/%3E%3C/svg%3E"); }
.mg-i-labo::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v6l-5 9a2 2 0 0 0 1.8 3h10.4A2 2 0 0 0 19 18l-5-9V3'/%3E%3Cpath d='M7.5 15h9'/%3E%3C/svg%3E"); }
.mg-i-resist::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 19 6v5.5c0 4.4-3 7.6-7 9.5-4-1.9-7-5.1-7-9.5V6z'/%3E%3Cpath d='m12 8-1.5 3.5h3L12 15'/%3E%3C/svg%3E"); }

/* ancien logo (avec l'écriture) remplacé aussi en bas des pages et en haut du menu ☰ */
.citizen-footer__sitetitle .mw-logo-icon, .citizen-drawer__logo .mw-logo-icon { display: none !important; }
.citizen-footer__sitetitle::before, .citizen-drawer__logo::before {
	content: ""; display: inline-block; flex: 0 0 auto; width: 48px; height: 48px; vertical-align: middle;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.5 -1.5 43 43' aria-label='Microguide'%3E%3Cg fill='none' stroke='%233f7490' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M15 5.5C8.6 9 5.6 16 6.6 23c.9 6 6 10.3 13.4 10.9'/%3E%3Cpath d='M25 5.5c6.4 3.5 9.4 10.5 8.4 17.5-.9 6-6 10.3-13.4 10.9'/%3E%3Cpath d='M20 33.9v.6'/%3E%3C/g%3E%3Ccircle cx='15' cy='4.4' r='1.71' fill='%233f7490'/%3E%3Ccircle cx='25' cy='4.4' r='1.71' fill='%233f7490'/%3E%3Ccircle cx='20' cy='36.8' r='2.3' fill='none' stroke='%233f7490' stroke-width='1.71'/%3E%3Cpath d='M11 11.6 20 8.8l9 2.8V20a9 10.4 0 0 1-18 0z' fill='rgba%2863,116,144,.07%29' stroke='%233f7490' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cg transform='rotate%28-22 20 20.5%29'%3E%3Cg stroke='%235cc98e' stroke-width='.6' stroke-linecap='round' fill='none' opacity='.9'%3E%3Cpath d='M23.80 19.08C24.43 19.63 25.07 18.53 25.70 19.08'/%3E%3Cpath d='M23.80 22.03C24.43 22.58 25.07 21.48 25.70 22.03'/%3E%3Cpath d='M23.47 24.94C23.83 25.70 24.85 24.96 25.21 25.72'/%3E%3Cpath d='M21.39 26.94C21.11 27.73 22.36 27.92 22.08 28.71'/%3E%3Cpath d='M18.51 26.89C17.75 27.26 18.51 28.28 17.76 28.64'/%3E%3Cpath d='M16.48 24.84C15.69 24.57 15.52 25.83 14.73 25.56'/%3E%3Cpath d='M16.20 21.92C15.57 21.37 14.93 22.47 14.30 21.92'/%3E%3Cpath d='M16.20 18.97C15.57 18.42 14.93 19.52 14.30 18.97'/%3E%3Cpath d='M16.53 16.06C16.17 15.30 15.15 16.04 14.79 15.28'/%3E%3Cpath d='M18.61 14.06C18.89 13.27 17.64 13.08 17.92 12.29'/%3E%3Cpath d='M21.49 14.11C22.25 13.74 21.49 12.72 22.24 12.36'/%3E%3Cpath d='M23.52 16.16C24.31 16.43 24.48 15.17 25.27 15.44'/%3E%3C/g%3E%3Crect x='16.2' y='13.8' width='7.6' height='13.4' rx='3.8' fill='%235cc98e'/%3E%3Ccircle cx='19' cy='18' r='1' fill='%231f6b45'/%3E%3Ccircle cx='21.2' cy='22.4' r='1.2' fill='%231f6b45'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

/* accueil sur grand écran : tailles en % de la largeur de l'écran (vw), pour remplir l'écran quelle que soit sa taille */
@media (min-width: 1120px) {
	.mg-accueil-entete { max-width: 62vw; margin-top: 3vh; padding-bottom: 1.4vw; }
	.mg-accueil-nom { font-size: 5vw; }
	.mg-accueil-slogan { font-size: 1.5vw; margin-top: .6vw; }
	.mg-accueil-texte::before { margin-right: 1.4vw; }
	.mg-accueil-nav { font-size: 1.6vw; margin: 2.2vw 0; }
	.mg-accueil-liste { max-width: 86vw; column-gap: 4vw; }
	.mg-ligne { padding: 2.1vw 3.4vw 2.1vw 5.6vw; }
	.mg-ligne::before { width: 3.1vw; height: 3.1vw; left: .5vw; }
	.mg-ligne b { font-size: 1.9vw; }
	.mg-ligne small { font-size: 1.35vw; margin-top: .3vw; }
	.mg-ligne::after { font-size: 2.3vw; right: .6vw; }
}

/* barre du bas sur grand écran : en proportion de l'écran aussi */
@media (min-width: 1120px) {
	.citizen-header { height: 4.6vw !important; gap: .6vw; }
	.citizen-header__logo .mw-logo, .citizen-header__logo .mw-logo::before { width: 3.4vw !important; height: 3.4vw !important; }
	.citizen-search { flex: 0 1 38vw !important; }
	#citizen-search-summary { width: 38vw !important; max-width: none !important; height: 2.9vw !important; padding: 0 1.2vw !important; gap: .7vw; }
	#citizen-search-summary svg { width: 1.3vw !important; height: 1.3vw !important; }
	#citizen-search-summary::after { font-size: 1.15vw; }
	.citizen-header .citizen-dropdown-summary { width: 3.2vw !important; height: 3.2vw !important; }
	.citizen-header .citizen-dropdown-summary svg, .citizen-header .citizen-ui-icon { transform: scale(1.5); }
	.citizen-header .citizen-menu__card { bottom: calc(4.6vw + 12px) !important; }
	.citizen-footer { padding-bottom: calc(4.6vw + 40px) !important; }
}

/* ====== Pages Antibiotiques et Bactéries (rendu seulement, même information) ====== */
/* pages pas encore écrites : gris au lieu de rouge */
:is(.page-Antibiotiques, .page-Bactéries) .mw-parser-output a.new { color: #8a99a6 !important; font-style: italic; }
/* listes : une ligne par élément, filet fin ; les liens en bleu avec une flèche › toujours visible */
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section ul { list-style: none; margin: 0; padding: 0; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > ul > li { border-bottom: 1px solid #d5dee8; padding: .5em 1.6em .5em 0; position: relative; color: #4a5f70; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li li { padding: .25em 1.6em .25em 1em; position: relative; color: #4a5f70; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li:has(> a)::after { content: "›"; position: absolute; right: .25em; top: 50%; transform: translateY(-55%); color: #3f7490; font-size: 1.2em; font-weight: 600; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li:has(> ul)::after { top: .9em; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section a { color: #2f6380; font-weight: 500; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section a:hover { color: #1f3f55; text-decoration: underline; text-underline-offset: 3px; }
/* sous-titres en gras (Les pénicillines, Catalase positive…) */
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > p { margin: .9em 0 .15em; color: #3f7490; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > p :is(b, big) { font-weight: 650; font-size: 1em; }

/* Antibiotiques : familles avec une icône de gélule bleue, 3 colonnes sur grand écran */
.page-Antibiotiques .mw-heading2 h2 {
	border: 0; padding: 0 0 .1em 1.9em; margin: 1.2em 0 .3em; font-size: 1.45em; color: #1f3f55;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.7' stroke-linecap='round'%3E%3Crect x='3' y='8.5' width='18' height='7' rx='3.5' transform='rotate(-40 12 12)'/%3E%3Cpath d='m9.7 9.3 5 5'/%3E%3C/svg%3E") left .02em / 1.45em no-repeat;
}
@media (min-width: 1120px) {
	.page-Antibiotiques .mw-parser-output { columns: 3; column-gap: 4vw; }
	.page-Antibiotiques .mw-heading2 { break-inside: avoid; break-after: avoid; }
	.page-Antibiotiques .citizen-section { break-inside: avoid; margin-bottom: 2em; }
}

/* Bactéries : niveaux de la classification bien distincts */
.page-Bactéries .mw-heading1 h1 { font-size: 1.55em; line-height: 1.25; margin: 1.4em 0 .2em; padding-bottom: .3em; border-bottom: 2px solid #5b8fa8; color: #1f3f55; }
.page-Bactéries .mw-heading2 h2 {
	border: 0; padding: 0 0 .1em 1.9em; margin: 1.2em 0 .3em; font-size: 1.4em; color: #1f3f55;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2349a974' stroke-width='1.7' stroke-linecap='round'%3E%3Crect x='8' y='4' width='8' height='16' rx='4' transform='rotate(-30 12 12)'/%3E%3Cpath d='M6.2 8.6 4.6 7.8M17.8 15.4l1.6.8M15.6 6.9l.9-1.5M8.4 17.1l-.9 1.5'/%3E%3C/svg%3E") left .02em / 1.45em no-repeat;
}
/* niveau 3 (Aérobes, Anaérobe/facultatifs, Entérobactéries…) : titre foncé avec un trait bleu à gauche */
.page-Bactéries .mw-heading3 h3 { border: 0; border-left: 3px solid #3f7490; margin: 1.3em 0 .35em; padding: .05em 0 .05em .55em; font-size: 1.1em; font-weight: 700; color: #1f3f55; }
/* tout ce qui suit un titre de niveau 3 est décalé, avec une fine ligne verticale : on voit ce qui lui appartient */
.page-Bactéries .citizen-section > :not(.mw-heading3) { margin-left: .2em; padding-left: .95em; border-left: 1px solid #d5dee8; }
/* niveau 4 (Streptocoques alpha-hémolytiques…) : gris, plus petit */
.page-Bactéries .mw-heading4 h4 { margin: .9em 0 .1em; font-size: .95em; font-weight: 650; color: #56697a; border: 0; }
@media (min-width: 1120px) {
	.page-Bactéries .mg-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); column-gap: 5vw; align-items: start; }
	.page-Bactéries .mg-col:only-child .citizen-section { columns: 3; column-gap: 4vw; }
	.page-Bactéries .mg-col:only-child .citizen-section > ul { break-inside: avoid; }
}

/* Tests de laboratoires : chaque ligne = nom du test en gras bleu + description en gris, comme les sections de l'accueil */
.page-Tests_de_laboratoires .mw-parser-output a.new { color: #8a99a6 !important; font-style: italic; }
.page-Tests_de_laboratoires .mw-parser-output :is(.mw-heading1 h1, .mw-heading2 h2) {
	border: 0; padding: 0 0 .1em 1.9em; margin: 1.3em 0 .3em; font-size: 1.4em; line-height: 1.3; color: #1f3f55;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v6l-5 9a2 2 0 0 0 1.8 3h10.4A2 2 0 0 0 19 18l-5-9V3'/%3E%3Cpath d='M7.5 15h9'/%3E%3C/svg%3E") left .05em / 1.4em no-repeat;
}
.page-Tests_de_laboratoires .citizen-section ul { list-style: none; margin: 0; padding: 0; }
.page-Tests_de_laboratoires .citizen-section > ul > li { border-bottom: 1px solid #d5dee8; padding: .6em 1.8em .6em 0; position: relative; color: #56697a; font-size: .95em; }
.page-Tests_de_laboratoires .citizen-section > ul > li:first-child { border-top: 1px solid #d5dee8; }
.page-Tests_de_laboratoires .citizen-section > ul > li > a:first-child { display: block; color: #1f3f55; font-weight: 650; font-size: 1.08em; margin-bottom: .1em; }
.page-Tests_de_laboratoires .citizen-section > ul > li:has(> a)::after { content: "›"; position: absolute; right: .25em; top: 50%; transform: translateY(-55%); color: #3f7490; font-size: 1.3em; font-weight: 600; }
.page-Tests_de_laboratoires .citizen-section a { color: #2f6380; }
.page-Tests_de_laboratoires .citizen-section > ul > li > a:first-child:hover { color: #3f7490; }
.page-Tests_de_laboratoires .citizen-section hr + p, .page-Tests_de_laboratoires .citizen-section > p:last-child { color: #56697a; font-size: .95em; margin-top: 1.5em; }
.page-Tests_de_laboratoires .citizen-section hr { border: 0; border-top: 1px solid #c3d1df; margin-top: 2em; }
@media (min-width: 1120px) {
	.page-Tests_de_laboratoires .mw-parser-output { columns: 2; column-gap: 5vw; }
	.page-Tests_de_laboratoires .mw-parser-output :is(.mw-heading1, .mw-heading2) { break-inside: avoid; break-after: avoid; }
	.page-Tests_de_laboratoires .citizen-section { break-inside: avoid; margin-bottom: 1.5em; }
}

/* Bactéries : les titres de niveau 4 qui chapeautent d'autres groupes (Catalase positive/négative) plus gros et à gauche ;
   les sous-titres en gras des listes (Coagulase…) en dessous, décalés. Les autres titres de niveau 4 (Streptocoques…) ne changent pas. */
.page-Bactéries .mw-heading4:is(:has(+ ul > li > b:first-child), :has(+ .mw-heading4)) h4 { margin: 1.1em 0 .3em; font-size: 1.12em; font-weight: 700; color: #1f3f55; border: 0; }
.page-Bactéries .citizen-section > ul > li:has(> b:first-child) { padding-left: 1.1em; border-bottom: 0; }
.page-Bactéries .citizen-section li > b:first-child { display: block; font-size: .95em; font-weight: 650; color: #3f7490; margin-bottom: .1em; }
.page-Bactéries .citizen-section li:has(> b:first-child) li { padding-left: 1.1em; border-bottom: 1px solid #d5dee8; }

/* Antibiotiques et Tests : vraie grille (comme Bactéries) — chaque case commence à la même hauteur que ses voisines, quelle que soit la longueur du texte */
.page-Antibiotiques .mg-carte > .mw-heading:first-child :is(h1, h2),
.page-Tests_de_laboratoires .mg-carte > .mw-heading:first-child :is(h1, h2),
.page-Bactéries .mg-col > .mw-heading2:first-child h2 { margin-top: 0; }
.page-Antibiotiques .mg-carte, .page-Tests_de_laboratoires .mg-carte { margin-bottom: 1.6em; }
.page-Tests_de_laboratoires .mg-bas { clear: both; }
@media (min-width: 1120px) {
	.page-Antibiotiques .mw-parser-output, .page-Tests_de_laboratoires .mw-parser-output { columns: auto !important; }
	.page-Antibiotiques .mg-grille, .page-Tests_de_laboratoires .mg-grille { display: grid; column-gap: 4vw; row-gap: 2.4vw; align-items: start; margin-top: 1.2em; }
	.page-Antibiotiques .mg-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.page-Tests_de_laboratoires .mg-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.page-Antibiotiques .mg-carte, .page-Tests_de_laboratoires .mg-carte { margin-bottom: 0; }
}

/* « Sections » : en choisissant une section, la page s'arrête sous le bandeau du titre (qui apparaît en défilant) au lieu de cacher le titre dessous */
html { scroll-padding-top: 84px; }
.mw-heading { scroll-margin-top: 84px; }
/* la bulle s'ouvre aussi au clic (classe ajoutée par le bloc « Bulle Sections » de Common.js) */
@media (min-width: 1120px) {
	#citizen-toc { cursor: pointer; }
	#citizen-toc.mg-ouvert .citizen-toc-card {
		display: block !important; position: static !important; width: 230px !important;
		max-height: calc(100vh - 200px); overflow-y: auto; margin-top: 6px; background: none !important; box-shadow: none !important; border: 0 !important;
	}
}

/* grille à rangées alignées : remplissage des trous à côté des familles longues, espaces resserrés */
@media (min-width: 1120px) {
	.page-Antibiotiques .mg-grille, .page-Tests_de_laboratoires .mg-grille { grid-auto-flow: row dense; row-gap: 1.8vw; }
	.page-Antibiotiques .mg-carte .citizen-section, .page-Tests_de_laboratoires .mg-carte .citizen-section { margin-bottom: 0; }
}

/* Antibiotiques, Bactéries, Tests : un titre a la couleur de son niveau, qu'il soit un lien ou non */
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5) a,
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5) a:visited { color: inherit !important; }
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5) a:hover { text-decoration: underline; text-underline-offset: 4px; }
/* tous les liens des listes dans notre bleu */
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output li a:not(.new),
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output li a:not(.new):visited { color: #2f6380; }

/* Antibiotiques : <big> et le gras n'ont plus d'effet dans les titres — chaque niveau a une seule taille */
.page-Antibiotiques .mw-parser-output :is(h2, h3, h4) :is(big, b) { font-size: inherit; font-weight: inherit; }
.page-Antibiotiques .mw-heading2 h2 { color: #1f3f55; }
/* niveau 3 : sous-groupes (Les pénicillines, Les céphalosporines…) */
.page-Antibiotiques .mw-heading3 h3 { margin: 1.1em 0 .25em; padding: 0 0 .2em; font-size: 1.12em; font-weight: 650; color: #3f7490; border-bottom: 1px solid #c3d1df; }
/* niveau 4 : générations */
.page-Antibiotiques .mw-heading4 h4 { margin: .8em 0 .1em; padding: 0; font-size: .98em; font-weight: 650; color: #56697a; border: 0; }
.page-Antibiotiques .mw-parser-output :is(h2, h3, h4) * { font-weight: inherit !important; }

/* ===== Hiérarchie stricte des titres (Antibiotiques, Bactéries, Tests) : une taille et une couleur par niveau, toujours décroissantes ===== */
/* le gras et <big> écrits dans les titres n'ont plus d'effet : c'est le niveau qui décide */
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5, h6) :is(big, b, strong) { font-size: inherit !important; font-weight: inherit !important; }
/* un titre qui est un lien : souligné fin + la même flèche › que les listes */
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5, h6) a:not(.new) {
	color: inherit !important; text-decoration: underline; text-decoration-color: rgba(63, 116, 144, .45); text-decoration-thickness: 1.5px; text-underline-offset: .22em;
}
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5, h6) a:not(.new)::after { content: "›"; display: inline-block; margin-left: .35em; color: #3f7490; font-weight: 600; text-decoration: none; }
:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5, h6) a:not(.new):hover { text-decoration-color: #3f7490; }

/* Bactéries : niveaux 4 (Catalase…) > 5 (Streptocoques…) ; les sous-titres en gras des listes (Coagulase…) = niveau 5 */
.page-Bactéries .mw-heading3 h3 { font-size: 1.15em !important; }
.page-Bactéries .mw-heading4 h4 { margin: 1.1em 0 .3em !important; font-size: 1.04em !important; font-weight: 700 !important; color: #1f3f55 !important; border: 0 !important; }
.page-Bactéries .mw-heading5 h5 { margin: .9em 0 .15em 1.1em; padding: 0; font-size: .95em; font-weight: 650; color: #3f7490; border: 0; }
.page-Bactéries .citizen-section li > b:first-child { font-size: .95em; }
/* ce qui suit un niveau 5 est décalé comme lui */
.page-Bactéries .mw-heading5 + ul { margin-left: 1.1em; }

/* Antibiotiques : niveaux 3 (sous-groupes) > 4 (générations) */
.page-Antibiotiques .mw-heading3 h3 { font-size: 1.12em; }
.page-Antibiotiques .mw-heading4 h4 { font-size: .98em; }
/* les sous-titres en gras des listes (Coagulase…) : <big> neutralisé, même taille que le niveau 5 */
.page-Bactéries .citizen-section li > b:first-child :is(big, b) { font-size: inherit !important; font-weight: inherit !important; }
.page-Bactéries .mw-heading4 h4 { font-size: 1.08em !important; }

/* Bactéries : un sous-titre est toujours plus gros que les lignes qu'il chapeaute, et chaque niveau est décalé vers la droite */
.page-Bactéries .mw-heading3 h3 { font-size: 1.28em !important; }
.page-Bactéries .mw-heading4 h4 { font-size: 1.16em !important; }
.page-Bactéries .mw-heading5 h5 { margin: .9em 0 .15em 0 !important; font-size: 1.06em !important; font-weight: 650 !important; color: #3f7490 !important; }
.page-Bactéries .citizen-section > .mw-heading5 { padding-left: calc(.95em + 1.1em) !important; }
.page-Bactéries .citizen-section > .mw-heading5 + ul { padding-left: calc(.95em + 2.2em) !important; margin-left: .2em !important; }
.page-Bactéries .citizen-section li > b:first-child { font-size: 1.06em !important; }

/* ===== Hiérarchie commune Antibiotiques + Bactéries : un même niveau de titre a le même rendu sur les deux pages ===== */
:is(.page-Antibiotiques, .page-Bactéries) .mw-heading3 h3 { border: 0 !important; border-left: 3px solid #3f7490 !important; margin: 1.3em 0 .35em !important; padding: .05em 0 .05em .55em !important; font-size: 1.28em !important; font-weight: 700 !important; color: #1f3f55 !important; }
:is(.page-Antibiotiques, .page-Bactéries) .mw-heading4 h4 { margin: 1.1em 0 .3em !important; padding: 0 !important; font-size: 1.16em !important; font-weight: 700 !important; color: #1f3f55 !important; border: 0 !important; }
:is(.page-Antibiotiques, .page-Bactéries) .mw-heading5 h5 { margin: .9em 0 .15em 0 !important; padding: 0 !important; font-size: 1.06em !important; font-weight: 650 !important; color: #3f7490 !important; border: 0 !important; }
/* tout ce qui suit un sous-titre 1 est décalé, avec une fine ligne verticale */
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > :not(.mw-heading3) { margin-left: .2em; padding-left: .95em; border-left: 1px solid #d5dee8; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > .mw-heading5 { padding-left: calc(.95em + 1.1em) !important; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > .mw-heading5 + ul { padding-left: calc(.95em + 2.2em) !important; }
/* sous-titres en gras dans les listes (Coagulase…) = même rendu que le sous-titre 3 */
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > ul > li:has(> b:first-child) { padding-left: 1.1em; border-bottom: 0; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li > b:first-child { display: block; font-size: 1.06em !important; font-weight: 650; color: #3f7490; margin-bottom: .1em; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li > b:first-child :is(big, b) { font-size: inherit !important; font-weight: inherit !important; }
:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li:has(> b:first-child) li { padding-left: 1.1em; border-bottom: 1px solid #d5dee8; }

/* grande famille seule à gauche + grille compacte à droite (créée par le bloc JS) */
@media (min-width: 1120px) {
	:is(.page-Antibiotiques, .page-Tests_de_laboratoires) .mg-sous-grille { display: grid; column-gap: 4vw; row-gap: 1.8vw; align-items: start; align-content: start; }
}
/* le premier sous-titre sous une famille commence tout de suite (aligné avec les listes des cases voisines) */
:is(.page-Antibiotiques, .page-Bactéries) .mg-carte .citizen-section > .mw-heading3:first-child h3 { margin-top: .2em !important; }

/* ===== En-tête des pages (S5) : titre seul en couleur, « MICROGUIDE » et « Écris-nous » très pâles, de l'espace (pas de ligne, pas de fond) ===== */
body.ns-0:not(.page-Accueil) #siteSub { display: none !important; }
body.ns-0:not(.page-Accueil) .citizen-page-heading::before {
	content: "MICROGUIDE"; display: block; font-size: .72em; letter-spacing: .2em; color: #a9b8c5; font-weight: 600;
}
body.ns-0:not(.page-Accueil) .citizen-page-heading #firstHeading { margin: .1em 0 .25em; color: #1f3f55; line-height: 1.06; border: 0; }
body.ns-0:not(.page-Accueil) .citizen-page-heading .mgc-lien { font-size: .84em; color: #9aa9b6; }
body.ns-0:not(.page-Accueil) .citizen-page-heading .mgc-lien:hover { color: #3f7490; }
body.ns-0:not(.page-Accueil) .citizen-page-header { margin-bottom: 1.6em; }
@media (min-width: 1120px) {
	body.ns-0:not(.page-Accueil) .citizen-page-heading #firstHeading { font-size: max(2.4em, 2.2vw); }
}

/* « Télécharger » sous les fiches et spectres : légende sous l'image (nom à gauche, lien à droite) */
.mw-parser-output .mg-dl { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 8px 0 4px; font-size: 13px; color: #8a99a6; }
.mw-parser-output .mg-dl .mg-dl-lien { display: inline-flex; align-items: center; gap: 6px; color: #3f7490; font-weight: 600; text-decoration: none; white-space: nowrap; }
.mw-parser-output .mg-dl .mg-dl-lien::before {
	content: ""; width: 15px; height: 15px; flex: 0 0 auto;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0-4.5-4.5M12 15l4.5-4.5M5 20h14'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mw-parser-output .mg-dl .mg-dl-lien:hover { text-decoration: underline; text-underline-offset: 3px; }

/* « Écris-nous » dans le même bleu que « Télécharger » ; « Télécharger » un peu plus gros */
body.ns-0:not(.page-Accueil) .citizen-page-heading .mgc-lien { color: #3f7490 !important; font-weight: 600; }
body.ns-0:not(.page-Accueil) .citizen-page-heading .mgc-lien:hover { color: #1f3f55 !important; }
.mw-parser-output .mg-dl { font-size: 14px; }
.mw-parser-output .mg-dl .mg-dl-lien { font-size: 15.5px; }
.mw-parser-output .mg-dl .mg-dl-lien::before { width: 17px; height: 17px; }
Récupérée de "https://microguide.ca/index.php?title=MediaWiki:Citizen.css&oldid=1864"
Dernière modification
La dernière modification de cette page a été faite le 29 octobre 2026 à 12:41.