MediaWiki:Common.css

Un livre de Wikilivres.
Sauter à la navigation Sauter à la recherche

Attention : Depuis MediaWiki 1.18 les pages se terminant avec l'extension .js ou .css sont interprétées comme des pages wiki ! En particulier les modèles (subst ou non) et les liens. Vous devez donc migrer le code source et effectuer vos changements en évitant ces éléments de syntaxe wiki (peu importe leurs emplacements dans le code source : commentaire, chaine) :

  • Double accolades ouvrantes (en particulier avec subst:) : séparer les deux accolades "{"+"{" du reste de la chaine
  • Double crochets ouvrants : même technique de séparation.
  • Signature (tildes ~ multiples) : même technique de séparation.

Note : après avoir enregistré vos préférences, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : Maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac) ;
  • Google Chrome : Appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac) ;
  • Internet Explorer : Maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ;
  • Konqueror : Cliquez sur Actualiser ou pressez F5 ;
  • Opera : Videz le cache dans Outils → Préférences.
.wgfrwikibooks_CommonCssVersion:after{content:"20180530001";}
/* Le CSS placé ici sera appliqué à toutes les apparences. 

Effectuez toujours un [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ffr.wikibooks.org%2Fw%2Findex.php%3Ftitle%3DMediaWiki%3ACommon.css%26action%3Draw%26ctype%3Dtext%2Fcss&usermedium=all test de validation CSS] après chaque modification et [http://validator.w3.org/ vérifiez] que les pages concernées par les modifications de cette feuille de style produise un code HTML valide.

À ÉVITER car non supportés par certains navigateurs :
* les couleurs codées sur 3 chiffres hexadécimaux au lieu de 6.
  exemple:  Éviter #c05 et utiliser plutôt #cc0055

RECOMMANDÉ :
* pour les couleurs, utiliser si possible l'une des 216 couleurs web standards
  (en hexadécimal pour chaque composante, n'utiliser que les chiffres multiples de 3 doublés: 00 33 66 99 cc ff)

Voir aussi :
- [[Mediawiki:Common.js]]
- [[MediaWiki:Geshi.css]]
- [[Mediawiki:Monobook.css]]
- [[Mediawiki:Vector.css]]

== CLASSES GÉNÉRALES ==
*/

body.mediawiki .only_mobile { display:none; }

.newbooks-0 { display:none; }

table {
    background: None;
}

.link-wikipedia {
   background: url("//upload.wikimedia.org/wikipedia/commons/8/85/Wikipedia-logo-14px.png") no-repeat center left !important; 
   padding-left:17px !important;
}


/* Pour les catégories : clear avant les rubriques sous-catégorie, et pages */
#mw-subcategories, #mw-pages { clear:both; }

/* Clear pour les bas de page */
.content-footer { clear:both; }

/* Affichage en fond transparent de <code></code> */
code {
    background-color: transparent;
}


/* DESCRIPTION DES GADGETS */

.gadget-new:before
{
content:"Nouveau ! ";
color:red;
font-weight:bold;
font-style:italic;
} 

.gadget-ext {
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=") no-repeat scroll right center transparent;
padding-right:13px;
}

.gadget-big {
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAACQSURBVDhPlZIBDoAgCEWpK3UnPVOdKc9UfeZ3jLn5c3PaBx4E2jNZVu6ZLGm7iWurza4mOMe0Zy/sb4WMA8sIhEgQTm7otMU77Q75/EcxEBgQgUyUtVh9LgAc72GVmrPuHzgOPMux9hY8wHEgeBmKqWJD5w/gxDdtMQd0r2s2ZenB9WFwBqPnanB+DXGykfECNY3C1VRyg0AAAAAASUVORK5CYII=") no-repeat scroll right center transparent;
padding-right:23px;
}


/* CATÉGORIES CACHÉES */
/* Si toutes les catégories d'une page sont cachées, les afficher quand même (comme ça le script peut afficher le "+") */
.catlinks-allhidden { display: block; }

/* Masquage du lien vers [[Special:Upload]], remplacement par un autre lien dans Monobook.js */
#t-upload {
   display:none
}

/* cacher les crochets pour les notes par défaut */
.cite_crochet { 
   display: none
}

/* pour lettrines */
.lettrine:first-letter {
  margin-right: 0.1em;
  float: left;
  font-size: 4em;
  font-weight: bold;
}

/* mise en valeur des références cliquées */
ol.references > li:target {
 background-color: #DDEEFF;
}

/* pour harmoniser les exposants */
.exposant { vertical-align: text-top; }

/* pour diminuer la taille des notes lorsqu'elles sont générées par le modèle "Références" */
.references-small { font-size: 90%;}

/* dans special:allpages et special:watchlist, 
rendre plus visible les pages étant des redirects 
(allpagesredirect est déjà en italique par défaut) */
.allpagesredirect a,
.watchlistredir a  {
color:green;
}

/* pour les petits liens en bas à droite des cadres */
.portailLienEdition, .SmallRightLink, .SmallRightText {
  display:block;
  font-size:x-small;
  text-align:right;
  clear:both;
}

/* cache le titre sur la page d'accueil */
.page-Accueil .firstHeading {display:none}


/* MODÈLES DE COORDONNÉES */
 
/* Voir [[Modèle:Coord]] pour l'utilité de ces classes. 
   Notez que les classes "geo", "longitude", et "latitude" ne sont pas simplement des styles 
   mais servent aussi à l'export au Geo microformat, il ne faut pas les renommer. */
.geo-default { display:inline }
.geo-nondefault { display:none }
.geo-dms { display:inline }
.geo-dec { display:inline }
.geo-multi-punct { display:none }
 
.longitude .latitude { white-space:nowrap }


/*

=== Style de numérotation des listes ordonnées ===
Utiliser une balise &lt;div class="list-..."&gt; pour encadrer la liste.

*/

/* NIVEAU 1 */
.list-upper-roman li {  list-style-type: upper-roman;  }
.list-lower-roman li {  list-style-type: lower-roman;  }
.list-upper-latin li {  list-style-type: upper-latin;  }
.list-lower-latin li {  list-style-type: lower-latin;  }

/* NIVEAU 2 */
.list-upper-roman2 li li {  list-style-type: upper-roman;  }
.list-lower-roman2 li li {  list-style-type: lower-roman;  }
.list-upper-latin2 li li {  list-style-type: upper-latin;  }
.list-lower-latin2 li li {  list-style-type: lower-latin;  }

/* NIVEAU 3 */
.list-upper-roman3 li li li {  list-style-type: upper-roman;  }
.list-lower-roman3 li li li {  list-style-type: lower-roman;  }
.list-upper-latin3 li li li {  list-style-type: upper-latin;  }
.list-lower-latin3 li li li {  list-style-type: lower-latin;  }


/*
=== Tableau standard en utilisant class="wikitable" ===
*/

table.wikitable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}
table.wikitable th, table.wikitable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}
table.wikitable th {
  background: #f2f2f2;
  text-align: center;
}
table.wikitable caption {
  margin-left: inherit;
  margin-right: inherit;
}

/*
=== Tableau standard en utilisant class="charttable" ===
*/

table.charttable {
  margin: 0;
  background: #ffffff;
  border: 1px #999999 solid;
  border-collapse: collapse;
}
table.charttable th, table.wikitable td {
  padding: 0.2em;
}
table.charttable th {
  background: #f2f2f2;
  text-align: center;
}
table.charttable caption {
  margin-left: inherit;
  margin-right: inherit;
}


/*
== Messages systèmes ==
*/

div.mw-lag-warn-normal, div.mw-lag-warn-high {
   text-align: left ! important;
   width: 50% ! important;
}

.mw-alerte {
   width:100%;
   clear:both;
   background-color:antiquewhite;
   border:2px solid darkorange;
}

/* Boites à outils, dans certains messages systèmes (Historique, Recherche, Contributions...) */
.mw-toolbox {
   font-size:90%; 
   background-color:#F8F8F8; 
   border:1px solid #B8B8B8; 
   padding:0.25em 1em 0.25em 1em; 
   clear:both;
}

/* Boite grisée, par exemple pour le renommage */
.mw-greybox {
   border:1px solid #ccd2d9; 
   background-color:#f0f6fa; 
   padding:0.25em 1em 0.25em 1em; 
   clear:both;
}


/*
== ÉLÉMENTS UNIQUES ==
Pour les id="..."
*/

#entete_accueil {
  width:80%;
  margin:0 auto;
  font-size:115%;
  line-height:1.3em;
  font-weight:bold;
  margin-bottom:0;
  text-align:center;
}

#browsebar {
  margin-top:-3px;
  margin-bottom:0.5em;
  font-variant: small-caps;
  text-align: center;
  font-size: 102%;
}

#browsebar ul, #browsebar li, #browsebar p {
  display:inline
}

#browsebar ul {
  margin-left:0;
}

#browsebar ul li:after { content: "\A0– " }
#browsebar ul li:after { content: "" } 


/*
== ÉLÉMENTS GÉNÉRIQUES ==

=== Retrait des liens modifier ===
 
Pour supprimer le lien "modifier" à côté d'une section donnée, utiliser <div class="noeditsection"></div>.
*/

.noeditsection span.editsection {
  display: none;
}


/*
== Pour [[Modèle:TopNav]] ==
*/

#top-navigation {
    position:absolute;
    right: 1.15em;
    top: 3.0em;
}

/*
== Coloration indentative ==
*/

.ns-1 dd, .ns-3 dd, .ns-5 dd, .ns-7 dd, .ns-9 dd, 
.ns-11 dd, .ns-13 dd,.ns-15 dd, .colorationindentative dd { 
   margin: 0;
   padding: 0;
}

.ns-1 dl, .ns-3 dl, .ns-5 dl, .ns-7 dl, .ns-9 dl, 
.ns-11 dl, .ns-13 dl, .ns-15 dl, .colorationindentative dl { 
   border-top: solid 1px lightgrey; 
   border-left: solid 1px lightgrey; 
   padding-top: 0.5em; 
   padding-left: 0.5em; 
   margin-left: 1em; 
}

/*
== Boites déroulantes ==
*/

div.BoxenVerschmelzen,
div.NavFrame {
        margin: 0px;
        padding: 2px;
        border: 1px solid #aaaaaa;
        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-color: #ffffff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        vertical-align: middle;
        font-weight: bold;
        font-size: 100%;
        background-color: #efefef;
}
div.NavHead p {
        margin: 0;
        vertical-align: middle;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}


/*
== Classes pour autoriser une centralisation des sommaires ==

Auteurs : [[w:user:Lachaume]], [[user:J.M. Tavernier]]

Premièrement sont définis les identifiants séparés calqués sur l'apparence de #toc du thème monobook depuis /style/monobook/main.css définis séparément pour ne pas produire du code invalide au test http://validator.w3.org/ lorsque plusieurs types de sommaires sont utilisés dans une page.

Puis la définition de la classe "linelist" qui permet de simuler une liste ordonnée plate à partir d'une liste ordonnée en colonne.

Enfin la classe "numbersonly" qui est censée pouvoir n'afficher que les nombres, sans le texte dans un sommaire condensé destiné à être placé en bas des pages.

Ces classes sont destinées à fonctionner en corrélation avec le [[Modèle:Sommaire]].
*/

#sommaire_droite, #sommaire_haut, #sommaire_bas {
    border:1px solid #aaaaaa;
    background-color:#f9f9f9;
    padding:5px;
    font-size: 95%;
}

#sommaire_droite {
    width:200px; 
    float:right;
}

#sommaire_prog {
    width:200px; 
    float:right;
    background:white;
    border:3px blue solid;
    border-style: inset;
    margin:0;
    margin-left: 1em;
    border-spacing: 0;
}

#sommaire_prog th, #sommaire_prog td {
    padding:2px;
}

#sommaire_prog a, #sommaire_prog p {
    background:none;
}

#sommaire_prog h3, * #sommaire_prog h2 {
    font-size:small;
    margin:0;
    padding:0;
    border:none;
    text-align:center;
    background:#E0E0F0;
    font-weight:bold;
}

#sommaire .editsection {
    display:none
}

#sommaire ol {
    margin: 0.3em 0 0 2em;
}
#sommaire_prog ol {
    font-size:smaller;
}

.linelist ol { margin-left:0em ; counter-reset: item }
.linelist ol li { display:inline ; white-space:normal ;}
.linelist ol li:after { content: " · " }
.linelist ol li:after { content: "" } 
.linelist ol li a:before { content: counter(item) ".\A0"; counter-increment: item }
.linelist ol li .selflink:before { content: counter(item) ".\A0"; counter-increment: item }

.numbersonly ol li a .hideable { display: none; }
.numbersonly ol li a:before { content: counter(item); counter-increment: item }
.numbersonly ol li .selflink .hideable { display: none; }
.numbersonly ol li .selflink:before { content: counter(item); counter-increment: item }


/*
== EN-TÊTES ==
*/

.headergris {
   background: url("//upload.wikimedia.org/wikipedia/commons/d/d7/Bookbar2.png") right;
   background-repeat: no-repeat;
   margin:0; 
   background-color:#F0F0F0; 
   font-size:120%; 
   font-weight:bold; 
   border:1px solid #a3b0bf; 
   text-align:left; 
   color:#000000; 
   padding:0.2em 0.4em;
}

.headerbleu {
   background: url("//upload.wikimedia.org/wikipedia/commons/a/a2/Bookbar1.png") right;
   background-repeat: no-repeat;
   margin:0; 
   background-color:#F0F0F0; 
   font-size:120%; 
   font-weight:bold; 
   border:1px solid #a3b0bf; 
   text-align:left; 
   color:#000000; 
   padding:0.2em 0.4em;
}

.headergris span.editsection, .headerbleu span.editsection, .headergris a.NavToggle, .headerbleu a.NavToggle {
   margin-right: 100px;
}


/*
== ÉLÉMENTS À NE PAS AFFICHER DANS LA VERSION IMPRIMABLE ==
*/

@media print {
    .firstHeading,
    .editlink, 
    .noprint, 
    .metadata, 
    .dablink, 
    #top-navigation, 
    #contentSub,
    .toc, 
    .bookInfobox, 
    .catlinks,
    #privacy, 
    #about, 
    #disclaimer{
       display: none !important; 
    }
    a { 
       margin: auto 1px; 
    }
}


/*
== Style des méta-bandeaux et des méta-étiquettes ==

voir [[Modèle:Méta-bandeau]] et voir [[Modèle:Méta-étiquette]]
*/

.bandeau {
	border: #cccccc solid 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	border-left: solid 10px;
	padding: 0px;
	width: 70%; /* largeur par défaut : peut être modifiée en utilisant les classes suivantes */
	border-left-color: #aaaaaa; /* couleur par défaut : peut être modifiée en utilisant les classes suivantes */
}

.bandeautitre {
	font-weight: bold;
	margin: 0;
	padding: 2px 10px 0px 25px;
	background-color: inherit;
}

.etiquette {
	border: #cccccc solid 1px;
	background-color: white;
	clear: right;
	float: right;
	border-left: solid 10px;
	padding: 5px;
	width: 250px;
	border-left-color: #aaaaaa; /* couleur par défaut, remplaçable */
}

.bandeauvert, .etiquettevert {
	border-left-color: #228b22;
}
.bandeauvert .bandeautitre {
	background-color: #eeffee;
}

.bandeaurouge, .etiquetterouge {
	border-left-color: #c22222;
}
.bandeaurouge .bandeautitre {
	background-color: #ffeeee;
}

.bandeauorange, .etiquetteorange {
	border-left-color: #ffaa00;
}
.bandeauorange .bandeautitre {
	background-color: #ffefc6;
}

.bandeauviolet, .etiquetteviolet {
	border-left-color: #9932cc;
}
.bandeauviolet .bandeautitre {
	background-color: #f5d9ff;
}

.bandeaubleu, .etiquettebleu {
	border-left-color: #1e90ff;
}
.bandeaubleu .bandeautitre {
	background-color: #ccecff;
}

.bandeaujaune, .etiquettejaune {
	border-left-color: #fbe80f;
}
.bandeaujaune .bandeautitre {
	background-color: #ffffdd;
}

.bandeaupetit {
	width: 50%;
}
.bandeaumoyen {
	width: 60%;
}
.bandeaugrand {
	width: 90%;
}


/*
== Corrections impression du code source ==
*/

@media print {
    pre { font-size:100%; }
}

/* DÉBUT DES SCHÉMAS DE COULEUR DE "CADRE À ONGLETS"
    Fonctionnement du [[Modèle:Cadre à onglets]]
    Modèle implanté par User:Peleguer de //ca.wikipedia.org
    Actualisé par User:Joanjoc de //ca.wikipedia.org
    Traduction et adaptation User:Antaya de //fr.wikipedia.org 
    Couleurs pour le [[Modèle:Cadre à onglets]] 
 
Configuration des couleurs par défaut 
Couleurs utilisées; 1; 8080ff 2; 9f9fff 3; c4c4ff 4; ddddff 5; eaeaff */
 
.mbBouton {
  background-color: #ddddff; 
  border: 0.15em solid #000000;
  border-color: #eaeaff #c4c4ff #9f9fff #eaeaff;
  -moz-border-radius: .5em .5em 0em 0em; /* NE VALIDE PAS AU w3c VALIDATOR */
  border-radius: .5em .5em 0em 0em;
  cursor:pointer;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  position: relative;}
 
.mbBouton a,
.mbBouton strong {
  background: none !important;
  color:#8080ff !important;  /* 1 */
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}
 
.mbBouton a:hover,
.mbBouton strong:hover {
  color: black !important;
  text-decoration: underline !important;}
 
.mbBoutonSel {
  background-color: #9f9fff; /* 2 */
  border: 0.15em solid #000000;
  border-color: #c4c4ff #8080ff #9f9fff #c4c4ff;  /* 3 1 2 3 */
  -moz-border-radius: .5em .5em 0em 0em;
  border-radius: .5em .5em 0em 0em;
  cursor: default;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  position: relative;
  color:white;}
 
.mbBoutonSel a {
  background: none !important;
  color:white !important;
  cursor: default;
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}
 
.mbContenu {
  background-color: #f8f8ff;
  border: 0.2em solid #9f9fff; /* 2 */
  border-color: #9f9fff #8080ff #8080ff #9f9fff ; /* 2 1 1 2 */
  -moz-border-radius: 0em .5em .5em 0em;
  border-radius: 0em .5em .5em 0em;
  padding: 1em;
  position: static;  }
 
.mbOnglet {
  background-color: #f8f8ff;
  border-color: #8080ff #c4c4ff #c4c4ff #8080ff; /* 1 3 3 1 */  width: 100%;
}
 
/* Configuration du Lilas 1;7050a0 2;9070c0 3;b090e0 4;d0b0ff 5;f0d0ff */
 
.mbLilas .mbBouton {
 background-color: #d0b0ff; /* 4 */
 border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff;  /* 5 3 2 5 */}
 
.mbLilas .mbBouton a,
.mbLilas .mbBouton strong {
  color:#8080ff !important;  /* 1 */
  font-size:90%}
 
.mbLilas .mbBouton a:hover,
.mbLilas .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbLilas .mbBoutonSel {
  background-color: #9070c0; /* 2 */
  border-color: #b090e0 #7050a0 #9070c0 #b090e0;  /* 3 1 2 3 */}
 
.mbLilas .mbContenu {
  background-color: #f5fffa;
  border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */}
 
.mbLilas .mbOnglet {
  background-color: #f5fffa;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */}
 
 
/* Configuration du Vert 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
 
.mbVert .mbBouton {
 background-color: #a5e085; /* 4 */
 border-color: #c0f090 #90d060 #75c045 #c0f090;  /* 5 3 2 5 */}
 
.mbVert .mbBouton a,
.mbVert .mbBouton strong {
  color:#60b030 !important;  /* 1 */
  font-size:90%}
 
.mbVert .mbBouton a:hover,
.mbVert .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbVert .mbBoutonSel {
  background-color: #75c045; /* 2 */
  border-color: #90d060 #60b030 #75c045 #90d060;  /* 3 1 2 3 */}
 
.mbVert .mbContenu {
  background-color: #f5fffa;
  border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}
 
.mbVert .mbOnglet {
  background-color: #f5fffa;
  border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
 
 
/* Configuration du Bleu 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
 
.mbBleu .mbBouton {
 background-color: #a7c1e6; /* 4 */
 border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9;  /* 5 3 2 5 */}
 
.mbBleu .mbBouton a,
.mbBleu .mbBouton strong {
  color:#3379de !important;  /* 1 */
  font-size:90%}
 
.mbBleu .mbBouton a:hover 
.mbBleu .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbBleu .mbBoutonSel {
  background-color: #5b8dd6; /* 2 */
  border-color: #88abde #3379de #5b8dd6 #88abde;  /* 3 1 2 3 */}
 
.mbBleu .mbContenu {
  background-color: #f0f8ff;
  border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}
 
.mbBleu .mbOnglet {
  background-color: #f0f8ff;
  border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
 
 
/* Configuration du Orange 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
 
.mbOrange .mbBouton {
 background-color: #ffbd7f; /* 4 */
 border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4;  /* 5 3 2 5 */}
 
.mbOrange .mbBouton a,
.mbOrange .mbBouton strong {
  color:#ff820e !important;  /* 1 */
  font-size:90%}
 
.mbOrange .mbBouton a:hover 
.mbOrange .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbOrange .mbBoutonSel {
  background-color: #ff9d42; /* 2 */
  border-color: #ffac5d #ff820e #ff9d42 #ffac5d;  /* 3 1 2 3 */}
 
.mbOrange .mbContenu {
  background-color: #ffeedd; /* 6 */
  border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}
 
.mbOrange .mbOnglet {
  background-color: #ffeedd; /* 6 */
  border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}
 
/* Configuration du Gris 1;666666 2;868686 3;9f9f9f 4;b9b9b9 5;cfcfcf */
 
.mbGris .mbBouton {
 background-color: #b9b9b9; /* 4 */
 border-color: #cfcfcf #9f9f9f #868686 #cfcfcf;  /* 5 3 2 5 */}
 
.mbGris .mbBouton a,
.mbGris .mbBouton strong {
  color:#666666 !important;  /* 1 */
  font-size:90%}
 
.mbGris .mbBouton a:hover 
.mbGris .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbGris .mbBoutonSel {
  background-color: #868686; /* 2 */
  border-color: #9f9f9f #666666 #868686 #9f9f9f;  /* 3 1 2 3 */}
 
.mbGris .mbContenu {
  background-color: #fffce8;
  border-color: #868686 #666666 #666666 #868686; /* 2 1 1 2 */}
 
.mbGris .mbOnglet {
  background-color: #fffce8;
  border-color: #666666 #9f9f9f #9f9f9f #666666; /* 1 3 3 1 */}
 
 
/* Configuration du Jaune 1;aa8800 2;eabb00 3;ffd52b 4;ffe16a 5;ffeeaa */
 
.mbJaune .mbBouton {
 background-color: #ffe16a; /* 4 */
 border-color: #ffeeaa #ffd52b #eabb00 #ffeeaa;  /* 5 3 2 5 */}
 
.mbJaune .mbBouton a,
.mbJaune .mbBouton strong {
  color:#aa8800!important;  /* 1 */
  font-size:90%}
 
.mbJaune .mbBouton a:hover 
.mbJaune .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbJaune .mbBoutonSel {
  background-color: #eabb00; /* 2 */
  border-color: #ffd52b #aa8800 #eabb00 #ffd52b;  /* 3 1 2 3 */}
 
.mbJaune .mbContenu {
  background-color: #fffce8;
  border-color: #eabb00 #aa8800 #aa8800 #eabb00; /* 2 1 1 2 */}
 
.mbJaune .mbOnglet {
  background-color: #fffce8;
  border-color: #aa8800 #ffd52b #ffd52b #aa8800; /* 1 3 3 1 */}
 
 
/* Configuration du Rouge 1;993300 2;ca4200 3;ff6215 4;ff9b6a 5;ffc6aa */
 
.mbRouge .mbBouton {
 background-color: #ff9b6a; /* 4 */
 border-color: #ffc6aa #ff6215 #ca4200 #ffc6aa;  /* 5 3 2 5 */}
 
.mbRouge .mbBouton a,
.mbRouge .mbBouton strong {
  color:#993300!important;  /* 1 */
  font-size:90%}
 
.mbRouge .mbBouton a:hover 
.mbRouge .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbRouge .mbBoutonSel {
  background-color: #ca4200; /* 2 */
  border-color: #ff6215 #993300 #ca4200 #ff6215;  /* 3 1 2 3 */}
 
.mbRouge .mbContenu {
  background-color: #fffce8;
  border-color: #ca4200 #993300 #993300 #ca4200; /* 2 1 1 2 */}
 
.mbRouge .mbOnglet {
  background-color: #fffce8;
  border-color: #993300 #ff6215 #ff6215 #993300; /* 1 3 3 1 */} 
/* ^^^ plus de 50 classes */
 
/*FIN DES SCHÉMAS DE COULEUR DE "CADRE À ONGLETS"*/


/* Classe hlist comme Wikisource */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
 
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
    white-space: nowrap;
}
 
.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;
    white-space: normal;
}
 
.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;
}
 
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
 
.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;
}
 
.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;
}
 
.hlist.hnum ol {
    counter-reset: list-item;
}
.hlist.hnum ol > li {
    counter-increment: list-item;
}
.hlist.hnum ol > li:before {
    content: counter(list-item) " ";
}
.hlist.hnum dd ol > li:first-child:before,
.hlist.hnum dt ol > li:first-child:before,
.hlist.hnum li ol > li:first-child:before {
    content: "(" counter(list-item) " ";
}

/**
 * [[Modèle:Remarque]]
 */
.remarque:before {
    content:"Remarque : ";
    font-weight:bold;
}

.remarque {
    margin:2ex auto 2ex 2em;
}


/* 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]]). */
.liste-horizontale ul,
.liste-horizontale ol,
.liste-horizontale li {
	margin-left: 0;
	display: inline;
	white-space: nowrap;
	*white-space: normal; /* be kind ie7 */
}
.liste-horizontale li:after {
	content: " "; /* au cas ou Mediawiki supprime les retours ligne */
}
.liste-horizontale li + li:before {
	white-space: normal;
	content: "· ";
	font-weight: bold;
}
.liste-horizontale li li:first-child:before {
	white-space: normal;
	content: " (";
}
.liste-horizontale li ul:after,
.liste-horizontale li ol:after{
	content: ")";
	margin-left: -0.28em;
}
.liste-horizontale ol {
	counter-reset: listitem;
}
.liste-horizontale ol > li {
    counter-increment: listitem;
}
.liste-horizontale ol > li:first-child:before {
    content: "1.\202F";
}
.liste-horizontale li ol > li:first-child:before {
    content: " (1.\202F";
}
.liste-horizontale ol > li + li:before {
	content: "· " counter(listitem) ".\202F";
	font-weight: normal;
}

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

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.left-arrow, .right-arrow {
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: box-shadow 0.3s ease-in-out;
}

.left-arrow:hover, .right-arrow:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}