MediaWiki:Common.css

/* Charte GCE (18/10/2026) : appliqué à tous les habillages */
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/gce-charte/fonts/outfit-latin-wght.woff2') format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('/gce-charte/fonts/manrope-latin-wght.woff2') format('woff2'); }

/* Classes pour modèles de sommaires allégés */
.toc_niveau_1 ul ul,
.toc_niveau_2 ul ul ul,
.toc_niveau_3 ul ul ul ul,
.toc_niveau_4 ul ul ul ul ul,
.toc_niveau_5 ul ul ul ul ul ul { display: none; }

/* Polices */
body, body * { font-family: 'Manrope', sans-serif !important; }
#mw-wrapper h1, #mw-wrapper h2, #mw-wrapper h3, #mw-wrapper h4, #mw-wrapper h5, #mw-wrapper h6,
#mw-wrapper h1 *, #mw-wrapper h2 *, #mw-wrapper h3 *, #mw-wrapper h4 *, #mw-wrapper h5 *, #mw-wrapper h6 *,
#mw-wrapper blockquote { font-family: 'Outfit', sans-serif !important; }
#mw-wrapper code, #mw-wrapper code *,
#mw-wrapper kbd, #mw-wrapper samp, #mw-wrapper tt, #wpTextbox1 { font-family: monospace, monospace !important; }

/* Liens */
a:link, a:visited,
.mw-parser-output a.external, .mw-parser-output a.external:visited { color: #4d7c0f; }
a:hover, a:active { color: #65a30d; }
a.new, a.new:visited { color: #b91c1c; }

/* Titres */
#firstHeading { font-size: 2em; font-weight: 700; color: #111827; background: none; border: 0; padding-left: 0 !important; }
.mw-parser-output h1, .mw-parser-output h2, .mw-parser-output h3,
.mw-parser-output h4, .mw-parser-output h5, .mw-parser-output h6 { color: #111827; font-weight: 600; }
.mw-parser-output h1 { font-size: 1.6em; }
.mw-parser-output h2 { font-size: 1.4em; border-bottom: 2px solid #65a30d; padding-bottom: .2em; }
.mw-parser-output h3 { font-size: 1.2em; padding-left: 3em; }
.mw-parser-output h4 { font-size: 1.1em; padding-left: 6em; }
.mw-parser-output h5 { font-size: 1em; font-style: italic; padding-left: 9em; }
.mw-parser-output h6 { font-size: 1em; font-weight: normal; padding-left: 12em; }
.mw-editsection { font-size: 80%; font-weight: normal; font-style: normal; }

/* Titre d'infobox */
.mw-parser-output blockquote { font-weight: 700; font-size: 25px; color: #4d7c0f; background: #f3f4f6; margin: 0; }

/* Tableaux */
table { border-collapse: collapse; }
tbody { background: #fafafa; border-radius: 4px 4px 0 0; padding-top: 0 !important; box-shadow: 0 0 5px #0005; }
tbody tr:first-child > td { border-radius: 4px 4px 0 0; padding-left: 15px !important; font-size: 20px; }
tbody tr td { border-width: 0 !important; padding-left: 15px !important; }
tbody pre { font-size: 16px; border: solid 1px #65a30d; border-radius: 4px; }
tbody tr th { padding: 5px; }
tbody tr th blockquote { border: solid 1px #65a30d !important; }

/* Liens lisibles dans les bandeaux gris (#696969) des pages */
td[style*="#696969"] a, th[style*="#696969"] a,
td[style*="#696969"] a:visited, th[style*="#696969"] a:visited { color: #bef264 !important; }

/* Mobile (≤ 850 px) : tableaux empilés, images à la largeur de l'écran */
@media screen and (max-width: 850px) {
	.mw-parser-output table,
	.mw-parser-output tbody,
	.mw-parser-output tr,
	.mw-parser-output td,
	.mw-parser-output th { display: block; width: auto !important; max-width: 100%; box-sizing: border-box; }
	.mw-parser-output table { width: 100% !important; }
	.mw-parser-output a.image { display: block; max-width: 100%; }
	#mw-wrapper .mw-body .mw-parser-output img,
	#mw-wrapper .mw-body .mw-parser-output table a > img { max-width: 100% !important; height: auto !important; }
	.mw-parser-output .thumbinner { max-width: 100%; }
	.mw-parser-output pre { white-space: pre-wrap; }
}

/* Formulaires OOUI (Préférences, Connexion…) aux couleurs GCE */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] { background-color: #4d7c0f !important; border-color: #4d7c0f !important; color: #fff !important; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: #3f6212 !important; border-color: #3f6212 !important; }
.oo-ui-flaggedElement-progressive:not(.oo-ui-flaggedElement-primary) > .oo-ui-buttonElement-button { color: #4d7c0f !important; }
.oo-ui-checkboxInputWidget [type='checkbox']:checked + span,
.oo-ui-checkboxInputWidget [type='checkbox']:indeterminate + span { background-color: #65a30d !important; border-color: #65a30d !important; }
.oo-ui-radioInputWidget [type='radio']:checked + span { border-color: #65a30d !important; }
.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on { background-color: #65a30d !important; border-color: #65a30d !important; }
.oo-ui-progressBarWidget-bar { background-color: #65a30d !important; }
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected { background-color: #ecfccb !important; color: #3f6212 !important; }
.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: #65a30d !important; box-shadow: inset 0 0 0 1px #65a30d !important; }
.suggestions .suggestions-result-current { background-color: #65a30d !important; }