@media (prefers-color-scheme: dark) {

html{
    background-color: #24000A;
    color: #FFF;
}

#nightheader{
	display:block;
}

#dayheader{
	display:none;
}
  
  .day{
  display:none;
}
  
  #resultat{
   	background-color: #000;
}
   
  h1, h2, h3, p, a, a:hover{
    color : #FFF;
}
  
  a{
  text-decoration: underline 0.15em #FFF;
}

a:hover{
  text-decoration-color: #FFF;
}
  
  p b{
    color:#FFF;
  }
  
  
#bandeau{
	color: #FFF;
	background-color: #000;
}
  
  #bandeau a{
color:#FFF;
}

  nav li a{
	background-color: #FFF;
    color:#000;
}
  
  nav li a{
    /*color:#000;*/
  }
  
  #chiffre{
background-color: #FFF; 
    color:#000;
}
  
.checkbox{
    background-color: #000;
    color: #FFF;
}

#hide{
    color:black;
}
  
.accordion {
  color: #FFF;
}

.active, .accordion:hover {
  	color: #FFF;
}

.panel {
  color: #FFF;
} 
  

th, td {
    border:1px solid #555264;
 }
  
  #dl{
    background-color:#FFF;
    color:#000;
  }

input, textarea, select {
    color: #FFF;
    background-color: #000;
    border:1px solid #888;
 }
  
  label{
    color:#FFF;
  }
 
  
  footer{
    background-color:#000;
}
}