MediaWiki:Common.css : Différence entre versions

De La Grande Bibliotheque de Tamriel
Aller à : navigation, rechercher
(Page créée avec « →‎Le CSS placé ici sera appliqué à tous les habillages. : /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at Wikipedia:NavFrame... »)
 
 
(228 révisions intermédiaires par 4 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
−
/* Le CSS placé ici sera appliqué à tous les habillages. */
+
/* Remplacements de couleurs (Par rapport à Wikipedia) */
 +
/* Backgounds : */
 +
/* #EEF => #EEEAE7 */
 +
/* #CCF => #B6B6B4 */
 +
/* #DDF => #DBD2CC */
 +
/* #DFEDFF => #B6B6B4 */
  
−
/* Standard Navigationsleisten, aka box hiding thingy
+
/* ACCUEIL PRINCIPAL */
−
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
+
−
div.NavFrame {
+
/* Retire le nom de la page d'accueil */
 +
 +
body.action-view.page-Accueil #firstHeading {
 +
  position: absolute;
 +
  top: -5000px;
 +
}
 +
 
 +
@media (max-width: 982px) {
 +
.accueil_entete {
 +
display: none;
 +
}
 +
}
 +
 
 +
@media (min-width: 982px) {
 +
.accueil_mobile {
 +
display: true;
 +
}
 +
}
 +
 
 +
/* Double Wiki */
 +
.mw-content-ltr {
 +
  background-color: #EEEAE7 !important;
 +
}
 +
 
 +
/* BOÎTES DÉROULANTES */
 +
 +
/* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */
 +
 +
div.NavFrame{
 +
padding:2px;
 +
border:1px #AAA;
 +
text-align:center;
 +
border-collapse:collapse;
 +
font-size:0.95em
 +
}
 +
 
 +
div.NavPic{
 +
padding:2px;
 +
float:left
 +
}
 +
 
 +
div.NavFrame div.NavHead{
 +
font-weight:700;
 +
background:#efefef
 +
}
 +
 
 +
div.NavEnd{
 +
height:0;
 +
clear:both
 +
}
 +
 
 +
/* Largeur minimale du cadre des miniatures d'images */
 +
.thumbinner {
 +
min-width: 100px;
 +
}
 +
 
 +
/* Images should be responsive */
 +
img { height: auto; max-width: 96%; }
 +
 +
/* Styles de [[Modèle:Méta palette de navigation]] */
 +
 +
table.navbox {
 +
background: #f9f9f9;
 +
border: 1px solid #aaa;
 +
clear: both;
 +
font-size: 0.89em;
 +
margin: 1em 0 0;
 +
padding: 2px;
 +
text-align: center;
 +
width: 100%;
 +
}
 +
table.navbox-subgroup {
 +
background: transparent;
 +
border: 0;
 +
margin: -3px;
 +
padding: 0;
 +
text-align: center;
 +
width: calc(100% + 6px);
 +
}
 +
th.navbox-title {
 +
background: #B6B6B4;
 +
padding-left: 1em;
 +
padding-right: 1em;
 +
}
 +
th.navbox-group {
 +
background: #DBD2CC;
 +
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: #eeeae7;
 +
}
 +
table.navbox-subgroup td.navbox-even {
 +
background: transparent;
 +
}
 +
td.navbox-banner {
 +
background: #DBD2CC;
 +
vertical-align: middle;
 +
padding-left: 1em;
 +
padding-right: 1em;
 +
}
 +
tr.navboxHidden {
 +
display: none;
 +
}
 +
@media (max-width: 981px) {
 +
td.navbox-image {
 +
display: none;
 +
}
 +
}
 +
 +
/* Modèle de palettes groupées, [[Modèle:Palette]] */
 +
 +
div.navbox_group {
 +
  border: 1px solid #aaa;
 +
  margin-top: 1em;
 +
}
 +
   
 +
div.navbox_group 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: 0.90em;
 +
  font-weight: normal;
 +
  float: right !important;
 +
  min-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;
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
/* Template:Sourcebox */
 +
.va-sourcebox {
 +
  margin: 0;
 +
  border-collapse: collapse;
 +
  font-size: 1em;
 +
  color: #584763;
 +
  line-height: 1,5%;
 +
}
 +
 +
.va-sourcebox th {
 +
  vertical-align: middle;
 +
  text-align: center;
 +
  padding: 0 5px;
 +
}
 +
 +
.va-sourcebox td {
 +
  padding: 0;
 +
}
 +
 +
.va-sourcebox td span {
 +
  border-top: 1px solid #AAA;
 +
  border-bottom: 1px solid #AAA;
 +
  display: block;
 +
  padding: 2px 5px;
 +
  float: left;
 +
}
 +
 +
/* Printing */
 +
@media print {
 +
  .va-copybox, .va-sourcebox {
 +
      background: none;
 +
      background-color: transparent;
 +
  }
 +
}
 +
 
 +
/* ############################## */
 +
/* ### QUOTES                ### */
 +
/* ### (Template:Quotation)  ### */
 +
/* ############################## */
 +
 +
/* Container */
 +
 
 +
.va-quotation {
 +
  line-height: 1.2em;
 +
  padding: 1em 1em;
 +
  overflow: hidden;
 +
}
 +
 
 +
.va-quotation-body {
 +
  display: flex;
 +
}
 +
 +
.va-quotation-quote {
 +
  display: flex;
 +
  position: relative;
 +
  z-index: 1;
 +
}
 +
 +
.va-quotation-left,
 +
.va-quotation-right {
 +
  border-bottom: 0px solid #AAA;
 +
  border-top: 0px solid #AAA;
 +
  width: 5%;
 +
}
 +
 +
.va-quotation-left {
 +
  clear: left;
 +
  float: left;
 +
  margin: 1em 1em 1em 0;
 +
}
 +
 +
.va-quotation-right {
 +
  clear: right;
 +
  float: right;
 +
  margin: 1em 0 1em 1em;
 +
}
 +
 +
.va-quotation-center {
 +
  text-align: center;
 +
}
 +
 +
.va-quotation-center .va-quotation-body {
 +
  display: inline-block;
 +
}
 +
 +
/* Quotation marks/icons */
 +
.va-quotation-quot-l,
 +
.va-quotation-quot-r {
 +
  width: 2%;
 +
  z-index: -1;
 +
  position: absolute;
 +
  color: #DBD2CC;
 +
  font: bold 4em serif;
 +
  height: 1,5em;
 +
}
 +
 
 +
.va-transcript-icon {
 +
  position: relative;
 +
}
 +
 +
.va-quotation-quot-l {
 +
  left: -15px;
 +
  text-align: left;
 +
}
 +
 +
.va-quotation-quot-r {
 +
  right: -15px;
 +
  text-align: right;
 +
}
 +
 +
.va-quotation-quot-l {
 +
  top: 0px;
 +
}
 +
 +
.va-quotation-quot-r {
 +
  bottom: 0px;
 +
}
 +
 +
/* Quoted text/audio file desc */
 +
.va-quotation-text {
 +
  font-size: 1em;
 +
  font-style: italic;
 +
  display: block;
 +
  margin-top: -0.4em;
 +
  text-align: left;
 +
}
 +
 +
.va-quotation-text ol,
 +
.va-quotation-text p,
 +
.va-quotation-text ul {
 +
  margin-bottom: 0;
 +
}
 +
 +
/* Source */
 +
.va-quotation-source {
 +
  padding: 5px 0 0;
 +
  text-align: right;
 +
  display: block;
 +
  font-size: 1em;
 +
  line-height: 1em;
 +
}
 +
 
 +
.blockquote {
 
     margin: 0;
 
     margin: 0;
−
     padding: 4px;
+
}
−
     border: 1px solid #aaa;
+
 
 +
.blockquote p {
 +
     padding: 1em;
 +
    background: #eee;
 +
     border-radius: 5px;
 +
}
 +
 
 +
.blockquote p::before {
 +
    content: '\201C';
 +
}
 +
 
 +
.blockquote p::after {
 +
    content: '\201D';
 +
}
 +
 
 +
.figure {
 +
    border: thin #c0c0c0 solid;
 +
    display: flex;
 +
    flex-flow: column;
 +
    padding: 5px;
 +
    max-width: 220px;
 +
    margin: auto;
 +
}
 +
 
 +
.figcaption {
 +
    background-color: #222;
 +
    color: #fff;
 +
    font: italic smaller sans-serif;
 +
    padding: 3px;
 
     text-align: center;
 
     text-align: center;
−
    border-collapse: collapse;
 
−
    font-size: 95%;
 
 
}
 
}
−
div.NavFrame + div.NavFrame {
+
−
    border-top-style: none;
+
/* Alignement du tableau : flottant à droite ou à gauche, ou centré.
−
    border-top-style: hidden;
+
  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 contienne 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.legacy/oldshared.css */
 +
table.center {
 +
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):not(.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):not(.center) > caption {
 +
white-space: normal;
 +
}
 +
table.mw-collapsible {
 +
width: 100%;
 +
float: none;
 +
}
 +
}
 +
 
 +
/* infobox_V3  */
 +
 +
/* Icone */
 +
 
 +
.entete {
 +
background-position: right center;
 +
background-repeat: no-repeat;
 +
}
 +
 +
.entete.divinite {
 +
background-image: url("//lagbt.wiwiland.net/images/0/06/Dieu.png");
 +
}
 +
.entete.conflit {
 +
background-image: url("//lagbt.wiwiland.net/images/2/28/Bataille.png");
 +
}
 +
.entete.constellation {
 +
background-image: url("//lagbt.wiwiland.net/images/d/d7/Champion.png");
 +
}
 +
.entete.faction {
 +
background-image: url("//lagbt.wiwiland.net/images/5/55/Faction.png");
 +
}
 +
.entete.film {
 +
background-image: url("//lagbt.wiwiland.net/images/0/05/Film.png");
 +
}
 +
.entete.jeu {
 +
background-image: url("//lagbt.wiwiland.net/images/3/34/Jeux.png");
 +
}
 +
.entete.livre {
 +
background-image: url("//lagbt.wiwiland.net/images/d/df/Livre.png");
 +
}
 +
.entete.personnalite {
 +
background-image: url("//lagbt.wiwiland.net/images/b/be/Perso.png");
 +
}
 +
.entete.ville {
 +
background-image: url("//lagbt.wiwiland.net/images/2/23/Ville.png");
 +
}
 +
 +
/* Entête */
 +
 +
div.infobox_v3 {
 +
padding: 5px;
 +
width: 25em;
 +
background: #f9f9f9;
 +
border: 1px solid #aaa;
 +
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: #B6B6B4;
 +
}
 +
.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%;
 +
flex: 0 0 auto; /* be kind ie11 */
 +
}
 +
.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;
 +
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 {
 +
border-left: 1px dotted #aaa;
 +
}
 +
.infobox_v3 tr.vborder td:first-child {
 +
border-left: none;
 +
}
 +
.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: #B6B6B4;
 +
}
 +
.infobox_v3 p.bloc {
 +
margin: 5px 0;
 +
}
 +
.infobox_v3 caption.bordered,
 +
.infobox_v3 p.bordered {
 +
border-top: 1px solid #B6B6B4;
 +
border-bottom: 1px solid #B6B6B4;
 +
background: transparent;
 +
}
 +
.infobox_v3 .bordered.navbar,
 +
.infobox_v3 .bordered.nav {
 +
padding-top: 4px;
 +
border-bottom: 0;
 +
}
 +
/* 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: 0.1em;
 +
line-height: 1px;
 +
margin: 5px 0;
 +
background-color: #AAA;
 +
}
 +
.infobox_v3 .hr.collapse {
 +
margin: 5px 0 -8px 0;
 +
}
 +
 +
/* 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: url("//lagbt.wiwiland.net/images/1/13/Arr_l.png") no-repeat left center;
 +
float: left;
 +
max-width: 40%;
 +
padding: 0 0 0 18px;
 +
text-align: left;
 +
}
 +
 +
.infobox_v3 .next a,
 +
.infobox_v3 .next_bloc {
 +
        background: url("//lagbt.wiwiland.net/images/a/ad/Arr_r.png") no-repeat right center;
 +
float: right;
 +
max-width: 40%;
 +
padding: 0 18px 0 0;
 +
text-align: right;
 +
}
 +
 +
/* HOMONYMIE */
 +
 +
/* Classe servant à personnaliser l'apparence des liens vers les pages d'homonymie. */
 +
 +
.homonymie {
 +
  padding-left: 2em;
 +
  padding-bottom: .5em;
 +
  margin-bottom: .5em;
 +
  margin-top: -0.6em;
 +
  font-style: italic;
 +
  font-size: 1em;
 +
  color: #584763;
 +
  border-bottom: 1px #AAA solid;
 +
}
 +
 
 +
/* Style des bandeaux d'articles. Voir [[Wikipédia:Prise de décision/Changement de style des messages d'avertissement]]. */
 +
.bandeau-niveau-information {
 +
border-color: #77ccff;
 +
background-color: #fbfbfb;
 +
}
 +
 
 +
/* Commentaire au passage de la souris */
 +
 
 +
Div.Commentaire span {
 +
display: inline;
 +
position: absolute;
 +
border:1px solid #DDD;
 +
background:#F9F9F9;
 +
padding-top:0.5%;
 +
padding-bottom:0.5%;
 +
padding-right:0.5%;
 +
padding-left:0.5%;
 +
visibility:hidden;
 +
opacity:0;
 +
transition:visibility 0s linear 0.5s,opacity 0.5s linear;
 +
}
 +
 
 +
Div.Commentaire:hover span {
 +
visibility:visible;
 +
opacity:1;
 +
transition:visibility 0s linear 0.0s;
 +
}
 +
 
 +
Span.Commentaire span {
 +
display: block;
 +
position: Absolute;
 +
border:1px solid #DDD;
 +
background:#F9F9F9;
 +
padding-top:0.5%;
 +
padding-bottom:0.5%;
 +
padding-right:0.5%;
 +
padding-left:0.5%;
 +
visibility:hidden;
 +
opacity:0;
 +
transition:visibility 0s linear 0.5s,opacity 0.5s linear;
 +
}
 +
 
 +
Span.Commentaire:hover span {
 +
visibility:visible;
 +
opacity:1;
 +
transition:visibility 0s linear 0.0s;
 +
}
 +
 
 +
/*Polices Personnalisées*/
 +
 
 +
.police span.Actif{
 +
Display : inline;
 +
}
 +
.police span.Inactif{
 +
Display : none;
 +
}
 +
.police:hover span.Inactif{
 +
Display : inline;
 +
}
 +
.police:hover span.Actif{
 +
Display : none;
 +
}
 +
/* Polices de langues ES */
 +
@font-face {
 +
  font-family: Daedric;
 +
  src: url(/../woff/Daedric.woff);
 +
}
 +
@font-face {
 +
  font-family: SKDaedric;
 +
  src: url(/../woff/SKDaedric.woff);
 +
}
 +
@font-face {
 +
  font-family: Oblivion;
 +
  src: url(/../woff/Oblivion.woff);
 +
}
 +
@font-face {
 +
  font-family: OblivionWorn;
 +
  src: url(/../woff/OblivionWorn.woff);
 +
}
 +
@font-face {
 +
  font-family: OblivionScript;
 +
  src: url(/../woff/OblivionScript.woff);
 +
}
 +
@font-face {
 +
  font-family: OblivionScriptWorn;
 +
  src: url(/../woff/OblivionScriptWorn.woff);
 +
}
 +
@font-face {
 +
  font-family: Dwemer;
 +
  src: url(/../woff/Dwemer.woff);
 +
}
 +
@font-face {
 +
  font-family: Dwemeris;
 +
  src: url(/../woff/Dwemeris.woff);
 +
}
 +
@font-face {
 +
  font-family: DwemericAldmeric;
 +
  src: url(/../woff/DwemericAldmeric.woff);
 +
}
 +
@font-face {
 +
  font-family: DragonScript;
 +
  src: url(/../woff/DragonScript.woff);
 +
}
 +
@font-face {
 +
  font-family: Dragon;
 +
  src: url(/../woff/Dragon.woff);
 +
}
 +
@font-face {
 +
  font-family: Falmer;
 +
  src: url(/../woff/Falmer.woff);
 +
}
 +
@font-face {
 +
  font-family: MageScript;
 +
  src: url(/../woff/MageScript.woff);
 +
}
 +
 
 +
@import url( 'https://fonts.googleapis.com/css2?family=IM+Fell+English&display=swap|IMFellEnglish-Regular');
 +
 
 +
@font-face {
 +
  font-family: IMFellEnglish-Regular, serif;
 +
}
 +
 
 +
/* Double Wiki */
 +
table.doubleWikiTable td {
 +
  background-color: #B593CD !important;
 +
}
 +
 
 +
mw-content-ltr  {
 +
  background-color: #EEEAE7 !important;
 +
}
 +
 
 +
/* [[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 */
 +
.colonnes li,
 +
.references-small li{
 +
-webkit-column-break-inside: avoid;
 +
page-break-inside: avoid;
 +
break-inside: avoid-column;
 +
}
 +
 
 +
 
 +
 
 +
/* 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 {
 +
display: inline;
 +
margin-left: 0;
 +
}
 +
 
 +
.liste-horizontale li {
 +
white-space: nowrap;
 +
}
 +
.liste-horizontale li:not(:last-child):after {
 +
content: "\A0· ";
 +
font-weight: bold;
 +
white-space: normal; /* nécessaire s'il n'y a pas d'espace entre les <li> dans le HTML */
 +
}
 +
 
 +
.liste-horizontale li > ul,
 +
.liste-horizontale li > ol {
 +
white-space: normal;
 +
}
 +
.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";
 +
}
 +
 
 +
/* Classe ne s'appliquant qu'aux listes à partir du 2e niveau
 +
  Le style est identique à celui produit par [[Modèle:Liste horizontale]]
 +
  Le premier niveau est affiché comme une liste verticale normale
 +
  Adapté depuis la classe .liste-horizontale de [[MediaWiki:Common.css]] */
 +
 
 +
.liste-verticale-horizontale > ul > li ul,
 +
.liste-verticale-horizontale > ul > li ol,
 +
.liste-verticale-horizontale > ul > li li,
 +
.liste-verticale-horizontale > ol > li ul,
 +
.liste-verticale-horizontale > ol > li ol,
 +
.liste-verticale-horizontale > ol > li li
 +
{
 +
display: inline;
 +
margin-left: 0;
 +
padding-left: 0; /* pour la version mobile, padding-left au lieu de margin-left */
 +
}
 +
 
 +
.liste-verticale-horizontale > ul > li li,
 +
.liste-verticale-horizontale > ol > li li
 +
{
 +
white-space: nowrap;
 
}
 
}
−
div.NavPic {
+
.liste-verticale-horizontale > ul > li li:not(:last-child):after,
−
    background-color: #fff;
+
.liste-verticale-horizontale > ol > li li:not(:last-child):after
−
    margin: 0;
+
{
−
    padding: 2px;
+
content: "\A0· ";
−
    /* @noflip */
+
font-weight: bold;
−
    float: left;
+
white-space: normal; /* nécessaire s'il n'y a pas d'espace entre les <li> dans le HTML */
 +
}
 +
 
 +
.liste-verticale-horizontale > ul > li li > ul,
 +
.liste-verticale-horizontale > ul > li li > ol,
 +
.liste-verticale-horizontale > ol > li li > ul,
 +
.liste-verticale-horizontale > ol > li li > ol
 +
{
 +
white-space: normal;
 +
margin-left: 0; /* pour la version mobile, override d'un style appliqué aux listes imbriquées */
 +
}
 +
.liste-verticale-horizontale > ul > li li > ul:before,
 +
.liste-verticale-horizontale > ul > li li > ol:before,
 +
.liste-verticale-horizontale > ol > li li > ul:before,
 +
.liste-verticale-horizontale > ol > li li > ol:before
 +
{
 +
content: " (";
 
}
 
}
−
div.NavFrame div.NavHead {
+
.liste-verticale-horizontale > ul > li li > ul:after,
−
    height: 1.6em;
+
.liste-verticale-horizontale > ul > li li > ol:after,
−
    font-weight: bold;
+
.liste-verticale-horizontale > ol > li li > ul:after,
−
    background-color: #ccf;
+
.liste-verticale-horizontale > ol > li li > ol:after
−
    position: relative;
+
{
 +
content: ")";
 
}
 
}
−
div.NavFrame p,
+
 
−
div.NavFrame div.NavContent,
+
.liste-verticale-horizontale > ul > li ol,
−
div.NavFrame div.NavContent p {
+
.liste-verticale-horizontale > ol > li ol
−
    font-size: 100%;
+
{
 +
counter-reset: listitem;
 
}
 
}
−
div.NavEnd {
+
.liste-verticale-horizontale > ul > li ol > li,
−
    margin: 0;
+
.liste-verticale-horizontale > ol > li ol > li
−
    padding: 0;
+
{
−
    line-height: 1px;
+
counter-increment: listitem;
−
    clear: both;
 
 
}
 
}
−
a.NavToggle {
+
.liste-verticale-horizontale > ul > li ol > li:before,
−
    position: absolute;
+
.liste-verticale-horizontale > ol > li ol > li:before
−
    top: 0;
+
{
−
    /* @noflip */
+
content: counter(listitem) ".\A0";
−
    right: 3px;
 
−
    font-weight: normal;
 
−
    font-size: 90%;
 
 
}
 
}

Version actuelle datée du 11 novembre 2022 à 20:27

/* Remplacements de couleurs (Par rapport à Wikipedia) */
/* Backgounds : */
/* #EEF => #EEEAE7 */
/* #CCF => #B6B6B4 */
/* #DDF => #DBD2CC */
/* #DFEDFF => #B6B6B4 */

/* ACCUEIL PRINCIPAL */
 
/* Retire le nom de la page d'accueil */
 
body.action-view.page-Accueil #firstHeading {
  position: absolute;
  top: -5000px;
}

@media (max-width: 982px) {
	.accueil_entete {
		display: none;
	}
}

@media (min-width: 982px) {
	.accueil_mobile {
		display: true;
	}
}

/* Double Wiki */
.mw-content-ltr {
  background-color: #EEEAE7 !important;
}

/* BOÎTES DÉROULANTES */
 
/* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */
 
div.NavFrame{
padding:2px;
border:1px #AAA;
text-align:center;
border-collapse:collapse;
font-size:0.95em
}

div.NavPic{
padding:2px;
float:left
}

div.NavFrame div.NavHead{
font-weight:700;
background:#efefef
}

div.NavEnd{
height:0;
clear:both
}

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

/* Images should be responsive */
img { height: auto; max-width: 96%; }
 
/* Styles de [[Modèle:Méta palette de navigation]] */
 
table.navbox {
	background: #f9f9f9;
	border: 1px solid #aaa;
	clear: both;
	font-size: 0.89em;
	margin: 1em 0 0;
	padding: 2px;
	text-align: center;
	width: 100%;
}
table.navbox-subgroup {
	background: transparent;
	border: 0;
	margin: -3px;
	padding: 0;
	text-align: center;
	width: calc(100% + 6px);
}
th.navbox-title {
	background: #B6B6B4;
	padding-left: 1em;
	padding-right: 1em;
}
th.navbox-group {
	background: #DBD2CC;
	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: #eeeae7;
}
table.navbox-subgroup td.navbox-even {
	background: transparent;
}
td.navbox-banner {
	background: #DBD2CC;
	vertical-align: middle;
	padding-left: 1em;
	padding-right: 1em;
}
tr.navboxHidden {
	display: none;
}
@media (max-width: 981px) {
	td.navbox-image {
		display: none;
	}
}
 
/* Modèle de palettes groupées, [[Modèle:Palette]] */
 
div.navbox_group {
  border: 1px solid #aaa;
  margin-top: 1em;
}
 
div.navbox_group 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: 0.90em;
  font-weight: normal;
  float: right !important;
  min-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;
}

.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;
}

/* Template:Sourcebox */
.va-sourcebox {
   margin: 0;
   border-collapse: collapse;
   font-size: 1em;
   color: #584763;
   line-height: 1,5%; 
}
 
.va-sourcebox th {
   vertical-align: middle; 
   text-align: center; 
   padding: 0 5px;
}
 
.va-sourcebox td {
   padding: 0;
}
 
.va-sourcebox td span {
   border-top: 1px solid #AAA; 
   border-bottom: 1px solid #AAA; 
   display: block;
   padding: 2px 5px;
   float: left;
}
 
/* Printing */
@media print {
   .va-copybox, .va-sourcebox {
       background: none;
       background-color: transparent; 
   }
}

/* ############################## */
/* ### QUOTES                 ### */
/* ### (Template:Quotation)   ### */
/* ############################## */
 
/* Container */

.va-quotation {
   line-height: 1.2em;
   padding: 1em 1em;
   overflow: hidden;
}

.va-quotation-body {
   display: flex;
}
 
.va-quotation-quote {
   display: flex;
   position: relative;
   z-index: 1;
}
 
.va-quotation-left,
.va-quotation-right {
   border-bottom: 0px solid #AAA;
   border-top: 0px solid #AAA;
   width: 5%;
}
 
.va-quotation-left {
   clear: left;
   float: left;
   margin: 1em 1em 1em 0;
}
 
.va-quotation-right {
   clear: right;
   float: right;
   margin: 1em 0 1em 1em;
}
 
.va-quotation-center {
   text-align: center;
}
 
.va-quotation-center .va-quotation-body {
   display: inline-block;
}
 
/* Quotation marks/icons */
.va-quotation-quot-l,
.va-quotation-quot-r {
   width: 2%;
   z-index: -1;
   position: absolute;
   color: #DBD2CC;
   font: bold 4em serif;
   height: 1,5em;
}

.va-transcript-icon {
   position: relative;
}
 
.va-quotation-quot-l {
   left: -15px;
   text-align: left;
}
 
.va-quotation-quot-r {
   right: -15px;
   text-align: right;
}
 
.va-quotation-quot-l {
   top: 0px;
}
 
.va-quotation-quot-r {
   bottom: 0px;
}
 
/* Quoted text/audio file desc */
.va-quotation-text {
   font-size: 1em;
   font-style: italic;
   display: block;
   margin-top: -0.4em;
   text-align: left;
}
 
.va-quotation-text ol,
.va-quotation-text p,
.va-quotation-text ul {
   margin-bottom: 0;
}
 
/* Source */
.va-quotation-source {
   padding: 5px 0 0;
   text-align: right;
   display: block;
   font-size: 1em;
   line-height: 1em;
}

.blockquote {
    margin: 0;
}

.blockquote p {
    padding: 1em;
    background: #eee;
    border-radius: 5px;
}

.blockquote p::before {
    content: '\201C';
}

.blockquote p::after {
    content: '\201D';
}

.figure {
    border: thin #c0c0c0 solid;
    display: flex;
    flex-flow: column;
    padding: 5px;
    max-width: 220px;
    margin: auto;
}

.figcaption {
    background-color: #222;
    color: #fff;
    font: italic smaller sans-serif;
    padding: 3px;
    text-align: center;
}
 
/* 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 contienne 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.legacy/oldshared.css */
table.center {
	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):not(.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):not(.center) > caption {
		white-space: normal;
	}
	table.mw-collapsible {
		width: 100%;
		float: none;
	}
}

/* infobox_V3  */
	
/* Icone */

.entete {
	background-position: right center;
	background-repeat: no-repeat;
}
	
.entete.divinite {	
	background-image: url("//lagbt.wiwiland.net/images/0/06/Dieu.png");	
}
.entete.conflit {	
	background-image: url("//lagbt.wiwiland.net/images/2/28/Bataille.png");	
}
.entete.constellation {	
	background-image: url("//lagbt.wiwiland.net/images/d/d7/Champion.png");	
}
.entete.faction {	
	background-image: url("//lagbt.wiwiland.net/images/5/55/Faction.png");	
}
.entete.film {	
	background-image: url("//lagbt.wiwiland.net/images/0/05/Film.png");	
}
.entete.jeu {	
	background-image: url("//lagbt.wiwiland.net/images/3/34/Jeux.png");	
}
.entete.livre {	
	background-image: url("//lagbt.wiwiland.net/images/d/df/Livre.png");	
}
.entete.personnalite {	
	background-image: url("//lagbt.wiwiland.net/images/b/be/Perso.png");	
}
.entete.ville {	
	background-image: url("//lagbt.wiwiland.net/images/2/23/Ville.png");	
}
 
/* Entête */
 
div.infobox_v3 {
	padding: 5px;
	width: 25em;
	background: #f9f9f9;
	border: 1px solid #aaa;
	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: #B6B6B4;
}
.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%;
	flex: 0 0 auto; /* be kind ie11 */
}
.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;
	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 {
	border-left: 1px dotted #aaa;
}
.infobox_v3 tr.vborder td:first-child {
	border-left: none;
}
.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: #B6B6B4;
}
.infobox_v3 p.bloc {
	margin: 5px 0;
}
.infobox_v3 caption.bordered,
.infobox_v3 p.bordered {
	border-top: 1px solid #B6B6B4;
	border-bottom: 1px solid #B6B6B4;
	background: transparent;
}
.infobox_v3 .bordered.navbar,
.infobox_v3 .bordered.nav {
	padding-top: 4px;
	border-bottom: 0;
}
/* 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: 0.1em;
	line-height: 1px;
	margin: 5px 0;
	background-color: #AAA;
}
.infobox_v3 .hr.collapse {
	margin: 5px 0 -8px 0;
}
 
/* 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: url("//lagbt.wiwiland.net/images/1/13/Arr_l.png") no-repeat left center;
	float: left;
	max-width: 40%;
	padding: 0 0 0 18px;
	text-align: left;
}
 
.infobox_v3 .next a,
.infobox_v3 .next_bloc {
        background: url("//lagbt.wiwiland.net/images/a/ad/Arr_r.png") no-repeat right center;
	float: right;
	max-width: 40%;
	padding: 0 18px 0 0;
	text-align: right;
}
 
/* HOMONYMIE */
 
/* Classe servant à personnaliser l'apparence des liens vers les pages d'homonymie. */
 
.homonymie {
  padding-left: 2em;
  padding-bottom: .5em;
  margin-bottom: .5em;
  margin-top: -0.6em;
  font-style: italic;
  font-size: 1em;
  color: #584763;
  border-bottom: 1px #AAA solid;
}

/* Style des bandeaux d'articles. Voir [[Wikipédia:Prise de décision/Changement de style des messages d'avertissement]]. */
.bandeau-niveau-information {
	border-color: #77ccff;
	background-color: #fbfbfb;
}

/* Commentaire au passage de la souris */

Div.Commentaire span {
display: inline;
position: absolute;
border:1px solid #DDD;
background:#F9F9F9;
padding-top:0.5%;
padding-bottom:0.5%;
padding-right:0.5%;
padding-left:0.5%;
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

Div.Commentaire:hover span {
visibility:visible;
opacity:1;
transition:visibility 0s linear 0.0s;
}

Span.Commentaire span {
display: block;
position: Absolute;
border:1px solid #DDD;
background:#F9F9F9;
padding-top:0.5%;
padding-bottom:0.5%;
padding-right:0.5%;
padding-left:0.5%;
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

Span.Commentaire:hover span {
visibility:visible;
opacity:1;
transition:visibility 0s linear 0.0s;
}

/*Polices Personnalisées*/

.police span.Actif{
Display : inline;
}
.police span.Inactif{
Display : none;
}
.police:hover span.Inactif{
Display : inline;
}
.police:hover span.Actif{
Display : none;
}
/* Polices de langues ES */
@font-face {
  font-family: Daedric;
  src: url(/../woff/Daedric.woff);
}
@font-face {
  font-family: SKDaedric;
  src: url(/../woff/SKDaedric.woff);
}
@font-face {
  font-family: Oblivion;
  src: url(/../woff/Oblivion.woff);
}
@font-face {
  font-family: OblivionWorn;
  src: url(/../woff/OblivionWorn.woff);
}
@font-face {
  font-family: OblivionScript;
  src: url(/../woff/OblivionScript.woff);
}
@font-face {
  font-family: OblivionScriptWorn;
  src: url(/../woff/OblivionScriptWorn.woff);
}
@font-face {
  font-family: Dwemer;
  src: url(/../woff/Dwemer.woff);
}
@font-face {
  font-family: Dwemeris;
  src: url(/../woff/Dwemeris.woff);
}
@font-face {
  font-family: DwemericAldmeric;
  src: url(/../woff/DwemericAldmeric.woff);
}
@font-face {
  font-family: DragonScript;
  src: url(/../woff/DragonScript.woff);
}
@font-face {
  font-family: Dragon;
  src: url(/../woff/Dragon.woff);
}
@font-face {
  font-family: Falmer;
  src: url(/../woff/Falmer.woff);
}
@font-face {
  font-family: MageScript;
  src: url(/../woff/MageScript.woff);
}

@import url( 'https://fonts.googleapis.com/css2?family=IM+Fell+English&display=swap|IMFellEnglish-Regular');

@font-face {
  font-family: IMFellEnglish-Regular, serif;
}

/* Double Wiki */
table.doubleWikiTable td {
  background-color: #B593CD !important;
}

mw-content-ltr  {
  background-color: #EEEAE7 !important;
}

/* [[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 */
.colonnes li,
.references-small li{
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
}



/* 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 {
	display: inline;
	margin-left: 0;
}

.liste-horizontale li {
	white-space: nowrap;
}
.liste-horizontale li:not(:last-child):after {
	content: "\A0· ";
	font-weight: bold;
	white-space: normal; /* nécessaire s'il n'y a pas d'espace entre les <li> dans le HTML */
}

.liste-horizontale li > ul,
.liste-horizontale li > ol {
	white-space: normal;
}
.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";
}

/* Classe ne s'appliquant qu'aux listes à partir du 2e niveau
   Le style est identique à celui produit par [[Modèle:Liste horizontale]]
   Le premier niveau est affiché comme une liste verticale normale
   Adapté depuis la classe .liste-horizontale de [[MediaWiki:Common.css]] */

.liste-verticale-horizontale > ul > li ul,
.liste-verticale-horizontale > ul > li ol,
.liste-verticale-horizontale > ul > li li,
.liste-verticale-horizontale > ol > li ul,
.liste-verticale-horizontale > ol > li ol,
.liste-verticale-horizontale > ol > li li
{
	display: inline;
	margin-left: 0;
	padding-left: 0; /* pour la version mobile, padding-left au lieu de margin-left */
}

.liste-verticale-horizontale > ul > li li,
.liste-verticale-horizontale > ol > li li
{
	white-space: nowrap;
}
.liste-verticale-horizontale > ul > li li:not(:last-child):after,
.liste-verticale-horizontale > ol > li li:not(:last-child):after
{
	content: "\A0· ";
	font-weight: bold;
	white-space: normal; /* nécessaire s'il n'y a pas d'espace entre les <li> dans le HTML */
}

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

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