.entete {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            position: relative;
            min-height: 50vh;
            height: auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            color: white;
            z-index: 1;
        }
    .entete::before{
         content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('../img/entete_2.jpg');
        background-size: cover;
        background-position: center;
        opacity: 0.75; /* Opacité du background seulement */
        z-index: -1; /* Derrière le contenu */
    }


        .logo-karellis {
            position: absolute;
            top: 20px;
            right: 40px;
            width: 150px;
        }
        

        .entete h1 {
           
            font-size: 60px;
            font-weight: 900;
            margin: 0;
            color: #12086F; /* bleu foncé */
            -webkit-text-stroke: 2px white; 
            z-index: 1;
        }

        .entete p {
            font-size: 22px;
            font-weight: 500;
            margin: 10px 0;
            color: #12086F;
            margin-top: 80px
            
        }
        .presentation {
            background-color: #12086F;
            min-height: 50vh;
            height: auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            color: white;
            align-items: center
        }
        .presentation p {
            color: white;
            font-size: 30px;
            
            margin: 80px;
            font-family: "Comfortaa", sans-serif;
        }
        


  .acours {
        min-height:50vh;
        height: auto;
      background: white;
      text-align: justify;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
    }

  .acours h2 {
    text-align: center;
    font-family: "Comfortaa", sans-serif;
    color: #12086F;
    margin-bottom: 20px;
    font-size: 30px;
  }

  .acours p {
    color: #12086F;
    font-size: 20px;
    font-weight: bold;
    max-width: 600px;
    margin: 0 auto 30px auto;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
  }

  .bouton {
    background-color: #12086F;
    color: white;
    padding: 10px 60px;
    text-decoration: none;
    border-radius: 20px;
    font-weight: bold;
    
  }

.photoright{
    width: 250px;
    position: absolute;
    
    right: 90px;
}

.photoleft{
    width: 250px;
    position: absolute;
    
    left: 90px;
}
.hidden{
  display: none;
}
/* Version mobile */
@media (max-width: 1300px) {
  .photoleft {
    display: none;
  }
  .photoright{
    display: none;
  }
}
@media (max-width: 768px)  {
    .logo-karellis{
      width: 75px;
    }
    .presentation p {
        font-size: 20px;
    }
  }