html {
    background-color: black; /* en fond noir */
    color:white; /* avec une écriture blanche par défaut */    
}
body {
    background-color: black; /* en fond noir */
    color:white; /* avec une écriture blanche par défaut */
}
.line-header {   /* bandeau d'entête */
    background-color: black; /* en fond noir */
    color:white; /* avec une écriture blanche par défaut */
}
site-wrapper {
     background-color: black; /* en fond noir */
    color:white !important; /* avec une écriture blanche par défaut */
    
}
.modeleBase {
    background-color: black; /* en fond noir */
    color:white; /* avec une écriture blanche par défaut */
}

:root {
    --black:white;
    --white:black;
    --primary: #F45975;
    --secondary: #aaaaaa;
    --font-color: var(--black);
    --background-color: var(--white);
    --boutique-card-background: var(--white);
    --boutique-card-border: var(--white) thin solid;
    --boutique-card-border-radius: 10%;
    --boutique-card-boxshadow: 0px 0px 12px 0px var(--primary);
    --boutique-card-padding: 3%;
    --fbc-primary-text: var(--black);
    --fbc-secondary-text: #aaaaaa;
    --footer-background: var(--white);
    --footer-color: var(--black);
    --form-font-color: var(--black);
    --nav-dropdown-background: var(--white);
    --line-menu-background: var(--white);
    --nav-dropdown-background: var(--white);
    --yapla-consent-secondary: #aaaaaa;
    --yapla-consent-secondary-alt: var(--white);
    --mobile-topheader-background: var(--white);
}

.breadcrumb > .active { color : var(--navlink-color-active) }
.breadcrumb a { color: #9999ee; }

th {
    color:brown !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active
{
    -webkit-box-shadow: 0 0 0 30px var(--white) inset !important;
}
input.form-control.input-md:-moz-autofill,
input:-moz-autofill
{
    box-shadow: 0 0 0 1000px purple inset !important;
    -moz-text-fill-color: white !important;
    -moz-autofill-background: var(--white) !important;
    filter: none !important;
    background-color:  var(--white) !important;
    background-clip: content-box !important;
}
/* tableaux standards */
/* Pyjama noir / gris foncé */

tbody tr:nth-child(odd) {
  background-color: #000000 !important;   /* noir */
  color: white !important;
}

tr:nth-child(2n+1) {
  background-color: #000000 !important;   /* noir */
  color: white !important;
}

tbody tr:nth-child(even) {
  background-color: #333333 !important;   /* gris foncé */
  color: white !important;
}

/* beaux tableaux */
.tabxl {
  border-collapse: collapse;
  width: 90%;
}

.tabxl th,
.tabxl td {
  border: 2px solid black;
  padding: 5px;
}

.tabxl th {
  background-color: burlywood;   /* fond de la première ligne en beige */    
}

/* Pyjama noir / gris foncé */
.tabxl tbody tr:nth-child(odd) {
  background-color: #000000;   /* noir */
  color: white;
}

.tabxl tbody tr:nth-child(even) {
  background-color: #333333;   /* gris foncé */
  color: white;
}

/* Colonnes Mois et Heures en fond gold */
.tabxl td.mois,
.tabxl th.mois,
.tabxl td.heures,
.tabxl th.heures {
  background-color: gold;
  color: black; /* lisibilité */
}

.list-group-item,
.panel,
.panel-body,
.well {
    background-color: black !important;
    color: white !important;
}

/*Correction des éléments en blanc sur blanc*/
.checkbox label,
.radio label,
.fee-description,
.adh-description,
.memberships_options,
.section {
    color: white !important;
}

/* badges default to a colored bg + white text, but check price-membership-badge specifically */
.price-membership-badge {
    background-color: #333 !important;
    color: white !important;
}