/* Styles pour la section d'introduction */
#terms-of-service, #privacy-policy {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
    max-width: 1200px; /* Largeur maximale pour le contenu */
    margin: 20px auto; /* Centre la section */
    padding: 20px; /* Ajoute du padding pour un meilleur espacement */
    border-radius: 10px; /* Coins arrondis */
    color: #f5f5f5; /* Couleur du texte clair pour un meilleur contraste */
}

/* General section margin */
section {
    margin-bottom: 40px;
}

/* Title styling for main heading */
section h1 {
    font-size: 2.5em;
    color: #f5a623;
    margin-bottom: 20px; /* Espace entre le titre et le contenu */
}

/* Title styling for chapter headings */
section h2 {
    text-align: center;
    margin-bottom: 20px; /* Espace entre le titre et le contenu */
    font-size: 2em;
    color: #f5a623;
    width: 100%; /* Assure que le titre occupe toute la largeur */
}

/* Styling for chapters */
#terms-of-service, #privacy-policy  {
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.7); /* Fond pour une meilleure lisibilité */
    padding: 20px; /* Ajoute du padding pour un meilleur espacement */
    border-radius: 10px; /* Coins arrondis */
    max-width: 1200px; /* Largeur maximale pour le chapitre */
    margin: 20px auto; /* Centre le chapitre */
}

/* Individual histoire card styling */
.condition {
    background-color: rgba(0, 0, 0, 1);
    padding: 20px;
    border-radius: 10px;
    width: 90%; /* Rendre l'article plus étroit par rapport à son conteneur */
    max-width: 1120px; /* Largeur maximale pour l'article */
    margin: 20px auto; /* Centre l'article */
    box-shadow: 0 2px 5px rgba(255, 255, 255, 0.5); /* Ombre pour effet 3D */
}

/* Image styling for histoires */
.condition img {
    width: 70%; /* Ajuste à 70% de la largeur de l'article */
    border-radius: 10px; /* Coins arrondis pour l'image */
    margin: 15px auto; /* Centre l'image horizontalement */
    display: block; /* Permet au margin auto de fonctionner pour le centrage */
    border: 2px solid #f5a623; /* Cadre */
}

/* Styling for the title of the article */
.condition h3 {
    color: #f5a623;
    margin-bottom: 10px;
    text-align: center;
}

/* General paragraph styling */
section p {
    line-height: 1.6; /* Améliore la lisibilité avec la hauteur de ligne */
    color: #e0e0e0; /* Texte gris clair pour les paragraphes */
}

/* Footer styling */
footer {
    background-color: rgba(0, 0, 0, 0.9); /* Footer plus sombre */
    color: #f5f5f5; /* Texte clair pour le footer */
    text-align: center;
    padding: 10px 0;
}

/* Footer links */
footer a {
    color: #f5a623; /* Couleur des liens */
    text-decoration: none; /* Supprime le soulignement */
}

footer a:hover {
    text-decoration: underline; /* Soulignement au survol des liens */
}