{"id":7146,"date":"2026-01-26T16:55:29","date_gmt":"2026-01-26T16:55:29","guid":{"rendered":"https:\/\/entretienlaurentides.ca\/?p=7146"},"modified":"2026-03-28T19:33:05","modified_gmt":"2026-03-28T19:33:05","slug":"amenagement-paysager","status":"publish","type":"post","link":"https:\/\/entretienlaurentides.ca\/?p=7146","title":{"rendered":"Am\u00e9nagement Paysager"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7146\" class=\"elementor elementor-7146\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f1161a e-flex e-con-boxed e-con e-parent\" data-id=\"3f1161a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0d6564 elementor-widget elementor-widget-html\" data-id=\"c0d6564\" 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<style>\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow-x: hidden !important;\n  background: #ffffff !important;\n}\n\n.elementor-section,\n.elementor-container,\n.elementor-column,\n.elementor-widget-wrap,\n.container,\n.site,\n.site-content,\n.content-area {\n  max-width: 100% !important;\n  width: 100% !important;\n}\n\n.elementor-section-wrap,\n.elementor-top-section {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nheader,\n.site-header,\n.navbar {\n  background: rgba(0, 0, 0, 0.14) !important;\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  transition: background 0.4s ease, backdrop-filter 0.4s ease;\n  z-index: 9999;\n}\n\n.section-amenagement {\n  position: relative;\n  width: 100vw;\n  min-height: 220vh;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  margin-top: 0;\n  margin-bottom: 0;\n  padding: 0 !important;\n  overflow: hidden;\n  isolation: isolate;\n  font-family: 'Montserrat', sans-serif;\n  color: #ffffff;\n}\n\n.bg-video-wrap {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 0;\n  overflow: hidden;\n}\n\n.bg-video {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  object-fit: cover;\n  z-index: 0;\n  pointer-events: none;\n  transition: opacity 0.7s ease;\n}\n\n.video-overlay {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 1;\n  background: rgba(0, 0, 0, 0.20);\n  transition: opacity 0.7s ease;\n  pointer-events: none;\n}\n\n.hero {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 3;\n  width: 1200px;\n  max-width: 92vw;\n  text-align: center;\n  pointer-events: none;\n}\n\n.hero-inner {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.hero-title {\n  font-size: clamp(2.6rem, 4.5vw, 4.2rem);\n  font-weight: 300;\n  line-height: 1.15;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: #ffffff;\n  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);\n  transition: opacity 0.4s ease, transform 0.4s ease, color 0.4s ease;\n}\n\n.hero-cta-wrap {\n  margin-top: 58px;\n  pointer-events: auto;\n}\n\n.hero-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 60px;\n  padding: 0 34px;\n  border: 1.5px solid rgba(255, 255, 255, 0.82);\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.06);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  color: #ffffff;\n  text-decoration: none !important;\n  text-transform: uppercase;\n  letter-spacing: 0.18em;\n  font-size: 0.80rem;\n  font-weight: 500;\n  line-height: 1;\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;\n  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);\n}\n\n.hero-cta:hover {\n  background: #ffffff;\n  color: #0b2e1f;\n  border-color: #ffffff;\n  transform: translateY(-2px);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.24);\n}\n\n.hero-cta:focus {\n  outline: none;\n  box-shadow:\n    0 0 0 4px rgba(255, 255, 255, 0.14),\n    0 20px 40px rgba(0, 0, 0, 0.24);\n}\n\n.content {\n  position: relative;\n  z-index: 2;\n  max-width: 1400px;\n  margin: 0 auto;\n  padding-top: 140vh;\n  opacity: 0;\n  transform: translateY(80px);\n  transition: opacity 0.8s ease, transform 0.8s ease;\n}\n\n.content.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\nbody.bg-white {\n  background: #ffffff !important;\n}\n\n.section-amenagement.scrolled .hero-title {\n  color: #0b2e1f;\n  text-shadow: none;\n}\n\n.section-amenagement.scrolled .hero-cta {\n  border-color: rgba(11, 46, 31, 0.20);\n  background: rgba(11, 46, 31, 0.05);\n  color: #0b2e1f;\n  box-shadow: 0 14px 30px rgba(11, 46, 31, 0.10);\n}\n\n.section-amenagement.scrolled .hero-cta:hover {\n  background: #0b2e1f;\n  color: #ffffff;\n  border-color: #0b2e1f;\n}\n\n.section-amenagement.scrolled .bg-video,\n.section-amenagement.scrolled .video-overlay {\n  opacity: 0;\n}\n\n@media (max-width: 600px) {\n  .section-amenagement {\n    min-height: auto;\n    margin-left: 0;\n    margin-right: 0;\n    width: 100%;\n  }\n\n  .bg-video,\n  .video-overlay {\n    height: 100%;\n    min-height: 100vh;\n  }\n\n  .hero {\n    position: relative;\n    top: auto;\n    left: auto;\n    transform: none !important;\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto 50px auto;\n    padding: 120px 20px 0;\n  }\n\n  .hero-title {\n    font-size: 1.9rem;\n    font-weight: 300;\n  }\n\n  .hero-cta-wrap {\n    margin-top: 42px;\n  }\n\n  .hero-cta {\n    min-height: 54px;\n    padding: 0 20px;\n    border-radius: 3px;\n    font-size: 0.70rem;\n    letter-spacing: 0.14em;\n    text-align: center;\n  }\n\n  .content {\n    padding: 0 20px 40px;\n    opacity: 1;\n    transform: none;\n  }\n}\n<\/style>\n\n<section class=\"section-amenagement\" id=\"amenagementSection\">\n  <div class=\"bg-video-wrap\">\n    <video class=\"bg-video\" autoplay muted loop playsinline preload=\"auto\">\n      <source src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/03\/table-de-matie\u0300re-1.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <div class=\"video-overlay\"><\/div>\n  <\/div>\n\n  <div class=\"hero\" id=\"heroBlock\">\n    <div class=\"hero-inner\">\n      <div class=\"hero-title\">\n        AM\u00c9NAGEMENT PAYSAGER<br>\n        LUXUEUX, DURABLE <br>ET SUR MESURE\n      <\/div>\n\n      <div class=\"hero-cta-wrap\">\n        <a class=\"hero-cta\" href=\"#formulaire-soumission\">\n          R\u00c9SERVEZ VOTRE SOUMISSION MAINTENANT\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"content\" id=\"contentBlock\"><\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const hero = document.getElementById('heroBlock');\n  const content = document.getElementById('contentBlock');\n  const section = document.getElementById('amenagementSection');\n\n  function handleScroll() {\n    if (window.innerWidth <= 600) return;\n\n    const start = window.innerHeight * 0.18;\n    const end = window.innerHeight * 0.82;\n\n    let p = (window.scrollY - start) \/ (end - start);\n    p = Math.max(0, Math.min(1, p));\n\n    hero.style.opacity = 1 - p;\n    hero.style.transform = 'translate(-50%, ' + (-50 - p * 10) + '%) scale(' + (1 - p * 0.08) + ')';\n\n    if (p > 0.45) {\n      content.classList.add('visible');\n      section.classList.add('scrolled');\n      document.body.classList.add('bg-white');\n    } else {\n      content.classList.remove('visible');\n      section.classList.remove('scrolled');\n      document.body.classList.remove('bg-white');\n    }\n  }\n\n  if (window.innerWidth > 600) {\n    window.addEventListener('scroll', handleScroll, { passive: true });\n    handleScroll();\n  } else {\n    content.classList.add('visible');\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2fefdcf e-flex e-con-boxed e-con e-parent\" data-id=\"2fefdcf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17f6f09 elementor-widget elementor-widget-html\" data-id=\"17f6f09\" 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<style>\n\/* ================= WRAPPER  ================= *\/\n.vb-menu-section {\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  height: 100vh;\n  background: #0b2e1f;\n  display: flex;\n  align-items: stretch;\n  justify-content: center;\n}\n\n.vb-menu-wrap {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n\/* ================= LAYOUT ================= *\/\n.vb-menu {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.vb-item {\n  position: relative;\n  flex: 1;\n  min-height: 19vh;\n  overflow: hidden;\n  text-align: center;\n  box-shadow: 0 -1px 0 0 #fff;\n}\n\n.vb-link {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  text-transform: uppercase;\n  text-decoration: none;\n  font-weight: 600;\n  color: #ffffff;\n  font-size: 5.2vh;\n  letter-spacing: 0.16em;\n  transition: color 0.3s ease;\n}\n\n.vb-link:hover {\n  color: #0b0b0b;\n}\n\n\/* ================= MARQUEE ================= *\/\n.vb-marquee {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n  pointer-events: none;\n  background: #ffffff;\n  transform: translateY(101%);\n  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.vb-marquee-inner {\n  position: relative;\n  width: 200%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;  \/* centre frame *\/\n  transform: translateY(-101%);\n  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.vb-marquee-track {\n  display: flex;\n  align-items: center;      \/* centre images *\/\n  justify-content: center;  \/* centre bandeau *\/\n  width: 200%;\n  height: 100%;\n  will-change: transform;\n  animation: vb-marquee 18s linear infinite;\n  gap: 0; \n}\n\n\/* ================= IMAGES  ================= *\/\n.vb-marquee-img {\n  position: relative;\n  width: 420px;          \n  aspect-ratio: 16 \/ 9;  \n  height: auto;\n  margin: 0 8px;        \n  border-radius: 16px;\n  overflow: hidden;\n  flex-shrink: 0;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.25);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n}\n\n\/* background *\/\n.vb-marquee-img-inner {\n  width: 100%;\n  height: 100%;\n  border-radius: 16px;\n  background-size: cover;           \n  background-position: center;\n  background-repeat: no-repeat;\n  transition: background-size 0.4s ease, transform 0.4s ease;\n}\n\n\n.vb-marquee-img:hover {\n  transform: scale(1.08);\n  box-shadow: 0 26px 70px rgba(0,0,0,0.4);\n  z-index: 3; \n}\n\n.vb-marquee-img:hover .vb-marquee-img-inner {\n  background-size: cover;\n  transform: scale(1.05);\n}\n\n\n@keyframes vb-marquee {\n  from { transform: translateX(0%); }\n  to   { transform: translateX(-50%); }\n}\n\n\/* ================= HOVER BANDEAU ================= *\/\n.vb-item[data-state=\"enter-top\"] .vb-marquee {\n  transform: translateY(-101%);\n}\n.vb-item[data-state=\"enter-top\"] .vb-marquee-inner {\n  transform: translateY(101%);\n}\n.vb-item[data-state=\"hover-top\"] .vb-marquee,\n.vb-item[data-state=\"hover-top\"] .vb-marquee-inner {\n  transform: translateY(0%);\n}\n\n.vb-item[data-state=\"enter-bottom\"] .vb-marquee {\n  transform: translateY(101%);\n}\n.vb-item[data-state=\"enter-bottom\"] .vb-marquee-inner {\n  transform: translateY(-101%);\n}\n.vb-item[data-state=\"hover-bottom\"] .vb-marquee,\n.vb-item[data-state=\"hover-bottom\"] .vb-marquee-inner {\n  transform: translateY(0%);\n}\n\n.vb-item[data-state=\"leave-top\"] .vb-marquee {\n  transform: translateY(-101%);\n}\n.vb-item[data-state=\"leave-top\"] .vb-marquee-inner {\n  transform: translateY(101%);\n}\n\n.vb-item[data-state=\"leave-bottom\"] .vb-marquee {\n  transform: translateY(101%);\n}\n.vb-item[data-state=\"leave-bottom\"] .vb-marquee-inner {\n  transform: translateY(-101%);\n}\n\n\/* ================= RESPONSIVE ================= *\/\n@media (max-width: 768px) {\n  .vb-link { font-size: 4vh; }\n  .vb-marquee-img {\n    width: 300px;\n    margin: 0 6px;\n  }\n}\n\n@media (max-width: 480px) {\n  .vb-link { font-size: 3.2vh; }\n  .vb-item { min-height: 20vh; }\n  .vb-marquee-img {\n    width: 240px;\n    margin: 0 4px;\n  }\n}\n<\/style>\n\n<section class=\"vb-menu-section\">\n  <div class=\"vb-menu-wrap\">\n    <nav class=\"vb-menu\" id=\"vbMenu\">\n\n      <!-- 1) Am\u00e9nagement paysager complet -->\n      <div class=\"vb-item\"\n        data-images='[\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/01\/4.png\",\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/01\/6.png\",\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/01\/421e51a78f35c7576ec61862a8326f01-e1769713288513.jpg\",\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/a9a7224b2a0951923b671b9289b78730-1.jpg\"\n        ]'>\n        <a href=\"#amenagement-complet\" class=\"vb-link\">\n          Am\u00e9nagement paysager complet\n        <\/a>\n        <div class=\"vb-marquee\">\n          <div class=\"vb-marquee-inner\">\n            <div class=\"vb-marquee-track\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 2) Entr\u00e9es & all\u00e9es en pav\u00e9 -->\n      <div class=\"vb-item\"\n        data-images='[\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/99045f4887b459a0d4101a7ab5313a8d-1.jpg\",\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/431c1a66489dd0c565ebedf0fdefb372-1.jpg\",\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/01\/3-e1771602154195.png\"\n        ]'>\n        <a href=\"#entrees-allees\" class=\"vb-link\">\n          Entr\u00e9es & all\u00e9es en pav\u00e9\n        <\/a>\n        <div class=\"vb-marquee\">\n          <div class=\"vb-marquee-inner\">\n            <div class=\"vb-marquee-track\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 3) Foyers ext\u00e9rieurs & zones lounge -->\n      <div class=\"vb-item\"\n        data-images='[\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/6d1bdeb5531c1d8afc72f7ead30c318d-e1771601996157.jpg\",\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/6a87e46f7624222450dbfd30bc6411c7-e1771602014561.jpg\",\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/01\/6.png\",\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/7c83a36ea21b16f8dbffb65e48f162b7-e1771602323760.jpg\"\n        ]'>\n        <a href=\"#foyers-zones-lounge\" class=\"vb-link\">\n          Foyers ext\u00e9rieurs & zones lounge\n        <\/a>\n        <div class=\"vb-marquee\">\n          <div class=\"vb-marquee-inner\">\n            <div class=\"vb-marquee-track\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 4) Plate-bandes & am\u00e9nagement floral -->\n      <div class=\"vb-item\"\n        data-images='[\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/01\/5-e1771602261642.png\",\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/c48b638ae38cc9b5266ed7c964210b80-1.jpg\",\n          \"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/02\/ca2f390999dbd7cb3e560f43b7f5ae3d.jpg\"\n        ]'>\n        <a href=\"#platebandes-floral\" class=\"vb-link\">\n          Plate-bandes & am\u00e9nagement floral\n        <\/a>\n        <div class=\"vb-marquee\">\n          <div class=\"vb-marquee-inner\">\n            <div class=\"vb-marquee-track\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/nav>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  const menu = document.getElementById('vbMenu');\n  if (!menu) return;\n\n  const items = Array.from(menu.querySelectorAll('.vb-item'));\n  const BASE_DURATION = 40;\n\n  \/\/ Construction \n  items.forEach(item => {\n    const track = item.querySelector('.vb-marquee-track');\n    if (!track) return;\n\n    track.innerHTML = '';\n\n    let images = [];\n    const data = item.getAttribute('data-images');\n    if (data) {\n      try {\n        images = JSON.parse(data);\n      } catch (e) {\n        console.warn('Invalid JSON in data-images', e);\n      }\n    }\n\n    if (!images.length) return;\n\n    const repeat = 4; \/\/  effet continu\n    for (let i = 0; i < repeat; i++) {\n      images.forEach(src => {\n        const pill = document.createElement('div');\n        pill.className = 'vb-marquee-img';\n\n        const inner = document.createElement('div');\n        inner.className = 'vb-marquee-img-inner';\n        inner.style.backgroundImage = `url(${src})`;\n\n        pill.appendChild(inner);\n        track.appendChild(pill);\n      });\n    }\n\n    track.style.animationDuration = BASE_DURATION + 's';\n  });\n\n\n  function closestEdge(mouseX, mouseY, width, height) {\n    const topEdgeDist = Math.pow(mouseX - width \/ 2, 2) + Math.pow(mouseY, 2);\n    const bottomEdgeDist = Math.pow(mouseX - width \/ 2, 2) + Math.pow(mouseY - height, 2);\n    return topEdgeDist < bottomEdgeDist ? 'top' : 'bottom';\n  }\n\n  items.forEach(item => {\n    const link = item.querySelector('.vb-link');\n    const track = item.querySelector('.vb-marquee-track');\n    if (!link || !track) return;\n\n    link.addEventListener('mouseenter', ev => {\n      const rect = item.getBoundingClientRect();\n      const edge = closestEdge(\n        ev.clientX - rect.left,\n        ev.clientY - rect.top,\n        rect.width,\n        rect.height\n      );\n\n      item.dataset.state = edge === 'top' ? 'enter-top' : 'enter-bottom';\n      void item.offsetWidth; \/\/ reflow\n      item.dataset.state = edge === 'top' ? 'hover-top' : 'hover-bottom';\n    });\n\n    link.addEventListener('mouseleave', ev => {\n      const rect = item.getBoundingClientRect();\n      const edge = closestEdge(\n        ev.clientX - rect.left,\n        ev.clientY - rect.top,\n        rect.width,\n        rect.height\n      );\n\n      item.dataset.state = edge === 'top' ? 'leave-top' : 'leave-bottom';\n      track.style.animationDuration = BASE_DURATION + 's';\n    });\n\n   \n    link.addEventListener('mousemove', ev => {\n      const rect = item.getBoundingClientRect();\n      const ratio = (ev.clientX - rect.left) \/ rect.width; \/\/ 0 \u2192 1\n      const speedFactor = 0.6 + ratio * 2.0;               \/\/ 0.6x \u2192 2.0x\n      const newDuration = BASE_DURATION \/ speedFactor;\n      track.style.animationDuration = newDuration.toFixed(2) + 's';\n    });\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-165c6fa elementor-widget elementor-widget-html\" data-id=\"165c6fa\" 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<style>\n\/* ================= SECTION  ================= *\/\n\n.section-description {\n  padding: 60px 20px;\n  text-align: center;\n  font-family: \"TT Fors\", \"Montserrat\", sans-serif;\n  background: #ffffff;\n}\n\n\/* TEXTE *\/\n.section-description .description-text {\n  max-width: 1100px;\n  margin: 0 auto 80px;\n  font-size: clamp(1.2rem, 1.8vw, 1.5rem);\n  line-height: 1.9;\n  font-weight: 400;         \n  color: #4b4f52;            \n}\n\n\/* ================= BOUTONS ================= *\/\n\n.section-description .buttons {\n  display: flex;\n  justify-content: center;\n  gap: 40px;\n}\n\n.section-description .buttons a {\n  padding: 18px 56px;\n  border: 2px solid #111;\n  color: #111;\n  text-decoration: none;\n  font-size: 0.85rem;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  font-weight: 500;          \n  transition: all 0.35s ease;\n}\n\n.section-description .buttons a:hover {\n  background: #111;\n  color: #fff;\n}\n\n\/* ================= RESPONSIVE ================= *\/\n\n@media (max-width: 600px) {\n  .section-description .buttons {\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .section-description .description-text {\n    font-size: 1.1rem;\n    line-height: 1.8;\n  }\n}\n<\/style>\n\n<section class=\"section-description\">\n\n  <div class=\"description-text\">\n    Nous r\u00e9alisons des am\u00e9nagements paysagers luxueux et durables,\n    enti\u00e8rement personnalis\u00e9s selon vos go\u00fbts et vos choix.\n    Pav\u00e9, tourbe, pierres naturelles, passages, fontaines et foyers\n    ext\u00e9rieurs sont int\u00e9gr\u00e9s avec pr\u00e9cision pour cr\u00e9er des espaces\n    \u00e9l\u00e9gants et con\u00e7us pour durer.\n  <\/div>\n\n  <div class=\"buttons\">\n    <a href=\"https:\/\/entretienlaurentides.ca\/?page_id=18\">Soumission gratuite<\/a>\n    <a href=\"#\">Voir nos projets<\/a>\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>AM\u00c9NAGEMENT PAYSAGER LUXUEUX, DURABLE ET SUR MESURE R\u00c9SERVEZ VOTRE SOUMISSION MAINTENANT Am\u00e9nagement paysager complet Entr\u00e9es &#038; all\u00e9es en pav\u00e9 Foyers ext\u00e9rieurs &#038; zones lounge Plate-bandes &#038; am\u00e9nagement floral Nous r\u00e9alisons des am\u00e9nagements paysagers luxueux et durables, enti\u00e8rement personnalis\u00e9s selon vos go\u00fbts et vos choix. Pav\u00e9, tourbe, pierres naturelles, passages, fontaines et foyers ext\u00e9rieurs sont int\u00e9gr\u00e9s &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/entretienlaurentides.ca\/?p=7146\" class=\"more-link\">Lire la suite de<span class=\"screen-reader-text\">\u00ab\u00a0Am\u00e9nagement Paysager\u00a0\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7146","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=\/wp\/v2\/posts\/7146","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=7146"}],"version-history":[{"count":55,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=\/wp\/v2\/posts\/7146\/revisions"}],"predecessor-version":[{"id":8449,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=\/wp\/v2\/posts\/7146\/revisions\/8449"}],"wp:attachment":[{"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}