:root {
  • -primary-color: rgb(255, 9, 9) !important; / Redéfinition de la couleur primaire /
  • -body-bg-color: black;
  • -main-text-color: white;
  • -link-color: white;
  • -link-hover-color: rgb(255, 15, 15);
  • -navbar-bg-color: rgb(255, 15, 15);
  • -title-h2-color: rgb(255, 15, 15);
  • -success-color: rgb(255, 15, 15);
  • -checkbox-color: rgb(255, 15, 15);
  • -title-h3-color: rgb(255, 15, 15);
  • -title-h4-color: rgb(255, 15, 15);
}

html {
  • background-color: black !important;
}

body {
  • background-color: var(--body-bg-color) !important;
  • color: var(--main-text-color);
}

a {
  • color: var(--link-color);
}

a:hover {
  • color: var(--link-hover-color);
}

h3, h4 {
  • color: rgb(255, 15, 15) !important;
}

h1 {
  • color: rgb(255, 15, 15) !important;
}

section.background-image {
  • background-color: black !important;
}

.jp-play.btn-primary,
.jp-pause.btn-primary {
  • background-color: rgb(255, 15, 15) !important;
  • border-color: rgb(255, 15, 15) !important;
  • color: white !important;
}

.jp-play.btn-primary:hover,
.jp-pause.btn-primary:hover {
  • background-color: darkred !important; / Gardons une nuance plus foncée pour le survol /
  • border-color: darkred !important;
  • color: white !important;
}

.mejs-container .mejs-controls .mejs-horizontal-slider .mejs-slider-handle {
  • background: rgb(255, 15, 15) !important;
}

.mejs-container .mejs-controls .mejs-horizontal-slider .mejs-horizontal-track .mejs-horizontal-loaded {
  • background: lightcoral !important; / Gardons une nuance plus claire pour la partie chargée /
}

.btn-secondary-1.btn {
  • background-color: rgb(255, 15, 15) !important;
  • border-color: rgb(255, 15, 15) !important;
  • color: white !important;
}

.btn-secondary-1.btn:hover {
  • background-color: darkred !important; / Gardons une nuance plus foncée pour le survol /
  • border-color: darkred !important;
  • color: white !important;
}

a.btn-primary.btn {
  • background-color: rgb(255, 15, 15) !important;
  • border-color: rgb(255, 15, 15) !important;
  • color: white !important;
}

a.btn-primary.btn:hover {
  • background-color: darkred !important; / Gardons une nuance plus foncée pour le survol /
  • border-color: darkred !important;
  • color: white !important;
}

footer {
  • background-color: black !important;
  • color: white !important;
}

.fc-button-primary {
  • background-color: rgb(255, 15, 15) !important;
  • border-color: rgb(255, 15, 15) !important;
  • color: white !important;
}

.fc-button-primary:hover {
  • background-color: darkred !important; / Gardons une nuance plus foncée pour le survol /
  • border-color: darkred !important;
  • color: white !important;
}

.fc-button-primary:active,
.fc-button-primary.fc-button-active {
  • background-color: darkred !important; / Gardons une nuance plus foncée pour l'état actif /
  • border-color: darkred !important;
  • color: white !important;
}

.fc-event {
  • background-color: rgb(255, 15, 15) !important;
  • border-color: rgb(255, 15, 15) !important;
  • color: white !important;
}

.ace_content {
  • background-color: black !important;
}

.include {
  • color: white !important;
}

a[href="https://khomivala.org/?KhoMiVaLA"] {
  • color: white !important;
}

#yw-topnav > div > div.include.include.yw-topnav.topnavpage.links-container > ul > li.dropdown > a.dropdown-toggle {
  • color: white !important;
}

#yw-topnav .navbar-nav > li > a:not(.dropdown-toggle) {
  • color: white !important;
}

a[href="https://khomivala.org/?Nos-chants"] {
  • color: white !important;
}

a[href="https://khomivala.org/?Nos-chants/listpages&tags=Chant+militant+g%C3%A9n%C3%A9raliste"] {
  • color: white !important;
}

.fc-day-today {
  • background-color: tomato !important; / J'ai laissé tomato car c'est une nuance de rouge /
}

footer i.fa.fa-pencil-alt {
  • color: tomato !important; / J'ai laissé tomato car c'est une nuance de rouge /
}

.alert.alert-info {
  • background-color: #FFCCCB !important; / J'ai laissé cette nuance de rouge clair /
  • color: white !important;
}

.alert.alert-info .tag-label {
  • background-color: darkred !important; / Gardons une nuance plus foncée /
  • color: white !important;
}

.alert.alert-info a.rss-icon {
  • color: white !important;
}

#collapseNous-sommes .panel-body {
  • background-color: black !important;
  • color: white !important;
}

.tag-label.label.label-primary.label-active,
.tag-label.label.label-info {
  • background-color: rgb(255, 15, 15) !important;
  • color: white !important;
}

.panel-collapse.collapse.in > .panel-body {
  • background-color: black !important;
  • color: white !important;
}

.form-control {
  • color: black !important;
}

div.form-group.input-group.checkbox-advanced-params > label > span {
  • color: black !important;
}

.modal-body {
  • background-color: black !important;
  • color: white !important;
}

.modal-body label.control-label {
  • color: rgb(255, 15, 15) !important;
}

figure.bazar-entry.agenda-entry {
  • border: 1px solid white !important;
}

figure.bazar-entry.agenda-entry fig-caption h5 {
  • background-color: transparent !important;
  • padding: 2px 5px;
  • color: white !important;
}

/ Fond noir pour les .well.bazar-entry /
.well.bazar-entry {
  • background-color: black !important;
  • color: white !important;
  • border: none !important;
}

/ Texte noir au survol pour les liens du menu haut /
#yw-topnav .navbar-nav > li > a:hover {
  • color: black !important;
}

/ Fond rouge pour le menu supérieur /
#yw-topnav.navbar-default {
  • background-color: rgb(255, 15, 15) !important;
}