body {
    background-image: url('/../data/fonds/fond2.jpg'); /* Chemin vers l'image de fond */
    background-repeat: no-repeat; /* Empêche la répétition de l'image */
    background-size: cover; /* Redimensionne l'image pour couvrir tout le fond */
    background-position: top; /* Centre l'image */
    margin: 0; /* Supprime les marges par défaut */
    padding: 5px 24px 0 24px; /* Ajuste les paddings en haut et à gauche */
}

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(238, 255, 0); /* 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 */
    color: black; /* Couleur du texte */
    margin: 10px 0; /* Ajoute un peu d'espace en haut et en bas */
}

.reseaux-sociaux {
    display: flex; /* Utilise le flexbox pour aligner les éléments */
    flex-direction: column; /* Dispose les éléments en colonne */
    gap: 10px; /* Espace entre les éléments */
    margin-top: 10px; /* Ajoute un peu d'espace en haut */
}

.reseaux-sociaux ul {
    list-style: none; /* Supprime les puces de la liste */
    padding: 0; /* Supprime le padding par défaut */
    margin: 0; /* Supprime les marges par défaut */
}

.reseaux-sociaux li {
    line-height: 1.6; /* Espacement entre les lignes */
    color: black; /* Couleur du texte */
    display: flex; /* Utilise le flexbox pour aligner les éléments */
    align-items: center; /* Aligne les éléments au centre verticalement */
    padding: 0.2em 0; /* Ajoute un peu de padding vertical */
}

.reseaux-sociaux strong {
    min-width: 100px; /* Largeur minimale pour les labels */
    display: inline-block; /* Limite le fond à la longueur du texte */
}

.reseaux-sociaux a {
    color: blue; /* Couleur des liens */
    text-decoration: underline; /* Souligner les liens */
    display: inline-block; /* Permet un meilleur alignement */
}

.reseaux-sociaux li:last-child a {
    text-decoration: none; /* Supprime la soulignure pour l'adresse courriel */
}