/* CSS intégré pour l'exemple */
        :root {
            --bois-clair: #d4c4a8;
            --bois-fonce: #8b6f47;
            --vert-foret: #2d5a3d;
            --vert-clair: #a3c6a0;
            --blanc: #f9f9f9;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            background-color: var(--blanc);
            color: var(--vert-foret);
            margin: 0;
            padding: 0;
            background-image: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1173&q=80');
            background-size: cover;
            background-attachment: fixed;
            min-height: 100vh;
        }

        .conteneur {
            max-width: 800px;
            margin: 0 auto;
            padding: 40px 20px;
            background-color: rgba(249, 249, 249, 0.9);
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            margin-top: 50px;
            margin-bottom: 50px;
        }

        h1 {
            font-family: 'Playfair Display', serif;
            color: var(--bois-fonce);
            text-align: center;
            margin-bottom: 30px;
            font-size: 2.5em;
        }

        .cadre-question {
            background-color: var(--bois-clair);
            border: 2px solid var(--bois-fonce);
            border-radius: 10px;
            padding: 20px;
            margin-bottom: 20px;
        }

        #question {
            width: 100%;
            border: none;
            background-color: transparent;
            font-size: 1.1em;
            color: var(--vert-foret);
            resize: none;
            outline: none;
        }

        button {
            background-color: var(--vert-foret);
            color: var(--blanc);
            border: none;
            padding: 12px 20px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1em;
            transition: background-color 0.3s;
            display: block;
            margin: 0 auto;
        }

        button:hover {
            background-color: var(--bois-fonce);
        }

        .reponse {
            background-color: var(--vert-clair);
            border: 2px solid var(--vert-foret);
            border-radius: 10px;
            padding: 20px;
            margin-top: 20px;
            display: none;
        }

        .icone-meteo {
            font-size: 3em;
            color: var(--bois-fonce);
            text-align: center;
            margin: 20px 0;
        }

        footer {
            text-align: center;
            margin-top: 30px;
            color: var(--bois-fonce);
            font-style: italic;
        }

.description {
    font-size: 1.1em; /* Taille de la police */
    margin-bottom: 30px; /* Marge en bas du paragraphe */
}