@charset "UTF-8";
.bgimg-1,
.bgimg-2,
.bgimg-3,
.bgimg-4,
.bgimg-5,
.bgimg-6,
.bgimg-7,
.bgimg-8,
.bgimg-9,
.bgimg-10,
.bgimg-11,
.bgimg-12,
.bgimg-13,
.bgimg-14,
.bgimg-15,
.bgimg-16,
.bgimg-17,
.bgimg-18,
.bgimg-19,
.bgimg-20,
.bgimg-21,
.bgimg-22,
.bgimg-23,
.bgimg-24,
.bgimg-25,
.bgimg-26,
.bgimg-27,
.bgimg-28,
.bgimg-29,
.bgimg-30,
.bgimg-31,
.bgimg-32,
.bgimg-33,
.bgimg-34,
.bgimg-35,
.bgimg-36,
.bgimg-37,
.bgimg-38,
.bgimg-39,
.bgimg-40,
.bgimg-41,
.bgimg-52,
.bgimg-43,
.bgimg-44,
.bgimg-45,
.bgimg-46,
.bgimg-47,
.bgimg-48,
.bgimg-49 {
  position: relative;
  opacity: 0.95;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
}

.bgimg-1 {
  background-image: url("/images/pedagogie/pedagogie-accueil.webp");
  /*min-height: 100vh; /* Assurez-vous que la hauteur occupe toute la vue verticale */
  /*height: 100vh; /* Ajoutez cette règle pour forcer la hauteur */
  background-attachment: cover;
  background-size: 100% 100%;
}

@media only screen and (orientation: portrait) {
  .bgimg-1 {
    background-image: url("/images/pedagogie/pedagogie-accueil-v.webp");
  }
}
.bgimg-2 {
  background-image: url("/images/pedagogie/virtuelle-h.webp");
  min-height: 600px;
  position: relative;
  z-index: -1;
}

@media only screen and (orientation: portrait) {
  .bgimg-2 {
    background-image: url("/images/pedagogie/virtuelle-v.webp");
  }
}
.bgimg-3 {
  background-image: url("/images/referencement/ref-direction-h2.webp");
  min-height: 80vh;
  position: relative;
  z-index: -2;
}

@media only screen and (orientation: portrait) {
  .bgimg-3 {
    background-image: url("/images/referencement/ref-direction-v.webp");
  }
}
.bgimg-4 {
  background-image: url("/images/pedagogie/laby-h.webp");
  min-height: 80vh;
  position: relative;
  z-index: -4;
}
@media only screen and (orientation: portrait) {
  .bgimg-4 {
    background-image: url("/images/pedagogie/laby-v.webp");
    min-height: 80vh;
  }
}

.bgimg-5 {
  background-image: url("/images/smartphone/virtuelle-tourisme-h.webp");
  min-height: 600px;
  position: relative;
  z-index: -3;
}

.bgimg-6 {
  background-image: url("/images/smartphone/type-vr2.webp");
  min-height: 100%;
}

@media only screen and (orientation: portrait) {
  .bgimg-6 {
    margin-top: 15px;
    background-image: url("/images/smartphone/virtuelle-evolution.webp");
    background-position: top left;
    min-height: 110vh;
  }
}
.bgimg-7 {
  background-image: url("/images/smartphone/visite3.webp");
  min-height: 600px;
}

@media only screen and (orientation: portrait) {
  .bgimg-7 {
    background-image: url("/images/smartphone/visite-virtuelle-360.jpg");
  }
}