/* Header */
header {
    background-color: #395886;
}

.custom-opacity {
    opacity: 0.7;
}

#navbarNav a {
    color: #FFFFFF;
}

#navbarNav a:hover {
    color: #B1C9EF;
}

.slide {
    position: relative;
    text-align: center;
}

.slide-content {
    position: absolute;
    top: 50%;
    left: 0; /* Ajustez la position de départ à gauche */
    right: 0; /* Ajustez la position de fin à droite */
    transform: translate(0, -50%); /* Centre verticalement */
    z-index: 1; /* Assurez-vous que le contenu est au-dessus du fond flou */
    color: #395886; /* Couleur du texte, ajustez selon vos besoins */
}

.image-opacity {
    opacity: 0.1; /* Opacité initiale de l'image (semi-transparente) */
    transition: opacity 0.8s ease;
}

.background-blur {
    backdrop-filter: blur(20px); /* Ajustez la valeur de flou selon vos préférences */
}

/* */
/* About me */
#aboutme p {
    text-align: justify;
}

#aboutme a {
    color: white; /* Couleur du texte par défaut */
    transition: color 0.3s ease; /* Transition de la couleur sur 0.3 secondes avec un timing "ease" */
}

#aboutme a:hover {
    color: #B1C9EF; /* Couleur du texte au survol */
}

#aboutme {
    background-color: #395886;
    color: #FFFFFF;
}

.download-link-container {
    display: flex;
    justify-content: center;
    transition: box-shadow 0.3s ease-in-out; /* Ajout de l'effet de transition pour une animation fluide */
}

.download-link-container:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Ajout de l'effet de survol (shadow) */
}

.download-link {
    text-decoration: none;
    padding: 10px;
    color: #000; /* Couleur du texte */
}

/* */
/* PROJET */
#projet {
    /*background: rgba(26, 26, 176, 1) 36%;*/
    background-color: #638ECB;
}

#projet p {
    color: white;
    font-family: "Century Gothic", Verdana, sans-serif;
}

#projet a {
    text-decoration: none;
    color: white;
}

.image-container {
    position: relative;
    /*width: 300px; /* Ajustez la largeur selon vos besoins */
}

.image-container img {
    width: 50%;
    height: auto;
}

.text-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0;
    transition: 0.6s;
}

.image-container:hover .text-overlay {
    opacity: 1;
}

/* */
/* Logiciel */
#logiciel {
    background-color: #8AAEE0;
}

.splide__slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.splide__slide img {
    max-width: 100%;
    height: auto;
}

/* */
/* FOOTER */
footer {
    /*background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(26, 26, 176, 1) 36%, rgba(0, 212, 255, 1) 100%);*/
    background-color: #395886;
}

footer a {
    color: white;
    text-decoration: none;
}

footer p {
    color: white;
}

footer .border-style {
    border-right: 2px solid; /* Couleur de la bordure */
}

footer a:hover {
    color: #B1C9EF; /* Couleur du texte au survol */

}


/* END FOOTER */
/* */
/* Style pour la bordure du bas des éléments avec la classe "border-style" dans le footer sur les petits écrans */
@media (max-width: 991.98px) {
    footer .border-style {
        border-bottom: 2px solid #ffc107; /* Couleur de la bordure en bas pour les petits écrans */
        border-right: none; /* Supprimer la bordure à droite sur les petits écrans */
    }
}