/* Styles pour la page index.html */
body {
    margin: 0;
    padding: 0;
}

header {
    /* Arrière-plan noir pour le header */
    background-color: #333;
    color: #fff;
    padding-top: 10px;
    /* Espace en bas pour éviter que le contenu se superpose */
    padding-bottom: 20px;
    text-align: center;
}

nav ul {
    list-style: none;
    padding: 0;
}

nav li {
    display: inline-block;
    margin-right: 20px;
}

nav li a {
    color: #fff;
    text-decoration: none;
}

main {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    text-align: left;
}

/* Styles spécifiques pour la vidéo tutorielle */
.video-section {
    text-align: center;
}

/* Styles pour la langue du site */
nav {
    text-align: center;
}

/* Styles pour le pied de page */
footer {
    /* Arrière-plan noir pour le footer */
    background-color: #333;
    color: #fff;
    padding-top: 10px;
    /* Espace en bas pour éviter que le contenu se superpose */
    padding-bottom: 7px;
    text-align: center;
}

/* Styles pour les liens spécifiques */
a[href="http://la.confrerie.des.ombres.free.fr//tweets.html"],
a[href="https://www.twitch.tv/ezio_33"],
a[href="https://apply.holbertonschool.com"] {
    /* Couleur rouge pour les liens spécifiques */
    color: red;
    font-weight: bold;
}


a[href="http://la.confrerie.des.ombres.free.fr//presentation.html"] {
    /* Couleur blanche pour le lien spécifique */
    color: white;
    font-weight: bold;
    text-decoration: none;
}

a[href="http://la.confrerie.des.ombres.free.fr//presentation.html"]:hover,
a[href="http://la.confrerie.des.ombres.free.fr//tweets.html"]:hover,
a[href="https://apply.holbertonschool.com"]:hover {
    /* Couleur rouge plus foncée au survol des liens spécifiques */
    color: #8B0000;
}


/* Nouveaux styles pour centrer les éléments */
.centered  {
    margin: 0 auto;
    text-align: center;
}

ul li {
            margin-bottom: 10px;
			font-size: 18px; /* Augmenter la taille du texte ici */
        }

ul li p {
            margin-left: 30px;
			font-size: 18px; /* Augmenter la taille du texte ici */

        }

.text-gras {
            font-weight: bold;
        }

.indented-text {
            margin-left: 50px;
			font-size: 18px; /* Augmenter la taille du texte ici */
        }

.indented-paragraphe {
			font-size: 17px; /* Augmenter la taille du texte ici */
        }