/* Global styles */
body {
    font-family: Arial, sans-serif;
    background-color: #000000; /* Fond noir */
    color: #121111; 
    margin: 0;
    padding: 0;
}

.container {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    color: #121111;
    border-radius: 6px;
}

/* Table des matières (TOC) */
.toc {
    background-color: #333333; /* Fond gris foncé */
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 5px;
}

.toc h2 {
    color:  #fff; 
    margin-bottom: 10px;
}

.toc ul {
    list-style-type: none;
    padding: 0;
}

.toc li {
    margin: 10px 0;
}

.toc a {
    color: #007BFF; /* Couleur des liens de la TOC */
    text-decoration: none;
    font-weight: bold;
}

.toc a:hover {
    color: #fff; /* Survol des liens : blanc */
}

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

.section h3 {
    color: #000; /* Titre des sections en jaune */
    font-size: 1.6em;
    margin-bottom: 15px;
}

.section h4 {
    color: #000;
    font-size: 1.4em;
    margin-top: 20px;
}

.section ul {
    list-style-type: none;
    padding-left: 20px;
}

.section ul li {
    margin: 8px 0;
    font-size: 1.1em;
}

/* Icônes (émoticônes) */
.section ul li::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 10px;
}

/* Ajouter des icônes spécifiques à chaque section */
#donnees-collectees .section ul li:first-child::before {
    content: "📧";
}

#donnees-collectees .section ul li:nth-child(2)::before {
    content: "📧";
}

#donnees-collectees .section ul li:nth-child(3)::before {
    content: "📧";
}

#donnees-collectees .section ul li:nth-child(4)::before {
    content: "📧";
}

#finalites .section ul li::before {
    content: "🎯";
}

#partage .section ul li::before {
    content: "🔗";
}

#duree .section ul li::before {
    content: "⏳";
}

#securite .section ul li::before {
    content: "🔒";
}

#droits .section ul li::before {
    content: "🆔";
}

#cookies .section ul li::before {
    content: "🍪";
}

#contact .section ul li::before {
    content: "📍";
}

/* Ligne de séparation */
hr {
    border: 1px solid #444444; /* Gris clair pour la ligne de séparation */
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Lien dans la table des matières */
a {
    color: #007BFF;
    text-decoration: none;
}

a:hover {
    color: #007BFF;
}

/* Footer */
footer {
    text-align: center;
    margin-top: 50px;
    font-size: 0.9em;
    color: #888888; /* Texte gris pour le footer */
}