body {
    background: #181829;
}

h1 {
    color: #ffffff;
    background: #3781ff;
    padding: 10px;
    border-radius: 8px;
}

h2 {
    color: #b8b8b8;
    background: #3781ff;
    padding: 8px;
    border-radius: 6px;
}

         .date-section ab {
     display: block;
     padding: 10px;
     font-size: 1.4em;
     background-color: #FFA500;
     color: #FFA500;
     text-align: center;
     text-decoration: none;
     border-radius: 5px;
     margin-top: 10px;
 }

 .date-section a {
     display: block;
     padding: 10px;
     font-size: 1.4em;
     color: #b8b8b8;
     text-align: center;
     text-decoration: none;
     border-radius: 5px;
     margin-top: 10px;
     transition: background-color 1s ease;
     /* Transition de couleur sur 0.3s en douceur */
 }


 .date-section a:hover {
     background-color: #FFFFFF;
 }

  .table-spectacle .siege-invisible {
            color: #181829;

        }

/* Tu peux ajouter d'autres styles dynamiques ici */