body{
    font-family : Arial, Helvetica,sans-serif;
    
    }
    


 /* Le bandeau */
    .navbar {
      display: flex;              /* Active Flexbox */
      justify-content: space-between; /* Espacement entre les éléments */
      align-items: center;        /* Centrage vertical */
    background-color: rgba(0,0, 0, 0.6);
      padding: 3px 60px;         /* Espacement intérieur */
      color: white;
    }

    /* Logo ou titre à gauche */
    .logo {
      font-size: 20px;
      font-weight: bold;
    }

.flex-container{
      justify-content: center;
      align-items: center;
    max-width: 2000px;
    min-height: 800px;
    display: flex;






}

    .button-container {
     
      display: flex;
      grid-gap: 150px;
      justify-content: flex-end;
      padding: 100px;

    }

.background-slideshow {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
    }

    .background-slideshow img {
      position:absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }


    .background-slideshow img.active {
      opacity: 1;
    }





    .nav-button {
      padding: 15px 100px;
      background-color: rgba(200,255, 255, 0.6); /* Légère transparence */
      border: none;
      border-radius: 8px;
      font-size: 20px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    .nav-button:hover {
      background-color: rgba(0, 0, 255, 1);
}

    .slideshow-controls {
      position: absolute;
      bottom: 80px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      grid-gap: 20px;
    }

    .control-button {
      padding: 10px 20px;
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      border: none;
      border-radius: 5px;
      font-size: 14px;
      cursor: pointer;
    }

    .control-button:hover {
      background-color: rgba(0, 0, 0, 0.7);
    }
.footer {
 
    display: flex;  
    justify-content: space-between; /* Espacement entre les éléments */
      align-items: center;        /* Centrage vertical */
      background-color: rgba(0,0, 0, 0.6);
      padding: 0px 300px;         /* Espacement intérieur */
      color: white;

    }


/* .chart-container{
    width: 1000%;
    height: 1000%;
    margin: 0px;
    margin-top : 20px
} */
/* .filter-container{
    width: 30%;
    height:100%;
    margin: 0px
}   */