/* style.css */

/* Style général pour toute la page */
body {
    font-family: 'Helvetica Neue', Arial, sans-serif; /* Police de caractères facile à lire */
    line-height: 1.6; /* Hauteur de ligne pour une meilleure lisibilité */
    background-color: #f4f4f4; /* Couleur de fond gris clair */
    color: #333; /* Couleur du texte principal (gris foncé) */
    margin: 0;
    padding: 0;
}

/* Conteneur principal pour centrer le contenu */
main, header, footer {
    max-width: 800px; /* Largeur maximale du contenu */
    margin: 0 auto; /* Centre le contenu horizontalement */
    padding: 20px; /* Ajoute de l'espace à l'intérieur du conteneur */
}

/* Style du titre principal */
header {
    background-color: #2c3e50; /* Fond bleu marine */
    color: #ffffff; /* Texte blanc */
    text-align: center; /* Centre le texte */
    padding: 30px 20px;
}

h1 {
    margin: 0;
}

/* Style des titres de section */
h2 {
    color: #3498db; /* Couleur bleue pour les sous-titres */
    border-bottom: 2px solid #3498db; /* Ligne de soulignement bleue */
    padding-bottom: 10px;
}

/* Style des sections pour les espacer */
section {
    background-color: #ffffff; /* Fond blanc pour chaque section */
    margin-bottom: 20px; /* Espace entre les sections */
    padding: 20px;
    border-radius: 5px; /* Bords légèrement arrondis */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Ombre légère pour un effet de profondeur */
}

/* Style du pied de page */
footer {
    text-align: center;
    font-size: 0.9em;
    color: #777;
    margin-top: 40px;
}