/* --- Styles Globaux --- */
body {
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6, .font-oswald {
    font-family: 'Oswald', sans-serif;
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}

/* Couleur d'accentuation pour les liens de navigation actifs */
.nav-active {
    color: #ef4444; /* Rouge-500 */
}

/* --- Page d'Accueil (index.html) --- */
.bg-hero {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('bg.jpg');
    background-size: cover;
    background-position: center;
}

/* --- Page Programme (cours.html) --- */
.bg-header-page {
    background-image: linear-gradient(rgba(45, 55, 72, 0.8), rgba(45, 55, 72, 0.8)), url('images/c.jpg');
    background-size: cover;
    background-position: center;
}

.active-tab {
    background-color: #ef4444 !important; /* Rouge-500 */
    color: #ffffff !important;
}

/* --- Page Qui sommes-nous (qui-sommes-nous.html) --- */
.bg-header-about {
    background-image: linear-gradient(rgba(45, 55, 72, 0.8), rgba(45, 55, 72, 0.8)), url('images/m.jpg');
    background-size: cover;
    background-position: center;
}

.video-thumbnail {
    position: relative;
    display: inline-block;
}

.video-thumbnail .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4rem;
    color: rgba(255, 255, 255, 0.8);
    transition: transform 0.3s ease, color 0.3s ease;
}

.video-thumbnail:hover .play-icon {
    transform: translate(-50%, -50%) scale(1.1);
    color: rgba(255, 255, 255, 1);
}