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

html{
    background-color: #200000;
    color: #FFF;
}

#nightheader{
	display:block;
}

#dayheader{
	display:none;
}
  
  .day{
  display:none;
}
   
  h1, h2, h3, p, a{
    color : #FFF;
}
  
#bandeau{
	color: #FFF;
	background-color: #000;
}
  
  #bandeau a{
color:#FFF;
}


#hide{
    color:black;
}
  
#bento{
   background-color: #000;
   border:1px solid #555264;
  box-shadow:none;
  }
  
#bento2{
   background-color: #200000;
   border:1px solid #555264;
  }
  
  .accordion {
  background-color:#000;
  color: #FFF;
}

.panel {
  background-color: #000;
  border-color:#555264;
} 

th, td {
    border:1px solid #555264;
 }
  
form{
   background-color: #000;
   border:1px solid #555264;
  	box-shadow:none;
  }

  .active, .accordion:hover {
  background-color:#400000;
  }

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