{"id":6998,"date":"2026-01-21T21:57:39","date_gmt":"2026-01-21T21:57:39","guid":{"rendered":"https:\/\/entretienlaurentides.ca\/?p=6998"},"modified":"2026-04-03T17:46:36","modified_gmt":"2026-04-03T17:46:36","slug":"pave-uni-pour-amenagement-exterieur","status":"publish","type":"post","link":"https:\/\/entretienlaurentides.ca\/?p=6998","title":{"rendered":"Pav\u00e9 uni"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6998\" class=\"elementor elementor-6998\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43bf139 e-con-full e-flex e-con e-parent\" data-id=\"43bf139\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3782f0 elementor-widget elementor-widget-html\" data-id=\"f3782f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"hero-pave-custom\">\n\n  <div class=\"hero-overlay\"><\/div>\n\n  <div class=\"hero-text-block\"> \n    <h1>Pav\u00e9 Uni<\/h1>\n    <p>\n      Structure. \u00c9l\u00e9gance.<br>\n      Durabilit\u00e9.\n    <\/p>\n\n    <div class=\"hero-cta-wrap\">\n      <a class=\"hero-cta\" href=\"https:\/\/entretienlaurentides.ca\/?page_id=18\">\n        R\u00c9SERVEZ VOTRE SOUMISSION GRATUITE\n      <\/a>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style>\nhtml,\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow-x: hidden !important;\n}\n\n#hero-pave-custom {\n  position: relative !important;\n  width: 100vw !important;\n  min-height: 100svh !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  overflow: hidden !important;\n  padding: 0 !important;\n  background: #111 !important;\n  isolation: isolate !important;\n  background-image: url(\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/image-8.png\") !important;\n  background-size: cover !important;\n  background-position: center center !important;\n  background-repeat: no-repeat !important;\n}\n\n#hero-pave-custom .hero-overlay {\n  position: absolute !important;\n  inset: 0 !important;\n  background: rgba(0, 0, 0, 0.34) !important;\n  z-index: 1 !important;\n}\n\n#hero-pave-custom .hero-text-block {\n  position: relative !important;\n  z-index: 2 !important;\n  width: min(92vw, 1400px) !important;\n  max-width: 92vw !important;\n  margin: 0 auto !important;\n  padding: 12vh 2vw 16vh !important;\n  text-align: center !important;\n  transform: translateY(48px) !important;\n}\n\n#hero-pave-custom h1 {\n  display: block !important;\n  width: 100% !important;\n  margin: 0 0 26px 0 !important;\n  color: #ffffff !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: clamp(4.8rem, 10vw, 9rem) !important;\n  font-weight: 200 !important;\n  line-height: 0.9 !important;\n  letter-spacing: 0.015em !important;\n  text-transform: uppercase !important;\n  text-shadow: 0 12px 40px rgba(0, 0, 0, 0.30) !important;\n  transition: transform 0.2s ease-out !important;\n}\n\n#hero-pave-custom p {\n  display: block !important;\n  width: 100% !important;\n  margin: 0 !important;\n  color: #ffffff !important;\n  opacity: 0.95 !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: clamp(1.5rem, 3vw, 2.8rem) !important;\n  font-weight: 200 !important;\n  line-height: 1.12 !important;\n  letter-spacing: 0.035em !important;\n  text-transform: uppercase !important;\n  transition: transform 0.2s ease-out !important;\n}\n\n#hero-pave-custom .hero-cta-wrap {\n  margin-top: 58px !important;\n}\n\n#hero-pave-custom .hero-cta {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  min-height: 60px !important;\n  padding: 0 34px !important;\n  border: 1.5px solid rgba(255, 255, 255, 0.82) !important;\n  border-radius: 4px !important;\n  background: rgba(255, 255, 255, 0.06) !important;\n  backdrop-filter: blur(8px) !important;\n  -webkit-backdrop-filter: blur(8px) !important;\n  color: #ffffff !important;\n  text-decoration: none !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 0.80rem !important;\n  font-weight: 500 !important;\n  letter-spacing: 0.18em !important;\n  text-transform: uppercase !important;\n  line-height: 1 !important;\n  text-align: center !important;\n  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18) !important;\n  transition:\n    background 0.35s ease,\n    color 0.35s ease,\n    border-color 0.35s ease,\n    transform 0.35s ease,\n    box-shadow 0.35s ease !important;\n}\n\n#hero-pave-custom .hero-cta:hover {\n  background: #ffffff !important;\n  color: #111111 !important;\n  border-color: #ffffff !important;\n  transform: translateY(-2px) !important;\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.24) !important;\n}\n\n#hero-pave-custom .hero-cta:focus {\n  outline: none !important;\n  box-shadow:\n    0 0 0 4px rgba(255, 255, 255, 0.14),\n    0 20px 40px rgba(0, 0, 0, 0.24) !important;\n}\n\n@media (max-width: 1200px) {\n  #hero-pave-custom .hero-text-block {\n    padding: 12vh 2vw 14vh !important;\n    transform: translateY(38px) !important;\n  }\n\n  #hero-pave-custom h1 {\n    font-size: clamp(4rem, 7vw, 6.6rem) !important;\n    line-height: 0.92 !important;\n  }\n\n  #hero-pave-custom p {\n    font-size: clamp(1.35rem, 3vw, 2.2rem) !important;\n  }\n\n  #hero-pave-custom .hero-cta-wrap {\n    margin-top: 46px !important;\n    padding: 0 20px !important;\n  }\n\n  #hero-pave-custom .hero-cta {\n    padding: 0 28px !important;\n    font-size: 0.76rem !important;\n    letter-spacing: 0.14em !important;\n    white-space: normal !important;\n  }\n}\n\n@media (max-width: 768px) {\n  #hero-pave-custom {\n    min-height: 100svh !important;\n    padding: 0 16px !important;\n  }\n\n  #hero-pave-custom .hero-text-block {\n    width: 100% !important;\n    max-width: 100% !important;\n    padding: 14vh 10px 14vh !important;\n    transform: translateY(24px) !important;\n  }\n\n  #hero-pave-custom h1 {\n    font-size: clamp(2.8rem, 8vw, 4.6rem) !important;\n    line-height: 0.96 !important;\n    margin-bottom: 16px !important;\n    letter-spacing: 0.01em !important;\n  }\n\n  #hero-pave-custom p {\n    font-size: clamp(1rem, 4.6vw, 1.5rem) !important;\n    line-height: 1.18 !important;\n    letter-spacing: 0.03em !important;\n  }\n\n  #hero-pave-custom .hero-cta-wrap {\n    margin-top: 40px !important;\n    padding: 0 14px !important;\n  }\n\n  #hero-pave-custom .hero-cta {\n    width: 100% !important;\n    max-width: 420px !important;\n    min-height: 54px !important;\n    padding: 0 18px !important;\n    border-radius: 3px !important;\n    font-size: 0.70rem !important;\n    line-height: 1.2 !important;\n    letter-spacing: 0.10em !important;\n    white-space: normal !important;\n  }\n}\n\n@media (max-width: 480px) {\n  #hero-pave-custom .hero-text-block {\n    padding: 15vh 6px 12vh !important;\n    transform: translateY(16px) !important;\n  }\n\n  #hero-pave-custom h1 {\n    font-size: clamp(2.35rem, 10.2vw, 3.6rem) !important;\n    line-height: 0.98 !important;\n    margin-bottom: 14px !important;\n  }\n\n  #hero-pave-custom p {\n    font-size: clamp(0.92rem, 4.5vw, 1.18rem) !important;\n    line-height: 1.2 !important;\n  }\n\n  #hero-pave-custom .hero-cta {\n    font-size: 0.64rem !important;\n    padding: 0 14px !important;\n    letter-spacing: 0.07em !important;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const hero = document.querySelector(\"#hero-pave-custom\");\n  const title = hero ? hero.querySelector(\"h1\") : null;\n  const subtitle = hero ? hero.querySelector(\"p\") : null;\n\n  if (!hero || !title || !subtitle) return;\n\n  hero.addEventListener(\"mousemove\", function (e) {\n    const rect = hero.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n\n    const moveX = (x - rect.width \/ 2) \/ 60;\n    const moveY = (y - rect.height \/ 2) \/ 60;\n\n    title.style.transform = \"translate(\" + moveX + \"px,\" + moveY + \"px)\";\n    subtitle.style.transform = \"translate(\" + (moveX * 0.6) + \"px,\" + (moveY * 0.6) + \"px)\";\n  });\n\n  hero.addEventListener(\"mouseleave\", function () {\n    title.style.transform = \"translate(0,0)\";\n    subtitle.style.transform = \"translate(0,0)\";\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-989627c elementor-widget elementor-widget-html\" data-id=\"989627c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"pave-structure-section\">\n\n  <div class=\"pave-structure-inner\">\n    <h2 class=\"pave-structure-title reveal-on-scroll\">\n      PAV\u00c9S, DALLES, MARCHES &amp; MURS\n    <\/h2>\n\n    <p class=\"pave-structure-lead reveal-on-scroll\">\n      Nous r\u00e9alisons les entr\u00e9es de garage, les marches, les murets et les am\u00e9nagements\n      complets en pav\u00e9 uni et pierres naturelles, avec une approche inspir\u00e9e des plus hauts\n      standards de l\u2019am\u00e9nagement ext\u00e9rieur.\n      \n    <\/p>\n\n    <div class=\"pave-structure-grid\">\n\n      <!-- Image 1 -->\n      <figure class=\"pave-card pave-card-left\">\n        <img decoding=\"async\"\n          src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-13.06.09.png\"\n          alt=\"Am\u00e9nagement pav\u00e9 uni - muret et fleurs\"\n          loading=\"lazy\"\n        \/>\n      <\/figure>\n\n      <!-- Image 2-->\n      <figure class=\"pave-card pave-card-bottom\">\n        <img decoding=\"async\"\n          src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-13.11.08.png\"\n          alt=\"Entr\u00e9e en pav\u00e9 uni - marches et terrasse\"\n          loading=\"lazy\"\n        \/>\n      <\/figure>\n\n      <!-- Texte droite  -->\n      <div class=\"pave-structure-side reveal-on-scroll\">\n        Les diff\u00e9rentes teintes <br>et finitions du pav\u00e9 uni <br>se distinguent naturellement <br> sur une surface\n        uniforme,<br>apportant relief, profondeur <br> et caract\u00e8re \u00e0 chaque espace am\u00e9nag\u00e9.\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style>\n\/* ===============================\n    FOND MOTIF\n================================ *\/\n.pave-structure-section{\n  position: relative;\n  width: 100%;\n  padding: clamp(60px, 7vw, 110px) 0;\n  background-image: url(\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Pave\u0301-Uni-1.png\");\n  background-size: 520px;\n  background-repeat: repeat;\n  background-position: center;\n}\n\n.pave-structure-inner{\n  width: min(1280px, 92vw);\n  margin: 0 auto;\n}\n\n\/* ===============================\n   TEXTES\n================================ *\/\n.pave-structure-title{\n  margin: 0 0 18px 0;\n  text-align: center;\n  font-family: \"TT Fors\", \"Montserrat\", sans-serif;\n  font-weight: 700;\n  font-size: clamp(32px, 3.7vw, 58px);\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: #4b4b4b;\n}\n\n.pave-structure-lead{\n  margin: 0 0 40px 0;\n  text-align: center;\n  font-family: \"TT Fors\", \"Montserrat\", sans-serif;\n  font-weight: 500;\n  font-size: clamp(22px, 0.9vw, 36px);\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: #4b4b4b;\n}\n\n\/* Texte droite *\/\n.pave-structure-side{\n    margin-top: 120px;\n  font-family: \"TT Fors\", \"Montserrat\", sans-serif;\n  font-weight: 500;\n  font-size: clamp(12px, 0.9vw, 26px);\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: #4b4b4b;\n}\n\n\/* scroll *\/\n.reveal-on-scroll{\n  opacity: 0;\n  transform: translateY(25px);\n  transition:\n    opacity 0.7s ease-out,\n    transform 0.7s ease-out;\n  will-change: opacity, transform;\n}\n\n.reveal-on-scroll.visible{\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ===============================\n   GRID\n================================ *\/\n.pave-structure-grid{\n  display: grid;\n  grid-template-columns: 1.05fr 1.2fr 0.8fr;\n  gap: 28px;\n  align-items: start;\n}\n\n\/* ===============================\n   CARTES IMAGES \n================================ *\/\n.pave-card{\n  margin: 0;\n  background: rgba(255,255,255,0.65);\n  border: 1px solid rgba(255,255,255,0.9);\n  box-shadow: 0 10px 0px rgba(0,0,0,0.06);\n  overflow: hidden;\n  transition: transform 0.9s cubic-bezier(.19,1,.22,1),\n              opacity 0.9s cubic-bezier(.19,1,.22,1);\n}\n\n\/* d\u00e9part *\/\n.pave-card-left{\n  transform: translateX(-80px);\n  opacity: 0;\n}\n\n.pave-card-bottom{\n  transform: translateY(80px);\n  opacity: 0;\n}\n\n\/*  visible *\/\n.pave-card.visible{\n  transform: translate(0,0);\n  opacity: 1;\n}\n\n.pave-card img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* ===============================\n   RESPONSIVE\n================================ *\/\n@media (max-width: 1024px){\n  .pave-structure-grid{\n    grid-template-columns: 1fr 1fr;\n  }\n  .pave-structure-side{\n    grid-column: 1 \/ -1;\n  }\n}\n\n@media (max-width: 640px){\n  .pave-structure-grid{\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n\n  \/* apparition *\/\n  const cards = document.querySelectorAll('.pave-card');\n\n  const observer = new IntersectionObserver(\n    (entries, obs) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          obs.unobserve(entry.target);\n        }\n      });\n    },\n    { threshold: 0.25 }\n  );\n\n  cards.forEach(card => observer.observe(card));\n\n  \/*dscroll inverse *\/\n  const texts = document.querySelectorAll('.reveal-on-scroll');\n\n  const textObserver = new IntersectionObserver(\n    (entries, obs) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          obs.unobserve(entry.target);\n        }\n      });\n    },\n    { threshold: 0.25 }\n  );\n\n  texts.forEach(el => textObserver.observe(el));\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-269629c elementor-widget elementor-widget-html\" data-id=\"269629c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"inspiration-section\">\n\n  <div class=\"inspiration-inner\">\n    <h2 class=\"inspiration-title reveal-on-scroll\">\n      INSPIRATION &amp; AM\u00c9NAGEMENT\n    <\/h2>\n\n    <div class=\"inspiration-grid\">\n\n      <!-- CARTE 1 -->\n      <article class=\"insp-card insp-card-left\">\n        <figure class=\"insp-image-wrap\">\n          <img decoding=\"async\"\n            src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/c2a79258cf0288d08e1e679bfc95c2a2.jpg\"\n            alt=\"Pav\u00e9s & dalles\"\n            loading=\"lazy\"\n          \/>\n        <\/figure>\n        <div class=\"insp-label\">\n          <h3>Pav\u00e9s &amp; dalles<\/h3>\n          <p>Structure au sol, prestige en surface.<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- CARTE 2 -->\n      <article class=\"insp-card insp-card-bottom\">\n        <figure class=\"insp-image-wrap\">\n          <img decoding=\"async\"\n            src=\"https:\/\/i.pinimg.com\/1200x\/97\/9b\/e8\/979be8dbbeb3a45362052a1a478b2ec2.jpg\"\n            alt=\"Marches & couronnements\"\n            loading=\"lazy\"\n          \/>\n        <\/figure>\n        <div class=\"insp-label\">\n          <h3>Marches &amp; couronnements<\/h3>\n          <p>Architecture en relief.<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- CARTE 3 -->\n      <article class=\"insp-card insp-card-right\">\n        <figure class=\"insp-image-wrap\">\n          <img decoding=\"async\"\n            src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/image-11.png\"\n            alt=\"Pav\u00e9s perm\u00e9ables & sout\u00e8nements\"\n            loading=\"lazy\"\n          \/>\n        <\/figure>\n        <div class=\"insp-label\">\n          <h3>Pav\u00e9s perm\u00e9ables &amp; sout\u00e8nements<\/h3>\n          <p>Gestion intelligente. Structure durable.<\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style>\n\/* ===============================\n   SECTION FOND MOTIF\n================================ *\/\n.inspiration-section{\n  position: relative;\n  width: 100%;\n  padding: clamp(60px, 7vw, 110px) 0;\n  background-image: url(\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Pave\u0301-Uni-1.png\");\n  background-size: 520px;\n  background-repeat: repeat;\n  background-position: center;\n}\n\n.inspiration-inner{\n  width: min(1280px, 92vw);\n  margin: 0 auto;\n}\n\n\/* ===============================\n   TITRE\n================================ *\/\n.inspiration-title{\n  margin: 0 0 40px 0;\n  text-align: center;\n  font-family: \"TT Fors\", \"Montserrat\", sans-serif;\n  font-weight: 500;\n  font-size: clamp(32px, 3.7vw, 56px);\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: #4b4b4b;\n}\n\n\/*  r\u00e9v\u00e9lation *\/\n.reveal-on-scroll{\n  opacity: 0;\n  transform: translateY(25px);\n  transition:\n    opacity 0.7s ease-out,\n    transform 0.7s ease-out;\n  will-change: opacity, transform;\n}\n\n.reveal-on-scroll.visible{\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ===============================\n   GRID 3 CARTES\n================================ *\/\n.inspiration-grid{\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  align-items: stretch;\n}\n\n\/* Carte globale *\/\n.insp-card{\n  position: relative;\n  background: #e5e5e5;\n  overflow: hidden;\n  cursor: default;\n  border-radius: 0;\n  box-shadow: 0 10px 20px rgba(0,0,0,0.08);\n  transform-origin: center;\n  transition: transform 0.9s cubic-bezier(.19,1,.22,1),\n              opacity 0.9s cubic-bezier(.19,1,.22,1);\n}\n\n\/* animations *\/\n.insp-card-left{\n  transform: translateX(-80px);\n  opacity: 0;\n}\n.insp-card-bottom{\n  transform: translateY(80px);\n  opacity: 0;\n}\n.insp-card-right{\n  transform: translateX(80px);\n  opacity: 0;\n}\n\n\/* visible *\/\n.insp-card.visible{\n  transform: translate(0,0);\n  opacity: 1;\n}\n\n\/* Image *\/\n.insp-image-wrap{\n  margin: 0;\n  height: 100%;\n}\n\n.insp-image-wrap img{\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.7s ease-out;\n}\n\n\/* Hover*\/\n.insp-card:hover .insp-image-wrap img{\n  transform: scale(1.04);\n}\n\n\/* Cartouche *\/\n.insp-label{\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: #ffffff;\n  padding: 18px 26px 20px;\n  box-shadow: 0 -6px 20px rgba(0,0,0,0.08);\n}\n\n.insp-label h3{\n  margin: 0 0 4px 0;\n  font-family: \"TT Fors\", \"Montserrat\", sans-serif;\n  font-weight: 600;\n  font-size: 20px;\n  letter-spacing: 0.16em;\n  text-transform: lowercase;\n  text-transform: none;\n  color: #111111;\n}\n\n.insp-label p{\n  margin: 0;\n  font-family: \"TT Fors\", \"Montserrat\", sans-serif;\n  font-weight: 400;\n  font-size: 14px;\n  letter-spacing: 0.03em;\n  color: #555555;\n}\n\n\/* ===============================\n   RESPONSIVE\n================================ *\/\n@media (max-width: 1024px){\n  .inspiration-grid{\n    grid-template-columns: 1fr 1fr;\n  }\n  .insp-card-right{\n    grid-column: 1 \/ -1;\n  }\n}\n\n@media (max-width: 640px){\n  .inspiration-grid{\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  \/* R\u00e9v\u00e9lation  *\/\n  const reveal = document.querySelectorAll('.reveal-on-scroll');\n  const cards  = document.querySelectorAll('.insp-card');\n\n  const observer = new IntersectionObserver(\n    (entries, obs) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          obs.unobserve(entry.target);\n        }\n      });\n    },\n    { threshold: 0.2 }\n  );\n\n  reveal.forEach(el => observer.observe(el));\n  cards.forEach(card => observer.observe(card));\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af219a1 elementor-widget elementor-widget-html\" data-id=\"af219a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"simu-simple\" style=\"padding:40px 20px; font-family:Montserrat,Arial,sans-serif; max-width:1100px; margin:0 auto;\">\n  <h2 style=\"text-align:center; font-weight:500; letter-spacing:0.12em; text-transform:uppercase; font-size:18px; margin:0 0 30px;\">\n    Imaginez. Simulez. Concr\u00e9tisez.\n  <\/h2>\n\n  <div style=\"display:flex; flex-wrap:wrap; gap:24px; align-items:center; justify-content:space-between;\">\n    \n    <!-- GAUCHE -->\n    <div style=\"flex:0 0 8cm; min-width:8cm; width:8cm;\">\n\n      <!-- TYPE -->\n      <div style=\"margin-bottom:18px;\">\n        <label for=\"typeSelectSimple\" style=\"display:block; font-size:12px; text-transform:uppercase; letter-spacing:0.14em; color:#555; margin-bottom:6px;\">\n          Type de produit\n        <\/label>\n\n        <div style=\"position:relative;\">\n          <select id=\"typeSelectSimple\"\n            style=\"\n              width:100%;\n              padding:12px 36px 12px 16px;\n              border:3px solid #000;\n              border-radius:18px;\n              font-size:15px;\n              font-weight:400;\n              font-family:Montserrat, Arial, sans-serif;\n              cursor:pointer;\n              appearance:none;\n              -webkit-appearance:none;\n              -moz-appearance:none;\n              background:#fff;\n            \">\n          <\/select>\n\n          <span style=\"\n            position:absolute;\n            right:0;\n            top:0;\n            width:42px;\n            height:100%;\n            background:#000;\n            border-radius:0 16px 16px 0;\n            pointer-events:none;\n          \">\n            <span style=\"\n              position:absolute;\n              left:50%;\n              top:50%;\n              width:0;\n              height:0;\n              margin-left:-6px;\n              margin-top:-2px;\n              border-left:6px solid transparent;\n              border-right:6px solid transparent;\n              border-top:6px solid #fff;\n            \"><\/span>\n          <\/span>\n        <\/div>\n      <\/div>\n\n      <!-- MOD\u00c8LE -->\n      <div>\n        <label for=\"prodSelectSimple\" style=\"display:block; font-size:12px; text-transform:uppercase; letter-spacing:0.14em; color:#555; margin-bottom:6px;\">\n          Mod\u00e8le\n        <\/label>\n\n        <div style=\"position:relative;\">\n          <select id=\"prodSelectSimple\"\n            style=\"\n              width:100%;\n              padding:12px 36px 12px 16px;\n              border:3px solid #000;\n              border-radius:18px;\n              font-size:15px;\n              font-weight:400;\n              font-family:Montserrat, Arial, sans-serif;\n              cursor:pointer;\n              appearance:none;\n              -webkit-appearance:none;\n              -moz-appearance:none;\n              background:#fff;\n            \">\n          <\/select>\n\n          <span style=\"\n            position:absolute;\n            right:0;\n            top:0;\n            width:42px;\n            height:100%;\n            background:#000;\n            border-radius:0 16px 16px 0;\n            pointer-events:none;\n          \">\n            <span style=\"\n              position:absolute;\n              left:50%;\n              top:50%;\n              width:0;\n              height:0;\n              margin-left:-6px;\n              margin-top:-2px;\n              border-left:6px solid transparent;\n              border-right:6px solid transparent;\n              border-top:6px solid #fff;\n            \"><\/span>\n          <\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- CENTRE : TEXTURE -->\n    <div style=\"flex:1 1 260px; max-width:320px;\">\n      <div style=\"border:2px solid #000; padding:10px; background:#fff;\">\n        <img decoding=\"async\" id=\"swatchImgSimple\"\n             src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-11.51.50.png\"\n             alt=\"Texture\"\n             style=\"width:100%; height:auto; display:block;\">\n      <\/div>\n    <\/div>\n\n    <!-- DROITE : INSTALL\u00c9 -->\n    <div style=\"flex:1 1 320px; min-width:280px;\">\n      <div style=\"border:2px solid #000; padding:10px; background:#fff;\">\n        <img decoding=\"async\" id=\"mainImgSimple\"\n             src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-11.52.15.png\"\n             alt=\"Install\u00e9\"\n             style=\"width:100%; height:auto; display:block;\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- TEXTE SOUS LES IMAGES -->\n  <div style=\"margin-top:20px; max-width:600px; word-break:break-word; overflow-wrap:break-word;\">\n    <div id=\"nameSimple\" style=\"font-size:15px; font-weight:600; margin-bottom:4px;\">\n      Collection de foyers Sculptura\n    <\/div>\n    <div id=\"typeSimple\" style=\"font-size:12px; text-transform:uppercase; letter-spacing:0.14em; color:#666; margin-bottom:4px;\">\n      Accessoires d'ext\u00e9rieur\n    <\/div>\n    <div id=\"descSimple\" style=\"font-size:13px; color:#444; margin-bottom:18px;\">\n      Foyers modulaires en blocs, parfaits pour structurer votre espace ext\u00e9rieur.\n    <\/div>\n\n    <!-- BOUTON CATALOGUE -->\n    <a href=\"https:\/\/d2zd6ny1q7rvh6.cloudfront.net\/ec6292e6-0b46-44bd-bda9-db3465af8253\/0acb5509af1f4476b5093c99cd3abe8c?response-content-disposition=inline%3B%20filename%2A%3DUTF-8%27%27TB2026_Catalog_Web_FR.pdf&response-content-type=application%2Fpdf&Expires=1775347200&Signature=LwXrAKbLhW7R-MIj8tzbYAsvgOIaIKISMEFX7ruOKxQMFMsHKa7035jV6lJVWR01xR3eVMAD4LIc-6PFccv3d10siaqj4YoGy5q9x2xPX4Wc2J99hbwsRy9zZhR7t87D9NESg2hOJmCIpZkuD8V1t~GFu-uMGGHRnwefAczB6jisKC1VLkjGsGKXJwf~DSAxPjhzw-yLK0coh6iv-YasbQLiZn276ZOACnLNbcCS0sTXM8AXMErq1tipRObMtnzP8spy7D8aaFXlijpwJLtf5XIbt~~3qQWPDaxscpt-~kPfsLqclMZljT9ML~twcHDggGF0KiNE3m6XWVjAVcV~8A__&Key-Pair-Id=APKAI33AGAEAYCXFBDTA\"\n       target=\"_blank\"\n       rel=\"noopener noreferrer\"\n       style=\"\n         display:inline-flex;\n         align-items:center;\n         justify-content:center;\n         padding:14px 22px;\n         border-radius:18px;\n         background:#000;\n         color:#fff;\n         text-decoration:none;\n         text-transform:uppercase;\n         letter-spacing:0.12em;\n         font-size:12px;\n         font-weight:600;\n         transition:all .25s ease;\n         border:2px solid #000;\n       \"\n       onmouseover=\"this.style.background='#fff';this.style.color='#000';\"\n       onmouseout=\"this.style.background='#000';this.style.color='#fff';\">\n      Cliquez pour voir le catalogue complet\n    <\/a>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  const DATA = [\n    {\n      id: \"sculptura\",\n      nom: \"Collection de foyers Sculptura\",\n      type: \"Accessoires d'ext\u00e9rieur\",\n      description: \"Foyers modulaires en blocs, parfaits pour structurer votre espace ext\u00e9rieur.\",\n      textureUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-11.51.50.png\",\n      installedUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-11.52.15.png\"\n    },\n    {\n      id: \"lumi\",\n      nom: \"Jardini\u00e8re et bol \u00e0 feu Lumi\",\n      type: \"Accessoires d'ext\u00e9rieur\",\n      description: \"Bol \u00e0 feu et jardini\u00e8re combin\u00e9s pour cr\u00e9er un point focal chaleureux.\",\n      textureUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-11.54.05.png\",\n      installedUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-11.53.52.png\"\n    },\n    {\n      id: \"brandon-foyer\",\n      nom: \"Foyer Brandon\",\n      type: \"Accessoires d'ext\u00e9rieur\",\n      description: \"Un foyer classique en blocs Brandon qui s\u2019int\u00e8gre parfaitement aux terrasses en pav\u00e9s.\",\n      textureUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-11.54.53.png\",\n      installedUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-11.55.09.png\"\n    },\n    {\n      id: \"prescott-foyer\",\n      nom: \"Foyer Prescott\",\n      type: \"Accessoires d'ext\u00e9rieur\",\n      description: \"Un foyer au style raffin\u00e9, id\u00e9al pour les am\u00e9nagements contemporains.\",\n      textureUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-11.56.36.png\",\n      installedUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-11.56.21.png\"\n    },\n    {\n      id: \"raffinato-foyer\",\n      nom: \"Foyer Raffinato\",\n      type: \"Accessoires d'ext\u00e9rieur\",\n      description: \"Lignes \u00e9pur\u00e9es et design lin\u00e9aire pour un coin feu moderne.\",\n      textureUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-12.00.54.png\",\n      installedUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-12.01.06.png\"\n    },\n    {\n      id: \"valencia-foyer\",\n      nom: \"Foyer Valencia\",\n      type: \"Accessoires d'ext\u00e9rieur\",\n      description: \"Foyer au gaz convivial, parfait pour prolonger les soir\u00e9es \u00e0 l\u2019ext\u00e9rieur.\",\n      textureUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-12.01.55.png\",\n      installedUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-12.01.49.png\"\n    },\n    {\n      id: \"borealis-bordure\",\n      nom: \"Borealis\",\n      type: \"Bordures\",\n      description: \"Bordure effet bois Borealis pour encadrer vos plates-bandes et all\u00e9es.\",\n      textureUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-12.03.05.png\",\n      installedUrl: \"https:\/\/www.techo-bloc.com\/cdn-cgi\/image\/width%3D1200%2Cheight%3D1200%2Cformat%3Dauto%2Cfit%3Dscale-down\/assets\/dc\/ef\/dcef7fab-047a-4037-84f8-cacf95e092ba\/retaining-wall-blocks-Borealis-Wall-muret-A00426_05_293.jpg\"\n    },\n    {\n      id: \"avignon-bordure\",\n      nom: \"Avignon\",\n      type: \"Bordures\",\n      description: \"Bordure Avignon, id\u00e9ale pour d\u00e9limiter les zones pav\u00e9es et les surfaces paysag\u00e9es.\",\n      textureUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-12.04.28.png\",\n      installedUrl: \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Capture-de\u0301cran-2026-02-27-a\u0300-12.04.18.png\"\n    }\n  ];\n\n  function init() {\n    const typeSelect = document.getElementById(\"typeSelectSimple\");\n    const prodSelect = document.getElementById(\"prodSelectSimple\");\n    const swatchImg = document.getElementById(\"swatchImgSimple\");\n    const mainImg = document.getElementById(\"mainImgSimple\");\n    const nameEl = document.getElementById(\"nameSimple\");\n    const typeEl = document.getElementById(\"typeSimple\");\n    const descEl = document.getElementById(\"descSimple\");\n\n    if (!typeSelect || !prodSelect) return;\n\n    const types = Array.from(new Set(DATA.map(d => d.type)));\n\n    typeSelect.innerHTML = \"\";\n    types.forEach(t => {\n      const opt = document.createElement(\"option\");\n      opt.value = t;\n      opt.textContent = t;\n      opt.title = t;\n      typeSelect.appendChild(opt);\n    });\n\n    let currentType = types[0];\n    let currentId = DATA[0].id;\n\n    function refreshProducts() {\n      prodSelect.innerHTML = \"\";\n      const filtered = DATA.filter(d => d.type === currentType);\n      filtered.forEach(d => {\n        const opt = document.createElement(\"option\");\n        opt.value = d.id;\n        opt.textContent = d.nom;\n        opt.title = d.nom;\n        prodSelect.appendChild(opt);\n      });\n      if (filtered.length > 0) currentId = filtered[0].id;\n    }\n\n    function updateView() {\n      const item = DATA.find(d => d.id === currentId);\n      if (!item) return;\n      swatchImg.src = item.textureUrl;\n      mainImg.src = item.installedUrl;\n      nameEl.textContent = item.nom;\n      typeEl.textContent = item.type;\n      descEl.textContent = item.description;\n    }\n\n    typeSelect.addEventListener(\"change\", () => {\n      currentType = typeSelect.value;\n      refreshProducts();\n      updateView();\n    });\n\n    prodSelect.addEventListener(\"change\", () => {\n      currentId = prodSelect.value;\n      updateView();\n    });\n\n    refreshProducts();\n    updateView();\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", init);\n  } else {\n    init();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a06e78 elementor-widget elementor-widget-html\" data-id=\"7a06e78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"cta-pave-section\">\n\n  <div class=\"cta-pave-inner cta-reveal\">\n    <h2 class=\"cta-pave-title\">\n      Pr\u00eat \u00e0 transformer votre espace ?\n    <\/h2>\n\n    <p class=\"cta-pave-text\">\n      Dites-nous ce que vous avez en t\u00eate,<br>\n      nous vous proposerons une approche claire<br>\n      et structur\u00e9e pour votre projet.\n    <\/p>\n\n    <a class=\"cta-pave-btn\" href=\"https:\/\/entretienlaurentides.ca\/?page_id=18\">\n      R\u00c9SERVEZ VOTRE SOUMISSION GRATUITE\n    <\/a>\n  <\/div>\n\n<\/section>\n\n<style>\n\/* ===============================\n   SECTION CTA \n================================ *\/\n.cta-pave-section{\n  position: relative;\n  width: 100%;\n  padding: clamp(80px, 10vw, 130px) 0;\n  background-image: url(\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/Pave\u0301-Uni-1.png\");\n  background-size: 520px;\n  background-repeat: repeat;\n  background-position: center;\n}\n\n\/* Contenu centr\u00e9 *\/\n.cta-pave-inner{\n  width: min(980px, 90vw);\n  margin: 0 auto;\n  text-align: center;\n}\n\n\/* Titre *\/\n.cta-pave-title{\n  margin: 0 0 26px 0;\n  font-family: \"TT Fors\", \"Montserrat\", sans-serif;\n  font-weight: 500;\n  font-size: clamp(30px, 3.2vw, 44px);\n  letter-spacing: 0.16em;\n  text-transform: none;\n  color: #3f4346;\n}\n\n\/* Texte *\/\n.cta-pave-text{\n  margin: 0 0 40px 0;\n  font-family: \"TT Fors\", \"Montserrat\", sans-serif;\n  font-weight: 400;\n  font-size: clamp(18px, 1.7vw, 26px);\n  line-height: 1.8;\n  color: #4e5357;\n}\n\n\/*  outline  *\/\n.cta-pave-btn{\n  display: inline-block;\n  padding: 18px 56px;\n  border: 2px solid #111111;\n  color: #111111;\n  text-decoration: none;\n  font-family: \"Montserrat\", sans-serif;\n  font-size: 0.9rem;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;\n}\n\n.cta-pave-btn:hover{\n  background: #111111;\n  color: #ffffff;\n  transform: translateY(-2px);\n}\n\n\/*  scroll *\/\n.cta-reveal{\n  opacity: 0;\n  transform: translateY(25px);\n  transition:\n    opacity 0.7s ease-out,\n    transform 0.7s ease-out;\n  will-change: opacity, transform;\n}\n\n.cta-reveal.visible{\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Responsive *\/\n@media (max-width: 640px){\n  .cta-pave-text{\n    line-height: 1.6;\n  }\n\n  .cta-pave-btn{\n    width: 100%;\n    max-width: 320px;\n    padding: 16px 24px;\n    letter-spacing: 0.16em;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const cta = document.querySelector('.cta-reveal');\n  if (!cta) return;\n\n  const observer = new IntersectionObserver(\n    (entries, obs) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          cta.classList.add('visible');\n          obs.unobserve(cta);\n        }\n      });\n    },\n    { threshold: 0.25 }\n  );\n\n  observer.observe(cta);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed8737b elementor-widget elementor-widget-html\" data-id=\"ed8737b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  \/\/ \n  const animatedEls = document.querySelectorAll(\n    '.pave-card, .insp-card, .reveal-on-scroll, .cta-reveal'\n  );\n\n  if (!animatedEls.length) return;\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n      \n        entry.target.classList.add('visible');\n      } else {\n        \/\/ sort de  zone  \n        entry.target.classList.remove('visible');\n      }\n    });\n  }, {\n    threshold: 0.25  \/\/ ~25% \n  });\n\n  animatedEls.forEach(el => observer.observe(el));\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pav\u00e9 Uni Structure. \u00c9l\u00e9gance. Durabilit\u00e9. R\u00c9SERVEZ VOTRE SOUMISSION GRATUITE PAV\u00c9S, DALLES, MARCHES &amp; MURS Nous r\u00e9alisons les entr\u00e9es de garage, les marches, les murets et les am\u00e9nagements complets en pav\u00e9 uni et pierres naturelles, avec une approche inspir\u00e9e des plus hauts standards de l\u2019am\u00e9nagement ext\u00e9rieur. Les diff\u00e9rentes teintes et finitions du pav\u00e9 uni se distinguent &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/entretienlaurentides.ca\/?p=6998\" class=\"more-link\">Lire la suite de<span class=\"screen-reader-text\">\u00ab\u00a0Pav\u00e9 uni\u00a0\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":7626,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6998","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=\/wp\/v2\/posts\/6998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6998"}],"version-history":[{"count":98,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=\/wp\/v2\/posts\/6998\/revisions"}],"predecessor-version":[{"id":8460,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=\/wp\/v2\/posts\/6998\/revisions\/8460"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=\/wp\/v2\/media\/7626"}],"wp:attachment":[{"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6998"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6998"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}