/*
#@0
#@1
*/
/**
 * Calculate the luminance for a color.
 * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 */
/**
   * Calculate the contrast ratio between two colors.
   * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
   */
/**
   * Determine whether to use dark or light text on top of given color.
   * Returns black for dark text and white for light text.
   */
:root {
  --bs-body-font-family: "Titillium Web", sans-serif;
  --bs-body-color: #212121;
  --bs-body-bg: #E0E0E0;
  --bs-body-bg-color: #212121;
  --bs-heading-color: #212121;
  --bs-link-color: #FF4444;
  --bs-link-color-rgb: 255, 68, 68;
  --bs-link-hover-color: #f11;
  --bs-link-hover-color-rgb: 255, 17, 17;
  --bs-primary: #FF4444;
  --bs-primary-rgb: 255, 68, 68;
  --bs-primary-text-emphasis: #910000;
  --bs-primary-border-subtle: #fff7f7;
  --bs-font-sans-serif: "Titillium Web", sans-serif;
}
html {
  font-family: "Titillium Web", sans-serif;
}
@keyframes slidein {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 3rem;
  }
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 300;
}
h1.spip, .h1.spip, h2.spip, .h2.spip, h3.spip, .h3.spip, h4.spip, .h4.spip, h5.spip, .h5.spip, h6.spip, .h6.spip {
  color: #FF4444;
}
.header {
  background-color: #000000;
}
.header .icons_version {
  color: #ffffff;
  font-size: 1rem;
}
.header .bd-navbar .offcanvas-lg {
  background-color: #FF4444;
}
.header .bd-navbar .navbar-toggler-icon {
  color: #ffffff;
}
.header #navbarPrincipal .nav-link {
  color: #ffffff;
}
.header #navbarPrincipal .nav-link:hover {
  color: #FF4444;
  background-color: #E0E0E0;
}
#chart .name, #chart-random .name, #chart-visual .name {
  text-transform: uppercase;
  font-weight: 700;
}
#chart .socicon, #chart-random .socicon, #chart-visual .socicon {
  font-family: "Socicon" !important;
}
#chart-visual {
  rotate: -1 0 1 -30deg;
  z-index: -99999;
  transform: perspective(30rem) rotateX(26deg);
}
.precode pre {
  margin-bottom: 0;
}
.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-border-color: #FF4444;
  --bs-btn-hover-border-color: #d00;
  --bs-btn-active-bg: #d00;
  --bs-btn-active-border-color: #d30000;
  --bs-btn-disabled-bg: #faa;
  --bs-btn-disabled-border-color: #faa;
  --bs-btn-bg: #FF4444;
  --bs-btn-hover-bg: #d00;
}
.btn-outline-primary {
  --bs-btn-color: #FF4444;
  --bs-btn-border-color: #FF4444;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #FF4444;
  --bs-btn-hover-border-color: #FF4444;
  --bs-btn-focus-shadow-rgb: 255, 68, 68;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #FF4444;
  --bs-btn-active-border-color: #FF4444;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FF4444;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FF4444;
  --bs-gradient: none;
}
.page_sommaire #chart-random {
  rotate: 1 0 -1 5deg;
  z-index: -10000000000;
}
.me-n1 {
  margin-right: -0.25rem !important;
}
.me-n2 {
  margin-right: -0.5rem !important;
}
.me-n3 {
  margin-right: -1rem !important;
}
.me-n4 {
  margin-right: -1.5rem !important;
}
.me-n5 {
  margin-right: -3rem !important;
}
.me-n6 {
  margin-right: -4.5rem !important;
}
.me-n7 {
  margin-right: -6.75rem !important;
}
.mt-n1 {
  margin-top: -0.25rem !important;
}
.mt-n2 {
  margin-top: -0.5rem !important;
}
.mt-n3 {
  margin-top: -1rem !important;
}
.mt-n4 {
  margin-top: -1.5rem !important;
}
.mt-n5 {
  margin-top: -3rem !important;
}
.mt-n6 {
  margin-top: -4.5rem !important;
}
.mt-n7 {
  margin-top: -6.75rem !important;
}
.modal .icons .icon .socicon {
  font-size: 10rem;
}
.form-control, .form-select {
  background-color: #c7c7c7;
}
#images img {
  margin: 0.25rem !important;
}