Accueil : Différence entre versions

De Omnis Bibliotheca
m (Lien vers l'Empereur)
m
 
(37 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
{{Page OB}}
 
{{Page OB}}
{{#css:
+
{{Accueil CSS}}
body #globalWrapper {
+
<div style="position: absolute;top: 5px;left: 50%;z-index: 10;transform: translateX(-50%); pointer-events: none; width: calc(100% + 50px); height: 1600px; perspective: 1400px; transform-style: preserve-3d; perspective-origin: center 65%; overflow:hidden;">
font-size: 12.7px;
 
}
 
body div#column-one li, body div#column-one li * {
 
font-size: 11.45px;
 
}
 
#firstHeading {
 
display: none;
 
}
 
#content h2 {
 
text-align: center;
 
}
 
#siteSub {
 
display: none;
 
}
 
#contentSub {
 
display: none;
 
}
 
.animation-root:not(:hover) .animation {
 
animation-play-state: paused !important;
 
}
 
@media (hover: none) {
 
  .animation-root .animation,
 
  .animation-root .animation *,
 
  .animation-root .animation *::before,
 
  .animation-root .animation *::after {
 
animation-play-state: paused !important;
 
  }
 
}
 
@media (hover: hover) {
 
  .animation-root:hover .servo-crane-deco {
 
top: 0;
 
left: 0;
 
  }
 
  .animation-root:hover .servo-crane-deco.light {
 
background: none;
 
z-index: 2;
 
opacity: 1;
 
transition: 1s all ease-in-out, 0s opacity ease-in-out 2s;
 
  }
 
}
 
.zoomable {
 
transition: 1s all ease-in-out;
 
transform: scale(0.95) !important;
 
}
 
.annonces li {
 
list-style: none;
 
}
 
.links {
 
position: absolute;
 
top: 0;
 
left: 0;
 
z-index: 10;
 
margin: 30px 10px;
 
text-align: center;
 
display: flex;
 
flex-flow: column;
 
align-items: start;
 
width: calc(100% - 20px);
 
box-sizing: border-box;
 
overflow: clip;
 
transition: 0.6s all ease-in-out;
 
}
 
.links * {
 
display: flex;
 
flex-flow: row;
 
align-items: center;
 
justify-content: left;
 
text-decoration: none !important;
 
transition: 0.6s all ease-in-out;
 
}
 
.links a,
 
#content .links .external.text {
 
height: 36px;
 
color: white !important;
 
}
 
.links > * {
 
height: 30px;
 
background: transparent;
 
width: 100%;
 
display: flex;
 
flex-flow: row;
 
align-items: center;
 
padding: 4px 20px;
 
border-radius: 3px;
 
width: 100%;
 
box-sizing: border-box;
 
}
 
:hover > .links > * {
 
background: #0005;
 
}
 
.links a + span::before {
 
content: '';
 
width: 20px;
 
height: 20px;
 
display: inline-block;
 
}
 
.links a + *,
 
.links a + * a {
 
opacity: 1;
 
transform: none;
 
color: white !important;
 
}
 
.links :hover > a + *,
 
.links :hover > a + * a {
 
text-shadow: 0 0 2px #30e2ff,0 0 3px #30e2ff,0 0 5px #30e2ff !important;
 
}
 
.ripple-floor {
 
background-position: center;
 
background-color: #239d9d36;
 
position: absolute;
 
top: 0;
 
left: 0;
 
height: 100%;
 
width: 100%;
 
}
 
.ripple-floor::before {
 
position: absolute;
 
top: 0;
 
left: 0;
 
width: 100%;
 
height: 100%;
 
background: #9acbbb7d radial-gradient(circle, #9acbbb7d 1%, transparent 1%) center/20000%;
 
z-index: 1;
 
content: '';
 
opacity: 0;
 
transition: all 0.8s ease-in-out 1s;
 
background-repeat: no-repeat;
 
}
 
.animation-root:not(:hover) .ripple-floor::before {
 
background-color: #ffffff00;
 
background-size: 0%;
 
opacity: 0.5;
 
transition: all 0s;
 
}
 
.animation-root .red-eye-deco {
 
position: absolute;
 
bottom: 96px;
 
left: 121px;
 
width: 16px;
 
height: 16px;
 
border-radius: 50%;
 
z-index: 1;
 
background: radial-gradient(#ffffffdb, #f00, #ff000061, #ff000036, transparent 75%);
 
transition: 1s all ease-in-out;
 
box-shadow: 0 0 20px red,0 0 30px red, inset 0 0 5px #ff00004a;
 
}
 
.animation-root .screen-green-light {
 
position: absolute;
 
z-index: -1;
 
bottom: 0;
 
left: -7px;
 
width: 100%;
 
height: 100%;
 
background: radial-gradient(#08fb91b5, #00ff9024, transparent 75%);
 
background-size: 250px 120px;
 
background-repeat: no-repeat;
 
background-position-y: 0;
 
background-position-X: 0;
 
transition: 1s all ease-in-out;
 
}
 
.animation-root:not(:hover) .red-eye-deco,
 
.animation-root:not(:hover) .screen-green-light {
 
opacity: 0;
 
}
 
.tome-wrapper .eye-green-light {
 
position: absolute;
 
top: 0;
 
left: 0;
 
width: 460px;
 
height: 950px;
 
border-radius: 50%;
 
z-index: 100;
 
transition: 1s all ease-in-out;
 
background: conic-gradient(transparent 70deg, #60bb3696, transparent 140deg);
 
background-position-x: 0%;
 
background-position-y: 0%;
 
-webkit-mask-image: radial-gradient(transparent, black 15%, transparent 72%, transparent);
 
mask-image: radial-gradient(transparent, black 15%, transparent 72%, transparent);
 
transform: translateX(calc(20px - 50%)) translateY(calc(-90px - 50%)) rotate(43deg);
 
pointer-events: none;
 
}
 
.tome-wrapper:not(:hover) .eye-green-light {
 
opacity: 0;
 
}
 
 
 
@media screen and (max-width: 1279px) {
 
  .responsive-layout {
 
margin-top: 4em;
 
flex-direction: column;
 
align-content: center;
 
  }
 
  .hide-on-small-screen {
 
display: none;
 
  }
 
}
 
 
 
div.techno-pane:hover > div > div.top-glass {
 
box-shadow: inset 0 0 20px #ff000091, inset 1px 1px #ffffff1f, inset 0 0 0 1px #27272763, inset 0 0 20px 1px #ff5d5d, 0 0 15px red !important;
 
background: linear-gradient(135deg, #717978 10%, #414444 25%, #575b5b 40%, #232625 55%, #3c4240 75%, #1f2322 85%) #fff !important;
 
}
 
.servo-crane-deco {
 
position: absolute;
 
top: 100px;
 
left: 100px;
 
transition: 1s all ease-in-out 1s;
 
background: radial-gradient(#201e1e, transparent 70%, transparent);
 
height: 580px;
 
width: 190px;
 
-webkit-animation: its-alive 10s  linear infinite;
 
animation: its-alive 10s linear infinite;
 
pointer-events: none;
 
}
 
.servo-crane-deco.light {
 
background: none;
 
z-index: 0;
 
opacity: 0;
 
transition: 1s all ease-in-out, 0.1s opacity ease-in-out 0s;
 
}
 
.servo-crane-deco.light::after {
 
content: "";
 
top: 41px;
 
left: 70px;
 
width: 800px;
 
height: 800px;
 
position: absolute;
 
background: conic-gradient(transparent 90deg, #ff00007d, transparent 120deg);
 
pointer-events: none;
 
-webkit-mask-image: radial-gradient(transparent, black 15%, transparent 70%, transparent);
 
mask-image: radial-gradient(transparent, black 15%, transparent 70%, transparent);
 
background-position: center;
 
transform: translateX(-50%) translateY(-50%);
 
}
 
.animation-root:hover .servo-crane-deco.light::after {
 
-webkit-animation: its-alive-ray 10s  linear infinite;
 
animation: its-alive-ray 10s linear infinite;
 
}
 
 
 
.update-pane > a:hover {
 
cursor: pointer;
 
}
 
 
 
 
 
#toc {
 
max-width: 1120px;
 
border-color: transparent !important;
 
margin: 40px auto !important;
 
box-sizing: border-box;
 
padding: 20px !important;
 
background: linear-gradient(135deg, #71797848 0, #41444448 25%, #575b5b48 40%, #23262548 55%, #3c424048 75%, #1f232248 85%) !important;
 
box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black !important;
 
font-size: 14px;
 
background-color: #310a0a !important;
 
border-radius: 5px !important;
 
opacity: 0.9 !important;
 
display: table !important;
 
text-shadow: 1px 1px 5px #000 !important;
 
border: none !important;
 
color: #e0e0e0 !important;
 
}
 
 
 
#toc li a {
 
color: #929495;
 
position: relative;
 
overflow: visible;
 
font-weight: bold;
 
text-align: center;
 
font-family: sans-serif;
 
font-style: italic;
 
text-transform: uppercase;
 
letter-spacing: 5px;
 
padding: 16px 24px;
 
background: linear-gradient(135deg, #71797848 0, #41444448 25%, #575b5b48 40%, #23262548 55%, #3c424048 75%, #1f232248 85%) !important;
 
/* background-color: rgba(0, 0, 0, 0); */
 
box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black !important;
 
/* font-size: 14px; */
 
background-color: #000 !important;
 
z-index: 1;
 
box-sizing: border-box;
 
display: block;
 
margin: 5px;
 
font-size: 12px;
 
text-decoration: none;
 
display: flex;
 
}
 
#toc li a:hover {
 
color: #c9cbcc;
 
}
 
#toc li a::before {
 
content: "\25B2";
 
position: absolute;
 
left: 0;
 
top: 50%;
 
transform: translateX(-16px) translateY(calc(-50% + 3px)) rotate(90deg) scale(1, 0.5);
 
font-style: normal;
 
font-size: 39px;
 
color: transparent !important;
 
text-shadow: none !important;
 
}
 
#toc li a:hover::before {
 
color: #464646 !important;
 
text-shadow: 1px 1px 5px #000, 1px 0 5px #000 !important;
 
}
 
 
 
/*
 
@media screen and (max-device-width: 900px) {
 
#content a.image {
 
display: none;
 
}
 
}
 
*/
 
 
 
@media screen and (min-width: 900px) {
 
 
 
/* Safari */
 
@-webkit-keyframes its-alive {
 
  0% { -webkit-transform: translateX(-90px) translateY(-90px) rotate(20deg); }
 
  10% { -webkit-transform: translateX(-75px) translateY(-95px) rotate(15deg); }
 
  35% { -webkit-transform: translateX(-60px) translateY(-90px) rotate(20deg); }
 
  55% { -webkit-transform: translateX(-80px) translateY(-85px) rotate(15deg) ; }
 
  75% { -webkit-transform: translateX(-85px) translateY(-85px) rotate(20deg) ; }
 
  90% { -webkit-transform: translateX(-75x) translateY(-95px) rotate(15deg); }
 
  100% { -webkit-transform: translateX(-90px) translateY(-90px) rotate(20deg); }
 
}
 
@keyframes its-alive {
 
  0% { transform: translateX(-90px) translateY(-90px) rotate(20deg); }
 
  10% { transform: translateX(-75px) translateY(-95px) rotate(15deg); }
 
  35% { transform: translateX(-60px) translateY(-90px) rotate(20deg); }
 
  55% { transform: translateX(-80px) translateY(-85px) rotate(15deg) ; }
 
  75% { transform: translateX(-85px) translateY(-85px) rotate(20deg) ; }
 
  90% { transform: translateX(-75x) translateY(-95px) rotate(15deg); }
 
  100% { transform: translateX(-90px) translateY(-90px) rotate(20deg); }
 
}
 
 
 
/* Safari */
 
@-webkit-keyframes its-alive-ray {
 
  0% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-10deg); }
 
  10% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-15deg); }
 
  35% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-20deg); }
 
  55% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-15deg) ; }
 
  75% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-20deg) ; }
 
  90% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-15deg); }
 
  100% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-10deg); }
 
}
 
 
 
@keyframes its-alive-ray {
 
  0% { transform: translateX(-50%) translateY(-50%) rotate(-10deg); }
 
  10% { transform: translateX(-50%) translateY(-50%) rotate(-15deg); }
 
  35% { transform: translateX(-50%) translateY(-50%) rotate(20deg); }
 
  55% { transform: translateX(-50%) translateY(-50%) rotate(-15deg) ; }
 
  75% { transform: translateX(-50%) translateY(-50%) rotate(-20deg) ; }
 
  90% { transform: translateX(-50%) translateY(-50%) rotate(-15deg); }
 
  100% { transform: translateX(-50%) translateY(-50%) rotate(-10deg); }
 
}
 
@-webkit-keyframes shade-off {
 
  0% {
 
    opacity: 0;
 
  }
 
  100% {
 
    opacity: 0.8;
 
  }
 
}
 
@keyframes shade-off {
 
  0% {
 
    opacity: 0;
 
  }
 
  100% {
 
    opacity: 0.8;
 
  }
 
}
 
 
 
@-webkit-keyframes spin {
 
  0% { -webkit-transform: rotate(0deg); }
 
  100% { -webkit-transform: rotate(360deg); }
 
}
 
@keyframes spin {
 
  0% { transform: rotate(0deg); }
 
  100% { transform: rotate(360deg); }
 
}
 
}
 
 
 
.scs-list {
 
text-align: left;
 
color: #ffffffd1;
 
text-shadow: none;
 
padding-top: 10px;
 
pointer-events: all;
 
}
 
.scs-pane {
 
padding: 1px 10px 3px;
 
width: 100%;
 
position: relative;
 
height: 100%;
 
box-sizing: border-box;
 
}
 
.scs-pane::after {
 
position: absolute;
 
content: '';
 
top: 0;
 
left: 0;
 
width: 100%;
 
height: 100%;
 
z-index: 10;
 
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
 
transition: 1s all ease-in-out;
 
box-shadow: inset 0 0 1px 1px #a2a9b1;
 
animation: clipMe 10s linear infinite;
 
pointer-events: none;
 
border-radius: 5px;
 
opacity: 0.6;
 
}
 
.scs-pane::before{
 
position: absolute;
 
content: '';
 
top: 0;
 
left: 0;
 
width: 100%;
 
height: 100%;
 
z-index: 10;
 
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
 
transition: 1s all ease-in-out;
 
box-shadow: inset 0 0 1px 1px #a2a9b1;
 
animation: clipMe 10s linear infinite;
 
pointer-events: none;
 
border-radius: 5px;
 
opacity: 0.6;
 
scale: -1 -1;
 
}
 
.scs-pane ul {
 
margin: 0;
 
}
 
.scs-pane li[data-mw-revid] {
 
background: none !important;
 
max-width: 300px;
 
box-sizing: border-box;
 
text-overflow: ellipsis;
 
font-size: 0;
 
line-height: 0;
 
margin: 11px 0;
 
list-style-image: none;
 
text-align: center;
 
}
 
.scs-pane li[data-mw-revid]:nth-child(6) ~ * {
 
display: none;
 
}
 
.scs-pane li[data-mw-revid] a {
 
text-overflow: ellipsis;
 
max-width: 300px;
 
overflow: hidden;
 
font-size: 14px;
 
line-height: 16px;
 
padding: 0 0.2em 0.2em 0.2em;
 
margin: 0;
 
background: none !important;
 
display: block;
 
font-weight: normal;
 
color: white;
 
white-space: nowrap;
 
}
 
.scs-pane li[data-mw-revid] a:hover {
 
text-shadow: 0 0 2px #ff6130 !important;
 
text-decoration: none;
 
background: #0005 !important;
 
}
 
.scs-pane li[data-mw-revid] > a:first-child,
 
.scs-pane li[data-mw-revid] > a:first-child * {
 
pointer-events: none;
 
text-shadow: 0 0 5px black !important;
 
font-weight: normal;
 
color: #ffffff80 !important;
 
font-size: 12px;
 
}
 
.scs-pane li[data-mw-revid] > :not(a.mw-newpages-pagename):not(a:first-child) {
 
display: none;
 
}
 
 
 
.animation-root:not(:hover) .scs-pane::before,
 
.animation-root:not(:hover) .scs-pane::after {
 
animation-play-state: paused !important;
 
}
 
 
 
@-webkit-keyframes clipMe {
 
  0%, 100% {clip-path: polygon(0 0, 100% 0, 100% 2px, 0 2px); }
 
  25% {clip-path: polygon(calc(100% - 2px) 0, 100% 0, 100% 100%, calc(100% - 2px) 100%); }
 
  50% {clip-path: polygon(0 calc(100% - 2px), 100% calc(100% - 2px), 100% 100%, 0 100%); }
 
  75% {clip-path: polygon(0 0, 2px 0, 2px 100%, 0 100%); }
 
}
 
@keyframes clipMe {
 
  0%, 100% {clip-path: polygon(0 0, 100% 0, 100% 2px, 0 2px); }
 
  25% {clip-path: polygon(calc(100% - 2px) 0, 100% 0, 100% 100%, calc(100% - 2px) 100%); }
 
  50% {clip-path: polygon(0 calc(100% - 2px), 100% calc(100% - 2px), 100% 100%, 0 100%); }
 
  75% {clip-path: polygon(0 0, 2px 0, 2px 100%, 0 100%); }
 
}
 
 
 
.annonces ul li::before {
 
content: '◈';
 
color: #2d7a84;
 
position: absolute;
 
transform: translateX(-18px);
 
}
 
.tome-wrapper::before {
 
position: absolute;
 
top: 31%;
 
left: 23px;
 
height: 70%;
 
width: 200px;
 
content: '';
 
background: radial-gradient(black, transparent 70%);
 
transform: translateX(-50%);
 
}
 
.book {
 
perspective-origin: center -20px;
 
}
 
.book .page-content * {
 
font-family: 'Grenze Gotisch', cursive;
 
font-size: 15.5px !important;
 
line-height: 1;
 
}
 
.book .page-content * a[title] {
 
position: relative;
 
font-weight: inherit;
 
text-decoration: none;
 
text-shadow: 0 0 10px white;
 
white-space: nowrap;
 
text-overflow: ellipsis;
 
display: block;
 
color: #1e1714cf !important;
 
font-size: 15.5px !important;
 
line-height: 17px !important;
 
}
 
.novum-majoris-page a[title]::before {
 
content: '\2022 ';
 
font-size: 22px;
 
}
 
.book .page-content * a[title]:hover::after {
 
content: '';
 
display: block;
 
background: radial-gradient(closest-side, #ffffff3d, transparent);
 
position: absolute;
 
left: 50%;
 
top: 50%;
 
transform: translateX(-50%) translateY(-50%);
 
height: 200%;
 
width: calc(100% + 50px);
 
z-index: -1;
 
}
 
.book .coverDesign.cover_deco > :first-child {
 
font-family: 'Grenze Gotisch', cursive;
 
font-size: 22px;
 
}
 
.jdr-dice {
 
position: absolute;
 
top: 560px;
 
left: 0;
 
z-index: 10;
 
transform: translateX(-35px);
 
perspective: 2000px;
 
perspective-origin: 100px -500px;
 
}
 
.jdr-dice:hover::after {
 
content: 'Jeux de Rôle';
 
position: absolute;
 
bottom: 0;
 
left: 50%;
 
z-index: 2;
 
white-space: nowrap;
 
font-size: 11px;
 
text-align: center;
 
font-family: sans-serif;
 
font-style: italic;
 
text-transform: uppercase;
 
letter-spacing: 2px;
 
transform: translateY(64%) translateX(-43%) rotateY(25deg) translateY(-82px);
 
transform-origin: center top;
 
text-shadow: 0 0 2px #30e2ff,0 0 3px #30e2ff,0 0 5px #30e2ff !important;
 
color: #fff;
 
}
 
.themes-link a {
 
text-align: center;
 
background: #bed1d32e;
 
border-radius: 5px;
 
margin: 10px;
 
text-shadow: 0 0 1px #a6a6a6;
 
display: block;
 
text-decoration: none;
 
}
 
.themes-link a:hover {
 
background: #bed1d373;
 
color: white;
 
}
 
.news-flag > * {
 
border-radius: 5px;
 
padding: 2px 20px 2px 10px;
 
text-align: center;
 
min-width: 110px;
 
display: inline-block;
 
margin-top: 20px;
 
break-after: right;
 
font-weight: bold;
 
background: #bed1d33d;
 
color: #000;
 
text-shadow: none;
 
position: relative;
 
transform: translateX(-12px);
 
clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
 
}
 
.OB-stamp {
 
position: absolute;
 
right: 0;
 
transform: translateX(30%);
 
opacity: 0.4;
 
clip-path: polygon(5px 5px, 97% 5px, 97% 85%, 5px 85%);
 
pointer-events: none;
 
}
 
.deco-metal-left {
 
position: absolute;
 
top: 24px;
 
left: 0;
 
width: 26px;
 
height: 92px;
 
z-index: 100;
 
border-radius: 0 50% 50% 0;
 
box-shadow: 1px 1px 10px black, inset 1px 1px #ffffff3d,inset 0 0 8px black;
 
background: linear-gradient(135deg, #717978a0, #414444a0, #575b5ba0, #232625a0, #3c4240a0, #1f2322a0) #2f2d2d !important;
 
transform: translateX(-1px);
 
}
 
.novum-majoris-page, .novum-majoris-page :not(a) {
 
margin: 0;
 
display: flex;
 
flex-direction: column;
 
}
 
.novum-majoris-page a::before {
 
content: '◈ ';
 
}
 
.center-pane > * {
 
pointer-events: all;
 
}
 
#dallage-grid-left::before {
 
content: '';
 
position: absolute;
 
top: 0;
 
left: 0;
 
width: 100%;
 
height: 100%;
 
transform: rotateY(75deg);
 
transform-origin: left center;
 
border-radius: 0 50% 0 0;
 
box-shadow: inset 0 0 5px 5px #121313, inset 0 0 5px 20px rgb(60, 64, 63), inset 0 0 25px 20px black, inset 0 0 5px 55px rgb(40, 44, 43),inset 0 0 5px 5px rgba(0,183,255,0.62),inset 0 0 5px 5px black,0 2px 2px 5px #252626 !important;
 
overflow: visible;
 
-webkit-mask: linear-gradient(white, transparent);
 
mask: linear-gradient(white, transparent);
 
}
 
#dallage-grid-left::after {
 
content: '';
 
position: absolute;
 
top: 0;
 
left: 0;
 
width: 100%;
 
height: 100%;
 
transform: rotateY(75deg);
 
transform-origin: left center;
 
border-radius: 0 50% 0 0;
 
box-shadow: 25px -25px 50px 50px #121313;
 
overflow: visible;
 
}
 
#dallage-grid-right::before {
 
content: '';
 
position: absolute;
 
top: 0;
 
left: 0;
 
width: 100%;
 
height: 100%;
 
transform: rotateY(-75deg);
 
transform-origin: right center;
 
border-radius: 50% 0 0 0;
 
box-shadow: inset 0 0 5px 5px #121313, inset 0 0 5px 20px rgb(60, 64, 63), inset 0 0 25px 20px black, inset 0 0 5px 55px rgb(40, 44, 43),inset 0 0 5px 5px rgba(0,183,255,0.62),inset 0 0 5px 5px black,0 2px 2px 5px #252626 !important;
 
overflow: visible;
 
-webkit-mask: linear-gradient(white, transparent);
 
mask: linear-gradient(white, transparent);
 
}
 
#dallage-grid-right::after {
 
content: '';
 
position: absolute;
 
top: 0;
 
left: 0;
 
width: 100%;
 
height: 100%;
 
transform: rotateY(-75deg);
 
transform-origin: right center;
 
border-radius: 50% 0 0 0;
 
box-shadow: -25px -25px 50px 50px #121313;
 
overflow: visible;
 
}
 
.dallage-include p {
 
display: flex;
 
flex-direction: column;
 
justify-content: center;
 
align-items: start;
 
}
 
.dallage-include a {
 
color: #81dee8 !important;
 
text-shadow: 0 0 2px #000,0 0 3px #000,0 0 5px #30ceff !important;
 
font-size: 22px;
 
line-height: 53px;
 
font-weight: normal;
 
text-decoration: none;
 
opacity: 0.5;
 
white-space: nowrap;
 
text-align: left;
 
flex: 1;
 
}
 
.dallage-include a:hover {
 
color: white !important;
 
opacity: 1;
 
}
 
.image-side-left,
 
.image-side-left img,
 
.image-side-right,
 
.image-side-right img {
 
pointer-events: none;
 
}
 
.image-side-left a,
 
.image-side-right a {
 
line-height: 50px;
 
font-size: 300px;
 
color: transparent !important;
 
pointer-events: all;
 
}
 
#bodyContent::before {
 
content: '';
 
position: absolute;
 
top: 0;
 
left: 0;
 
width: 100%;
 
height: 800px;
 
background: linear-gradient(black 100px, #00495070 200px, black, transparent);
 
-webkit-mask: radial-gradient(white, transparent);
 
mask: radial-gradient(white, transparent);
 
pointer-events: none;
 
}
 
 
 
#dallage-grid-left.dallage-wrapper.hexa .dallage-row {
 
perspective: 1000px;
 
perspective-origin: left -50px;
 
}
 
 
 
 
 
[data-trigger*="dalle-"] {
 
position: absolute !important;
 
z-index: 100;
 
width: 100%;
 
height: 100%;
 
border-radius: 50%;
 
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
 
background: linear-gradient(35deg, teal, transparent, transparent, #aceaf4), linear-gradient(-35deg, teal, transparent, transparent, #aceaf4), linear-gradient(90deg, teal, transparent, transparent, transparent, transparent, transparent, #aceaf4), radial-gradient(#ffffffa1 50%, teal 70%);
 
cursor: pointer;
 
opacity: 0.4;
 
transition: 0.2s all ease-in-out;
 
}
 
[data-trigger*="dalle-"]:hover {
 
opacity: 1;
 
}
 
 
 
[data-trigger*="dalle-"] + [data-target*="dalle-"] {
 
position: absolute;
 
z-index: 120;
 
width: 100%;
 
height: 100%;
 
border-radius: 50%;
 
}
 
 
 
[data-trigger*="dalle-"] + [data-target]:not(.active) * {
 
pointer-events: none !important;
 
opacity: 0;
 
}
 
[data-trigger*="dalle-"]:not(active) + [data-target] {
 
pointer-events: none !important;
 
display: block;
 
}
 
[data-target] > .dalle-off {
 
position: absolute !important;
 
top: 50%;
 
left: 50%;
 
z-index: 100;
 
width: 100%;
 
height: 100%;
 
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
 
background: linear-gradient(35deg, teal, transparent, transparent, #aceaf4), linear-gradient(-35deg, teal, transparent, transparent, #aceaf4), linear-gradient(90deg, teal, transparent, transparent, transparent, transparent, transparent, #aceaf4), radial-gradient(#ffffffa1 50%, teal 70%);
 
transition: 0.2s opacity 0.1s ease-in-out;
 
transform: translate3d(-50%, -50%, 0);
 
}
 
.dallage-row > .active {
 
z-index: 100;
 
}
 
 
 
[data-target] > .dalle-sfx {
 
position: absolute !important;
 
z-index: 0;
 
width: 1%;
 
height: 1%;
 
border-radius: 50%;
 
background: radial-gradient(#00ffdb, transparent 70%);
 
scale: 1;
 
transition: 0s all;
 
transform: translate3d(-50%, -50%, 0);
 
top: 50%;
 
left: 50%;
 
opacity: 1;
 
pointer-events: none !important;
 
}
 
[data-target].active > .dalle-sfx {
 
width: 1000% !important;
 
height: 1000% !important;
 
opacity: 0 !important;
 
transition: 0.4s all ease-in-out !important;
 
}
 
[data-target]:not(.active) > .dalle-sfx {
 
opacity: 1 !important;
 
}
 
.discord-top-btn {
 
position: absolute;
 
right: 20px;
 
top: 0;
 
z-index: 10;
 
border-radius: 50%;
 
box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black, inset 0 0 50px black, 0 4px 10px black !important;
 
padding: 4px;
 
}
 
.discord-top-btn:hover::before {
 
content: 'Discordiae';
 
position: absolute;
 
bottom: 0;
 
left: 50%;
 
transform: translate3d(-50%, calc(100% + 6px), 0);
 
color: #929495;
 
text-align: center;
 
letter-spacing: 1px;
 
padding: 5px 10px;
 
box-shadow: inset 1px 1px #ffffff1c, inset 0 0 0 1px #000, 0 4px 10px black, inset 0 0 50px black !important;
 
z-index: 1;
 
box-sizing: border-box;
 
background: linear-gradient(135deg, #444141 10%, #414444 25%, #2f3535 40%, #232625 55%, #3c4240 75%, #2f2d2d 85%) !important;
 
font-family: 'Grenze Gotisch', cursive;
 
font-size: 17px;
 
border-radius: 5px;
 
}
 
.discord-top-btn::after {
 
content: '';
 
position: absolute;
 
top: 50%;
 
left: 50%;
 
width: calc(100% - 6px);
 
height: calc(100% - 6px);
 
z-index: 1;
 
pointer-events: none;
 
background-image: linear-gradient(rgba(0,0,0,0.2) 0px,rgba(0,0,0,0.3) 2px,rgba(0, 0, 0, 0.2) 2px,rgba(255, 255, 255, 0.2) 3px);
 
background-size: auto 3px;
 
overflow: hidden;
 
box-sizing: border-box;
 
transform: translate3d(-50%, -50%, 0);
 
border-radius: 50%;
 
box-shadow: inset 0 0 5px #000, inset 0 0 15px #60fdff;
 
transition: 0.5s all ease-in-out;
 
opacity: 0.8;
 
}
 
.discord-top-btn:hover::after {
 
background-position-y: 5%;
 
box-shadow: inset 0 0 5px #fff, inset 0 0 15px #60fdff;
 
}
 
 
 
}}
 
<div style="position: absolute;top: 0;left: 0;z-index: 10;transform: translateX(-100px) translateY(-250px);opacity: 0.5; pointer-events: none">
 
 
{{Dallage
 
{{Dallage
 
|id=grid-left
 
|id=grid-left
Ligne 878 : Ligne 7 :
 
|nbY=30
 
|nbY=30
 
|size=60px
 
|size=60px
|transform=rotateY(75deg)
+
|perspective=none
 +
|transform=rotateY(90deg)
 
|transform-origin=left center
 
|transform-origin=left center
 
|mask=radial-gradient(at left center, white 30%, #ffffff38, transparent 70%)
 
|mask=radial-gradient(at left center, white 30%, #ffffff38, transparent 70%)
 
|background=linear-gradient(35deg, teal, transparent, transparent, #aceaf4), linear-gradient(-35deg, teal, transparent, transparent, #aceaf4), linear-gradient(90deg, teal, transparent, transparent, transparent, transparent, transparent, #aceaf4)
 
|background=linear-gradient(35deg, teal, transparent, transparent, #aceaf4), linear-gradient(-35deg, teal, transparent, transparent, #aceaf4), linear-gradient(90deg, teal, transparent, transparent, transparent, transparent, transparent, #aceaf4)
 
|global-background=radial-gradient(#c7caca, teal, transparent 70%)
 
|global-background=radial-gradient(#c7caca, teal, transparent 70%)
 +
|custom_css=position: absolute; left: 0; top: 0; transform: translateX(-25px) translateY(-255px);
 +
|inner_css=opacity: 0.5;
 
|dalle-21-4=
 
|dalle-21-4=
 
<div data-trigger="grid-left-dalle-21-4" data-group="dalleLeft" ></div>
 
<div data-trigger="grid-left-dalle-21-4" data-group="dalleLeft" ></div>
Ligne 895 : Ligne 27 :
 
<div class="dalle-sfx"></div>
 
<div class="dalle-sfx"></div>
 
</div>
 
</div>
}}
+
}}{{Dallage
</div>
 
<div style="position: absolute;top: 0;right: 0;z-index: 10;transform: translateX(100px) translateY(-250px);opacity: 0.5; pointer-events: none">
 
{{Dallage
 
 
|id=grid-right
 
|id=grid-right
 
|nbX=16
 
|nbX=16
 
|nbY=30
 
|nbY=30
 
|size=60px
 
|size=60px
|transform=rotateY(-75deg)
+
|perspective=none
 +
|transform=rotateY(-90deg)
 
|transform-origin=right center
 
|transform-origin=right center
 
|mask=radial-gradient(at right center, white 30%, #ffffff38, transparent 70%)
 
|mask=radial-gradient(at right center, white 30%, #ffffff38, transparent 70%)
 
|background=linear-gradient(35deg, teal, transparent, transparent, #aceaf4), linear-gradient(-35deg, teal, transparent, transparent, #aceaf4), linear-gradient(-90deg, teal, transparent, transparent, transparent, transparent, transparent, #aceaf4)
 
|background=linear-gradient(35deg, teal, transparent, transparent, #aceaf4), linear-gradient(-35deg, teal, transparent, transparent, #aceaf4), linear-gradient(-90deg, teal, transparent, transparent, transparent, transparent, transparent, #aceaf4)
 
|global-background=radial-gradient(#c7caca, teal, transparent 70%)
 
|global-background=radial-gradient(#c7caca, teal, transparent 70%)
 +
|custom_css=position: absolute; right: 0; top: 0; transform: translateX(25px) translateY(-255px);
 +
|inner_css=opacity: 0.5;
 
}}
 
}}
 +
<div style="position: absolute; pointer-events: none; top:1050px; left: 17%;opacity: 1;mask: linear-gradient(transparent, white 50%); transform: translateY(-155px); z-index: 2;">[[Fichier:Pylon-shadow.png]]</div>
 +
<div style="position: absolute; pointer-events: none; top:1050px; right: 17%;opacity: 1;mask: linear-gradient(transparent, white 50%); transform: scaleX(-1) translateY(-155px); z-index: 2;">[[Fichier:Pylon-shadow.png]]</div>
 
</div>
 
</div>
 
<center class="center-pane" style="position: relative;padding: 10px 0 0 0; z-index: 10; pointer-events: none;">
 
<center class="center-pane" style="position: relative;padding: 10px 0 0 0; z-index: 10; pointer-events: none;">
<div class="image-side-right no-print" style="opacity: 0; position: absolute;right: 0;top: 0;opacity: 0.8; z-index: 1;transform: translateX(190px) translateY(-100px);perspective: 500px;"><div style="transform: rotateY(-45deg);transform-origin: right center;-webkit-mask: radial-gradient(black 20%, transparent 70%);mask: radial-gradient(black 20%, transparent 70%);">[[Fichier:Magos-searching.jpg|600px]]</div></div>
+
<div class="image-side-right no-print" style="opacity: 0; position: absolute;right: 0;top: 0;opacity: 0.8; z-index: 1;transform: translateX(190px) translateY(-100px);perspective: 500px;"><div style="transform: rotateY(-45deg);transform-origin: right center;-webkit-mask-image: radial-gradient(black 20%, transparent 70%);mask: radial-gradient(black 20%, transparent 70%);">[[Fichier:Magos-searching.jpg|600px]]</div></div>
<div class="image-side-left no-print" style="opacity: 0; position: absolute;left: 0;top: 50px;opacity: 0.8; z-index: 1;transform: translateX(-153px) translateY(-50px); perspective: 500px;"><div style="transform: rotateY(50deg);transform-origin: left center;-webkit-mask: radial-gradient(at 30% center, black, transparent 90%); mask: radial-gradient(at 30% center, black 20%, transparent 500px);">[[Fichier:ScribeMechanicus.png|700px]]</div></div>
+
<div class="image-side-left no-print" style="opacity: 0; position: absolute;left: 0;top: 50px;opacity: 0.8; z-index: 1;transform: translateX(-153px) translateY(-50px); perspective: 500px;"><div style="transform: rotateY(50deg);transform-origin: left center;-webkit-mask-image: radial-gradient(at 30% center, black, transparent 90%); mask: radial-gradient(at 30% center, black 20%, transparent 500px);">[[Fichier:ScribeMechanicus.png|700px]]</div></div>
<div style="position: absolute; pointer-events: none; top:600px; left: 222px;opacity: 1;mask: linear-gradient(transparent, white 50%);">[[Fichier:Pylon-shadow.png]]</div>
 
<div style="position: absolute; pointer-events: none; top:600px; right: 222px;opacity: 1;mask: linear-gradient(transparent, white 50%); transform: scaleX(-1)">[[Fichier:Pylon-shadow.png]]</div>
 
 
<div style="display: block;margin: auto;font-size: 20px;position: relative;z-index: 10;padding: 0 10px 10px 10px;border-radius: 5px; transform: translateY(-18px); user-select: none;">
 
<div style="display: block;margin: auto;font-size: 20px;position: relative;z-index: 10;padding: 0 10px 10px 10px;border-radius: 5px; transform: translateY(-18px); user-select: none;">
 
   <div class="underlay" style="position: absolute;top: 0;left: 5px;width: calc(100% - 10px);height: calc(100%);clip-path: polygon(0 0%, calc(100% - 20px) 0%, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0% calc(100% - 20px), 0% 20px);background: linear-gradient(135deg, #5b6463 0, #414444 25%, #575b5b 40%, #232625 55%, #3c4240 75%, #1f2322 85%);transform: translateY(-5px);z-index: 0;"></div><div style="color: #929495;position: relative;overflow: visible;text-align: center;letter-spacing: 5px;padding: 16px 24px;box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black, inset 0 0 50px black !important;z-index: 1;box-sizing: border-box;background: linear-gradient(135deg, #444141 10%, #414444 25%, #2f3535 40%, #232625 55%, #3c4240 75%, #2f2d2d 85%) !important;font-family: 'Grenze Gotisch', cursive;font-size: 36px;"><span style="top: 35%;position: relative;margin: 0;padding: 0;width: 100%;background: linear-gradient(#262626,#b0b0b0,#262626);-webkit-background-clip: text;color: transparent;z-index: 2;">Omnis Bibliotheca</span><span style="top: 35%;position: absolute;transform: translateX(-50%) translateY(-4px);margin: 0;padding: 0;width: 100%;text-align: center;-webkit-background-clip: text;color: black;z-index: 1;text-shadow: 1px 1px 0 #262626, 2px 2px 0 #262626, 3px 3px 0 #262626, 4px 4px 0 #262626, 5px 5px 0 #262626, 1px 1px 0 #262626, 6px 20px 20px rgb(0, 0, 0), -1px -1px 0 #000, 0 0 20px #00cfff;left: 50%;opacity: 0.5;">Omnis Bibliotheca</span></div></div>
 
   <div class="underlay" style="position: absolute;top: 0;left: 5px;width: calc(100% - 10px);height: calc(100%);clip-path: polygon(0 0%, calc(100% - 20px) 0%, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0% calc(100% - 20px), 0% 20px);background: linear-gradient(135deg, #5b6463 0, #414444 25%, #575b5b 40%, #232625 55%, #3c4240 75%, #1f2322 85%);transform: translateY(-5px);z-index: 0;"></div><div style="color: #929495;position: relative;overflow: visible;text-align: center;letter-spacing: 5px;padding: 16px 24px;box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black, inset 0 0 50px black !important;z-index: 1;box-sizing: border-box;background: linear-gradient(135deg, #444141 10%, #414444 25%, #2f3535 40%, #232625 55%, #3c4240 75%, #2f2d2d 85%) !important;font-family: 'Grenze Gotisch', cursive;font-size: 36px;"><span style="top: 35%;position: relative;margin: 0;padding: 0;width: 100%;background: linear-gradient(#262626,#b0b0b0,#262626);-webkit-background-clip: text;color: transparent;z-index: 2;">Omnis Bibliotheca</span><span style="top: 35%;position: absolute;transform: translateX(-50%) translateY(-4px);margin: 0;padding: 0;width: 100%;text-align: center;-webkit-background-clip: text;color: black;z-index: 1;text-shadow: 1px 1px 0 #262626, 2px 2px 0 #262626, 3px 3px 0 #262626, 4px 4px 0 #262626, 5px 5px 0 #262626, 1px 1px 0 #262626, 6px 20px 20px rgb(0, 0, 0), -1px -1px 0 #000, 0 0 20px #00cfff;left: 50%;opacity: 0.5;">Omnis Bibliotheca</span></div></div>
Ligne 938 : Ligne 70 :
 
<div class="OB-stamp">[[Fichier:OB-logo-stamp.png]]</div>
 
<div class="OB-stamp">[[Fichier:OB-logo-stamp.png]]</div>
 
</div>
 
</div>
|signature=<div style="font-family: 'Grenze Gotisch', cursive; font-weight: normal; font-size: 17px;color: #603939;">- Guilhem & Christer, Administrateurs de l’Omnis Bibliotheca<br>&nbsp;&nbsp;&nbsp;et Medenor, Administrateur de Warforum JdR</div>
+
|signature=<div style="font-family: 'Grenze Gotisch', cursive; font-weight: normal; font-size: 17px;color: #603939;">- [[Utilisateur:Guilhem|Guilhem]] & [[Utilisateur:Christer|Christer]], Administrateurs de l’Omnis Bibliotheca<br>&nbsp;&nbsp;&nbsp;et [[Utilisateur:Medenor|Medenor]], Administrateur de Warforum JdR</div>
 
}}
 
}}
 
</div>
 
</div>
Ligne 950 : Ligne 82 :
 
|padding=1em
 
|padding=1em
 
|margin=2em auto 4em auto
 
|margin=2em auto 4em auto
|texte=<span class="news-flag"><span>partenariat</span></span> Nous sommes fiers de vous présenter notre nouveau partenaire, Psykana Temporis, un RP sur le sombre futur que vous pouvez retrouver [https://discord.com/invite/XsGNBxFwXV ici] où dans nos [[Liens]].
+
|texte=<span class="news-flag"><span>Articles</span></span> Une proposition de lectures est à présent soumise à votre attention sur notre page d'accueil. Découvrez quatre pages aléatoires parmi les {{NUMBEROFARTICLES}} articles que compte la bibliothèque.
 +
 
 +
<span class="news-flag"><span>Articles</span></span> Un menu d'exploration accessible via le bouton en haut à gauche vous permet de parcourir la classification des pages de la bibliothèque.
  
 
<span class="news-flag"><span>design</span></span> La charte visuelle de l’Omnis Bibliotheca fait peau neuve avec un nouveau design ! Venez nous faire part de vos impressions - quelles qu’elles soient - sur notre [https://discord.com/invite/m2hJh7N Discord].
 
<span class="news-flag"><span>design</span></span> La charte visuelle de l’Omnis Bibliotheca fait peau neuve avec un nouveau design ! Venez nous faire part de vos impressions - quelles qu’elles soient - sur notre [https://discord.com/invite/m2hJh7N Discord].
 
<span class="news-flag"><span>partenariat</span></span> Partenaire de [https://w40k-flufffan.fandom.com/fr/wiki/Wiki_W40k_Fluff-Fan W40k Fluff-Fan], l’OB vous propose de découvrir cette communauté qui propose un environnement à la création de lore et d’histoire fanon à travers des articles mis en ligne sur leur Wiki. Du JDR est proposé, s’adjoignant aux auteurs classiques de GW, et les sessions sont retranscrites en articles. De la même manière, des articles sont utilisés en JDR par les MJ. Si vous aves l’envie de créer vos histoires liés à l’univers de Warhammer 40.000, foncez ! Leur lien Discord est [https://discord.com/channels/549177745704484865/549179839232606209 ici]
 
 
<span class="news-flag"><span>partenariat</span></span> Partenaire de [https://www.netepic-fr.com/ NetEpic] qui propose des règles et des Codex réalisés par des joueurs participants à des tournois français et recalibrés, l’OB vous propose de découvrir la sortie de la V2 des règles de NetEpic Palladium, pour des batailles titanesques dans l’univers de 40K ! Pour ce mois de Novembre, découvrez la Revue du Codex Légions Titaniques [https://www.youtube.com/watch?v=eb1rXq4DHWI ici].
 
  
 
<span class="news-flag"><span>vidéo</span></span> La gloire a appelé les bibliothécaires pour un ''live'' sur [https://www.youtube.com/watch?v=_hlTbAApieM Planet Wargame], et nous y avons répondu !
 
<span class="news-flag"><span>vidéo</span></span> La gloire a appelé les bibliothécaires pour un ''live'' sur [https://www.youtube.com/watch?v=_hlTbAApieM Planet Wargame], et nous y avons répondu !
Ligne 963 : Ligne 93 :
 
}}
 
}}
 
<div style="position: absolute;right: 0;bottom: 0;z-index: 100;opacity: 0.8;background: radial-gradient(#ff961066, transparent 70%);width: 100px;text-align: right;pointer-events: none;">[[Fichier:Bougies.png]]</div>
 
<div style="position: absolute;right: 0;bottom: 0;z-index: 100;opacity: 0.8;background: radial-gradient(#ff961066, transparent 70%);width: 100px;text-align: right;pointer-events: none;">[[Fichier:Bougies.png]]</div>
</div>
 
<div class="grid-floor-wrapper animation-root" style="perspective: 1000px;overflow: visible;width: 100%;box-sizing: border-box; position: relative; z-index: 50;">
 
<div class="no-print" style="position: absolute;bottom: 0;left: 0;width: 200%;height: 1500px;transform: translateX(-25%) rotateX(88deg);transform-origin: center bottom; z-index: -1;-webkit-mask: radial-gradient(black, black, transparent 75%); box-shadow: inset 0 0 0 2px #000, 0 0 0 2px #000;">
 
<div style="background-image: linear-gradient(#0000006e , #181d1d3d 80%), linear-gradient(#75b9b96e 0px, transparent 4px, transparent calc(100% - 4px), #75b9b96e 100%), linear-gradient(90deg, #75b9b96e 0px, transparent 2px, transparent calc(100% - 2px), #75b9b96e 100%);background-repeat: repeat;background-size: auto, auto 80px, 80px auto;background-position: center center;height: 100%;width: 100%;"></div>
 
<div class="ripple-floor"></div></div>
 
 
<div class="responsive-layout" style="display: flex;justify-content: center;flex-wrap: wrap;z-index: 11;position: relative; margin-top: 100px;">
 
 
<div class="no-print" style="width: 380px;transform: translateY(30px);  position: relative; z-index: 2;margin-top: 5em;"><div class="servo-crane-deco animation">[[Fichier:Servo crane.png]]</div><div class="servo-crane-deco light animation"></div><div class="jdr-dice">[[Fichier:Dice10.png|link=Catégorie:Jeux de Rôle]]</div>{{Moniteur
 
|sideX=left
 
|content_side_left=<div style="padding: 10px;text-align: center;display: flex;flex-flow: column;align-items: center;">
 
[[Fichier:Coggs.png|30px|link=:Catégorie:Modèles_de_mise_en_page]]
 
</div>
 
|content_side_left_position=450px
 
|content_side_expand_max=50px
 
|content=
 
{{Terminal
 
|frame=off
 
|margin=0
 
|padding=0
 
|texte=<div style="font-size: 12px;
 
padding: 30px 25px;
 
text-align: center;
 
box-sizing: border-box;
 
position: relative;
 
height: 550px;
 
width: 300px;
 
">
 
<div style="position: relative; display: table; margin: 0 auto 20px auto; pointer-events: none;">
 
<div class="animation" style="position: absolute;width: 110%;height: 110%;border-radius: 50%;border: 4px solid transparent;-webkit-animation: spin 5s linear infinite;animation: spin 5s linear infinite;top: calc(-5% - 4px);left: calc(-5% - 4px);border-top: 4px solid #ffffff2b;"></div>
 
<div style="border-radius: 50%;overflow: hidden;display: table;margin: auto;box-shadow: -1px -1px 3px 2px white, 0 0 0 10px #ffffff12, 0 0 0 20px #ffffff09;">[[Fichier:Logo-OB-2021.jpg|150px]]</div>
 
</div>
 
<div class="scs-list">
 
<div class="scs-pane">
 
{{Spécial:Nouvelles_pages}}
 
</div>
 
</div>
 
 
<div style="position: absolute; bottom: 0; right: 0;opacity: 0.05;clip-path: polygon(0 0, 80px 0, 80px 88px, 0 88px);transform: translateY(24px) translateX(24px);">
 
[[Fichier:Symbol mechanicus.png]]
 
</div>
 
}}<div style="position: absolute; bottom: 0; right: 0;/*! opacity: 0.05; *//*! clip-path: polygon(0 0, 80px 0, 80px 88px, 0 88px); */z-index: 100;transform: translateX(12px);opacity: 0.9;">
 
[[Fichier:Sceau purete 1.png]]
 
</div>}}</div>
 
</div><div style="margin-top: 50px; width:360px; height: 750px; padding: 5px 0 0 10px; z-index: 2; position: relative; transform: translateY(30px);">
 
<div class="hide-on-small-screen" style="position: absolute;top: 0;transform: translateY(-150px) scaleX(-1);pointer-events: none;right: 50px;"><div class="screen-green-light"></div><div class="red-eye-deco"></div>[[Fichier:Desktop-mechanicus-1.png|250px]]</div>
 
<div class="zoomable" style="box-shadow: 0 50px 50px -30px #b0fff426; position: relative;">
 
<div class="deco-metal-left"></div>
 
<div class="links">
 
<div style="margin-bottom: 20px;">[[:Spécial:Modifications_récentes|<span style="font-size: 30px; color:#ffffff; font-family: sans-serif !important;">🕮</span>]][[:Spécial:Modifications_récentes|<span style="padding-left: 20px;">Dernières Modifications]]</span></div>
 
<div style="display: flex; align-items: center; flex-flow: row; padding-left: 2em;">[[Fichier:Discord-alt.png|link=https://discord.gg/m2hJh7N|30px]]<span>[https://discord.gg/m2hJh7N Discord O.B.]</span>
 
</div>
 
</div>
 
{{Portrait SciFi
 
|load=style
 
|image=OmnisBibliotheca.jpg
 
|taille_image=360px
 
}}
 
</div>
 
<div class="tome-wrapper" style="position: absolute; bottom: 100px; right: 0;z-index: 10;transform: translateY(-20px) translateX(20px);">
 
<div class="eye-green-light"></div>
 
{{Tome
 
|open=open-for-touchable
 
|largeur=180px
 
|hauteur=240px
 
|titre-header=Manufactorum
 
|titre=[[Fichier:Symbol mechanicus.png|40px]]
 
|sous-titre=Novum Majoris
 
|right-page=<div class="novum-majoris-page" style="height: 100%;padding: 8px;box-sizing: border-box;">{{Novum Majoris}}</div>
 
|left-page=<div style="padding: 8px;height: 100%;box-sizing: border-box; text-align: center;overflow: visible;display: flex;flex-direction: column;box-shadow: inset 0 0 10px 4px #0000003b, inset 0 0 0 8px #3e1010bd, inset -30px 0 30px -30px #282121, inset -30px 0 30px -30px #282121, inset 0 0 5px black, 0 0 5px black;">
 
<div style="padding: 10px 0;color: #3e3535 !important;z-index: 2;white-space: nowrap;text-align: center;letter-spacing: 2px; font-family: 'Grenze Gotisch', cursive; font-size: 22px !important;text-shadow: 0px 0 5px white;">Archives<br>Principales
 
</div>
 
<div style="opacity: 0.8;display: table; margin: auto;border-radius: 50%;border: 1px solid #6129276e;background: conic-gradient(#6129276e, #612927, #612927ad, #61292775, #612927, #61292769);">[[Fichier:Symbol mechanicus.png|100px|link=Modèle:Novum Majoris]]</div>
 
 
<div style="margin-top: 1em;padding: 4px 0 0.5em 0;color: #ffffff85 !important;text-shadow: 0 0 5px #0000005c;box-shadow: inset -20px 0 20px #372b2b5c;background: #0d0c0b8c; text-shadow: 0 0 3px #aa280029, 0 0 5px #ff3c00 !important;">+ Nouvelles entrées +</div>
 
</div>
 
|left-page-2=<div style="margin: 0; overflow: hidden;  opacity: 1;display: flex;justify-content: center;box-shadow: inset 0 0 10px 4px #0000003b, inset 0 0 0 8px #3e1010bd, inset -30px 0 30px -30px #282121, inset -30px 0 30px -30px #282121, inset 0 0 5px black, 0 0 5px black;padding: 8px;height: 100%;box-sizing: border-box;box-shadow: inset 0 0 10px 4px #0000003b, inset 0 0 0 8px #51390dbd, inset -30px 0 30px -30px #282121, inset -30px 0 30px -30px #282121, inset 0 0 5px black, 0 0 5px black;"><div class="image-page" style="opacity: 0.8;top: 8px;left: 8px;height: calc(100% - 16px);">[[Fichier:Enluminure-left.jpg|135px]]</div></div>
 
|left-page-3=<div style="padding: 8px;height: 100%;box-sizing: border-box; text-align: center;overflow: visible;display: flex;flex-direction: column;box-shadow: inset 0 0 10px 4px #0000003b, inset 0 0 0 8px #3e1010bd, inset -30px 0 30px -30px #282121, inset -30px 0 30px -30px #282121, inset 0 0 5px black, 0 0 5px black;">
 
 
</div>
 
}}
 
</div>
 
</div>
 
{{#css:
 
.holo-disk-wrapper {
 
display: table;
 
position: relative;
 
top: 38%;
 
margin: 0 60px;
 
}
 
.holo-pane {
 
height: 300px;
 
width: 200px;
 
display: flex;
 
position: relative;
 
z-index: 10;
 
}
 
.holo-pane > :first-child {
 
height: 100% !important;
 
background-color: transparent !important;
 
position: absolute !important;
 
top: 30px;
 
width: 100%;
 
}
 
.holo-pane > :first-child > :first-child {
 
background: linear-gradient(90deg, transparent, #77fdfe8f, transparent);
 
color: black !important;
 
box-shadow: 0 12px 12px -8px #3ff;
 
}
 
.holo-seals {
 
position: absolute;
 
right: 10px;
 
top: 85%;
 
height: unset !important;
 
background: radial-gradient(black, transparent 70%);
 
}
 
.holo-pane-body {
 
height: 100%;
 
position: relative;
 
z-index: 2;
 
left: 50%;
 
transform: translateX(-50%);
 
box-sizing: border-box;
 
width: 100%;
 
padding: 80px 20px 0 20px;
 
}
 
.holo-pane-body a {
 
background: none !important;
 
padding: 0 !important;
 
display: block;
 
}
 
.holo-pane-body a.external:hover {
 
color: #ffffffc4 !important;
 
text-shadow: 0 0 3px #ff6130, 0 0 5px #ff6130 !important;
 
text-decoration: none;
 
}
 
.partenaire {
 
position: relative;
 
}
 
:hover > .partenaire-desc {
 
display: block;
 
}
 
.partenaire:hover::before {
 
z-index: 10;
 
}
 
.partenaire::before {
 
content: 'i';
 
text-transform: full-width;
 
font-style: normal;
 
position: absolute;
 
left: 0;
 
background: #0e4949;
 
width: 20px;
 
height: 20px;
 
border-radius: 50%;
 
color: black;
 
z-index: 0;
 
font-weight: bold;
 
line-height: 20px;
 
box-shadow: 0 0 2px black;
 
top: 50%;
 
transform: translateY(-50%);
 
}
 
.partenaire-desc {
 
display: none;
 
position: absolute;
 
right: 85%;
 
text-transform: none;
 
width: 300px;
 
background: #000000f0;
 
padding: 20px 30px 20px 20px;
 
top: 50%;
 
transform: translateY(-50%);
 
border-radius: 15px;
 
box-shadow: inset 1px 1px #ffffff20, inset -1px -1px #ffffff10, 0 0 5px #000;
 
text-align: justify;
 
font-style: normal;
 
color: #868686;
 
z-index: 2;
 
}
 
.partenaire-desc b {
 
color: #30818b;
 
}
 
.partenaire-desc::after {
 
content: '';
 
position: absolute;
 
right: 13px;
 
top: 0;
 
height: 100%;
 
background: red;
 
width: 1px;
 
background: linear-gradient(transparent, #0e4949, transparent);
 
}
 
.partenaire-tags * {
 
display: flex;
 
margin: 0;
 
padding: 0;
 
text-align: center;
 
justify-content: right;
 
margin: 0 5px;
 
font-style: italic;
 
color: #439191;
 
}
 
.holo-base {
 
text-align: center;
 
z-index: 0;
 
position: relative;
 
}
 
.holo-base::after {
 
content: '';
 
position: absolute;
 
top: 60%;
 
left: 50%;
 
width: 140%;
 
height: 140%;
 
transform: translateX(-50%) translateY(-50%);
 
background: radial-gradient(black, transparent 70%);
 
z-index: -1;
 
}
 
.holo-base img {
 
width: 160px;
 
height: 80px;
 
transform: translateY(10px);
 
}
 
}}
 
<div>
 
<div class="holo-disk-wrapper">
 
<div class="holo-pane">
 
{{Citation Grid
 
|color=#3fffff
 
|padding=10px 0 20px 0
 
|titre=Partenaires
 
|texte=
 
}}
 
<div class="holo-pane-body">
 
<ul style="margin: 10px 0 0 0;list-style: none;text-align: center;font-family: sans-serif;font-style: italic;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;">
 
<li class="partenaire" style="margin-bottom: 20px;">[https://disboard.org/fr/server/840704743184793661 Space Hulk<br>Conqueror]
 
<div class="partenaire-desc"><div style="float:left; border-radius: 5px; overflow: hidden;margin-right: 20px;position: relative;top: 10px;">[[Fichier:SpaceHulkConqueror.jpg|x64px|https://disboard.org/fr/server/840704743184793661]]</div>
 
'''Space Hulk Conqueror''' est une communauté faisant du RP dans l'univers de 40k via son channel Discord.
 
<div class="partenaire-tags">
 
* RP
 
* Discord
 
</div>
 
</div></li>
 
<li class="partenaire" style="margin-bottom: 20px;">[https://discord.com/invite/XsGNBxFwXV Psykana<br>Temporis]
 
<div class="partenaire-desc"><div style="float:left; border-radius: 5px; overflow: hidden;margin-right: 20px;position: relative;top: 10px;">[[Fichier:PsykanaTemporis.png|x64px|link=https://discord.com/invite/XsGNBxFwXV]]</div>
 
 
'''Psykana Temporis''' est une communauté faisant du RP dans l'univers de 40k via son channel Discord.
 
<div class="partenaire-tags">
 
* RP
 
* Discord
 
</div>
 
</div></li>
 
<li class="partenaire" style="margin-bottom: 20px;">[https://w40k-flufffan.fandom.com/fr/wiki/Wiki_W40k_Fluff-Fan Wiki W40k<br>Fluff-Fan]
 
<div class="partenaire-desc">[[Fichier:Fluff Fan Icon.png|link=https://w40k-flufffan.fandom.com/fr/wiki/Wiki_W40k_Fluff-Fan|x60px|center]]
 
'''Wiki W40k Fluff-Fan''' est une communauté proposant un environnement à la création de lore et d’histoire "fanon" à travers des articles mise en ligne sur leur Wiki.
 
<div class="partenaire-tags">
 
* Wiki
 
* Fluff maison
 
</div>
 
</div></li>
 
<li class="partenaire" style="margin-bottom: 20px;">[https://www.netepic-fr.com/ NetEpic]
 
<div class="partenaire-desc">[[Fichier:NetEpic.png|link=https://www.netepic-fr.com/|x60px|center]]
 
 
'''NetEpic''' est la suite du jeu ''Epic Space Marines'' / ''Titan Legion'' géré par des joueurs.
 
 
Vous trouverez ici les règles et Codex de ''NetEpic Palladium'', version réalisée par les joueurs et pour les joueurs.
 
<div class="partenaire-tags">
 
* Wargame
 
* Règles
 
</div>
 
</div></li>
 
</ul>
 
</div>
 
<div class="holo-seals">[[Fichier:Purity-seals.png]]</div>
 
</div>
 
<div class="holo-base">[[Fichier:Holo-disk.png|160px]]</div>
 
</div>
 
</div>
 
</div>
 
 
 
</div>
 
</div>
  
 
</center>
 
</center>
  
 
{{Diaporama
 
|id=previews
 
|height=450px
 
|1=
 
<div style="color: #DBE9F4;
 
max-width: 1120px;
 
border-color: transparent;
 
margin: auto;
 
box-shadow: inset 1px 1px #ffffff1a, inset 0 0 0 1px #202020, 0 4px 10px black !important;
 
box-sizing: border-box;
 
border-radius: 5px;
 
background: linear-gradient(135deg, #71797848 0, #41444448 25%, #575b5b48 40%, #23262548 55%, #3c424048 75%, #1f232248 85%) !important;
 
  background-color: rgba(0, 0, 0, 0);
 
background-color: rgba(0, 0, 0, 0);
 
background-color: #000 !important;
 
padding: 0 !important;
 
display: flex;
 
overflow: hidden;">
 
<div class="column-1" style="padding: 20px; flex: 3;"><div>
 
<div style="text-align:center; letter-spacing: 3px;font-family: 'Grenze Gotisch', cursive;font-size: 20px;font-style: normal;color: #6f6f6f;text-shadow: 2px 2px 1px #000;">
 
L’Hérésie d’Horus
 
</div>
 
 
 
:''Pour les générations futures, les évènements du grand conflit appelé l’Hérésie d’Horus ne seront que de vieux mythes poussiéreux, illustrés par des sculptures colossales ornant les bâtiments et palais Impériaux, des manuscrits à demi-effacés, des holo-tubes vacillants et saturés de parasites, et les traditions orales des [[:Catégorie:Chapitres Space Marines Loyalistes|Chapitres Space Marines]]. Ces mythes ne relateront que les épisodes les plus dramatiques et cruciaux de l’histoire - les détails de ce qui s’est déroulé durant ces quelques années ne seront jamais dévoilés. La vérité ébranlerait à coup sûr les fondations de l’[[Imperium]] si elle venait à s’ébruiter et, inéluctablement, l’histoire se répéterait et le cycle de la mort recommencerait.
 
 
:''C’est pourquoi cette période est appelée l’[[Âge des Ténèbres]].
 
 
 
::'''''En savoir plus sur '''''[[:Catégorie:Hérésie d'Horus|l'Hérésie d'Horus]]
 
::'''''En savoir plus sur '''''[[:Catégorie:Hérésie d'Horus|Horus Lupercal]]
 
::'''''En savoir plus sur '''''[[:Catégorie:Legiones Astartes|les Légions Space Marines]]
 
::'''''En savoir plus sur '''''[[:Catégorie:Primarques|les Primarques]]
 
</div></div>
 
<div class="column-2" style="-webkit-mask: linear-gradient(90deg, transparent, black 20%); mask: linear-gradient(90deg, transparent, black 20%); position: relative; flex: 1;">
 
<div style="position: absolute;
 
top: 50%;
 
right: 50%;
 
transform: translateX(50%) translateY(-50%);">[[Fichier:Architraitre.jpg|x420px]]</div>
 
</div>
 
</div>
 
|2=
 
<div style="color: #DBE9F4;
 
max-width: 1120px;
 
border-color: transparent;
 
margin: auto;
 
box-shadow: inset 1px 1px #ffffff1a, inset 0 0 0 1px #202020, 0 4px 10px black !important;
 
box-sizing: border-box;
 
border-radius: 5px;
 
background: linear-gradient(135deg, #71797848 0, #41444448 25%, #575b5b48 40%, #23262548 55%, #3c424048 75%, #1f232248 85%) !important;
 
  background-color: rgba(0, 0, 0, 0);
 
background-color: rgba(0, 0, 0, 0);
 
background-color: #000 !important;
 
padding: 0 !important;
 
display: flex;
 
overflow: hidden;">
 
<div class="column-1" style="padding: 20px; flex: 3;"><div>
 
<div style="text-align:center; letter-spacing: 3px;font-family: 'Grenze Gotisch', cursive;font-size: 20px;font-style: normal;color: #6f6f6f;text-shadow: 2px 2px 1px #000;">
 
L’Imperium
 
</div>
 
 
 
:''Depuis plus de cent siècles, l’Empereur se tient immobile sur le Trône d’Or de Terra. Il est le Seigneur de l’Humanité par la volonté des dieux et le Maître de millions de mondes, par la puissance de Ses inépuisables armées. Il n’est qu’une carcasse mutilée frémissant sous l’invisible pouvoir du Moyen-Âge Technologique. Il est le Seigneur charognard de l’Imperium, au nom duquel des milliers d’âmes meurent chaque jour, le sang est bu et la chair dévorée. Sang et chair humaine, voilà l’étoffe dont l’Imperium est fait.
 
 
:''Être un homme en cette époque, c’est être un individu noyé dans la multitude. C’est vivre sous le régime le plus cruel et le plus sanglant que l’on puisse imaginer. Voici l’histoire de cette époque. C’est un univers dans lequel vous pouvez pénétrer, si vous l’osez car il s’agit d’une ère sinistre et terrible où vous ne trouverez ni réconfort ni espoir. Si vous voulez prendre part à l’aventure, préparez-vous dès maintenant. Oubliez les promesses de la science et de la technologie. Abandonnez tout espoir car il n’y a pas de paix au milieu des étoiles, rien qu’une éternité de carnages et les rires moqueurs des dieux sanguinaires.
 
 
:''Cet univers est vaste, mais pas assez pour que vous échappiez à votre destin…''
 
 
 
::'''''En savoir plus sur '''''[[:Catégorie:Imperium|l'Imperium]]
 
::'''''En savoir plus sur '''''[[Empereur|l'Empereur]]
 
</div></div>
 
<div class="column-2" style="-webkit-mask: linear-gradient(90deg, transparent, black 20%); mask: linear-gradient(90deg, transparent, black 20%); position: relative; flex: 1;">
 
<div style="position: absolute;
 
top: 50%;
 
right: 50%;
 
transform: translateX(50%) translateY(-50%);">[[Fichier:ImperiumArt.jpg|x420px]]</div>
 
</div>
 
</div>
 
|3=
 
<div style="color: #DBE9F4;
 
max-width: 1120px;
 
border-color: transparent;
 
margin: auto;
 
box-shadow: inset 1px 1px #ffffff1a, inset 0 0 0 1px #202020, 0 4px 10px black !important;
 
box-sizing: border-box;
 
border-radius: 5px;
 
background: linear-gradient(135deg, #71797848 0, #41444448 25%, #575b5b48 40%, #23262548 55%, #3c424048 75%, #1f232248 85%) !important;
 
  background-color: rgba(0, 0, 0, 0);
 
background-color: rgba(0, 0, 0, 0);
 
background-color: #000 !important;
 
padding: 0 !important;
 
display: flex;
 
overflow: hidden;">
 
<div class="column-1" style="padding: 20px; flex: 3;"><div>
 
<div style="text-align:center; letter-spacing: 3px;font-family: 'Grenze Gotisch', cursive;font-size: 20px;font-style: normal;color: #6f6f6f;text-shadow: 2px 2px 1px #000;">
 
L'Immaterium - Le Warp
 
</div>
 
 
 
:''Quand j’entrouvre mon œil Warp pour le poser sur le visage de l’Empyrean, c’est l’enfer même qui me renvoie mon regard. Je vois superposés sur le monde d’ici-bas les prédateurs qui gravitent autour de chaque personne. L’âme de ceux qui jouissent de la Vue, comme les Astropathes, les Psykers et d’autres de mon propre genre, les Navigateurs, luit d’un tel éclat qu’elle éclipse les flammes vacillantes de ceux alentours, elle attire les créatures les plus voraces du Warp, avides de s’échapper de leur royaume. N’étaient ces individus protégés par leurs propres pouvoirs ou leur lien avec l’Empereur, ces êtres perceraient leurs esprits pour se frayer un chemin vers l’univers de la matière. Voilà pourquoi je ne puis révéler mon œil Warp en présence des non-protégés. Croiser le regard Warp d’un Navigator, c’est y trouver le reflet de la plus affreuse des vérités : l’âme humaine n’est qu’un brin de paille à la dérive sur les océans de l’Immaterium, et tout autour se presse l’horreur issue de ses pires cauchemars.''
 
 
 
::'''''En savoir plus sur '''''[[:Catégorie:L'Immaterium|le Warp]]
 
 
::'''''En savoir plus sur '''''[[:Catégorie:Psykers|les Psykers]]
 
</div></div>
 
<div class="column-2" style="-webkit-mask: linear-gradient(90deg, transparent, black 20%); mask: linear-gradient(90deg, transparent, black 20%); position: relative; flex: 1;">
 
<div style="position: absolute;
 
top: 50%;
 
right: 50%;
 
transform: translateX(50%) translateY(-50%);">[[Fichier:Immaterium.jpg|x420px]]</div>
 
</div>
 
</div>
 
|4=
 
<div style="color: #DBE9F4;
 
max-width: 1120px;
 
border-color: transparent;
 
margin: auto;
 
box-shadow: inset 1px 1px #ffffff1a, inset 0 0 0 1px #202020, 0 4px 10px black !important;
 
box-sizing: border-box;
 
border-radius: 5px;
 
background: linear-gradient(135deg, #71797848 0, #41444448 25%, #575b5b48 40%, #23262548 55%, #3c424048 75%, #1f232248 85%) !important;
 
  background-color: rgba(0, 0, 0, 0);
 
background-color: rgba(0, 0, 0, 0);
 
background-color: #000 !important;
 
padding: 0 !important;
 
display: flex;
 
overflow: hidden;">
 
<div class="column-1" style="padding: 20px; flex: 3;"><div>
 
<div style="text-align:center; letter-spacing: 3px;font-family: 'Grenze Gotisch', cursive;font-size: 20px;font-style: normal;color: #6f6f6f;text-shadow: 2px 2px 1px #000;">
 
Le Chaos
 
</div>
 
  
  
:''Il en est pour clamer que le Warp en lui-même est vivant, telle une vaste mer de conscience démente. Ce qui est certain est que des choses obscures se meuvent dans ses profondeurs; ces entités qui habitent le Warp vont du simple prédateur et de l’intelligence conspiratrice malveillante jusqu’aux forces cosmiques implacables et abstraites, auxquelles certains se réfèrent comme les dieux du Chaos. Toutes, si elles le pouvaient, détruiraient la réalité physique pour nourrir leurs appétits, et quand la substance protéiforme du Warp s’en échappe, elle corrompt et altère tout ce qu’elle touche.
+
{{Lazy Load | id=accueil-news | <nowiki>{{Accueil News}}</nowiki>}}
  
:''Depuis des milliers d’années, il est du devoir sacré de l’Ordo Malleus, les Chasseurs de Démons, de monter la garde contre les horreurs d’au-delà du voile, de traquer les esprits impurs, d’affronter le démon et de maintenir les multitudes de l’Imperium dans l’ignorance bénie de la menace constante pesant sur leur existence. Cette ignorance est d’une grande importance, car l’Ordo Malleus sait fort bien que les plus grands dangers naissent du commerce que l’humanité cherche à avoir avec le Warp. Que cela soit par folie, par accident, par égarement ou par stupidité, ce sont bien souvent les hommes qui attirent ces horreurs démoniaques, comme le sang attire les requins.''
 
  
  
::'''''En savoir plus sur '''''[[:Catégorie:Chaos|le Chaos]]
+
{{Lazy Load | id=accueil-previews | previous_loader=accueil-news | <nowiki>{{Previews|bg_color=#121313}}</nowiki>}}
</div></div>
 
<div class="column-2" style="-webkit-mask: linear-gradient(90deg, transparent, black 20%); mask: linear-gradient(90deg, transparent, black 20%); position: relative; flex: 1;">
 
<div style="position: absolute;
 
top: 50%;
 
right: 50%;
 
transform: translateX(50%) translateY(-50%);">[[Fichier:PanthéonDuChaos.jpg|x420px]]</div>
 
</div>
 
</div>
 
|5=
 
<div style="color: #DBE9F4;
 
max-width: 1120px;
 
border-color: transparent;
 
margin: auto;
 
box-shadow: inset 1px 1px #ffffff1a, inset 0 0 0 1px #202020, 0 4px 10px black !important;
 
box-sizing: border-box;
 
border-radius: 5px;
 
background: linear-gradient(135deg, #71797848 0, #41444448 25%, #575b5b48 40%, #23262548 55%, #3c424048 75%, #1f232248 85%) !important;
 
  background-color: rgba(0, 0, 0, 0);
 
background-color: rgba(0, 0, 0, 0);
 
background-color: #000 !important;
 
padding: 0 !important;
 
display: flex;
 
overflow: hidden;">
 
<div class="column-1" style="padding: 20px; flex: 3;"><div>
 
<div style="text-align:center; letter-spacing: 3px;font-family: 'Grenze Gotisch', cursive;font-size: 20px;font-style: normal;color: #6f6f6f;text-shadow: 2px 2px 1px #000;">
 
Les Xenos
 
</div>
 
  
  
:''De nombreuses planètes impériales ont jadis été prises à des Xenos, comme lors de la colonisation initiale à l’Âge de la Technologie, et on a oublié jusqu’à l’existence des premiers habitants. Cela explique la découverte occasionnelle de monuments d’origine non humaine, ou d’étranges technologies ensevelies sous des strates de pierre et de métal, broyées par des millénaires de construction humaine. On ignore combien d’espèces Xenos ont été éradiquées. Les Lacrymoles se sont éteints à l’issue d’un déclin forcé, bien avant la fin de la Grande Croisade. Il en va de même des Vrakk, de la Ligue Uluméathique, des Losh, des Drugh vermiformes et de tant d’autres.''
 
  
:''Si de nombreuses sortes de Xenos ont sombré dans l’oubli, les autres représentent un péril incessant pour l’Imperium. Même quand ce dernier purge des mondes et des systèmes de toute trace de Xenos, ce n’est pas un triomphe mais un simple répit. Les mêmes planètes ne tardent jamais à subir une nouvelle agression, soit par l’ennemi de retour, soit par une nouvelle espèce. Les incursions dans des secteurs inexplorés révèlent souvent des colonies prospères, et même des mondes jugés dénués de vie se retrouvent infectés. D’autres Xenos s’aventurent en territoire humain pour agrandir leur empire, ou peut-être pour échapper à quelque fléau. ''
+
<br><br>
  
  
::'''''En savoir plus sur '''''[[:Catégorie:Xenos|les Xenos]]
 
</div></div>
 
<div class="column-2" style="-webkit-mask: linear-gradient(90deg, transparent, black 20%); mask: linear-gradient(90deg, transparent, black 20%); position: relative; flex: 1;">
 
<div style="position: absolute;
 
top: 50%;
 
right: 50%;
 
transform: translateX(50%) translateY(-50%);">[[Fichier:LesXenos.jpg|x420px]]</div>
 
</div>
 
</div>
 
}}
 
 
__TOC__
 
 
<div style="text-align: center;">
 
  
 +
{{Lazy Load | id=accueil-diaporama | previous_loader=accueil-previews | <nowiki>{{Accueil Diaporama}}</nowiki>}}
  
== [[:Catégorie:Factions de l'Imperium‎|Factions de l’Imperium‎]] ==
 
  
{{Catégorie:Factions de l'Imperium‎}}
 
  
 
+
{{Lazy Load | id=accueil-links | previous_loader=accueil-diaporama | <nowiki>{{Accueil Links}}</nowiki>}}
== [[:Catégorie:Factions du Chaos|Factions du Chaos‎]] ==
 
 
 
{{Catégorie:Factions du Chaos‎}}
 
 
 
 
 
== [[:Catégorie:Factions Xenos|Factions Xenos]] ==
 
 
 
{{Catégorie:Factions Xenos}}
 
 
 
 
 
</div>
 
 
 
<div style="display: flex; flex-wrap: wrap;">
 
 
 
<div style="display: flex; flex-wrap: wrap;justify-content: center;width: 100%;box-sizing: border-box;">
 
<div style="width: 100%; margin-bottom: 20px;">
 
==L’Arsenal et Machines de Guerre==
 
</div>
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Armement
 
|link=[[:Catégorie:Armement]]
 
|image=LogoCategorieArmement.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Armures
 
|link=[[:Catégorie:Armures]]
 
|image=LogoCategorieArmures.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Véhicules
 
|link=[[:Catégorie:Véhicules]]
 
|image=LogoCategorieVehicules.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Titans
 
|link=[[:Catégorie:Titans]]
 
|image=LogoCategorieTitans.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Flottes de Guerre
 
|link=[[:Catégorie:Flottes de Guerre]]
 
|image=LogoCategorieVaisseaux.jpg
 
|taille_image=x260px
 
}}
 
</div>
 
 
 
 
 
<div style="display: flex; flex-wrap: wrap;justify-content: center;width: 100%;box-sizing: border-box;">
 
<div style="width: 100%; margin-bottom: 20px;">
 
 
 
==L’Histoire de l’Univers==
 
</div>
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=L’Imperium
 
|link=[[:Catégorie:Imperium]]
 
|image=SainteVivante.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Le Chaos
 
|link=[[:Catégorie:Chaos]]
 
|image=LaMenaceDuChaos.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Les Xenos
 
|link=[[:Catégorie:Xenos]]
 
|image=XenosMenace.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Histoires
 
|link=[[:Catégorie:Histoire]]
 
|image=LogoCategorieHistoire.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Batailles de la Galaxie
 
|link=[[:Catégorie:Batailles de la Galaxie]]
 
|image=LogoCategorieBataillesGalaxie.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Chronologies
 
|link=[[:Catégorie:Chronologie Générale]]
 
|image=LogoCategorieChronologie.jpg
 
|decalage_image_horizontal=40px
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=L’Hérésie d’Horus
 
|link=[[:Catégorie:Hérésie d'Horus]]
 
|image=HH-vignette.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Bestiaire
 
|link=[[:Catégorie:Bestiaires]]
 
|image=LogoBestiaire.jpg
 
|taille_image=x260px
 
}}
 
</div>
 
 
 
<div style="display: flex; flex-wrap: wrap;justify-content: center;width: 100%;box-sizing: border-box;">
 
<div style="width: 100%; margin-bottom: 20px;">
 
 
 
==Chapitres, Maisons et Régiments==
 
</div>
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Space Marines Renégats
 
|link=[[:Catégorie:Chapitres Space Marines Renégats]]
 
|image=LogoChapitresRenégats.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Space Marines Loyalistes
 
|link=[[:Catégorie:Chapitres Space Marines Loyalistes]]
 
|image=LogoChapitresLoyalistes.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=<span style="font-size: smaller">Maisons Chevaliers Renégates</span>
 
|link=[[:Catégorie:Maisons de Chevaliers Renégates]]
 
|image=MaisonsChevalierChaosAccueil.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Maisons de Chevaliers
 
|link=[[:Catégorie:Maisons de Chevaliers]]
 
|image=MaisonsChevalierImperiumAccueil.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Régiments Astra Militarum
 
|link=[[:Catégorie:Régiments Célèbres de la Garde Impériale]]
 
|image=LogoRegimentsGardeImperiale.jpg
 
|taille_image=x260px
 
}}
 
</div>
 
 
 
<div style="display: flex; flex-wrap: wrap;justify-content: center;width: 100%;box-sizing: border-box;">
 
<div style="width: 100%; margin-bottom: 20px;">
 
 
 
==Mutations Impies, Physiques et Psychiques==
 
</div>
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Daemonkins
 
|link=[[:Catégorie:Daemonkins]]
 
|image=LogoDaemonkin.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Mutants
 
|link=[[:Catégorie:Mutants]]
 
|image=LogoMutants.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Psykers
 
|link=[[:Catégorie:Psykers]]
 
|image=LogoPsykers.jpg
 
|taille_image=x260px
 
}}
 
</div>
 
 
 
<div style="display: flex; flex-wrap: wrap;justify-content: center;width: 100%;box-sizing: border-box;">
 
<div style="width: 100%; margin-bottom: 20px;">
 
==[[:Catégorie:Jeux de Rôle|Jeux de Rôle]] et [[:Catégorie:Les Carrières|Carrières]]==
 
</div>
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Deathwatch JDR
 
|link=[[:Catégorie:Deathwatch JDR]]
 
|image=EquipeExtermination.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Wrath & Glory
 
|link=[[Wrath & Glory]]
 
|image=W&a-img-jdr.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Wiki W40k Fluff-Fan
 
|link=[https://w40k-flufffan.fandom.com/fr/wiki/Wiki_W40k_Fluff-Fan Wiki W40k Fluff-Fan]
 
|image=WikiFluffFanLogo.jpg
 
|taille_image=x260px
 
}}
 
 
 
<div style="flex-basis: 100%;"></div>
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Carrières Impériales
 
|link=[[:Catégorie:Carrières Impériales]]
 
|image=LogoCatégorieCarrières.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Carrières Chaotiques
 
|link=[[:Catégorie:Carrières Chaotiques]]
 
|image=CarriereChaos.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Carrières Xenos
 
|link=[[:Catégorie:Carrières Xenos]]
 
|image=CarriereXenos.jpg
 
|taille_image=x260px
 
}}
 
 
 
 
 
</div>
 
 
 
<div style="display: flex; flex-wrap: wrap;justify-content: center;width: 100%;box-sizing: border-box;">
 
<div style="width: 100%; margin-bottom: 20px;">
 
 
 
==Les Autres [[Catégories]]==
 
</div>
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Necromunda
 
|link=[[:Catégorie:Necromunda]]
 
|image=LogoNecromunda.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Planètes
 
|link=[[:Catégorie:Planètes]]
 
|image=LogoAccueilPlanetes.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Panthéon/Religions
 
|link=[[:Catégorie:Panthéon/Religions]]
 
|image=LogoCategorieReligion.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Personnages
 
|link=[[:Catégorie:Personnages de l'Univers de Warhammer 40k]]
 
|image=LogoCategoriePersonnage.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Le Warp
 
|link=[[:Catégorie:L'Immaterium]]
 
|image=LogoCategorieWarp.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Listes d’Armées
 
|link=[[:Catégorie:Listes d'Armées]]
 
|image=LogoCategorieListeArmées.jpg
 
|taille_image=x260px
 
}}
 
 
 
{{Portait SciFi |largeur=180px |hauteur=240px |margin=0 2em 4em 2em |hauteur_titre=35px
 
|titre=Liens
 
|link=[[Liens]]
 
|image=LogoCategorieCommunauté.jpg
 
|taille_image=x260px
 
}}
 
</div>
 
 
 
</div>
 
  
  

Version actuelle datée du 20 septembre 2022 à 14:19

Logo-OB-2021.jpg
Univers
Menu-univers.jpg
Univers

« …sinistre cauchemar d’un avenir lointain, où seule la guerre règne et où la galaxie est en flammes… »

« Dans les ténèbres, l'aveugle est le meilleur des guides. En cet âge de démence, faites confiance au fou pour vous montrer la voie. »

Factions
Menu-factions.jpg
Factions

« Je ne me soucie pas de qui connaîtra la vérité, maintenant, demain, ou dans dix mille ans. La loyauté porte en elle sa propre récompense. » - Lion El’Jonson

La galaxie gothique ravagée par la guerre du lointain futur grouille d’armées de l’Imperium, d’adorateurs des noirs dieux du Chaos et de peuples Xenos belliqueux, tous opposés dans le plus grand conflit que les étoiles elles-mêmes aient connu.
Personnages
GabrielAngelos-min.jpg
Personnages

« L’univers est vaste et quoi qu’il advienne, nul ne se souviendra de vous… »

Les Héros et personnages illustres naissent des guerres et des tragédies, luttant et oeuvrant pour réaliser ou lutter contre leur destin, quand ce n'est celui d’un Monde entier ou de l'univers lui-même.

Vous trouverez ici une liste de quelques uns de ces personnages ayant laissé leur empreinte, aussi futile soit-elle, au milieu des conflits sans nombre du sombre univers de Warhammer 40.000.
Batailles
Battle-img.jpg
Batailles

« Dans l’obscurité, je serai la lumière.
Dans le doute, je garderai la foi.
Dans la rage, j'affinerai mon talent.
Dans la vengeance, je n'aurai nulle pitié.
Au cœur de la bataille, je n'aurai nulle peur.
Devant la mort, je n'aurai aucun regret... »

- Liturgie de Bataille des Blood Ravens


« La victoire n´exige nulle explication,
la défaite n´en admet aucune. »

- Doctrine militaire de l'Imperium
Technologie
Menu-techno.jpg
Technologie

« L’Omnimessie a rempli la galaxie de mystères afin que nous puissions les découvrir et pour nous rapprocher de Sa perfection. Les ignorer même en temps de guerre, est une hérésie. »

- Archimagos Belisarius Cawl.
Jeux de Rôle
Menu-jdr.jpg
Jeux de Rôle

Liste des jeux de rôle papier connus mettant en scène l’univers de Warhammer 40.000, ainsi que les carrières (rôles) que des joueurs pourraient potentiellement interpréter en tant qu’Humain, Xenos ou Hérétique dans ce type de jeu.

Pages en construction
Manufactorum
Menu-manufactorum.jpg
Manufactorum
Liste des dernières pages ajoutées par les bibliothécaires de l’OMNIS BIBLIOTHECA.
+ Données Noosphèriques +
+++ ACCÈS CONFIDENTIEL +++
Discord-ob.png


Pylon-shadow.png
Pylon-shadow.png
Magos-searching.jpg
ScribeMechanicus.png
Omnis BibliothecaOmnis Bibliotheca
Encyclopédie non-officielle de
Warhammer 40.000Warhammer 40.000
BoutonDiscord.png
Parchemin.jpg
Parchemin.jpg
Parchemin.jpg
Parchemin.jpg
Parchemin.jpg
Parchemin.jpg
L’Omnis Bibliotheca est un site ayant comme ambition de réunir toutes les connaissances existantes ayant trait à Warhammer 40,000©. C’est donc une encyclopédie non officielle sur Warhammer, le jeu de figurines de Games Workshop®, utilisant la célèbre infrastructure qui régit Wikipedia.
Cette encyclopédie Warhammer est affiliée à Warforum JdR, communauté Forum de RolePlay non officiel dans le sombre et dangereux univers de Warhammer, depuis 2007 !
Bonne lecture dans l’Omnis Bibliotheca !
OB-logo-stamp.png
- Guilhem & Christer, Administrateurs de l’Omnis Bibliotheca
   et Medenor, Administrateur de Warforum JdR
Deco cable.png
Dernières NouvellesDernières Nouvelles
Img-noise-300x300.pngImg-noise-300x300.pngImg-noise-300x300.pngImg-noise-300x300.pngImg-noise-300x300.pngImg-noise-300x300.pngImg-noise-300x300.pngImg-noise-300x300.pngImg-noise-300x300.pngImg-noise-300x300.pngImg-noise-300x300.pngImg-noise-300x300.png

Articles Une proposition de lectures est à présent soumise à votre attention sur notre page d'accueil. Découvrez quatre pages aléatoires parmi les 1 788 articles que compte la bibliothèque.

Articles Un menu d'exploration accessible via le bouton en haut à gauche vous permet de parcourir la classification des pages de la bibliothèque.

design La charte visuelle de l’Omnis Bibliotheca fait peau neuve avec un nouveau design ! Venez nous faire part de vos impressions - quelles qu’elles soient - sur notre Discord.

vidéo La gloire a appelé les bibliothécaires pour un live sur Planet Wargame, et nous y avons répondu !

contribuer Bien que vous puissiez réaliser des modifications sur les pages de l’OB sans vous être inscrit préalablement, si vous avez des Codex ou de (très) vieux White Dwarf, ou si traduire des textes fleuves anglais-français ne vous fait pas peur, vous pouvez apporter votre pierre à la construction de l’Omnis Bibliotheca. Venez discuter des détails pratiques sur Discord.

Bougies.png


Chargement...



Chargement...






Chargement...





Vue d'Ensemble[modifier]

Né en 0158018.M03 (27 Février 2018), l’Omnis Bibliotheca ambitionne à rassembler les connaissances et les sources ayant trait à l’univers de Warhammer 40 000, avec la V8 comme référence. Toutes les sources sont officielles, un bon nombre étant inédites en Français, traduites par nos équipes de scribes. Nous complétons le plus régulièrement que possible nos contenus et proposant une grande variété de sujets du vaste univers crée par Games Workshop, tout en restant le plus à jour que possible.

Nous vous invitons également à visiter la Bibliothèque Impériale, un des principaux sites francophones, qui est dédié à l’univers Dark Heroic Fantasy de Warhammer Battle et Warhammer Âge of Sigmar. La Bibliothèque Impériale est la "grande sœur" de l’Omnis Bibliotheca, toute deux affiliées à Warforum JDR.

Nous avons largement développé notre propre contenu en articles, qui est actuellement de 1 788 pages :

Si vous souhaitez vous promener au hasard, au fil des articles, pour découvrir ce que vous n’auriez même pas pensé à chercher, laissez l’Omnimessie choisir pour vous :


Mentions Légales[modifier]

Ce site web est complètement non-officiel et n’est en aucun cas le fait de Games Workshop Limited.

Les termes suivants sont des marques de Games Workshop Ltd.

40k, Adeptus Astartes, Battlefleet Gothic, Black Flame, Black Library, the Black Library logo, BL Publishing, Blood Angels, Bloodquest, Blood Bowl, the Blood Bowl logo, The Blood Bowl Spike Device, Cadian, Catachan, Chaos, the Chaos device, the Chaos logo, Citadel, Citadel Device, Cityfight, City of the Damned, Codex, Daemonhunters, Dark Angels, Darkblade, Dark Eldar, Dark Future, Dawn of War, the Double-Headed/Imperial Eagle device, 'Eavy Metal, Eldar, Eldar symbol devices, Epic, Eye of Terror, Fanatic, the Fanatic logo, the Fanatic II logo, Fire Warrior, the Fire Warrior logo, Forge World, Games Workshop, Games Workshop logo, Genestealer, Golden Demon, Gorkamorka, Great Unclean One, GW, GWI, the GWI logo, the Hammer of Sigmar logo, Horned Rat logo, Inferno, Inquisitor, the Inquisitor logo, the Inquisitor device, Inquisitor:Conspiracies, Keeper of Secrets, Khemri, Khorne, the Khorne logo, Kroot, Lord of Change, Marauder, Mordheim, the Mordheim logo, Necromunda, Necromunda stencil logo, Necromunda Plate logo, Necron, Nurgle, the Nurgle logo, Ork, Ork skull devices, Sisters of Battle, Skaven, the Skaven symbol devices, Slaanesh, the Slaanesh logo, Space Hulk, Space Marine, Space Marine chapters, Space Marine chapter logos, Talisman, Tau, the Tau caste designations, Tomb Kings, Trio of Warriors, Twin Tailed Comet Logo, Tyranid, Tyrannid, Tzeentch, the Tzeentch logo, Ultramarines, Warhammer, Warhammer Historical, Warhammer Online, Warhammer 40k Device, Warhammer World logo, Warmaster, White Dwarf, the White Dwarf logo, and all associated marks, names, races, race insignia, characters, vehicles, locations, units, illustrations and images from the Blood Bowl game, the Warhammer world, the Talisaman world, and the Warhammer 40,000 universe are either ®, TM and/or © Copyright Games Workshop Ltd 2000-2018, variably registered in the UK and other countries around the world. All images and instances on this website used without permission. No challenge to their status intended. All Rights Reserved to their respective owners.

Pegi.png