/* Style général du corps */
body {
    font-family: Arial, sans-serif; /* Police de base */
    margin: 0; /* Suppression des marges par défaut */
    padding: 0; /* Suppression des espacements par défaut */
    background-color: #f9f9f9; /* Couleur de fond douce */
}

/* Conteneur principal */
.main {
    max-width: 800px; /* Largeur maximale du conteneur */
    margin: auto; /* Centrage horizontal */
    padding: 20px; /* Espacement interne */
    background-color: #fff; /* Couleur de fond blanche */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Ombre légère */
}

/* Style de l'en-tête */
.header {
    background-image: url(images/header_resized.png); /* Image d'arrière-plan */
    background-size: cover; /* Couvre toute la zone */
    background-repeat: no-repeat; /* Pas de répétition de l'image */
    background-position: center; /* Centre l'image */
    margin: 0; /* Suppression des marges */
    padding: 0; /* Suppression des espacements internes */
    height: 35vh; /* Hauteur de l'en-tête */
    display: flex; /* Utilisation de flexbox pour centrer le contenu */
    align-items: center; /* Centre verticalement le contenu */
    justify-content: center; /* Centre horizontalement le contenu */
}

.header h1 {
    font-size: 2.5em; /* Taille de la police pour le titre */
    color: #fff; /* Couleur du texte (blanc pour contraster avec l'image) */
    text-align: center; /* Centrage du texte */
    margin: 0; /* Suppression des marges */
}

h3 {
    display: inline-block; /* ou float: left; selon votre choix */
    margin-top: 20px;   /* Ajustez cette valeur pour plus ou moins d'espace en haut */
    margin-bottom: 3px; /* Ajustez cette valeur pour moins d'espace en bas */
}

h4 {
    display: inline-block; /* ou float: left; selon votre choix */
    margin-top: 20px;   /* Ajustez cette valeur pour plus ou moins d'espace en haut */
    margin-bottom: 0px; /* Ajustez cette valeur pour moins d'espace en bas */
}

/* Navigation */
nav {
    margin-bottom: 20px; /* Espacement en bas de la navigation */
}

nav ul {
    list-style-type: none; /* Suppression des puces */
    padding: 0; /* Suppression des espacements internes */
}

nav ul li {
    display: inline; /* Affichage en ligne des éléments de la liste */
    margin-right: 15px; /* Espacement entre les éléments */
}

nav a {
    text-decoration: none; /* Suppression du soulignement */
    color: #369; /* Couleur des liens */
    font-weight: bold; /* Gras pour les liens */
}

nav a:hover {
    text-decoration: underline; /* Soulignement au survol */
}

/* Contenu principal */
.contents {
    margin-top: 20px; /* Espacement en haut */
}

/* Style des paragraphes */
p {
    line-height: 1.6; /* Hauteur de ligne pour une meilleure lisibilité */
    margin-top: 0;     /* Supprime l'espace au-dessus de tous les p */
    margin-bottom: 15px; /* Espacement en bas des paragraphes */
}

/* Style du pied de page */
.footer {
    margin-top: 40px; /* Espacement en haut */
    text-align: center; /* Centrage du texte */
}

.footertexts {
    margin-top: 10px; /* Espacement en haut */
    font-size: 1.2em; /* Taille de la police */
    color: #666; /* Couleur du texte */
}