« MediaWiki:Common.css » : différence entre les versions

Dernière version du 8 septembre 2025 à 10:19

/* Le CSS placé ici sera appliqué à tous les habillages. */

.mw-widget-dateInputWidget-calendar {position: inherit!important;}

.selflink {color: #468847;}

.keyboard-key, .kbd {color:#0a7cc8; text-decoration: none;}

.coord {
    font-size: 12px;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    margin: 0 2px;
    padding: 3px 5px;
    white-space: nowrap;
    border: 1px solid #EAEAEA;
    background-color:#D7EFEE!important;
    color:#468781!important;
}

code .red {
    color: #c7254e!important;
    background-color: #f9f2f4!important;
}

.coord a {
    background-color:#D7EFEE!important;
    color:#468781!important;
}

/* Modèles
----------------------------------- */

#ouvrage {
    width:70%;
    font-style: italic;
    margin: 0.25em 0;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #31708F;
    text-align:justify; 
    text-justify: auto;
}

#ouvrage p {
    font-size:1.1em;
}

#ouvrage h2 {
    border-bottom: none!important;
    color:#1B3E57;
    margin-bottom:0.3em!important;
}

#ouvrage cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
 
#ouvrage cite:before {
    content: "\2014 \2009";
}

#citation {
    width:70%;
    font-style: italic;
    margin: 0.25em 0;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #31708F;
    text-align:justify; 
    text-justify: auto;
}

#citation p {
    font-size:1.1em;
}

#citation h2 {
    border-bottom: none!important;
    color:#1B3E57;
    margin-bottom:0.3em!important;
}

#citation cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
 
#citation cite:before {
    content: "\2014 \2009";
}

#purge {
    float:right;
}

table.right {
    float: right !important;
    clear: right !important;
    width: 300px !important;
}
 
/* Infobox
--------------------- */
 
.infobox {
    background: #EEE;
    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 {
    background: #FFF;
    padding: 0;
    margin-top: 0;
    color: #000;
    text-align: center;
}
 
.infobox .infoboxsoustitre {
    color: #000;
    font-weight: bold;
    font-size: 115%;
    line-height: 2;
    text-align: center;
}
 
.infobox dl {
    clear: both
}
 
.infobox dt {
    float: left;
    clear: left;
    width: 35%;
}
 
.infobox dd {
    margin-left: 40%
}
 
/* Infobox v2
--------------------- */
 
.infobox_v2 {
    background: #f9f9f9;
    color: #000;
    font-size: 90%;
    line-height: 1.1em;
    float: right!important;
    clear: right!important;
    margin: 0 0 .5em 1em!important;
    width: 300px!important;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    border: 1px solid #CCC;
    box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);
    padding: 0.1em!important;
}
 
.infobox_v2 th {
    vertical-align: super;
    text-align: left;
}
 
.infobox_v2 .entete {
    height: 45px;
    vertical-align: middle;
    text-align: center;
    font-size: 150%;
    font-weight: bolder;
    line-height: 1.2em;
    color: #000;
}
 
.infobox_v2 .media {
    height: 35px;
    vertical-align: middle;
    text-align: center;
    font-weight: bolder;
    color: #000;
}

/* ENTETES INFOBOXES
--------------------------------------------*/

.entete.construction {
    background: #03576C url('//nefald.fr/wiki/images/e/ea/entete_construction.png') no-repeat top right;
    width:100%;
    height:60px;
}

.entete.plugin {
    background: #FDB600 url('//nefald.fr/wiki/images/6/67/entete_plugin.png') no-repeat top right;
    width:100%;
    height:60px;
}
 
.entete.joueur {
    background: #0072B1 url('//nefald.fr/wiki/images/5/56/entete_joueur.png') no-repeat top right;
    width:100%;
    height:60px;
}
 
.entete.personnage {
    background: #0072B1 url('//nefald.fr/wiki/images/f/f4/entete_personnage.png') no-repeat top right;
    width:100%;
    height:60px;
}
 
.entete.grade {
    background: #FF3400 url('//nefald.fr/wiki/images/2/2b/entete_grade.png') no-repeat top right;
    width:100%;
    height:60px;
}
 
.entete.guilde {
    background: #FF2D07 url('//nefald.fr/wiki/images/2/2f/entete_guilde.png') no-repeat top right;
    width:100%;
    height:60px;
}
 
.entete.ville {
    background: #026B84 url('//nefald.fr/wiki/images/3/3e/entete_ville.png') no-repeat top right;
    width:100%;
    height:60px;
}

.entete.monde {
    background:#82C300 url('//nefald.fr/wiki/images/7/71/entete_monde.png') no-repeat top right;
    width:100%;
    height:60px;
}
 
.entete.logiciel {
    background: #963DC7 url('//nefald.fr/wiki/images/e/e2/entete_logiciel.png') no-repeat top right;
    width:100%;
    height:60px;
}
 
.entete.mod {
    background: #FFD644 url('//nefald.fr/wiki/images/0/0d/entete_mod.png') no-repeat top right;
    width:100%;
    height:60px;
}
 
.entete.territoire {
    background: #578103 url('//nefald.fr/wiki/images/6/60/entete_territoire.png') no-repeat top right;
    width:100%;
    height:60px;
}
 
.entete.application.mobile {
    background: #A4C639 url('//nefald.fr/wiki/images/1/16/entete_application_mobile.png') no-repeat top right;
    width:100%;
    height:60px;
}
 
.entete.schematic {
    background: #596DDB url('//nefald.fr/wiki/images/f/f5/entete_schematic.png') no-repeat top right;
    width:100%;
    height:60px;
}
 
.entete.roleplay {
    background: #1E5C97 url('//nefald.fr/wiki/images/f/fe/entete_roleplay.png') no-repeat top right;
    width:100%;
    height:60px;
}

.entete.tutoriel {
    background: #488BDD url('//nefald.fr/wiki/images/e/e5/entete_tutoriel.png') no-repeat top right;
    width:100%;
    height:60px;
}
 
.entete.metier {
    background: #7BAFFF url('//nefald.fr/wiki/images/e/e4/entete_metier.png') no-repeat top right;
    width:100%;
    height:60px;
}
 
.entete.divinite {
    background: #012946 url('//nefald.fr/wiki/images/4/45/entete_divinite.png') no-repeat top right;
    width:100%;
    height:60px;
}

.entete.ordre {
    background: #012946 url('//nefald.fr/wiki/images/f/f9/entete_ordre.png') no-repeat top right;
    width:100%;
    height:60px;
}

.entete.script {
    background: #FFAC1A url('//nefald.fr/wiki/images/f/f0/entete_script.png') no-repeat top right;
    width:100%;
    height:60px;
}

h2 {
    font-family: 'Helvetica', Arial, sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    margin: 1.6em 0 1em 0;
    padding: 0 0 0.2em 0;
    border-bottom: 1px solid #ccc;
    color: #555;
}

h3 {
    font-family: 'Helvetica', Arial, sans-serif;
    font-size: 1.4em;
    margin: 1.1em 0 0.4em 0;
}

/* * BOÎTES ET MESSAGES * */

div.boite-a-droite {
    display: table;
    clear: right;
    float: right;
    margin: 1em 0 1em 1em;
    width: 20em;
    position: relative;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    text-align: left;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    border: 1px solid #CCC;
    box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, 0.1);
    padding: 0.1em;
}

.boite-sans-fond {
    border-color: #aaa;
}

.boite-grise {
    border-color: #aaa;
    background-color: #F9F9F9;
}
 
.boite-jaune { 
    border-color: #aaa;
    background-color: #FFE998;
}
 
.boite-bleu {
    border-color: #aaa;
    background-color: #EFF6FA;
}
 
span.annexe {font-weight:bold;color:#0a7cc8;}
.annexe a,
.annexe a:active {color:#0a7cc8;}
.annexe a:hover { color:#CB4627!important;}
 
li.annexe {list-style:none;}
 
.titre-annexe {font-size:14px;font-weight:bold;font-style:italic;margin-left:10px;}

/* ===== STYLES ACCUEIL WIKI ADAPTATIFS ===== */

/* Bannière principale */
.wiki-banner {
    position: relative;
    height: 120px;
    background: var(--color-surface-1);
    border-radius: 6px;
    margin-bottom: 20px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border: 1px solid var(--border-color-base);
}

.banner-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.85));
    color: #ffffff;
    padding: 16px 20px;
}

.banner-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 4px;
    color: #ffffff;
}

.banner-subtitle {
    font-size: 0.9rem;
    opacity: 0.9;
    color: #ffffff;
}

/* Navigation en grille */
.wiki-nav-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .wiki-nav-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .wiki-nav-grid {
        grid-template-columns: 1fr;
    }
}

/* NavCard - Effets avancés */
.wiki-nav-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
}

.wiki-nav-card:hover .shine-effect {
    left: 100% !important;
}

.wiki-nav-card:active {
    transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 768px) {
    .wiki-nav-card {
        max-width: 100% !important;
        margin: 12px 0 !important;
    }
}


/* Featured section */
.wiki-featured {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .wiki-featured {
        grid-template-columns: 1fr;
    }
}

.featured-main {
    position: relative;
    height: 200px;
    background: var(--color-surface-1);
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid var(--border-color-base);
    cursor: pointer;
}

.featured-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}

.featured-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.85));
    color: #ffffff;
    padding: 20px;
}

.featured-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 8px;
    color: #ffffff !important;
}

.featured-description {
    font-size: 0.9rem;
    opacity: 0.9;
    line-height: 1.4;
    color: #ffffff !important;
}

/* Sidebar adaptative aux thèmes */
.wiki-sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sidebar-section {
    background: var(--color-surface-1);
    border: 1px solid var(--border-color-base);
    border-radius: 6px;
    padding: 16px;
}

.sidebar-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--border-color-base);
    padding-bottom: 8px;
}

[data-theme='dark'] .sidebar-title,
.skin-citizen-dark .sidebar-title {
    color: #ffffff !important;
}

[data-theme='light'] .sidebar-title,
.skin-citizen-light .sidebar-title,
.sidebar-title {
    color: #1a1a1a !important;
}

.sidebar-section a {
    display: block;
    color: var(--color-primary) !important;
    text-decoration: none;
    padding: 6px 0;
    font-size: 0.875rem;
    line-height: 1.4;
}

.sidebar-section a:hover {
    color: var(--color-primary--hover) !important;
    text-decoration: none;
}

[data-theme='dark'] .sidebar-section,
.skin-citizen-dark .sidebar-section {
    color: #e2e8f0;
}

[data-theme='light'] .sidebar-section,
.skin-citizen-light .sidebar-section,
.sidebar-section {
    color: #374151;
}

@@ Ligne 1 : / Ligne 1 : @@
 /* Le CSS placé ici sera appliqué à tous les habillages. */
+.mw-widget-dateInputWidget-calendar {position: inherit!important;}
-body.mainpage.action-view h1.firstHeading, body.mainpage.action-submit h1.firstHeading { display: none; }
+.selflink {color: #468847;}
-body { background-color: #FCFDFD;}
-/* Couleurs des liens */
+.keyboard-key, .kbd {color:#0a7cc8; text-decoration: none;}
-a {color:#0a7cc8; text-decoration: none;}
-a:hover {color:#181D2E;text-decoration: none;}
-a:active{color:#4E8DAF;}
-a:visited {color:#0a7cc8;text-decoration: none;}
-.new a , #p-personal .new a,#quickbar .new a, .new a:hover, .new a:visited {font-weight:italic!important;}
-/* Menu de gauche */
+.coord {
-#mw-panel li a {color: #CB4627!important;text-decoration:none!important; font-size:1.1em;}
+    font-size: 12px;
-#mw-panel li a:hover {color:#2d2d2d!important;}
+    font-family: Consolas,"Liberation Mono",Courier,monospace;
+    margin: 0 2px;
-/* Onglet du content */
+    padding: 3px 5px;
-vectorTabs a {color:#099DFF; text-decoration: none;}
+    white-space: nowrap;
-div.vectorTabs li a:hover {color:#4D4D4D;text-decoration: none;}
+    border: 1px solid #EAEAEA;
-div.vectorTabs li a:active{color:#4E8DAF;}
+    background-color:#D7EFEE!important;
-div.vectorTabs li a:visited {color:#4E8DAF;text-decoration: none;}
+    color:#468781!important;
-div.vectorTabs li.new a {color:#CB4627/*#FFCE7B*/; font-weight:italic;}
-div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {color:#4E8DAF;}
-div.vectorMenu li a, div.vectorMenu li a{color:#4E8DAF!important;}
-/* Discussion */
-/* Pseudo NS Special (light grey) */
-.ns--2 #content { background-color: #f4f4f4; }
-.ns--2 div.thumb { border-color: #f4f4f4; }
-/* NS Project + Project_talk (light sky blue) */
-.ns-4 #content,
-.ns-5 #content { background-color: #f8fcff; }
-.ns-4 div.thumb,
-.ns-5 div.thumb { border-color: #f8fcff; }
-/* NS MediaWiki + MediaWiki_talk (light grey) */
-.ns-8 #content,
-.ns-9 #content { background-color: #f4f4f4; }
-.ns-8 div.thumb,
-.ns-9 div.thumb { border-color: #f4f4f4; }
-/* NS Manual + Manual_talk (light bluish violet) */
-.ns-100 #content,
-.ns-101 #content { background-color: #f3f3ff; }
-.ns-100 div.thumb,
-.ns-101 div.thumb { border-color: #f3f3ff; }
-/* NS Help (but NOT Help_talk) (blue border and Public Domain icon) */
-.ns-12 #content {
-border-right: none;
-background-repeat: no-repeat;
-background-position: right top;
-}
-.ns-12 #bodyContent {
-background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png);
-background-repeat: no-repeat;
-/* @noflip */ background-position: right 5em;
 }
-/* Tableau */
+code .red {
-table.wikitable {
+    color: #c7254e!important;
-margin: 1em 1em 1em 0;
+    background-color: #f9f2f4!important;
-background-color: #EFF6FA;
-border: 1px #AAA solid;
-border-collapse: collapse;
-color: black;
--webkit-border-radius: 0.3em!important;
--moz-border-radius: 0.3em!important;
- border-radius: 0.3em!important;
- border: 1px solid #CCC;
- box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);
 }
-table.wikitable th, table.wikitable td,
+.coord a {
-table.wiki-table th, table.wiki-table td {
+    background-color:#D7EFEE!important;
-border: 0;
+    color:#468781!important;
-border-bottom: 1px solid #ccc;
-padding: 0.35em 0.5em;
 }
-table.wikitable th, table.wikitable td.hl1, table.wikitable th.hl1,
+/* Modèles
-table.wiki-table th, table.wiki-table td.hl1, table.wikitable th.hl1 {
+----------------------------------- */
-background: #F8F6EB;
-padding: 0.35em 0.5em;
-color: #000;
-text-align: left;
-border-radius: 0.3em;
--moz-border-radius: 0.3em;
--webkit-border-radius: 0.3em;
-text-shadow: none;
-border: 1px solid #ccc;
-box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
-position: relative;
-}
-table.wikitable td.hl2, table.wikitable th.hl2,
+#ouvrage {
-table.wiki-table td.hl2, table.wiki-table th.hl2 {
+    width:70%;
-background: #fff;
+    font-style: italic;
-color: #444;
+    margin: 0.25em 0;
-text-align: center;
+    padding: 0.25em 40px;
-border: 1px solid #ccc;
+    line-height: 1.45;
-border-top: 0;
+    position: relative;
+    color: #31708F;
+    text-align:justify;
+    text-justify: auto;
 }
-table.wikitable td.hl3, table.wikitable th.hl3,
+#ouvrage p {
-table.wiki-table td.hl3, table.wiki-table th.hl3 {
+    font-size:1.1em;
-background: #ebf5f8;
-color: #444;
-text-align: center;
-border: 1px solid #ccc;
-border-top: 0;
 }
-table.wikitable caption,
+#ouvrage h2 {
-table.wiki-table caption {
+    border-bottom: none!important;
-margin-left: inherit;
+    color:#1B3E57;
-margin-right: inherit;
+    margin-bottom:0.3em!important;
-font-weight: bold;
 }
-table.wikitable td,
+#ouvrage cite {
-table.wiki-table td {
+    color: #999999;
-vertical-align: top;
+    font-size: 14px;
-}
+    display: block;
+    margin-top: 5px;
-table.wikitable td:nth-child(even), table.wiki-table td:nth-child(even) {
-background: #f7f7f7;
-}
-table.wikitable tr:hover td, table.wiki-table tr:hover td {
-background: #f5fafc;
--webkit-transition: all .1s;
--moz-transition: all .1s;
--o-transition: all .1s;
-transition: all .1s;
-}
-table.wikitable tr:hover td:nth-child(even), table.wiki-table tr:hover td:nth-child(even) {
-background: #eaf3f7;
 }
-/* Table 2 From sk89q */
+#ouvrage cite:before {
+    content: "\2014 \2009";
- table.wikitable2,
-table.wiki-table2 {
-margin: 1em -2px 1em -2px;
-background: #fff;
-border: 0;
-border-collapse: separate;
-empty-cells: show;
-border-spacing: 1px;
-border: 0;
-border-radius: 0.3em;
--moz-border-radius: 0.3em;
--webkit-border-radius: 0.3em;
 }
-table.wikitable2 th, table.wikitable2 td,
+#citation {
-table.wiki-table2 th, table.wiki-table2 td {
+    width:70%;
-border: 0;
+    font-style: italic;
-border-bottom: 1px solid #ccc;
+    margin: 0.25em 0;
-padding: 0.35em 0.5em;
+    padding: 0.25em 40px;
+    line-height: 1.45;
+    position: relative;
+    color: #31708F;
+    text-align:justify;
+    text-justify: auto;
 }
-table.wikitable2 th, table.wikitable2 td.hl1, table.wikitable2 th.hl1,
+#citation p {
-table.wiki-table2 th, table.wiki-table2 td.hl1, table.wikitable2 th.hl1 {
+    font-size:1.1em;
-background: #f8f6eb;
-padding: 0.35em 0.5em;
-color: #000;
-text-align: left;
-border-radius: 0.3em;
--moz-border-radius: 0.3em;
--webkit-border-radius: 0.3em;
-position: relative;
 }
-table.wikitable2 td.hl2, table.wikitable2 th.hl2,
+#citation h2 {
-table.wiki-table2 td.hl2, table.wiki-table2 th.hl2 {
+    border-bottom: none!important;
-background: #fff;
+    color:#1B3E57;
-color: #444;
+    margin-bottom:0.3em!important;
-text-align: center;
-border: 1px solid #ccc;
-border-top: 0;
 }
-table.wikitable2 td.hl3, table.wikitable2 th.hl3,
+#citation cite {
-table.wiki-table2 td.hl3, table.wiki-table2 th.hl3 {
+    color: #999999;
-background: #ebf5f8;
+    font-size: 14px;
-color: #444;
+    display: block;
-text-align: center;
+    margin-top: 5px;
-border: 1px solid #ccc;
-border-top: 0;
 }
-table.wikitable2 caption,
+#citation cite:before {
-table.wiki-table2 caption {
+    content: "\2014 \2009";
-margin-left: inherit;
-margin-right: inherit;
-font-weight: bold;
-}
-table.wikitable2 td,
-table.wiki-table2 td {
-vertical-align: top;
-}
-table.wikitable2 td:nth-child(even), table.wiki-table2 td:nth-child(even) {
-background: #f7f7f7;
-}
-table.wikitable2 tr:hover td, table.wiki-table2 tr:hover td {
-background: #f5fafc;
--webkit-transition: all .1s;
--moz-transition: all .1s;
--o-transition: all .1s;
-transition: all .1s;
-}
-table.wikitable2 tr:hover td:nth-child(even), table.wiki-table2 tr:hover td:nth-child(even) {
-background: #eaf3f7;
-}
-/* ---- wikitable3 ---- */
-table.wikitable3,
-table.wiki-table3 {
-margin: 1em -2px 1em -2px;
-background: #fff;
-border: 0;
-border-collapse: separate;
-empty-cells: show;
-border-spacing: 1px;
-border: 0;
- font-family: "Courier 10 Pitch",monospace,sans-serif;
-}
-table.wikitable3 th, table.wikitable3 td,
-table.wiki-table3 th, table.wiki-table3 td {
-border: 0;
-border-bottom: 1px solid #ccc;
-padding: 0.35em 0.5em;
 }
-table.wikitable3 th, table.wikitable3 td.hl1, table.wikitable3 th.hl1,
+#purge {
-table.wiki-table3 th, table.wiki-table3 td.hl1, table.wikitable3 th.hl1 {
+    float:right;
-background: #f8f6eb;
-padding: 0.35em 0.5em;
-color: #000;
-text-align: left;
-position: relative;
 }
-table.wikitable3 td.hl2, table.wikitable3 th.hl2,
+table.right {
-table.wiki-table3 td.hl2, table.wiki-table3 th.hl2 {
+    float: right !important;
-background: #fff;
+    clear: right !important;
-color: #444;
+    width: 300px !important;
-text-align: center;
-border: 1px solid #ccc;
-border-top: 0;
 }
-table.wikitable3 td.hl3, table.wikitable3 th.hl3,
-table.wiki-table3 td.hl3, table.wiki-table3 th.hl3 {
-background: #ebf5f8;
-color: #444;
-text-align: center;
-border: 1px solid #ccc;
-border-top: 0;
-}
-table.wikitable3 caption,
-table.wiki-table3 caption {
-margin-left: inherit;
-margin-right: inherit;
-font-weight: bold;
-}
-table.wikitable3 td,
-table.wiki-table3 td {
-vertical-align: top;
-}
-table.wikitable3 td .perm,
-table.wiki-table3 td .perm {
-vertical-align: top;
-font-family: courier,sans-serif;
-}
-table.wikitable3 td:nth-child(even), table.wiki-table3 td:nth-child(even) {
-background: #f7f7f7;
-}
-/*
-table.wikitable3 tr:hover td, table.wiki-table3 tr:hover td {
-background: #f5fafc;
--webkit-transition: all .1s;
--moz-transition: all .1s;
--o-transition: all .1s;
-transition: all .1s;
-}*/
-table.wikitable3 tr:hover td:nth-child(even), table.wiki-table3 tr:hover td:nth-child(even) {
-background: #eaf3f7;
-}
-/*Chronologie */
- table.chronologie,
-table.chrono {
-margin: 1em -2px 1em -2px;
-background: #fff;
-border: 0;
-border-collapse: separate;
-empty-cells: show;
-border-spacing: 1px;
-border: 0;
-}
-table.chronologie th, table.chronologie td,
-table.chrono th, table.chrono td {
-border: 0;
-border-bottom: 1px solid #D2D2D2;
-padding: 0.35em 0.5em;
-}
-table.chronologie th, table.chronologie td.hl1, table.chronologie th.hl1,
-table.chrono th, table.chrono td.hl1, table.chronologie th.hl1 {
-background: #2D2D2D;
-padding: 0.35em 0.5em;
-color: #fff;
-text-align: left;
-position: relative;
-}
-table.chronologie td.hl2, table.chronologie th.hl2,
-table.chrono td.hl2, table.chrono th.hl2 {
-background: #fff;
-color: #444;
-text-align: center;
-border: 1px solid #ccc;
-border-top: 0;
-}
-table.chronologie td.hl3, table.chronologie th.hl3,
-table.chrono td.hl3, table.chrono th.hl3 {
-background: #ebf5f8;
-color: #444;
-text-align: center;
-border: 1px solid #D2D2D2;
-border-top: 0;
-}
-table.chronologie caption,
-table.chrono caption {
-margin-left: inherit;
-margin-right: inherit;
-font-weight: bold;
-}
-table.chronologie td,
-table.chrono td {
-vertical-align: top;
-}
-table.chronologie td:nth-child(even), table.chrono td:nth-child(even) {
-background: #fbfbfb;
-}
-table.chronologie tr:hover td, table.chrono tr:hover td {
-background: #f5fafc;
--webkit-transition: all .1s;
--moz-transition: all .1s;
--o-transition: all .1s;
-transition: all .1s;
-}
-table.chronologie tr:hover td:nth-child(even), table.chrono tr:hover td:nth-child(even) {
-background: #eaf3f7;
-}
-/* Code PRE TT (pour les commandes) */
-code {
-margin: 0 2px;
-padding: 3px 5px;
-white-space: nowrap;
-border: 1px solid #EAEAEA;
-background-color: #F8F6EB;
-border-radius: 3px;
-}
-pre, code, tt {
-font-size: 12px;
-font-family: Consolas, "Liberation Mono", Courier, monospace;
-}
-li { margin: 5px; }
 /* Infobox
 --------------------- */
 .infobox {
-background: #EEE; /* couleur correspondant aux titres / colonne de gauche, th */
+    background: #EEE;
-color: #000;
+    color: #000;
-float: right;
+    float: right;
-clear: right;
+    clear: right;
-font-size: 95%;
+    font-size: 95%;
-border-collapse: collapse;
+    border-collapse: collapse;
-margin: 0 0 .5em 1em;
+    margin: 0 0 .5em 1em;
-width: 250px;
+    width: 250px;
 }
-/* monobookocentré debut*/
 .infobox caption {
-background: #C0C0C0;
+    background: #C0C0C0;
-border-left: 1px solid #AAA;
+    border-left: 1px solid #AAA;
-border-top: 1px solid #AAA;
+    border-top: 1px solid #AAA;
-border-right: 1px solid #AAA;
+    border-right: 1px solid #AAA;
-padding: .2em;
+    padding: .2em;
-margin-left: .57em;
+    margin-left: .57em;
-font-weight: bolder;
+    font-weight: bolder;
-text-align: center;
+    text-align: center;
-color: #FFF;
+    color: #FFF;
-font-size: 160%;
+    font-size: 160%;
 }
 .infobox th,
 .infobox td {
-vertical-align: middle;
+    vertical-align: middle;
-border: 1px solid #AAA;
+    border: 1px solid #AAA;
-padding: .2em .2em .2em .5em;
+    padding: .2em .2em .2em .5em;
 }
 .infobox td {
-text-align: center;
+    text-align: center;
-background: #F9F9F9;
+    background: #F9F9F9;
 }
 .infobox th {
-font-weight: normal;
+    font-weight: normal;
-text-align: left;
+    text-align: left;
 }
 .infobox .infoboximage {
-/* emplacement pour les photos et une description */
+    background: #FFF;
-background: #FFF;
+    padding: 0;
-padding: 0;
+    margin-top: 0;
-margin-top: 0;
+    color: #000;
-color: #000;
+    text-align: center;
-text-align: center;
 }
 .infobox .infoboxsoustitre {
-/* sous-titre */
+    color: #000;
-color: #000;
+    font-weight: bold;
-font-weight: bold;
+    font-size: 115%;
-font-size: 115%;
+    line-height: 2;
-line-height: 2;
+    text-align: center;
-text-align: center;
 }
 .infobox dl {
-clear: both
+    clear: both
 }
 .infobox dt {
-float: left;
+    float: left;
-clear: left;
+    clear: left;
-width: 35%;
+    width: 35%;
 }
 .infobox dd {
-margin-left: 40%
+    margin-left: 40%
 }
 /* Infobox v2
 --------------------- */
 .infobox_v2 {
-/* monobookocentré debut */
+    background: #f9f9f9;
-background: #f9f9f9;
+    color: #000;
-color: #000;
+    font-size: 90%;
-font-size: 90%;
+    line-height: 1.1em;
-line-height: 1.1em;
+    float: right!important;
-float: right;
+    clear: right!important;
-clear: right;
+    margin: 0 0 .5em 1em!important;
-/* haut droite bas gauche */
+    width: 300px!important;
-margin: 0 0 .5em 1em;
+    -webkit-border-radius: 0.3em;
-width: 300px;
+    -moz-border-radius: 0.3em;
- -webkit-border-radius: 0.3em;
+    border-radius: 0.3em;
--moz-border-radius: 0.3em;
+    border: 1px solid #CCC;
-border-radius: 0.3em;
+    box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);
-border: 1px solid #CCC;
+    padding: 0.1em!important;
-box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);
-padding: 0.1em;
 }
 .infobox_v2 th {
-vertical-align: super;
+    vertical-align: super;
-text-align: left;
+    text-align: left;
 }
 .infobox_v2 .entete {
-height: 45px;
+    height: 45px;
-vertical-align: middle;
+    vertical-align: middle;
-text-align: center;
+    text-align: center;
-font-size: 150%;
+    font-size: 150%;
-font-weight: bolder;
+    font-weight: bolder;
-line-height: 1.2em;
+    line-height: 1.2em;
-color: #000;
+    color: #000;
 }
 .infobox_v2 .media {
-/* css V2 pour [[Modèle: Son]], etc. */;
+    height: 35px;
-height: 35px;
+    vertical-align: middle;
-vertical-align: middle;
+    text-align: center;
-text-align: center;
+    font-weight: bolder;
-font-weight: bolder;
+    color: #000;
-color: #000;
 }
 /* ENTETES INFOBOXES
@@ Ligne 533 : / Ligne 228 : @@
 .entete.construction {
-background: #03576C url('//nefald.fr/wiki/images/e/ea/entete_construction.png') no-repeat top right;
+    background: #03576C url('//nefald.fr/wiki/images/e/ea/entete_construction.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.plugin {
-background: #FDB600 url('//nefald.fr/wiki/images/6/67/entete_plugin.png') no-repeat top right;
+    background: #FDB600 url('//nefald.fr/wiki/images/6/67/entete_plugin.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.joueur {
-background: #0072B1 url('//nefald.fr/wiki/images/5/56/entete_joueur.png') no-repeat top right;
+    background: #0072B1 url('//nefald.fr/wiki/images/5/56/entete_joueur.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.personnage {
-background: #0072B1 url('//nefald.fr/wiki/images/f/f4/entete_personnage.png') no-repeat top right;
+    background: #0072B1 url('//nefald.fr/wiki/images/f/f4/entete_personnage.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.grade {
-background: #3AACCA url('//nefald.fr/wiki/images/2/2b/entete_grade.png') no-repeat top right;
+    background: #FF3400 url('//nefald.fr/wiki/images/2/2b/entete_grade.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.guilde {
-background: #FF2D07 url('//nefald.fr/wiki/images/2/2f/entete_guilde.png') no-repeat top right;
+    background: #FF2D07 url('//nefald.fr/wiki/images/2/2f/entete_guilde.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.ville {
-background-image: #026B84 url('//nefald.fr/wiki/images/3/3e/entete_ville.png') no-repeat top right;
+    background: #026B84 url('//nefald.fr/wiki/images/3/3e/entete_ville.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.monde {
-background:#82C300 url('//nefald.fr/wiki/images/7/71/entete_monde.png') no-repeat top right;
+    background:#82C300 url('//nefald.fr/wiki/images/7/71/entete_monde.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.logiciel {
-background: #963DC7 url('//nefald.fr/wiki/images/e/e2/entete_logiciel.png') no-repeat top right;
+    background: #963DC7 url('//nefald.fr/wiki/images/e/e2/entete_logiciel.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.mod {
-background: #FFD644 url('//nefald.fr/wiki/images/0/0d/entete_mod.png') no-repeat top right;
+    background: #FFD644 url('//nefald.fr/wiki/images/0/0d/entete_mod.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.territoire {
-background: #578103 url('//nefald.fr/wiki/images/6/60/entete_territoire.png') no-repeat top right;
+    background: #578103 url('//nefald.fr/wiki/images/6/60/entete_territoire.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.application.mobile {
-background: #A4C639 url('//nefald.fr/wiki/images/1/16/entete_application_mobile.png') no-repeat top right;
+    background: #A4C639 url('//nefald.fr/wiki/images/1/16/entete_application_mobile.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.schematic {
-background: #596DDB url('//nefald.fr/wiki/images/f/f5/entete_schematic.png') no-repeat top right;
+    background: #596DDB url('//nefald.fr/wiki/images/f/f5/entete_schematic.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.roleplay {
-background: #1E5C97 url('//nefald.fr/wiki/images/f/fe/entete_roleplay.png') no-repeat top right;
+    background: #1E5C97 url('//nefald.fr/wiki/images/f/fe/entete_roleplay.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.tutoriel {
-background: #488BDD url('//nefald.fr/wiki/images/e/e5/entete_tutoriel.png') no-repeat top right;
+    background: #488BDD url('//nefald.fr/wiki/images/e/e5/entete_tutoriel.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.metier {
-background: #7BAFFF url('//nefald.fr/wiki/images/e/e4/entete_metier.png') no-repeat top right;
+    background: #7BAFFF url('//nefald.fr/wiki/images/e/e4/entete_metier.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
 .entete.divinite {
-background: #012946 url('//nefald.fr/wiki/images/4/45/entete_divinite.png') no-repeat top right;
+    background: #012946 url('//nefald.fr/wiki/images/4/45/entete_divinite.png') no-repeat top right;
-width:100%;
+    width:100%;
-height:60px;
+    height:60px;
 }
+.entete.ordre {
-/* SK89Q'S WIKI wiki.sk89q.com - I LOVE IT! */
+    background: #012946 url('//nefald.fr/wiki/images/f/f9/entete_ordre.png') no-repeat top right;
+    width:100%;
-input {
+    height:60px;
-font: inherit;
-font-size: 10pt;
-margin: 0;
-line-height: 1;
-}
-input[type='text'], input[type='password'], input:not([type]) {
-font: inherit;
-font-size: 10pt;
-background: #fff;
-padding: 4px;
-border: 1px solid #aaa;
--webkit-transition: border-color .2s;
--moz-transition: border .2s;
--o-transition: border-color .2s;
-transition: border-color .2s;
-line-height: 1;
-}
-input[type='text']:hover, input[type='password']:hover, input#searchInput:hover {
-border-color: #999;
-}
-input[type='text']:focus, input[type='password']:focus, input#searchInput:focus {
-outline: 0;
-border-color: #a7d7f9;
-box-shadow: 0 0 0.3em #999;
-}
-button, input[type='button'], input[type='submit'] {
-font: inherit;
-display: inline-block;
--webkit-transition: border-color .2s;
--moz-transition: border .2s;
--o-transition: border-color .2s;
-transition: border-color .2s;
-background: #f3f3f3;
-background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
-background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
-border: solid 1px #ccc;
-border-radius: 2px;
-margin: 0.3em 0;
-padding: 6px 10px;
-cursor: pointer;
-font-size: 10pt;
-line-height: 1;
-}
-button:hover, input[type='button']:hover, input[type='submit']:hover {
-text-decoration: none;
-border-color: #a7d7f9;
--moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
--webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 }
+.entete.script {
+    background: #FFAC1A url('//nefald.fr/wiki/images/f/f0/entete_script.png') no-repeat top right;
-/* Button */
+    width:100%;
+    height:60px;
-.buttons a, .buttons a:link, .buttons a:visited {
-display: block;
-margin: 15px 0 15px 0;
-text-decoration: none;
-color: #fff;
-position: relative;
-padding: 10px 20px;
-padding-right: 45px;
-background: #a50000;
-border-radius: 5px;
-box-shadow: inset 0px 1px 0px #ff838e, 0px 5px 0px 0px #581a27, 0px 7px 5px #999;
-font-weight: bold;
-font-size: 120%;
--moz-transition-property: background;
--moz-transition-duration: 0.5s;
--webkit-transition-property: background;
--webkit-transition-duration: 0.5s;
--o-transition-property: background;
--o-transition-duration: 0.5s;
-border: 0;
-max-width: 240px;
-}
-.buttons a:hover {
-background: #d70014;
-box-shadow: inset 0px 1px 0px #ff838e, 0px 5px 0px 0px #96000e, 0px 7px 5px #999;
-}
-.buttons a:active {
-top: 3px;
-background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
-box-shadow: inset 0px 1px 0px #ff838e, 0px 2px 0px 0px #612127, 0px 5px 3px #999;
-}
-.buttons a::before {
-background-color: #7e1b24;
-background-image: url(/images/button_arrow.png);
-background-repeat: no-repeat;
-background-position: center center;
-content: "";
-width: 20px;
-height: 20px;
-position: absolute;
-right: 15px;
-top: 50%;
-margin-top: -9px;
-border-radius: 50%;
-box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
-}
-.buttons a:active::before {
-top: 50%;
-margin-top: -12px;
-box-shadow: inset 0px 1px 0px #ff838e, 0px 3px 0px #612127, 0px 6px 3px #34090d;
-}
-.buttons a img {
-vertical-align: middle;
 }
 h2 {
-font-family: 'Helvetica', Arial, sans-serif;
+    font-family: 'Helvetica', Arial, sans-serif;
-font-size: 1.5em;
+    font-size: 1.8em;
-font-weight: bold;
+    font-weight: bold;
-margin: 1.6em 0 1em 0;
+    margin: 1.6em 0 1em 0;
-padding: 0 0 0.2em 0;
+    padding: 0 0 0.2em 0;
-border-bottom: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
-color: #555;
+    color: #555;
 }
 h3 {
-font-family: 'Helvetica', Arial, sans-serif;
+    font-family: 'Helvetica', Arial, sans-serif;
-margin: 1.1em 0 0.4em 0;
+    font-size: 1.4em;
+    margin: 1.1em 0 0.4em 0;
 }
-/* SK89Q */
+/* * BOÎTES ET MESSAGES * */
-/* * BOÎTES ET MESSAGES * */
 div.boite-a-droite {
-display: table;
+    display: table;
-clear: right;
+    clear: right;
-float: right;
+    float: right;
-margin: 1em 0 1em 1em;
+    margin: 1em 0 1em 1em;
-width: 20em;
+    width: 20em;
-position: relative;/* pour les images manuelles */
+    position: relative;
+    border-style: solid;
-border-style: solid;
+    border-width: 1px;
-border-width: 1px;
+    padding: 4px;
-padding: 4px;
+    text-align: left;
-text-align: left;
+    -webkit-border-radius: 0.3em;
- -webkit-border-radius: 0.3em;
+    -moz-border-radius: 0.3em;
--moz-border-radius: 0.3em;
+    border-radius: 0.3em;
-border-radius: 0.3em;
+    border: 1px solid #CCC;
-border: 1px solid #CCC;
+    box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, 0.1);
-box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, 0.1);
+    padding: 0.1em;
-padding: 0.1em;
 }
 .boite-sans-fond {
-border-color: #aaa;/* comme boite-grise */
+    border-color: #aaa;
 }
 .boite-grise {
-border-color: #aaa;
+    border-color: #aaa;
-background-color: #F9F9F9;
+    background-color: #F9F9F9;
 }
 .boite-jaune {
-border-color: #aaa;
+    border-color: #aaa;
-background-color: #FFE998;
+    background-color: #FFE998;
 }
 .boite-bleu {
-border-color: #aaa;
+    border-color: #aaa;
-background-color: #EFF6FA;
+    background-color: #EFF6FA;
 }
 span.annexe {font-weight:bold;color:#0a7cc8;}
 .annexe a,
 .annexe a:active {color:#0a7cc8;}
 .annexe a:hover { color:#CB4627!important;}
 li.annexe {list-style:none;}
 .titre-annexe {font-size:14px;font-weight:bold;font-style:italic;margin-left:10px;}
+/* ===== STYLES ACCUEIL WIKI ADAPTATIFS ===== */
-/* G A L L E R Y */
+/* Bannière principale */
+.wiki-banner {
+    position: relative;
+    height: 120px;
+    background: var(--color-surface-1);
+    border-radius: 6px;
+    margin-bottom: 20px;
+    overflow: hidden;
+    background-size: cover;
+    background-position: center;
+    border: 1px solid var(--border-color-base);
+}
-li.gallerybox div.thumb {
+.banner-overlay {
-border: 1px solid #B4BEC3;
+    position: absolute;
-background-color: #f5f5f5;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: linear-gradient(transparent, rgba(0,0,0,0.85));
+    color: #ffffff;
+    padding: 16px 20px;
+}
+.banner-title {
+    font-size: 1.5rem;
+    font-weight: 700;
+    margin-bottom: 4px;
+    color: #ffffff;
+}
-/* S I T E N O T I C E */
+.banner-subtitle {
-.bignotice {border: 1px solid #f4f4f4;padding-top:15px;-webkit-border-radius: 0.3em; -moz-border-radius: 0.3em;border-radius: 0.3em;border: 1px solid #CCC;box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);}
+    font-size: 0.9rem;
+    opacity: 0.9;
+    color: #ffffff;
+}
+/* Navigation en grille */
+.wiki-nav-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 16px;
+    margin-bottom: 30px;
+}
-ul {
+@media (max-width: 768px) {
-/* @embed */
+    .wiki-nav-grid {
-list-style-image: none!important;
+        grid-template-columns: repeat(2, 1fr);
+    }
 }
+@media (max-width: 480px) {
+    .wiki-nav-grid {
+        grid-template-columns: 1fr;
+    }
+}
-/* Styles de [[Modèle:Méta palette de navigation]] */
+/* NavCard - Effets avancés */
+.wiki-nav-card:hover {
-table.navbox {
+    transform: translateY(-4px);
-background: #F9F9F9;
+    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
-border: 1px solid #AAA;
-clear: both;
-font-size: 90%;
-margin: 1em 0 0;
-padding: 2px;
-text-align: center;
-width: 100%;
 }
-table.navbox th {
+.wiki-nav-card:hover .shine-effect {
-background: #CCF;
+    left: 100% !important;
-padding-left: 1em;
-padding-right: 1em;
 }
-table.navbox td.group {
+.wiki-nav-card:active {
-background: #DDF;
+    transform: translateY(-2px);
-vertical-align: middle;
-width: 150px;
-padding-left: 1em;
-padding-right: 1em;
-font-weight: bold;
 }
-table.navbox td.list {
+/* Responsive */
-text-align: left
+@media (max-width: 768px) {
-}
+    .wiki-nav-card {
+        max-width: 100% !important;
-table.navbox td.even {
+        margin: 12px 0 !important;
-background: #EEF
+    }
-}
-table.navbox td.banner {
-background: #DDF;
-vertical-align: middle;
-padding-left: 1em;
-padding-right: 1em;
-}
-/* Modèle de palettes groupées, [[Modèle:Palette]] */
-div.navbox_group {
-border: 1px solid #aaaaaa;
-margin-top: 15px;
-}
-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: 90%;
-font-weight: normal;
-float: right !important;
-min-width: 6em;
 }
-/*ARTICLE DETAILLE */
+/* Featured section */
+.wiki-featured {
+    display: grid;
+    grid-template-columns: 2fr 1fr;
+    gap: 20px;
+    margin-bottom: 30px;
+}
-div.article-detail {
+@media (max-width: 768px) {
-border-color: #e7e7e7;
+    .wiki-featured {
-background-color: #fdfdfd;
+        grid-template-columns: 1fr;
-display: block;
+    }
-/* Pour le [[modèle: Article détaillé]] et autres */
-margin: 0 0 .7em 2em;
-font-size: 95%;
-overflow: hidden;
-border-style: solid;
-border-width: 1px 0;
-padding: 2px 0 1px 4px;
-text-align: left;
 }
+.featured-main {
+    position: relative;
+    height: 200px;
+    background: var(--color-surface-1);
+    border-radius: 6px;
+    overflow: hidden;
+    border: 1px solid var(--border-color-base);
+    cursor: pointer;
+}
-/* Turn a list into a tree view style (See [[.minecraft]]) */
+.featured-image {
-.treeview {
+    position: absolute;
-margin-top: 0.3em;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-size: cover;
+    background-position: center;
 }
-.treeview ul,
+.featured-content {
-.treeview li {
+    position: absolute;
-margin: 0;
+    bottom: 0;
-padding: 0;
+    left: 0;
-list-style-type: none;
+    right: 0;
-list-style-image: none;
+    background: linear-gradient(transparent, rgba(0,0,0,0.85));
+    color: #ffffff;
+    padding: 20px;
 }
-.treeview li {
+.featured-title {
-display: table;
+    font-size: 1.5rem;
+    font-weight: 700;
+    margin-bottom: 8px;
+    color: #ffffff !important;
 }
-.treeview li li {
+.featured-description {
-position: relative;
+    font-size: 0.9rem;
-padding-left: 13px;
+    opacity: 0.9;
-margin-left: 7px;
+    line-height: 1.4;
-border-left: 1px solid #636363;
+    color: #ffffff !important;
 }
-.treeview li li:before {
-content: "";
+/* Sidebar adaptative aux thèmes */
-position: absolute;
+.wiki-sidebar {
-top: 0;
+    display: flex;
-left: 0;
+    flex-direction: column;
-width: 11px;
+    gap: 16px;
-height: 11px;
-border-bottom: 1px solid #636363;
 }
-.treeview li li.first:before {
+.sidebar-section {
-border-color: #636363;
+    background: var(--color-surface-1);
-border-style: solid;
+    border: 1px solid var(--border-color-base);
-border-width: 1px 0 0 1px;
+    border-radius: 6px;
-height: 100%;
+    padding: 16px;
-margin-top: 11px;
-width: 10px;
 }
-.treeview li li.first,
-.treeview li li:last-child {
+.sidebar-title {
-border: 0;
+    font-size: 1.1rem;
-padding-left: 14px;
+    font-weight: 600;
+    margin-bottom: 12px;
+    border-bottom: 1px solid var(--border-color-base);
+    padding-bottom: 8px;
 }
-.treeview li li:last-child:before {
-border-left: 1px solid #636363;
+[data-theme='dark'] .sidebar-title,
-width: 10px;
+.skin-citizen-dark .sidebar-title {
+    color: #ffffff !important;
 }
+[data-theme='light'] .sidebar-title,
+.skin-citizen-light .sidebar-title,
+.sidebar-title {
+    color: #1a1a1a !important;
+}
+.sidebar-section a {
+    display: block;
-/* blockquote */
+    color: var(--color-primary) !important;
-blockquote {
+    text-decoration: none;
-background: #F3F8FB;
+    padding: 6px 0;
-border-left: 10px solid #A7D7F9;
+    font-size: 0.875rem;
-margin: 1.5em 10px;
+    line-height: 1.4;
-padding: 0.5em 10px;
-quotes: "\201C""\201D""\2018""\2019";
-}
-blockquote:before {
-color: #ccc!important;
-content: open-quote;
-font-size: 4em;
-line-height: 0.1em;
-margin-right: 0.25em;
-vertical-align: -0.4em;
-}
-blockquote p {
-display: inline;
 }
+.sidebar-section a:hover {
-/* PAGE DE DISCUSSION
+    color: var(--color-primary--hover) !important;
-------------------------------- */
+    text-decoration: none;
-.ns-talk dl, .ns-talk dl dl dl, .ns-talk dl dl dl dl dl, .ns-talk dl dl dl dl dl dl dl, .ns-talk dl dl dl dl dl dl dl dl dl, .ns-talk dl dl dl dl dl dl dl dl dl dl dl, .ns-talk dl dl dl dl dl dl dl dl dl dl dl dl dl {
-background: none repeat scroll 0% 0% #F5FAFF;
-}
-.ns-talk dl {
-border-top: 1px solid #A7D7F9;
-border-left: 1px solid #A7D7F9;
-padding-top: 0.5em;
-padding-left: 0.5em;
-margin-left: 1em;
 }
+[data-theme='dark'] .sidebar-section,
-/** * Styling for links generated by [[MediaWiki:Edittools]] * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling * @updated 2012-02-29 */
+.skin-citizen-dark .sidebar-section {
-.mw-charinsert-buttons {
+    color: #e2e8f0;
-margin-top: 10px;
-border: 1px solid #aaaaaa;
-padding: 1px;
-text-align: center;
-font-size: 110%;
 }
-.mw-charinsert-buttons a {
-color: black;
-background-color: #cde !important;
-font-weight: bold;
-font-size: .9em;
-text-decoration: none;
-border: thin #069 outset;
-padding: 0 .1em .1em;
-}
-.mw-charinsert-buttons a:hover,
-.mw-charinsert-buttons a:active {
-background-color: #bcd;
-border-style: inset;
-}
-.client-js .mw-edittools-section {
-display: inline;
-}
-.client-js .mw-edittools-section input[type="button"] {
-font-size: 0.9em;
-padding-left: 1px;
-padding-right: 1px;
-margin-left: 1px;
-}
-/* List nolist */
+[data-theme='light'] .sidebar-section,
-#nolist li {
+.skin-citizen-light .sidebar-section,
- list-style-type:none;
+.sidebar-section {
+    color: #374151;
 }