body {
      margin: 0;
      font-family: Arial, sans-serif;
      background: #111;
      color: white;
      display: flex;
      flex-direction: column;
      height: 100vh;
    }
    #container {
      position: relative;
      width: 100%;
      height: 60px; /* Hauteur raisonnable */
      overflow: hidden;
      border-top: 1px solid #444;
      border-bottom: 1px solid #444;
      background: #1a1a1a;
    }

    #timeline {
      position: relative;
      height: 100%;
      width: 100%;
      background: linear-gradient(90deg, #333, #222, #333);
    }
    #cursor {
      position: absolute;
      top: 0;
      width: 4px;
      height: 100%;
      background: red;
      box-shadow: 0 0 10px red;
      cursor: grab;
    }
    #dateDisplay {
      padding: 20px;
      text-align: center;
      font-size: 20px;
      background: #222;
      border-bottom: 2px solid #444;
    }
    #imageContainer {
      width: 100%;
      height: 800px; /* Hauteur de l'image */
      background: #222;
      border-bottom: 2px solid #444;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
    }

    #imageContainer img {
      width: auto;
      height: 100%;
      object-fit: contain;
      object-position: center;
    }

    #validateBtn {
      padding: 15px;
      font-size: 18px;
      background: #444;
      color: white;
      border: none;
      cursor: pointer;
      width: 100%;
      transition: background 0.3s;
    }

    #validateBtn:hover {
      background: #555;
    }