@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, .bgimg-50 {
  position: relative;
  opacity: 0.95;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgimg-1 {
  background-image: url("../images/mairie.webp");
  min-height: 100vh; /* Assurez-vous que la hauteur occupe toute la vue verticale */
  height: 100vh; /* Ajoutez cette règle pour forcer la hauteur */
  width: 100vw;
  height: 100vh;
}
@media only screen and (orientation: portrait) {
  .bgimg-1 {
    background-image: url("../images/mairie-v2.webp");
  }
}

#images-gite1 {
  top: 41%;
}
@media only screen and (orientation: portrait) {
  #images-gite1 {
    top: 25%;
  }
}

.bgimg-2 {
  z-index: -1 !important;
  background-image: url("../images/code-habitation.webp");
  min-height: 80vh;
  background-position: initial;
  width: 100vw;
  height: 100vh;
}
@media only screen and (orientation: portrait) {
  .bgimg-2 {
    background-image: url("../images/categories-legales.jpg");
  }
}

.bgimg-3 {
  background-image: url("../images/code-tourisme3.webp");
  height: 80vh;
  background-position: initial;
  background-attachment: cover;
}
@media only screen and (orientation: portrait) {
  .bgimg-3 {
    background-image: url("../images/règles.jpg");
  }
}

.bgimg-4 {
  z-index: -1 !important;
  background-image: url("../images/prevention.jpg");
  min-height: 600px;
  min-height: 80vh;
}
@media only screen and (orientation: portrait) {
  .bgimg-4 {
    background-image: url("../images/prevention-v2.jpg");
    min-height: 80vh;
  }
}

.bgimg-5 {
  background-image: url("../images/prevention3.jpg");
  min-height: 80vh;
  z-index: -1;
}
@media only screen and (orientation: portrait) {
  .bgimg-5 {
    background-image: url("../images/nouvelle-v.jpg");
    min-height: 80vh;
  }
}

.bgimg-6 {
  z-index: 0 !important;
  background-image: url("../images/gite-groupe.webp");
  min-height: 100%;
  z-index: -1;
}
@media only screen and (orientation: portrait) {
  .bgimg-6 {
    margin-top: 15px;
    background-image: url("../images/gite-groupe-v.webp");
    background-position: top left;
    min-height: 110vh;
  }
}

.bgimg-7 {
  z-index: -8 !important;
  background-image: url("../images/gite-groupe2.jpg");
  min-height: 600px;
}
@media only screen and (orientation: portrait) {
  .bgimg-7 {
    background-image: url("../images/gite-groupe-v2.webp");
  }
}

.bgimg-8 {
  z-index: -1 !important;
  background-image: url("../images/accessibiliter.webp");
  min-height: 800px;
}
@media only screen and (orientation: portrait) {
  .bgimg-8 {
    background-image: url("../images/accessibiliter-v.jpg");
  }
}

.bgimg-9 {
  background-image: url("../images/enfant.jpg");
  min-height: 700px;
  z-index: -1;
}
@media only screen and (orientation: portrait) {
  .bgimg-9 {
    background-image: url("../images/enfant-v.jpg");
  }
}

.bgimg-10 {
  background-image: url("../images/ERP.jpg");
  min-height: 562px;
}
@media only screen and (orientation: portrait) {
  .bgimg-10 {
    background-image: url("../images/erp-v3.jpg");
  }
}

.bgimg-11 {
  background-image: url("/images/smartphone/comparaison.webp");
  min-height: 600px;
}
@media only screen and (orientation: portrait) {
  .bgimg-11 {
    background-image: url("/images/smartphone/virtuelle-comparaison-v.webp");
  }
}

.bgimg-12 {
  background-image: url("/images/smartphone/numerisation.jpg");
  min-height: 562px;
}
@media only screen and (orientation: portrait) {
  .bgimg-12 {
    background-image: url("/images/smartphone/virtuelle-laser.webp");
  }
}

.bgimg-13 {
  background-image: url("/images/smartphone/service.webp");
  min-height: 562px;
}
@media only screen and (orientation: portrait) {
  .bgimg-13 {
    background-image: url("/images/smartphone/service-v.webp");
  }
}

.bgimg-14 {
  background-image: url("/images/smartphone/fin3.jpg");
  height: 100vh;
}
@media only screen and (orientation: portrait) {
  .bgimg-14 {
    background-image: url("/images/smartphone/virtuelle-fin-v.webp");
  }
}

.bgimg-15 {
  z-index: 1;
  background-image: url("../images/insolite.jpg");
  min-height: 100%;
}
@media only screen and (orientation: portrait) {
  .bgimg-15 {
    background-image: url("../images/insolite-v.jpg");
  }
}

.bgimg-16 {
  background-image: url("../images/insolite2.jpg");
  min-height: 600px;
}
@media only screen and (orientation: portrait) {
  .bgimg-16 {
    background-image: url("../images/insolite-v2.jpg");
  }
}

.bgimg-17 {
  background-image: url("../images/rml.jpg");
  min-height: 550px;
}
@media only screen and (orientation: portrait) {
  .bgimg-17 {
    background-image: url("../images/rml-v.jpg");
  }
}

.bgimg-18 {
  background-image: url("../images/ef.webp");
  min-height: 800px;
}
@media only screen and (orientation: portrait) {
  .bgimg-18 {
    background-image: url("../images/ef-v.webp");
  }
}

.bgimg-19 {
  background-image: url("../images/pilotis1.jpg");
  min-height: 562px;
}
@media only screen and (orientation: portrait) {
  .bgimg-19 {
    background-image: url("../images/pilotis-v4.jpg");
  }
}

.bgimg-20 {
  background-image: url("/images/smartphone/virtuelle-fin.jpg");
  min-height: 600px;
}
@media only screen and (orientation: portrait) {
  .bgimg-20 {
    background-image: url("/images/smartphone/smartphone-fin2.webp");
  }
}

.bgimg-21 {
  background-image: url("/images/smartphone/visite-virtuelle2.webp");
  min-height: 100%;
}
@media only screen and (orientation: portrait) {
  .bgimg-21 {
    background-image: url("/images/smartphone/virtuelle-gite-h0.webp");
  }
}

.bgimg-22 {
  background-image: url("/images/sphere/gite-maison.webp");
  min-height: 600px;
}
@media only screen and (orientation: portrait) {
  .bgimg-22 {
    background-image: url("/images/sphere/gite-maison-v.webp");
  }
}

.bgimg-23 {
  background-image: url("/images/sphere/sphere-photo.jpg");
  min-height: 600px;
}
@media only screen and (orientation: portrait) {
  .bgimg-23 {
    background-image: url("/images/sphere/tourisme-photo.webp");
  }
}

.bgimg-24 {
  background-image: url("/images/sphere/gite-coucher.webp");
  min-height: 700px;
}
@media only screen and (orientation: portrait) {
  .bgimg-24 {
    background-image: url("/images/sphere/gite-coucher-v.webp");
  }
}

.bgimg-25 {
  background-image: url("/images/sphere/tourisme-mont-st-michel-h.webp");
  min-height: 100%;
}
@media only screen and (orientation: portrait) {
  .bgimg-25 {
    background-image: url("/images/sphere/tourisme-mont-st-michel-v.webp");
  }
}

.bgimg-26 {
  background-image: url("/images/smartphone/tourisme-choix-h.jpeg");
  min-height: 600px;
}
@media only screen and (orientation: portrait) {
  .bgimg-26 {
    background-image: url("/images/smartphone/tourisme-choix-v.jpeg");
  }
}

.bgimg-27 {
  background-image: url("/images/smartphone/tourisme-musee-h.jpeg");
  min-height: 600px;
}
@media only screen and (orientation: portrait) {
  .bgimg-27 {
    background-image: url("/images/smartphone/tourisme-musee-v.jpeg");
  }
}

.bgimg-28 {
  background-image: url("/images/smartphone/tourisme-accessible-h.jpeg");
  min-height: 650px;
}
@media only screen and (orientation: portrait) {
  .bgimg-28 {
    background-image: url("/images/smartphone/tourisme-accessible-v.jpeg");
  }
}

.bgimg-29 {
  background-image: url("../images/gite-classique.jpg");
  min-height: 650px;
  z-index: -1;
}
@media only screen and (orientation: portrait) {
  .bgimg-29 {
    background-image: url("../images/gite-cw-360.jpg");
  }
}

.bgimg-30 {
  background-image: url("../images/ERP2.jpg");
  min-height: 650px;
  z-index: -1;
}
@media only screen and (orientation: portrait) {
  .bgimg-30 {
    background-image: url("../images/ERP2-H.jpg");
  }
}

.bgimg-31 {
  background-image: url("../images/houseboat.jpg");
  min-height: 95vh;
  z-index: -1;
}
@media only screen and (orientation: portrait) {
  .bgimg-31 {
    background-image: url("../images/housetree.jpg");
  }
}

.flecheBas {
  width: 25px;
  height: 25px;
}