Vitalis SRL
/* Thème de Vitalis SRL */
/* Thème Wikidot 2021 */
/* Par UncertaintyCrossing, basé sur le thème de la Station des Vagabonds par Rounderhouse, le thème Dust Jacket par Woedenaz, avec d'autres éléments pris du thème Sans Fondations par Greyve et le thème Pénombre par EstrellaYoshte */
/* Toutes les images, textures et le reste ont été créées par UncertaintyCrossing, excepté les élements fancy hr and border qui ont été faits par Woedenaz. Dans les deux cas, tous les éléments sont sous licence CC BY SA 3.0. */
 
@import url("https://wanderers-library.wikidot.com/component:theme/code/1");
 
 /* Polices */
@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&display=swap');
 
:root {
    /* Intégration dans S-CSS-P */
    /* Si vous faites un nouveau thème CSS, incluez au minimum les trois variables suivantes. */
    --theme-base: "nuscp";
    /* soit "nuscp" soit "sigma9" */
    --theme-id: "vitalis-LLC";
    /* indiquez ici l'URL de la page de votre thème - par exemple pour "component:ar-theme", indiquez "ar-theme" */
    --theme-name: "Thème de Vitalis SRL";
    /* indiquez ici le nom complet de votre thème */
 
/* Colors */
    --pale-gray-monochrome: 255, 226, 147; /* Light Yellow */
    --light-gray-monochrome: 95, 85, 58; /* Accent Grey Yellow */
    --gray-monochrome: 80, 59, 1; /* Grey Yellow  */
    --dark-gray-monochrome: 80, 59, 1; /*Grey Yellow */
    --pale-gray-monochrome: 196, 144, 1;
 
    --pale-accent: 245, 180, 1; /* Bright Yellow*/
    --bright-accent: 255, 222, 132; /* Light Yellow Alt*/
    --medium-accent: 138, 101, 1; /* Warm light brown */
    --dark-accent: 119, 87, 1; /* Warm brown */
    --newpage-color: 57, 42, 1; /* Dark brown */
 
    --rating-module-button-color: var(--bright-accent);
    --rating-module-text-color: var(--bright-accent);
 
    --tables-body-txt: var(--bright-accent);
    --modal-bg: var(--dark-accent);
 
/* Couleurs du menu */
    --swatch-background: var(--mid-black);  
    --swatch-menubg-color: var(--gray-monochrome);
    --swatch-menubg-light-color: var(--pale-gray-monochrome);
    --swatch-menubg-medium-color: var(--light-gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--newpage-color);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--newpage-color);
    --swatch-menubg-hover-color: var(--gray-monochrome);
    --swatch-menutxt-dark-color: var(--white-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-border-color: var(--newpage-color);
 
/* Couleurs de l'en-tête */
  --swatch-topmenu-border-color: var(--pale-accent);
  --swatch-topmenu-bg-color: var(--pale-gray-monochrome);
 
/* Couleurs des liens */
  --link-color: var(--bright-accent);
  --visited-link-color: var(--pale-gray-monochrome);
  --hover-link-color: var(--pale-accent);
 
    /* Bordures de 1px pour l'ombre de la boîte */
    --box-border-bottom: 0 0.0625rem 0 0 rgb(var(--swatch-border-color));
    --box-border-top: 0 -0.0625rem 0 0 rgb(var(--swatch-border-color));
    --box-border-left: -0.0625rem 0 0 0 rgb(var(--swatch-border-color));
    --box-border-right: 0.0625rem 0 0 0 rgb(var(--swatch-border-color));
    --box-border-all: 0 0 0 0.0625rem rgb(var(--swatch-border-color));
 
    /* En-tête */
    --logo-image: url("http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/logo_1.png");
    --header-title: "Vitalis SRL";
    --header-subtitle: "Jusqu'à ce que la mort nous sépare";
 
    /* Polices */
    --body-font: 'Raleway', sans-serif;
    --header-font: 'Cinzel Decorative', cursive;
    --title-font: 'Poiret One', cursive;
    --mono-font: "Fira Code", monospace;
 /
 
}
#header h1 a::before {
    content: "Vitalis SRL";
    content: var(--header-title);
    color: rgb(226, 62, 16);
    color: rgb(var(--bright-accent));
    text-shadow: inherit;
}
 
#header h1 a::after {
    background: url("http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/headertexture_V.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
 
.owindow .button-bar a,
a.button,
button,
div.buttons input,
file,
input.button {
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--bright-accent));
    border-color: rgb(var(--dark-accent));
    font-family: var(--title-font);
    -webkit-transition:
        border-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
        background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition:
        border-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
        background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition:
        border-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
        background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition:
        border-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
        background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
.owindow .button-bar a:hover,
.owindow .button-bar a:active,
a.button:hover,
a.button:active,
button:hover,
button:active,
div.buttons input:hover,
div.buttons input:active,
file:hover,
file:active,
input.button:hover,
input.button:active {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
    border-color: rgb(var(--bright-accent));
}
 
#container-wrap-wrap {
    width: 100%;
}
 
#content-wrap {
    background-image: url(http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/div_v.jpg);
}
 
#content-wrap { position: relative; }
#content-wrap::before {
  content: "";
  position: absolute;
  height: 100%; width: 100%; top: 0; left: 0;
  background-repeat: repeat-x;
  pointer-events: none;
  background-image: url(http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/headertexture_V.jpg);
  opacity: 0;
  background-color: #120d01;
}
 
.page-rate-widget-box {
    border-radius: 0px 15px 0px 15px !important;
    background-color: #232d2c;
}
 
#top-bar div.top-bar > ul > li > ul {
    background: rgba(var(--medium-accent), 1);
}
 
#login-status, #my-account {
   color: rgb(var(--bright-accent)) !important;
}
 
#login-status a {
   color: rgb(var(--bright-accent)) !important;
}
 
#login-status > a > strong {
   color: rgb(var(--bright-accent)) !important;
}
 
#account-topbutton{
    border: solid 1px var(--bright-accent);
}
#account-options {
    width: auto;
    padding: 0.5em;
    border-color: rgba(var(--bright-accent));
    background: rgba(var(--medium-accent), 1);
    color: rgb(var(--swatch-text-light));
}
 
#footer, #footer a {
    background:#211f1c;
}
 
#license-area {
      background:#211f1c;
}
 
   .titlecolumn {
  border: 2px solid rgb(var(--dark-accent));
  background-color: rgba(var(--medium-accent), 0.75);
}
 
.articlecolumn {
  background-color: rgb(var(--dark-accent));
}
 
/* Tableaux */
table.wiki-content-table th {
    border-top-color: rgba(var(--swatch-menutxt-dark-color), 1) !important;
    border-right-color: rgba(var(--swatch-menutxt-light-color), 1) !important;
    border-bottom-color: rgba(var(--swatch-menutxt-light-color), 1) !important;
    border-left-color: rgba(var(--swatch-menutxt-light-color), 1) !important;
    background: rgb(var(--swatch-menubg-dark-color));
    box-shadow: 0 0.125rem 0 0 rgb(var(--swatch-menutxt-light-color));
    color: rgb(var(--swatch-menutxt-light-color));
    font-family: var(--title-font);
    font-weight: 400;
    text-shadow: none;
 
}
 
/* ---- BASE DES ONGLETS YUI ---- */
.yui-navset .yui-nav a {
    color: rgb(var(--swatch-menutxt-light-color));
    font-weight: 400 !important;
    -webkit-transition: color 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition: color 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition: color 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: color 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    will-change: color;
}
.yui-navset .yui-nav li {
    background-color: rgb(var(--swatch-menubg-dark-color));
    -webkit-transition: background-color 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition: background-color 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition: background-color 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: background-color 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
       -moz-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
         -o-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-animation-iteration-count: 1;
       -moz-animation-iteration-count: 1;
         -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forward;
       -moz-animation-fill-mode: forward;
         -o-animation-fill-mode: forward;
            animation-fill-mode: forward;
    -webkit-animation-play-state: paused;
       -moz-animation-play-state: paused;
         -o-animation-play-state: paused;
            animation-play-state: paused;
}
.yui-navset .yui-nav li em {
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: -webkit-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition: -o-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -o-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    will-change: transform;
}
.yui-navset .yui-nav li.selected {
    margin-top: -0.5em;
    padding-top: 0.5em;
    margin-right: 0.0625rem;
    background-color: rgb(var(--tab-border-color)) !important;
    -webkit-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
       -moz-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
         -o-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-animation-iteration-count: 1;
       -moz-animation-iteration-count: 1;
         -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: backwards;
       -moz-animation-fill-mode: backwards;
         -o-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
    -webkit-animation-play-state: running;
       -moz-animation-play-state: running;
         -o-animation-play-state: running;
            animation-play-state: running;
}
.yui-navset .yui-nav li.selected a em {
    -webkit-transform: translateY(-0.25em);
       -moz-transform: translateY(-0.25em);
        -ms-transform: translateY(-0.25em);
         -o-transform: translateY(-0.25em);
            transform: translateY(-0.25em);
}
.yui-navset .yui-nav a,
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:active,
.yui-navset .yui-nav a:focus-within {
    background-color: rgba(0, 0, 0, 0);
    font-family: var(--title-font);
    font-weight: 600;
    isolation: isolate;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:active,
.yui-navset .yui-nav a:focus-within,
.yui-navset .yui-nav li.selected a {
    color: rgb(var(--swatch-menutxt-dark-color)) !important;
}
.yui-navset .yui-nav a::before,
.yui-navset .yui-nav a::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    pointer-events: none;
}
.yui-navset .yui-nav a::before {
    background-image: url("http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/headertexture_V.jpg");
    -webkit-background-size: 100vw 100vw;
       -moz-background-size: 100vw;
         -o-background-size: 100vw;
            background-size: 100vw;
    background-attachment: fixed;
    background-position: 100% 200vh;
    -webkit-mask-image: 
        -webkit-gradient(linear, 
            left bottom, left top, 
            from(rgba(0, 0, 0, 1)), 
            color-stop(33%, rgba(0, 0, 0, 1)), 
            color-stop(66%, rgba(0, 0, 0, 0)), 
            to(rgba(0, 0, 0, 0)));
    -webkit-mask-image: 
        -webkit-linear-gradient(bottom, 
            rgba(0, 0, 0, 1) 0%, 
            rgba(0, 0, 0, 1) 33%, 
            rgba(0, 0, 0, 0) 66%, 
            rgba(0, 0, 0, 0) 100%);
            mask-image: 
        -webkit-gradient(linear, 
            left bottom, left top, 
            from(rgba(0, 0, 0, 1)), 
            color-stop(33%, rgba(0, 0, 0, 1)), 
            color-stop(66%, rgba(0, 0, 0, 0)), 
            to(rgba(0, 0, 0, 0)));
            mask-image: 
        linear-gradient(to top, 
            rgba(0, 0, 0, 1) 0%, 
            rgba(0, 0, 0, 1) 33%, 
            rgba(0, 0, 0, 0) 66%, 
            rgba(0, 0, 0, 0) 100%);
    -webkit-mask-size: 100% 90px;
            mask-size: 100% 90px;
    -webkit-mask-repeat: repeat;
            mask-repeat: repeat;
    -webkit-mask-position: center 0px;
            mask-position: center 0px;
    -webkit-transition: 
        background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), 
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -webkit-mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: 
        background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), 
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -webkit-mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition: 
        mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), 
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition: 
        mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), 
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: 
        mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), 
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: 
        mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), 
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -webkit-mask-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    will-change: mask-position, background-position, color;
    pointer-events: none;
}
.yui-navset .yui-nav a:hover::before,
.yui-navset .yui-nav a:focus::before,
.yui-navset .yui-nav li.selected a::before {
    -webkit-mask-position: center -58px;
            mask-position: center -58px;
    background-position: top center;
}
.yui-navset .yui-nav li a::before {
    background-color: rgb(var(--tab-border-color), 1);
    -webkit-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
       -moz-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
         -o-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-animation-iteration-count: 1;
       -moz-animation-iteration-count: 1;
         -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forward;
       -moz-animation-fill-mode: forward;
         -o-animation-fill-mode: forward;
            animation-fill-mode: forward;
    -webkit-animation-play-state: paused;
       -moz-animation-play-state: paused;
         -o-animation-play-state: paused;
            animation-play-state: paused;
}
.yui-navset .yui-nav li.selected a::before {
    margin-top: -0.5em;
    padding: 0.5em 0;
    margin-right: 0.0625rem;
    -webkit-mask-position: center -50px;
            mask-position: center -50px;
    -webkit-animation-iteration-count: 1;
       -moz-animation-iteration-count: 1;
         -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: backwards;
       -moz-animation-fill-mode: backwards;
         -o-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
    -webkit-animation-play-state: running;
       -moz-animation-play-state: running;
         -o-animation-play-state: running;
            animation-play-state: running;
}
.yui-navset .yui-nav a:hover::after,
.yui-navset .yui-nav a:focus::after,
.yui-navset .yui-nav li.selected a::after {
    opacity: 0;
    -webkit-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
       -moz-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
         -o-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-animation-direction: backwards;
       -moz-animation-direction: backwards;
         -o-animation-direction: backwards;
            animation-direction: backwards;
    -webkit-animation-iteration-count: 1;
       -moz-animation-iteration-count: 1;
         -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
}
 
/* Fenêtres supplémentaires */
.owindow {
    background-color: #232d2c;
    border-color: var(--bright-accent);
}
 
.owindow .modal-header {
    background-color: #232d2c;
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.owindow .title {
    background-color: #232d2c;
    color: #var(--bright-accent);
    border-bottom: 1px solid #2F333C;
}
 
.owindow .button-bar a {
    background-color: #232d2c;
    border-color: var(--bright-accent);
    color: #ededed;
}
.owindow .button-bar a:hover {
    background-color: var(--bright-accent);
}
 
#toc {
     background-color: rgba(var(--medium-accent));
     color: rgba(var(--bright-accent));
}
 
#top-bar div.top-bar div.newpage_dropdown div.new-page-box input {
    background-color: rgba(var(--bright-accent));
    color: rgba(var(--medium-accent));
}
 
#top-bar div.top-bar div.newpage_dropdown div.new-page-box input.button:hover {
    color: rgba(var(--bright-accent));
    border: solid 2px rgba(var(--bright-accent));
}
 
#top-bar div.mobile-top-bar > ul > li > ul > li:hover > a, #top-bar div.top-bar > ul > li > ul > li:hover > a {
    color: rgba(var(--medium-accent));
}
 
.yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em {
   color: rgba(var(--bright-accent));
}
 
.yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a {
    background-color: rgba(var(--medium-accent));
}
 
.yui-navset .yui-nav li a em:hover, .yui-navset-top .yui-nav li a em:hover, .yui-navset-bottom .yui-nav li a em:hover {
    color: rgba(var(--medium-accent));
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
    color: rgba(var(--medium-accent));
}
 
#skrollr-body {
    width: 100%;
    height: 10rem;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/header_v.jpg);
    background-size: cover;
    background-position: 50% 50%;
}
 
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"], #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"]:hover {
    background-color: rgb(var(--medium-accent));
}
 
#search-top-box:not(:focus-within)::before {  
    color: rgb(var(--bright-accent));
}
       #search-top-box-form input[type="submit"] {
        background-color: rgb(var(--swatch-menutxt-dark-color));
        color: rgb(var(--medium-accent));
        font-size: var(--base-font-size);
        font-weight: 500;
        padding: 0 0.25em;
        border: none;
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menutxt-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menutxt-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menutxt-dark-color));
        -webkit-transition:
            background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            -webkit-box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
        transition:
            background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            -webkit-box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -o-transition:
            box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -moz-transition:
            box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            -moz-box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
        transition:
            box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
        transition:
            box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            color 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            -webkit-box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1),
            -moz-box-shadow 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
    }
 
    #search-top-box-form input[type="submit"]:focus,
   #search-top-box-form input[type="submit"]:hover {
        border: none;
        background-color: rgb(var(--dark-accent));
        color: rgb(var(--swatch-menutxt-dark-color));
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menutxt-light-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menutxt-light-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menutxt-light-color));
    }
 
#page-title {
    grid-area: page-title;
    border-color: rgb(var(--bright-accent,66,66,72));
    color: rgb(var(--bright-accent,12,12,12));
}
 
h1, h2, h3, h4, h5, h6 {
    color: rgba(var(--bright-accent));
}
 
#lock-info {
    background-color: rgba(var(--medium-accent));
    color: rgba(var(--bright-accent));
}
 
div#page-options-bottom > a,
div#page-options-bottom-2 > a {
    background-color: rgba(178, 210, 180, 0.25);
    background-color: rgba(var(--swatch-menubg-light-color), 0.25);
    border: 0.0625rem solid rgba(255, 219, 90, 1);
    border: 0.0625rem solid rgba(var(--swatch-primary), 1);
    color: rgba(var(--bright-accent));
}
 
div#page-options-bottom > a:hover,
div#page-options-bottom > a:active,
div#page-options-bottom-2 > a:hover,
div#page-options-bottom-2 > a:active {
    background-color: rgba(30, 55, 30, 1);
    background-color: rgba(var(--swatch-menubg-dark-color), 1);
    color: rgba(255, 219, 90, 1);
    color: rgba(var(--bright-accent), 1);
}
 
.wl-translations {
    border: 1px solid rgba(var(--bright-accent), 1);
    border-radius: 2px;
}
 
.wl-translations a {
    color: rgba(var(--bright-accent), 1);
}
 
.blockquote, blockquote {
    background-color: rgba(var(--medium-accent));
    color: rgba(var(--bright-accent));
    border: .063em solid rgba(var(--bright-accent),.25)
}
 
table.wiki-content-table th {
    background-color: rgb(var(--medium-accent));
}
 
table.wiki-content-table th, table.wiki-content-table tr {
    border: .075rem solid rgba(var(--bright-accent),.50) !important;
}
 
tr
{
  color:#ffe293;
}
 
div.text a {
    color: #c49001;
    text-decoration: none;
    background: transparent;
}
div.text a.newpage {
    color: #f5b401:
}
 
div.text a:hover {
    color: #c49001;
    text-decoration: underline;
    background-color: #392a01;
    padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
hr {
    height: .125rem;
    border: 0;
    border-top: 0.0625rem solid transparent;
    background-color: rgba(255, 219, 90);
    background-color: rgba(var(--bright-accent));
    background: url(http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/headertexture_V.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
 
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
   border: 1px solid rgb(var(--bright-accent));
}
 
#search-top-box:not(:focus-within)::before {  
    color: rgb(var(--bright-accent));
}
 
.blockquote, blockquote {
    border: 3px ridge rgb(var(--dark-accent));
    background: rgba(var(--medium-accent),0.05);
}
 
hr {
    height: .125rem;
    border: 0;
    border-top: 0.0625rem solid transparent;
    background-color: rgba(255, 219, 90);
    background-color: rgba(var(--bright-accent));
    background: url(http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/headertexture_V.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
 
.footnotes-footer {
   border: 3px ridge rgb(var(--dark-accent));
   background-color: rgb(var(--dark-gray-monochrome));
}
 
.footnotes-footer .title {
   font-family: var(--title-font);
}
 
#toc {
    border: 3px ridge rgb(var(--medium-accent));
    background-color: rgb(var(--dark-gray-monochrome));
}
 
#toc .title {
    color: rgb(var(--bright-two));
}
 
    textarea,
    input.text {
        background-color: rgb(var(--black-monochrome));
        color: rgb(var(--pale-gray-monochrome));
        padding: 0.5em;
    }
html,
    body {
        color: rgb(var(--swatch-text-light));
        -webkit-font-feature-settings: "onum"0;
        -moz-font-feature-settings: "onum"0;
        font-feature-settings: "onum"0;
        font-variant-numeric: tabular-nums;
        scrollbar-color: rgb(var(--pale-gray-monochrome)) rgb(var(--dark-gray-monochrome));
    }
 
.footnotes-footer {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 95%;
    height: auto;
    margin: 1.5rem 1.5rem .5rem;
    padding: .15em 1em 1em 0;
    background-color: rgb(var(--pale-gray-monochrome));
    box-shadow: inset .5em 0 0 0 rgba(var(--footnotes-footer-colorbar-color));
    color: rgb(var(--footnotes-footer-text-color));
}
 
#toc {
    border: 3px ridge rgb(var(--medium-accent));
    background: url(http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/div_v.jpg);
}
 
#toc .title {
    color: rgb(var(--bright-two));
}
a {
    color: rgb(var(--bright-accent));
}
 
a:visited {
    color: rgb(var(--pale-gray-monochrome));
}
 
a:hover {
    color: rgba(var(--bright-two), .6);
}
 
.fancyhr hr {
    border-top: 2vw solid transparent;
    background-color: rgba(255, 219, 90, 0);
    background-color: rgba(var(--bright-accent), 0);
    height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-image-source: url(http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/hr_VR.png);
    border-image-repeat: round round;
    background: none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
}
 
.fancyborder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2vw solid rgba(0, 0, 0, 0.5);
    -webkit-border-image: url(http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/border_VR.png) 600 round;
    -moz-border-image: url(http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/border_VR.png) 600 round;
    -o-border-image: url(http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/border_VR.png) 600 round;
    border-image: url(http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/border_VR.png) 600 round;
    border-image-width: 6;
    padding: 2vw;
}
 
/* mobile */
 
@media only screen and (max-width: 48rem) {
 
 div#extrac-div-3::before {
        text-shadow: inherit;
        background: url(http://fondationscp.wdfiles.com/local--files/component%3Avitalis-llc/headertexture_V.jpg);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        content: "Vitalis LLC";
        content: var(--header-title);
        font-family: var(--header-font);
        font-size: 1%;
        width: 100%;
        height: 6 rem
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: fixed;
        top: 0;
        right: 0;
        background-color: transparent;
        text-align: center;
        font-weight: 700;
    }

Les ouvriers subalternes de l'après-vie peinent à faire leur travail sous le joug d'une Direction insensible.

Personne ne sait pourquoi ce lieu existe, ni depuis quand. Si un Dieu veille sur cet endroit, personne ne l'a jamais rencontré. Tout ce qu'ils ne connaissent, c'est le travail — le labeur, les ordres, la Direction, qui, chaque jour, place les âmes des morts là où elles doivent être. Ne cherchez pas de sens ou d'épanouissement. Votre travail est simple. Faites-le sans poser de questions. Tuez-vous à la tâche sans espoir d'être récompensé. Que se passera-t-il si vous vous arrêtez ? Personne ne le sait, et personne n'a vraiment envie de le découvrir.


LES OUVRIERS :

Les véritables personnages principaux de cette histoire, mis de côté de par leur nature. Beaucoup sont des êtres construits, des robots, des automates, des golems, des plantes conscientes. D'autres sont des esprits auquels l'inconscient humain a donné naissance, plutôt sous les ordres de la culture et des idées. Unis par un travail constant, leurs devoirs sont nombreux, et malgré leur nombre colossal, il n'y a jamais assez de travailleurs pour gérer l'après-vie sans heurt. Si les ouvriers sont vus par des Âmes, ils apparaissent souvent seulement comme des silhouettes avec lesquelles leur culture les a familiarisées.

LES ÂMES :

Autrefois humaines, désormais moins que cela. Il est encore trop tôt pour dire si toute l'Après-Vie est un bon ou un mauvais endroit, ou si certaines parties sont bonnes ou mauvaises, mais ce qui est certain, c'est qu'elle est constamment embouteillée. Il peut falloir des décennies, voire des siècles pour passer par toutes les procédures. Une partie de ce temps est passé à attendre dans les queues, une autre à attendre la prochaine correspondance. Les âmes peuvent rencontrer les ouvriers de deux façons : soit parce qu'elles causent des problèmes, en s'échappant, en trouvant des failles, etc, soit (moins fréquemment) parce qu'elles ont été intégrées à la main-d'œuvre. C'est incroyablement peu commun, mais cela peut arriver.

LES SOUVERAINS :

Trop anciens pour être décrits par des mots et possédant une puissance incommensurable, ce sont les piliers du monde. Il est dit que s'ils venaient à mourir, le monde des Enfers tel qu'on le connaît commencerait à s'effondrer, mais heureusement, il ne semble y avoir aucun risque que cela se produise dans les temps à venir. Comme le monde lui-même, ils ne sont jamais stables — dans ce lieu, aucune identité n'est fixe. Comme le vent qui souffle à travers les Mines Oubliées, leur forme et leur fonction change selon les caprices du destin. Quelques exemples :

  • ALTHKYR : l'ombre incorporelle erre dans ce monde et ne parle jamais. Elle est peut-être toujours en train de surveiller, mais elle ne parle jamais de ce qu'elle voit. Lorsqu'elle le désire, elle est capable de prendre forme et de remodeler le monde. Ces périodes annoncent toujours quelque chose de terrible. Le cause-t-elle, ou nous en protège-t-elle ?
  • ORTIZ : Le diseur de cauchemars. Le modeleur de volontés. N'écoutez pas les mots qu'il murmure, même s'ils semblent sages. Il ne quitte jamais sa résidence, sous la Cascade des Damnés, mais nombreux sont les imbéciles qui viennent en quête de sa connaissance. C'est un privilège, ou une malédiction, qu'ils puissent parfois lui poser une unique question avant de connaître leur ultime destin.
  • FLAIN : le destructeur des âmes trop corrompues pour être jugées. Si vous le rencontrez, vous connaîtrez la peur pour la première fois de votre vie. Comment fait-il ses choix ? Quelles horribles exactions devez-vous commettre pour arriver face à lui ? Peut-être que le tranchant de sa lame étoilée comporte quelque chose de plus beau que ce que nous en savons, car il n'est pas rare que ses victimes sourient lorsqu'elle les tranche. Peu d'entre elles ont survécu. Les survivants sont devenus quelque chose de trop terrible pour être compris.
  • DREZ : le plus amical des superviseurs et le seul semblant avoir un visage humain, mais ne vous y trompez pas. Ses yeux contiennent les âmes de ceux qu'il juge indignes, ces ouvriers qu'il trouve nuisibles, et ils voient toujours la vérité. Il est possible qu'il existe de nombreuses versions de lui, car il semble toujours être là où on a besoin de lui, mais ce qu'il cherche n'est peut-être pas ce que vous voulez.
  • OHJ : Gardien de l'infini Labyrinthe des Archives. Fait de papier, de poussière et de connaissances perdues.

DIRECTION :

Les Souverains affirment que lorsque les premiers d'entre eux se formèrent, la Direction était déjà là pour leur donner des instructions. Depuis, des millénaires se sont écoulés, et si les Souverains sont parfois contactés par la Direction, ils n'en pipent mot. Pour les ouvriers, c'est encore pire. Une réponse, une approbation, une autorisation, tout cela est extraordinairement rare. Le mystère reste entier quant à où ils se situent, qui ils sont, et même à quoi ils ressemblent. Il est extrêmement difficile de comprendre leurs règles.


OK, mais c'est quoi ce truc en fait ?

Cette page est le second centre issu de notre évènement de construction collaborative de canon, le Système de Sélection Serpentin. La description complète du fonctionnement de ce processus est disponible sur la page de ce centre, mais voici l'idée générale :

  1. Vous soumettez des idées d'écriture.
  2. Nous regroupons les idées dans un sondage. Vous appliquez la Démocratie et les réduisez à un unique survivant.
  3. Cette idée unique devient la graine d'un nouveau canon. Nous la cultivons. Vous pouvez en discuter sur le serveur Discord.
  4. Nous regroupons vos idées en un centre, que vous êtes probablement en train de lire, avec un peu de chance. Vous écrivez pour ce centre et modelez à volonté le nouveau canon. Nous mettons à jour cette page au fur et à mesure que les idées naissent et sont affinées.
  5. Le canon se solidifie. Le staff et les utilisateurs se laissent aller et se prélassent dans l'écriture de nouvelles choses. Tout le monde y gagne.

La période initiale de publication est désormais ouverte ! N'hésitez pas à embarquer dans ce canon tout chaud, tout neuf !


Cette idée a été fournie par MaliceAforethought et a gagné parmi 48 submissions. Les Conservateurs du canon sont actuellement rumetzenrumetzen et Snapdragon133Snapdragon133. Contactez-les si vous avez des questions ou des soucis.

Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License