MediaWiki:Common.css

/** Le CSS placé ici sera appliqué à toutes les apparences. */
/* FEUILLE DE STYLE GLOBALE

Cette page contrôle l'apparence pour toutes les skins.
Les modifications devant s'appliquer à l'apparence Monobook seulement
doivent aller dans [[MediaWiki:Monobook.css]].

Après chaque modification, prière de vérifier cette feuille de style
avec le valideur CSS du W3C :
http://jigsaw.w3.org/css-validator/validator?uri=http://fr.wikipedia.org/w/index.php?title=MediaWiki:Common.css%26action=raw%26ctype=text/css&usermedium=all
*/

/** CHANGEMENT DE L'INTERFACE PAR DÉFAUT **/

/* MODIFICATIONS RÉCENTES */

body.page-Accueil h1.firstHeading {
	display: none !important;
}

/* Nombre de caractères modifiés dans les modifications récentes et la liste de suivi. */
.mw-plusminus-pos { color:#00B000 }
.mw-plusminus-neg { color:#FF2050 }
.mw-plusminus-null { color:#999 }

/* Symbole de modification non vérifiée dans les modifications récentes
   et la liste de suivi. */
span.unpatrolled { color:#999 }

/* REDIRECTIONS */

/* Redirections sur [[Special:Allpages]] et [[Special:Watchlist/edit]]. */
.allpagesredirect a, .watchlistredir a {
 color:#0B0;
 font-style:italic;
}

/* HISTORIQUE ET PAGES LIÉES */

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

/* DIFFS */

/* Mise en évidence des diffs par du gras et de la couleur. */
table.diff {
 padding:.5em;
}
table.diff td { 
 vertical-align:top;
}
td.diff-addedline { 
 background:#D8E4F6; 
}
td.diff-addedline span.diffchange {
 background:#B0C0F0;
 color:#001040;
 font-weight:bold;
}
td.diff-deletedline {
 background:#E4F6D8;
}
td.diff-deletedline span.diffchange {
 background:#B0E897;
 color:#104000;
 font-weight:bold;
}
td.diff-context {
 background:#FEFEFE;
}

/* Styling for Blockquotes */
blockquote {
    overflow: hidden;
    margin: 1em 1.5em;
    padding: 0 40px;
    border-left: 4px solid #eaecf0;
}

/* TITRES */

/* Interligne suffisant si le titre prend plusieurs lignes. */
.firstHeading { line-height:1.2em }

/* BALISES SOURCE, PRE, CODE */

pre { overflow:auto }
code { background:transparent }

/* Style for horizontal lists (separator following item).
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 6 (2014-05-09)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}n
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}
 
/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ol li,
.plainlist ul li {
    margin-bottom: 0;
}

/* PLACEMENT DU LIEN PATROLLINK */

/* Pour les admins, être sur que le lien de validation soit immédiatement
   visible même en cas d'élément flottant à droite. */
.patrollink { clear:both }

/* SITENOTICE */

/* Apparence du message en haut, [[MediaWiki:Sitenotice]]. */
#siteNotice table {
 background:transparent;
 font-size:90%;
}

/* DAMIER SUR LES IMAGES */

/* 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("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") }

/* VERSION IMPRIMABLE */

/* Ne pas afficher le lien complet des URL externes sur la version imprimable
   (à faire manuellement, grâce à class="plainlinksneverexpand"). */
.plainlinksneverexpand a.external.text:after {
 display:none !important;
}
.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;
}

/** MODÈLES ET PERSONNALISATION **/

/* HOMONYMIE */

/* Classe servant à personnaliser l'apparence des liens vers les pages d'homonymie. */
.homonymie {
 padding-left:2em;
 padding-bottom:.5em;
 margin-bottom:.5em;
 font-style:italic;
 border-bottom:1px #AAA solid;
}


/* ARTICLE DÉTAILLÉ */

/* Classes pour le modèle {{Article détaillé}} ou {{Loupe}}, ainsi que {{Article principal}} ;
   style décidé dans [[Wikipédia:Prise de décision/Unification des modèles : article détaillé et Loupe]]. */
.detail, .details {
 margin:0 0 .7em 2em; 
 border:1px solid #e7e7e7; 
 border-width:1px 0; 
 text-align:left; 
 font-size:95%; 
 background:#fdfdfd; 
 padding:1px 4px;
 display:table;
}
.detail > span {
 display:table-row;
}
.detail > span > span {
 display:table-cell;
 padding-left:4px;
 width:100%;
}


/* ICÔNES */

/* Icônes en tête de pages pour les AdQ, les BA, etc. */
.portlet li, li.IW {
 list-style-image:url("http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png")
}
li.AdQ { list-style-image:url("http://upload.wikimedia.org/wikipedia/fr/4/4c/Icone_AdQ.png") }
li.BA { list-style-image:url("http://upload.wikimedia.org/wikipedia/fr/8/86/Icone_BA.png") }

/* ÉCRITURES NON LATINES */

/* Taille et famille des polices pour les écritures non-latines ; voir aussi {{Lang}}. */

/* Écriture grecque, pour les langues : grec moderne (monotonique), grec ancien (polytonique) */
.lang-grc, .lang-el {
 font-family:"DejaVu Sans", Athena, Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000, sans-serif
}

/* écriture arabe, pour les langues : arabe, persan, urdu */
.lang-ar, .lang-fa, .lang-ur { font-size:1.25em }

/* écriture thaïe, pour la langue : thaï */
.lang-th {
 font-family:"Segoe UI", Tahoma; 
 font-size:.87em; 
 line-height:1.4em
}

/* CHIFFRES ROMAINS */

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

/* RETRAIT DES LIENS MODIFIER */

/* Pour supprimer le lien "modifier" à côté d'une section donnée, utiliser
   <div class="noeditsection"></div> (voir notamment [[Portail:Biologie/Les articles]]). */
.noeditsection span.editsection { display:none }

/* COULEUR DES LIENS */

/* Pour changer la couleur d'un lien, par exemple sur un fond coloré sombre ou clair, utiliser :
   - <div class="lienNoir"></div>
   - <div class="lienBlanc"></div>
   - <div class="lienClair"></div>
   Voir notamment [[Portail:Biologie/Les articles]] */

/* Lien noir */
.lienNoir a {
 color:#000;
}
.lienNoir a:visited {
 color:#707070;
}

/* Lien blanc */
.lienBlanc a {
 color:#FFF;
}
.lienBlanc a:hover {
 color:#FFF;
 text-decoration:underline;
}
.lienBlanc a:visited {
 color:#B9B9B9;
}

/* Lien clair */
.lienClair a {
 color:#A0A0A0;
}
.lienClair a:hover {
 color:#A0A0A0;
 text-decoration:underline;
}
.lienClair a:visited {
 color:#B9B9B9;
}


/** NOTES, RÉFÉRENCES, BIBLIOGRAPHIE **/

/* CROCHETS */

/* Par défaut, cacher les crochets autour des notes. */
.cite_crochet { display:none }

/* Interligne */

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

/* MISE EN ÉVIDENCE */

/* Mise en surbrillance de la note ou de l'ouvrage de référence cliqué
   pour faciliter la navigation (de en.wikipedia). */

/* Contenu de la note */
ol.references > li:target, .ouvrage:target { background:#DEF }

/* Renvoi */
sup.reference:target { background:#DEF }
/*

/* RÉFÉRENCE NÉCESSAIRE */

/* Style des modèles {{Référence nécessaire}} et {{Citation nécessaire}}. */
span.need_ref { border-bottom:1px solid #AAA }

div.need_ref {
 border:1px solid #AAA;
 padding:.5em;
}

/* Référence présente */
span.ref:hover { border-bottom:1px solid #AAA }

/* NORMES BIBLIOGRAPHIQUES */

/* Mode d'affichage par défaut des données dans l'espace référence. */
.BibList { display:block }
.WikiNorme, .BibTeX, .ISBD, .ISO690, .specialBib { display:none }

/** BOÎTES ET MESSAGES **/

/* 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;
}
.bandeau-titre {
	font-size: 1.1em;
	line-height: 1.4em;
}
.bandeau-texte {
	font-size: 0.9em;
	line-height: 1.2em;
}

/* MESSAGES D'ALERTE */

/* Styles par défaut pour les bandeaux en haut des articles. Syntaxe :
   Styles décidés suite à [[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:.11em;
 background:#FFD;
 margin-bottom:.4em;
 font-style:italic;
}

/* Classe supplémentaire pour les alertes graves. */
.grave { border:1px solid #F96 }

/* MESSAGEBOX */

/* Styles des « messagebox » standard. Utilisation : 
* class="messagebox" : voir {{Messagebox}}.
* class="messagebox merge" : inutilisé ?
* class="messagebox cleanup" pour certains bandeaux de maintenance (exemple sur {{Résumé introductif}})
* class="messagebox standard-talk" pour les bandeaux en page de discussion des aricles (exemple : {{Traduit de}})
*/
.messagebox {
 border:1px solid #AAA;
 background:#f9f9f9;
 width:80%;
 margin:0 auto 1em auto;
 padding:.2em;
 text-align:justify;
}

.messagebox.merge {
 border:1px solid #cf9fff;
 background:#f5edf5;
 text-align:center;
}

.messagebox.cleanup {
 border:1px solid #9f9fff;
 background:#efefff;
 text-align:center;
}

.messagebox.standard-talk {
 border:1px solid #c0c090;
 background:#f8eaba;
}

/* BOÎTES POUR EXEMPLES */

/* Boîtes utiles sur les pages d'aide. Voir par exemple [[Aide:Note#Notes à appel unique]]. */
.exemple {
 margin:.5em;
 padding:.5em;
 border:dashed 1px #ADD8E6;
 background:#FFF;
}

/* BOÎTES D'AVANCEMENT */

/* Pour les boites d'avancement, voir {{Avancement}}. */
.avance_boite {
 position:relative;
 margin:0;
 padding:0;
 width:100px;
 height:16px;
 background:#D3D3D3;
 border:solid 1px gray;
}

.avance_barre {
 position:relative;
 margin:0;
 padding:0;
 height:100%;
 background:#A0A0FF;
 border:0;
 vertical-align:middle;
}

.avance_texte {
 position:absolute;
 top:0;
 left:0;
 width:100px;
 height:100%;
 padding:0;
 border:0;
 margin:0;
 text-align:center;
 vertical-align:middle;
 font-size:14px;
}

/* MESSAGES SYSTÈME */

/* 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]].
 */

/* Bandeau jaune / rouge en cas de retard de la base de données. */
div.mw-lag-warn-normal, div.mw-lag-warn-high {
 text-align:left !important;
 width:50% !important;
}

/* 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:#FAEBD7;
 border:2px solid #FF8C00;
}

/* Boîtes à outils */
.mw-toolbox {
 font-size:90%;
 background:#F8F8F8;
 border:1px solid #B8B8B8;
 padding:.25em 1em .25em 1em;
 clear:both;
}
/*  METADATA */

/* Tableau des métadonnées d'image (EXIF). */
table.metadata {
 border:1px solid #AAA;
 display:none;
 speak:none;
}
.metadata-label {
 color:#AAA;
}

/* Template:Creator */

/* Répare le style du tableau [[commons:Template:Creator|Creator]] utilisé sur Commons. */
table.creator { 
 text-align:left;
 border-collapse:collapse;
 background:#F0F0FF;
}

table.creator th {
 background:#E0E0EE;
 vertical-align:top;
}

table.creator td {
 background:#F0F0FF;
 vertical-align:top;
}

table.creator td.creator-name {
 font-weight:bold;
}

/* BOÎTES DÉROULANTES */

/* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */
div.BoxenVerschmelzen, div.NavFrame {
 margin:0;
 padding:2px;
 border:1px solid #AAA;
 text-align:center;
 border-collapse:collapse;
 font-size:95%;
}

div.BoxenVerschmelzen div.NavFrame {
 border-style:none;
 border-style:hidden;
}

div.NavFrame + div.NavFrame {
 border-top-style:none;
 border-top-style:hidden;
}

div.NavPic {
 background:#FFF;
 margin:0;
 padding:2px;
 float:left;
}

div.NavFrame div.NavHead {
 height:1.6em;
 font-weight:bold;
 font-size:100%;
 background:#efefef;
}

div.NavFrame p {
 font-size:100%;
}

div.NavFrame div.NavContent {
 font-size:100%;
}

div.NavFrame div.NavContent p {
 font-size: 100%;
}

div.NavEnd {
 margin:0;
 padding:0;
 line-height:1px;
 clear:both;
}

.NavToggle {
 font-size:x-small;
 float:right;
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;      /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    line-height: 1.8em;
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}
 
/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.mw-body-content .navbar ul {
    line-height: inherit;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li span {
  font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}
 
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}

/*=== Infobox ===

Style commun aux infobox ; utiliser : 
* class="infobox" dans l'en-tête.
* class="infoboximage" pour l'image et sa description
* class="infoboxsoustitre" pour le sous-titre.
Voir [[Aide:Infobox]] et [[Projet:InfoBox]].
*/
.infobox {
  background:#EEE; /* couleur correspondant aux titres / colonne de gauche, th */
  color:#000;
  float:right;
  clear:right;
  font-size:95%;
  border-collapse:collapse;
  margin:0 0 .5em 1em;
  width:250px;
}

.infobox caption {
  background:#c0c0c0;
  border-left:1px solid #AAA;
  border-top:1px solid #AAA;
  border-right:1px solid #AAA;
  padding:.2em;
  margin-left:.57em;
  font-weight:bolder;
  text-align:center;
  color:#FFF;
  font-size:160%;
}

.infobox th, .infobox td {
  vertical-align:middle;
  border:1px solid #AAA;
  padding:.2em .2em .2em .5em;
}

.infobox td {
  text-align:center;
  background:#f9f9f9;
}

.infobox th {
  font-weight:normal;
  text-align:left;
}

.infobox .infoboximage { /* emplacement pour les photos et une description */
  background:#FFF;
  padding:0;
  margin-top:0;
  color:#000;
  text-align:center;
}

.infobox .infoboxsoustitre { /* sous-titre */
  color:#000;
  font-weight:bold;
  font-size:115%;
  line-height:2;
  text-align:center;
}

.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

.infobox.sisterproject {
    width: 21em;
    font-size: 90%;
}

.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}


/* Tableaux selon la charte graphique. Ils sont centrés par défaut. */
table.wikitable {
  margin:1em auto 1em auto;
  background:#f9f9f9;
  border:1px #AAA solid;
  border-collapse:collapse;
}

table.wikitable th, table.wikitable td {
  border:1px #AAA solid;
  padding:.3em;
}

table.wikitable th {
  background:#f2f2f2;
  text-align:center;
}

table.wikitable caption {
  margin-left:inherit;
  margin-right:inherit;
}

/* Alignement du tableau : flottant à droite ou à gauche. On peut aligner à droite ou à gauche sans flottement en ajoutant {{clr}} en bas du tableau, ou en précisant style="float: none" dans l'en-tête du tableau. */

table.gauche {
  float:left;
  margin:0 1em 1em 0;
}

table.droite {
  float:right;
  margin:0 0 1em 1em;
}

/* flotte à gauche (déprécié : remplacé par class="wikitable droite") */
table.wikitableleft {
  float:left;
  margin:1em 1em 1em 0;
  background:#f9f9f9;
  border:1px #AAA solid;
  border-collapse:collapse;
}

table.wikitableleft th, table.wikitableleft td {
  border:1px #AAA solid;
  padding:.3em;
}

table.wikitableleft th {
  background:#f2f2f2;
  text-align:center;
}

table.wikitableleft caption {
  margin-left:inherit;
  margin-right:inherit;
}

/* flotte à droite (déprécié : remplacé par class="wikitable droite") */
table.wikitableright {
  float:right;
  margin:1em 0 1em 1em;
  background:#f9f9f9;
  border:1px #AAA solid;
  border-collapse:collapse;
}

table.wikitableright th, table.wikitableright td {
  border:1px #AAA solid;
  padding:.3em;
}

table.wikitableright th {
  background:#f2f2f2;
  text-align:center;
}

table.wikitableright caption {
  margin-left:inherit;
  margin-right:inherit;
}
/*

=== Sporttable ===

Tableau préformaté permettant lignes blanches et lignes grises. Syntaxe : class="sporttable"
Exemple sur [[Équipe d'Angleterre de rugby à XV#Statistiques sur les matchs|cet article]].
*/
table.sporttable {
  margin:1em 1em 1em 0;
  background:#f9f9f9;
  border:1px #AAA solid;
  border-collapse:collapse;
}

table.sporttable th, table.sporttable td {
  border:1px #AAA solid;
  padding:.2em;
}

table.sporttable th {
  font-weight:bold;
}

table.wikitable caption {
  margin-left:inherit;
  margin-right:inherit;
}
/*

=== Wikitemplate ===

Tableau pour modèle (en test : voir [[Discussion Modèle:Histoire des pays des Amériques]]).
*/
table.wikitemplate {
  margin:1em 1em 1em 0;
  width:80%;
  background:#f7f8ff;
  padding:3px;
  border:1px #AAA solid;
}

table.wikitablue th {
  background:#c8d8ff;
  text-align:center;
}

/** PROJETS ET PORTAILS **/

/* PORTAILS MODULAIRES */

/* Styles pour les portails en « modules », voir [[Aide:Créer un portail]]. */

/* une case typique pour portail modulaire */
.portailCase {
 border:1px solid #AAA;
 display:block;
 margin:5px 0;
 padding:0;
 padding-bottom:1px;
 vertical-align:top;
 width:100%;
}

/* le titre de cette case, apparaissant sur un fond différent */
.portailCase h2 {
 font-weight:bold;
 font-size:100%;
 margin:0 0;
 margin-bottom:5px;
 padding:4px;
 text-align:center;
}

/* le lien editer (en bas) tout à droite */
.portailLienEdition {
 display:block;
 font-size:x-small;
 text-align:right;
 clear:both;
}

/* classe destinée à remplacer la classe portailCase */
.portailCase_v2 {
 border:1px solid #AAA;
 color:#000;
 font-size:100%;
}

h2.portailCase_v2 {
 font-weight:bold;
 margin:0;
 padding:3px;
 text-align:center;
}

div.portailCase_v2 {
 border-top:0 solid white;
 margin-bottom:1ex;
 padding:5px 5px 0 5px;
}

/* ÉGYPTOPÉDIA */

/* Cadre du calendrier */
div.egy_calendrier#cadre {
 border:1px solid #CC9;
 background:#FFF;
 text-align:center;
 font-size:smaller;
}

/* Style du lien du calendrier */
div.egy_calendrier#lien {
 background:#CC9;
 padding:.2em;
}

/* Style du jour du calendrier */
div.egy_calendrier#jour {
 font-size:medium; 
}

/* Style des tableaux de navigation */
table.egyleft, .egybox {
 float:right;
 margin:.5em .5em 1em 1em;
 border:1px solid #AAAA80;
 background:#EFEFDD;
 text-align:center;
 width:170px;
}

table.egyptopedia {
 float:right;
 margin:.5em .5em 1em 1em;
 border:1px solid #AAAA80;
 border-collapse:collapse;
 background:#EFEFDD;
 text-align:center;
 width:170px;
}

table.egyptopedia th, table.egyptopedia td {
 border-width:1px;
 border-style:solid;
 border-color:#AAAA80;
 border-collapse:collapse;
}

/** PAGES PARTICULIÈRES **/

/* Boîte Special:Userlogin */
form#userlogin {
 padding:1em 1em .7em 1em;
 background:#ffffe6;
 border:2px solid #fc6;
 color:#000;
 margin-right:2em;
}

form#userlogin table {
 background:#ffffe6;
 color:#000;
}

/* ACCUEIL */

.page-Accueil .firstHeading {
 display:none;
}
.page-Accueil #ca-nstab-main a {
 content:"Accueil";
}

#accueil_titre {
 margin-top:1.5em;
}

.headergris {
 background:#F0F0F0 url("http://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:#000;
 padding:.15em .4em;
}

.cadregris {
 border:1px solid #AAA;
 background:#fcfcfc;
 vertical-align:top;
 padding:7px;
 margin-bottom:.6em;
}

.accueil_cadre_lien {
 text-align:right;
 margin-right:.5em;
 font-size:xx-small;
}

/* TABLE DES MATIÈRES */

/* Classes permettant de spécifier un niveau maximum d'affichage de la table des matières. 
Par exemple, <div class="toclimit-3"> n'affichera que les niveaux == Titre ==
et === Sous-titre ===, mais pas plus. Utilisé par le Modèle:TOClimit entre autres. */
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display:none }

/* FLEXLAYOUT */
/* Pour répondre à différentes largeurs de fenêtre */
.flexlayout {
	display:flex;
	flex-direction:row;
	clear:both;
}
.flexequal > .flexcol {
	flex-basis:0%;
}
.flexcol {
	flex-grow:1;
}
.flexcol+.flexcol {
	margin-left:1em;
}
@media (max-width: 1180px) {
	#mp-topbanner .flexlayout {
		flex-wrap:wrap;
	}
}
@media (max-width: 930px) {
	.flexlayout {
		flex-direction:column;
	}
	.flexcol+.flexcol {
		margin-left:unset;
	}
}