/* neutral.css : fond très foncé et textes bien clairs */

body {
     background: url('../img/background.jpg') no-repeat center center fixed;
    background-size: cover;
    color: #f5f5f5;             /* blanc cassé très clair */
    min-height: 100vh;
    margin: 0;
    font-family: Arial, sans-serif;
	margin: 15px;
}

.container {
    background-color: rgba(0, 0, 0, 0.85);  /* conteneur presque noir, légèrement transparent */
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.7);
}


/* Dans css/neutral.css */

.container,
.container-fluid {
  margin-top: 2rem;    /* 32px au-dessus */
  margin-bottom: 2rem; /* 32px en‑dessous */
}


.btn {
    background-color: #333333;   /* gris très sombre */
    border-color: #444444;
    color: #f5f5f5;
}

.btn:hover {
    background-color: #444444;
    border-color: #555555;
}

h1, h3, legend {
    color: #ffffff;  /* blanc pur pour les titres */
}

.form-control, .form-select {
    background-color: #111111;   /* très foncé */
    color: #f5f5f5;
    border: 1px solid #444444;
}

.form-control::placeholder {
    color: #bbbbbb;  /* placeholder un peu plus sombre */
}

.form-control:focus, .form-select:focus {
    background-color: #111111;
    color: #ffffff;
    border-color: #777777;
    box-shadow: none;
}

hr {
    border-top: 1px solid #444444;
}

code {
    background-color: #111111;
    color: #f5f5f5;
    padding: 0.2em 0.4em;
    border-radius: 4px;
}
#top-accueil {
	top:0!important;
	margin-top: 0rem;
}
#container-logo {
	top:0!important;
	margin-top: 0rem;
}

div#levelsAccordion {
    opacity: 0.90!important;
}

/* Accordéon – fond noir, texte blanc */
.accordion-button {
  background-color: #000 !important;
  color: #fff      !important;
}
.accordion-button:not(.collapsed) {
  background-color: #111 !important;
  color: #fff        !important;
}
/* Pour que la flèche soit blanche */
.accordion-button::after {
  filter: invert(1) !important;
}
.accordion-body {
  background: rgba(0,0,0,0.15) !important;
  backdrop-filter: blur(4px);
}
