.panel-header {
    position: relative;
    background-image: url('../img/background.jpg'); /* Chemin vers l'image */
    background-size: cover; /* L'image couvre toute la zone */
    background-position: center; /* Centrage de l'image */
    background-repeat: no-repeat;
    height: auto;
}

.panel-header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 255, 0.2); /* Couleur bleue légère */
    z-index: 1; /* Place la couleur bleue au-dessus de l'image */
}

.panel-header .page-inner {
    position: relative;
    z-index: 2; /* Assure que le texte et les boutons sont bien au-dessus de la superposition */
}
.footer {
    background-color: #343a40; /* Couleur sombre pour le fond */
    color: #ffffff; /* Texte en blanc */
    padding: 20px 0;
}

.footer h5 {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 15px;
}

.footer ul {
    padding: 0;
    list-style: none;
}

.footer ul li a {
    color: #b0b0b0; /* Couleur gris clair */
    text-decoration: none;
}

.footer ul li a:hover {
    color: #ffffff; /* Change la couleur au survol */
}

.footer .copyright {
    font-size: 14px;
    color: #b0b0b0;
}

.footer .fa {
    margin-right: 8px;
}
.video-section {
    background-color: #f9f9f9; /* Fond gris clair */
    padding: 50px 0;
}

.video-section .section-title {
    font-size: 28px;
    font-weight: bold;
    color: #343a40; /* Texte en noir */
    margin-bottom: 10px;
}

.video-section .section-subtitle {
    font-size: 16px;
    color: #6c757d; /* Texte en gris */
    margin-bottom: 30px;
}

.video-container {
    position: relative;
    overflow: hidden;
    border-radius: 8px; /* Coins arrondis */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Ombre légère */
}

video {
    border: none;
    outline: none;
    display: block;
    border-radius: 8px; /* Coins arrondis pour la vidéo */
}
.social-icons a {
    margin: 0 10px;
    color: #555; /* Couleur des icônes */
    text-decoration: none;
    transition: color 0.3s ease;
}

.social-icons a:hover {
    color: #007bff; /* Couleur au survol */
}