body {
    background-image: url('/../data/fonds/fond3.jpg'); /* Chemin vers l'image de fond */
    background-repeat: repeat;       /* Empêche la répétition de l'image */
    background-size: 20%;             /* Redimensionne l'image pour couvrir tout le fond */
    padding-top: 5px; /* Ajustez cette valeur selon vos besoins pour obtenir l'écart correct */
    padding-left: 24px;
    margin: 0; /* Supprime les marges par défaut */
}

header {
    padding: 29px 0; /* Ajuste l'espacement autour du header */
    text-align: left; /* Aligne le texte à gauche */
}

h1 {
    display: inline-block; /* Limite le fond à la longueur du texte */
    padding: 0.2em; /* Ajoute un peu d'espace autour du texte */
    background-color: rgb(0, 242, 255); /* Couleur de fond */
    color: black; /* Couleur du texte */
    margin: 0; /* Supprime les marges par défaut */
}

h3 {
    display: inline-block; /* Limite le fond à la longueur du texte */
    padding: 0.2em; /* Ajoute un peu d'espace autour du texte */
    background-color: white; /* Couleur de fond */
    color: black; /* Couleur du texte */
    margin: 0; /* Supprime les marges par défaut */
}

main {
    padding: 20px 0; /* Ajuste l'espacement autour du contenu principal */
}

h2 {
    display: inline-block; /* Limite le fond à la longueur du texte */
    background-color: white; /* Couleur de fond */
    padding: 0.2em; /* Ajoute un peu d'espace autour du texte */
    margin-top: 0px; /* Espace en haut du h2 */
}

h4 {
    text-align: center; /* Centrer le titre des colonnes */
    color: black; /* Couleur du texte */
    margin-bottom: 0px; /* Espace en bas des titres des colonnes */
    background-color: white;
    display: inline-block; /* Limite le fond à la longueur du texte */
    padding: 0.2em; /* Ajoute un peu d'espace autour du texte */
}

p {
    line-height: 1.6; /* Espacement entre les lignes */
    color: black; /* Couleur du texte */
    text-align: justify; /* Justifie le texte */
    background-color: white;
    padding: 0.2em; /* Ajoute un peu d'espace autour du texte */
}

a {
    color: blue; /* Couleur des liens */
    text-decoration: underline; /* Souligner les liens */
}

.conteneur {
    max-width: 800px; /* Largeur maximale de la boîte */
    padding-left: 0px;
    display: flex;
    flex-direction: column;
}

.conteneur img {
    margin-bottom: 0px; /* Ajoute de l'espace en bas de l'image */
}

.paragraphes {
    display: flex;
    flex-wrap: wrap; /* Permet le retour à la ligne sur petits écrans */
    gap: 20px; /* Espace entre les colonnes */
}

.colonne {
    flex: 1;
    min-width: 50%; /* S'assure que chaque colonne occupe environ 50% de l'espace */
}