/* Style de base pour la page */
body {
    background-color: #f9f9f9; /* Fond clair */
    font-family: 'Arial', sans-serif; /* Police principale */
    color: #333; /* Couleur du texte principale */
    text-align: center; /* Centrage du texte pour tout le corps */
}

/* Style pour le titre principal */
h1 {
    color: #ff6347; /* Rouge orangé */
    font-size: 40px; /* Taille du texte */
    margin-bottom: 20px;
}

/* Style pour le sous-titre */
h2 {
    color: #4682b4; /* Bleu acier */
    font-size: 28px;
    margin-bottom: 15px;
}

/* Style pour les paragraphes */
p {
    font-size: 18px;
    color: #2f4f4f; /* Gris foncé */
    margin: 15px 0;
}

/* Style pour les images centrées */
img {
    border: 2px solid #333; /* Bordure autour de l'image */
    border-radius: 10px; /* Bords arrondis */
    margin: 20px 0; /* Espace autour de l'image */
}

/* Style pour la liste non ordonnée */
ul {
    list-style-type: square; /* Utilisation de carrés pour les puces */
    padding-left: 0; /* Pas de marge à gauche */
    text-align: left; /* Alignement à gauche des listes */
    display: inline-block; /* Pour que la liste ne s'étende pas sur toute la largeur */
}

/* Style pour la liste ordonnée */
ol {
    list-style-type: decimal; /* Numérotation */
    padding-left: 0;
    text-align: left;
    display: inline-block;
}

/* Style pour les éléments de liste */
li {
    margin: 5px 0; /* Espacement entre chaque élément */
}

/* Style des liens hypertexte */
a {
    color: #ff4500; /* Couleur orange pour les liens */
    text-decoration: none; /* Pas de soulignement */
}

a:hover {
    text-decoration: underline; /* Soulignement au survol */
    color:#5edf19; /* Couleur vert pour les liens survolés */
}