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));
}
 
#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;
    }

• 
  
  
  fermer

  Crédits

  Titre original : Vitalis LLC
  Auteur : rumetzen
  Traducteur : Alwaid
  Date de publication originale : 28 novembre 2021

  close
  
  

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 Entités

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.

L'Après-Vie

L'ENDROIT :

Vaste, mais pas infini. Des Champs des Morts où les âmes attendent dans des files d'attente de centaines de kilomètres de long pour faire leur paperasse, aux Profondeurs Industrieuses où d'étranges machines se forment constamment, aux Salles de Pause Dorées où les ouvriers peuvent prendre 15 minutes de repos après des années de labeur, les Enfers sont composés de nombreuses régions et changent constamment pour refléter le monde d'au-dessus. Ou peut-être est-ce ce monde qui change pour mieux correspondre au pays des morts ? Personne ne peut donner de réponse à ces secrets.

LES CONTRÉES :

D'apparences et de buts variés, ces zones sont là où se rassemblent les Âmes et règnent les Souverains. Chacune d'elles est impossiblement grande, mais apparemment jamais assez pour ce qu'on attend d'elles. D'une contrée peuplée d'étoiles mortes enchaînées au sol à une banlieue en apparence normale, chaque contrée est filtrée par le Souverain qui règne sur elle, et qui la plie, elle et les Âmes qui s'y trouvent, à sa volonté. Aux ouvriers incombe la tâche d'entretenir l'apparence de chaque contrée, que ce soit pour restructurer une zone ou éliminer une menace hostile.

L'ENTRE-DEUX ET SES ENVIRONS :

De hauts immeubles de bureaux s'élèvent dans le ciel, loin au-dessus des abîmes de brouillard tourbillonnant. Cet endroit est inondé d'une seule couleur, car les clés de la salle de contrôle des couleurs ont été perdues il y a fort longtemps, et l'autorisation de créer une clé de remplacement est toujours en train d'être examinée. C'est la zone à l'extérieur des Contrées, qui comprend tous les espaces inutilisés et ce qui les entoure. Pour les ouvriers, c'est l'approximation d'un foyer, et généralement là où ils passent le plus clair de leur temps. Il y a quelques déviations quant à l'apparence des structures, mais habituellement, les bureaux infinis sont ce qu'un ouvrier normal verra toute sa vie.

LA ROUTE :

Le connexion la plus forte entre l'Après-Vie et le reste de l'univers. C'est là que les âmes arrivent lorsqu'elles se séparent de leurs formes mortelles. Elle commence comme un simple chemin de terre transperçant un vide noir. Plus une âme avance sur ce chemin, plus il change. Certaines voient des escaliers et des ascenseurs s'élevant vers une vive lumière. D'autres vagabondent sur des sentiers forestiers et dans des cavernes obscures. La vaste majorité des âmes finit par trouver la fin de leur route et apparaissent dans la contrée d'un Souverain.

Entrées

Un nouvel ouvrier est entré dans les bureaux infinis. Les êtres artificiels surchargés de travail et les âmes qui défilent l'ignorent ou ne le remarquent pas. Voilà l'endroit où les fichiers de ce vieux monde seront entreposés, catalogués et oubliés par la Direction. Tenez bon !

• Avertissement : Ponctualité par dr nepalwala
• Thème de Vitalis SRL par UncertaintyCrossing
• Le Tueur de Dragons par Egileye
• Sur la piste des traces écrites by Maxyfran73
• Des Âmes presque perdues, des indiscrets dans les conduits d'aération, et des programmes de formation incroyablement médiocres par NotAnOligarch
• Lundi est le nouveau vendredi par LAN 2D
• Oméga démissionne par Muse Hill
• Suivant par destinysday
• Le coût de la vie par Egileye

Guide d'écriture

Les thèmes de ce canon devraient être assez transparent, du moins pendant le temps où tout n'est que partiellement formé. Des éléments sur lesquels vous pourriez être intéressé d'écrire comprennent :

• Le temps et la répétitivité sans fin
• L'optimisme contre le désespoir
• Le sens et la signification dans le contexte d'après-vie
• L'identité, l'aliénation, la liberté, et le besoin de s'élever au-dessus des autres
• L'acceptation de la banalité

Globalement, si vous avez une idée : écrivez-la. Rien n'est canon tant que ce n'est pas sur le site, et même une fois posté, c'est flexible. Rien n'existe dans ce monde à moins que vous ne le disiez. Le passé, le présent et le futur attendent tous d'être décidés. Ici et maintenant, vous êtes tels des dieux.

---

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 rumetzen et Snapdragon133. Contactez-les si vous avez des questions ou des soucis.

+ Dans d'autres langues