@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');

/
  • /

:root {
  • -primary-color: #D91E2E;
  • -secondary-color-1: #797ED9;
  • -secondary-color-2: #A7BCB7;
  • -neutral-color: #0D0D0D;
  • -neutral-soft-color: #6B7280;
  • -neutral-light-color: #F5F0EB;

  • -rc-crimson: #D91E2E;
  • -rc-lavande: #797ED9;
  • -rc-sauge: #A7BCB7;
  • -rc-bordeaux: #731018;
  • -rc-noir: #0D0D0D;
  • -rc-lavande-clair: #D5CCE0;
  • -rc-blanc: #FEFDFB;
  • -rc-beige: #F5F0EB;

  • / Ombres discretes /
  • -rc-shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  • -rc-shadow: 0 2px 8px rgba(0,0,0,0.08);

  • / Override theme Margot navbar /
  • -navbar-bg-color: #D91E2E;
  • -navbar-text-color: #FEFDFB;
  • -navbar-link-color: #FEFDFB;
  • -navbar-link-hover-color: #FEFDFB;
  • -link-color: #D91E2E;
  • -link-hover-color: #731018;
}

/
  • /
body {
  • font-family: Verdana, Geneva, Tahoma, sans-serif;
  • color: var(--rc-noir);
  • background-color: var(--rc-blanc);
  • line-height: 1.6;
  • font-size: 15px;
  • webkit-font-smoothing: antialiased;
  • text-align: justify;
  • text-justify: inter-word;
}

h1, h2, h3, h4, h5, h6,
.navbar-brand {
  • font-family: 'Bree Serif', Rockwell, Georgia, serif !important;
  • line-height: 1.3;
}

h1 {
  • color: var(--rc-noir);
  • font-size: 2em;
  • border-bottom: 3px solid var(--rc-crimson);
  • padding-bottom: 0.2em;
  • margin-top: 1.2em !important;
  • margin-bottom: 0.5em !important;
}

h2 {
  • color: var(--rc-crimson);
  • font-size: 1.5em;
  • margin-top: 1.3em !important;
  • margin-bottom: 0.3em !important;
  • position: relative;
  • padding-left: 0.8em;
}

h2::before {
  • content: '';
  • position: absolute;
  • left: 0;
  • top: 0.15em;
  • bottom: 0.15em;
  • width: 4px;
  • background: var(--rc-lavande);
  • border-radius: 2px;
}

h3 {
  • color: var(--rc-bordeaux);
  • font-size: 1.1em;
  • margin-top: 1.1em !important;
  • margin-bottom: 0.25em !important;
}

p {
  • margin-bottom: 0.4em;
}

::selection {
  • background: rgba(121, 126, 217, 0.2);
}

/
  • /
a {
  • color: var(--rc-crimson);
  • text-decoration: none;
  • transition: color 0.15s ease;
}

a:hover {
  • color: var(--rc-bordeaux);
  • text-decoration: underline;
}

a:visited {
  • color: var(--rc-bordeaux);
}

a:focus-visible {
  • outline: 2px solid var(--rc-lavande);
  • outline-offset: 2px;
  • border-radius: 2px;
}

/
  • /
.navbar {
  • background-color: var(--rc-crimson) !important;
  • border: none !important;
  • box-shadow: var(--rc-shadow);
  • padding: 0.4rem 0;
}

.navbar.navbar-default .navbar-brand,
.navbar.navbar-default .navbar-nav > li > a,
.navbar .navbar-brand,
.navbar .nav-link,
.navbar-nav > li > a {
  • color: #FEFDFB !important;
  • font-family: 'Bree Serif', Rockwell, Georgia, serif !important;
  • font-size: 0.95em;
  • padding: 8px 14px !important;
  • transition: background-color 0.15s ease;
  • border-radius: 4px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  • color: #FEFDFB !important;
  • background-color: rgba(255,255,255,0.15) !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  • color: #FEFDFB !important;
  • background-color: rgba(255,255,255,0.1) !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  • background-color: var(--rc-bordeaux) !important;
  • color: #FEFDFB !important;
}

/ Logo navbar /
.navbar-brand {
  • display: flex !important;
  • align-items: center;
  • padding-left: 8px !important;
}

.navbar-brand::before {
  • content: "";
  • display: inline-block;
  • width: 50px;
  • height: 50px;
  • background: url("/?PagePrincipale/download&file=LOGO_RC_Final.png") center/contain no-repeat;
  • margin-right: 10px;
  • flex-shrink: 0;
  • border-radius: 50%;
  • background-color: rgba(255,255,255,0.95);
  • padding: 3px;
}

/ Dropdown menus — fond rouge, texte blanc /
.dropdown-menu {
  • background-color: var(--rc-crimson) !important;
  • border: none;
  • border-radius: 4px;
  • box-shadow: var(--rc-shadow);
  • padding: 0.3rem 0;
  • margin-top: 0;
}

.dropdown-menu > li > a {
  • color: #FEFDFB !important;
  • padding: 8px 16px;
  • transition: background-color 0.15s ease;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  • background-color: var(--rc-bordeaux) !important;
  • color: #FEFDFB !important;
}

/ Hamburger mobile /
.navbar-default .navbar-toggle {
  • border-color: rgba(255,255,255,0.5) !important;
}

.navbar-default .navbar-toggle .icon-bar {
  • background-color: #FEFDFB !important;
}

.navbar-default .navbar-toggle:hover {
  • background-color: rgba(255,255,255,0.15) !important;
}

/
  • /
.btn {
  • border-radius: 4px !important;
  • font-family: 'Bree Serif', Rockwell, Georgia, serif !important;
  • padding: 10px 22px;
  • transition: background-color 0.15s ease, border-color 0.15s ease;
}

.btn-primary,
.btn-primary:focus {
  • background-color: var(--rc-crimson) !important;
  • border-color: var(--rc-crimson) !important;
  • color: var(--rc-blanc) !important;
}

.btn-primary:hover {
  • background-color: var(--rc-bordeaux) !important;
  • border-color: var(--rc-bordeaux) !important;
}

.btn-secondary-1 {
  • background-color: var(--rc-lavande) !important;
  • border-color: var(--rc-lavande) !important;
  • color: var(--rc-blanc) !important;
}

.btn-secondary-1:hover {
  • background-color: #5B60C4 !important;
}

.btn-secondary-2 {
  • background-color: var(--rc-sauge) !important;
  • border-color: var(--rc-sauge) !important;
  • color: var(--rc-noir) !important;
}

.btn-secondary-2:hover {
  • background-color: #8FACA5 !important;
}

.btn-default {
  • background: transparent !important;
  • border: 2px solid var(--rc-crimson) !important;
  • color: var(--rc-crimson) !important;
}

.btn-default:hover {
  • background: var(--rc-crimson) !important;
  • color: var(--rc-blanc) !important;
}

/
  • /
.panel {
  • border: none !important;
  • border-radius: 6px !important;
  • box-shadow: var(--rc-shadow-sm);
  • margin-bottom: 0.4rem;
  • overflow: hidden;
}

.panel-heading {
  • border: none !important;
  • border-radius: 6px 6px 0 0 !important;
  • padding: 12px 18px;
  • font-family: 'Bree Serif', Rockwell, Georgia, serif !important;
}

.panel-body {
  • padding: 16px 20px;
  • line-height: 1.5;
}

.panel-primary { border-left: 4px solid var(--rc-crimson) !important; }
.panel-primary > .panel-heading { background: var(--rc-crimson) !important; color: var(--rc-blanc) !important; }

.panel-secondary-1 { border-left: 4px solid var(--rc-lavande) !important; }
.panel-secondary-1 > .panel-heading { background: var(--rc-lavande) !important; color: var(--rc-blanc) !important; }

.panel-secondary-2 { border-left: 4px solid var(--rc-sauge) !important; }
.panel-secondary-2 > .panel-heading { background: var(--rc-sauge) !important; color: var(--rc-noir) !important; }

.panel-default { border-left: 4px solid var(--neutral-soft-color) !important; }
.panel-default > .panel-heading { background: var(--rc-beige) !important; color: var(--rc-noir) !important; }

.panel-success { border-left: 4px solid #2D8A4E !important; }
.panel-success > .panel-heading { background: #2D8A4E !important; color: white !important; }

.panel-warning { border-left: 4px solid #E67E22 !important; }
.panel-warning > .panel-heading { background: #E67E22 !important; color: white !important; }

.panel-danger { border-left: 4px solid #C0392B !important; }
.panel-danger > .panel-heading { background: #C0392B !important; color: white !important; }

.panel-group .panel + .panel { margin-top: 0.5rem; }

/
  • /
.rc-section-sauge { background-color: var(--rc-sauge) !important; padding: 0.7rem; margin: 0.3rem 0; border-radius: 6px; }
.rc-section-lavande { background-color: rgba(121,126,217,0.08); padding: 0.7rem; margin: 0.3rem 0; border-radius: 6px; }
.rc-section-beige { background-color: var(--rc-beige); padding: 0.7rem; margin: 0.3rem 0; border-radius: 6px; }

/
  • /
.label { border-radius: 3px !important; padding: 3px 10px !important; font-size: 0.8em !important; }
.label-primary { background-color: var(--rc-crimson) !important; }
.label-secondary-1 { background-color: var(--rc-lavande) !important; }
.label-secondary-2 { background-color: var(--rc-sauge) !important; color: var(--rc-noir) !important; }

/
  • /
footer, .footer, .rc-footer {
  • background-color: var(--rc-lavande-clair) !important;
  • color: var(--rc-noir);
  • padding: 1.8rem 1.5rem;
  • text-align: center;
  • font-size: 0.9em;
  • margin-top: 1.2rem;
}

footer a, .footer a {
  • color: var(--rc-bordeaux);
  • font-weight: bold;
  • border-bottom: 1px dotted var(--rc-bordeaux);
}

footer a:hover, .footer a:hover {
  • color: var(--rc-crimson);
  • border-bottom-style: solid;
  • text-decoration: none;
}

/
  • /
.form-control {
  • border-radius: 4px !important;
  • border: 1px solid rgba(167,188,183,0.5) !important;
  • padding: 8px 12px;
  • transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-control:focus {
  • border-color: var(--rc-lavande) !important;
  • box-shadow: 0 0 0 2px rgba(121,126,217,0.15) !important;
  • outline: none;
}

.form-group label {
  • font-family: 'Bree Serif', Rockwell, Georgia, serif !important;
  • color: var(--rc-bordeaux);
  • font-size: 0.95em;
  • margin-bottom: 4px;
}

/
  • /
hr {
  • border: none;
  • height: 1px;
  • background: var(--rc-sauge);
  • margin: 0.6rem 0;
}

.well {
  • background: var(--rc-beige) !important;
  • border: 1px solid rgba(167,188,183,0.3) !important;
  • border-radius: 6px !important;
  • box-shadow: var(--rc-shadow-sm);
  • padding: 1rem;
}

blockquote {
  • border-left: 4px solid var(--rc-lavande) !important;
  • background: rgba(121,126,217,0.04);
  • padding: 1rem 1.5rem;
  • border-radius: 0 4px 4px 0;
  • margin: 1rem 0;
  • font-style: italic;
  • color: var(--neutral-soft-color);
}

blockquote p:last-child { margin-bottom: 0; }

/ Tables /
.table {
  • border-radius: 6px;
  • overflow: hidden;
  • box-shadow: var(--rc-shadow-sm);
}

.table > thead > tr > th {
  • background: var(--rc-crimson) !important;
  • color: var(--rc-blanc) !important;
  • font-family: 'Bree Serif', Rockwell, Georgia, serif !important;
  • border: none !important;
  • padding: 10px 14px;
}

.table > tbody > tr:nth-child(even) { background-color: var(--rc-beige); }
.table > tbody > tr:hover { background-color: rgba(121,126,217,0.04); }

/ Bazar cards /
.bazar-card {
  • border-radius: 6px !important;
  • overflow: hidden;
  • box-shadow: var(--rc-shadow-sm);
  • border: 1px solid rgba(167,188,183,0.2);
  • transition: box-shadow 0.15s ease;
}

.bazar-card:hover { box-shadow: var(--rc-shadow); }

.bazar-card .title-area {
  • font-family: 'Bree Serif', Rockwell, Georgia, serif !important;
  • color: var(--rc-noir);
  • padding: 12px 16px 4px;
}

.bazar-card .text-area {
  • padding: 0 16px 16px;
  • font-size: 0.9em;
  • color: var(--neutral-soft-color);
}

/
  • /
@media (max-width: 992px) {
  • h1 { font-size: 1.7em; }
}

@media (max-width: 768px) {
  • body { font-size: 14px; }
  • h1 { font-size: 1.5em; }
  • h2 { font-size: 1.3em; }
  • .navbar-nav > li > a { padding: 6px 10px !important; font-size: 0.85em; }
}

/
  • /
/ Réduire l'espace généré par les doubles sauts de ligne wiki /
.page p + p { margin-top: 0.2em; }
.page br { line-height: 1.2; }

/ Espace entre dernier paragraphe et titre suivant /
.page p + h2, .page p + h3, .page p + h4 { margin-top: 0.8em !important; }

/ Section après paragraphe /
.page p + .yeswiki-section,
.page p + section,
.page p + .section { margin-top: 0.3rem !important; }

/ Titre h4 suivi directement d'une section /
.page h4 + .yeswiki-section,
.page h4 + section,
.page h3 + .yeswiki-section,
.page h3 + section { margin-top: 0.2rem !important; }

/ Sections consécutives /
.yeswiki-section + .yeswiki-section,
section + section { margin-top: 0.3rem !important; }

/ Grille "Nous rejoindre" /
.row { margin-top: 0; }
.col-sm-4 h2, .col-sm-4 h3 { margin-top: 0.5em !important; }

/
  • /
@media (prefers-color-scheme: dark) {
  • :root {
    • -rc-blanc: #1A1A2E;
    • -rc-beige: #242438;
    • -rc-noir: #E8E8ED;
    • -rc-bordeaux: #E07882;
    • -rc-lavande-clair: #D5CCE0;
    • -neutral-soft-color: #B0B0C0;
    • -neutral-light-color: #242438;
    • -neutral-color: #E8E8ED;
    • -link-color: #E0444F;
    • -link-hover-color: #F06070;
    • -rc-shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
    • -rc-shadow: 0 2px 8px rgba(0,0,0,0.4);
  • }

  • body {
    • background-color: #1A1A2E;
    • color: #E8E8ED;
  • }

  • / Liens /
  • a { color: #E0444F; }
  • a:hover { color: #F06070; }
  • a:visited { color: #D5CCE0; }

  • / Titres /
  • h1 { color: #E8E8ED; border-bottom-color: #E0444F; }
  • h2 { color: #E0444F; }
  • h3 { color: #D5CCE0; }
  • h4, h5, h6 { color: #C8C8D8; }

  • / Navbar /
  • .navbar { background-color: #731018 !important; }
  • .dropdown-menu { background-color: #731018 !important; }
  • .dropdown-menu > li > a:hover,
  • .dropdown-menu > li > a:focus { background-color: #4A0A10 !important; }

  • / Sections YesWiki (classes du theme Margot) /
  • section.secondary-2,
  • .secondary-2,
  • .rc-section-beige {
    • background-color: #242438 !important;
    • color: #E8E8ED !important;
  • }

  • section.secondary-1,
  • .secondary-1,
  • .rc-section-lavande {
    • background-color: rgba(121,126,217,0.12) !important;
    • color: #E8E8ED !important;
  • }

  • section.primary,
  • .primary:not(.btn-primary):not(.label-primary):not(.panel-primary) {
    • background-color: rgba(224,68,79,0.1) !important;
    • color: #E8E8ED !important;
  • }

  • .rc-section-sauge {
    • background-color: rgba(167,188,183,0.1) !important;
    • color: #E8E8ED !important;
  • }

  • / Panels /
  • .panel { box-shadow: var(--rc-shadow-sm); }
  • .panel-body {
    • background-color: #242438 !important;
    • color: #E8E8ED !important;
  • }
  • .panel-default > .panel-heading {
    • background: #2D2D45 !important;
    • color: #E8E8ED !important;
  • }
  • .panel-primary > .panel-heading { background: #A01520 !important; }
  • .panel-secondary-1 > .panel-heading { background: #5B60C4 !important; }
  • .panel-secondary-2 > .panel-heading { background: #6B8A82 !important; }

  • / Formulaires /
  • .form-control {
    • background-color: #242438 !important;
    • color: #E8E8ED !important;
    • border-color: #3D3D55 !important;
  • }

  • .form-control:focus {
    • border-color: #797ED9 !important;
    • box-shadow: 0 0 0 2px rgba(121,126,217,0.25) !important;
  • }

  • .form-control::placeholder { color: #808098; }

  • .form-group label {
    • color: #D5CCE0 !important;
  • }

  • .input-group-addon {
    • background-color: #731018 !important;
    • color: #FEFDFB !important;
    • border-color: #3D3D55 !important;
  • }

  • / Boutons /
  • .btn-primary,
  • .btn-primary:focus {
    • background-color: #A01520 !important;
    • border-color: #A01520 !important;
    • color: #FEFDFB !important;
  • }
  • .btn-primary:hover {
    • background-color: #C01828 !important;
    • border-color: #C01828 !important;
  • }

  • .btn-default {
    • border-color: #E0444F !important;
    • color: #E0444F !important;
  • }
  • .btn-default:hover {
    • background: #E0444F !important;
    • color: #FEFDFB !important;
  • }

  • .btn-secondary-1 { background-color: #5B60C4 !important; }
  • .btn-secondary-2 {
    • background-color: #6B8A82 !important;
    • color: #FEFDFB !important;
  • }

  • / Well /
  • .well {
    • background: #242438 !important;
    • border-color: #3D3D55 !important;
  • }

  • / Bazar cards /
  • .bazar-card {
    • background-color: #242438;
    • border-color: #3D3D55;
  • }
  • .bazar-card .title-area { color: #E8E8ED; }
  • .bazar-card .text-area { color: #B0B0C0; }

  • / Blockquote /
  • blockquote {
    • background: rgba(121,126,217,0.08) !important;
    • color: #C0C0D0 !important;
    • border-left-color: #5B60C4 !important;
  • }

  • / Tables /
  • .table > tbody > tr:nth-child(even) { background-color: #2D2D45; }
  • .table > tbody > tr:hover { background-color: rgba(121,126,217,0.08); }

  • / Divers /
  • hr { background: #3D3D55; }
  • ::selection { background: rgba(217,30,46,0.3); }
  • strong, b { color: #F0F0F5; }

  • / Footer /
  • footer, .footer, .rc-footer {
    • background-color: #2D2D45 !important;
    • color: #E8E8ED;
  • }
  • footer a, .footer a {
    • color: #D5CCE0;
    • border-bottom-color: #D5CCE0;
  • }
  • footer a:hover, .footer a:hover {
    • color: #E0444F;
    • border-bottom-color: #E0444F;
  • }

  • / Favoris / eventSet (bouton etoile admin) /
  • .eventSet, .btn.eventSet {
    • color: #E0444F !important;
    • border-color: #E0444F !important;
  • }

  • / Barre admin en bas /
  • .linkscontainer, .links-container {
    • background-color: #2D2D45 !important;
  • }

  • / Images : cercle blanc pour logos sur fond sombre /
  • img[src*="logo" i],
  • img[src*="LOGO" i] {
    • background-color: rgba(255,255,255,0.9);
    • border-radius: 50%;
    • padding: 2px;
  • }
}

/ Sections YesWiki — espacement aere /
.yeswiki-section, section, .section {
  • margin-top: 0.5rem !important;
  • margin-bottom: 0.5rem !important;
  • padding-top: 0.8rem !important;
  • padding-bottom: 0.8rem !important;
}

/ Supprimer les p vides (br consecutifs gardes pour le contenu) /
/ Masquer les br excessifs apres les elements de bloc (pas entre paragraphes de texte) /
.page > div + br { display: none; }
.page > h1 + br, .page > h2 + br, .page > h3 + br, .page > h4 + br { display: none; }
.page > section + br { display: none; }
.page > hr + br { display: none; }
p:empty { display: none; margin: 0; padding: 0; }

/ Listes /
ul, ol { margin-bottom: 0.7em; }
li { margin-bottom: 0.3em; }