MediaWiki:Common.css

/**
 * Cette page contrôle l'apparence pour tous les skins. Les
 * modifications devant s'appliquer à l'apparence Monobook
 * seulement doivent aller dans [[MediaWiki:Monobook.css]].
 *
 * Si vos modifications s'appliquent aussi à la version mobile du site,
 * pensez à aussi mettre à jour [[MediaWiki:Gadget-Mobile.css]].
 */

/* <nowiki> */

/* Variables css locales à Wikipédia en français */
:root,.skin-invert,.notheme {
	--couleur-fond-boite-grise: #f9f9f9;
	--couleur-fond-entete-alternance: #e6e6e6;
	--couleur-fond-gris-alternance: #eeeeee;
	--couleur-fond-impair-palette: #ececff;
	--couleur-fond-pervenche: #ccf;
}
@media screen {
	html.skin-theme-clientpref-night {
		--couleur-fond-boite-grise: #101418;
		--couleur-fond-entete-alternance: #191919;
		--couleur-fond-gris-alternance: #202122;
		--couleur-fond-impair-palette: #202122;
		--couleur-fond-pervenche: #191919;
	}
}
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os {
		--couleur-fond-boite-grise: #101418;
		--couleur-fond-entete-alternance: #191919;
		--couleur-fond-gris-alternance: #202122;
		--couleur-fond-impair-palette: #202122;
		--couleur-fond-pervenche: #191919;
    }
}

/* Aspect des tags de filtrage dans les modifications récentes. */
.mw-tag-markers {
	font-style: italic;
	font-size: 90%;
}

/* Redirections sur [[Special:AllPages]], [[Special:PrefixIndex]] et [[Special:EditWatchlist]]. */
:is(.allpagesredirect, .watchlistredir) > .mw-redirect {
	color: #0b0;
}

/* Révisions dans l'historique et "(← liens)" dans les pages liées. */
.history-size,
.mw-whatlinkshere-tools {
	font-size: 80%;
}

/* Affichage des coordonnées géo à côté du titre, pour tous les skins. */
#coordinates {
	margin-right: 1em;
}

/* Décoration des titres de sous-chapitre. */
.mw-parser-output .mw-heading3,
.mw-parser-output h3.mw-html-heading {
	border-bottom: dotted 1px var(--border-color-base, #a2a9b1);
}
.mw-parser-output .mw-heading4,
.mw-parser-output h4.mw-html-heading,
.mw-parser-output .mw-heading5,
.mw-parser-output h5.mw-html-heading,
.mw-parser-output .mw-heading6,
.mw-parser-output h6.mw-html-heading {
	border-bottom: dotted 1px #ddd;
}

/* rewritePageH1bis() du Common.js, pour [[Modèle:Aide contextuelle]] et plusieurs inlinages du modèle dans des messages système
   n'affiche pas le lien avant son déplacement via JavaScript, pour ne pas avoir de FOUC */
#helpPage {
	display: none;
}

/* Sous-titre ([[Modèle:Sous-titre]]) 
La taille du texte du <p> (premier) du sous-titre influe sur tout le reste 
du texte en mode aperçu d'impression.
*/

@media print {
	#sous_titre_h1_moved {
		font-size: 1em;
	}
}

#sous_titre_h1_moved {
	display: block;
	font-size: 0.7em;
	line-height: 1.3em;
	margin: 0.2em 0 0.1em 0.5em;
}

/* Masque le texte avant que JavaScript le déplace au bon endroit */
.client-js #sous_titre_h1 {
	visibility: hidden;
}

/* Met en italique, et met en romain les italiques imbriqués */
.italique {
	font-style: italic;
}
.italique i {
	font-style: normal;
}

/* Balise abbr discrète */
abbr.abbr {
	text-decoration: none;
}

/* Balise dfn (instance d'un terme défini) */
dfn {
	font-style: normal;
	font-weight: bold;
}
i > dfn {
	font-style: italic;
}

/* Empêche la césure ; utilisé par [[Modèle:Nobr]], entre autres */
.nowrap, .ve-ce-focusableNode.nowrap {
	white-space: nowrap;
}

/* Liens "petit crayon" créés par [[Module:Wikidata]] */
.wikidata-linkback {
	padding-left: 0.5em;
	/* Pour les copier-collers, retire les alternatives textuelles
           "Voir et modifier les données sur Wikidata" */
	-webkit-user-select: none; /* Safari */
	user-select: none;
}

/* Pages [[Spécial:Modifications récentes]], [[Spécial:Suivi des liens]], voir [[MediaWiki:Recentchangestext]] */
.rcoptions {
	clear: both;
	margin: 0 0 2px 0;
	padding: 0 0.5em;
	border: 1px solid #ddddf7;
	border-left: 10px solid #ddddf7;
	background-color: var(--background-color-base, #fff);
}
.rcoptions hr {
	clear: both;
}
fieldset.rcoptions {
	padding-bottom: 0.5em;
}

/* Apparence de [[MediaWiki:Noarticletext]] */
.noarticletext {
	background-color: var(--couleur-fond-boite-grise, #f9f9f9);
	margin-top: 1em;
	padding: 5px;
	border: 1px solid var(--border-color-base, #a2a9b1);
	border-right: 2px solid var(--border-color-base, #a2a9b1);
	border-bottom: 2px solid var(--border-color-base, #a2a9b1);
}

/* Workaround à cause de [[MediaWiki:Searchmenu-new]]
   qui ferme prématurémént son conteneur "p.mw-search-createlink" */
.mw-searchresults-has-iw .mw-search-createlink {
	float: none;
}

/* Largeur minimale du cadre des miniatures d'images */
.thumbinner {
	min-width: 100px;
}

/* Workaround for [[phab:T367463]]  - can be removed when task is fixed */
body.skin--responsive .mw-parser-output td a > img {
	max-width: none !important;
}

/* Place un damier de vérification en arrière-plan dans la page de description
   de l'image, visible seulement en cas d'image transparente ou semi-transparente. */
#file img {
	background: url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png");
}

/* Fond gris pour les pages protégées en modification */
#wpTextbox1[readonly],
#wpTextbox1[readonly] + div > .ace_editor {
	background-color: #eee;
}
@media screen {
	html.skin-theme-clientpref-night #wpTextbox1[readonly],
	html.skin-theme-clientpref-night #wpTextbox1[readonly] + div > .ace_editor {
		background-color: #000;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os #wpTextbox1[readonly],
	html.skin-theme-clientpref-os #wpTextbox1[readonly] + div > .ace_editor {
		background-color: #000;
	}
}

/* Ajustement pour que les sections déroulantes « Modèles utilisés par cette page », etc.
   ne soient pas collées à la boîte « Caractères spéciaux » ; refs [[phab:T373286]] */
.mw-editTools:has(~ :where(.wikibase-entity-usage, .templatesUsed, .hiddencats, .limitreport) > *) {
	margin-bottom: 1em;
}

/* Ne pas afficher le lien complet des URL externes sur la version imprimable
   (à faire manuellement, grâce à class="plainlinksneverexpand"). */
.plainlinksneverexpand a.external.text::after,
.plainlinksneverexpand a.external.autonumber::after {
	display: none !important;
}
/* Supprimer la flèche de lien externe pour ces liens. */
.plainlinksneverexpand a {
	background: none !important;
	padding: 0 !important;
}

/* Réserver un contenu à l'impression (display rétabli dans MediaWiki:Print.css)
   utilisé pour les entrées de ref group. */
.printcssonly {
	display: none;
}

/* Bandeau des brouillons problématique avec l'éditeur visuel. */
.ve-init-target .user-draft-header {
  display: none;
}

/* Message-système des sous-pages de discussion. Classe .fieldsetlike etc.
   pour permettre la réutilisation de ces styles. */
.fieldsetlike {
	text-align: center;
	border: 1px solid var(--border-color-base, #a2a9b1);
	margin: 1em 0;
	padding: 0 0 0.4em 0;
}
.fieldsetlike .legendlike {
	margin-top: -0.8em;
}
.fieldsetlike .legendtextlike {
	padding: 0 8px;
	background-color: var(--background-color-base, #fff);
}
.fieldsetlike ul {
	list-style-type: none;
	margin: 0;
}
.fieldsetlike li {
	display: inline;
	white-space: nowrap;
}
.fieldsetlike li:not(:last-child)::after { /* TODO: reconsidérer plus tard [[phab:T366389#10055910]] */
	content: '\a0- ';
	white-space: normal; /* nécessaire s'il n'y a pas d'espace entre les <li> dans le HTML */
}
#talkpageheader li {
	color: #707070;
}
@media screen {
	html.skin-theme-clientpref-night #talkpageheader li {
		color: #8B8989;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os #talkpageheader li {
		color: #8B8989;
	}
}

/* Catégories cachées */
#mw-hidden-catlinks {
	font-size: 0.85em;
}

/* Personnalisation de l'apparence des liens vers les pages d'homonymie. */
.homonymie {
	margin-top: 0.5em;
	padding-left: 2em;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	background-color: var(--background-color-base, #fff);
	font-style: italic;
	border-bottom: 1px var(--border-color-base, #a2a9b1) solid;
}

.homonymie i {
	font-style: normal;
}

@media screen {
	html.skin-theme-clientpref-night .homonymie {
		background-color: var(--background-color-interactive-subtle, #202122)
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .homonymie {
		background-color: var(--background-color-interactive-subtle, #202122)
	}
}

/* Rapproche le bandeau du titre de la page (et application du style uniquement dans ce cas de figure) */
body:not(.skin-timeless, .skin-minerva) .mw-parser-output > .homonymie:first-child,
body:not(.skin-timeless, .skin-minerva) .mw-parser-output > .mw-empty-elt:first-child + .homonymie {
	margin-top: -0.5em;
}

/* Annulation du ruleset précédent sur les pages de diff */
body:not(.skin-timeless, .skin-minerva) .diff-currentversion-title + .mw-parser-output > .homonymie:first-child,
body:not(.skin-timeless, .skin-minerva) .diff-currentversion-title + .mw-parser-output > .mw-empty-elt:first-child + .homonymie {
	margin-top: 0.5em;
}

/* Masque les bordures adjacentes */
.homonymie + .homonymie {
	margin-top: calc(-0.5em - 1.25px); /* -margin-bottom - (1px + léger excédent) */
}

/* Masquage de Wikimania dans les liens interprojets.
   refs [[Discussion Wikipédia:Accueil principal/Archive 20#Lien vers Wikimania]] */
li.wb-otherproject-wikimania {
	display: none;
}

/* Icônes des AdQ/BA à côté des liens interlangues et dans les modèles {{Q}} et {{B}}. */
li.AdQ,
li.LdQ,
li.PdQ,
li.badge-featuredarticle,
li.badge-featuredlist,
li.badge-featuredportal {
	/* list-style-image does not support resizing, so SVG files must have
	   the desired display size as their intrinsic size. */
	list-style-image: url("//upload.wikimedia.org/wikipedia/commons/b/b8/Article_de_qualit%C3%A9_%2810px_display%29.svg");
}
li.BA,
li.badge-goodarticle,
li.badge-goodlist,
li.badge-recommendedarticle {
	/* Same as above. */
	list-style-image: url("//upload.wikimedia.org/wikipedia/commons/e/eb/Bon_article_%2810px_display%29.svg");
}

/* [[Modèle:Indication de langue]] et [[Modèle:Lien]]. */
.indicateur-langue,
.indicateur-format {
	font-family: monospace;
	font-weight: bold;
	font-size: small;
	font-style: normal;
	word-spacing: -0.4em;
}

/* [[Modèle:Colonnes]] et [[Modèle:Début de colonnes]]. */
.colonnes > ol, .colonnes > ul {
	margin-top: 0;
}

/* Compensation du style précédent */
.colonnes {
	margin-top: 0.3em;
}

/* Évitons de couper les éléments de listes sur plusieurs colonnes */
/* (déjà présent nativement dans ".mw-references-columns", refs [[phab:T33597]] et [[gerrit:229852]]) */
:is(.colonnes, .references-small) li {
	break-inside: avoid-column;
}

/* Taille et famille des polices pour les écritures non-latines.
   Voir aussi [[modèle:Langue]]. */
.lang-grc,
.lang-el,
.lang-pnt,
.lang-tsd { /* Écriture grecque : moderne (monotonique), ancien (polytonique), pontique et tsakonien (dialectes) */
	font-family: 'Arial Unicode MS', 'DejaVu Sans', Athena, Gentium, 'Palatino Linotype', 'Lucida Sans Unicode', 'Lucida Grande', Code2000, sans-serif;
}
.lang-th { /* Écriture thaïe */
	font-family: 'Segoe UI', Tahoma, sans-serif;
}

/* Affichage des chiffres romains, voir [[modèle:Rom]] ou [[modèle:Romain]]. */
.romain {
	text-transform: lowercase;
	font-variant: small-caps;
}

/* Affichage des petites capitales, voir [[modèle:Petites capitales]]. */
.petites_capitales {
	font-variant: small-caps;
}

/* Taille et alignement des formules mathématiques. */
.texhtml {
	font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
	font-size: 118%;
	line-height: 1;
	white-space: nowrap;
	font-variant-numeric: lining-nums tabular-nums;
	font-kerning: none;
}
.texhtml .texhtml {
	font-size: 100%;
}
img.tex.center {
	width: auto;
	display: block;
	margin: 0 auto;
}
img.tex.left {
	display: block;
	margin-left: 1.6em;
}

/* Références : éviter une trop grande réduction de taille de caractères
   dans certaines configurations. */
.references small {
	font-size: 1em !important;
}

/* Par défaut, cacher les crochets autour des appels de notes. */
.cite-bracket {
	font-size: 0;
}

/* Mise en forme des appels de références dans l'éditeur visuel*/
span[rel="mw:referencedBy"] {
    counter-reset: mw-ref-linkback 0;
}
span[rel="mw:referencedBy"] > a::before {
    content: counter( mw-ref-linkback, lower-alpha );
}
span[rel="mw:referencedBy"] > a::after {
    font-size: smaller;
}
span[rel="mw:referencedBy"] > a:nth-last-child(2)::after {
    vertical-align: super;
    content: " et ";
}

/* Éviter d'obtenir un interlignage de taille variable. */
.reference,
.exposant {
	vertical-align: text-top;
	position: relative;
	font-size: 0.8em;
	top: -5px;
}

.reference-text sup {
	vertical-align: text-top;
	position: relative;
	font-size: 0.75em;
	top: -0.1em;
}
.reference {
	padding-left: 1px;
}

/* Diminution décalage, en raison du line-height réduit dans .infobox_v2 */
.infobox_v2 .reference {
	top: -2px;
}

/* Pour [[MediaWiki:Gadget-ArchiveLinks.js]] (activé par défaut) : même couleur que les liens externes */
small.cachelinks > a {
	color: var(--color-progressive, #36c);
}

/* Numérotations différentes pour les notes de bas de page. */
.references-small.decimal ol {
	list-style-type: decimal;
}
.references-small.lower-alpha ol {
	list-style-type: lower-alpha;
}
.references-small.lower-greek ol {
	list-style-type: lower-greek;
}
.references-small.lower-roman ol {
	list-style-type: lower-roman;
}
.references-small:is(.lower-alpha, .lower-greek, .lower-roman) ol ol {
	list-style-type: decimal;
}

/* Répartition égale des références sur plusieurs colonnes :
   pas d'espace supplémentaire en haut de première colonne */
.references-small ol {
	margin-top: 0;
}

/* Compensation du style précédent */
.references-small {
	margin-top: 0.3em;
}

/* Mise en surbrillance de l'ouvrage cliqué pour faciliter la navigation,
   comme fait déjà MediaWiki pour les notes et références. */
.ouvrage:target {
	background-color: var(--background-color-progressive-subtle, #eaf3ff);
}

/* Ligne de tableau dans « Informations sur la page » */
body.action-info tr:target {
	background-color: var(--background-color-progressive-subtle, #eaf3ff);
}

/* Style des modèles [[modèle:Référence nécessaire]] et [[modèle:Citation nécessaire]]. */
span.need_ref {
	border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
div.need_ref {
	border: 1px solid var(--border-color-base, #a2a9b1);
	padding: 0.5em;
}

/* Référence présente */
span.ref:hover {
	border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}

/* Gestion automatique de l'ISBN par MediaWiki. */
.mw-magiclink-isbn {
	white-space: nowrap;
}

/* Style de { , } entre les références */
.cite_virgule {
	padding-left: 0;
	padding-right: 1px;
}

/* Boites et messages */
div.boite-a-droite {
	display: table;
	clear: right;
	float: right;
	margin: 0.3em 0 1em 1em;
	width: 20em;
	position: relative; /* Pour les images manuelles */
	border-style: solid;
	border-width: 1px;
	padding: 4px;
	text-align: left;
}
.boite-grise { /* Similaire au bandeau de catégorie */
	border-color: var(--border-color-base, #a2a9b1);
	background-color: var(--couleur-fond-boite-grise, #f9f9f9);
}

/* Types de boites */
.bandeau-article,
.bandeau-discussion,
.bandeau-simple,
.bandeau-systeme,
.bandeau-section {
	border-style: solid;
	overflow: hidden;
	position: relative;
}
.bandeau-article {
	border-width: 1px 1px 1px 10px;
	font-size: 0.9em;
	line-height: 1.25em;
	padding: 0.5em 1em;
	margin: 0.8em 10%;
}
.bandeau-systeme {
	clear: both;
	border-width: 2px;
	padding: 0.5em 1em;
	margin: 0.8em 3%;
}
.bandeau-simple {
	clear: both;
	border-width: 1px;
	padding: 0.5em 1em;
	margin: 0.8em auto;
}
.bandeau-discussion {
	border-width: 1px;
	border-radius: 10px;
	padding: 0.2em 0.5em;
	margin: 0.8em 7%;
}
@media (max-width: 981px) {
	.bandeau-discussion {
		margin: 0.8em 4%;
	}
}
div.bandeau-section { /* Pour le [[modèle: Article détaillé]] et autres */
	display: block;
	font-size: 0.95em;
	border-width: 1px 0;
	padding: 0.2em 0.5em 0.3em 0;
	margin: 0.3em 0 0.7em 2em;
}
.bandeau-centrer {
	display: table;
	width: 100%;
	text-align: center;
}
.bandeau-cell {
	display: table-cell;
	vertical-align: middle;
}
.bandeau-cell > p:first-child {
	margin-top: 0;
}
.bandeau-cell > p:last-child {
	margin-bottom: 0;
}

/* Style des bandeaux d'articles. Voir [[Wikipédia:Prise de décision/Changement de style des messages d'avertissement]]. */
.bandeau-niveau-grave {
	border-color: #aa0044;
	background-color: #ffcccc;
}
.bandeau-niveau-modere {
	border-color: #ff8822;
	background-color: #ffeedd;
}
.bandeau-niveau-ebauche,
.bandeau-niveau-information {
	border-color: #77ccff;
	background-color: #fbfbfb;
}
.bandeau-simple.bandeau-niveau-information,
.bandeau-discussion.bandeau-niveau-information { /* Dérive de la classe vectorbox */
	border-color: #a7d7f9;
	background-color: #f5faff;
}
.bandeau-niveau-detail, /* Voir [[Wikipédia:Prise de décision/Unification des modèles : article détaillé et Loupe]] */
.bandeau-section.bandeau-niveau-information {
	border-color: #e7e7e7;
	background-color: #fdfdfd;
}
.bandeau-niveau-neutre {
	border-color: var(--border-color-base, #a2a9b1);
	background: var(--couleur-fond-boite-grise, #f9f9f9);
}

@media screen {
	html.skin-theme-clientpref-night .bandeau-niveau-grave {
		background-color: #421211;
	}
	html.skin-theme-clientpref-night .bandeau-niveau-modere {
		background-color: #301d00;
	}
	html.skin-theme-clientpref-night .bandeau-niveau-ebauche,
	html.skin-theme-clientpref-night .bandeau-niveau-information,
	html.skin-theme-clientpref-night .bandeau-simple.bandeau-niveau-information,
	html.skin-theme-clientpref-night .bandeau-discussion.bandeau-niveau-information,
	html.skin-theme-clientpref-night .bandeau-niveau-detail
	html.skin-theme-clientpref-night .bandeau-section.bandeau-niveau-information {
		background-color: #202122;
	}
	html.skin-theme-clientpref-night .bandeau-section.bandeau-niveau-information {
		border-color: #54595d;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .bandeau-niveau-grave {
		background-color: #421211;
	}
	html.skin-theme-clientpref-os .bandeau-niveau-modere {
		background-color: #301d00;
	}
	html.skin-theme-clientpref-os .bandeau-niveau-ebauche,
	html.skin-theme-clientpref-os .bandeau-niveau-information,
	html.skin-theme-clientpref-os .bandeau-simple.bandeau-niveau-information,
	html.skin-theme-clientpref-os .bandeau-discussion.bandeau-niveau-information,
	html.skin-theme-clientpref-os .bandeau-niveau-detail
	html.skin-theme-clientpref-os .bandeau-section.bandeau-niveau-information {
		background-color: #202122;
	}
	html.skin-theme-clientpref-os .bandeau-section.bandeau-niveau-information {
		border-color: #54595d;
	}
}

.bandeau-icone {
	vertical-align: middle;
	text-align: center;
	width: 45px;
	/* @noflip */
	padding-right: 1em;
}
body.skin--responsive .mw-parser-output .bandeau-icone a > img, 
body.skin--responsive .mw-parser-output .bandeau-icone noscript > img {
    max-width: initial !important;
}
:is(.homonymie, .bandeau-section) .bandeau-icone {
	width: auto;
	/* @noflip */
	padding-right: 0.5em;
}
.bandeau-titre {
	font-size: 1.1em;
	line-height: 1.4em;
}
.bandeau-texte {
	font-size: 0.9em;
	line-height: 1.2em;
}

/* Styles pour les bannières */

.topbanner {
	position: relative;
	overflow: hidden;
	max-width: 1800px;
	height: auto;
}
.topbanner img {
	max-width: 100%;
	height: auto;
}
.topbanner-box {
	position: absolute;
	z-index: 2;
	margin-top: 1.5em;
	color: white;
	width: 50%;
	min-width: 20em;
	left: 2%;
	text-align: left;
}
.topbanner .name {
	position: absolute;
	z-index: 2;
	margin: 0.6em 0 0 0.4em;
	padding: 8px 7px;
	font-size: 2.2em;
	background: rgb(16,16,16);
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
	color: white;
	white-space: nowrap;
	line-height: 0.9em;
}

/* Petites icônes */
.indentation,     /* pas d'image correspondante */
.loupe,           /* loupe, voir le [[modèle:Article détaillé]] */
.general,         /* flèche pour le [[modèle:Article principal]] */
.accessibilite,   /* symbole handicap, pour le [[modèle:Encart]] */
.etoile-or,
.etoile-argent,
.categorie,       /* symbole du [[modèle:Catégorie principale]] */
.biblio,          /* livres pour le [[modèle:Sources de section]] */
.recyclage,       /* symbole du [[modèle:Section à recycler]] */
.archives,        /* symbole d'archivage */
.sons,            /* pour le [[modèle:Média externe]] */
.videos,          /* pour le [[modèle:Média externe]] */
.incomplet,       /* cône de chantier pour le [[modèle:Section vide ou incomplète]] */
.sources,         /* livre ouvert du [[modèle:Section à sourcer]] */
.important,       /* triangle rouge : mise en garde */
.en-travaux,      /* triangle jaune : en construction */
.information,
.conflit-edition,
.incubator,
.extension,       /* extensions MediaWiki */
.wikispecies,
.metawiki,
.wikiversity,
.wikipedia,
.wikibooks,
.wikinews,
.wikiquote,
.wikisource,
.commons,
.wikimedia,
.wiktionary,
.wikidata,
.wikivoyage,
.wwwmediawiki {
	background-repeat: no-repeat;
	line-height: 1.5em;
	text-indent: 23px;
	display: inline-block;
}
.loupe {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/6/61/Searchtool.svg");
	background-size: 15px;
	background-position: 2px 3px;
}
.general {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/2/2d/Nuvola_apps_download_manager2-70%25.svg");
	background-size: 15px;
	background-position: 2px 3px;
}
.accessibilite {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/4/44/Gnome-preferences-desktop-accessibility.svg");
	background-size: 18px;
	background-position: 2px 0;
}
.etoile-or {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/8/83/Article_de_qualit%C3%A9.svg");
	background-size: 19px;
	background-position: 1px 1px;
}
.etoile-argent {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/1/11/Bon_article.svg");
	background-size: 19px;
	background-position: 1px 1px;
}
.categorie {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/3/34/Nuvola_apps_kpager.svg");
	background-size: 21px;
	background-position: 0 0;
}
.biblio {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/4/4b/Books-aj.svg_aj_ashton_01.svg");
	background-size: 20px;
	background-position: 2px 2px;
}
.recyclage {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/e/ed/Recycle002.svg");
	background-size: 20px;
	background-position: 1px 1px;
}
.archives {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/9/94/Filing_cabinet_icon.svg");
	background-size: 21px;
	background-position: 0 1px;
}
.conflit-edition {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/8/8e/OOjs_UI_indicator_alert-progressive.svg");
	background-size: 12px;
	background-position: 0 3px;
	text-indent: 16px;
	line-height: 1.3em;
}
.sons {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/e/e2/Nuvola_apps_arts.svg");
	background-size: 18px;
	background-position: 1px 1px;
}
.videos {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/1/1b/Nuvola_apps_kaboodle.svg");
	background-size: 18px;
	background-position: 1px 1px;
}
.incomplet {
	/* XXX : [[commons:File:Construction.svg]] est une version vectorisée de [[commons:File:Construction.png]],
	   et est légèrement différent de l'image [[commons:File:Fairytale warning.png]] qui était utilisée auparavant */
	background-image: url("//upload.wikimedia.org/wikipedia/commons/1/17/Construction.svg");
	background-size: 16px;
	background-position: 2px 3px;
}
.sources {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/6/64/Question_book-4.svg");
	background-size: 20px;
	background-position: 1px 4px;
}
.important {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/f/f6/OOjs_UI_icon_alert-destructive.svg");
	background-size: 20px;
	background-position: 0 1px;
}
.en-travaux {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/a/af/Under_construction_icon-yellow.svg");
	background-size: 20px;
	background-position: 1px 2px;
}
.information {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/e/ec/OOjs_UI_icon_information-progressive.svg");
	background-size: 20px;
	background-position: 1px 1px;
}
.incubator {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/e/e3/Incubator-logo.svg");
	background-size: 15px;
	background-position: 1px 1px;
}
.extension {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/b/bb/MediaWiki-notext.svg");
	background-size: 21px;
	background-position: 0 4px;
}
.wikispecies {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/d/df/Wikispecies-logo.svg");
	background-size: 17px;
	background-position: 1px 0;
}
.wikisource {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg");
	background-size: 17px;
	background-position: 1px 1px;
}
.wikipedia {
	/* pour info, cette classe est utilisée par, notamment : [[MediaWiki:Newarticletext]], [[MediaWiki:Searchmenu-new]], [[Modèle:Projets autre langue]] */
	background-image: url("//upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg");
	background-size: 19px;
	background-position: 1px 0;
}
.wikibooks {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/f/fa/Wikibooks-logo.svg");
	background-size: 19px;
	background-position: 1px 1px;
}
.metawiki {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/7/75/Wikimedia_Community_Logo.svg");
	background-size: 18px;
	background-position: 1px 1px;
}
.wikiversity {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/9/91/Wikiversity-logo.svg");
	background-size: 20px;
	background-position: 0 2px;
}
.wiktionary {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/e/ec/Wiktionary-logo.svg");
	background-size: 20px;
	background-position: 0 1px;
}
.wikinews {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/2/24/Wikinews-logo.svg");
	background-size: 20px;
	background-position: 0 5px;
}
.wikiquote {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/f/fa/Wikiquote-logo.svg");
	background-size: 16px;
	background-position: 2px 1px;
}
.commons {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/4/4a/Commons-logo.svg");
	background-size: 14px;
	background-position: 3px 0;
}
.wikimedia {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/8/81/Wikimedia-logo.svg");
	background-size: 20px;
	background-position: 0 0;
}
.wikidata {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/f/ff/Wikidata-logo.svg");
	background-size: 22px;
	background-position: 0 5px;
}
.wikivoyage {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/d/dd/Wikivoyage-Logo-v3-icon.svg");
	background-size: 20px;
	background-position: 1px 1px;
}
.wwwmediawiki {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/b/bb/MediaWiki-notext.svg");
	background-size: 20px;
	background-position: 1px 3px;
}

/* Grosses icônes */
.grosse-icone {
	display: table-cell;
	vertical-align: middle;
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 0; /* Certaines icones ont une version « en ligne ». */
	height: 48px;
}
.grosse-icone.etoile-or {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/8/83/Article_de_qualit%C3%A9.svg");
	background-size: 40px;
}
.grosse-icone.etoile-argent {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/1/11/Bon_article.svg");
	background-size: 40px;
}
.grosse-icone.archives {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/9/94/Filing_cabinet_icon.svg");
	background-size: 48px;
}
.grosse-icone.ancienne-version {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/8/8c/Clock_and_warning.svg");
	background-size: 46px;
}
.grosse-icone.maintenance {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/a/a3/Black_tools_icon.svg");
	background-size: 28px;
}
.grosse-icone.protection-admin {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/9/97/Full-protection-shackle-frwiki.svg");
	background-size: 32px;
}
.grosse-icone.semi-protection {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/d/de/Semi-protection-shackle-frwiki.svg");
	background-size: 32px;
}
.grosse-icone.roue-dentee {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/0/05/OOjs_UI_icon_advanced.svg");
	background-size: 20px;
}
.grosse-icone.conflit-edition {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg");
	background-size: 46px;
}
.grosse-icone.titre-protege {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/c/c4/System-lock-screen.svg");
	background-size: 46px;
}
.grosse-icone.gros-warning {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/f/f6/OOjs_UI_icon_alert-destructive.svg");
	background-size: 46px;
}
.grosse-icone.attention {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg");
	background-size: 46px;
}
.grosse-icone.information {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/e/ec/OOjs_UI_icon_information-progressive.svg");
	background-size: 46px;
}
.grosse-icone.ebauche {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg");
	background-size: 46px;
}

/* Icônes en mode sombre */
/* XXX : les background-size se trouvent dans les règles ".grosse-icone.maintenance" et ".grosse-icone.roue-dentee" au-dessus */
@media screen {
	html.skin-theme-clientpref-night .grosse-icone.roue-dentee {
		background-image: url("//upload.wikimedia.org/wikipedia/commons/1/1b/OOjs_UI_icon_advanced-invert.svg");
	}
	html.skin-theme-clientpref-night .grosse-icone.maintenance {
		background-image: url("//upload.wikimedia.org/wikipedia/commons/5/51/Black_tools_icon_invert.svg");
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .grosse-icone.roue-dentee {
		background-image: url("//upload.wikimedia.org/wikipedia/commons/1/1b/OOjs_UI_icon_advanced-invert.svg");
	}
	html.skin-theme-clientpref-os .grosse-icone.maintenance {
		background-image: url("//upload.wikimedia.org/wikipedia/commons/5/51/Black_tools_icon_invert.svg");
	}
}

/* Styles par défaut pour les bandeaux en haut des articles. Voir
   [[Projet:Charte graphique/Harmonisation des messages d'avertissement]]
   et [[Wikipédia:Prise de décision/Harmonisation des messages d'avertissement]]. */
/* Classe pour toutes les alertes. */
.alerte {
	padding: 0.11em;
	background: var(--background-color-warning-subtle, #fdf2d5);
	margin-bottom: 0.4em;
	font-style: italic;
}
/* Classe supplémentaire pour les alertes graves. */
.grave {
	border: 1px solid #f96;
}

/* Styles des « messagebox » standard. */
.messagebox {
	border: 1px solid var(--border-color-base, #a2a9b1);
	background: var(--background-color-neutral-subtle, #f8f9fa);
	width: 80%;
	margin: 0 auto 1em auto;
	padding: 0.2em;
}
.messagebox.standard-talk {
	border: 1px solid #c0c090;
	background: #f8eaba;
}

.vectorbox {
	width: 85%;
	background: #f5faff;
	border: 1px solid #a7d7f9;
	border-radius: 10px;
	margin: 0 auto 1em auto;
}
@media screen {
	html.skin-theme-clientpref-night .vectorbox {
		background: #202122;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .vectorbox {
		background: #202122;
	}
}

/* Standardisation de quelques messages systèmes :
   * class="mw-alerte" : bandeaux d'alerte comme [[MediaWiki:Editinginterface]].
   * class="mw-toolbox" : boîtes à outils comme sur [[MediaWiki:Sp-contributions-footer]]. */

/* Suppression du message avertissant du lag de 1 seconde dans la liste de suivi. */
.mw-lag-warn-normal {
	display: none;
}

/* Messages d'alerte */
.mw-alerte {
	width: 100%;
	clear: both;
	background-color: #faebd7;
	border: 2px solid #ff8c00;
}
@media screen {
	html.skin-theme-clientpref-night .mw-alerte {
		background-color: #14110e;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .mw-alerte {
		background-color: #14110e;
	}
}

/* Boîtes à outils */
.mw-toolbox {
	font-size: 90%;
	background-color: #f8f8f8;
	border: 1px solid #b8b8b8;
	padding: 0.25em 1em;
	clear: both;
}
@media screen {
	html.skin-theme-clientpref-night .mw-toolbox {
		background-color: #202122;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .mw-toolbox {
		background-color: #202122;
	}
}

/* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */
div.NavFrame {
	padding: 2px;
	border: 1px var(--border-color-base, #a2a9b1);
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
}
div.NavPic {
	padding: 2px;
	float: left;
}
div.NavFrame div.NavHead {
	font-weight: bold;
	background-color: #efefef;
	color: var(--color-base, #202122);
}
@media screen {
	html.skin-theme-clientpref-night div.NavFrame div.NavHead {
		background-color: #27292d;
	}
	html.skin-theme-clientpref-night table div.NavFrame a {
	    color: #6d8af2 ;
	}
	html.skin-theme-clientpref-night table div.NavFrame a.new {
	    color: #ff4242 ;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os div.NavFrame div.NavHead {
		background-color: #27292d;
	}
	html.skin-theme-clientpref-os table div.NavFrame a {
	    color: #6d8af2 ;
	}
	html.skin-theme-clientpref-os table div.NavFrame a.new {
	    color: #ff4242 ;
	}
}
div.NavEnd {
	height: 0;
	clear: both;
}

/* Styles de [[Modèle:Méta palette de navigation]]. */
table.navbox {
	background: #f9f9f9;
	border: 1px solid var(--border-color-base, #a2a9b1);
	clear: both;
	font-size: 89%;
	margin: 1em 0 0;
	padding: 2px;
	text-align: center;
	width: 100%;
}
table.navbox-subgroup {
	background: transparent;
	color: inherit;
	border: 0;
	margin: -3px;
	padding: 0;
	text-align: center;
	width: calc(100% + 6px);
}
th.navbox-title {
	background: #ccf;
	padding-left: 1em;
	padding-right: 1em;
}
th.navbox-group {
	background: #ddf;
	vertical-align: middle;
	width: 150px;
	padding-left: 1em;
	padding-right: 1em;
}
th.navbox-group + td.navbox-list,
table.navbox-subgroup td.navbox-list {
	text-align: left;
}
td.navbox-even {
	background: #f0f0ff;
}
table.navbox-subgroup td.navbox-even {
	background: transparent;
}
td.navbox-banner {
	background-color: #ddf;
	vertical-align: middle;
	padding-left: 1em;
	padding-right: 1em;
}
tr.navboxHidden {
	display: none;
}
@media (max-width: 981px) {
	td.navbox-image {
		display: none;
	}
}
@media screen {
	html.skin-theme-clientpref-night th.navbox-group,
	html.skin-theme-clientpref-night td.navbox-banner {
		background-color: #1b1c1e;
	}
	html.skin-theme-clientpref-night td.navbox-even {
		background-color: #000;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os th.navbox-group,
	html.skin-theme-clientpref-os td.navbox-banner {
		background-color: #1b1c1e;
	}
	html.skin-theme-clientpref-os td.navbox-even {
		background-color: #000;
	}
}

/* Modèle de palettes groupées, [[Modèle:Palette]]. */
div.navbox-container {
	border: 1px solid var(--border-color-base, #a2a9b1);
	margin-top: 1em;
}
div.navbox-container table.navbox {
	border: 0;
	margin: 0;
}

/* Liens de masquage/affichage : [[Modèle:Boîte déroulante]] et [[Modèle:Méta palette de navigation]] */
.navboxToggle,
.NavToggle {
	font-size: 90%;
	font-weight: normal;
	float: right !important;
	min-width: 6em;
}

/* Alignement du tableau : flottant à droite ou à gauche, ou centré.
   On peut aligner à droite ou à gauche sans flottement en ajoutant
   le [[modèle:Clr]] en bas du tableau. */
table.gauche,
table.left {
	float: left;
	margin: 0 1em 1em 0;
}
table.droite,
table.right {
	float: right;
	margin: 0 0 1em 1em;
}
table.centre,
table.center {
	margin: 1em auto;
}
/* Pour les cas où le code de l'article contient un paramètre align de valeur center */
table.wikitable[align=center] {
	margin: 1em auto;
}
/* Annule propriétés issues de ".center" dans le /resources/src/mediawiki.skinning/elements.less */
/* (utilisation d'un :where() plutôt que "table.center", pour ne pas consommer davantage de spécificité que nécessaire) */
.center:where(table) {
	width: auto;         /* annule width: 100%; */
	text-align: inherit; /* annule text-align: center; */
}

/* Workaround pour les captions ridiculement étroits quand table repliée */
table.mw-collapsible:not(.centre, .center) > caption {
	white-space: nowrap;
}
/* Méthode différente pour les tables centrées (corrige aussi le centrage erroné avec firefox) */
table.mw-collapsible.centre, table.mw-collapsible.center {
	min-width: 60%;
}
/* Système différent pour écrans étroits, au cas où le caption dépasserait en largeur */
@media (max-width: 981px) {
	table.mw-collapsible:not(.centre, .center) > caption {
		white-space: normal;
	}
	table.mw-collapsible {
		width: 100%;
		float: none;
	}
}

/* Classe pour substituer l'attribut obsolète cellpadding=0 */
table.nocellpadding > * > tr > td,
table.nocellpadding > * > tr > th {
	padding: 0;
}

/* Classes permettant d'alterner les couleurs de ligne dans les
   tableaux selon le nombre de lignes d'en-tête :
   * .alternance si nombre impair ou .alternance2 si nombre pair.
   * .sortable : les tableaux triables nécessitent d'inverser
     l'alternance. */

/* code commun */
.alternance,
.alternance2 {
	border-collapse: collapse;
}

/* thème light/day (thème par défaut) */
table:is(.alternance, .alternance2) > * > tr > th {
	background-color: var(--couleur-fond-entete-alternance, #e6e6e6);
}
.alternance tr,
.alternance th[scope="row"],
.alternance2 tr:nth-child(odd),
.alternance2 tr:nth-child(odd) th[scope="row"] {
	background-color: var(--background-color-base, #fff);
}
.alternance:not(.sortable) tr:nth-child(odd),
.alternance:not(.sortable) tr:nth-child(odd) th[scope="row"],
.alternance.sortable tr:nth-child(even),
.alternance.sortable tr:nth-child(even) th[scope="row"],
.alternance2 tr:nth-child(even),
.alternance2 tr:nth-child(even) th[scope="row"] {
	background-color: var(--couleur-fond-gris-alternance, #eeeeee);
}

/* thème dark/night */
@media screen {
	html.skin-theme-clientpref-night .alternance [style*='background'] a {
		color: #333 !important;
		text-decoration: underline;
	}
}
/* thème dark/night, via utilisation du thème défini dans l'OS */
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .alternance [style*='background'] a {
		color: #333;
		text-decoration: underline;
	}
}

/* Classe pour permettre un titre d'une couleur différente sans avoir à l'imposer dans chaque cellule */
table.titre-en-couleur > * > tr > th {
	background-color: transparent;
	color: #202122;
}
table.titre-en-couleur > * > tr > th a {
	color: #36c;
}

/* Espacement du lien "[afficher]" ajouté par la classe mw-collapsible
   en attendant résolution de [[phab:T155347]] et [[phab:T178998]] */
:is(caption, th) .mw-collapsible-toggle {
	margin-inline-start: 0.3em;
}

/* Classe pour les listes horizontales séparées par des puces.
   Adaptation de la classe 'hlist' de en:User:Edokter.
   (cf. [[mw:Snippets/Horizontal lists]]). */
body:not(.skin-minerva) .liste-horizontale ul,
body:not(.skin-minerva) .liste-horizontale ol,
body:not(.skin-minerva) .liste-horizontale li {
	display: inline;
	margin-left: 0;
}
body.skin-minerva .liste-horizontale ul,
body.skin-minerva .liste-horizontale ol,
body.skin-minerva .liste-horizontale li {
	display: inline;
	padding-left: 0; /* pour la skin Minerva, padding-left au lieu de margin-left */
}

/* utilisation de la valeur de "min-width-breakpoint-desktop" */
/* https://doc.wikimedia.org/codex/latest/design-tokens/breakpoint.html */
@media (min-width: 1120px) {
	.liste-horizontale li {
		white-space: nowrap;
	}
}
.liste-horizontale li:not(:last-child)::after { /* TODO: reconsidérer plus tard [[phab:T366389#10055910]] */
	content: "\A0· ";
	font-weight: bold;
	white-space: normal; /* nécessaire s'il n'y a pas d'espace entre les <li> dans le HTML */
}

body:not(.skin-minerva) .liste-horizontale li > ul,
body:not(.skin-minerva) .liste-horizontale li > ol {
	white-space: normal;
}
body.skin-minerva .liste-horizontale li > ul,
body.skin-minerva .liste-horizontale li > ol {
	white-space: normal;
	margin-left: 0; /* pour la skin Minerva, override d'un style appliqué aux listes imbriquées */
}
.liste-horizontale li > ul::before,
.liste-horizontale li > ol::before {
	content: " (";
}
.liste-horizontale li > ul::after,
.liste-horizontale li > ol::after {
	content: ")";
}

.liste-horizontale ol {
	counter-reset: listitem;
}
.liste-horizontale ol > li {
	counter-increment: listitem;
}
.liste-horizontale ol > li::before {
	content: counter(listitem) ".\A0";
}

/* Listes sans puces */
/* pour la skin Minerva, un ensemble distinct de règles se trouve dans [[MediaWiki:Minerva.css]] */
body:not(.skin-minerva) .liste-simple ul {
	line-height: inherit;
	list-style: none;
	margin: 0;
}
body:not(.skin-minerva) .liste-simple ul li {
	margin-bottom: 0;
}
/* support des sous-listes */
body:not(.skin-minerva) .liste-simple:not(.sans-indentation) ul ul {
	margin-left: 1.6em;
}

/* Style par défaut des bandeaux de portail décidés sur
   [[Wikipédia:Prise de décision/Bandeaux de portails]]
   Utilisé dans [[Modèle:Méta lien vers portail]] et [[Modèle:Portail]]. */
#bandeau-portail {
	border: 1px solid var(--border-color-base, #a2a9b1);
	background-color: var(--couleur-fond-boite-grise);
	text-align: center;
	margin-top: 1em;
}
#bandeau-portail,
#liste-portail {
	padding: 4px;
	margin-left: 0;
	clear: both;
}
#liste-portail li,
#bandeau-portail li {
	display: inline;
}
.bandeau-portail-element {
	white-space: nowrap;
	margin: 0 1.5em;
}
.bandeau-portail-icone {
	margin-right: 0.5em;
}
.bandeau-portail-texte {
	font-weight: bold;
}

/* Classes pour les colonnes des portails */
.portail-gauche,
.portail-droite {
	box-sizing: border-box;
}
.portail-gauche {
	float: left;
	padding-right: 1.2rem;
}
.portail-droite {
	float: right;
}
@media (max-width: 981px) {
	.portail-gauche,
	.portail-droite {
		float: none;
		width: auto !important;
	}
	.portail-gauche {
		padding-right: 0;
	}
}

/* Mise en page Accueil version 2017 */

#accueil_2017_en-tete {
	background: linear-gradient(to bottom, #fff, #e8f2f8);
	border-bottom: solid 1px #a8d7fc;
}
#accueil_2017_bandeau {
	/* XXX : ce SVG n'est pas carré ; le background-size est carré, il ne déforme pas l'image, en revanche il a un rôle dans le positionnement */
	background-image: url("//upload.wikimedia.org/wikipedia/commons/a/aa/Wikipedia-logo-v2-o50.svg");
	background-size: 300px 300px;
	background-position: -110px -15px;
	background-repeat: no-repeat;
	padding: 1.5rem 1rem 1rem;
	font-family: 'Open Sans', Sans-serif;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	align-items:center;
	column-gap:5rem;
}
#accueil_2017_bandeau > div {
	flex: 1 0 30em;
}
#accueil_2017_bloc-titre {
	display: inline-block;
	margin-left: 14rem;
	margin-bottom: 1rem;
	text-align: left;
	line-height: 1.6;
	color: #457;
}
#accueil_2017_bloc-titre .mw-heading2 {
	margin: 0;
	padding: 0;
	border: none;
}
#accueil_2017_bloc-titre h2 { /* pour les ".mw-heading2 h2" + un "h2.mw-html-heading" (la section « Comment contribuer ? ») */
	font-size: 180%;
	font-weight: bold;
	font-family: 'Open Sans', Sans-serif;
	color: #457;
}
#accueil_2017_bloc-titre p {
	margin: 0;
	padding: 0;
	font-size: 95%;
}
#accueil_2017_bloc-liens {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}

#accueil_2017_contenu {
	margin-top: 1rem;
}
#accueil_2017_contenu .portail-gauche {
	width: 60%;
}
#accueil_2017_contenu .portail-droite {
	width: 40%;
}
#accueil_2017_contenu::after {
	clear: both;
	display: table; /* "table" et non "block", car on veut aussi empêcher le margin collapse (dans l'affichage en mode "une colonne") */
	content: '';
}

.accueil_2017_cadre {
	box-shadow: 0 0 0.3rem #999;
	border-radius: 0.2rem;
	padding: 1.2rem;
	margin-bottom: 1.6rem;
}
/* S'assurer que ces règles emportent bien la priorité sur toutes les skins */
/* Aussi, un nouveau markup [[mw:Heading HTML changes]] est en cours de mise en place, surveiller [[phab:T13555]] et [[phab:T314714]] */
#mw-content-text .accueil_2017_cadre .mw-heading2,
#mw-content-text .accueil_2017_cadre h2.mw-html-heading /* pour le h2 « Comment contribuer ? » */ {
	border-bottom: solid 0.2rem #bdd8fb;
	margin: -0.4rem 0 0.5rem;
}
#mw-content-text .accueil_2017_cadre h2 {
	font-variant: small-caps;
	letter-spacing: 0.01em;
}
.accueil_2017_pied {
	margin-top: 1.8em;
	font-size: 85%;
	text-align: right;
}

@media (min-width: 982px) {
	#accueil_2017_contenu {
		display: flex;
	}
	#accueil_2017_contenu .portail-gauche,
	#accueil_2017_contenu .portail-droite {
		display: flex;
		flex-direction: column;
	}
	.accueil_2017_cadre:nth-child(1) {
		flex-grow: 1;
	}
	.accueil_2017_cadre:nth-child(2) {
		flex-grow: 2;
	}
	.accueil_2017_cadre:nth-child(3) {
		flex-grow: 3;
	}
}

@media screen {
	html.skin-theme-clientpref-night #accueil_2017_en-tete {
		background: none;
		border-bottom: none;
	}
	html.skin-theme-clientpref-night #accueil_2017_bloc-titre,
	html.skin-theme-clientpref-night #accueil_2017_bloc-titre h2 {
		color: #eaecf0;
	}
	html.skin-theme-clientpref-night #mw-content-text .accueil_2017_cadre .mw-heading2,
	html.skin-theme-clientpref-night #mw-content-text .accueil_2017_cadre h2.mw-html-heading /* pour le h2 « Comment contribuer ? » */ {
		border-bottom: solid 0.2rem #a2a9b1;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os #accueil_2017_en-tete {
		background: none;
		border-bottom: none;
	}
	html.skin-theme-clientpref-os #accueil_2017_bloc-titre,
	html.skin-theme-clientpref-os #accueil_2017_bloc-titre h2 {
		color: #eaecf0;
	}
	html.skin-theme-clientpref-os #mw-content-text .accueil_2017_cadre .mw-heading2,
	html.skin-theme-clientpref-os #mw-content-text .accueil_2017_cadre h2.mw-html-heading /* pour le h2 « Comment contribuer ? » */ {
		border-bottom: solid 0.2rem #a2a9b1;
	}
}

/* Divers */
.globegris {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png");
	background-repeat: no-repeat;
	background-position: -40px -15px;
}
.headergris {
	background: #f0f0f0 url("//upload.wikimedia.org/wikipedia/commons/1/1b/Wikibar2.png") no-repeat right;
	margin: 0;
	font-size: 120%;
	font-weight: bold;
	border: 1px solid #a3b0bf;
	text-align: left;
	color: var(--color-emphasized, #000);
	padding: 0.15em 0.4em;
}
.cadregris {
	border: 1px solid var(--border-color-base, #a2a9b1);
	background: #fcfcfc;
	color: #333;
	vertical-align: top;
	padding: 7px;
	margin-bottom: 0.6em;
}
.accueil_cadre_lien {
	text-align: right;
	margin-right: 0.5em;
	font-size: xx-small;
}

/* Infobox V2 (voir : [[Projet:Infobox/V2]]) */
.infobox_v2 {
	background-color: var(--couleur-fond-boite-grise, #f9f9f9);
	color: var(--color-emphasized, #000);
	font-size: 90%;
	line-height: 1.2em;
	float: right;
	clear: right;
	margin: 0 0 0.5em 1em;
	width: 294px;
	border: 1px solid var(--border-color-base, #a2a9b1);
	border-spacing: 5px;
}
.infobox_v2 th {
	vertical-align: super;
	text-align: left;
}
.infobox_v2 .entete {
	height: 43px;
	vertical-align: middle;
	text-align: center;
	font-size: 140%;
	font-weight: bolder;
	line-height: 1.1em;
	color: var(--color-emphasized, #000);
}
/* Padding si pictogramme d'infobox, e.g. ".entete.foobar"
   Pas de pictogramme donc pas de padding sur ".entete.defaut" et ".entete"
   Possibilité de désactiver ce padding en ajoutant une classe "large" */
.infobox_v2 .entete:not(.defaut, [class="entete"], .large) {
	padding: 1px 48px;
}
/* Pour [[Modèle:Image et son]], etc. */
/*
 * TODO (pour ce ruleset, et plus bas les rulesets ".media.audio" et ".media.video") : encore utilisé ?
 * refs [[Spécial:Diff/29988257]], [[Spécial:Diff/45999226]], [[Spécial:Diff/123210084]]
 * en octobre 2015, [[Modèle:Son]] a été transformé en redirection vers le nouveau [[Modèle:Image et son]],
 * et ce dernier ne contient pas de classe "media", "audio" ou "video"
 * (pour ne pas oublier : aussi un ruleset présent dans [[MediaWiki:Gadget-Mobile.css]])
 * détecté ailleurs : "media audio" et "media video" documentés dans [[Projet:Infobox/Pictogramme]]
 * - quelques utilisations de "media audio" dans d'anciens brouillons utilisateur, de toute façon cassés en raison de modèles depuis lors supprimés : [[Modèle:Multi-son début]], etc.
 * - aucune utilisation de "media video"
 */
.infobox_v2 .media {
	height: 35px;
	vertical-align: middle;
	text-align: center;
	font-weight: bolder;
	color: var(--color-emphasized, #000);
}

/* Pied de l'infobox V2 */
.infodoc {
	color: #555;
}
@media screen {
	html.skin-theme-clientpref-night .infodoc {
		color: #ababab;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infodoc {
		color: #ababab;
	}
}

/* Graphiques transparents d'en-têtes des Infobox */
.entete {
	background-position: right center;
	background-repeat: no-repeat;
}

.media.audio {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/9/94/Gnome-speakernotes.svg");
	background-size: 35px;
	background-position: left top;
	background-repeat: no-repeat;
}
.media.video {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/e/e7/Video-x-generic.svg");
	background-size: 35px;
	background-position: left top;
	background-repeat: no-repeat;
}

/* Pour le [[modèle:Infobox/Géolocalisation multiple]] et le [[modèle:Géolocdual]]. */
/* attention : un autre ruleset pour ".img_toggle ul" est présent, plus bas dans ce fichier */
.img_toggle ul {
	list-style: none;
	text-align: center;
}

/* Infobox V3 */
.infobox_v3 {
	padding: 5px;
	width: 25em;
	background-color: var(--couleur-fond-boite-grise, #f9f9f9);
	border: 1px solid var(--border-color-base, #a2a9b1);
	clear: right;
	float: right;
	font-size: 0.9em;
	line-height: 1.4;
	margin: 0 0 0.5em 1em;
	max-width: 325px;
	word-wrap: break-word;
}
.infobox_v3 .entete {
	display: table;
	height: 45px;
	width: 100%;
	font-weight: bold;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.1;
	margin-bottom: 10px;
	background-color: #dfedff;
	color: #202122;
}
.infobox_v3 .entete > div {
	display: table-cell;
	vertical-align: middle;
	padding: 3px;
}
.infobox_v3:not(.large) .entete.icon > div {
	padding: 3px 48px;
}
/* Images */
.infobox_v3 .images {
	text-align: center;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.infobox_v3 .images a {
	max-width: 100%;
}
.infobox_v3 .deux-images a {
	max-width: 48%;
}
.infobox_v3 .images img {
	max-width: 100%;
	height: auto;
}
.infobox_v3 .legend {
	font-size: 0.9em;
	text-align: center;
	margin: 5px 0 8px 0;
}
/* Tableaux */
.infobox_v3 table {
	width: 100%;
	margin: 5px 0;
	table-layout: fixed;
	border-collapse: collapse;
}
.infobox_v3 th[scope="col"] {
	text-align: center;
	word-wrap: normal;
}
.infobox_v3 th[scope=row] {
	text-align: left;
	/* @noflip */
	padding-right: 10px;
	width: 8em;
	max-width: 140px;
	word-wrap: normal;
}
.infobox_v3 th[scope=row],
.infobox_v3 td {
	padding-top: 4px;
	vertical-align: super;
}
.infobox_v3 th[scope=row].middle {
	vertical-align: middle;
}
.infobox_v3.bordered th[scope=row],
.infobox_v3.bordered td {
	padding-bottom: 4px;
	border-top: 1px solid #dfedff;
}
.infobox_v3.bordered caption.bordered {
	margin: 0 0 -1px 0;
}
.infobox_v3 tr.left td {
	text-align: left;
}
.infobox_v3 tr.vborder td:not(:first-child) {
	border-left: 1px dotted var(--border-color-base, #a2a9b1);
	padding-left: 3px;
}
.infobox_v3 tr.vborder td:not(:last-child) {
	padding-right: 3px;
}
.infobox_v3 td.data {
	text-align: center;
}
.infobox_v3 tr:first-child ul:first-child {
	margin-top: 0;
}
/* Titres bloc et caption tableaux */
.infobox_v3 p.bloc,
.infobox_v3 caption {
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
	margin: 0 0 5px 0;
	padding: 4px;
	background: #dfedff;
	color: #333;
}
.infobox_v3 p.bloc {
	margin: 5px 0;
}
.infobox_v3 caption.bordered,
.infobox_v3 p.bordered {
	border-top: 1px solid #dfedff;
	border-bottom: 1px solid #dfedff;
	background: transparent;
}
.infobox_v3 .bordered.navbar,
.infobox_v3 .bordered.infobox-navigateur {
	padding-top: 4px;
	border-bottom: 0;
}
/* Texte centré sur une ligne de tableau, issu de [[Module:Infobox]] */
.infobox_v3 .row1col {
	color: var(--color-emphasized, #000000)
}
/* TODO : mettre à jour la classe .hidden générique */
.infobox_v3 caption.hidden {
	margin: 0 !important;
	padding: 0 !important;
}
/* Séparateur */
.infobox_v3 .hr {
	font-size: 1px;
	line-height: 1px;
	margin: 5px 0;
	background-color: #dfedff;
}
.infobox_v3 .hr.collapse {
	margin: 5px 0 -8px 0;
}
/* Séparateur [[Module:Infobox]] */
.infobox_v3 hr {
	height:2px;
	background-color: #E1E1E1;
}
/* Tnavbar */
.infobox_v3 .navbar {
	text-align: right;
	font-size: 0.8em;
	line-height: 1.1;
	margin: 8px 0 0;
}
.infobox_v3 .navbar .plainlinks {
	float: left;
}
/* Navigateur */
.infobox_v3 .overflow {
	overflow: hidden;
}
.infobox_v3 .prev a,
.infobox_v3 .prev_bloc {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/4/49/ArrowLeftNavbox.svg");
	background-size: 12px;
	background-position: left center;
	background-repeat: no-repeat;
	float: left;
	max-width: 40%;
	padding: 0 0 0 18px;
	text-align: left;
}
.infobox_v3 .next a,
.infobox_v3 .next_bloc {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/1/10/ArrowRightNavbox.svg");
	background-size: 12px;
	background-position: right center;
	background-repeat: no-repeat;
	float: right;
	max-width: 40%;
	padding: 0 18px 0 0;
	text-align: right;
}

/* Effets dégradés : utilisables pour un effet ombragé dans les modèles de cadre
   (par exemple : [[Portail:Montréal/Cadre]]). Ceux-ci ne doivent pas dépasser 43
   pixels de hauteur au risque d'y voir un effet indésirable. */
.degrade {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/f/fb/Gradient_43px.png");
	background-size: 100% 100%;
	background-position: top;
	background-repeat: repeat-x;
}
.degrade_rev {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/6/61/Gradient_reversed_43px.png");
	background-position: top;
	background-repeat: repeat-x;
}

/* Classe de masquage, remplace display:none. Contenu non affiché mais lisible par les lecteurs d'écrans. */
.hidden {
	position: absolute;
	left: 0;
	top: -5000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
caption.hidden {
	position: static;
	text-indent: -5000px;
}

/* Géolocalisation dynamique */
/*
TODO FIXME : ces styles ne sont pas présents dans le CSS mobile. Nécessaires, pas nécessaires ?
sur mobile, a minima, il y a provenant de ".content ul" un padding-left (+ padding-inline) de 1em qui serait à défaire
*/
/* attention : un autre ruleset pour ".img_toggle ul" est présent, plus haut dans ce fichier */
.img_toggle table, .img_toggle ul {
	margin-left: auto !important;
	margin-right: auto !important;
}
.img_toggle .geobox {
	position: relative
}
.img_toggle .geopoint {
	position: absolute;
	width: 5px;
	height: 5px;
	font-size: 1px;
	border: 1px solid #000;
	background: #f00;
}

/* Gallery */
ul.gallery {
	margin: 2px auto;
	text-align: center;
}
.gallerytext {
	text-align: left;
	font-size: 89%;
}
.mw-gallery-slideshow-caption .gallerytext {
	text-align: center;
}
.image-border img {
	border: 1px solid #c8ccd1;
}

.mw-textarea-protected {
	border: 2px solid #ff0000;
	color: navy;
}

/* Éditeur visuel : adaptation des messages d'avertissement */
.ve-ui-mwSaveDialog .oo-ui-window-frame #avertissement-filtre {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.ve-ui-mwSaveDialog .oo-ui-window-frame .grosse-icone {
	background: none;
	padding: 0;
}
.ve-ui-mwSaveDialog .oo-ui-window-frame .bandeau-icone {
	display: none;
}

/* Aide et accueil */
.aa-bloc-tete { /* Messages système */
	display: table;
	width: 100%;
	margin-bottom: 1em;
}
.aa-bloc-gauche,
.aa-bloc-droite {
	display: table;
	vertical-align: middle;
	margin-bottom: 1em;
}
:where( .aa-bloc-tete ) .aa-bloc-gauche,
:where( .aa-bloc-tete ) .aa-bloc-droite {
	display: table-cell;
	margin-bottom: 0;
}
:where( .ve-ui-mwNoticesPopupTool-item ) .aa-bloc-gauche,
:where( .ve-ui-mwNoticesPopupTool-item ) .aa-bloc-droite {
	display: block;
	float: none;
}
.aa-bloc-droite {
	width: 30%;
}
.aa-bloc-dessous {
	padding: 5px 10px;
}
.aa-bloc-tete h2 {
	margin-top: 4pt; /* Correction du style des titres par défaut pour une meilleure intégration */
}
.ve-ui-mwNoticesPopupTool-item .masquer-dans-popup-ve {
	display: none;
}
/* Couleur et apparence des éléments */
.aa-fond-gris {
	background-color: #f6f6f6;
	padding: 10px;
}
.aa-filet-gris {
	border: 1px solid #ccc;
	border-left-width: 6px;
}
.aa-filet-bleu {
	border: 0 solid #3366cc;
	border-left-width: 6px;
}
.aa-filet-orange {
	border: 0 solid #f16633;
	border-left-width: 6px;
}
.aa-filet-rouge {
	border: 0 solid #d33;
	border-left-width: 6px;
}
.aa-fond-blanc {
	background-color: var(--background-color-base, #fff);
	padding: 10px;
}
.aa-titre-bleu {
	color: var(--color-progressive, #36c);
	border: none;
}
.aa-titre-rouge {
	color: #c00;
	border: none;
}
.aa-titre-vert {
	color: #008769;
	border: none;
}
.aa-incipit {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.3;
}
.aa-intertitre {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 1.17em;
}
.aa-faux-h2 {
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.3;
}
.aa-faux-h3 {
	font-weight: normal;
	font-size: 1.17em;
}
.aa-en-tete-aide-largeur {
	max-width: 1000px;
}
.aa-en-tete-aide-droite {
	width: 140px;
	float: right;
	background-color: var(--background-color-base, #fff);
	padding: 6px;
	margin-left: 20px;
	font-size: 0.9em;
}
.aa-en-tete-aide-ariane {
	font-size: 0.9em;
	display: block;
	margin: 0 0 5px 10px;
	padding: 5px 5px 5px 0;
}
.aa-en-tete-aide-chapo {
	margin: 10px;
	margin-right: 166px;
}
.aa-en-tete-aide-petit {
	font-size: 0.9em;
}
.aa-couleur-aide {
	color: #ff5d00;
}
.aa-couleur-niveau-avance {
	padding: 3px;
	color: var(--color-inverted-fixed, #fff);
	background: #347bff;
}
.aa-couleur-niveau-expert {
	padding: 3px;
	color: var(--color-inverted-fixed, #fff);
	background: #d11813;
}
.aa-couleur-niveau-debutant {
	padding: 3px;
	color: var(--color-inverted-fixed, #fff);
	background: #00af89;
}
.aa-en-tete-aide-statut {
	background: none repeat scroll 0 0 #ffe7db;
	padding: 3px;
}

@media screen {
	html.skin-theme-clientpref-night .aa-fond-gris {
		background-color: #202122;
	}
	html.skin-theme-clientpref-night .aa-titre-rouge {
		color: #ff4242;
	}
	html.skin-theme-clientpref-night .aa-titre-vert {
		color: #00af89;
	}
	html.skin-theme-clientpref-night .aa-couleur-niveau-avance {
		background-color: #395079;
	}
	html.skin-theme-clientpref-night .aa-couleur-niveau-expert {
		background-color: #d11813;
	}
	html.skin-theme-clientpref-night .aa-couleur-niveau-debutant {
		background-color: #007A60;
	}
	html.skin-theme-clientpref-night .aa-en-tete-aide-statut {
		background-color: #5f0360;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .aa-fond-gris {
		background-color: #202122;
	}
	html.skin-theme-clientpref-os .aa-titre-rouge {
		color: #ff4242;
	}
	html.skin-theme-clientpref-os .aa-titre-vert {
		color: #00af89;
	}
	html.skin-theme-clientpref-os .aa-couleur-niveau-avance {
		background-color: #395079;
	}
	html.skin-theme-clientpref-os .aa-couleur-niveau-expert {
		background-color: #d11813;
	}
	html.skin-theme-clientpref-os .aa-couleur-niveau-debutant {
		background-color: #007A60;
	}
	html.skin-theme-clientpref-os .aa-en-tete-aide-statut {
		background-color: #5f0360;
	}
}

/* Migrated from [[MediaWiki:Cite references prefix]] */
ol.references {
	font-size: 85%;
}

q {
  quotes: "«\a0" "\a0»";
  font: inherit;
}

/* WP:DIMS reprise style CSS ancien Vector, utilisé sur un grand nombre d'articles */
.toccolours, .cadre-gris-clair {
  border: 1px solid var(--border-color-base, #a2a9b1);
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
  padding: 5px;
  font-size: 95%;
}

/* </nowiki> */

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.