/* ==== RESET DE BASE ==== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ==== HTML & BODY ==== */
html, body {
    height: 100%;
    font-family: 'Noto Sans', sans-serif;
    background-color: rgb(49, 134, 168);
}

/* ==== TITRES ==== */
h1 {
    margin: 20px 0 10px 0; /* espace en haut et en bas */
}

h3 {
    margin: 20px 0 10px 0;
}

/* ==== PARAGRAPHES ==== */
p {
    font-size: 12px;
    margin: 10px 0;
}

/* ==== LIENS ==== */
a {
    text-decoration: none;
    color: inherit; /* évite la couleur bleue par défaut */
}

/* ==== BOUTONS ==== */
button {
    background-color: rgb(68, 23, 212);
    border: none;
    font-size: 12px;
    padding: 6px 12px;
    color: orange;
    border-radius: 6px;
    margin: 4px 2px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button:hover {
    background-color: rgb(90, 43, 239);
}

/* ==== IMAGES ==== */
img {
    margin: 10px 8px 10px 7px; /* top, right, bottom, left */
    max-width: 100%;
    height: auto;
    display: block; /* évite les espaces blancs sous l’image */
}

/* ==== IFRAME ==== */
iframe {
    width: 100%;
    height: calc(100% - 40px);
}

/* ==== ÉLÉMENTS FIXES ==== */
#back {
    position: fixed;
    bottom: 0;
    width: 100%;
}