.odibee-sans-regular {
  font-family: "Odibee Sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

  
/* Styles globaux */
body {
    background-color: #F0F4F8 !important; /* Couleur de fond dominante */
    position: relative;
    overflow-x: hidden; /* Contenir l'effet flou horizontalement seulement */
    min-height: 100vh; /* S'assurer que le body prend au moins toute la hauteur de la vue */
    margin: 0;
}

/* Conteneur pour les morceaux flous */
.blur-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    overflow: hidden; /* Assurer que le contenu ne dépasse pas */
}

/* Chaque morceau flou */
.blur-piece {
    position: absolute;
    background: rgba(39, 23, 184, 0.15); /* Transparence de 15% */
    border-radius: 50%; /* Forme circulaire */
    filter: blur(30px); /* Appliquer un flou réduit */
}

/* Différentes tailles et positions des morceaux */
.blur-piece:nth-child(1) {
    width: 200px;
    height:200px;
    top: 5%;
    left: 10%;
    transform: translate(-50%, -50%);
    background: rgba(39, 23, 184, 0.14); /* Transparence de 14% */
}

.blur-piece:nth-child(2) {
    width: 200px;
    height: 200px;
    top: 5%;
    right: 8%;
    transform: translate(50%, -50%);
    background: rgba(39, 23, 184, 0.16); /* Transparence de 16% */
}

.blur-piece:nth-child(3) {
    width: 200px;
    height: 200px;
    bottom: 10%;
    left: 40%;
    transform: translate(-50%, 50%);
    background: rgba(39, 23, 184, 0.15); /* Transparence de 15% */
}

.blur-piece:nth-child(4) {
    width: 180px;
    height: 180px;
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%);
    background: rgba(39, 23, 184, 0.14); /* Transparence de 14% */
}

/* Autres morceaux */
.blur-piece:nth-child(5) {
    width: 200px;
    height: 200px;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(39, 23, 184, 0.15); /* Transparence de 15% */
}

.blur-piece:nth-child(6) {
    width: 200px;
    height: 200px;
    top: 60%;
    left: 20%;
    background: rgba(39, 23, 184, 0.16); /* Transparence de 16% */
}

.blur-piece:nth-child(7) {
    width: 200px;
    height: 200px;
    top: 40%;
    left: 75%;
    background: rgba(39, 23, 184, 0.14); /* Transparence de 14% */
}

.blur-piece:nth-child(8) {
    width: 200px;
    height: 200px;
    top: 8%;
    left: 72%;
    background: rgba(39, 23, 184, 0.267); /* Transparence de 14% */
}

.blur-piece:nth-child(9) {
    width: 200px;
    height: 200px;
    top: 80%;
    left: 60%;
    background: rgba(39, 23, 184, 0.151); /* Transparence de 14% */
}

/* Autres styles restent les mêmes */


ul li a {
    color: #2A3D66 !important;
}

.fs-3, .fs-4, .fs-5{
    color: #2A3D66 !important;
    text-transform: uppercase;
}

p{
    color: #333333 !important;
}

.accordion-button{
    color: #2A3D66 !important;
    font-weight: 500;
}


.fade-in {
    opacity: 0; /* Initialement invisible */
    animation: fadeIn 3s ease-in-out forwards; /* Appliquer l'animation */
}

.moveUpDown {
    animation: moveUpDown 4s ease-in-out forwards infinite; /* Appliquer l'animation */
}

/* Définition de l'animation fadeIn */
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(50px); /* Déplace l'image vers le bas au départ */
    }
    50% {
        opacity: 1;
        transform: translateY(-50px); /* Déplace l'image vers le haut */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* Ramène l'image à sa position initiale */
    }
}

@keyframes moveUpDown {
    0% {
        opacity: 1;
        transform: translateY(0); /* Position initiale */
    }
    50% {
        opacity: 1;
        transform: translateY(-20px); /* Déplace l'image vers le haut */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* Ramène l'image à sa position initiale */
    }
}

.section-title{
  color: #007bff;
}
















/* Définition par défaut pour les petits écrans */
.vh-10 {
    height: 10vh !important;
  }
  
  .vh-20 {
    height: 20vh !important;
  }
  
  .vh-30 {
    height: 30vh !important;
  }
  
  .vh-40 {
    height: 40vh !important;
  }
  
  .vh-50 {
    height: 50vh !important;
  }
  
  .vh-60 {
    height: 60vh !important;
  }
  
  .vh-70 {
    height: 70vh !important;
  }
  
  .vh-80 {
    height: 80vh !important;
  }
  
  .vh-90 {
    height: 90vh !important;
  }
  
  .vh-100 {
    height: 100vh !important;
  }
  
  /* Pour les écrans de taille sm (≥576px) */
  @media (min-width: 576px) {
    .vh-sm-10 {
      height: 10vh !important;
    }
  
    .vh-sm-20 {
      height: 20vh !important;
    }
  
    .vh-sm-30 {
      height: 30vh !important;
    }
  
    .vh-sm-40 {
      height: 40vh !important;
    }
  
    .vh-sm-50 {
      height: 50vh !important;
    }
  
    .vh-sm-60 {
      height: 60vh !important;
    }
  
    .vh-sm-70 {
      height: 70vh !important;
    }
  
    .vh-sm-80 {
      height: 80vh !important;
    }
  
    .vh-sm-90 {
      height: 90vh !important;
    }
  
    .vh-sm-100 {
      height: 100vh !important;
    }
  }
  
  /* Pour les écrans de taille md (≥768px) */
  @media (min-width: 768px) {
    .vh-md-10 {
      height: 10vh !important;
    }
  
    .vh-md-20 {
      height: 20vh !important;
    }
  
    .vh-md-30 {
      height: 30vh !important;
    }
  
    .vh-md-40 {
      height: 40vh !important;
    }
  
    .vh-md-50 {
      height: 50vh !important;
    }
  
    .vh-md-60 {
      height: 60vh !important;
    }
  
    .vh-md-70 {
      height: 70vh !important;
    }
  
    .vh-md-80 {
      height: 80vh !important;
    }
  
    .vh-md-90 {
      height: 90vh !important;
    }
  
    .vh-md-100 {
      height: 100vh !important;
    }
  }
  
  /* Pour les écrans de taille lg (≥992px) */
  @media (min-width: 992px) {
    .vh-lg-10 {
      height: 10vh !important;
    }
  
    .vh-lg-20 {
      height: 20vh !important;
    }
  
    .vh-lg-30 {
      height: 30vh !important;
    }
  
    .vh-lg-40 {
      height: 40vh !important;
    }
  
    .vh-lg-50 {
      height: 50vh !important;
    }
  
    .vh-lg-60 {
      height: 60vh !important;
    }
  
    .vh-lg-70 {
      height: 70vh !important;
    }
  
    .vh-lg-80 {
      height: 80vh !important;
    }
  
    .vh-lg-90 {
      height: 90vh !important;
    }
  
    .vh-lg-100 {
      height: 100vh !important;
    }
  }
  
  /* Pour les écrans de taille xl (≥1200px) */
  @media (min-width: 1200px) {
    .vh-xl-10 {
      height: 10vh !important;
    }
  
    .vh-xl-20 {
      height: 20vh !important;
    }
  
    .vh-xl-30 {
      height: 30vh !important;
    }
  
    .vh-xl-40 {
      height: 40vh !important;
    }
  
    .vh-xl-50 {
      height: 50vh !important;
    }
  
    .vh-xl-60 {
      height: 60vh !important;
    }
  
    .vh-xl-70 {
      height: 70vh !important;
    }
  
    .vh-xl-80 {
      height: 80vh !important;
    }
  
    .vh-xl-90 {
      height: 90vh !important;
    }
  
    .vh-xl-100 {
      height: 100vh !important;
    }
  }
  
  /* Pour les écrans de taille xxl (≥1400px) */
  @media (min-width: 1400px) {
    .vh-xxl-10 {
      height: 10vh !important;
    }
  
    .vh-xxl-20 {
      height: 20vh !important;
    }
  
    .vh-xxl-30 {
      height: 30vh !important;
    }
  
    .vh-xxl-40 {
      height: 40vh !important;
    }
  
    .vh-xxl-50 {
      height: 50vh !important;
    }
  
    .vh-xxl-60 {
      height: 60vh !important;
    }
  
    .vh-xxl-70 {
      height: 70vh !important;
    }
  
    .vh-xxl-80 {
      height: 80vh !important;
    }
  
    .vh-xxl-90 {
      height: 90vh !important;
    }
  
    .vh-xxl-100 {
      height: 100vh !important;
    }
  }