body {
    margin: 0 auto;
    background-color: rgb(50, 50, 50);
    padding: 2%;
}

header {
    margin: 0 auto;
}

nav {
	font-family: FreeMono, monospace;
	font-size: 115%;
	background-color: rgb(255, 255, 255); /* Couleur de fond de la barre de navigation + Réglage de l'opacité */
	padding: 1% 5%; /* Espace entre la bordure intérieure de nav et son contenu */
	display: flex; /* Aligne les contenus de nav (Lien "Accueil" et la liste) */
	justify-content: space-between; /* Espace les contenus dans nav */
	align-items: center; /* Centre les contenus dans nav */
	border-radius: 20px; /* Arrondi les bords de la barre de navigation */
    text-decoration: none;
}

nav a {
	text-decoration: none; /* Supprime le soulignement du texte des éléments a de nav */
}

#liste-nav {
	display: flex; /* Aligne les éléments de la liste */
	gap: 50px; /* Espace entre les différents éléments de la liste se trouvant dans nav */
	list-style-type: none; /* Propriété qui contrôle les marqueurs de liste. La valeur "none" supprimme les points (marqueurs) */
}

#liste-nav a {
	color: black;
}

#lien-1:hover, #lien-2:hover, #lien-3:hover, #lien-4:hover, #lien-5:hover, #lien-6:hover {
    background-color: black;
    color: white;
}


#text-acc {
    color: black;
}

#main-test {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    /* background-color: red; */
    padding: 2% 4%;
}

#cv-colonne1 {
	width: 75%;
	font-family: Century Gothic;
	line-height: 0.5em;
	margin: 0 auto;
	text-align: left;
	color: white;
    /*background-color: black;*/
    overflow-wrap: normal;
}

#cv-colonne1 a {
    text-decoration: none;
}

#cv-fond-col-1 {
	width: 25%;
	background-color: rgb(9, 9, 112);
	/* float: left; */
	border-radius: 10px;
	align-items: center;
	text-align: center;
	padding: 3% 1%;
}

#cv-colonne1 image {
	display: block;
	margin: 0 auto;
	width: 50%;
}


#cv-colonne2 {
	background-color: rgb(9, 9, 112);
	/* float: right; */
	width: 63%;
	border-radius: 10px;
	text-align: left;
    color: white;
    font-family: Century Gothic;
    padding: 1% 4%;
    font-size: large;
}

#cv-colonne2 h2 {
    background-color: white;
    color: rgb(9, 9, 112);
    padding: 1% 1%;
    border-radius: 10%;
}



#main-fav {
	/* width: 1300px; /* Défini la largeur du bloc main */
	margin: 0 auto; /* Centre main dans la page */
    padding: 4%;
}

#fav-books-films {
	background-color: rgba(0, 0, 0, 0.8);
	font-family: Century Gothic;
	color: white;
	border-radius: 10px;
	padding: 0.001% 1%;
}


#livres {
    background-color: rgba(0, 0, 0, 0.8);
	padding: 3% 3%;
	height: 80%; /* Longueur de la section */
	/*font-family: Arial, Helvetica, sans-serif; /* Police d'écriture de h2 ainsi que du texte des sections imbriquées dans cette section */
	color: white;
	font-family: Century Gothic;
	border-radius: 15px;
}


#livre-txt-img {
	background-color: white;
	height: 70%;
	/*padding: 20px; */
    border-radius: 8px;
    padding: 2%;
}

#livres-texte p {
    width: 43%;
    color: black;
    float: left;
    font-size: 120%;
}

#livres-image {
    float: right;
}


#films {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 3% 3%;
	height: 80%; /* Longueur de la section */
	/*font-family: Arial, Helvetica, sans-serif; /* Police d'écriture de h2 ainsi que du texte des sections imbriquées dans cette section */
	color: white;
	font-family: Century Gothic;
	border-radius: 15px;
}

#films-texte {
    width: 43%;
    color: black;
    float: right;
    font-size: 120%;
}

#films-txt-img {
    background-color: white;
	/* height: 70%; */
	padding: 2% 2%;
    border-radius: 8px;
}

footer {
    bottom: 0;
    text-align: center;
    background-color: white;
}

#main-audio {
    display: flex;
    flex-direction: column; /* Empile le texte et l'audio l'un sur l'autre */
    justify-content: center; /* Centre verticalement */
    align-items: center;    /* Centre horizontalement */
    flex: 1;                /* Prend tout l'espace entre le header et le footer */
    gap: 20px;              /* Ajoute un petit espace entre le texte et le lecteur */
    color: white;           /* Pour que ton texte soit lisible sur le fond sombre */
    height: 100%;
    font-family: Century Gothic;
}

#video {
    height: 80%;
}

#youtube {
    height: 80%;
}

#main-int {
    display: flex;
    flex-direction: column; /* Empile le texte et l'audio l'un sur l'autre */
    justify-content: center; /* Centre verticalement */
    align-items: center;    /* Centre horizontalement */
    flex: 1;                /* Prend tout l'espace entre le header et le footer */
    gap: 20px;              /* Ajoute un petit espace entre le texte et le lecteur */
    color: white;           /* Pour que ton texte soit lisible sur le fond sombre */
    height: 100%;
    font-family: Century Gothic;
    padding: 10%;
}

#main-iut {
    display: flex;
    flex-direction: column; /* Empile le texte et l'audio l'un sur l'autre */
    justify-content: center; /* Centre verticalement */
    align-items: center;    /* Centre horizontalement */
    flex: 1;                /* Prend tout l'espace entre le header et le footer */
    gap: 20px;              /* Ajoute un petit espace entre le texte et le lecteur */
    color: white;           /* Pour que ton texte soit lisible sur le fond sombre */
    height: 100%;
    font-family: Century Gothic;
}

#main-accueil {
    /* Style de la carte principale */
    background-color: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    text-align: center;
    border-top: 5px solid #007bff; /* Petite barre bleue décorative */
}

/* Style du titre */
#h1accueil {
    color: #2c3e50;
    margin-bottom: 20px;
    font-size: 1.5rem;
}

/* Style du texte */
#paccueil {
    margin: 10px 0;
    color: #555;
    font-size: 1.1rem;
}

.formation {
    color: #007bff;
    font-weight: bold;
}