{"id":2618,"date":"2025-10-14T10:49:48","date_gmt":"2025-10-14T14:49:48","guid":{"rendered":"https:\/\/lemoinecourtierauto.com\/camions-commerciaux\/"},"modified":"2026-10-22T16:57:00","modified_gmt":"2026-10-22T20:57:00","slug":"commercial-trucks","status":"publish","type":"page","link":"https:\/\/lemoinecourtierauto.com\/en\/commercial-trucks\/","title":{"rendered":"Commercial trucks"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2618\" class=\"elementor elementor-2618 elementor-2354\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-017265f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"017265f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f82c38c\" data-id=\"f82c38c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fd2b69d elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"fd2b69d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.14.0 - 26-06-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<h2 style=\"text-align: center;\"><span style=\"color: #2662a0;\">Commercial trucks<\/span><\/h2><p style=\"text-align: center;\"><strong>Maximize your fleet\u2019s potential with Lemoine Courtier Auto<\/strong><\/p><p style=\"text-align: center;\">At Lemoine Courtier Auto, we specialize in finding the ideal commercial vehicles for trades like HVAC, plumbing, and electrical work. We prioritize simplicity and transparency, so you can stay focused on the job while we take care of the heavy lifting.<\/p><p style=\"text-align: center;\">\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b58c9ac elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b58c9ac\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-80a7021\" data-id=\"80a7021\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6cc3a0d elementor-widget elementor-widget-html\" data-id=\"6cc3a0d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* =========================================================\n   LEMOINE \u2014 GALERIE CARROUSEL\n========================================================= *\/\n\n.lc-gallery {\n  --blue: #28679b;\n  --navy: #152536;\n  --grey: #eef1f3;\n\n  width: 100%;\n  overflow: hidden;\n  font-family: inherit;\n}\n\n.lc-gallery-inner {\n  position: relative;\n  max-width: 1250px;\n  margin: 0 auto;\n  padding: 10px 55px 35px;\n}\n\n\n\/* =========================================================\n   TRACK\n========================================================= *\/\n\n.lc-gallery-viewport {\n  overflow: hidden;\n}\n\n.lc-gallery-track {\n  display: flex;\n  gap: 18px;\n\n  transition: transform .55s cubic-bezier(.22,.61,.36,1);\n  will-change: transform;\n\n  touch-action: pan-y;\n}\n\n\n\/* =========================================================\n   IMAGES\n========================================================= *\/\n\n.lc-gallery-item {\n  position: relative;\n\n  flex: 0 0 calc((100% - 36px) \/ 3);\n\n  aspect-ratio: 4 \/ 3;\n\n  overflow: hidden;\n\n  background: var(--grey);\n\n  border-radius: 5px 28px 5px 5px;\n\n  cursor: grab;\n}\n\n.lc-gallery-item:active {\n  cursor: grabbing;\n}\n\n.lc-gallery-item img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n\n  transition: transform .5s ease;\n}\n\n.lc-gallery-item:hover img {\n  transform: scale(1.04);\n}\n\n\n\/* petit num\u00e9ro *\/\n\n.lc-gallery-number {\n  position: absolute;\n  z-index: 2;\n\n  left: 14px;\n  bottom: 14px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 35px;\n  height: 35px;\n\n  background: rgba(255,255,255,.92);\n\n  border-radius: 50%;\n\n  color: var(--navy);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  backdrop-filter: blur(7px);\n}\n\n\n\/* =========================================================\n   ARROWS\n========================================================= *\/\n\n.lc-gallery-arrow {\n  position: absolute;\n\n  z-index: 10;\n\n  top: 50%;\n\n  width: 46px;\n  height: 46px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border: 0;\n\n  border-radius: 50%;\n\n  background: #fff;\n\n  color: var(--navy);\n\n  font-size: 25px;\n\n  cursor: pointer;\n\n  box-shadow: 0 8px 25px rgba(15,35,50,.14);\n\n  transform: translateY(-65%);\n\n  transition:\n    background .25s ease,\n    color .25s ease,\n    transform .25s ease;\n}\n\n.lc-gallery-arrow:hover {\n  background: var(--blue);\n  color: #fff;\n}\n\n.lc-gallery-prev {\n  left: 30px;\n}\n\n.lc-gallery-next {\n  right: 30px;\n}\n\n\n\/* =========================================================\n   DOTS\n========================================================= *\/\n\n.lc-gallery-dots {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 7px;\n\n  margin-top: 23px;\n}\n\n.lc-gallery-dot {\n  width: 7px;\n  height: 7px;\n\n  padding: 0;\n\n  border: 0;\n\n  border-radius: 50px;\n\n  background: #c8ced3;\n\n  cursor: pointer;\n\n  transition: .3s ease;\n}\n\n.lc-gallery-dot.active {\n  width: 25px;\n\n  background: var(--blue);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .lc-gallery-inner {\n    padding-left: 45px;\n    padding-right: 45px;\n  }\n\n  .lc-gallery-item {\n    flex-basis: calc((100% - 18px) \/ 2);\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .lc-gallery-inner {\n    padding:\n      5px\n      0\n      25px\n      15px;\n  }\n\n  \/*\n     82% permet de voir un petit bout\n     de la prochaine photo\n  *\/\n\n  .lc-gallery-item {\n    flex: 0 0 82%;\n\n    aspect-ratio: 4 \/ 3;\n\n    border-radius: 4px 22px 4px 4px;\n  }\n\n  .lc-gallery-track {\n    gap: 12px;\n  }\n\n  \/*\n     On retire les fl\u00e8ches mobile :\n     swipe beaucoup plus naturel\n  *\/\n\n  .lc-gallery-arrow {\n    display: none;\n  }\n\n  .lc-gallery-dots {\n    margin-right: 15px;\n    margin-top: 18px;\n  }\n\n}\n<\/style>\n\n\n<!-- =========================================================\n     GALERIE\n========================================================= -->\n\n<div class=\"lc-gallery\" id=\"lcGallery\">\n\n  <div class=\"lc-gallery-inner\">\n\n\n    <!-- FL\u00c8CHE GAUCHE -->\n\n    <button\n      class=\"lc-gallery-arrow lc-gallery-prev\"\n      type=\"button\"\n      aria-label=\"Image pr\u00e9c\u00e9dente\"\n    >\n      &#8249;\n    <\/button>\n\n\n    <!-- GALERIE -->\n\n    <div class=\"lc-gallery-viewport\">\n\n      <div class=\"lc-gallery-track\">\n\n\n        <!-- 01 -->\n\n        <div class=\"lc-gallery-item\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2026\/10\/mauvalin1.jpg\"\n            alt=\"Projet commercial Lemoine Courtier Auto\"\n            loading=\"lazy\"\n          >\n\n          <span class=\"lc-gallery-number\">\n            01\n          <\/span>\n\n        <\/div>\n\n\n        <!-- 02 -->\n\n        <div class=\"lc-gallery-item\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2026\/10\/mauvalin2.jpg\"\n            alt=\"Projet commercial Lemoine Courtier Auto\"\n            loading=\"lazy\"\n          >\n\n          <span class=\"lc-gallery-number\">\n            02\n          <\/span>\n\n        <\/div>\n\n\n        <!-- 03 -->\n\n        <div class=\"lc-gallery-item\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2026\/10\/mauvalin3.jpg\"\n            alt=\"Projet commercial Lemoine Courtier Auto\"\n            loading=\"lazy\"\n          >\n\n          <span class=\"lc-gallery-number\">\n            03\n          <\/span>\n\n        <\/div>\n\n\n        <!-- 04 -->\n\n        <div class=\"lc-gallery-item\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2026\/10\/sthubert-lemoinecourtierauto.jpg\"\n            alt=\"Flotte de v\u00e9hicules St-Hubert\"\n            loading=\"lazy\"\n          >\n\n          <span class=\"lc-gallery-number\">\n            04\n          <\/span>\n\n        <\/div>\n\n\n        <!-- 05 -->\n\n        <div class=\"lc-gallery-item\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2026\/10\/truck-lemoine1.jpg\"\n            alt=\"Camion commercial Lemoine Courtier Auto\"\n            loading=\"lazy\"\n          >\n\n          <span class=\"lc-gallery-number\">\n            05\n          <\/span>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FL\u00c8CHE DROITE -->\n\n    <button\n      class=\"lc-gallery-arrow lc-gallery-next\"\n      type=\"button\"\n      aria-label=\"Image suivante\"\n    >\n      &#8250;\n    <\/button>\n\n\n    <!-- INDICATEURS -->\n\n    <div class=\"lc-gallery-dots\"><\/div>\n\n\n  <\/div>\n\n<\/div>\n\n\n<!-- =========================================================\n     JAVASCRIPT\n========================================================= -->\n\n<script>\n(function () {\n\n  const gallery =\n    document.getElementById(\"lcGallery\");\n\n  if (!gallery) return;\n\n\n  const track =\n    gallery.querySelector(\".lc-gallery-track\");\n\n  const items =\n    Array.from(\n      gallery.querySelectorAll(\".lc-gallery-item\")\n    );\n\n  const prev =\n    gallery.querySelector(\".lc-gallery-prev\");\n\n  const next =\n    gallery.querySelector(\".lc-gallery-next\");\n\n  const dotsContainer =\n    gallery.querySelector(\".lc-gallery-dots\");\n\n\n  let current = 0;\n\n  let startX = 0;\n  let endX = 0;\n\n\n  \/* =====================================================\n     NOMBRE D'IMAGES VISIBLES\n  ===================================================== *\/\n\n  function visibleItems() {\n\n    if (window.innerWidth <= 600) {\n      return 1;\n    }\n\n    if (window.innerWidth <= 900) {\n      return 2;\n    }\n\n    return 3;\n\n  }\n\n\n  \/* =====================================================\n     MAX POSITION\n  ===================================================== *\/\n\n  function maxIndex() {\n\n    if (window.innerWidth <= 600) {\n      return items.length - 1;\n    }\n\n    return Math.max(\n      0,\n      items.length - visibleItems()\n    );\n\n  }\n\n\n  \/* =====================================================\n     CR\u00c9ATION DES DOTS\n  ===================================================== *\/\n\n  function createDots() {\n\n    dotsContainer.innerHTML = \"\";\n\n    const count =\n      maxIndex() + 1;\n\n\n    for (let i = 0; i < count; i++) {\n\n      const dot =\n        document.createElement(\"button\");\n\n      dot.className =\n        \"lc-gallery-dot\";\n\n      dot.setAttribute(\n        \"aria-label\",\n        \"Afficher la galerie \" + (i + 1)\n      );\n\n\n      dot.addEventListener(\n        \"click\",\n        function () {\n\n          current = i;\n\n          updateGallery();\n\n        }\n      );\n\n\n      dotsContainer.appendChild(dot);\n\n    }\n\n  }\n\n\n  \/* =====================================================\n     UPDATE\n  ===================================================== *\/\n\n  function updateGallery() {\n\n    const firstItem =\n      items[0];\n\n    const styles =\n      window.getComputedStyle(track);\n\n    const gap =\n      parseFloat(styles.gap) || 0;\n\n    const itemWidth =\n      firstItem.getBoundingClientRect().width;\n\n\n    \/*\n      d\u00e9placement exact bas\u00e9\n      sur largeur r\u00e9elle de l'image\n    *\/\n\n    const offset =\n      current * (itemWidth + gap);\n\n\n    track.style.transform =\n      \"translateX(-\" + offset + \"px)\";\n\n\n    const dots =\n      dotsContainer.querySelectorAll(\n        \".lc-gallery-dot\"\n      );\n\n\n    dots.forEach(\n      function (dot, index) {\n\n        dot.classList.toggle(\n          \"active\",\n          index === current\n        );\n\n      }\n    );\n\n  }\n\n\n  \/* =====================================================\n     NEXT\n  ===================================================== *\/\n\n  function nextGallery() {\n\n    current++;\n\n    if (current > maxIndex()) {\n      current = 0;\n    }\n\n    updateGallery();\n\n  }\n\n\n  \/* =====================================================\n     PREVIOUS\n  ===================================================== *\/\n\n  function prevGallery() {\n\n    current--;\n\n    if (current < 0) {\n      current = maxIndex();\n    }\n\n    updateGallery();\n\n  }\n\n\n  next.addEventListener(\n    \"click\",\n    nextGallery\n  );\n\n\n  prev.addEventListener(\n    \"click\",\n    prevGallery\n  );\n\n\n  \/* =====================================================\n     SWIPE MOBILE\n  ===================================================== *\/\n\n  track.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      startX =\n        event.touches[0].clientX;\n\n    },\n    { passive: true }\n  );\n\n\n  track.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      endX =\n        event.changedTouches[0].clientX;\n\n\n      const distance =\n        startX - endX;\n\n\n      if (Math.abs(distance) > 45) {\n\n        if (distance > 0) {\n\n          nextGallery();\n\n        } else {\n\n          prevGallery();\n\n        }\n\n      }\n\n    },\n    { passive: true }\n  );\n\n\n  \/* =====================================================\n     RESIZE\n  ===================================================== *\/\n\n  let resizeTimer;\n\n  window.addEventListener(\n    \"resize\",\n    function () {\n\n      clearTimeout(resizeTimer);\n\n      resizeTimer =\n        setTimeout(function () {\n\n          if (current > maxIndex()) {\n            current = maxIndex();\n          }\n\n          createDots();\n          updateGallery();\n\n        }, 150);\n\n    }\n  );\n\n\n  \/* =====================================================\n     INIT\n  ===================================================== *\/\n\n  createDots();\n  updateGallery();\n\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9b14e41 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9b14e41\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d85a536\" data-id=\"d85a536\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-13127d3 elementor-widget elementor-widget-html\" data-id=\"13127d3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* =========================================================\n   LEMOINE COURTIER AUTO \u00d7 RANGER DESIGN \u2014 EN\n========================================================= *\/\n\n.lrd-section {\n  --blue: #28679b;\n  --blue-dark: #173f63;\n  --navy: #152536;\n  --text: #5c6268;\n  --light: #f4f6f7;\n  --white: #ffffff;\n  --border: #e2e7ea;\n\n  width: 100%;\n  padding: 90px 20px;\n  background: #fff;\n  font-family: inherit;\n  overflow: hidden;\n}\n\n.lrd-section *,\n.lrd-section *::before,\n.lrd-section *::after {\n  box-sizing: border-box;\n}\n\n.lrd-container {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.lrd-mobile-logo {\n  display: none;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.lrd-intro {\n  display: grid;\n  grid-template-columns: 1.05fr .95fr;\n  gap: 70px;\n  align-items: center;\n  margin-bottom: 90px;\n}\n\n.lrd-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 8px 13px;\n  margin-bottom: 22px;\n  background: rgba(40,103,155,.08);\n  border: 1px solid rgba(40,103,155,.15);\n  border-radius: 100px;\n  color: var(--blue);\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1.2px;\n}\n\n.lrd-eyebrow::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  flex: 0 0 7px;\n  background: var(--blue);\n  border-radius: 50%;\n}\n\n.lrd-kicker {\n  margin-bottom: 13px;\n  color: var(--blue);\n  font-size: 15px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n}\n\n.lrd-title {\n  margin: 0 0 24px;\n  color: var(--navy);\n  font-size: clamp(38px, 4.8vw, 67px);\n  line-height: .98;\n  letter-spacing: -2px;\n  font-weight: 750;\n}\n\n.lrd-title span {\n  color: var(--blue);\n}\n\n.lrd-lead {\n  margin: 0 0 17px;\n  color: var(--text);\n  font-size: 17px;\n  line-height: 1.75;\n}\n\n.lrd-lead strong {\n  color: var(--navy);\n}\n\n\n\/* =========================================================\n   BUTTON\n========================================================= *\/\n\n.lrd-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 13px;\n  padding: 15px 21px;\n  background: var(--blue);\n  border-radius: 7px;\n  color: #fff !important;\n  text-decoration: none !important;\n  font-size: 14px;\n  font-weight: 700;\n  transition: transform .25s ease, background .25s ease;\n}\n\n.lrd-button:hover {\n  background: var(--blue-dark);\n  transform: translateY(-2px);\n}\n\n.lrd-button-icon {\n  font-size: 18px;\n}\n\n.lrd-button-arrow {\n  font-size: 20px;\n}\n\n\n\/* =========================================================\n   PHOTOS\n========================================================= *\/\n\n.lrd-visual {\n  position: relative;\n  min-height: 550px;\n}\n\n.lrd-photo {\n  position: absolute;\n  overflow: hidden;\n  background: #e9ecef;\n}\n\n.lrd-photo img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  transition: transform .7s cubic-bezier(.2,.7,.2,1);\n}\n\n.lrd-photo:hover img {\n  transform: scale(1.035);\n}\n\n.lrd-photo--main {\n  top: 0;\n  right: 0;\n  width: 86%;\n  height: 450px;\n  border-radius: 5px 5px 5px 45px;\n}\n\n.lrd-photo--secondary {\n  left: 0;\n  bottom: 0;\n  width: 55%;\n  height: 245px;\n  border: 9px solid #fff;\n  border-radius: 5px 28px 5px 5px;\n  box-shadow: 0 18px 45px rgba(18,37,54,.14);\n}\n\n\n\/* =========================================================\n   RANGER LOGO \u2014 WHITE BACKGROUND\n========================================================= *\/\n\n.lrd-logo-badge {\n  position: absolute;\n  right: 0;\n  bottom: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 190px;\n  min-height: 95px;\n  padding: 20px 22px;\n\n  \/* FIX *\/\n  background: #ffffff;\n  border: 1px solid #e2e7ea;\n\n  border-radius: 8px 0 0 8px;\n  box-shadow: 0 12px 30px rgba(18,37,54,.12);\n}\n\n.lrd-logo-badge img {\n  display: block;\n  width: 100%;\n  max-width: 145px;\n  height: auto;\n  object-fit: contain;\n}\n\n\n\/* =========================================================\n   SOLUTIONS\n========================================================= *\/\n\n.lrd-solutions {\n  padding: 70px;\n  background: var(--light);\n  border-radius: 6px 45px 6px 6px;\n}\n\n.lrd-solutions-heading {\n  display: grid;\n  grid-template-columns: .8fr 1.2fr;\n  gap: 60px;\n  align-items: end;\n  margin-bottom: 45px;\n}\n\n.lrd-small-title {\n  color: var(--blue);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n}\n\n.lrd-solutions-heading h3 {\n  margin: 8px 0 0;\n  color: var(--navy);\n  font-size: clamp(30px,3vw,44px);\n  line-height: 1.05;\n}\n\n.lrd-solutions-heading p {\n  margin: 0;\n  color: var(--text);\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n.lrd-grid {\n  display: grid;\n  grid-template-columns: repeat(5,1fr);\n  gap: 12px;\n}\n\n.lrd-card {\n  min-height: 185px;\n  padding: 21px;\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: 5px;\n  transition: transform .25s ease, box-shadow .25s ease;\n}\n\n.lrd-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 14px 28px rgba(20,40,60,.07);\n}\n\n.lrd-card-number {\n  display: block;\n  margin-bottom: 35px;\n  color: var(--blue);\n  font-size: 12px;\n  font-weight: 800;\n}\n\n.lrd-card h4 {\n  margin: 0;\n  color: var(--navy);\n  font-size: 15px;\n  line-height: 1.45;\n}\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.lrd-final {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 40px;\n  margin-top: 24px;\n  padding: 50px 55px;\n  background: var(--blue);\n  border-radius: 5px 5px 38px 5px;\n  overflow: hidden;\n}\n\n.lrd-final::after {\n  content: \"R\";\n  position: absolute;\n  right: -25px;\n  top: -70px;\n  color: rgba(255,255,255,.05);\n  font-size: 230px;\n  font-weight: 900;\n}\n\n.lrd-final-content {\n  position: relative;\n  z-index: 2;\n}\n\n.lrd-final-label {\n  display: block;\n  margin-bottom: 8px;\n  color: rgba(255,255,255,.7);\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1.3px;\n}\n\n.lrd-final h3 {\n  margin: 0;\n  color: #fff;\n  font-size: clamp(27px,3vw,40px);\n  line-height: 1.1;\n}\n\n.lrd-final .lrd-button {\n  position: relative;\n  z-index: 2;\n  margin: 0;\n  background: #fff;\n  color: var(--blue) !important;\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n.lrd-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .7s ease, transform .7s ease;\n}\n\n.lrd-reveal.lrd-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n  .lrd-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n}\n\n@media (max-width: 850px) {\n\n  .lrd-intro {\n    grid-template-columns: 1fr;\n    gap: 45px;\n  }\n\n  .lrd-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n  .lrd-solutions-heading {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .lrd-final {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 550px) {\n\n  .lrd-section {\n    padding: 42px 15px 50px;\n  }\n\n  \/* RANGER LOGO FIRST \u2014 WHITE *\/\n\n  .lrd-mobile-logo {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    margin: 0 auto 22px;\n    padding: 20px 25px;\n\n    \/* FIX *\/\n    background: #ffffff;\n    border: 1px solid #e2e7ea;\n\n    border-radius: 10px;\n    box-shadow: 0 10px 30px rgba(18,37,54,.08);\n  }\n\n  .lrd-mobile-logo img {\n    display: block;\n    width: 100%;\n    max-width: 200px;\n    height: auto;\n    object-fit: contain;\n  }\n\n  \/* ONE LINE *\/\n\n  .lrd-eyebrow {\n    display: flex;\n    width: 100%;\n    justify-content: center;\n    gap: 7px;\n    margin-bottom: 25px;\n    padding: 12px 9px;\n    white-space: nowrap;\n    font-size: 9.2px;\n    letter-spacing: .35px;\n  }\n\n  .lrd-kicker {\n    font-size: 12px;\n    letter-spacing: 1px;\n  }\n\n  .lrd-title {\n    font-size: 39px;\n    letter-spacing: -1px;\n  }\n\n  .lrd-lead {\n    font-size: 15px;\n  }\n\n  .lrd-button {\n    width: 100%;\n    justify-content: center;\n  }\n\n  \/* Hide duplicate logo *\/\n\n  .lrd-logo-badge {\n    display: none;\n  }\n\n  .lrd-visual {\n    min-height: 405px;\n  }\n\n  .lrd-photo--main {\n    width: 94%;\n    height: 320px;\n  }\n\n  .lrd-photo--secondary {\n    width: 61%;\n    height: 180px;\n    border-width: 6px;\n  }\n\n  .lrd-solutions {\n    padding: 35px 20px;\n  }\n\n  .lrd-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .lrd-card {\n    min-height: auto;\n  }\n\n  .lrd-card-number {\n    margin-bottom: 18px;\n  }\n\n  .lrd-final {\n    padding: 35px 25px;\n  }\n\n  .lrd-final .lrd-button {\n    width: 100%;\n  }\n}\n<\/style>\n\n\n<section class=\"lrd-section\">\n<div class=\"lrd-container\">\n\n  <!-- MOBILE LOGO FIRST -->\n  <div class=\"lrd-mobile-logo lrd-reveal\">\n    <img decoding=\"async\"\n      src=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2026\/10\/rangerdesign-logo-scaled.webp\"\n      alt=\"Ranger Design\"\n    >\n  <\/div>\n\n\n  <div class=\"lrd-intro\">\n\n    <div class=\"lrd-content lrd-reveal\">\n\n      <div class=\"lrd-eyebrow\">\n        Certified distributor and installer\n      <\/div>\n\n      <div class=\"lrd-kicker\">\n        Lemoine Courtier Auto \u00d7 Ranger Design\n      <\/div>\n\n      <h2 class=\"lrd-title\">\n        YOUR COMMERCIAL  VEHICLE.<br>\n        <span>OUR EXPERTISE.<\/span><br>\n       A COMPLETE SOLUTION.\n      <\/h2>\n\n      <p class=\"lrd-lead\">\n        At Lemoine Courtier Auto, we go far beyond the sale and rental of commercial vehicles.\n      <\/p>\n\n      <p class=\"lrd-lead\">\n        As a <strong>certified Ranger Design distributor and installer<\/strong>,\n        we offer professional upfitting solutions designed to transform your work vehicle into a true productivity tool.\n      <\/p>\n\n      <p class=\"lrd-lead\">\n        Whether you are a contractor, electrician, plumber, heating and air conditioning technician, or fleet manager, we adapt your vehicle to the reality of your business.\n      <\/p>\n\n      <a href=\"tel:+15149105374\" class=\"lrd-button\">\n        <span class=\"lrd-button-icon\">\u260e<\/span>\n        (514) 910-5374\n        <span class=\"lrd-button-arrow\">\u2192<\/span>\n      <\/a>\n\n    <\/div>\n\n\n    <div class=\"lrd-visual lrd-reveal\">\n\n      <div class=\"lrd-photo lrd-photo--main\">\n        <img decoding=\"async\"\n          src=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2026\/10\/rangerdesign-lemoinecourtierauto2.jpg\"\n          alt=\"Ranger Design commercial vehicle upfitting\"\n          loading=\"lazy\"\n        >\n      <\/div>\n\n      <div class=\"lrd-photo lrd-photo--secondary\">\n        <img decoding=\"async\"\n          src=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2026\/10\/rangerdesign-lemoinecourtierauto.jpg\"\n          alt=\"Ranger Design commercial vehicle equipment\"\n          loading=\"lazy\"\n        >\n      <\/div>\n\n      <div class=\"lrd-logo-badge\">\n        <img decoding=\"async\"\n          src=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2026\/10\/rangerdesign-logo-scaled.webp\"\n          alt=\"Ranger Design\"\n        >\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- SOLUTIONS -->\n\n  <div class=\"lrd-solutions lrd-reveal\">\n\n    <div class=\"lrd-solutions-heading\">\n\n      <div>\n        <span class=\"lrd-small-title\">Our solutions<\/span>\n        <h3>UPFITTING TAILORED TO YOUR TRADE.<\/h3>\n      <\/div>\n\n      <p>\n        Professional and modular solutions designed to organize your equipment, maximize your space and make every workday more efficient.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"lrd-grid\">\n\n      <div class=\"lrd-card\">\n        <span class=\"lrd-card-number\">01<\/span>\n        <h4>Modular shelving and storage systems<\/h4>\n      <\/div>\n\n      <div class=\"lrd-card\">\n        <span class=\"lrd-card-number\">02<\/span>\n        <h4>Partition walls and safety barriers<\/h4>\n      <\/div>\n\n      <div class=\"lrd-card\">\n        <span class=\"lrd-card-number\">03<\/span>\n        <h4>Drawers and tool compartments<\/h4>\n      <\/div>\n\n      <div class=\"lrd-card\">\n        <span class=\"lrd-card-number\">04<\/span>\n        <h4>Ladder racks and accessories<\/h4>\n      <\/div>\n\n      <div class=\"lrd-card\">\n        <span class=\"lrd-card-number\">05<\/span>\n        <h4>Customized upfitting solutions tailored to your trade<\/h4>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- FINAL CTA -->\n\n  <div class=\"lrd-final lrd-reveal\">\n\n    <div class=\"lrd-final-content\">\n      <span class=\"lrd-final-label\">\n        Lemoine \u00d7 Ranger Design\n      <\/span>\n\n      <h3>\n        One partner.<br>\n        From the vehicle to its upfitting.\n      <\/h3>\n    <\/div>\n\n    <a href=\"tel:+15149105374\" class=\"lrd-button\">\n      <span class=\"lrd-button-icon\">\u260e<\/span>\n      (514) 910-5374\n      <span class=\"lrd-button-arrow\">\u2192<\/span>\n    <\/a>\n\n  <\/div>\n\n<\/div>\n<\/section>\n\n\n<script>\n(function () {\n\n  var elements = document.querySelectorAll(\".lrd-reveal\");\n\n  if (!(\"IntersectionObserver\" in window)) {\n    elements.forEach(function(el) {\n      el.classList.add(\"lrd-visible\");\n    });\n    return;\n  }\n\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"lrd-visible\");\n        observer.unobserve(entry.target);\n      }\n    });\n  }, {\n    threshold: 0.12\n  });\n\n  elements.forEach(function(el) {\n    observer.observe(el);\n  });\n\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0a56569 colonne_faste elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0a56569\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-2f50d7a\" data-id=\"2f50d7a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b6e3633 elementor-widget elementor-widget-image\" data-id=\"b6e3633\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.14.0 - 26-06-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"806\" src=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camions_commerciaux_01-1024x806.jpg\" class=\"attachment-large size-large wp-image-2420\" alt=\"\" srcset=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camions_commerciaux_01-1024x806.jpg 1024w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camions_commerciaux_01-300x236.jpg 300w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camions_commerciaux_01-768x604.jpg 768w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camions_commerciaux_01-1536x1209.jpg 1536w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camions_commerciaux_01.jpg 1775w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-670bb9e elementor-widget elementor-widget-text-editor\" data-id=\"670bb9e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3>Tailored solutions<\/h3><p>We take the time to truly understand your requirements, ensuring we deliver the perfect truck or fleet to power your business.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-a2bab3c\" data-id=\"a2bab3c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c2bb163 elementor-widget elementor-widget-image\" data-id=\"c2bb163\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camion-5-1024x576.jpeg\" class=\"attachment-large size-large wp-image-2371\" alt=\"\" srcset=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camion-5-1024x576.jpeg 1024w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camion-5-300x169.jpeg 300w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camion-5-768x432.jpeg 768w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camion-5-1536x864.jpeg 1536w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camion-5.jpeg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a5fe42 elementor-widget elementor-widget-text-editor\" data-id=\"5a5fe42\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3>Unbeatable prices<\/h3><p>Leveraging our vast dealership network, we secure the best possible pricing on high-quality vehicles for your business.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-4749ac4\" data-id=\"4749ac4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-04f7c7f elementor-widget elementor-widget-image\" data-id=\"04f7c7f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"682\" src=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camion-3.jpeg\" class=\"attachment-large size-large wp-image-2367\" alt=\"\" srcset=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camion-3.jpeg 1023w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camion-3-300x200.jpeg 300w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camion-3-768x512.jpeg 768w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-305ce4d elementor-widget elementor-widget-text-editor\" data-id=\"305ce4d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3>Maximum trade-in value<\/h3><p>Get the best possible return on your old trucks, thanks to our expertise in trade-in negotiations.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bf300fd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bf300fd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2730b97\" data-id=\"2730b97\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0909d56 elementor-widget elementor-widget-text-editor\" data-id=\"0909d56\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3>Why choose Lemoine courtier auto?<\/h3><p><span style=\"color: #2662a0;\"><strong>Proven Expertise:<\/strong><\/span>\u00a0Years of experience allow us to fully understand your challenges and provide effective solutions.<\/p><p><span style=\"color: #2662a0;\"><strong>Comprehensive Service:<\/strong><\/span>\u00a0From selecting the perfect vehicle to complete fleet management, we handle everything.<\/p><p><span style=\"color: #2662a0;\"><strong>Direct Relationships:<\/strong><\/span>\u00a0Louis-Philippe Lemoine personally manages negotiations with dealership owners\u2014no middlemen, no wasted time, and no pressure<\/p><p><span style=\"color: #2662a0;\"><strong>Total Transparency:<\/strong><\/span>\u00a0Clear and honest communication with no hidden fees and no surprises.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-91f0f13\" data-id=\"91f0f13\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-36562d4 elementor-widget elementor-widget-image\" data-id=\"36562d4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camions_commerciaux_02-1024x683.jpg\" class=\"attachment-large size-large wp-image-2425\" alt=\"\" srcset=\"https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camions_commerciaux_02-1024x683.jpg 1024w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camions_commerciaux_02-300x200.jpg 300w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camions_commerciaux_02-768x512.jpg 768w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camions_commerciaux_02-1536x1024.jpg 1536w, https:\/\/lemoinecourtierauto.com\/wp-content\/uploads\/2025\/10\/camions_commerciaux_02-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Commercial trucks <\/p>\n<p style=\"text-align: center;\"><strong>Maximize your fleet\u2019s potential with Lemoine Courtier Auto<\/strong><\/p>\n<p style=\"text-align: center;\">At Lemoine Courtier Auto, we specialize in finding the ideal commercial vehicles for trades like HVAC, plumbing, and electrical work. We prioritize simplicity and transparency, so you can stay focused on the job while we take care of the heavy lifting.<\/p>\n<p style=\"text-align: center;\">\u00a0<\/p>\n<p> \/* ========================================================= LEMOINE \u2014 GALERIE CARROUSEL ========================================================= *\/ .lc-gallery { &#8211;blue: #28679b; &#8211;navy: #152536; &#8211;grey: #eef1f3; width: 100%; overflow: hidden; font-family: inherit; } .lc-gallery-inner { position: relative; max-width: 1250px; margin: 0 auto; padding: 10px 55px 35px; } \/* ========================================================= TRACK ========================================================= *\/ .lc-gallery-viewport { overflow: hidden; } .lc-gallery-track { display: flex; gap: 18px; transition: transform .55s cubic-bezier(.22,.61,.36,1); will-change: transform; touch-action: pan-y; } \/* ========================================================= IMAGES ========================================================= *\/ .lc-gallery-item { position: relative; flex: 0 0 calc((100% &#8211; 36px) \/ 3); aspect-ratio: 4 \/ 3; overflow: hidden; background: var(&#8211;grey); border-radius: 5px 28px 5px 5px; cursor: grab; } .lc-gallery-item:active { [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2618","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lemoinecourtierauto.com\/en\/wp-json\/wp\/v2\/pages\/2618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lemoinecourtierauto.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lemoinecourtierauto.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lemoinecourtierauto.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lemoinecourtierauto.com\/en\/wp-json\/wp\/v2\/comments?post=2618"}],"version-history":[{"count":22,"href":"https:\/\/lemoinecourtierauto.com\/en\/wp-json\/wp\/v2\/pages\/2618\/revisions"}],"predecessor-version":[{"id":3563,"href":"https:\/\/lemoinecourtierauto.com\/en\/wp-json\/wp\/v2\/pages\/2618\/revisions\/3563"}],"wp:attachment":[{"href":"https:\/\/lemoinecourtierauto.com\/en\/wp-json\/wp\/v2\/media?parent=2618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}