:root {
  --MAIN-font: "Signika";
  --MAIN-font-weight: 100;
  --MAIN-font-variation-settings: "GRAD" -200, "YTFI" 710, "width" 118;
  --MAIN-TITLES-font: "Metamorphous";
  --MAIN-TITLES-font-weight: 700;
  --MAIN-BOLD-font: "Signika Bold";
  --MAIN-BOLD-font-weight: 900;
  --MENU-HEADER-BG-color: rgba(28, 144, 243, 1);
  --MAIN-WIDTH-MAX: 100rem;
}

body {
    font-size: 1.2rem
}
strong, b {
    color: var(--MAIN-BOLD-color);
    font-family: var(--MAIN-BOLD-font);
}
a {
    font-family: var(--MAIN-BOLD-font);
}
.card-container a {
    font-family: var(--MAIN-font);
} 
h3, h4, h5, h6 {
    margin-bottom: 0 !important;
}
p {
    margin-top: 0;
    text-align: left !important;
}
#R-topbar {
    background-color: var(--MENU-SECTIONS-BG-color);
    color: var(--MENU-HEADER-color);
}
.badge-content a {
    font-weight: bold;
    color: #fff;
}
tr {
    line-height: 20px;
}
tr:hover {
    background-color: var(--BOX-BG-color);
}
.table75 table {
    max-width: 75%;
    margin: auto;
}
.table50 table {
    max-width: 50%;
    margin: auto;
}
.table25 table {
    max-width: 25%;
    margin: auto;
}
.toright {
    display: inline;
    float: right;
}
.colored table tr td.td-majeur {
    background-color: rgb(0, 66, 153);
    color: #fff;
    font-weight: bold;
}
.colored table tr .td-populaire {
    background-color: rgb(0, 102, 14);
    color: #fff;
    font-weight: bold;
}
.colored table tr .td-neutre {
    background-color: #555555;
    color: #fff;
    font-weight: bold;
}
.colored table tr .td-mepris {
    background-color: #b96300;
    color: #fff;
    font-weight: bold;
}
.colored table tr .td-proscrit {
    background-color: #c20000;
    color: #fff;
    font-weight: bold;
}

.rang {
    position: relative;
    padding: 0 5px 0 36px;
    border: 1px #999 solid;
    border-bottom: 3px #999 solid;
    border-radius: 25px;
    font-weight: bold;
    background-color: var(--BOX-BG-color);
    font-size: 1rem;
}
.rang:before {
    content: ' ';
    position: absolute;
    width: 32px;
    height: 32px;
    display: inline;
    top: -6px;
    left: 3px;
}
.rang.cuivre:before {
    background: #00000000 url(../../images/cuivre.png) no-repeat center;
}
.rang.fer:before {
    background: #00000000 url(../../images/fer.png) no-repeat center;
}
.rang.bronze:before {
    background: #00000000 url(../../images/bronze.png) no-repeat center;
}
.rang.argent:before {
    background: #00000000 url(../../images/argent.png) no-repeat center;
}
.rang.or:before {
    background: #00000000 url(../../images/or.png) no-repeat center;
}
.rang.amethyste:before {
    background: #00000000 url(../../images/amethyste.png) no-repeat center;
}
.rang.emeraude:before {
    background: #00000000 url(../../images/emeraude.png) no-repeat center;
}
.rang.diamant:before {
    background: #00000000 url(../../images/diamant.png) no-repeat center;
}
.rang.mithril:before {
    background: #00000000 url(../../images/mithril.png) no-repeat center;
}
.rang.adamantium:before {
    background: #00000000 url(../../images/adamantium.png) no-repeat center;
}
#R-body-inner {
    padding: 0 2rem 4rem 2rem;
}
@media screen and (max-width: 59.999rem) {
  #R-body-inner {
    padding: 0 1rem 1rem 1rem;
  }
}
@media screen and (max-width: 47.999rem) {
  #R-body-inner {
    padding: 0 .25rem 0.375rem .25rem;
  }
}

#R-body-inner:has(> .flex-block-wrapper article.narrow) {
  padding: 0 6rem 2rem 6rem;
}
@media screen and (max-width: 59.999rem) {
  #R-body-inner:has(> .flex-block-wrapper article.narrow) {
    padding: 0 3rem 1rem 3rem;
  }
}
@media screen and (max-width: 47.999rem) {
  #R-body-inner:has(> .flex-block-wrapper article.narrow) {
    padding: 0 1rem 0.375rem 1rem;
  }
}
.card-container .card-content-text {
    display: none;
}
.card-container .card-popout:hover .card-content-text {
    display: block;
}
.card-container .card {
    max-height: none;
    min-height: 100px;
}
.card-container .card-title {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 0;
}
.footline {
    border-top: 1px rgba(134, 134, 134, 0.125) solid;
    font-size: .8rem;
    font-style: italic;
    text-align: right;
    padding-top: .5rem;
    color: rgba(134, 134, 134, 0.5);
}
.authorline {
    font-size: .8rem;
    position: absolute;
    right: 0;
    top: 1.4rem;
    text-align: right;
    text-transform: none;
}
.author {
    color: var(--MAIN-BOLD-color);
}
h1 {
    position: relative;
}
.R-sidebarmenu > ul > li > a > i {
    width: 20px;
    color: var(---MAIN-BOLD-color);
}
.R-sidebarmenu>ul>li>ul>li>a>i {
    width: 20px;
    color: var(--MAIN-LINK-color);
}
/* body {
    background: var(--MAIN-BG-color) url("/images/6anneaux-splash.webp") no-repeat bottom right;
    background-size: cover;
}
article {
    padding: 0 2rem 1rem 2rem;
    background-color: var(--MAIN-BG-color);
    border-radius: 1rem;
    border-color: var(--CODE-BLOCK-BORDER-color);
    box-shadow: -.5rem .5rem 2rem rgba(0, 0, 0, .7);
} */
.children-title-1 {
    list-style: none;
}
.children-title-1 > a {
    font-size: 1.5rem;
}
.children p {
    margin-top: -.3rem;
    margin-bottom: .3rem;
}
.titlecenter h3 {
    text-align: center;
}
.smaller {
    font-size: .8rem;
}
.div75 {
    max-width: 75%;
    margin: auto;
}