body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 0; background-color: #fff; color: #222; } h1 { text-align: center; padding: 1rem; background-color: #f58220; color: white; } section { max-width: 800px; margin: 2rem auto; padding: 1rem; border: 1px solid #ddd; border-radius: 10px; background-color: #f9f9f9; } img { max-width: 100%; height: auto; display: block; margin: 1rem auto; border-radius: 8px; } #bouton-mode { position: fixed; top: 10px; right: 10px; padding: 0.5rem 1rem; background-color: #333; color: white; border: none; border-radius: 5px; cursor: pointer; } #bouton-mode:hover { background-color: #555; } /* Mode nuit appliqué au */ body.mode-nuit { background-color: #121212; color: #f5f5f5; } body.mode-nuit section { background-color: #1e1e1e; border-color: #333; } body.mode-nuit h1 { background-color: #bb4430; } body.mode-nuit img { border: 2px solid #f5f5f5; }