{"id":100168,"date":"2026-09-28T09:31:00","date_gmt":"2026-09-28T13:31:00","guid":{"rendered":"https:\/\/www.sitewebendev.com\/?page_id=100168"},"modified":"2026-09-28T10:50:57","modified_gmt":"2026-09-28T14:50:57","slug":"nos-chalets","status":"publish","type":"page","link":"https:\/\/www.sitewebendev.com\/en\/nos-chalets\/","title":{"rendered":"Our cabins"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\" id=\"chalets\">\n<div class=\"et_pb_row_0 et_pb_row et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_1_2 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h2>Nos chalets<\/h2>\n<\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_1 et_pb_column et_pb_column_1_2 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h4>Retrouvez le confort apr\u00e8s l'aventure.<\/h4>\n<p>Apr\u00e8s une journ\u00e9e pass\u00e9e sur le lac, en for\u00eat ou sur les sentiers, retrouvez le calme et le confort de votre chalet. Situ\u00e9s au bord du lac, nos chalets rustiques et enti\u00e8rement \u00e9quip\u00e9s accueillent de 4 \u00e0 11 personnes dans un environnement paisible, id\u00e9al pour partager de bons moments en famille ou entre amis. Ici, chaque soir\u00e9e se termine au rythme de la nature, dans une ambiance conviviale o\u00f9 il fait bon se retrouver.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_1 et_pb_row et_block_row\">\n<div class=\"et_pb_column_2 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\n\/* =========================================================\n   STRUCTURE G\u00c9N\u00c9RALE\n========================================================= *\/\n\n.pourvoirie-map {\n  display: grid;\n  grid-template-columns: 60% 40%;\n  gap: 40px;\n  align-items: start;\n  width: 100%;\n  font-family: \"Roboto\", Arial, sans-serif;\n}\n\n\n\/* =========================================================\n   CARTE \u00c0 GAUCHE\n========================================================= *\/\n\n.carte-interactive {\n  position: relative;\n  width: 100%;\n  height: 620px;\n  overflow: hidden;\n}\n\n.carte-interactive > img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\n\/* =========================================================\n   BOUTONS CHALETS SUR LA CARTE\n========================================================= *\/\n\n.hotspot {\n  position: absolute;\n  left: var(--x);\n  top: var(--y);\n  z-index: 5;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 82px;\n  height: 40px;\n  padding: 0 14px;\n\n  border: 2px solid #ffffff;\n  border-radius: 999px;\n\n  background: #c2a140;\n  color: #ffffff;\n\n  font-family: \"Roboto\", Arial, sans-serif;\n\n  cursor: pointer;\n\n  box-shadow:\n    0 5px 16px rgba(0, 0, 0, 0.22);\n\n  transform: translate(-50%, -50%);\n\n  transition:\n    background-color 0.25s ease,\n    border-color 0.25s ease,\n    transform 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n.hotspot:hover,\n.hotspot.actif {\n  background: #304f3e;\n  border-color: #ffffff;\n\n  transform:\n    translate(-50%, -50%)\n    scale(1.07);\n\n  box-shadow:\n    0 7px 20px rgba(48, 79, 62, 0.30);\n}\n\n.hotspot::before {\n  content: \"\";\n  position: absolute;\n  inset: -7px;\n\n  border: 2px solid rgba(194, 161, 64, 0.50);\n  border-radius: 999px;\n\n  animation: hotspot-pulse 2s infinite;\n\n  pointer-events: none;\n}\n\n.hotspot.actif::before {\n  border-color: rgba(48, 79, 62, 0.45);\n}\n\n.hotspot-nom {\n  position: relative;\n  z-index: 2;\n\n  color: #ffffff;\n\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1;\n\n  white-space: nowrap;\n  text-transform: uppercase;\n}\n\n.hotspot-principal {\n  min-width: 145px;\n}\n\n@keyframes hotspot-pulse {\n\n  0% {\n    opacity: 0.8;\n    transform: scale(0.82);\n  }\n\n  70% {\n    opacity: 0;\n    transform: scale(1.22);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(1.22);\n  }\n\n}\n\n\n\/* =========================================================\n   COLONNE DE DROITE\n========================================================= *\/\n\n.pourvoirie-map .chalet-info {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n\n  width: 100%;\n\n  height: auto !important;\n  min-height: 0 !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\n\/* =========================================================\n   SLIDER IMAGES\n========================================================= *\/\n\n.chalet-slider {\n  position: relative;\n  width: 100%;\n  margin: 0 0 22px;\n  overflow: hidden;\n}\n\n.chalet-slider img {\n  display: block;\n  width: 100%;\n  height: 280px;\n  margin: 0;\n  object-fit: cover;\n\n  opacity: 1;\n\n  transition:\n    opacity 0.25s ease;\n}\n\n.chalet-slider img.changement {\n  opacity: 0;\n}\n\n\n\/* =========================================================\n   BOUTONS D\u00c9FILEMENT PHOTO\n========================================================= *\/\n\n.slider-prev,\n.slider-next {\n  position: absolute;\n  top: 50%;\n  z-index: 3;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 46px;\n  height: 46px;\n\n  padding: 0;\n\n  border: 2px solid #ffffff;\n  border-radius: 50%;\n\n  background: #c2a140;\n  color: #ffffff;\n\n  font-family: Arial, sans-serif;\n  font-size: 30px;\n  font-weight: 400;\n  line-height: 1;\n\n  cursor: pointer;\n\n  transform: translateY(-50%);\n\n  transition:\n    background-color 0.25s ease,\n    transform 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n.slider-prev {\n  left: 14px;\n}\n\n.slider-next {\n  right: 14px;\n}\n\n\n\/* HOVER SLIDER *\/\n\n.slider-prev:hover,\n.slider-next:hover {\n  background: #304f3e;\n\n  box-shadow:\n    0 5px 14px rgba(48, 79, 62, 0.28);\n}\n\n.slider-prev:focus-visible,\n.slider-next:focus-visible {\n  outline: 3px solid rgba(194, 161, 64, 0.65);\n  outline-offset: 3px;\n}\n\n\n\/* =========================================================\n   COMPTEUR IMAGE\n========================================================= *\/\n\n.slider-counter {\n  position: absolute;\n\n  right: 14px;\n  bottom: 14px;\n  z-index: 3;\n\n  padding: 7px 11px;\n\n  border-radius: 999px;\n\n  background: rgba(0, 0, 0, 0.60);\n  color: #ffffff;\n\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   TITRE CHALET\n========================================================= *\/\n\n.chalet-info h2 {\n  margin: 0 0 18px;\n  padding: 0;\n\n  color: #304f3e;\n\n  font-family: \"Barlow\", sans-serif;\n\n  font-size: 38px;\n  font-weight: 700;\n  line-height: 1.15;\n}\n\n\n\/* =========================================================\n   LISTE \u00c0 PUCES\n========================================================= *\/\n\n.pourvoirie-map .chalet-liste {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  list-style: none;\n}\n\n.chalet-liste li {\n  position: relative;\n\n  margin: 0 0 10px;\n  padding-left: 24px;\n\n  color: #000000;\n\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.55;\n}\n\n.chalet-liste li:last-child {\n  margin-bottom: 0;\n}\n\n.chalet-liste li::before {\n  content: \"\u2022\";\n\n  position: absolute;\n  left: 2px;\n  top: -1px;\n\n  color: #d7c2a4;\n\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n\n\/* =========================================================\n   COMMODIT\u00c9S\n========================================================= *\/\n\n.pourvoirie-map .chalet-commodites {\n  flex: 0 0 auto;\n\n  margin: 16px 0 0 !important;\n  padding: 16px 0 0 !important;\n\n  border-top: 1px solid rgba(0, 0, 0, 0.12);\n}\n\n.pourvoirie-map .chalet-commodites h3 {\n  margin: 0 0 10px !important;\n  padding: 0 !important;\n\n  color: #304f3e;\n\n  font-family: \"Barlow\", sans-serif;\n\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n\n\/* =========================================================\n   BOUTON R\u00c9SERVER\n========================================================= *\/\n\n.pourvoirie-map .chalet-bouton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 auto;\n  align-self: flex-start;\n\n  min-height: 56px;\n\n  margin: 20px 0 0 !important;\n\n  padding: 14px 30px;\n\n  border: 2px solid #c2a140;\n  border-radius: 999px;\n\n  background: #c2a140;\n\n  color: #ffffff !important;\n\n  font-family: \"Roboto\", Arial, sans-serif;\n\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.2;\n\n  text-align: center;\n  text-decoration: none !important;\n\n  cursor: pointer;\n\n  transition:\n    background-color 0.25s ease,\n    border-color 0.25s ease,\n    color 0.25s ease,\n    transform 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n.pourvoirie-map .chalet-bouton:hover {\n  border-color: #304f3e;\n  background: #304f3e;\n\n  color: #ffffff !important;\n\n  transform: translateY(-2px);\n\n  box-shadow:\n    0 8px 18px rgba(48, 79, 62, 0.22);\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 980px) {\n\n  .pourvoirie-map {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n\n  .carte-interactive {\n    height: 450px;\n  }\n\n  .chalet-slider img {\n    height: 300px;\n  }\n\n  .chalet-info h2 {\n    font-size: 32px;\n  }\n\n  .hotspot {\n    min-width: 72px;\n    height: 36px;\n    padding: 0 10px;\n  }\n\n  .hotspot-principal {\n    min-width: 120px;\n  }\n\n  .hotspot-nom {\n    font-size: 11px;\n  }\n\n  \/* POSITION DES BOUTONS \u2014 TABLETTE *\/\n  .hotspot[data-title=\"B\u00e2timent principal\"] { --x: 14% !important; --y: 12% !important; }\n  .hotspot[data-title=\"Chalet 1\"] { --x: 14% !important; --y: 23% !important; }\n  .hotspot[data-title=\"Chalet 2\"] { --x: 14% !important; --y: 34% !important; }\n  .hotspot[data-title=\"Chalet 3\"] { --x: 14% !important; --y: 45% !important; }\n  .hotspot[data-title=\"Chalet 4\"] { --x: 14% !important; --y: 56% !important; }\n  .hotspot[data-title=\"Chalet 5\"] { --x: 14% !important; --y: 67% !important; }\n  .hotspot[data-title=\"Chalet 6\"] { --x: 14% !important; --y: 78% !important; }\n  .hotspot[data-title=\"Chalet 7\"] { --x: 14% !important; --y: 89% !important; }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .pourvoirie-map {\n    gap: 24px;\n  }\n\n  .carte-interactive {\n    height: 320px;\n  }\n\n  .chalet-slider {\n    margin-bottom: 18px;\n  }\n\n  .chalet-slider img {\n    height: 220px;\n  }\n\n  .slider-prev,\n  .slider-next {\n    width: 40px;\n    height: 40px;\n\n    font-size: 26px;\n  }\n\n  .slider-prev {\n    left: 10px;\n  }\n\n  .slider-next {\n    right: 10px;\n  }\n\n  .slider-counter {\n    right: 10px;\n    bottom: 10px;\n  }\n\n  .chalet-info h2 {\n    font-size: 28px;\n  }\n\n  .chalet-liste li {\n    margin-bottom: 9px;\n    padding-left: 22px;\n\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .chalet-liste li::before {\n    font-size: 20px;\n  }\n\n  .pourvoirie-map .chalet-commodites {\n    margin-top: 14px !important;\n    padding-top: 14px !important;\n  }\n\n  .pourvoirie-map .chalet-bouton {\n    width: 100%;\n    min-height: 54px;\n\n    margin-top: 18px !important;\n\n    padding: 13px 22px;\n  }\n\n  .hotspot {\n    min-width: 54px;\n    height: 30px;\n    padding: 0 8px;\n\n    border-width: 2px;\n  }\n\n  .hotspot-principal {\n    min-width: 96px;\n  }\n\n  .hotspot::before {\n    inset: -5px;\n  }\n\n  .hotspot-nom {\n    font-size: 8px;\n  }\n\n  \/* POSITION DES BOUTONS \u2014 MOBILE *\/\n  .hotspot[data-title=\"B\u00e2timent principal\"] { --x: 77.5% !important; --y: 53% !important; }\n  .hotspot[data-title=\"Chalet 1\"] { --x: 80% !important; --y: 40% !important; }\n  .hotspot[data-title=\"Chalet 2\"] { --x: 18% !important; --y: 33% !important; }\n  .hotspot[data-title=\"Chalet 3\"] { --x: 18% !important; --y: 44% !important; }\n  .hotspot[data-title=\"Chalet 4\"] { --x: 18% !important; --y: 55% !important; }\n  .hotspot[data-title=\"Chalet 5\"] { --x: 18% !important; --y: 66% !important; }\n  .hotspot[data-title=\"Chalet 6\"] { --x: 18% !important; --y: 77% !important; }\n  .hotspot[data-title=\"Chalet 7\"] { --x: 18% !important; --y: 88% !important; }\n\n}\n\n<\/style>\n\n\n<div class=\"pourvoirie-map\">\n\n\n  <!-- #####################################################\n       CARTE PRINCIPALE \u2014 IMAGE \u00c0 MODIFIER ICI\n       REMPLACER UNIQUEMENT L\u2019URL src=\"...\" DE L\u2019IMAGE\n  ###################################################### -->\n\n  <div\n    class=\"carte-interactive\"\n    id=\"cartePourvoirie\"\n  >\n\n    <img decoding=\"async\"\n      src=\"https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/09\/Pourvoirie-Maxime-carte-lac-et-des-chalets.jpg\"\n      alt=\"Carte du territoire de la Pourvoirie Maxime et emplacement des chalets\"\n    >\n\n\n\n    <!-- #####################################################\n         CHALET 1 \u2014 TEXTES, IMAGES ET LIEN \u00c0 MODIFIER ICI\n         MODIFIER UNIQUEMENT LES VALEURS data-* CI-DESSOUS\n    ###################################################### -->\n\n    <button\n      class=\"hotspot actif\"\n      type=\"button\"\n\n      style=\"\n        --x: 12.5%;\n        --y: 23%;\n      \"\n\n      data-images=\"https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp\"\n\n      data-title=\"Chalet 1\"\n\n      data-capacite=\"Capacit\u00e9 d\u2019accueil : 15 personnes\"\n\n      data-chambres=\"2 chambres\"\n\n      data-lits=\"5 lits doubles et 5 lits simples\"\n\n      data-bain=\"Salle de bain compl\u00e8te avec douche et vanit\u00e9\"\n\n      data-lieu=\"Situ\u00e9 sur le site du pavillon principal\"\n\n      data-acces=\"Accessible par la route\"\n\n      data-literie=\"Literie non comprise\"\n\n      data-commodites=\"Wi-Fi, t\u00e9l\u00e9vision, cafeti\u00e8re, micro-ondes, frigidaire, cong\u00e9lateur, po\u00eale au gaz, BBQ, table \u00e0 pique-nique\"\n\n      data-link=\"\/contact\/?sujet=chalet-1\"\n\n      aria-label=\"Afficher le Chalet 1\"\n    >\n      <span class=\"hotspot-nom\">Chalet 1<\/span>\n    <\/button>\n\n\n\n    <!-- #####################################################\n         CHALET 2 \u2014 TEXTES, IMAGES ET LIEN \u00c0 MODIFIER ICI\n         MODIFIER UNIQUEMENT LES VALEURS data-* CI-DESSOUS\n    ###################################################### -->\n\n    <button\n      class=\"hotspot\"\n      type=\"button\"\n\n      style=\"\n        --x: 12.5%;\n        --y: 34%;\n      \"\n\n      data-images=\"https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp\"\n\n      data-title=\"Chalet 2\"\n\n      data-capacite=\"Capacit\u00e9 d\u2019accueil : 4 personnes\"\n\n      data-chambres=\"1 chambre\"\n\n      data-lits=\"1 lit double et 2 lits simples\"\n\n      data-bain=\"Salle de bain compl\u00e8te avec douche et vanit\u00e9\"\n\n      data-lieu=\"Situ\u00e9 sur le site du pavillon principal\"\n\n      data-acces=\"Accessible par la route\"\n\n      data-literie=\"Literie non comprise\"\n\n      data-commodites=\"Wi-Fi, t\u00e9l\u00e9vision, cafeti\u00e8re, micro-ondes, frigidaire, cong\u00e9lateur, po\u00eale au gaz, BBQ, table \u00e0 pique-nique\"\n\n      data-link=\"\/contact\/?sujet=chalet-2\"\n\n      aria-label=\"Afficher le Chalet 2\"\n    >\n      <span class=\"hotspot-nom\">Chalet 2<\/span>\n    <\/button>\n\n\n\n    <!-- #####################################################\n         CHALET 3 \u2014 TEXTES, IMAGES ET LIEN \u00c0 MODIFIER ICI\n         MODIFIER UNIQUEMENT LES VALEURS data-* CI-DESSOUS\n    ###################################################### -->\n\n    <button\n      class=\"hotspot\"\n      type=\"button\"\n\n      style=\"\n        --x: 12.5%;\n        --y: 45%;\n      \"\n\n      data-images=\"https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp\"\n\n      data-title=\"Chalet 3\"\n\n      data-capacite=\"Capacit\u00e9 d\u2019accueil : 9 personnes\"\n\n      data-chambres=\"3 chambres\"\n\n      data-lits=\"3 lits doubles et 3 lits simples\"\n\n      data-bain=\"Salle de bain compl\u00e8te avec douche et vanit\u00e9\"\n\n      data-lieu=\"Situ\u00e9 sur le site du pavillon principal\"\n\n      data-acces=\"Accessible par la route\"\n\n      data-literie=\"Literie non comprise\"\n\n      data-commodites=\"Wi-Fi, t\u00e9l\u00e9vision, cafeti\u00e8re, micro-ondes, frigidaire, cong\u00e9lateur, po\u00eale au gaz, BBQ, table \u00e0 pique-nique\"\n\n      data-link=\"\/contact\/?sujet=chalet-3\"\n\n      aria-label=\"Afficher le Chalet 3\"\n    >\n      <span class=\"hotspot-nom\">Chalet 3<\/span>\n    <\/button>\n\n\n\n    <!-- #####################################################\n         CHALET 4 \u2014 TEXTES, IMAGES ET LIEN \u00c0 MODIFIER ICI\n         MODIFIER UNIQUEMENT LES VALEURS data-* CI-DESSOUS\n    ###################################################### -->\n\n    <button\n      class=\"hotspot\"\n      type=\"button\"\n\n      style=\"\n        --x: 12.5%;\n        --y: 56%;\n      \"\n\n      data-images=\"https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp\"\n\n      data-title=\"Chalet 4\"\n\n      data-capacite=\"Capacit\u00e9 d\u2019accueil : 9 personnes\"\n\n      data-chambres=\"2 chambres\"\n\n      data-lits=\"3 lits doubles et 3 lits simples\"\n\n      data-bain=\"Salle de bain compl\u00e8te avec douche et vanit\u00e9\"\n\n      data-lieu=\"Situ\u00e9 sur le site du pavillon principal\"\n\n      data-acces=\"Accessible par la route\"\n\n      data-literie=\"Literie non comprise\"\n\n      data-commodites=\"Wi-Fi, t\u00e9l\u00e9vision, cafeti\u00e8re, micro-ondes, frigidaire, cong\u00e9lateur, po\u00eale au gaz, BBQ, table \u00e0 pique-nique\"\n\n      data-link=\"\/contact\/?sujet=chalet-4\"\n\n      aria-label=\"Afficher le Chalet 4\"\n    >\n      <span class=\"hotspot-nom\">Chalet 4<\/span>\n    <\/button>\n\n\n\n    <!-- #####################################################\n         CHALET 5 \u2014 TEXTES, IMAGES ET LIEN \u00c0 MODIFIER ICI\n         MODIFIER UNIQUEMENT LES VALEURS data-* CI-DESSOUS\n    ###################################################### -->\n\n    <button\n      class=\"hotspot\"\n      type=\"button\"\n\n      style=\"\n        --x: 12.5%;\n        --y: 67%;\n      \"\n\n      data-images=\"https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp\"\n\n      data-title=\"Chalet 5\"\n\n      data-capacite=\"Capacit\u00e9 d\u2019accueil : 8 personnes\"\n\n      data-chambres=\"3 chambres\"\n\n      data-lits=\"3 lits doubles et 2 lits simples\"\n\n      data-bain=\"Salle de bain avec douche et vanit\u00e9 \u2014 toilette ext\u00e9rieure\"\n\n      data-lieu=\"Situ\u00e9 sur le bord de la plage, au d\u00e9but du lac Maxime\"\n\n      data-acces=\"Accessible par bateau seulement\"\n\n      data-literie=\"Literie non comprise\"\n\n      data-commodites=\"Frigidaire, cong\u00e9lateur, po\u00eale au gaz, BBQ, \u00e9lectricit\u00e9 aliment\u00e9e avec l\u2019\u00e9nergie solaire, chauffage au gaz avec thermostat, table \u00e0 pique-nique\"\n\n      data-link=\"\/contact\/?sujet=chalet-5\"\n\n      aria-label=\"Afficher le Chalet 5\"\n    >\n      <span class=\"hotspot-nom\">Chalet 5<\/span>\n    <\/button>\n\n\n\n    <!-- #####################################################\n         CHALET 6 \u2014 TEXTES, IMAGES ET LIEN \u00c0 MODIFIER ICI\n         MODIFIER UNIQUEMENT LES VALEURS data-* CI-DESSOUS\n    ###################################################### -->\n\n    <button\n      class=\"hotspot\"\n      type=\"button\"\n\n      style=\"\n        --x: 12.5%;\n        --y: 78%;\n      \"\n\n      data-images=\"https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp\"\n\n      data-title=\"Chalet 6\"\n\n      data-capacite=\"Capacit\u00e9 d\u2019accueil : 3 personnes\"\n\n      data-chambres=\"1 chambre\"\n\n      data-lits=\"1 lit double et 1 lit simple\"\n\n      data-bain=\"Salle de bain compl\u00e8te avec douche et vanit\u00e9\"\n\n      data-lieu=\"Situ\u00e9 sur le site du pavillon principal\"\n\n      data-acces=\"Accessible par la route\"\n\n      data-literie=\"\"\n\n      data-commodites=\"Wi-Fi, t\u00e9l\u00e9vision, cafeti\u00e8re, micro-ondes, frigidaire, cong\u00e9lateur, po\u00eale au gaz, BBQ, table \u00e0 pique-nique\"\n\n      data-link=\"\/contact\/?sujet=chalet-6\"\n\n      aria-label=\"Afficher le Chalet 6\"\n    >\n      <span class=\"hotspot-nom\">Chalet 6<\/span>\n    <\/button>\n\n\n\n    <!-- #####################################################\n         CHALET 7 \u2014 TEXTES, IMAGES ET LIEN \u00c0 MODIFIER ICI\n         MODIFIER UNIQUEMENT LES VALEURS data-* CI-DESSOUS\n    ###################################################### -->\n\n    <button\n      class=\"hotspot\"\n      type=\"button\"\n\n      style=\"\n        --x: 12.5%;\n        --y: 89%;\n      \"\n\n      data-images=\"https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp\"\n\n      data-title=\"Chalet 7\"\n\n      data-capacite=\"Capacit\u00e9 d\u2019accueil : 6 personnes\"\n\n      data-chambres=\"3 chambres\"\n\n      data-lits=\"3 lits doubles et 3 lits simples\"\n\n      data-bain=\"Salle de bain compl\u00e8te avec douche et vanit\u00e9\"\n\n      data-lieu=\"Situ\u00e9 sur le bord de la rivi\u00e8re, au bout du lac Maxime\"\n\n      data-acces=\"Accessible par la route\"\n\n      data-literie=\"\"\n\n      data-commodites=\"\"\n\n      data-link=\"\/contact\/?sujet=chalet-7\"\n\n      aria-label=\"Afficher le Chalet 7\"\n    >\n      <span class=\"hotspot-nom\">Chalet 7<\/span>\n    <\/button>\n\n\n\n    <!-- #####################################################\n         B\u00c2TIMENT PRINCIPAL \u2014 TEXTES, IMAGES ET LIEN \u00c0 MODIFIER ICI\n         MODIFIER UNIQUEMENT LES VALEURS data-* CI-DESSOUS\n    ###################################################### -->\n\n    <button\n      class=\"hotspot hotspot-principal\"\n      type=\"button\"\n\n      style=\"\n        --x: 12.5%;\n        --y: 12%;\n      \"\n\n      data-images=\"https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp|https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp\"\n\n      data-title=\"Pavillion principal\"\n\n      data-capacite=\"Trois chambres confortables\"\n\n      data-chambres=\"Un petit frigidaire \"\n\n      data-lits=\"\"\n\n      data-bain=\"\"\n\n      data-lieu=\"Un micro\u2011ondes \"\n\n      data-acces=\"Une salle \u00e0 manger compl\u00e8te \"\n\n      data-literie=\"Un d\u00e9panneur \"\n\n      data-commodites=\"Le bureau administratif \"\n\n      data-link=\"\/contact\/\"\n\n      aria-label=\"Afficher le b\u00e2timent principal\"\n    >\n      <span class=\"hotspot-nom\">Pavillion principal<\/span>\n    <\/button>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       AFFICHAGE \u00c0 DROITE\n       NE PAS MODIFIER LES TEXTES ICI : ILS SONT REMPLAC\u00c9S\n       AUTOMATIQUEMENT PAR LES VALEURS data-* DES CHALETS\n  ====================================================== -->\n\n  <div class=\"chalet-info\">\n\n\n    <!-- SLIDER -->\n\n    <div class=\"chalet-slider\">\n\n      <button\n        class=\"slider-prev\"\n        id=\"sliderPrev\"\n        type=\"button\"\n        aria-label=\"Image pr\u00e9c\u00e9dente\"\n      >\n        \u2039\n      <\/button>\n\n      <img decoding=\"async\"\n        id=\"photoChalet\"\n        src=\"https:\/\/www.sitewebendev.com\/wp-content\/uploads\/2026\/07\/nature-rock-mountain-snow-air-mountain-range.webp\"\n        alt=\"Chalet 1\"\n      >\n\n      <button\n        class=\"slider-next\"\n        id=\"sliderNext\"\n        type=\"button\"\n        aria-label=\"Image suivante\"\n      >\n        \u203a\n      <\/button>\n\n      <div\n        class=\"slider-counter\"\n        id=\"sliderCounter\"\n      >\n        1 \/ 3\n      <\/div>\n\n    <\/div>\n\n\n    <h2 id=\"titreChalet\">\n      Chalet 1\n    <\/h2>\n\n\n    <ul class=\"chalet-liste\">\n\n      <li id=\"capaciteChalet\">\n        Capacit\u00e9 d\u2019accueil : 15 personnes\n      <\/li>\n\n      <li id=\"chambresChalet\">\n        2 chambres\n      <\/li>\n\n      <li id=\"litsChalet\">\n        5 lits doubles et 5 lits simples\n      <\/li>\n\n      <li id=\"bainChalet\">\n        Salle de bain compl\u00e8te avec douche et vanit\u00e9\n      <\/li>\n\n      <li id=\"lieuChalet\">\n        Situ\u00e9 sur le site du pavillon principal\n      <\/li>\n\n      <li id=\"accesChalet\">\n        Accessible par la route\n      <\/li>\n\n      <li id=\"literieChalet\">\n        Literie non comprise\n      <\/li>\n\n    <\/ul>\n\n\n    <div\n      class=\"chalet-commodites\"\n      id=\"commoditesBloc\"\n    >\n\n      <h3>\n        Commodit\u00e9s\n      <\/h3>\n\n      <ul class=\"chalet-liste\">\n\n        <li id=\"commoditesChalet\">\n          Wi-Fi, t\u00e9l\u00e9vision, cafeti\u00e8re,\n          micro-ondes, frigidaire,\n          cong\u00e9lateur, po\u00eale au gaz,\n          BBQ, table \u00e0 pique-nique\n        <\/li>\n\n      <\/ul>\n\n    <\/div>\n\n\n    <a\n      class=\"chalet-bouton\"\n      id=\"lienChalet\"\n      href=\"\/contact\/?sujet=chalet-1\"\n    >\n      Communiquer avec nous\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n\n<script>\n\ndocument.addEventListener(\n  \"DOMContentLoaded\",\n  function () {\n\n    const carte =\n      document.getElementById(\n        \"cartePourvoirie\"\n      );\n\n    if (!carte) {\n      return;\n    }\n\n\n    const hotspots =\n      carte.querySelectorAll(\n        \".hotspot\"\n      );\n\n    const photo =\n      document.getElementById(\n        \"photoChalet\"\n      );\n\n    const titre =\n      document.getElementById(\n        \"titreChalet\"\n      );\n\n    const capacite =\n      document.getElementById(\n        \"capaciteChalet\"\n      );\n\n    const chambres =\n      document.getElementById(\n        \"chambresChalet\"\n      );\n\n    const lits =\n      document.getElementById(\n        \"litsChalet\"\n      );\n\n    const bain =\n      document.getElementById(\n        \"bainChalet\"\n      );\n\n    const lieu =\n      document.getElementById(\n        \"lieuChalet\"\n      );\n\n    const acces =\n      document.getElementById(\n        \"accesChalet\"\n      );\n\n    const literie =\n      document.getElementById(\n        \"literieChalet\"\n      );\n\n    const commodites =\n      document.getElementById(\n        \"commoditesChalet\"\n      );\n\n    const commoditesBloc =\n      document.getElementById(\n        \"commoditesBloc\"\n      );\n\n    const lien =\n      document.getElementById(\n        \"lienChalet\"\n      );\n\n    const sliderPrev =\n      document.getElementById(\n        \"sliderPrev\"\n      );\n\n    const sliderNext =\n      document.getElementById(\n        \"sliderNext\"\n      );\n\n    const sliderCounter =\n      document.getElementById(\n        \"sliderCounter\"\n      );\n\n\n    let imagesActuelles = [];\n    let indexImage = 0;\n\n\n    function mettreAJourLigne(\n      element,\n      valeur\n    ) {\n\n      if (!element) {\n        return;\n      }\n\n      if (\n        valeur &&\n        valeur.trim() !== \"\"\n      ) {\n\n        element.textContent =\n          valeur;\n\n        element.style.display =\n          \"\";\n\n      } else {\n\n        element.style.display =\n          \"none\";\n\n      }\n\n    }\n\n\n    function mettreAJourSlider() {\n\n      if (!imagesActuelles.length) {\n        return;\n      }\n\n      photo.classList.add(\n        \"changement\"\n      );\n\n      window.setTimeout(\n        function () {\n\n          photo.src =\n            imagesActuelles[\n              indexImage\n            ];\n\n          sliderCounter.textContent =\n            (indexImage + 1) +\n            \" \/ \" +\n            imagesActuelles.length;\n\n          photo.classList.remove(\n            \"changement\"\n          );\n\n        },\n        150\n      );\n\n    }\n\n\n    function chargerImages(\n      chaineImages\n    ) {\n\n      imagesActuelles =\n        chaineImages\n          .split(\"|\")\n          .map(function (url) {\n            return url.trim();\n          })\n          .filter(function (url) {\n            return url !== \"\";\n          });\n\n\n      indexImage = 0;\n\n\n      if (\n        imagesActuelles.length\n      ) {\n\n        photo.src =\n          imagesActuelles[0];\n\n      }\n\n\n      sliderCounter.textContent =\n        \"1 \/ \" +\n        imagesActuelles.length;\n\n\n      if (\n        imagesActuelles.length <= 1\n      ) {\n\n        sliderPrev.style.display =\n          \"none\";\n\n        sliderNext.style.display =\n          \"none\";\n\n        sliderCounter.style.display =\n          \"none\";\n\n      } else {\n\n        sliderPrev.style.display =\n          \"\";\n\n        sliderNext.style.display =\n          \"\";\n\n        sliderCounter.style.display =\n          \"\";\n\n      }\n\n    }\n\n\n    function afficherEmplacement(\n      point\n    ) {\n\n      hotspots.forEach(\n        function (hotspot) {\n\n          hotspot.classList.remove(\n            \"actif\"\n          );\n\n        }\n      );\n\n\n      point.classList.add(\n        \"actif\"\n      );\n\n\n      chargerImages(\n        point.dataset.images || \"\"\n      );\n\n\n      photo.alt =\n        point.dataset.title;\n\n\n      titre.textContent =\n        point.dataset.title;\n\n\n      mettreAJourLigne(\n        capacite,\n        point.dataset.capacite\n      );\n\n      mettreAJourLigne(\n        chambres,\n        point.dataset.chambres\n      );\n\n      mettreAJourLigne(\n        lits,\n        point.dataset.lits\n      );\n\n      mettreAJourLigne(\n        bain,\n        point.dataset.bain\n      );\n\n      mettreAJourLigne(\n        lieu,\n        point.dataset.lieu\n      );\n\n      mettreAJourLigne(\n        acces,\n        point.dataset.acces\n      );\n\n      mettreAJourLigne(\n        literie,\n        point.dataset.literie\n      );\n\n\n      if (\n        point.dataset.commodites &&\n        point.dataset.commodites\n          .trim() !== \"\"\n      ) {\n\n        commodites.textContent =\n          point.dataset.commodites;\n\n        commoditesBloc.style.display =\n          \"\";\n\n      } else {\n\n        commoditesBloc.style.display =\n          \"none\";\n\n      }\n\n\n      lien.href =\n        point.dataset.link ||\n        \"\/contact\/\";\n\n    }\n\n\n    sliderPrev.addEventListener(\n      \"click\",\n      function () {\n\n        if (!imagesActuelles.length) {\n          return;\n        }\n\n        indexImage--;\n\n        if (indexImage < 0) {\n          indexImage =\n            imagesActuelles.length - 1;\n        }\n\n        mettreAJourSlider();\n\n      }\n    );\n\n\n    sliderNext.addEventListener(\n      \"click\",\n      function () {\n\n        if (!imagesActuelles.length) {\n          return;\n        }\n\n        indexImage++;\n\n        if (\n          indexImage >=\n          imagesActuelles.length\n        ) {\n          indexImage = 0;\n        }\n\n        mettreAJourSlider();\n\n      }\n    );\n\n\n    hotspots.forEach(\n      function (point) {\n\n        point.addEventListener(\n          \"click\",\n          function () {\n\n            afficherEmplacement(\n              point\n            );\n\n          }\n        );\n\n      }\n    );\n\n\n    \/* Initialisation Chalet 1 *\/\n\n    const premierChalet =\n      carte.querySelector(\n        \".hotspot.actif\"\n      );\n\n    if (premierChalet) {\n\n      chargerImages(\n        premierChalet.dataset.images ||\n        \"\"\n      );\n\n    }\n\n  }\n);\n\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-100168","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sitewebendev.com\/en\/wp-json\/wp\/v2\/pages\/100168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sitewebendev.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sitewebendev.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sitewebendev.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sitewebendev.com\/en\/wp-json\/wp\/v2\/comments?post=100168"}],"version-history":[{"count":7,"href":"https:\/\/www.sitewebendev.com\/en\/wp-json\/wp\/v2\/pages\/100168\/revisions"}],"predecessor-version":[{"id":100193,"href":"https:\/\/www.sitewebendev.com\/en\/wp-json\/wp\/v2\/pages\/100168\/revisions\/100193"}],"wp:attachment":[{"href":"https:\/\/www.sitewebendev.com\/en\/wp-json\/wp\/v2\/media?parent=100168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}