{"id":13766,"date":"2026-05-05T13:16:38","date_gmt":"2026-05-05T13:16:38","guid":{"rendered":"https:\/\/www.hazeville.fr\/?page_id=13766"},"modified":"2026-05-05T15:36:13","modified_gmt":"2026-05-05T15:36:13","slug":"maquette-3d","status":"publish","type":"page","link":"https:\/\/www.hazeville.fr\/en\/chateau\/maquette-3d\/","title":{"rendered":"Visite 3D"},"content":{"rendered":"<style>\n\/* === Page-scoped overrides : retirer sidebar + contraintes width === *\/\nbody.page-id-13766 #sidebar{display:none !important;}\nbody.page-id-13766 #left-area{width:100% !important;padding-bottom:0 !important;}\nbody.page-id-13766 #main-content .container{width:100% !important;max-width:100% !important;padding:0 !important;}\nbody.page-id-13766 #main-content .container:before{display:none !important;}\nbody.page-id-13766 .entry-content{max-width:100% !important;padding:0 !important;background:transparent !important;}\nbody.page-id-13766 .entry-title.main_title{max-width:1100px;margin:0 auto !important;padding:2rem 1rem 0 !important;}\n\n\/* === Hero video plein ecran === *\/\n.hz-hero-video-wrap{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:#000;line-height:0;}\n.hz-hero-video-wrap video{display:block;width:100%;height:auto;}\n\n\/* === Bandeau pictos plein ecran (classe dediee pour eviter collision avec .hz-mq-band du site) === *\/\nbody.page-id-13766 .hz-mq-band{background:#EDE8DF !important;padding:28px 0 !important;border-top:1px solid #E4DED2 !important;border-bottom:1px solid #E4DED2 !important;width:100vw !important;max-width:100vw !important;position:relative !important;left:50% !important;right:50% !important;margin:0 -50vw 3rem -50vw !important;box-sizing:border-box !important;}\nbody.page-id-13766 .hz-mq-band .hz-mq-row{display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem;max-width:1400px;margin:0 auto;padding:0 1.5rem;}\nbody.page-id-13766 .hz-mq-band .hz-mq-picto{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:0.6rem;padding:0 0.5rem;}\nbody.page-id-13766 .hz-mq-band .hz-mq-picto svg{width:38px;height:38px;color:#C9A96E;flex-shrink:0;}\nbody.page-id-13766 .hz-mq-band .hz-mq-picto span{font-family:'Inter',sans-serif;font-size:13px;line-height:1.35;color:#8B6914;font-weight:600;letter-spacing:0.02em;text-transform:none;}\n@media(max-width:900px){body.page-id-13766 .hz-mq-band .hz-mq-row{grid-template-columns:repeat(3,1fr);gap:1rem;}}\n@media(max-width:540px){body.page-id-13766 .hz-mq-band .hz-mq-row{grid-template-columns:repeat(2,1fr);gap:0.75rem;}body.page-id-13766 .hz-mq-band .hz-mq-picto svg{width:30px;height:30px;}body.page-id-13766 .hz-mq-band .hz-mq-picto span{font-size:12px;}}\n\n\/* === Section maquette === *\/\n.hz-maquette-wrap{max-width:1400px;margin:0 auto;padding:0 1.5rem 3rem;}\n.model-container{width:100%;height:70vh;max-height:600px;margin:0 auto;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#FAF8F5 0%,#EDE8DF 100%);box-shadow:0 8px 32px rgba(0,0,0,0.1);}\nmodel-viewer{width:100%;height:100%;--poster-color:transparent;}\nmodel-viewer::part(default-progress-bar){background-color:#8B6914;}\n.model-title{text-align:center;font-family:'Playfair Display',serif;color:#8B6914;font-size:2.2rem;margin:2.5rem 0 1rem;}\n.model-subtitle{text-align:center;color:#2C2C2C;font-family:Inter,sans-serif;font-size:1.1rem;margin:0 auto 1rem;line-height:1.6;max-width:800px;}\n.model-context{text-align:center;max-width:800px;margin:0 auto 2rem;color:#2C2C2C;font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;}\n.model-instructions{text-align:center;color:#888;font-size:0.9rem;margin-top:1rem;font-style:italic;}\n\n\/* === Section Matterport (visite immersive 360 HD, vue dollhouse) === *\/\n.hz-mport-wrap{max-width:1400px;margin:3rem auto 1rem;padding:0 1.5rem;}\n.hz-mport-wrap h2.hz-mport-title{font-family:'Playfair Display',serif;color:#8B6914;font-size:2.2rem;text-align:center;margin:0 0 0.5rem;}\n.hz-mport-wrap p.hz-mport-sub{text-align:center;color:#2C2C2C;font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.6;max-width:800px;margin:0 auto 2rem;}\n.hz-mport-frame{position:relative;width:100%;aspect-ratio:16\/9;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.1);background:#000;}\n.hz-mport-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}\n@media(max-width:768px){.hz-mport-frame{aspect-ratio:4\/3;}}\n\n\/* === Section visites 360 === *\/\n.hz-tours-wrap{max-width:1400px;margin:3rem auto 4rem;padding:0 1.5rem;}\n.hz-tours-wrap h2.hz-tours-title{font-family:'Playfair Display',serif;color:#8B6914;font-size:2.2rem;text-align:center;margin:0 0 0.5rem;}\n.hz-tours-wrap p.hz-tours-sub{text-align:center;color:#2C2C2C;font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.6;max-width:800px;margin:0 auto 2rem;}\n.hz-tours-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;}\n.hz-tour-card-title{font-family:'Playfair Display',serif;color:#8B6914;font-size:1.3rem;text-align:center;margin:0 0 0.75rem;font-weight:500;}\n.hz-tour-embed{position:relative;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 4px 16px rgba(0,0,0,0.1);aspect-ratio:16\/9;}\n.hz-tour-embed a{display:block;width:100%;height:100%;text-decoration:none;color:#fff;}\n.hz-tour-embed video,.hz-tour-embed iframe{width:100%;height:100%;object-fit:cover;display:block;border:0;}\n.hz-tour-embed .hz-tour-cta{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.72);color:#fff;padding:9px 18px;border-radius:22px;font-family:Inter,sans-serif;font-size:0.92rem;font-weight:600;letter-spacing:0.02em;pointer-events:none;transition:background 0.2s;display:inline-flex;align-items:center;gap:6px;}\n.hz-tour-embed .hz-tour-cta::before{content:'';display:inline-block;width:14px;height:14px;background:no-repeat center\/contain url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3a14 14 0 010 18M12 3a14 14 0 000 18\"\/><\/svg>');}\n.hz-tour-embed:hover .hz-tour-cta{background:#C9A96E;}\n@media(max-width:768px){.hz-tours-grid{grid-template-columns:1fr;gap:1.25rem;}}\n<\/style>\n\n<div class=\"hz-hero-video-wrap\">\n  <video autoplay loop muted playsinline disablepictureinpicture preload=\"metadata\" poster=\"https:\/\/www.hazeville.fr\/wp-content\/uploads\/2026\/05\/hazeville_hero_poster.jpg\" src=\"https:\/\/www.hazeville.fr\/wp-content\/uploads\/2026\/05\/hazeville_hero_drone_15s.mp4\"><\/video>\n<\/div>\n\n<div class=\"hz-mq-band\">\n  <div class=\"hz-mq-row\">\n    <div class=\"hz-mq-picto\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><line x1=\"3\" y1=\"3\" x2=\"21\" y2=\"21\"\/><\/svg>\n      <span>Sans vis-&agrave;-vis<\/span>\n    <\/div>\n    <div class=\"hz-mq-picto\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><path d=\"M12 2C9 5 6 8 6 12c0 3.3 2.7 6 6 6s6-2.7 6-6c0-4-3-7-6-10z\"\/><line x1=\"12\" y1=\"14\" x2=\"12\" y2=\"22\"\/><\/svg>\n      <span>Parc naturel<br>du Vexin<\/span>\n    <\/div>\n    <div class=\"hz-mq-picto\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 22V10l3-2 3 2v3h6v-3l3-2 3 2v12\"\/><path d=\"M9 22v-5h6v5\"\/><path d=\"M6 6V3M9 5V2M15 5V2M18 6V3\"\/><\/svg>\n      <span>Ch&acirc;teau<br>familial<\/span>\n    <\/div>\n    <div class=\"hz-mq-picto\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><circle cx=\"6\" cy=\"6\" r=\"2\"\/><circle cx=\"18\" cy=\"6\" r=\"2\"\/><circle cx=\"6\" cy=\"18\" r=\"2\"\/><circle cx=\"18\" cy=\"18\" r=\"2\"\/><path d=\"M8 6h8M6 8v8M18 8v8M8 18h8\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n      <span>Drone &amp;<br>artifices accept&eacute;s<\/span>\n    <\/div>\n    <div class=\"hz-mq-picto\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n      <span>40 min<br>de Paris<\/span>\n    <\/div>\n    <div class=\"hz-mq-picto\">\n      <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4a2 2 0 01-2-2V5h4M18 9h2a2 2 0 002-2V5h-4\"\/><path d=\"M6 5v6a6 6 0 0012 0V5H6z\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"20\"\/><line x1=\"8\" y1=\"22\" x2=\"16\" y2=\"22\"\/><\/svg>\n      <span>Wedding Awards<br>2024 &amp; 2025<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"hz-maquette-wrap\">\n  <h2 class=\"model-title\">Le Ch&acirc;teau d&rsquo;Hazeville en 3D<\/h2>\n  <p class=\"model-context\">Cette maquette 3D a &eacute;t&eacute; r&eacute;alis&eacute;e &agrave; partir de relev&eacute;s pr&eacute;cis du ch&acirc;teau, permettant une exploration fid&egrave;le de son architecture &mdash; manoir de 1560, nich&eacute; au c&oelig;ur du Vexin fran&ccedil;ais.<\/p>\n\n  <script type=\"module\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/model-viewer\/3.5.0\/model-viewer.min.js\"><\/script>\n  <div class=\"model-container\">\n    <model-viewer\n      src=\"https:\/\/raw.githubusercontent.com\/thibaultdeneck\/3d_Haz\/main\/last_thierry.glb\"\n      poster=\"https:\/\/www.hazeville.fr\/wp-content\/uploads\/2026\/05\/hazeville_hero_poster.jpg\"\n      alt=\"Maquette 3D du Ch&acirc;teau d'Hazeville - Manoir de 1560 dans le Vexin\"\n      auto-rotate\n auto-rotate-delay=\"0\"\n      rotation-per-second=\"1deg\"\n      camera-controls\n touch-action=\"pan-y\"\n      min-camera-orbit=\"-Infinity 45deg 30m\"\n      max-camera-orbit=\"Infinity 45deg 250m\"\n      min-field-of-view=\"15deg\"\n      max-field-of-view=\"75deg\"\n      camera-orbit=\"0deg 45deg 120m\"\n      interaction-prompt=\"none\"\n      loading=\"lazy\"\n      reveal=\"auto\"\n      shadow-intensity=\"0.8\"\n      shadow-softness=\"0.5\"\n      environment-image=\"neutral\"\n      exposure=\"1.1\"\n      style=\"background-color:transparent;\">\n      <div slot=\"progress-bar\"><\/div>\n    <\/model-viewer>\n  <\/div>\n\n  <p style=\"text-align:center;color:#8B6914;font-size:0.9rem;margin-top:0.75rem;font-family:Inter,sans-serif;\">Cr&eacute;dits&nbsp;: <a href=\"https:\/\/abacabdroneservices.fr\" target=\"_blank\" rel=\"noopener\" style=\"color:#8B6914;text-decoration:underline;\">AbacabDrone<\/a> &middot; <a href=\"https:\/\/hugomenendez.fr\/\" target=\"_blank\" rel=\"noopener\" style=\"color:#8B6914;text-decoration:underline;\">Hugo Menendez<\/a><\/p>\n  <p class=\"model-instructions\">Cliquez et glissez pour tourner. Molette \/ pincement pour zoomer. La rotation auto reprend automatiquement.<\/p>\n<\/div>\n\n<div class=\"hz-mport-wrap\">\n  <h2 class=\"hz-mport-title\">Visite immersive 360&deg; HD &mdash; Le Ch&acirc;teau<\/h2>\n  <p class=\"hz-mport-sub\">Explorez le ch&acirc;teau en 3D depuis la vue maquette (dollhouse), puis plongez librement &agrave; l&rsquo;int&eacute;rieur de chaque pi&egrave;ce.<br><em style=\"font-size:0.95em;color:#8B6914;\">Visite enregistr&eacute;e en 2023 &mdash; depuis, l&rsquo;arriv&eacute;e de Marie et Thibault en 2024 a permis d&rsquo;embellir et de moderniser le domaine. La r&eacute;alit&eacute; d&rsquo;aujourd&rsquo;hui d&eacute;passe ce que vous d&eacute;couvrez ici.<\/em><\/p>\n  <div class=\"hz-mport-frame\">\n    <iframe data-src=\"https:\/\/my.matterport.com\/show\/?m=rQMEUkuiBUL&amp;play=1&amp;ss=104&amp;sr=-3.08,.98&amp;lang=fr&amp;hl=2&amp;brand=0&amp;title=0&amp;vr=0\" sandbox=\"allow-scripts allow-same-origin allow-presentation\" allow=\"xr-spatial-tracking; fullscreen\" referrerpolicy=\"no-referrer\" title=\"Visite immersive 360\u00b0 HD du Ch\u00e2teau d'Hazeville\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe>\n  <\/div>\n<\/div>\n\n<div class=\"hz-mport-wrap\">\n  <h2 class=\"hz-mport-title\">Le Pigeonnier &mdash; 2 suites<\/h2>\n  <p class=\"hz-mport-sub\">Visite immersive du pigeonnier et de ses deux suites d&rsquo;h&eacute;bergement.<\/p>\n  <div class=\"hz-mport-frame\">\n    <iframe data-src=\"https:\/\/my.matterport.com\/show\/?m=LDQk3uekR8X&amp;play=1&amp;qs=1&amp;lang=fr&amp;hl=2&amp;brand=0&amp;title=0&amp;vr=0\" sandbox=\"allow-scripts allow-same-origin allow-presentation\" allow=\"xr-spatial-tracking; fullscreen\" referrerpolicy=\"no-referrer\" title=\"Visite immersive 360\u00b0 HD du Pigeonnier\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe>\n  <\/div>\n<\/div>\n\n<div class=\"hz-mport-wrap\">\n  <h2 class=\"hz-mport-title\">Les 3 Arches<\/h2>\n  <p class=\"hz-mport-sub\">Visite immersive de la salle des 3 Arches.<\/p>\n  <div class=\"hz-mport-frame\">\n    <iframe data-src=\"https:\/\/my.matterport.com\/show\/?m=MqnJE4fcJxU&amp;play=1&amp;qs=1&amp;lang=fr&amp;hl=2&amp;brand=0&amp;title=0&amp;vr=0\" sandbox=\"allow-scripts allow-same-origin allow-presentation\" allow=\"xr-spatial-tracking; fullscreen\" referrerpolicy=\"no-referrer\" title=\"Visite immersive 360\u00b0 HD des 3 Arches\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe>\n  <\/div>\n<\/div>\n\n\n<script>\n(function(){\n  function bind(){\n    var mv = document.querySelector('.hz-maquette-wrap model-viewer');\n    if(!mv) return;\n    var dragging = false;\n    mv.addEventListener('pointerdown', function(){ dragging = true; mv.removeAttribute('auto-rotate'); }, {passive:true});\n    var resume = function(){ dragging = false; mv.setAttribute('auto-rotate',''); };\n    mv.addEventListener('pointerup', resume, {passive:true});\n    mv.addEventListener('pointercancel', resume, {passive:true});\n    mv.addEventListener('pointerleave', resume, {passive:true});\n    \/\/ Garde l'auto-rotate active pendant le zoom (molette \/ pincement)\n    mv.addEventListener('wheel', function(){ if(!dragging){ requestAnimationFrame(function(){ mv.setAttribute('auto-rotate',''); }); } }, {passive:true});\n  }\n  if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', bind); } else { bind(); }\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Sans vis-&agrave;-vis Parc natureldu Vexin Ch&acirc;teaufamilial Drone &amp;artifices accept&eacute;s 40 minde Paris Wedding Awards2024 &amp; 2025 Le Ch&acirc;teau d&rsquo;Hazeville en 3D Cette maquette 3D a &eacute;t&eacute; r&eacute;alis&eacute;e &agrave; partir de relev&eacute;s pr&eacute;cis du ch&acirc;teau, permettant une exploration fid&egrave;le de son architecture &mdash; manoir de 1560, nich&eacute; au c&oelig;ur du Vexin fran&ccedil;ais. Cr&eacute;dits&nbsp;: AbacabDrone &middot; Hugo [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":210,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-13766","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hazeville.fr\/en\/wp-json\/wp\/v2\/pages\/13766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hazeville.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hazeville.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hazeville.fr\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hazeville.fr\/en\/wp-json\/wp\/v2\/comments?post=13766"}],"version-history":[{"count":18,"href":"https:\/\/www.hazeville.fr\/en\/wp-json\/wp\/v2\/pages\/13766\/revisions"}],"predecessor-version":[{"id":13785,"href":"https:\/\/www.hazeville.fr\/en\/wp-json\/wp\/v2\/pages\/13766\/revisions\/13785"}],"up":[{"embeddable":true,"href":"https:\/\/www.hazeville.fr\/en\/wp-json\/wp\/v2\/pages\/210"}],"wp:attachment":[{"href":"https:\/\/www.hazeville.fr\/en\/wp-json\/wp\/v2\/media?parent=13766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}