{"id":7004,"date":"2026-01-21T21:57:40","date_gmt":"2026-01-21T21:57:40","guid":{"rendered":"https:\/\/entretienlaurentides.ca\/?p=7004"},"modified":"2026-03-26T20:20:27","modified_gmt":"2026-03-26T20:20:27","slug":"pavage-et-asphalte-2","status":"publish","type":"post","link":"https:\/\/entretienlaurentides.ca\/?p=7004","title":{"rendered":"Pavage et asphalte"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7004\" class=\"elementor elementor-7004\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4e2aef e-flex e-con-boxed e-con e-parent\" data-id=\"b4e2aef\" 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-973dc06 elementor-widget elementor-widget-html\" data-id=\"973dc06\" 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=\"hero-asphalte-lux\" id=\"heroAsphalteLux\">\n  <video class=\"hero-asphalte-video\" autoplay muted loop playsinline preload=\"auto\">\n    <source src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/03\/Business-Card-1.mp4\" type=\"video\/mp4\">\n  <\/video>\n\n  <div class=\"hero-asphalte-overlay\"><\/div>\n\n  <div class=\"hero-asphalte-inner\">\n    <div class=\"hero-asphalte-content\">\n      <h1 class=\"hero-asphalte-title\" id=\"heroAsphalteTitle\">\n        <span class=\"title-line\">ASPHALTE<br>ET PAVAGE<\/span>\n      <\/h1>\n\n      <div class=\"hero-asphalte-sub\" id=\"heroAsphalteSub\">\n        <span class=\"sub-line\">R\u00e9sistance. Finition.<\/span>\n        <span class=\"sub-line\">Long\u00e9vit\u00e9.<\/span>\n      <\/div>\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  <\/div>\n<\/section>\n\n<style>\nhtml,\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow-x: hidden !important;\n}\n\n.hero-asphalte-lux {\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}\n\n.hero-asphalte-video {\n  position: absolute !important;\n  inset: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  z-index: 0 !important;\n}\n\n.hero-asphalte-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-asphalte-inner {\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-asphalte-content {\n  position: relative !important;\n}\n\n.hero-asphalte-title {\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-asphalte-title .title-line {\n  display: inline-block !important;\n  font-weight: 200 !important;\n}\n\n.hero-asphalte-sub {\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  text-align: center !important;\n  transition: transform 0.2s ease-out !important;\n}\n\n.hero-asphalte-sub .sub-line {\n  display: block !important;\n}\n\n.hero-cta-wrap {\n  margin-top: 58px !important;\n}\n\n.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-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-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-asphalte-inner {\n    padding: 12vh 2vw 14vh !important;\n    transform: translateY(38px) !important;\n  }\n\n  .hero-asphalte-title {\n    font-size: clamp(4rem, 7vw, 6.6rem) !important;\n    line-height: 0.92 !important;\n  }\n\n  .hero-asphalte-sub {\n    font-size: clamp(1.35rem, 3vw, 2.2rem) !important;\n  }\n\n  .hero-cta-wrap {\n    margin-top: 46px !important;\n    padding: 0 20px !important;\n  }\n\n  .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-asphalte-lux {\n    min-height: 100svh !important;\n    padding: 0 16px !important;\n  }\n\n  .hero-asphalte-inner {\n    width: 100% !important;\n    max-width: 100% !important;\n    padding: 14vh 10px 14vh !important;\n    transform: translateY(24px) !important;\n  }\n\n  .hero-asphalte-title {\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-asphalte-sub {\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-cta-wrap {\n    margin-top: 40px !important;\n    padding: 0 14px !important;\n  }\n\n  .hero-cta {\n    width: 100% !important;\n    max-width: 420px !important;\n    min-height: 54px !important;\n    padding: 0 18px !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    border-radius: 3px !important;\n  }\n}\n\n@media (max-width: 480px) {\n  .hero-asphalte-inner {\n    padding: 15vh 6px 12vh !important;\n    transform: translateY(16px) !important;\n  }\n\n  .hero-asphalte-title {\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-asphalte-sub {\n    font-size: clamp(0.92rem, 4.5vw, 1.18rem) !important;\n    line-height: 1.2 !important;\n  }\n\n  .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(\"#heroAsphalteLux\");\n  const title = document.querySelector(\"#heroAsphalteTitle\");\n  const subtitle = document.querySelector(\"#heroAsphalteSub\");\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-e53c7ec elementor-widget elementor-widget-html\" data-id=\"e53c7ec\" 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=\"asphalte-gallery-premium\" id=\"asphalteGalleryPremium\">\n  <div class=\"asphalte-gallery-wrap\">\n\n    <div class=\"asphalte-gallery-heading reveal-heading\">\n      <p>\n        Des interventions soign\u00e9es pour redonner \u00e0 vos surfaces<br>\n        une apparence nette, une meilleure tenue et une durabilit\u00e9 accrue.\n      <\/p>\n    <\/div>\n\n    <div class=\"asphalte-gallery-grid\" id=\"asphalteGalleryGrid\">\n      <div class=\"asphalte-gallery-item reveal-card\"><img decoding=\"async\" src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/03\/447052503-974326704697401-618611840_d4d8-1.jpg\" alt=\"Asphalte 1\"><\/div>\n      <div class=\"asphalte-gallery-item reveal-card\"><img decoding=\"async\" src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/03\/146710af85f0f55d3455c4cd0f69aa96.jpg\" alt=\"Asphalte 2\"><\/div>\n      <div class=\"asphalte-gallery-item reveal-card\"><img decoding=\"async\" src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/03\/2ac931e3bf4cb3399f4a99949be6da49.jpg\" alt=\"Asphalte 3\"><\/div>\n      <div class=\"asphalte-gallery-item reveal-card\"><img decoding=\"async\" src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/03\/146518362135223551.jpg\" alt=\"Asphalte 4\"><\/div>\n\n      <div class=\"asphalte-gallery-item reveal-card\"><img decoding=\"async\" src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/03\/8332074945897301791.jpg\" alt=\"Asphalte 5\"><\/div>\n      <div class=\"asphalte-gallery-item reveal-card\"><img decoding=\"async\" src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/03\/447052503-974326704697401-618611840_d4d8-1.jpg\" alt=\"Asphalte 6\"><\/div>\n      <div class=\"asphalte-gallery-item reveal-card\"><img decoding=\"async\" src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/03\/9084092757659814404.jpg\" alt=\"Asphalte 7\"><\/div>\n      <div class=\"asphalte-gallery-item reveal-card\"><img decoding=\"async\" src=\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/03\/20240718184408803-440424871-9536581_c014_xl.webp\" alt=\"Asphalte 8\"><\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.asphalte-gallery-premium{\n  position:relative;\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  overflow:hidden;\n  padding:38px 0 26px;\n  background-color:#f5f3ef;\n  background-image:url(\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/03\/Pave%CC%81-Uni-3.png\");\n  background-position:center center;\n  background-repeat:repeat;\n  background-size:520px auto;\n}\n\n.asphalte-gallery-wrap{\n  width:min(1120px, 92vw);\n  margin:0 auto;\n}\n\n.asphalte-gallery-heading{\n  text-align:center;\n  margin:0 0 28px;\n}\n\n.asphalte-gallery-heading p{\n  margin:0;\n  font-family:'Montserrat', sans-serif;\n  font-size:clamp(17px,1.9vw,30px);\n  line-height:1.45;\n  font-weight:300;\n  letter-spacing:0.08em;\n  color:#111;\n}\n\n.asphalte-gallery-grid{\n  position:relative;\n  z-index:1;\n  display:grid;\n  grid-template-columns:repeat(4, 1fr);\n  gap:28px 24px;\n}\n\n.asphalte-gallery-item{\n  position:relative;\n  overflow:hidden;\n  background:#ddd;\n  aspect-ratio:1\/1;\n  cursor:pointer;\n  transform:translate3d(0,0,0) scale(1);\n  transform-style:preserve-3d;\n  transform-origin:center center;\n  will-change:transform;\n  box-shadow:0 8px 20px rgba(0,0,0,0.05);\n  transition:\n    transform 0.45s cubic-bezier(.22,1,.36,1),\n    box-shadow 0.45s cubic-bezier(.22,1,.36,1),\n    filter 0.45s ease,\n    z-index 0s linear 0.2s;\n  z-index:1;\n}\n\n.asphalte-gallery-item img{\n  width:100%;\n  height:100%;\n  display:block;\n  object-fit:cover;\n  transform:scale(1.02);\n  will-change:transform;\n  transition:transform 0.55s cubic-bezier(.22,1,.36,1);\n}\n\n.asphalte-gallery-item::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.06), transparent 24%, transparent 72%, rgba(0,0,0,0.08)),\n    linear-gradient(120deg, rgba(255,255,255,0.10), transparent 28%, transparent 78%, rgba(255,255,255,0.02));\n  opacity:0;\n  transition:opacity 0.4s ease;\n}\n\n.asphalte-gallery-grid:hover .asphalte-gallery-item{\n  filter:brightness(0.94) saturate(0.95);\n}\n\n.asphalte-gallery-grid .asphalte-gallery-item:hover{\n  z-index:20;\n  filter:brightness(1) saturate(1.03);\n  transform:translate3d(0,-10px,0) scale(1.12);\n  box-shadow:\n    0 28px 70px rgba(0,0,0,0.18),\n    0 10px 24px rgba(0,0,0,0.10);\n  transition:\n    transform 0.45s cubic-bezier(.22,1,.36,1),\n    box-shadow 0.45s cubic-bezier(.22,1,.36,1),\n    filter 0.45s ease,\n    z-index 0s;\n}\n\n.asphalte-gallery-grid .asphalte-gallery-item:hover img{\n  transform:scale(1.09);\n}\n\n.asphalte-gallery-grid .asphalte-gallery-item:hover::after{\n  opacity:1;\n}\n\n.reveal-heading{\n  opacity:0;\n  transform:translateY(24px);\n  transition:opacity .9s ease, transform 1s cubic-bezier(.22,1,.36,1);\n}\n\n.reveal-card{\n  opacity:0;\n  transform:translateY(38px);\n  transition:opacity .85s ease, transform .95s cubic-bezier(.22,1,.36,1);\n}\n\n.asphalte-gallery-premium.is-visible .reveal-heading{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.asphalte-gallery-premium.is-visible .reveal-card{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.asphalte-gallery-premium.is-visible .reveal-card:nth-child(1){transition-delay:.05s;}\n.asphalte-gallery-premium.is-visible .reveal-card:nth-child(2){transition-delay:.10s;}\n.asphalte-gallery-premium.is-visible .reveal-card:nth-child(3){transition-delay:.15s;}\n.asphalte-gallery-premium.is-visible .reveal-card:nth-child(4){transition-delay:.20s;}\n.asphalte-gallery-premium.is-visible .reveal-card:nth-child(5){transition-delay:.25s;}\n.asphalte-gallery-premium.is-visible .reveal-card:nth-child(6){transition-delay:.30s;}\n.asphalte-gallery-premium.is-visible .reveal-card:nth-child(7){transition-delay:.35s;}\n.asphalte-gallery-premium.is-visible .reveal-card:nth-child(8){transition-delay:.40s;}\n\n@media (max-width: 980px){\n  .asphalte-gallery-grid{\n    grid-template-columns:repeat(2, 1fr);\n    gap:18px;\n  }\n\n  .asphalte-gallery-heading p{\n    font-size:clamp(16px,2.8vw,22px);\n  }\n}\n\n@media (max-width: 768px){\n  .asphalte-gallery-premium{\n    padding:32px 0 24px;\n    background-size:380px auto;\n  }\n\n  .asphalte-gallery-grid .asphalte-gallery-item:hover{\n    transform:translate3d(0,-4px,0) scale(1.04);\n  }\n\n  .asphalte-gallery-grid .asphalte-gallery-item:hover img{\n    transform:scale(1.05);\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const section = document.getElementById('asphalteGalleryPremium');\n  const items = document.querySelectorAll('.asphalte-gallery-item');\n\n  if (section) {\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          section.classList.add('is-visible');\n        }\n      });\n    }, { threshold: 0.15 });\n\n    observer.observe(section);\n  }\n\n  items.forEach((item) => {\n    const img = item.querySelector('img');\n\n    item.addEventListener('mousemove', function(e){\n      if (window.innerWidth <= 768) return;\n\n      const rect = item.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const y = e.clientY - rect.top;\n\n      const px = (x \/ rect.width) - 0.5;\n      const py = (y \/ rect.height) - 0.5;\n\n      item.style.zIndex = '20';\n      item.style.transform = `translate3d(${px * 10}px, ${py * 8 - 10}px, 0) scale(1.12)`;\n\n      if (img) {\n        img.style.transform = `scale(1.09) translate3d(${px * -8}px, ${py * -8}px, 0)`;\n      }\n    });\n\n    item.addEventListener('mouseleave', function(){\n      item.style.transform = '';\n      item.style.zIndex = '';\n      if (img) img.style.transform = '';\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-92d332e elementor-widget elementor-widget-html\" data-id=\"92d332e\" 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=\"asphalte-services-premium\" id=\"asphalteServicesPremium\">\n  <div class=\"asphalte-services-wrap\">\n\n    <div class=\"asphalte-services-grid\">\n      <div class=\"asphalte-service-card reveal-service\">\n        <h2>Installation d\u2019asphalte neuve<\/h2>\n        <p>Des surfaces solides, durables et bien ex\u00e9cut\u00e9es.<\/p>\n      <\/div>\n\n      <div class=\"asphalte-service-card reveal-service\">\n        <h2>R\u00e9paration d\u2019asphalte<\/h2>\n        <p>Nous corrigeons les zones ab\u00eem\u00e9es avec pr\u00e9cision.<\/p>\n      <\/div>\n\n      <div class=\"asphalte-service-card reveal-service\">\n        <h2>R\u00e9paration de fissures<\/h2>\n        <p>Un traitement efficace pour limiter la d\u00e9t\u00e9rioration.<\/p>\n      <\/div>\n\n      <div class=\"asphalte-service-card reveal-service\">\n        <h2>Resurfa\u00e7age et scellant<\/h2>\n        <p>Une solution efficace pour rafra\u00eechir, prot\u00e9ger et prolonger la dur\u00e9e de vie de la surface.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.asphalte-services-premium{\n  position:relative;\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  overflow:hidden;\n  padding:70px 0 75px;\n  background-image:url(\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/03\/Pave\u0301-Uni-7.png\");\n  background-position:center center;\n  background-repeat:repeat;\n  background-size:820px auto;\n}\n\n.asphalte-services-premium::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(180deg, rgba(7,12,18,0.72), rgba(10,16,22,0.84));\n  pointer-events:none;\n}\n\n.asphalte-services-wrap{\n  position:relative;\n  z-index:2;\n  width:min(1120px, 92vw);\n  margin:0 auto;\n}\n\n.asphalte-services-grid{\n  display:grid;\n  grid-template-columns:repeat(2, minmax(0, 1fr));\n  column-gap:70px;\n  row-gap:42px;\n}\n\n.asphalte-service-card{\n  position:relative;\n  color:#f5f1e8;\n  padding:4px 0;\n  will-change:transform, opacity;\n  transition:transform .28s ease, opacity .8s ease;\n}\n\n.asphalte-service-card h2{\n  margin:0 0 14px;\n  font-family:'Montserrat', sans-serif;\n  font-size:clamp(26px, 2.8vw, 48px);\n  line-height:1.04;\n  font-weight:400;\n  letter-spacing:-0.03em;\n  color:#f7f4ef;\n}\n\n.asphalte-service-card p{\n  margin:0;\n  max-width:420px;\n  font-family:'Montserrat', sans-serif;\n  font-size:clamp(16px, 1.35vw, 20px);\n  line-height:1.4;\n  font-weight:300;\n  color:rgba(245,241,232,0.92);\n}\n\n.reveal-service{\n  opacity:0;\n  transform:translateY(34px);\n}\n\n.asphalte-services-premium.is-visible .reveal-service{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.asphalte-services-premium.is-visible .reveal-service:nth-child(1){transition-delay:.05s;}\n.asphalte-services-premium.is-visible .reveal-service:nth-child(2){transition-delay:.14s;}\n.asphalte-services-premium.is-visible .reveal-service:nth-child(3){transition-delay:.23s;}\n.asphalte-services-premium.is-visible .reveal-service:nth-child(4){transition-delay:.32s;}\n\n.asphalte-service-card:hover{\n  transform:translateY(-4px);\n}\n\n@media (max-width: 900px){\n  .asphalte-services-grid{\n    grid-template-columns:1fr;\n    row-gap:30px;\n    column-gap:0;\n  }\n\n  .asphalte-service-card p{\n    max-width:100%;\n  }\n}\n\n@media (max-width: 640px){\n  .asphalte-services-premium{\n    padding:50px 0 55px;\n    background-size:320px auto;\n  }\n\n  .asphalte-service-card h2{\n    font-size:clamp(24px, 8vw, 34px);\n  }\n\n  .asphalte-service-card p{\n    font-size:16px;\n    line-height:1.45;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const section = document.getElementById('asphalteServicesPremium');\n  if (!section) return;\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        section.classList.add('is-visible');\n      }\n    });\n  }, { threshold: 0.18 });\n\n  observer.observe(section);\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-2bb8857 elementor-widget elementor-widget-html\" data-id=\"2bb8857\" 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-asphalte-premium\">\n  <div class=\"cta-asphalte-overlay\"><\/div>\n\n  <div class=\"cta-asphalte-inner\">\n    <h2 class=\"cta-asphalte-title-wrap\">\n      <span class=\"cta-asphalte-title-base\">\n        Redonnez \u00e0 vos surfaces une allure nette<br>\n        et une durabilit\u00e9 accrue gr\u00e2ce \u00e0 des<br>\n        interventions de qualit\u00e9.\n      <\/span>\n\n      <span class=\"cta-asphalte-title-glow\" id=\"ctaAsphalteGlow\">\n        Redonnez \u00e0 vos surfaces une allure nette<br>\n        et une durabilit\u00e9 accrue gr\u00e2ce \u00e0 des<br>\n        interventions de qualit\u00e9.\n      <\/span>\n    <\/h2>\n\n    <a href=\"https:\/\/entretienlaurentides.ca\/?page_id=18\" class=\"cta-asphalte-btn\" id=\"ctaAsphalteBtn\">\n      <span class=\"cta-btn-base\">R\u00c9SERVEZ VOTRE SOUMISSION GRATUITE<\/span>\n      <span class=\"cta-btn-glow\">R\u00c9SERVEZ VOTRE SOUMISSION GRATUITE<\/span>\n    <\/a>\n  <\/div>\n<\/section>\n\n<style>\n.cta-asphalte-premium{\n  position:relative;\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  min-height:440px;\n  overflow:hidden;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background-color:#0c121a;\n  background-image:url(\"https:\/\/entretienlaurentides.ca\/wp-content\/uploads\/2026\/03\/table-de-matie%CC%80re.png\");\n  background-position:center center;\n  background-repeat:repeat;\n  background-size:420px auto;\n}\n\n.cta-asphalte-overlay{\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at 50% 35%, rgba(255,255,255,0.05), transparent 38%),\n    linear-gradient(180deg, rgba(5,10,16,0.76), rgba(8,12,18,0.88));\n  pointer-events:none;\n}\n\n.cta-asphalte-inner{\n  position:relative;\n  z-index:2;\n  width:min(1120px, 92vw);\n  margin:0 auto;\n  text-align:center;\n  padding:56px 20px 66px;\n}\n\n\/* TEXTE *\/\n.cta-asphalte-title-wrap{\n  position:relative;\n  margin:0 auto 40px;\n  max-width:980px;\n  display:inline-block;\n}\n\n.cta-asphalte-title-base,\n.cta-asphalte-title-glow{\n  font-family:'Montserrat', sans-serif;\n  font-size:clamp(30px,3.4vw,28px);\n  line-height:1.38;\n  font-weight:300;\n  letter-spacing:0.08em;\n  white-space:normal;\n}\n\n.cta-asphalte-title-base{\n  position:relative;\n  z-index:1;\n  color:rgba(244,242,238,0.72);\n}\n\n.cta-asphalte-title-glow{\n  position:absolute;\n  inset:0;\n  z-index:2;\n  color:#ffffff;\n  pointer-events:none;\n  text-shadow:\n    0 0 12px rgba(255,255,255,0.22),\n    0 0 28px rgba(255,255,255,0.12),\n    0 0 50px rgba(255,255,255,0.08);\n  opacity:0;\n  --mx:50%;\n  --my:50%;\n  --spot-size:140px;\n  -webkit-mask-image:radial-gradient(\n    circle var(--spot-size) at var(--mx) var(--my),\n    rgba(0,0,0,1) 0%,\n    rgba(0,0,0,0.95) 20%,\n    rgba(0,0,0,0.75) 42%,\n    rgba(0,0,0,0.28) 62%,\n    rgba(0,0,0,0) 78%\n  );\n  mask-image:radial-gradient(\n    circle var(--spot-size) at var(--mx) var(--my),\n    rgba(0,0,0,1) 0%,\n    rgba(0,0,0,0.95) 20%,\n    rgba(0,0,0,0.75) 42%,\n    rgba(0,0,0,0.28) 62%,\n    rgba(0,0,0,0) 78%\n  );\n  transition:opacity 0.2s ease;\n}\n\n\/* BOUTON *\/\n.cta-asphalte-btn{\n  position:relative;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-width:min(580px, 92vw);\n  padding:24px 38px;\n  background:#3f434a;\n  color:#ffffff;\n  text-decoration:none;\n  font-family:'Montserrat', sans-serif;\n  font-size:clamp(17px,1.35vw,26px);\n  line-height:1;\n  font-weight:700;\n  letter-spacing:0.16em;\n  text-transform:uppercase;\n  border:none;\n  overflow:hidden;\n  box-shadow:\n    0 14px 30px rgba(0,0,0,0.16),\n    inset 0 0 0 1px rgba(255,255,255,0.04);\n  transition:\n    background 0.28s ease,\n    color 0.28s ease,\n    transform 0.22s ease,\n    box-shadow 0.28s ease;\n}\n\n.cta-btn-base,\n.cta-btn-glow{\n  position:relative;\n  z-index:2;\n  display:block;\n}\n\n.cta-btn-base{\n  color:#ffffff;\n}\n\n.cta-btn-glow{\n  position:absolute;\n  inset:0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#ffffff;\n  pointer-events:none;\n  text-shadow:\n    0 0 10px rgba(255,255,255,0.32),\n    0 0 20px rgba(255,255,255,0.18),\n    0 0 36px rgba(255,255,255,0.12);\n  opacity:0;\n  --bx:50%;\n  --by:50%;\n  --btn-spot:95px;\n  -webkit-mask-image:radial-gradient(\n    circle var(--btn-spot) at var(--bx) var(--by),\n    rgba(0,0,0,1) 0%,\n    rgba(0,0,0,0.88) 30%,\n    rgba(0,0,0,0.32) 62%,\n    rgba(0,0,0,0) 82%\n  );\n  mask-image:radial-gradient(\n    circle var(--btn-spot) at var(--bx) var(--by),\n    rgba(0,0,0,1) 0%,\n    rgba(0,0,0,0.88) 30%,\n    rgba(0,0,0,0.32) 62%,\n    rgba(0,0,0,0) 82%\n  );\n  transition:opacity 0.2s ease;\n}\n\n.cta-asphalte-btn:hover{\n  background:#ffffff;\n  color:#111111;\n  transform:translateY(-2px);\n  box-shadow:\n    0 18px 34px rgba(0,0,0,0.20),\n    inset 0 0 0 1px rgba(0,0,0,0.02);\n}\n\n.cta-asphalte-btn:hover .cta-btn-base{\n  color:#111111;\n}\n\n.cta-asphalte-btn:hover .cta-btn-glow{\n  color:#111111;\n  text-shadow:\n    0 0 8px rgba(255,255,255,0.0),\n    0 0 18px rgba(17,17,17,0.10),\n    0 0 28px rgba(17,17,17,0.06);\n}\n\n.cta-asphalte-btn:active{\n  transform:translateY(0);\n}\n\n@media (max-width:768px){\n  .cta-asphalte-premium{\n    min-height:360px;\n    background-size:320px auto;\n  }\n\n  .cta-asphalte-inner{\n    padding:44px 18px 50px;\n  }\n\n  .cta-asphalte-title-base,\n  .cta-asphalte-title-glow{\n    font-size:clamp(22px,6vw,34px);\n    letter-spacing:0.05em;\n    line-height:1.45;\n  }\n\n  .cta-asphalte-title-wrap{\n    margin-bottom:28px;\n  }\n\n  .cta-asphalte-title-glow{\n    --spot-size:90px;\n  }\n\n  .cta-asphalte-btn{\n    min-width:100%;\n    padding:20px 18px;\n    font-size:15px;\n    letter-spacing:0.11em;\n  }\n\n  .cta-btn-glow{\n    --btn-spot:70px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const titleWrap = document.querySelector('.cta-asphalte-title-wrap');\n  const glow = document.getElementById('ctaAsphalteGlow');\n  const btn = document.getElementById('ctaAsphalteBtn');\n  const btnGlow = btn ? btn.querySelector('.cta-btn-glow') : null;\n\n  if (titleWrap && glow) {\n    titleWrap.addEventListener('mousemove', function(e){\n      const rect = titleWrap.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const y = e.clientY - rect.top;\n      glow.style.setProperty('--mx', `${x}px`);\n      glow.style.setProperty('--my', `${y}px`);\n      glow.style.opacity = '1';\n    });\n\n    titleWrap.addEventListener('mouseenter', function(){\n      glow.style.opacity = '1';\n    });\n\n    titleWrap.addEventListener('mouseleave', function(){\n      glow.style.opacity = '0';\n    });\n  }\n\n  if (btn && btnGlow) {\n    btn.addEventListener('mousemove', function(e){\n      const rect = btn.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const y = e.clientY - rect.top;\n      btnGlow.style.setProperty('--bx', `${x}px`);\n      btnGlow.style.setProperty('--by', `${y}px`);\n      btnGlow.style.opacity = '1';\n    });\n\n    btn.addEventListener('mouseenter', function(){\n      btnGlow.style.opacity = '1';\n    });\n\n    btn.addEventListener('mouseleave', function(){\n      btnGlow.style.opacity = '0';\n    });\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Redonnez \u00e0 vos surfaces une allure nette et une durabilit\u00e9 accrue gr\u00e2ce \u00e0 des interventions de qualit\u00e9. Que ce soit pour l&rsquo;installation d&rsquo;asphalte neuve, la r\u00e9paration de fissures ou le resurfa\u00e7age, nous offrons des solutions adapt\u00e9es \u00e0 vos besoins. Profitez de notre expertise pour garantir des surfaces solides et bien ex\u00e9cut\u00e9es. Ne manquez pas l&rsquo;opportunit\u00e9 de b\u00e9n\u00e9ficier d&rsquo;une soumission gratuite et d\u00e9couvrez comment nous pouvons transformer vos espaces ext\u00e9rieurs. R\u00e9servez d\u00e8s maintenant et faites le premier pas vers des surfaces impeccables et durables!<\/p>\n","protected":false},"author":1,"featured_media":7638,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7004","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\/7004","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=7004"}],"version-history":[{"count":62,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=\/wp\/v2\/posts\/7004\/revisions"}],"predecessor-version":[{"id":8367,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=\/wp\/v2\/posts\/7004\/revisions\/8367"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=\/wp\/v2\/media\/7638"}],"wp:attachment":[{"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7004"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7004"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/entretienlaurentides.ca\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}