/* Petits appareils (mobiles) */
@media (max-width: 576px) {
  /* Styles pour les écrans ≤ 576px */
}

/* Tablettes ou appareils moyens */
@media (min-width: 577px) and (max-width: 768px) {
  /* Styles pour les écrans entre 577px et 768px */
}

/* Tablettes larges ou petits ordinateurs */
@media (min-width: 769px) and (max-width: 992px) {
  /* Styles pour les écrans entre 769px et 992px */
}

/* Ordinateurs standards */
@media (min-width: 993px) and (max-width: 1200px) {
  /* Styles pour les écrans entre 993px et 1200px */
}

/* Ordinateurs larges (écrans ≥ 1201px) */
@media (min-width: 1200px) {
  

  .contenu2-photo {
    display: flex;
    flex-wrap: wrap; /* Permet le retour à la ligne */
    justify-content: space-between; /* Espacement entre les éléments */
    gap: 20px; /* Espacement entre les lignes et les colonnes */
  }

  .block-2 {
    flex: 0 0 calc(50% - 20px); /* Deux éléments par ligne, moins l'espacement */
    box-sizing: border-box; /* Inclure les marges/paddings */
  }

  .sec2 {
    width: 100%; /* Occupe toute la largeur */
  }

  .sec3 .oval-bisard p {
    color: var(--coulBlanche);
    font-family: "Roboto", sans-serif;
    font-weight: 200;
    font-size: 1.5rem;
    text-align: center;
}
  
  .grand-div-1 {
    max-width: 800px; /* Largeur maximale sur les grands écrans */
    width: 80%; /* Ajuste la largeur selon l'écran */
    margin: 0 auto; /* Centre horizontalement */
    text-align: center; /* Alignement du texte si nécessaire */
  }
  
  .partie-1 img {
    max-width: 100%; /* Image s'adapte au conteneur */
    height: auto;
  }
  
  .partie-2-text {
    font-size: 1.2em; /* Taille de texte relative */
    line-height: 1.5; /* Espacement des lignes pour la lisibilité */
  }

  .sec2 p {
    font-size: 1.2rem; /* Taille ajustée selon la taille de base */
  }
  
  .section2-button {
    font-size: 1rem;
    padding: 10px 20px; /* Ajuste les boutons */
  }

  .ruche-top, .vague-sec2 {
    max-width: 100%;
    height: auto;
  }
  
  .grand-div-1 {
    padding: 2rem; /* Ajoute de l'espace autour */
  }

  .grand-div-1 {
    max-width: 900px; /* Augmente la largeur */
    font-size: 1.1rem; /* Ajuste les tailles pour l'écran */
  }

  .partie-2-text {
    font-size: 1.3rem;
    line-height: 1.8;
  }

  .section2-button {
    font-size: 1.1rem;
    padding: 15px 30px;
  }

  .sec4 {
    width: 100%; /* Occupe toute la largeur */
    padding: 2rem;
  }
  
  .sec4 div {
    display: flex;
    flex-wrap: wrap; /* Permet le retour à la ligne */
    justify-content: center; /* Centre les images horizontalement */
    gap: 20px; /* Espacement entre les images */
  }
  
  .sec4 img {
    flex: 0 0 calc(50% - 20px); /* Chaque image occupe 50% de la largeur avec un espacement */
    max-width: 100%; /* S'adapte à la largeur disponible */
    height: auto; /* Conserve les proportions */
  }
  
}
/* Styles par défaut : 1272px (Microsoft Edge) */
  
  /* Grands écrans (1273px et plus) */
  @media (min-width: 1273px) {

  }

  
  /* Écrans standards (entre 769px et 1272px) */
  @media (max-width: 1272px) and (min-width: 769px) {

  }

  
  /* Tablettes (entre 481px et 768px) */
  @media (max-width: 768px) and (min-width: 481px) {
  
  }
  
  
  /* Téléphones (480px et moins) */
  @media (max-width: 480px) {

  }