body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #fdfdfd;
            color: #2c3e50;
        }

        nav {
            background-color: #2c3e50;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
        }

        nav .left {
            font-weight: bold;
            font-size: 18px;
            color: white;
        }

        nav .right a, nav .right button {
            margin-left: 15px;
            text-decoration: none;
            color: white;
            background: none;
            border: none;
            font: inherit;
            cursor: pointer;
        }

        main {
            max-width: 900px;
            margin: auto;
            padding: 20px;
        }

        h1 {
            color: #2c3e50;
        }

        img {
            max-width: 100%;
            height: auto;
            margin: 20px 0;
            border-radius: 10px;
        }

        p {
            font-size: 16px;
            line-height: 1.6;
        }
		
		@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animated-slide {
  animation: slideDown 6s ease-in-out forwards;
  opacity: 0.5; /* cachée au départ */
}