@font-face {
    font-family: "Optimus Princeps";
    src: url("assets/fonts/OptimusPrinceps.ttf") format("truetype");
}

.logo-text {
    font-family: "Optimus Princeps", serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Navbar */

.navbar-nav .nav-link{
    font-size: 18px;
    font-weight: 500;
    padding: 10px 15px;
    color: #333;
}

.navbar-nav .nav-link:hover {
    color: #b68d40 !important;
}

/* Main */
.image_accueil {
    background: url('../img/salle.jpg');
    background-position: center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.3); /* Couche sombre */
    background-blend-mode: darken;
    width:100%;
    height : 100vh;
} 
.hero-title {
    font-family: "Optimus Princeps", serif;
    font-size: 2rem;
}
/* Guillemets texte */
.guillemet-first {
    width: 20px;
    height: auto;
    opacity: 0.8;
    transform: translate(-40px, -10px);
}
.guillemet-second {
    width: 20px;
    height: auto;
    opacity: 0.8;
    transform: translate(40px, -10px) rotate(180deg);
}
/* Slider */
.slider-wrapper {
    width: 100%;
    overflow: hidden;
}
.slider {
    display: flex;
    width: 100%;
    animation: slide 30s linear infinite;
}

.slider img {
    height : 50vh;
    width: auto;
    object-fit: cover;
}

/* Nav link */
.nav-pills .nav-link {
    font-weight: bold;
    color: #000000;
}
.nav-pills .nav-link:hover {
    background-color: #d87439 !important; /* Fond orange au survol */
    color: white; /* Texte blanc au survol */
}
.nav-pills .active {
    background-color: #d87439 !important;
    color: white;
}

/* Card*/
.card {
    border: none;
    transition: transform 0.3s ease;
}

.card:hover {
    transform: scale(1.05);
}
.card-img-top {
    object-fit: cover; /* S'assure que l'image occupe toute la zone de l'élément sans déformer l'image */
    height: 300px; /* Fixe une hauteur uniforme pour toutes les images */
    width: auto;
}
/* Bouton formulaire*/
.btn {
    background-color: #d87439 !important;
    color: white !important;
}



@keyframes slide {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

@media (max-width: 768px) {
    .image_accueil {
        height: 50vh;
    }
}