@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


a{
    color:#000;
}
.navbar, .footer-bar{
    /*background-color: #2b2d83 !important;*/
    background-color: #01257D !important;
    /*background-color: transparent !important;*/
}
.navbar-brand{
    font-size: 1.2rem;
}
.navbar li{
    font-size: 1.2rem;
}
.navbar-brand{
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 500;
}
.btn-primary{
    background-color: #01257D !important;
    border: 1px solid #01257D!important;
}
.btn-primary:hover{
    background-color: rgba(1, 37, 125, 0.8) !important;
    border: 1px solid rgba(1, 37, 125, 0.8) !important;
}
.text-primary{
    color: #2b2d83 !important;
}
.bg-primary{
    background-color: #01257D !important;
}
.link{
    text-decoration: none;
}
.hover-link:hover{
    color: #4447e2 !important;
    text-decoration: underline;
}
/* Start Header */
.header {
    background-image: url('../assets/bannier-prof.webp');
    background-size: cover;
    background-position: center; /* Centrer l'image si elle est plus grande que le div */
    background-repeat: no-repeat; /* Empêche la répétition de l'image */
    /*opacity: 0.5;  Réduit l'opacité de l'image à 50% */
    position: relative;
    /* filter: brightness(0.5); */
    overflow: hidden; /* Empêche l'overlay de déborder si l'image est plus grande */
}
.header::before {
    content: ''; /* Nécessaire pour créer le pseudo-élément */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(1, 37, 125, 0.7), rgba(1, 37, 125, 0.3), rgba(1, 37, 125, 0.1)); /* Filtre noir avec opacité */
    z-index: 1; /* S'assurer que le filtre est derrière le contenu */
}

.header > * {
    position: relative; /*S'assure que le contenu reste au-dessus de l'overlay*/
    z-index: 2; /*Place le contenu au-dessus de l'overlay*/
}
.hero-img-box{
    width: 100%;
    max-width: 25rem;
    max-height: 35rem;
    overflow: hidden;
}
.hero-img{
    width: 100%;
    max-height: 25rem;
    objectif-fit: cover;
    objectif: center;
}
/* End Header */

/* Start Footer */
.link-light {
    text-decoration: none;
}
.link-light:hover {
    color:aqua;
    text-decoration: overline;
}