/* Ajoute une police Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

header h1 {
    text-align: center; /* Centre le titre principal */
    font-family: 'Montserrat', sans-serif; /* Assurez-vous d'utiliser la même police */
    font-size: 3em; /* Taille du texte */
    color: #007bff; /* Couleur du titre */
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); /* Ombre pour effet de relief */
    margin-bottom: 20px; /* Espace en bas du titre */
}

#presentation h2 {
    text-align: center; /* Centre le sous-titre */
    font-family: 'Montserrat', sans-serif; /* Assurez-vous d'utiliser la même police */
    font-size: 2em; /* Taille du sous-titre */
    color: #ff5722; /* Couleur personnalisée pour le sous-titre */
    margin: 10px 0; /* Espacement vertical */
}

body {
    background-image: url('uploads/background-image.jpg'); /* Remplace par le chemin de ton image */
    background-size: cover; /* Couvre toute la page */
    background-position: center; /* Centre l'image */
    background-repeat: no-repeat; /* Ne répète pas l'image */
    color: black; /* Couleur du texte par défaut */
}



nav {
    text-align: center; /* Centre le texte dans le nav */
    margin: 20px 0; /* Ajoute un espacement vertical */
}

nav ul {
    list-style-type: none; /* Supprime les puces */
    padding: 0; /* Supprime le remplissage par défaut */
    display: inline-block; /* Permet de centrer l'élément */
}

nav ul li {
    display: inline; /* Affiche les éléments de la liste en ligne */
    margin: 0 15px; /* Ajoute un espacement horizontal entre les liens */
}

nav ul li a {
    text-decoration: none; /* Supprime le soulignement */
    color: #007bff; /* Couleur du lien */
    font-weight: bold; /* Gras pour les liens */
}

nav ul li a:hover {
    text-decoration: underline; /* Souligne le lien au survol */
    color: #0056b3; /* Change la couleur au survol */
}






/* Animation pour les liens de navigation */
nav ul li a {
    transition: color 0.3s ease; /* Transition pour la couleur */
}

nav ul li a:hover {
    color: #0056b3; /* Change la couleur au survol */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* Ombre pour effet */
}

.overlay {
    display: none; /* Cacher par défaut */
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Couleur d'arrière-plan de l'overlay */
}