{"id":2137,"date":"2026-03-01T13:39:47","date_gmt":"2026-03-01T12:39:47","guid":{"rendered":"https:\/\/transport.excellenceexpress.fr\/?page_id=2137"},"modified":"2026-03-01T14:27:25","modified_gmt":"2026-03-01T13:27:25","slug":"livraison-marchandise","status":"publish","type":"page","link":"https:\/\/transport.excellenceexpress.fr\/index.php\/livraison-marchandise\/","title":{"rendered":"Livraison Marchandise"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2137\" class=\"elementor elementor-2137\">\n\t\t\t\t<div class=\"elementor-element elementor-element-655dd88 e-con-full e-flex e-con e-parent\" data-id=\"655dd88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9de0177 elementor-widget elementor-widget-html\" data-id=\"9de0177\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===============================\nBLOC 1 \u2014 HERO Livraison Marchandises\nStructure mobile identique r\u00e9f\u00e9rence\nBoutons m\u00eame diam\u00e8tre (42px)\nFond transparent + s\u00e9paration gold\n=============================== -->\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\"\/>\n\n<section id=\"ee-marchandise-hero\" aria-label=\"Livraison de marchandises \u2014 Excellence Express\">\n<style>\n#ee-marchandise-hero{\n  --gold:#ffd36b;\n  --line:rgba(255,211,107,.35);\n  --muted:rgba(255,255,255,.80);\n  --grad:linear-gradient(90deg,#a97700 0%,#ffd36b 22%,#9a6a00 45%,#ffe7a3 60%,#a86f00 80%,#ffd36b 100%);\n  --ee-header-h: var(--ee-header-height, 78px);\n\n  padding: clamp(46px, 8vw, 96px) 0 clamp(26px, 4vw, 44px);\n  background: transparent !important;\n  position:relative;\n  overflow:hidden;\n  text-align:center;\n  font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n\n  scroll-margin-top: calc(var(--ee-header-h) + 14px);\n}\n\n@media (max-width:680px){\n  #ee-marchandise-hero{\n    padding-top: calc(var(--ee-header-h) + 18px);\n  }\n}\n\n#ee-marchandise-hero .inner{\n  width:min(1100px, calc(100% - 32px));\n  margin:0 auto;\n}\n\n\/* Kicker *\/\n#ee-marchandise-hero .kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:9px 14px;\n  border:1px solid var(--line);\n  background:rgba(0,0,0,.30);\n  border-radius:999px;\n  color:rgba(255,255,255,.78);\n  font-size:12.6px;\n  font-weight:800;\n  letter-spacing:.35px;\n  text-transform:uppercase;\n  margin-bottom:14px;\n}\n#ee-marchandise-hero .kicker i{\n  color:var(--gold);\n  font-size:16px;\n}\n\n\/* Title *\/\n#ee-marchandise-hero h1{\n  margin:0 auto 12px;\n  font-weight:900;\n  line-height:1.05;\n  font-size:clamp(28px,4.2vw,54px);\n  background:var(--grad);\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n  text-wrap:balance;\n  letter-spacing:.2px;\n}\n\n\/* Paragraph *\/\n#ee-marchandise-hero .sub{\n  margin:0 auto 18px;\n  max-width:900px;\n  color:rgba(255,255,255,.86);\n  font-size:clamp(14px,1.25vw,17px);\n  line-height:1.6;\n}\n#ee-marchandise-hero .sub strong{ color:#fff; }\n\n\/* Chips *\/\n#ee-marchandise-hero .chips{\n  display:grid;\n  grid-template-columns:repeat(4,max-content);\n  justify-content:center;\n  gap:12px 14px;\n  margin:18px 0 20px;\n}\n\n#ee-marchandise-hero .chip{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:10px 14px;\n  border-radius:999px;\n  border:1px solid rgba(255,211,107,.28);\n  background:rgba(0,0,0,.26);\n  color:rgba(255,255,255,.90);\n  font-weight:800;\n  font-size:12.8px;\n  line-height:1.15;\n  white-space:nowrap;\n  box-shadow:0 10px 26px rgba(0,0,0,.38);\n}\n#ee-marchandise-hero .chip i{\n  color:var(--gold);\n  font-size:15px;\n}\n\n\/* Mobile chips 2x2 *\/\n@media (max-width:680px){\n  #ee-marchandise-hero .inner{\n    width:min(560px, calc(100% - 22px));\n  }\n  #ee-marchandise-hero .chips{\n    grid-template-columns:1fr 1fr;\n    gap:10px;\n    margin:16px 0 18px;\n  }\n  #ee-marchandise-hero .chip{\n    width:100%;\n    justify-content:flex-start;\n    white-space:normal;\n  }\n}\n@media (max-width:360px){\n  #ee-marchandise-hero .chips{\n    grid-template-columns:1fr;\n  }\n}\n\n\/* CTA \u2014 m\u00eame diam\u00e8tre pour les deux (base = mobile empil\u00e9) *\/\n#ee-marchandise-hero .actions{\n  width:min(760px,100%);\n  margin:14px auto 0;\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n}\n\n#ee-marchandise-hero .actions .ee-btn-gold,\n#ee-marchandise-hero .actions .btn-soft{\n  width:100%;\n  height:42px;\n  border-radius:999px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n\/* \u2705 PC : 2 boutons sur la m\u00eame ligne + m\u00eames largeurs *\/\n@media (min-width:681px){\n  #ee-marchandise-hero .actions{\n    flex-direction:row;\n    justify-content:center;\n    align-items:center;\n    gap:16px;\n    width:min(640px,100%);\n  }\n  #ee-marchandise-hero .actions .ee-btn-gold,\n  #ee-marchandise-hero .actions .btn-soft{\n    width:50%;\n    max-width:310px;   \/* garde un rendu propre *\/\n  }\n}\n\n\/* bouton soft *\/\n#ee-marchandise-hero .btn-soft{\n  border:1px solid rgba(255,211,107,.55);\n  background:linear-gradient(180deg, rgba(255,211,107,.40), rgba(255,211,107,.22));\n  color:#111;\n  text-decoration:none;\n  font-weight:900;\n  font-size:13px;\n  letter-spacing:.2px;\n  box-shadow:0 18px 42px rgba(0,0,0,.45);\n  transition:transform .15s ease, filter .15s ease;\n}\n#ee-marchandise-hero .btn-soft:hover{\n  transform:translateY(-1px);\n  filter:brightness(1.05);\n}\n<\/style>\n\n<div class=\"inner\">\n  <div class=\"kicker\">\n    <i class=\"ri-truck-line\"><\/i>\n    Service premium \u2014 Grand Est (\u22123,5T)\n  <\/div>\n\n  <h1>Livraison de marchandises<\/h1>\n\n  <p class=\"sub\">\n    Transport fiable et soign\u00e9 pour vos <strong>colis, mat\u00e9riel, cartons, \u00e9quipements<\/strong> et livraisons professionnelles.\n    Enl\u00e8vement et d\u00e9p\u00f4t en <strong>Grand Est<\/strong>, avec cr\u00e9neaux adapt\u00e9s (urgent ou programm\u00e9).\n  <\/p>\n\n  <div class=\"chips\">\n    <span class=\"chip\"><i class=\"ri-flashlight-line\"><\/i>Urgent ou programm\u00e9<\/span>\n    <span class=\"chip\"><i class=\"ri-map-pin-time-line\"><\/i>Grand Est prioritaire<\/span>\n    <span class=\"chip\"><i class=\"ri-shield-check-line\"><\/i>Transport soign\u00e9<\/span>\n    <span class=\"chip\"><i class=\"ri-box-3-line\"><\/i>Colis \/ mat\u00e9riel<\/span>\n  <\/div>\n\n  <div class=\"actions\">\n    <a class=\"ee-btn-gold\" href=\"#ee-marchandise-devis\">Demander un devis<\/a>\n    <a class=\"btn-soft\" href=\"#ee-marchandise-offres\">Voir les solutions<\/a>\n  <\/div>\n<\/div>\n<\/section>\n\n<div class=\"ee-sep-gold\"><\/div>\n\n<style>\n.ee-sep-gold{\n  width:100%;\n  height:1px;\n  background:linear-gradient(\n    90deg,\n    rgba(255,211,107,0),\n    rgba(255,211,107,.55),\n    rgba(255,211,107,0)\n  );\n  box-shadow:0 0 18px rgba(255,211,107,.25);\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5340c73 e-con-full e-flex e-con e-parent\" data-id=\"5340c73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9493137 elementor-widget elementor-widget-html\" data-id=\"9493137\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===============================\nBLOC 2 \u2014 Offres Livraison Marchandises (CARROUSEL MOBILE)\n\u2705 PC: 3 cartes (inchang\u00e9)\n\u2705 Mobile (<=680px): carrousel auto + swipe + dots (SANS FL\u00c8CHES)\n\u2705 Pills: 2 par ligne (mobile inclus)\n\u2705 Boutons: 2 c\u00f4te \u00e0 c\u00f4te (mobile inclus) + m\u00eame taille\n=============================== -->\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\"\/>\n\n<section id=\"ee-b2-marchandise\" aria-label=\"Nos solutions \u2014 Livraison de marchandises\">\n  <style>\n    #ee-b2-marchandise{\n      --gold:#ffd36b;\n      --line:rgba(255,211,107,.35);\n      --line2:rgba(255,211,107,.22);\n      --card:rgba(0,0,0,.42);\n      --card2:rgba(0,0,0,.58);\n      --muted:rgba(255,255,255,.78);\n      --radius:20px;\n      --grad:linear-gradient(90deg,#a97700 0%,#ffd36b 22%,#9a6a00 45%,#ffe7a3 60%,#a86f00 80%,#ffd36b 100%);\n\n      padding: clamp(36px, 6vw, 70px) 0;\n      background: transparent !important;\n      position:relative;\n      overflow:hidden;\n      font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n    }\n    #ee-b2-marchandise *{ box-sizing:border-box; }\n\n    #ee-b2-marchandise .inner{\n      width:min(1140px, calc(100% - 32px));\n      margin:0 auto;\n      text-align:center;\n    }\n\n    #ee-b2-marchandise .h2{\n      margin: 0 0 10px;\n      font-weight: 900;\n      font-size: clamp(22px, 2.4vw, 34px);\n      background: var(--grad);\n      -webkit-background-clip:text;\n      background-clip:text;\n      color:transparent;\n      letter-spacing:.2px;\n    }\n    #ee-b2-marchandise .sub{\n      margin: 0 auto 26px;\n      max-width: 980px;\n      color: var(--muted);\n      line-height: 1.55;\n      font-size: 15px;\n    }\n\n    \/* GRID (PC) *\/\n    #ee-b2-marchandise .grid{\n      display:grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 22px;\n      align-items:stretch;\n    }\n\n    \/* CARD *\/\n    #ee-b2-marchandise .card{\n      position:relative;\n      border-radius: var(--radius);\n      padding: 28px 26px 32px;\n      border: 1px solid var(--line2);\n      background:\n        radial-gradient(520px 240px at 50% -20%, rgba(255,211,107,.16), transparent 60%),\n        linear-gradient(180deg, var(--card2) 0%, var(--card) 100%);\n      box-shadow: 0 22px 70px rgba(0,0,0,.55);\n      overflow:hidden;\n    }\n    #ee-b2-marchandise .card::after{\n      content:\"\";\n      position:absolute; inset:-2px;\n      border-radius: calc(var(--radius) + 2px);\n      box-shadow: inset 0 0 0 1px rgba(255,211,107,.14);\n      pointer-events:none;\n    }\n\n    \/* ICON TOP *\/\n    #ee-b2-marchandise .top-ico{\n      width: 58px; height: 58px;\n      margin: 0 auto 14px;\n      border-radius: 999px;\n      display:grid;\n      place-items:center;\n      border: 1px solid var(--line);\n      background: rgba(0,0,0,.30);\n      box-shadow: 0 14px 34px rgba(0,0,0,.48);\n    }\n    #ee-b2-marchandise .top-ico span{\n      width: 40px; height: 40px;\n      border-radius: 999px;\n      display:grid;\n      place-items:center;\n      background: rgba(255,211,107,.10);\n      border: 1px solid rgba(255,211,107,.25);\n    }\n    #ee-b2-marchandise .top-ico i{ color: var(--gold); font-size: 18px; }\n\n    #ee-b2-marchandise h3{\n      margin: 0 0 10px;\n      font-weight: 900;\n      color:#fff;\n      font-size: 22px;\n      line-height: 1.1;\n    }\n    #ee-b2-marchandise p{\n      margin: 0 auto 16px;\n      color: var(--muted);\n      line-height: 1.55;\n      font-size: 14.5px;\n      max-width: 360px;\n    }\n\n    \/* \u2705 PILLS \u2014 2 sur la m\u00eame ligne (TOUS formats) *\/\n    #ee-b2-marchandise .pills{\n      display:grid;\n      grid-template-columns: 1fr 1fr; \/* \u2705 force 2 *\/\n      justify-content:center;\n      gap: 10px;\n      margin: 14px 0 18px;\n    }\n    #ee-b2-marchandise .pill{\n      display:inline-flex !important;\n      align-items:center;\n      justify-content:center;\n      gap: 10px;\n      padding: 10px 12px;\n      border-radius: 999px;\n      border: 1px solid var(--line);\n      background: rgba(0,0,0,.26);\n      color: rgba(255,255,255,.88);\n      font-weight: 800;\n      font-size: 12.8px;\n      white-space: nowrap;\n      width:100%;\n    }\n    #ee-b2-marchandise .pill i{ color: var(--gold); font-size: 15px; }\n\n    \/* \u2705 ACTIONS \u2014 2 boutons sur la m\u00eame ligne (TOUS formats) *\/\n    #ee-b2-marchandise .actions{\n      display:grid !important;\n      grid-template-columns: 1fr 1fr;   \/* \u2705 force 2 *\/\n      gap: 12px;\n      margin-top: 16px;\n      align-items:center;\n      justify-content:center;\n    }\n    #ee-b2-marchandise .actions a{\n      display:flex !important;\n      align-items:center !important;\n      justify-content:center !important;\n\n      height: 42px !important;\n      width:100% !important;          \/* \u2705 m\u00eame largeur *\/\n      min-width: 0 !important;        \/* \u2705 \u00e9vite d\u00e9bordement *\/\n      padding: 0 14px !important;\n\n      font-size: 13px !important;\n      font-weight: 900 !important;\n      line-height: 1 !important;\n\n      border-radius: 999px !important;\n      text-decoration:none !important;\n      box-sizing: border-box !important;\n      white-space: nowrap;\n    }\n\n    #ee-b2-marchandise .btn-soft{\n      border: 1px solid rgba(255,211,107,.55) !important;\n      background: linear-gradient(180deg, rgba(255,211,107,.40), rgba(255,211,107,.22)) !important;\n      color: #111 !important;\n      box-shadow: 0 18px 42px rgba(0,0,0,.45) !important;\n      transition: transform .15s ease, filter .15s ease;\n    }\n    #ee-b2-marchandise .btn-soft:hover{\n      transform: translateY(-1px);\n      filter: brightness(1.05);\n    }\n\n    \/* NAV dots (mobile only) *\/\n    #ee-b2-marchandise .ee-off-nav{ display:none; }\n\n    @media (max-width:680px){\n      #ee-b2-marchandise .inner{ width:min(560px, calc(100% - 22px)); }\n\n      \/* \u2705 Carrousel mobile *\/\n      #ee-b2-marchandise.ee-off-ready .grid{\n        display:flex;\n        gap:0;\n        overflow:hidden;\n      }\n\n      #ee-b2-marchandise.ee-off-ready .card{\n        display:none;\n        width:100%;\n        max-width:520px;\n        margin:0 auto;\n      }\n      #ee-b2-marchandise.ee-off-ready .card.is-active{ display:block; }\n\n      \/* texte mieux sur mobile *\/\n      #ee-b2-marchandise p{ max-width: 520px; }\n\n      \/* dots *\/\n      #ee-b2-marchandise.ee-off-ready .ee-off-nav{\n        display:flex;\n        justify-content:center;\n        margin:14px auto 0;\n        width:min(520px,92vw);\n        user-select:none;\n      }\n      #ee-b2-marchandise .ee-off-dots{\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        gap:8px;\n      }\n      #ee-b2-marchandise .ee-off-dot{\n        width:9px;height:9px;\n        border-radius:999px;\n        border:1px solid rgba(254,201,38,.55);\n        background:rgba(254,201,38,.18);\n        cursor:pointer;\n        opacity:.75;\n        transition:transform .15s ease, opacity .15s ease;\n      }\n      #ee-b2-marchandise .ee-off-dot.is-active{\n        opacity:1;\n        transform:scale(1.25);\n        background:linear-gradient(180deg,#FEC926,#B8860B);\n        box-shadow:0 2px 0 rgba(184,134,11,.45) inset;\n      }\n    }\n\n    @media (prefers-reduced-motion:reduce){\n      #ee-b2-marchandise .btn-soft{ transition:none !important; }\n    }\n  <\/style>\n\n  <div class=\"inner\" id=\"ee-marchandise-offres\">\n    <h2 class=\"h2\">Nos solutions de livraison<\/h2>\n    <p class=\"sub\">\n      3 formules simples : de la course express \u00e0 la tourn\u00e9e planifi\u00e9e, avec option aide manutention.\n      (Selon volume, acc\u00e8s, stationnement et gabarit <strong>type Jumpy XL<\/strong> \u2014 sur devis.)\n    <\/p>\n\n    <div class=\"grid\" role=\"list\">\n      <!-- CARTE 1 -->\n      <article class=\"card\" role=\"listitem\">\n        <div class=\"top-ico\" aria-hidden=\"true\"><span><i class=\"ri-flashlight-line\"><\/i><\/span><\/div>\n        <h3>Course express<\/h3>\n        <p>Besoin urgent : enl\u00e8vement rapide et d\u00e9p\u00f4t direct. Id\u00e9al pour colis, mat\u00e9riel, pi\u00e8ces, documents, d\u00e9pannage pro.<\/p>\n\n        <div class=\"pills\">\n          <span class=\"pill\"><i class=\"ri-timer-line\"><\/i>Rapide<\/span>\n          <span class=\"pill\"><i class=\"ri-route-line\"><\/i>Direct<\/span>\n        <\/div>\n\n        <div class=\"actions\">\n          <a class=\"ee-btn-gold\" href=\"#ee-marchandise-devis\">Devis<\/a>\n          <a class=\"btn-soft\" href=\"#ee-marchandise-faq\">Questions<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- CARTE 2 -->\n      <article class=\"card\" role=\"listitem\">\n        <div class=\"top-ico\" aria-hidden=\"true\"><span><i class=\"ri-truck-line\"><\/i><\/span><\/div>\n        <h3>Livraison sur cr\u00e9neau<\/h3>\n        <p>Livraison programm\u00e9e : enl\u00e8vement et d\u00e9p\u00f4t \u00e0 l\u2019heure convenue. Pratique pour artisans, commerces, clients et chantiers.<\/p>\n\n        <div class=\"pills\">\n          <span class=\"pill\"><i class=\"ri-calendar-check-line\"><\/i>Planifi\u00e9e<\/span>\n          <span class=\"pill\"><i class=\"ri-map-pin-2-line\"><\/i>Grand Est<\/span>\n        <\/div>\n\n        <div class=\"actions\">\n          <a class=\"ee-btn-gold\" href=\"#ee-marchandise-devis\">Planifier<\/a>\n          <a class=\"btn-soft\" href=\"#ee-marchandise-tarifs\">Tarifs<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- CARTE 3 -->\n      <article class=\"card\" role=\"listitem\">\n        <div class=\"top-ico\" aria-hidden=\"true\"><span><i class=\"ri-box-3-line\"><\/i><\/span><\/div>\n        <h3>Tourn\u00e9e & multi-stops<\/h3>\n        <p>Plusieurs adresses (collectes\/livraisons) : on optimise l\u2019itin\u00e9raire. Option aide au chargement\/d\u00e9chargement selon besoin.<\/p>\n\n        <div class=\"pills\">\n          <span class=\"pill\"><i class=\"ri-focus-3-line\"><\/i>Optimis\u00e9e<\/span>\n          <span class=\"pill\"><i class=\"ri-hand-heart-line\"><\/i>Option aide<\/span>\n        <\/div>\n\n        <div class=\"actions\">\n          <a class=\"ee-btn-gold\" href=\"#ee-marchandise-devis\">R\u00e9server<\/a>\n          <a class=\"btn-soft\" href=\"#ee-marchandise-conditions\">Conditions<\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <!-- \u2705 Dots mobile -->\n    <div class=\"ee-off-nav\" aria-label=\"Navigation offres\">\n      <div class=\"ee-off-dots\" role=\"tablist\" aria-label=\"Choisir une offre\">\n        <span class=\"ee-off-dot\" role=\"tab\" tabindex=\"0\" aria-label=\"Offre 1\" data-i=\"0\"><\/span>\n        <span class=\"ee-off-dot\" role=\"tab\" tabindex=\"0\" aria-label=\"Offre 2\" data-i=\"1\"><\/span>\n        <span class=\"ee-off-dot\" role=\"tab\" tabindex=\"0\" aria-label=\"Offre 3\" data-i=\"2\"><\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n  (function(){\n    const root = document.querySelector('#ee-b2-marchandise');\n    if(!root) return;\n\n    const mq = window.matchMedia('(max-width:680px)');\n    const cards = Array.from(root.querySelectorAll('.grid .card'));\n    const dots  = Array.from(root.querySelectorAll('.ee-off-dot'));\n    const list  = root.querySelector('.grid');\n    if(cards.length < 2 || !list || dots.length !== cards.length) return;\n\n    let idx = 0;\n    let timer = null;\n    const INTERVAL = 4200;\n\n    const isMobile = ()=> mq.matches;\n\n    function apply(i){\n      idx = (i + cards.length) % cards.length;\n      cards.forEach((c,k)=> c.classList.toggle('is-active', k === idx));\n      dots.forEach((d,k)=> {\n        d.classList.toggle('is-active', k === idx);\n        d.setAttribute('aria-selected', k === idx ? 'true' : 'false');\n      });\n    }\n\n    function stopAuto(){\n      if(timer){ clearInterval(timer); timer = null; }\n    }\n    function startAuto(){\n      stopAuto();\n      if(!isMobile()) return;\n      timer = setInterval(()=> apply(idx + 1), INTERVAL);\n    }\n\n    function enable(){\n      root.classList.add('ee-off-ready');\n      apply(idx);\n      startAuto();\n    }\n    function disable(){\n      root.classList.remove('ee-off-ready');\n      stopAuto();\n      cards.forEach(c=> c.classList.remove('is-active'));\n      dots.forEach(d=> d.classList.remove('is-active'));\n    }\n\n    dots.forEach(d=>{\n      const go = ()=>{\n        if(!isMobile()) return;\n        apply(parseInt(d.dataset.i,10));\n        startAuto();\n      };\n      d.addEventListener('click', (e)=>{ e.preventDefault(); go(); }, {passive:false});\n      d.addEventListener('keydown', (e)=>{\n        if(e.key === 'Enter' || e.key === ' '){\n          e.preventDefault(); go();\n        }\n      });\n    });\n\n    \/\/ swipe\n    let sx=0, sy=0, sw=false;\n    list.addEventListener('touchstart', (e)=>{\n      if(!isMobile()) return;\n      stopAuto();\n      const t = e.touches[0];\n      sx=t.clientX; sy=t.clientY; sw=true;\n    }, {passive:true});\n\n    list.addEventListener('touchmove', (e)=>{\n      if(!isMobile() || !sw) return;\n      const t = e.touches[0];\n      const dx=t.clientX - sx, dy=t.clientY - sy;\n      if(Math.abs(dx) > Math.abs(dy)) e.preventDefault();\n    }, {passive:false});\n\n    list.addEventListener('touchend', (e)=>{\n      if(!isMobile() || !sw) return;\n      sw=false;\n      const t=e.changedTouches[0];\n      const dx=t.clientX - sx, dy=t.clientY - sy;\n      if(Math.abs(dx) > 50 && Math.abs(dx) > Math.abs(dy)){\n        if(dx < 0) apply(idx + 1);\n        else apply(idx - 1);\n      }\n      startAuto();\n    });\n\n    window.addEventListener('visibilitychange', ()=>{\n      if(document.hidden) stopAuto();\n      else startAuto();\n    });\n\n    function init(){\n      if(isMobile()) enable();\n      else disable();\n    }\n\n    init();\n    if(mq.addEventListener) mq.addEventListener('change', init);\n    else mq.addListener(init);\n  })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acc6a9c e-con-full e-flex e-con e-parent\" data-id=\"acc6a9c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64a8d6e elementor-widget elementor-widget-html\" data-id=\"64a8d6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===============================\nBLOC 3 \u2014 Pourquoi choisir (Livraison Marchandises) \u2014 MASTER ee-why (fond transparent)\n\u2705 PC: 4 cartes (inchang\u00e9)\n\u2705 Mobile: 4 ic\u00f4nes cliquables + 1 seul accord\u00e9on dynamique\n\u2705 Panel ferm\u00e9 + toggle seulement ic\u00f4ne\/fl\u00e8che\n\u2705 Ic\u00f4nes: fond premium + glow hover (PC) + actif (mobile)\n=============================== -->\n\n<section class=\"ee-why\" id=\"ee-b3-marchandise\" aria-label=\"Pourquoi choisir Excellence Express \u2014 Livraison marchandises\">\n\n  <style>\n    .ee-why{\n      --ink:#e8e8e8;\n      --muted:#d9d9d9;\n      --line:rgba(255,211,107,.35);\n      --card:rgba(0,0,0,.38);\n      --radius:18px;\n      --grad:linear-gradient(90deg,#a97700 0%,#ffd36b 22%,#9a6a00 45%,#ffe7a3 60%,#a86f00 80%,#ffd36b 100%);\n      position:relative;\n      padding:clamp(36px,6vw,80px) clamp(16px,4vw,28px);\n      color:var(--ink);\n      font-family:Poppins,sans-serif;\n      background:transparent !important;\n      overflow:hidden;\n    }\n\n    .ee-why__head{\n      width:min(1200px,96vw);\n      margin:0 auto clamp(18px,4vh,30px);\n      text-align:center;\n    }\n    .ee-why__title{\n      margin:0 0 10px;\n      font-weight:800;\n      line-height:1.15;\n      font-size:clamp(22px,4.2vw,36px);\n      background:var(--grad);\n      -webkit-background-clip:text; background-clip:text;\n      color:transparent;\n      text-shadow:0 12px 42px rgba(0,0,0,.55);\n    }\n    .ee-why__subtitle{\n      margin:0 auto clamp(10px,2vh,16px);\n      color:var(--muted);\n      font-size:clamp(14px,1.6vw,18px);\n      max-width:min(760px,92vw);\n    }\n    .ee-why__line{\n      width:min(200px,40vw); height:1px; margin:12px auto 0;\n      background:linear-gradient(90deg,transparent,var(--line),transparent);\n      filter:drop-shadow(0 0 6px rgba(255,211,107,.22));\n    }\n\n    .ee-why__grid{\n      width:min(1200px,96vw);\n      margin:clamp(18px,4vh,30px) auto 0;\n      display:grid;\n      gap:clamp(14px,2vw,22px);\n      grid-template-columns:1fr;\n    }\n    @media (min-width:680px){ .ee-why__grid{ grid-template-columns:repeat(2,1fr); } }\n    @media (min-width:1024px){ .ee-why__grid{ grid-template-columns:repeat(4,1fr); } }\n\n    .ee-why__card{\n      position:relative;\n      display:flex; flex-direction:column; gap:10px;\n      border-radius:var(--radius);\n      padding:clamp(16px,2vw,22px);\n      background:var(--card);\n      border:1px solid rgba(255,211,107,.28);\n      box-shadow:0 1px 0 rgba(255,211,107,.18) inset, 0 18px 44px rgba(0,0,0,.55);\n      transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n      backdrop-filter:blur(2px);\n      overflow:hidden;\n      text-align:center;\n      isolation:isolate;\n    }\n    .ee-why__card::before{\n      content:\"\";\n      position:absolute; inset:-40% -10% auto -10%;\n      height:60%;\n      background:radial-gradient(120% 60% at 50% 0%, rgba(255,211,107,.18), transparent 60%);\n      pointer-events:none;\n      filter:blur(10px);\n      z-index:-1;\n    }\n    .ee-why__card:hover{\n      transform:translateY(-3px);\n      border-color:rgba(255,211,107,.55);\n      box-shadow:0 1px 0 rgba(255,211,107,.26) inset,\n                 0 24px 60px rgba(0,0,0,.65),\n                 0 0 40px rgba(255,211,107,.10);\n    }\n\n    .ee-why__icon{\n      width:52px; height:52px; margin:0 auto 10px;\n      border-radius:999px;\n      display:flex; align-items:center; justify-content:center;\n      background:linear-gradient(180deg, rgba(255,211,107,.22), rgba(184,134,11,.12));\n      border:1px solid rgba(255,211,107,.35);\n      box-shadow:0 6px 18px rgba(255,211,107,.2);\n      flex:0 0 auto;\n    }\n    .ee-why__icon svg{ width:26px; height:26px; fill:url(#eeGoldGrad3); }\n\n    .ee-why__card-title,\n    .ee-why__m-ttl{\n      position:relative;\n      display:inline-block;\n      margin:6px 0 4px;\n      font-weight:800;\n      letter-spacing:.2px;\n      line-height:1.2;\n      color:#fff;\n      -webkit-text-fill-color:#fff;\n      text-shadow:\n        0 2px 0 rgba(0,0,0,.95),\n        0 10px 26px rgba(0,0,0,.60),\n        0 0 14px rgba(255,211,107,.16);\n      padding-bottom:6px;\n    }\n    @supports (-webkit-text-stroke: 1px black){\n      .ee-why__card-title,\n      .ee-why__m-ttl{ -webkit-text-stroke: .35px rgba(255,211,107,.35); }\n    }\n    .ee-why__card-title{ font-size:clamp(15px,1.8vw,18px); }\n    .ee-why__m-ttl{ font-size:15px; }\n\n    .ee-why__card-title::before,\n    .ee-why__m-ttl::before{\n      content:\"\";\n      position:absolute;\n      left:0; right:0; bottom:0;\n      height:2px;\n      border-radius:999px;\n      background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,211,107,.75), rgba(255,255,255,0));\n      opacity:.55;\n      filter:drop-shadow(0 0 10px rgba(255,211,107,.22));\n      transform:scaleX(.65);\n      transform-origin:center;\n    }\n    @media (min-width:680px){\n      .ee-why__card:hover .ee-why__card-title::before{\n        animation: eeWhyUnderline 1.6s ease-in-out infinite;\n        opacity:.8;\n        transform:scaleX(.95);\n      }\n    }\n    .ee-why__panel[open] .ee-why__m-ttl::before{\n      animation: eeWhyUnderline 1.6s ease-in-out infinite;\n      opacity:.8;\n      transform:scaleX(.95);\n    }\n    @keyframes eeWhyUnderline{\n      0%   { filter:drop-shadow(0 0 8px rgba(255,211,107,.18)); }\n      50%  { filter:drop-shadow(0 0 16px rgba(255,211,107,.30)); }\n      100% { filter:drop-shadow(0 0 8px rgba(255,211,107,.18)); }\n    }\n\n    .ee-why__text{\n      margin:0;\n      color:#d9d9d9;\n      font-size:14.5px;\n      line-height:1.6;\n    }\n\n    .ee-why__cta{\n      width:min(1200px,96vw);\n      margin:clamp(18px,4vh,26px) auto 0;\n      display:flex; justify-content:center; gap:14px; flex-wrap:wrap;\n    }\n    .ee-why__cta .ee-btn-gold{\n      min-width:220px;\n      text-align:center;\n      justify-content:center;\n    }\n\n    .ee-why__m{ display:none; }\n\n    @media (max-width:679.98px){\n      .ee-why__grid{ display:none; }\n      .ee-why__m{\n        display:block;\n        width:min(560px, 94vw);\n        margin:14px auto 0;\n      }\n\n      .ee-why__m-icons{\n        display:grid;\n        grid-template-columns:repeat(4, 1fr);\n        gap:10px;\n        margin:14px 0 12px;\n      }\n\n      .ee-why__pill{\n        appearance:none;\n        -webkit-appearance:none;\n        border:none;\n        width:100%;\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        border-radius:999px;\n        padding:10px 0;\n        background:rgba(0,0,0,.28);\n        border:1px solid rgba(255,211,107,.18);\n        box-shadow:0 1px 0 rgba(255,211,107,.10) inset;\n        transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;\n        cursor:pointer;\n        line-height:1;\n      }\n      .ee-why__pill:active{ transform:scale(.98); }\n      .ee-why__pill .ee-why__icon{ width:44px; height:44px; margin:0; }\n\n      .ee-why__pill.is-active{\n        border-color: rgba(255,211,107,.48);\n        background: rgba(0,0,0,.36);\n        box-shadow:\n          0 0 0 1px rgba(255,211,107,.18) inset,\n          0 18px 44px rgba(0,0,0,.55);\n      }\n\n      .ee-why__pill:focus-visible,\n      .ee-why__panel summary:focus-visible,\n      .ee-why__cta a:focus-visible{\n        outline:2px solid rgba(255,211,107,.55);\n        outline-offset:3px;\n        box-shadow:0 0 0 4px rgba(255,211,107,.14);\n        border-radius:999px;\n      }\n      .ee-why__panel summary:focus-visible{ border-radius:16px; }\n\n      .ee-why__panel{\n        border-radius:16px;\n        overflow:hidden;\n        background:\n          linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.24)),\n          radial-gradient(120% 120% at 0% 0%, rgba(255,211,107,.06), transparent 60%),\n          rgba(10,10,10,.75);\n        border:1px solid rgba(255,211,107,.22);\n        box-shadow:0 1px 0 rgba(255,211,107,.18) inset, 0 14px 36px rgba(0,0,0,.45);\n        margin-top:10px;\n        scroll-margin-top: 90px;\n      }\n\n      .ee-why__panel summary{\n        list-style:none;\n        cursor:default;\n        user-select:none;\n        display:flex;\n        align-items:center;\n        gap:12px;\n        padding:14px 14px;\n      }\n      .ee-why__panel summary::-webkit-details-marker{ display:none; }\n\n      .ee-why__panel .ee-why__icon{\n        margin:0;\n        width:46px; height:46px;\n      }\n\n      .ee-why__toggle{ cursor:pointer; }\n\n      .ee-why__m-chev{\n        margin-left:auto;\n        width:22px; height:22px;\n        border-radius:999px;\n        background:radial-gradient(100% 100% at 30% 20%,\n                    rgba(255,211,107,.35),\n                    rgba(255,211,107,.1) 60%,\n                    rgba(255,211,107,.04));\n        box-shadow:0 0 0 1px rgba(255,211,107,.35) inset;\n        position:relative;\n        transition:transform .25s ease;\n        flex:0 0 auto;\n      }\n      .ee-why__m-chev::before{\n        content:\"\";\n        position:absolute; inset:0; margin:auto;\n        width:8px; height:8px;\n        border-right:2px solid #ffd36b;\n        border-bottom:2px solid #ffd36b;\n        transform:rotate(45deg);\n      }\n      .ee-why__panel[open] .ee-why__m-chev{ transform:rotate(180deg); }\n\n      .ee-why__m-body{\n        padding:0 14px 14px 72px;\n        color:#d9d9d9;\n        font-size:14.5px;\n        line-height:1.6;\n      }\n\n      .ee-why{ padding-top: 28px; padding-bottom: 34px; }\n      .ee-why__head{ margin-bottom: 14px; }\n      .ee-why__cta{ margin-top: 18px; }\n    }\n\n    \/* ===============================\n       Patch ee-trust (cartes) \u2014 OK\n       =============================== *\/\n    .ee-why .ee-why__card{\n      background:\n        radial-gradient(120% 140% at 50% 0%, rgba(254,201,38,.18), transparent 62%),\n        linear-gradient(145deg,#050505,#0d0d0d) !important;\n      border:1px solid rgba(254,201,38,.35) !important;\n      border-radius:24px !important;\n      box-shadow:0 10px 24px rgba(0,0,0,.80) !important;\n    }\n    .ee-why .ee-why__card::before{\n      inset:-30% -30% auto -30% !important;\n      height:60% !important;\n      background:radial-gradient(120% 80% at 50% 0%, rgba(254,201,38,.24), transparent 65%) !important;\n      filter:blur(10px) !important;\n      opacity:.95 !important;\n    }\n    .ee-why .ee-why__card::after{\n      content:\"\";\n      position:absolute;\n      inset:-35% -35% auto -35%;\n      height:75%;\n      background: radial-gradient(50% 50% at 30% 30%,\n        rgba(255,211,107,.16),\n        rgba(255,211,107,0) 60%\n      );\n      filter: blur(18px);\n      mix-blend-mode: screen;\n      pointer-events:none;\n      opacity:.85;\n      z-index:0;\n    }\n    .ee-why .ee-why__card > *{ position:relative; z-index:1; }\n    .ee-why .ee-why__card:hover{\n      transform:translateY(-4px) !important;\n      box-shadow:0 18px 40px rgba(0,0,0,.90), 0 0 32px rgba(254,201,38,.22) !important;\n      border-color:rgba(254,201,38,.55) !important;\n    }\n\n    \/* \u2705 STOP CONFLIT SAFE *\/\n    .ee-why .ee-why__icon,\n    .ee-why .ee-why__icon::before,\n    .ee-why .ee-why__icon::after{ box-sizing:border-box; }\n\n    \/* FINAL ICONS \u2014 base *\/\n    .ee-why .ee-why__icon{\n      width:52px;\n      height:52px;\n      margin:0 auto 10px;\n      display:grid;\n      place-items:center;\n      border-radius:999px;\n      background:#050505;\n      position:relative;\n      isolation:isolate;\n      overflow:visible;\n      transform: translateZ(0);\n      transition:transform .22s ease, filter .22s ease, box-shadow .22s ease;\n    }\n    .ee-why .ee-why__icon svg{ width:26px; height:26px; }\n\n    .ee-why .ee-why__icon::before{\n      content:\"\";\n      position:absolute;\n      inset:-2px;\n      border-radius:inherit;\n      z-index:-1;\n      background:\n        conic-gradient(from 0turn,\n          rgba(254,201,38,0),\n          rgba(254,201,38,.80),\n          rgba(254,201,38,0) 72%),\n        radial-gradient(circle at 50% 50%,\n          rgba(254,201,38,.22),\n          transparent 58%);\n      filter:blur(.35px);\n    }\n\n    .ee-why .ee-why__icon::after{\n      content:\"\";\n      position:absolute;\n      inset:-12px;\n      border-radius:999px;\n      z-index:-2;\n      background: radial-gradient(circle,\n        rgba(254,201,38,.45) 0%,\n        rgba(254,201,38,.16) 42%,\n        rgba(254,201,38,0) 72%);\n      filter: blur(2px);\n      opacity:.35;\n      transition: opacity .22s ease, transform .22s ease;\n    }\n\n    @media (max-width:679.98px){\n      .ee-why .ee-why__pill .ee-why__icon{ width:44px; height:44px; margin:0; }\n      .ee-why .ee-why__panel .ee-why__icon{ width:46px; height:46px; margin:0; }\n    }\n\n    \/* PATCH ICONES + trou mini (2px) CONSERV\u00c9 *\/\n    .ee-why .ee-why__icon{\n      background: transparent !important;\n      border: 1.5px solid rgba(255,211,107,.65) !important;\n      box-shadow: none !important;\n    }\n    .ee-why .ee-why__icon::before{ opacity:.55; }\n    .ee-why .ee-why__icon::after{ opacity:.18; transform:scale(.98); }\n\n    \/* blanc au repos *\/\n    .ee-why .ee-why__icon svg,\n    .ee-why .ee-why__icon use,\n    .ee-why .ee-why__icon svg *{\n      fill:#fff !important;\n      filter:none !important;\n    }\n\n    \/* \"percer\" overlay carte *\/\n    .ee-why .ee-why__card{ background: transparent !important; }\n\n    .ee-why .ee-why__card::after{\n      content:\"\" !important;\n      position:absolute !important;\n      inset:0 !important;\n      border-radius:24px !important;\n      pointer-events:none !important;\n      z-index:0 !important;\n\n      background:\n        radial-gradient(120% 140% at 50% 0%, rgba(254,201,38,.18), transparent 62%),\n        linear-gradient(145deg,#050505,#0d0d0d) !important;\n      border:1px solid rgba(254,201,38,.35) !important;\n      box-shadow:0 10px 24px rgba(0,0,0,.80) !important;\n\n      -webkit-mask: radial-gradient(circle 2px at 50% 48px, transparent 0 99%, #000 100%);\n              mask: radial-gradient(circle 2px at 50% 48px, transparent 0 99%, #000 100%);\n    }\n    .ee-why .ee-why__card > *{ position:relative; z-index:1; }\n\n    \/* HOVER PC : glow + OR *\/\n    @media (hover:hover){\n      .ee-why .ee-why__card:hover .ee-why__icon{\n        transform: translateY(-2px) scale(1.05) !important;\n        filter: brightness(1.12) !important;\n        box-shadow:\n          0 0 0 2px rgba(254,201,38,.28) inset,\n          0 0 18px rgba(254,201,38,.55),\n          0 0 44px rgba(254,201,38,.28) !important;\n      }\n      .ee-why .ee-why__card:hover .ee-why__icon::after{\n        opacity:.95 !important;\n        transform: scale(1.06) !important;\n      }\n      .ee-why .ee-why__card:hover .ee-why__icon::before{\n        opacity:1 !important;\n        filter: blur(.2px) !important;\n      }\n\n      .ee-why .ee-why__card:hover .ee-why__icon svg,\n      .ee-why .ee-why__card:hover .ee-why__icon use,\n      .ee-why .ee-why__card:hover .ee-why__icon svg *{\n        fill:#ffd36b !important;\n        filter:none !important;\n      }\n    }\n\n    \/* Mobile : actif = glow + OR *\/\n    .ee-why .ee-why__pill.is-active .ee-why__icon{\n      filter: brightness(1.12) !important;\n      box-shadow:\n        0 0 0 2px rgba(254,201,38,.25) inset,\n        0 0 18px rgba(254,201,38,.50),\n        0 0 44px rgba(254,201,38,.25) !important;\n    }\n    .ee-why .ee-why__pill.is-active .ee-why__icon::after{\n      opacity:.95 !important;\n      transform: scale(1.06) !important;\n    }\n    .ee-why .ee-why__pill.is-active .ee-why__icon svg,\n    .ee-why .ee-why__pill.is-active .ee-why__icon use,\n    .ee-why .ee-why__pill.is-active .ee-why__icon svg *{\n      fill:#ffd36b !important;\n      filter:none !important;\n    }\n\n    \/* panel ouvert : OR aussi *\/\n    @media (max-width:679.98px){\n      .ee-why .ee-why__panel[open] .ee-why__icon svg,\n      .ee-why .ee-why__panel[open] .ee-why__icon use,\n      .ee-why .ee-why__panel[open] .ee-why__icon svg *{\n        fill:#ffd36b !important;\n        filter:none !important;\n      }\n    }\n  <\/style>\n\n  <svg class=\"ee-svg-defs\" aria-hidden=\"true\" focusable=\"false\" style=\"position:absolute;width:0;height:0;overflow:hidden\">\n    <defs>\n      <linearGradient id=\"eeGoldGrad3\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n        <stop offset=\"0%\"  stop-color=\"#ffd36b\"\/>\n        <stop offset=\"100%\" stop-color=\"#b8860b\"\/>\n      <\/linearGradient>\n\n      <!-- Marchandises icons -->\n      <symbol id=\"ee-why-ico-express\" viewBox=\"0 0 24 24\">\n        <path d=\"M3 12a9 9 0 1018 0A9 9 0 003 12zm9-7a7 7 0 110 14 7 7 0 010-14zm1 3h-2v5l4 2 .9-1.8-2.9-1.4V8z\"\/>\n        <path d=\"M2 8h4v2H2V8zm0 4h3v2H2v-2zm0 4h4v2H2v-2z\"\/>\n      <\/symbol>\n\n      <symbol id=\"ee-why-ico-shield\" viewBox=\"0 0 24 24\">\n        <path d=\"M12 2l7 3v6c0 5-3.6 9-7 11-3.4-2-7-6-7-11V5l7-3z\"\/>\n        <path d=\"M12 6l4 2v3c0 3-2.1 5.6-4 7-1.9-1.4-4-4-4-7V8l4-2z\" fill=\"none\"\/>\n      <\/symbol>\n\n      <symbol id=\"ee-why-ico-trace\" viewBox=\"0 0 24 24\">\n        <path d=\"M4 6h12v4H4V6zm0 8h8v4H4v-4zm14-7h2v2h-2V7zm0 8h2v2h-2v-2z\"\/>\n        <path d=\"M16 8h2v8h-2V8z\"\/>\n      <\/symbol>\n\n      <symbol id=\"ee-why-ico-fit\" viewBox=\"0 0 24 24\">\n        <path d=\"M3 7h12l2 3h4v8h-2a2 2 0 01-4 0H9a2 2 0 01-4 0H3V7zm2 2v7h1.2a2 2 0 013.6 0H15a2 2 0 013.6 0H19v-4.5L17.8 9H5zm3 10a1 1 0 100-2 1 1 0 000 2zm12 0a1 1 0 100-2 1 1 0 000 2z\"\/>\n      <\/symbol>\n    <\/defs>\n  <\/svg>\n\n  <header class=\"ee-why__head\">\n    <h2 class=\"ee-why__title\">Pourquoi choisir Excellence Express<\/h2>\n    <p class=\"ee-why__subtitle\">\n      Une livraison de marchandises doit \u00eatre <strong>ponctuelle<\/strong>, <strong>s\u00e9curis\u00e9e<\/strong> et <strong>sans mauvaise surprise<\/strong>.\n      Voil\u00e0 ce qui fait la diff\u00e9rence (format utilitaire type <strong>Jumpy XL<\/strong>).\n    <\/p>\n    <div class=\"ee-why__line\" aria-hidden=\"true\"><\/div>\n  <\/header>\n\n  <div class=\"ee-why__grid\" role=\"list\">\n    <article class=\"ee-why__card\" role=\"listitem\">\n      <div class=\"ee-why__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><use href=\"#ee-why-ico-express\"><\/use><\/svg><\/div>\n      <h3 class=\"ee-why__card-title\">Ponctuel &amp; r\u00e9actif<\/h3>\n      <p class=\"ee-why__text\">Cr\u00e9neau respect\u00e9, enl\u00e8vement rapide, et livraison directe ou planifi\u00e9e selon ton besoin.<\/p>\n    <\/article>\n\n    <article class=\"ee-why__card\" role=\"listitem\">\n      <div class=\"ee-why__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><use href=\"#ee-why-ico-shield\"><\/use><\/svg><\/div>\n      <h3 class=\"ee-why__card-title\">S\u00e9curis\u00e9 &amp; soign\u00e9<\/h3>\n      <p class=\"ee-why__text\">Manipulation propre, arrimage si n\u00e9cessaire, et consignes respect\u00e9es (pro &amp; particulier).<\/p>\n    <\/article>\n\n    <article class=\"ee-why__card\" role=\"listitem\">\n      <div class=\"ee-why__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><use href=\"#ee-why-ico-trace\"><\/use><\/svg><\/div>\n      <h3 class=\"ee-why__card-title\">Suivi simple<\/h3>\n      <p class=\"ee-why__text\">Infos claires avant\/apr\u00e8s : confirmation, heure estim\u00e9e, et preuve de d\u00e9p\u00f4t si demand\u00e9.<\/p>\n    <\/article>\n\n    <article class=\"ee-why__card\" role=\"listitem\">\n      <div class=\"ee-why__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><use href=\"#ee-why-ico-fit\"><\/use><\/svg><\/div>\n      <h3 class=\"ee-why__card-title\">Adapt\u00e9 au gabarit<\/h3>\n      <p class=\"ee-why__text\">Transport en format utilitaire \u2264 3,5T : on valide volume\/acc\u00e8s pour \u00e9viter les mauvaises surprises.<\/p>\n    <\/article>\n  <\/div>\n\n  <div class=\"ee-why__m\" aria-label=\"Avantages \u2014 appuyez sur une ic\u00f4ne pour afficher le d\u00e9tail\">\n    <div class=\"ee-why__m-icons\" role=\"tablist\" aria-label=\"Avantages (ic\u00f4nes)\">\n      <button class=\"ee-why__pill\" type=\"button\" data-ee-idx=\"0\" aria-label=\"Ponctuel &amp; r\u00e9actif\">\n        <span class=\"ee-why__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><use href=\"#ee-why-ico-express\"><\/use><\/svg><\/span>\n      <\/button>\n      <button class=\"ee-why__pill\" type=\"button\" data-ee-idx=\"1\" aria-label=\"S\u00e9curis\u00e9 &amp; soign\u00e9\">\n        <span class=\"ee-why__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><use href=\"#ee-why-ico-shield\"><\/use><\/svg><\/span>\n      <\/button>\n      <button class=\"ee-why__pill\" type=\"button\" data-ee-idx=\"2\" aria-label=\"Suivi simple\">\n        <span class=\"ee-why__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><use href=\"#ee-why-ico-trace\"><\/use><\/svg><\/span>\n      <\/button>\n      <button class=\"ee-why__pill\" type=\"button\" data-ee-idx=\"3\" aria-label=\"Adapt\u00e9 au gabarit\">\n        <span class=\"ee-why__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><use href=\"#ee-why-ico-fit\"><\/use><\/svg><\/span>\n      <\/button>\n    <\/div>\n\n    <details class=\"ee-why__panel\">\n      <summary>\n        <span class=\"ee-why__icon ee-why__toggle\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><use href=\"#ee-why-ico-express\"><\/use><\/svg>\n        <\/span>\n        <span class=\"ee-why__m-ttl\">Ponctuel &amp; r\u00e9actif<\/span>\n        <span class=\"ee-why__m-chev ee-why__toggle\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"ee-why__m-body\">Cr\u00e9neau respect\u00e9, enl\u00e8vement rapide, et livraison directe ou planifi\u00e9e selon ton besoin.<\/div>\n    <\/details>\n  <\/div>\n\n  <div class=\"ee-why__cta\">\n    <a href=\"#ee-marchandise-devis\" class=\"ee-btn-gold\">Obtenir un devis<\/a>\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n  const root = document.querySelector(\"#ee-b3-marchandise.ee-why\");\n  if(!root) return;\n\n  const mq = window.matchMedia(\"(max-width:679.98px)\");\n  const pills = Array.from(root.querySelectorAll(\".ee-why__pill\"));\n  const panel = root.querySelector(\".ee-why__panel\");\n  const summary = panel?.querySelector(\"summary\");\n  const toggles = panel ? Array.from(panel.querySelectorAll(\".ee-why__toggle\")) : [];\n\n  if(!pills.length || !panel || !summary) return;\n\n  const sumUse = panel.querySelector(\"summary use\");\n  const ttl = panel.querySelector(\".ee-why__m-ttl\");\n  const body = panel.querySelector(\".ee-why__m-body\");\n\n  const items = [\n    { icon:\"#ee-why-ico-express\", title:\"Ponctuel & r\u00e9actif\", text:\"Cr\u00e9neau respect\u00e9, enl\u00e8vement rapide, et livraison directe ou planifi\u00e9e selon ton besoin.\" },\n    { icon:\"#ee-why-ico-shield\",  title:\"S\u00e9curis\u00e9 & soign\u00e9\",  text:\"Manipulation propre, arrimage si n\u00e9cessaire, et consignes respect\u00e9es (pro & particulier).\" },\n    { icon:\"#ee-why-ico-trace\",   title:\"Suivi simple\",       text:\"Infos claires avant\/apr\u00e8s : confirmation, heure estim\u00e9e, et preuve de d\u00e9p\u00f4t si demand\u00e9.\" },\n    { icon:\"#ee-why-ico-fit\",     title:\"Adapt\u00e9 au gabarit\",   text:\"Transport en format utilitaire \u2264 3,5T : on valide volume\/acc\u00e8s pour \u00e9viter les mauvaises surprises.\" }\n  ];\n\n  const isMobile = ()=> mq.matches;\n  let idx = 0;\n\n  function smartScroll(){\n    if(!isMobile()) return;\n    const OFFSET = 90;\n    const rect = panel.getBoundingClientRect();\n    const vh = window.innerHeight || document.documentElement.clientHeight;\n    const ok = (rect.top >= OFFSET && rect.top <= vh * 0.70);\n    if(ok) return;\n    const top = root.getBoundingClientRect().top + window.scrollY;\n    window.scrollTo({ top: Math.max(0, top - 12), behavior:\"smooth\" });\n  }\n\n  function paint(i){\n    idx = (i + items.length) % items.length;\n    pills.forEach((p,k)=> p.classList.toggle(\"is-active\", k===idx));\n\n    const it = items[idx];\n    if(sumUse){\n      sumUse.setAttribute(\"href\", it.icon);\n      sumUse.setAttribute(\"xlink:href\", it.icon);\n    }\n    if(ttl) ttl.textContent = it.title;\n    if(body) body.textContent = it.text;\n  }\n\n  function openWith(i, doScroll){\n    paint(i);\n    panel.open = true;\n    if(doScroll) requestAnimationFrame(smartScroll);\n  }\n\n  summary.addEventListener(\"click\", (e)=>{\n    if(!isMobile()) return;\n    if(!e.target.closest(\".ee-why__toggle\")){\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }, { passive:false });\n\n  toggles.forEach(el=>{\n    el.addEventListener(\"click\", (e)=>{\n      if(!isMobile()) return;\n      e.preventDefault();\n      e.stopPropagation();\n      panel.open = !panel.open;\n    }, { passive:false });\n  });\n\n  pills.forEach((p)=>{\n    p.addEventListener(\"click\", (e)=>{\n      if(!isMobile()) return;\n      e.preventDefault();\n      openWith(parseInt(p.dataset.eeIdx,10)||0, true);\n    }, { passive:false });\n  });\n\n  function init(){\n    if(!isMobile()) return;\n    panel.open = false;\n    paint(0);\n  }\n\n  init();\n  mq.addEventListener?.(\"change\", init);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a17e3b3 e-con-full e-flex e-con e-parent\" data-id=\"a17e3b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6153b4e elementor-widget elementor-widget-html\" data-id=\"6153b4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ======================================= -->\n<!-- BLOC 4 \u2014 PROCESS LIVRAISON MARCHANDISES (R\u00c9F #ee-b4-eevt ADAPT\u00c9E 4 \u00c9TAPES) -->\n<!-- \u2705 PC: 1 ligne (4 cartes) + ligne horizontale -->\n<!-- \u2705 Mobile (<=680px): carrousel auto + swipe + dots (SANS FL\u00c8CHES) -->\n<!-- \u2705 Look TARIFS: halo+scan, anneau conic, pictos blancs -->\n<!-- \u2705 Num\u00e9ro: coin droit de la CARTE -->\n<!-- ======================================= -->\n\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\"\/>\n\n<section id=\"ee-b4-marchandise\" aria-label=\"Process livraison marchandises \u2014 Excellence Express\">\n  <div class=\"ee-b4__head\">\n    <h2 class=\"ee-b4__title\">Comment se d\u00e9roule une livraison ?<\/h2>\n    <p class=\"ee-b4__sub\">Un process simple et structur\u00e9 pour livrer vite, proprement, et sans impr\u00e9vu.<\/p>\n  <\/div>\n\n  <ol class=\"ee-b4__grid\" role=\"list\">\n    <!-- 1 -->\n    <li class=\"ee-step\">\n      <span class=\"ee-step__num\" aria-hidden=\"true\">1<\/span>\n      <span class=\"ee-step__dot\" aria-hidden=\"true\"><\/span>\n      <div class=\"ee-step__icon\" aria-hidden=\"true\"><i class=\"ri-message-3-line\"><\/i><\/div>\n      <div class=\"ee-step__body\">\n        <h3 class=\"ee-step__title\">Demande & infos<\/h3>\n        <p class=\"ee-step__text\">Trajet, horaires, et type de marchandise. Photos\/dimensions si besoin.<\/p>\n      <\/div>\n    <\/li>\n\n    <!-- 2 -->\n    <li class=\"ee-step\">\n      <span class=\"ee-step__num\" aria-hidden=\"true\">2<\/span>\n      <span class=\"ee-step__dot\" aria-hidden=\"true\"><\/span>\n      <div class=\"ee-step__icon\" aria-hidden=\"true\"><i class=\"ri-clipboard-line\"><\/i><\/div>\n      <div class=\"ee-step__body\">\n        <h3 class=\"ee-step__title\">Validation & planning<\/h3>\n        <p class=\"ee-step__text\">On valide le gabarit (format utilitaire type Jumpy XL) + le cr\u00e9neau.<\/p>\n      <\/div>\n    <\/li>\n\n    <!-- 3 -->\n    <li class=\"ee-step\">\n      <span class=\"ee-step__num\" aria-hidden=\"true\">3<\/span>\n      <span class=\"ee-step__dot\" aria-hidden=\"true\"><\/span>\n      <div class=\"ee-step__icon\" aria-hidden=\"true\"><i class=\"ri-truck-line\"><\/i><\/div>\n      <div class=\"ee-step__body\">\n        <h3 class=\"ee-step__title\">Enl\u00e8vement & transport<\/h3>\n        <p class=\"ee-step__text\">Chargement soign\u00e9, protection\/arrimage si n\u00e9cessaire, puis d\u00e9part.<\/p>\n      <\/div>\n    <\/li>\n\n    <!-- 4 -->\n    <li class=\"ee-step\">\n      <span class=\"ee-step__num\" aria-hidden=\"true\">4<\/span>\n      <span class=\"ee-step__dot\" aria-hidden=\"true\"><\/span>\n      <div class=\"ee-step__icon\" aria-hidden=\"true\"><i class=\"ri-check-double-line\"><\/i><\/div>\n      <div class=\"ee-step__body\">\n        <h3 class=\"ee-step__title\">Livraison & preuve<\/h3>\n        <p class=\"ee-step__text\">D\u00e9p\u00f4t au point convenu. Confirmation + preuve de livraison sur demande.<\/p>\n      <\/div>\n    <\/li>\n  <\/ol>\n\n  <!-- Nav mobile (SANS FL\u00c8CHES) -->\n  <div class=\"ee-proc-nav\" aria-label=\"Navigation \u00e9tapes\">\n    <div class=\"ee-proc-dots\" role=\"tablist\" aria-label=\"Choisir une \u00e9tape\">\n      <span class=\"ee-proc-dot\" role=\"tab\" tabindex=\"0\" aria-label=\"\u00c9tape 1\" data-i=\"0\"><\/span>\n      <span class=\"ee-proc-dot\" role=\"tab\" tabindex=\"0\" aria-label=\"\u00c9tape 2\" data-i=\"1\"><\/span>\n      <span class=\"ee-proc-dot\" role=\"tab\" tabindex=\"0\" aria-label=\"\u00c9tape 3\" data-i=\"2\"><\/span>\n      <span class=\"ee-proc-dot\" role=\"tab\" tabindex=\"0\" aria-label=\"\u00c9tape 4\" data-i=\"3\"><\/span>\n    <\/div>\n  <\/div>\n\n  <style>\n    \/* ===============================\n       BLOC 4 \u2014 style R\u00c9F (namespac\u00e9)\n       =============================== *\/\n    #ee-b4-marchandise{\n      --gold:#FEC926;\n      --gold-dark:#B8860B;\n\n      --ink:#e8e8e8;\n      --muted:#d9d9d9;\n      --line:rgba(254,201,38,.35);\n\n      --radius:24px;\n      --grad:linear-gradient(90deg,#a97700 0%,#ffd36b 22%,#9a6a00 45%,#ffe7a3 60%,#a86f00 80%,#ffd36b 100%);\n\n      color:var(--ink);\n      background:transparent !important;\n      padding:clamp(36px,6vw,80px) clamp(16px,4vw,28px);\n      position:relative;\n      overflow:hidden;\n      font-family:Poppins,sans-serif;\n    }\n    #ee-b4-marchandise *{ box-sizing:border-box; }\n\n    \/* Head *\/\n    #ee-b4-marchandise .ee-b4__head{\n      width:min(1200px,96vw);\n      margin:0 auto clamp(20px,4vh,32px);\n      text-align:center;\n    }\n    #ee-b4-marchandise .ee-b4__title{\n      margin:0 0 10px;\n      font-weight:800;\n      line-height:1.15;\n      font-size:clamp(22px,4.2vw,36px);\n      background:var(--grad);\n      -webkit-background-clip:text; background-clip:text;\n      color:transparent;\n      text-shadow:0 12px 42px rgba(0,0,0,.55);\n      filter:drop-shadow(0 0 6px rgba(254,201,38,.25));\n    }\n    #ee-b4-marchandise .ee-b4__sub{\n      margin:0 auto;\n      color:var(--muted);\n      font-size:clamp(14px,1.6vw,18px);\n      max-width:min(760px,92vw);\n      line-height:1.65;\n    }\n\n    \/* Grid container (fallback) *\/\n    #ee-b4-marchandise .ee-b4__grid{\n      width:min(1200px,96vw);\n      margin:clamp(24px,4vh,36px) auto 0;\n      position:relative;\n      display:grid;\n      gap:clamp(16px,2vw,22px);\n      grid-template-columns:1fr; \/* fallback vertical *\/\n      list-style:none;\n      padding:0;\n    }\n\n    \/* Ligne verticale (fallback) *\/\n    #ee-b4-marchandise .ee-b4__grid::before{\n      content:\"\";\n      position:absolute; left:26px; top:0; bottom:0;\n      width:2px; border-radius:2px;\n      background:linear-gradient(180deg,rgba(254,201,38,.35), rgba(254,201,38,.12));\n      box-shadow:0 0 18px rgba(254,201,38,.10);\n    }\n\n    \/* \u2705 CARD = look TARIFS (R\u00c9F) *\/\n    #ee-b4-marchandise .ee-step{\n      position:relative;\n      display:grid;\n      grid-template-columns:auto 1fr;\n      gap:14px;\n      padding:clamp(14px,2vw,18px);\n      border-radius:var(--radius);\n\n      border:1px solid rgba(254,201,38,.35);\n      background:\n        radial-gradient(120% 140% at 50% 0%, rgba(254,201,38,.20), transparent 60%),\n        linear-gradient(145deg,#050505,#0d0d0d);\n\n      box-shadow:0 10px 24px rgba(0,0,0,.8);\n      overflow:hidden;\n      transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n      min-height:100%;\n      isolation:isolate;\n      align-items:start;\n      margin:0;\n    }\n\n    #ee-b4-marchandise .ee-step::before{\n      content:\"\";\n      position:absolute;\n      inset:-30% -30% auto -30%;\n      height:60%;\n      background:radial-gradient(120% 80% at 50% 0%, rgba(254,201,38,.24), transparent 65%);\n      opacity:.9;\n      pointer-events:none;\n      z-index:0;\n    }\n\n    #ee-b4-marchandise .ee-step::after{\n      content:\"\";\n      position:absolute;\n      inset:-40%;\n      pointer-events:none;\n      background:linear-gradient(\n        120deg,\n        rgba(255,255,255,0) 45%,\n        rgba(255,255,255,.18) 50%,\n        rgba(255,255,255,0) 55%\n      );\n      mix-blend-mode:screen;\n      opacity:.45;\n      transform:translateX(-60%) rotate(10deg);\n      animation:eeMarScan 6s linear infinite;\n      z-index:0;\n    }\n    @keyframes eeMarScan{\n      from{ transform:translateX(-60%) rotate(10deg); }\n      to{ transform:translateX(60%) rotate(10deg); }\n    }\n\n    #ee-b4-marchandise .ee-step > *{ position:relative; z-index:1; }\n\n    #ee-b4-marchandise .ee-step:hover{\n      transform:translateY(-4px);\n      box-shadow:0 18px 40px rgba(0,0,0,.9), 0 0 32px rgba(254,201,38,.22);\n      border-color:rgba(254,201,38,.55);\n    }\n\n    \/* dot hidden like ref *\/\n    #ee-b4-marchandise .ee-step__dot{ display:none; }\n\n    \/* \u2705 number top-right (ref) *\/\n    #ee-b4-marchandise .ee-step__num{\n      position:absolute;\n      top:14px;\n      right:14px;\n\n      width:28px;\n      height:28px;\n      border-radius:999px;\n\n      display:flex;\n      align-items:center;\n      justify-content:center;\n\n      font-size:13px;\n      font-weight:900;\n      letter-spacing:.3px;\n\n      color:#111;\n      background:linear-gradient(180deg,#FEC926,#B8860B);\n      border:1px solid rgba(254,201,38,.55);\n\n      box-shadow:\n        0 2px 0 rgba(184,134,11,.55) inset,\n        0 10px 20px rgba(0,0,0,.55),\n        0 0 18px rgba(254,201,38,.35);\n\n      z-index:2;\n      pointer-events:none;\n    }\n\n    \/* \u2705 icon conic + white pictos *\/\n    #ee-b4-marchandise .ee-step__icon{\n      width:52px;\n      height:52px;\n      border-radius:999px;\n      display:grid;\n      place-items:center;\n      position:relative;\n      isolation:isolate;\n      background:#050505;\n      flex:0 0 auto;\n      margin:0;\n    }\n    #ee-b4-marchandise .ee-step__icon::before{\n      content:\"\";\n      position:absolute;\n      inset:-2px;\n      border-radius:inherit;\n      z-index:-1;\n      background:\n        conic-gradient(from 0turn,\n          rgba(254,201,38,0),\n          rgba(254,201,38,.75),\n          rgba(254,201,38,0) 70%),\n        radial-gradient(circle at 50% 50%, rgba(254,201,38,.25), transparent 55%);\n      filter:blur(.4px);\n      animation:eeMarIconSpin 10s linear infinite;\n    }\n    @keyframes eeMarIconSpin{ to{ transform:rotate(360deg); } }\n\n    #ee-b4-marchandise .ee-step__icon i{\n      font-size:28px;\n      color:#fff !important;\n      line-height:1;\n      filter:drop-shadow(0 0 10px rgba(0,0,0,.9));\n    }\n\n    \/* \u2705 title white + shimmer underline *\/\n    #ee-b4-marchandise .ee-step__title{\n      position:relative;\n      display:inline-block;\n      margin:2px 0 6px;\n      font-weight:800;\n      letter-spacing:.2px;\n      line-height:1.2;\n      font-size:clamp(15px,1.8vw,18px);\n\n      color:#fff;\n      -webkit-text-fill-color:#fff;\n      text-shadow:\n        0 2px 0 rgba(0,0,0,.95),\n        0 10px 26px rgba(0,0,0,.60),\n        0 0 14px rgba(254,201,38,.16);\n      padding-bottom:6px;\n    }\n    @supports (-webkit-text-stroke: 1px black){\n      #ee-b4-marchandise .ee-step__title{ -webkit-text-stroke:.35px rgba(254,201,38,.35); }\n    }\n    #ee-b4-marchandise .ee-step__title::before{\n      content:\"\";\n      position:absolute;\n      left:0; right:0; bottom:0;\n      height:2px;\n      border-radius:999px;\n      background:linear-gradient(90deg,\n        rgba(255,255,255,0),\n        rgba(254,201,38,.75),\n        rgba(255,255,255,0)\n      );\n      opacity:.55;\n      filter:drop-shadow(0 0 10px rgba(254,201,38,.22));\n      transform:scaleX(.65);\n      transform-origin:center;\n    }\n    @media (hover:hover) and (pointer:fine){\n      #ee-b4-marchandise .ee-step:hover .ee-step__title::before{\n        animation:eeMarUnderline 1.6s ease-in-out infinite;\n        opacity:.85;\n        transform:scaleX(.95);\n      }\n    }\n    @keyframes eeMarUnderline{\n      0%{ filter:drop-shadow(0 0 8px rgba(254,201,38,.18)); }\n      50%{ filter:drop-shadow(0 0 16px rgba(254,201,38,.30)); }\n      100%{ filter:drop-shadow(0 0 8px rgba(254,201,38,.18)); }\n    }\n\n    #ee-b4-marchandise .ee-step__text{\n      margin:0;\n      color:rgba(232,232,232,.88);\n      font-size:14.5px;\n      line-height:1.6;\n    }\n\n    \/* Desktop: 1 ligne 4 colonnes + ligne horizontale *\/\n    @media (min-width:1100px){\n      #ee-b4-marchandise .ee-b4__grid{ grid-template-columns:repeat(4,1fr); }\n      #ee-b4-marchandise .ee-b4__grid::before{\n        left:auto; top:46px; right:0; height:2px; width:100%;\n        background:linear-gradient(90deg,rgba(254,201,38,.35), rgba(254,201,38,.12));\n      }\n      #ee-b4-marchandise .ee-step{\n        grid-template-columns:1fr;\n        text-align:center;\n        padding:clamp(18px,1.8vw,22px);\n        align-items:center;\n      }\n      #ee-b4-marchandise .ee-step__icon{ margin:0 auto 10px; }\n      #ee-b4-marchandise .ee-step__num{ top:14px; right:14px; }\n    }\n\n    \/* \u2705 MOBILE CARROUSEL AUTO (<=680px) \u2014 R\u00c9F *\/\n    #ee-b4-marchandise .ee-proc-nav{ display:none; }\n\n    @media (max-width:680px){\n      \/* z\u00e9ro ligne *\/\n      #ee-b4-marchandise .ee-b4__grid::before{ display:none !important; }\n\n      \/* fallback empil\u00e9 *\/\n      #ee-b4-marchandise .ee-b4__grid{\n        width:100%;\n        max-width:520px;\n        margin-left:auto;\n        margin-right:auto;\n      }\n\n      \/* mode carrousel quand JS pr\u00eat *\/\n      #ee-b4-marchandise.ee-proc-ready .ee-b4__grid{\n        display:flex;\n        overflow:hidden;\n        gap:0;\n      }\n\n      #ee-b4-marchandise.ee-proc-ready .ee-step{\n        display:none;\n        width:100%;\n        max-width:520px;\n        margin:0 auto;\n        grid-template-columns:56px 1fr;\n        text-align:left;\n        padding:16px 16px 16px 14px;\n        align-items:start;\n        border-radius:24px;\n      }\n      #ee-b4-marchandise.ee-proc-ready .ee-step.is-active{ display:grid; }\n\n      #ee-b4-marchandise.ee-proc-ready .ee-step__icon{ width:56px; height:56px; }\n      #ee-b4-marchandise.ee-proc-ready .ee-step__icon i{ font-size:24px; }\n\n      \/* nav *\/\n      #ee-b4-marchandise.ee-proc-ready .ee-proc-nav{\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        gap:12px;\n        margin:14px auto 0;\n        width:min(520px,92vw);\n        user-select:none;\n      }\n\n      #ee-b4-marchandise .ee-proc-dots{\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        gap:8px;\n      }\n      #ee-b4-marchandise .ee-proc-dot{\n        width:9px;height:9px;\n        border-radius:999px;\n        border:1px solid rgba(254,201,38,.55);\n        background:rgba(254,201,38,.18);\n        cursor:pointer;\n        opacity:.75;\n        transition:transform .15s ease, opacity .15s ease;\n      }\n      #ee-b4-marchandise .ee-proc-dot.is-active{\n        opacity:1;\n        transform:scale(1.25);\n        background:linear-gradient(180deg,#FEC926,#B8860B);\n        box-shadow:0 2px 0 rgba(184,134,11,.45) inset;\n      }\n    }\n\n    \/* Reduced motion *\/\n    @media (prefers-reduced-motion:reduce){\n      #ee-b4-marchandise .ee-step{ transition:none !important; }\n      #ee-b4-marchandise .ee-step:hover{ transform:none !important; }\n      #ee-b4-marchandise .ee-step::after,\n      #ee-b4-marchandise .ee-step__icon::before{ animation:none !important; }\n    }\n  <\/style>\n\n  <script>\n  (function(){\n    const root = document.querySelector('#ee-b4-marchandise');\n    if(!root) return;\n\n    const mq = window.matchMedia('(max-width:680px)');\n    const steps = Array.from(root.querySelectorAll('.ee-b4__grid .ee-step'));\n    const dots  = Array.from(root.querySelectorAll('.ee-proc-dot'));\n    const nav   = root.querySelector('.ee-proc-nav');\n    const list  = root.querySelector('.ee-b4__grid');\n    if(steps.length < 2 || !nav || !list) return;\n\n    let idx = 0;\n    let timer = null;\n    const INTERVAL = 4200;\n\n    function isMobile(){ return mq.matches; }\n\n    function apply(i){\n      idx = (i + steps.length) % steps.length;\n      steps.forEach((s,k)=> s.classList.toggle('is-active', k === idx));\n      dots.forEach((d,k)=> {\n        d.classList.toggle('is-active', k === idx);\n        d.setAttribute('aria-selected', k === idx ? 'true' : 'false');\n      });\n    }\n\n    function stopAuto(){\n      if(timer){ clearInterval(timer); timer = null; }\n    }\n    function startAuto(){\n      stopAuto();\n      if(!isMobile()) return;\n      timer = setInterval(()=> apply(idx + 1), INTERVAL);\n    }\n\n    function enableCarousel(){\n      root.classList.add('ee-proc-ready');\n      apply(idx);\n      startAuto();\n    }\n    function disableCarousel(){\n      root.classList.remove('ee-proc-ready');\n      stopAuto();\n      steps.forEach(s=> s.classList.remove('is-active'));\n      dots.forEach(d=> d.classList.remove('is-active'));\n    }\n\n    dots.forEach(d=>{\n      const go = ()=>{\n        if(!isMobile()) return;\n        apply(parseInt(d.dataset.i,10));\n        startAuto();\n      };\n      d.addEventListener('click', (e)=>{ e.preventDefault(); go(); }, {passive:false});\n      d.addEventListener('keydown', (e)=>{\n        if(e.key === 'Enter' || e.key === ' '){\n          e.preventDefault(); go();\n        }\n      });\n    });\n\n    \/\/ swipe\n    let sx=0, sy=0, sw=false;\n    list.addEventListener('touchstart', (e)=>{\n      if(!isMobile()) return;\n      stopAuto();\n      const t = e.touches[0];\n      sx=t.clientX; sy=t.clientY; sw=true;\n    }, {passive:true});\n\n    list.addEventListener('touchmove', (e)=>{\n      if(!isMobile() || !sw) return;\n      const t = e.touches[0];\n      const dx=t.clientX - sx, dy=t.clientY - sy;\n      if(Math.abs(dx) > Math.abs(dy)) e.preventDefault();\n    }, {passive:false});\n\n    list.addEventListener('touchend', (e)=>{\n      if(!isMobile() || !sw) return;\n      sw=false;\n      const t=e.changedTouches[0];\n      const dx=t.clientX - sx, dy=t.clientY - sy;\n      if(Math.abs(dx) > 50 && Math.abs(dx) > Math.abs(dy)){\n        if(dx < 0) apply(idx + 1);\n        else apply(idx - 1);\n      }\n      startAuto();\n    });\n\n    root.addEventListener('mouseenter', ()=>{ if(isMobile()) stopAuto(); });\n    root.addEventListener('mouseleave', ()=>{ if(isMobile()) startAuto(); });\n\n    function init(){\n      if(isMobile()) enableCarousel();\n      else disableCarousel();\n    }\n\n    init();\n    if(mq.addEventListener) mq.addEventListener('change', init);\n    else mq.addListener(init);\n\n    window.addEventListener('visibilitychange', ()=>{\n      if(document.hidden) stopAuto();\n      else startAuto();\n    });\n  })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb44b29 e-con-full e-flex e-con e-parent\" data-id=\"eb44b29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0fdfdd elementor-widget elementor-widget-html\" data-id=\"b0fdfdd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===============================\nBLOC 5 \u2014 Types de livraisons & zones (MOBILE = REF ZONE D\u2019INTERVENTION)\n\u2705 PC: 2 colonnes\n\u2705 PC: texte centr\u00e9 + tag \u00e0 droite (style ref)\n\u2705 Mobile: Panel 1 = 2x2 cartes \/ Panel 2 = chips\n\u2705 Fond transparent \/ Titres centr\u00e9s or\n=============================== -->\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\"\/>\n\n<section id=\"ee-b5-marchandise\" aria-label=\"Types de livraisons et zones \u2014 Excellence Express\">\n  <style>\n    #ee-b5-marchandise{\n      --gold:#ffd36b;\n      --ink:#e8e8e8;\n      --muted:rgba(255,255,255,.78);\n      --line:rgba(255,211,107,.35);\n      --line2:rgba(255,211,107,.20);\n      --bd:rgba(255,211,107,.28);\n      --card:rgba(0,0,0,.40);\n      --card2:rgba(0,0,0,.58);\n      --radius:18px;\n      --grad:linear-gradient(90deg,#a97700 0%,#ffd36b 22%,#9a6a00 45%,#ffe7a3 60%,#a86f00 80%,#ffd36b 100%);\n\n      padding: clamp(34px, 5.2vw, 64px) 0;\n      background: transparent !important;\n      position:relative;\n      overflow:hidden;\n      font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n      color:var(--ink);\n    }\n    #ee-b5-marchandise *{ box-sizing:border-box; }\n\n    #ee-b5-marchandise .inner{\n      width:min(1140px, calc(100% - 32px));\n      margin:0 auto;\n    }\n\n    #ee-b5-marchandise .head{\n      text-align:center;\n      margin-bottom: 18px;\n    }\n    #ee-b5-marchandise .h2{\n      margin: 0 0 10px;\n      font-weight: 900;\n      font-size: clamp(20px, 2.2vw, 30px);\n      background: var(--grad);\n      -webkit-background-clip:text;\n      background-clip:text;\n      color:transparent;\n      letter-spacing:.2px;\n      text-shadow:0 10px 26px rgba(0,0,0,.55);\n    }\n    #ee-b5-marchandise .sub{\n      margin: 0 auto;\n      max-width: 900px;\n      color: var(--muted);\n      line-height: 1.55;\n      font-size: 14.8px;\n      text-align:center;\n    }\n\n    \/* 2 colonnes *\/\n    #ee-b5-marchandise .grid{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      margin-top: 22px;\n      align-items:stretch;\n    }\n\n    \/* panneau (PC\/Tablet) *\/\n    #ee-b5-marchandise .panel{\n      position:relative;\n      border-radius: var(--radius);\n      border: 1px solid var(--line2);\n      background:\n        radial-gradient(520px 220px at 50% -20%, rgba(255,211,107,.12), transparent 62%),\n        linear-gradient(180deg, var(--card2) 0%, var(--card) 100%);\n      box-shadow: 0 18px 60px rgba(0,0,0,.55);\n      overflow:hidden;\n      padding: 16px;\n    }\n    #ee-b5-marchandise .panel::after{\n      content:\"\";\n      position:absolute; inset:-2px;\n      border-radius: calc(var(--radius) + 2px);\n      box-shadow: inset 0 0 0 1px rgba(255,211,107,.12);\n      pointer-events:none;\n    }\n\n    \/* \u2705 titres panel = or (comme ref) *\/\n    #ee-b5-marchandise .panel-title{\n      margin: 2px 0 16px;\n      font-weight: 900;\n      font-size: 16px;\n      letter-spacing:.15px;\n      text-align:center;\n      background: var(--grad);\n      -webkit-background-clip:text;\n      background-clip:text;\n      color:transparent;\n      text-shadow:0 10px 26px rgba(0,0,0,.55);\n      opacity:.95;\n    }\n\n    \/* liste *\/\n    #ee-b5-marchandise .list{ display:grid; gap: 12px; }\n\n    \/* ligne (PC style) *\/\n    #ee-b5-marchandise .row{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap: 12px;\n      border-radius: 16px;\n      border: 1px solid rgba(255,211,107,.18);\n      background: rgba(0,0,0,.28);\n      padding: 14px 14px;\n      transition: transform .15s ease, border-color .15s ease, background .15s ease;\n      position:relative;\n    }\n    #ee-b5-marchandise .row:hover{\n      transform: translateY(-1px);\n      border-color: rgba(255,211,107,.32);\n      background: rgba(0,0,0,.34);\n    }\n\n    \/* gauche *\/\n    #ee-b5-marchandise .left{\n      display:flex;\n      align-items:center;\n      gap: 12px;\n      min-width: 0;\n    }\n    #ee-b5-marchandise .ico{\n      width:44px; height:44px;\n      border-radius: 999px;\n      display:grid;\n      place-items:center;\n      border: 1px solid rgba(255,211,107,.35);\n      background: rgba(0,0,0,.28);\n      box-shadow: 0 12px 28px rgba(0,0,0,.45);\n      flex: 0 0 auto;\n    }\n    #ee-b5-marchandise .ico i{ color: var(--gold); font-size: 18px; }\n\n    #ee-b5-marchandise .txt{\n      display:flex;\n      flex-direction:column;\n      gap: 2px;\n      min-width: 0;\n    }\n    #ee-b5-marchandise .main{\n      color:#fff;\n      font-weight: 900;\n      font-size: 20px;\n      line-height: 1.1;\n      white-space: nowrap;\n      overflow:hidden;\n      text-overflow: ellipsis;\n    }\n    #ee-b5-marchandise .subtxt{\n      color: var(--muted);\n      font-size: 13.2px;\n      line-height: 1.25;\n      white-space: nowrap;\n      overflow:hidden;\n      text-overflow: ellipsis;\n    }\n\n    \/* droite (tag) *\/\n    #ee-b5-marchandise .tag{\n      color: rgba(255,255,255,.75);\n      font-weight: 800;\n      font-size: 12.5px;\n      letter-spacing:.2px;\n      padding-left: 10px;\n      white-space: nowrap;\n      opacity:.95;\n    }\n\n    \/* ===============================\n       \u2705 PC \u2014 main centr\u00e9 \/ tag \u00e0 droite (comme ta ref)\n       =============================== *\/\n    @media (min-width:681px){\n      #ee-b5-marchandise .row{ padding-right:72px; }\n\n      #ee-b5-marchandise .txt{\n        position:absolute;\n        left:50%;\n        transform:translateX(-50%);\n        align-items:center;\n        text-align:center;\n        width:max-content;\n        pointer-events:none;\n      }\n\n      #ee-b5-marchandise .tag{\n        position:absolute;\n        right:14px;\n        top:50%;\n        transform:translateY(-50%);\n        padding-left:0;\n      }\n    }\n\n    \/* Responsive colonnes *\/\n    @media (max-width: 920px){\n      #ee-b5-marchandise .grid{ grid-template-columns: 1fr; }\n    }\n\n    \/* ===============================\n       \u2705 MOBILE (<=680px) \u2014 EXACT REF\n       Panel 1 = 2x2 cartes\n       Panel 2 = chips\n       =============================== *\/\n    @media (max-width:680px){\n      #ee-b5-marchandise{ padding:32px 0 46px; }\n\n      #ee-b5-marchandise .inner{\n        width: min(560px, calc(100% - 22px));\n      }\n\n      \/* On \u201csupprime\u201d les grands panneaux comme la ref *\/\n      #ee-b5-marchandise .panel{\n        background:transparent;\n        border:none;\n        box-shadow:none;\n        padding:0;\n        overflow:visible;\n      }\n      #ee-b5-marchandise .panel::after{ display:none; }\n\n      \/* titres panel plus compacts *\/\n      #ee-b5-marchandise .panel-title{\n        font-size:15px;\n        margin:0 0 10px;\n        opacity:.95;\n      }\n\n      \/* neutralise le centrage PC *\/\n      #ee-b5-marchandise .txt,\n      #ee-b5-marchandise .tag{\n        position:static !important;\n        transform:none !important;\n        pointer-events:auto !important;\n      }\n\n      \/* ========== PANEL 1 (Types) -> 2x2 cartes ========== *\/\n      #ee-b5-marchandise .grid .panel:first-child .list{\n        display:grid;\n        grid-template-columns:repeat(2, 1fr);\n        gap:10px;\n      }\n\n      #ee-b5-marchandise .grid .panel:first-child .row{\n        flex-direction:column;\n        align-items:center;\n        text-align:center;\n        justify-content:center;\n        padding:12px 10px;\n        gap:8px;\n        border-radius:14px;\n        border:1px solid rgba(255,211,107,.14);\n        background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.22));\n        box-shadow:0 1px 0 rgba(255,211,107,.10) inset, 0 10px 22px rgba(0,0,0,.35);\n      }\n\n      #ee-b5-marchandise .grid .panel:first-child .left{\n        flex-direction:column;\n        align-items:center;\n        gap:8px;\n      }\n\n      #ee-b5-marchandise .grid .panel:first-child .ico{\n        width:28px; height:28px;\n        border-radius:12px;\n        border:1px solid rgba(255,211,107,.22);\n        box-shadow:0 6px 14px rgba(0,0,0,.35);\n      }\n      #ee-b5-marchandise .grid .panel:first-child .ico i{ font-size:14px; }\n\n      #ee-b5-marchandise .grid .panel:first-child .main{\n        font-size:13.6px;\n        white-space:normal;\n        overflow:visible;\n        text-overflow:unset;\n        line-height:1.15;\n      }\n      #ee-b5-marchandise .grid .panel:first-child .subtxt{\n        font-size:11.2px;\n        white-space:normal;\n        overflow:visible;\n        text-overflow:unset;\n        opacity:.9;\n      }\n      #ee-b5-marchandise .grid .panel:first-child .tag{\n        margin:0;\n        font-size:11px;\n        opacity:.85;\n        padding-left:0;\n      }\n\n      \/* ========== PANEL 2 (Zones) -> chips ========== *\/\n      #ee-b5-marchandise .grid .panel:nth-child(2) .list{\n        display:flex;\n        flex-wrap:wrap;\n        justify-content:center;\n        gap:8px;\n      }\n\n      #ee-b5-marchandise .grid .panel:nth-child(2) .row{\n        flex-direction:row;\n        align-items:center;\n        gap:8px;\n        padding:8px 12px;\n        border-radius:999px;\n        border:1px solid rgba(255,211,107,.14);\n        background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.22));\n        box-shadow:0 1px 0 rgba(255,211,107,.08) inset, 0 10px 18px rgba(0,0,0,.28);\n      }\n\n      #ee-b5-marchandise .grid .panel:nth-child(2) .ico{\n        width:22px; height:22px;\n        border-radius:9px;\n        border:1px solid rgba(255,211,107,.18);\n        box-shadow:none;\n      }\n      #ee-b5-marchandise .grid .panel:nth-child(2) .ico i{ font-size:12px; }\n\n      #ee-b5-marchandise .grid .panel:nth-child(2) .left{\n        gap:8px;\n      }\n\n      \/* sur chips, on garde \u201cmain\u201d compact *\/\n      #ee-b5-marchandise .grid .panel:nth-child(2) .main{\n        font-size:12.5px;\n        white-space:nowrap;\n      }\n      #ee-b5-marchandise .grid .panel:nth-child(2) .subtxt{\n        display:none; \/* \u2705 comme la ref chips (juste libell\u00e9) *\/\n      }\n      #ee-b5-marchandise .grid .panel:nth-child(2) .tag{\n        margin-left:6px;\n        font-size:11px;\n        opacity:.8;\n        white-space:nowrap;\n        padding-left:0;\n      }\n    }\n\n    @media (max-width:360px){\n      \/* si besoin ultra petit \u00e9cran : panel 1 passe en 1 colonne *\/\n      #ee-b5-marchandise .grid .panel:first-child .list{\n        grid-template-columns:1fr;\n      }\n    }\n  <\/style>\n\n  <div class=\"inner\" id=\"ee-marchandise-zones\">\n    <div class=\"head\">\n      <h2 class=\"h2\">Types de livraisons & zones<\/h2>\n      <p class=\"sub\">\n        Livraison de <strong>colis, cartons, mat\u00e9riel, \u00e9quipements<\/strong>\n        (format utilitaire type <strong>Jumpy XL<\/strong>, \u2264 3,5T).\n        Grand Est prioritaire \u2014 autres trajets sur demande.\n      <\/p>\n    <\/div>\n\n    <div class=\"grid\">\n      <!-- PANEL 1 -->\n      <div class=\"panel\" aria-label=\"Types de livraisons\">\n        <div class=\"panel-title\">Types de livraisons<\/div>\n\n        <div class=\"list\" role=\"list\">\n          <div class=\"row\" role=\"listitem\">\n            <div class=\"left\">\n              <div class=\"ico\" aria-hidden=\"true\"><i class=\"ri-flashlight-line\"><\/i><\/div>\n              <div class=\"txt\">\n                <div class=\"main\">Course express<\/div>\n                <div class=\"subtxt\">Enl\u00e8vement rapide + d\u00e9p\u00f4t direct<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"tag\">Urgent<\/div>\n          <\/div>\n\n          <div class=\"row\" role=\"listitem\">\n            <div class=\"left\">\n              <div class=\"ico\" aria-hidden=\"true\"><i class=\"ri-calendar-check-line\"><\/i><\/div>\n              <div class=\"txt\">\n                <div class=\"main\">Sur cr\u00e9neau<\/div>\n                <div class=\"subtxt\">Livraison \u00e0 l\u2019heure convenue<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"tag\">Planifi\u00e9<\/div>\n          <\/div>\n\n          <div class=\"row\" role=\"listitem\">\n            <div class=\"left\">\n              <div class=\"ico\" aria-hidden=\"true\"><i class=\"ri-route-line\"><\/i><\/div>\n              <div class=\"txt\">\n                <div class=\"main\">Multi-stops<\/div>\n                <div class=\"subtxt\">Plusieurs adresses optimis\u00e9es<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"tag\">Tourn\u00e9e<\/div>\n          <\/div>\n\n          <div class=\"row\" role=\"listitem\">\n            <div class=\"left\">\n              <div class=\"ico\" aria-hidden=\"true\"><i class=\"ri-box-3-line\"><\/i><\/div>\n              <div class=\"txt\">\n                <div class=\"main\">Mat\u00e9riel &amp; cartons<\/div>\n                <div class=\"subtxt\">Protection \/ arrimage si besoin<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"tag\">Sur devis<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- PANEL 2 -->\n      <div class=\"panel\" aria-label=\"Zones desservies\">\n        <div class=\"panel-title\">Zones desservies<\/div>\n\n        <div class=\"list\" role=\"list\">\n          <div class=\"row\" role=\"listitem\">\n            <div class=\"left\">\n              <div class=\"ico\" aria-hidden=\"true\"><i class=\"ri-map-pin-2-line\"><\/i><\/div>\n              <div class=\"txt\">\n                <div class=\"main\">Nancy &amp; alentours<\/div>\n                <div class=\"subtxt\">Zone principale<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"tag\">54<\/div>\n          <\/div>\n\n          <div class=\"row\" role=\"listitem\">\n            <div class=\"left\">\n              <div class=\"ico\" aria-hidden=\"true\"><i class=\"ri-road-map-line\"><\/i><\/div>\n              <div class=\"txt\">\n                <div class=\"main\">Grand Est<\/div>\n                <div class=\"subtxt\">Metz, Vosges, Alsace\u2026<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"tag\">Priorit\u00e9<\/div>\n          <\/div>\n\n          <div class=\"row\" role=\"listitem\">\n            <div class=\"left\">\n              <div class=\"ico\" aria-hidden=\"true\"><i class=\"ri-route-line\"><\/i><\/div>\n              <div class=\"txt\">\n                <div class=\"main\">Luxembourg<\/div>\n                <div class=\"subtxt\">Selon horaires \/ trajet<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"tag\">Demande<\/div>\n          <\/div>\n\n          <div class=\"row\" role=\"listitem\">\n            <div class=\"left\">\n              <div class=\"ico\" aria-hidden=\"true\"><i class=\"ri-global-line\"><\/i><\/div>\n              <div class=\"txt\">\n                <div class=\"main\">Autres trajets<\/div>\n                <div class=\"subtxt\">France \/ longue distance<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"tag\">Sur devis<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f465a34 e-con-full e-flex e-con e-parent\" data-id=\"f465a34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-316752a elementor-widget elementor-widget-html\" data-id=\"316752a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===============================\nBLOC 6 \u2014 FAQ Livraison Marchandises\n\u2705 PC: 6 questions (2 colonnes)\n\u2705 Mobile: 3 questions\n\u2705 Design identique \u00e0 ton mod\u00e8le\n\u2705 Fond transparent\n\u2705 FIX: chevrons parfaitement centr\u00e9s\n=============================== -->\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\"\/>\n\n<section id=\"ee-b6-marchandise\" aria-label=\"FAQ \u2014 Livraison marchandises\">\n<style>\n#ee-b6-marchandise{\n  --gold:#ffd36b;\n  --line:rgba(255,211,107,.35);\n  --line2:rgba(255,211,107,.18);\n  --muted:rgba(255,255,255,.78);\n  --grad:linear-gradient(90deg,#a97700 0%,#ffd36b 22%,#9a6a00 45%,#ffe7a3 60%,#a86f00 80%,#ffd36b 100%);\n  padding:clamp(40px,6vw,80px) 0;\n  background: transparent !important;\n}\n\n#ee-b6-marchandise .inner{\n  width:min(1100px, calc(100% - 32px));\n  margin:0 auto;\n  text-align:center;\n}\n\n#ee-b6-marchandise h2{\n  margin:0 0 10px;\n  font-weight:900;\n  font-size:clamp(22px,2.6vw,36px);\n  background:var(--grad);\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n  text-shadow:0 10px 26px rgba(0,0,0,.55);\n}\n\n#ee-b6-marchandise .sub{\n  color:var(--muted);\n  margin:0 auto 30px;\n  max-width:820px;\n  line-height:1.6;\n  font-size:15px;\n}\n\n\/* GRID *\/\n#ee-b6-marchandise .grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:16px;\n}\n\n\/* QUESTION *\/\n#ee-b6-marchandise details{\n  background:linear-gradient(180deg,rgba(0,0,0,.60),rgba(0,0,0,.50));\n  border:1px solid var(--line2);\n  border-radius:20px;\n  padding:18px 20px;\n  text-align:left;\n  box-shadow:0 15px 40px rgba(0,0,0,.5);\n  transition:border-color .2s ease, transform .2s ease;\n}\n#ee-b6-marchandise details:hover{\n  border-color:var(--line);\n  transform: translateY(-1px);\n}\n\n#ee-b6-marchandise summary{\n  list-style:none;\n  cursor:pointer;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:15px;\n  font-weight:800;\n  color:#fff;\n  font-size:16px;\n}\n#ee-b6-marchandise summary::-webkit-details-marker{ display:none; }\n\n#ee-b6-marchandise summary > span:first-child{\n  display:flex;\n  align-items:center;\n  gap:8px;\n  min-width:0;\n}\n#ee-b6-marchandise summary > span:first-child i{\n  color:var(--gold);\n  font-size:18px;\n  flex:0 0 auto;\n  line-height:1;\n}\n\n\/* \u2705 FIX CHEVRON : centrage parfait *\/\n#ee-b6-marchandise .arrow{\n  width:30px;\n  height:30px;\n  border-radius:50%;\n  border:1px solid var(--line);\n\n  display:grid;          \/* \u2705 au lieu de flex *\/\n  place-items:center;    \/* \u2705 centrage parfait *\/\n\n  color:var(--gold);\n  flex:0 0 auto;\n\n  transform: translateZ(0);\n  transition: transform .2s ease, filter .2s ease;\n}\n#ee-b6-marchandise .arrow i{\n  font-size:18px;        \/* \u2705 taille stable *\/\n  line-height:1;         \/* \u2705 enl\u00e8ve la baseline *\/\n  display:block;         \/* \u2705 \u00e9vite les d\u00e9calages inline *\/\n  transform: translateY(0.5px); \/* \u2705 micro-ajustement visuel (option) *\/\n}\n\n#ee-b6-marchandise details[open] .arrow{\n  transform: rotate(180deg);\n  filter: brightness(1.08);\n}\n\n#ee-b6-marchandise .content{\n  margin-top:14px;\n  color:var(--muted);\n  line-height:1.6;\n  font-size:14px;\n}\n\n\/* CTA *\/\n#ee-b6-marchandise .cta{\n  margin-top:36px;\n}\n\n\/* Mobile *\/\n@media(max-width:900px){\n  #ee-b6-marchandise .grid{ grid-template-columns:1fr; }\n  #ee-b6-marchandise details:nth-child(n+4){ display:none; } \/* 3 questions *\/\n}\n<\/style>\n\n<div class=\"inner\" id=\"ee-marchandise-faq\">\n  <h2>FAQ \u2014 Livraison marchandises<\/h2>\n  <p class=\"sub\">\n    Les r\u00e9ponses aux questions les plus fr\u00e9quentes : types de colis, limites (gabarit), zones, d\u00e9lais et organisation.\n  <\/p>\n\n  <div class=\"grid\">\n    <details>\n      <summary>\n        <span><i class=\"ri-message-3-line\"><\/i>Comment obtenir un devis rapidement ?<\/span>\n        <span class=\"arrow\" aria-hidden=\"true\"><i class=\"ri-arrow-down-s-line\"><\/i><\/span>\n      <\/summary>\n      <div class=\"content\">\n        Envoyez <strong>d\u00e9part + arriv\u00e9e<\/strong>, l\u2019<strong>horaire souhait\u00e9<\/strong>, et la description :\n        <strong>nombre de colis<\/strong>, dimensions approximatives, poids estim\u00e9, et contraintes d\u2019acc\u00e8s (parking, \u00e9tage, quai\u2026).\n        Des photos acc\u00e9l\u00e8rent l\u2019estimation.\n      <\/div>\n    <\/details>\n\n    <details>\n      <summary>\n        <span><i class=\"ri-stack-line\"><\/i>Le tarif d\u00e9pend de quoi ?<\/span>\n        <span class=\"arrow\" aria-hidden=\"true\"><i class=\"ri-arrow-down-s-line\"><\/i><\/span>\n      <\/summary>\n      <div class=\"content\">\n        Principalement : <strong>distance<\/strong>, <strong>temps<\/strong> (attente\/chargement), <strong>cr\u00e9neau<\/strong> (urgent ou planifi\u00e9),\n        et contraintes (multi-stops, acc\u00e8s difficile, besoin d\u2019aide au chargement).\n        Objectif : un prix clair, sans surprise.\n      <\/div>\n    <\/details>\n\n    <details>\n      <summary>\n        <span><i class=\"ri-alert-line\"><\/i>Vous transportez des mati\u00e8res dangereuses (ADR) ?<\/span>\n        <span class=\"arrow\" aria-hidden=\"true\"><i class=\"ri-arrow-down-s-line\"><\/i><\/span>\n      <\/summary>\n      <div class=\"content\">\n        <strong>Non<\/strong> : pas d\u2019ADR \/ produits dangereux (inflammables, corrosifs, explosifs, gaz, solvants\u2026),\n        ni tout ce qui est <strong>ill\u00e9gal<\/strong> ou non conforme.\n        En cas de doute, indiquez la nature du produit avant : validation (ou refus) clair.\n      <\/div>\n    <\/details>\n\n    <details>\n      <summary>\n        <span><i class=\"ri-box-3-line\"><\/i>Palettes : vous prenez ou pas ?<\/span>\n        <span class=\"arrow\" aria-hidden=\"true\"><i class=\"ri-arrow-down-s-line\"><\/i><\/span>\n      <\/summary>\n      <div class=\"content\">\n        <strong>Oui si le gabarit\/poids rentre<\/strong> dans un format utilitaire type <strong>Jumpy XL<\/strong>\n        (acc\u00e8s, volume, chargement\/d\u00e9chargement).  \n        <strong>Non<\/strong> pour les <strong>grosses palettes lourdes<\/strong> \/ manutention lourde non pr\u00e9vue.\n        Dimensions + poids \u2192 confirmation rapide.\n      <\/div>\n    <\/details>\n\n    <details>\n      <summary>\n        <span><i class=\"ri-hand-heart-line\"><\/i>Vous aidez au chargement \/ d\u00e9chargement ?<\/span>\n        <span class=\"arrow\" aria-hidden=\"true\"><i class=\"ri-arrow-down-s-line\"><\/i><\/span>\n      <\/summary>\n      <div class=\"content\">\n        Possible selon le contexte. La livraison standard reste <strong>prise\/d\u00e9p\u00f4t au point convenu<\/strong>.\n        Si <strong>\u00e9tage sans ascenseur<\/strong>, objets lourds, ou besoin de 2 personnes,\n        cela doit \u00eatre int\u00e9gr\u00e9 au devis.\n      <\/div>\n    <\/details>\n\n    <details>\n      <summary>\n        <span><i class=\"ri-calendar-check-line\"><\/i>Combien de temps \u00e0 l\u2019avance r\u00e9server ?<\/span>\n        <span class=\"arrow\" aria-hidden=\"true\"><i class=\"ri-arrow-down-s-line\"><\/i><\/span>\n      <\/summary>\n      <div class=\"content\">\n        Id\u00e9alement <strong>24\u201348h<\/strong>. Une <strong>course express<\/strong> peut parfois \u00eatre possible plus vite selon planning.\n        Pour les cr\u00e9neaux pro (RDV, d\u00e9p\u00f4t, livraison horaire), mieux vaut anticiper.\n      <\/div>\n    <\/details>\n  <\/div>\n\n  <div class=\"cta\">\n    <a href=\"#ee-marchandise-devis\" class=\"ee-btn-gold\">Demander un devis rapide<\/a>\n  <\/div>\n<\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d1e165 e-con-full e-flex e-con e-parent\" data-id=\"2d1e165\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dc709a elementor-widget elementor-widget-html\" data-id=\"4dc709a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===============================\nBLOC 7 \u2014 CTA FINAL Livraison Marchandises (cl\u00f4ture premium)\n\u2705 Fond transparent\n\u2705 Ligne dor\u00e9e en haut et en bas\n\u2705 Aucun bouton\n=============================== -->\n\n<!-- Ligne dor\u00e9e HAUT -->\n<div class=\"ee-sep-gold\" aria-hidden=\"true\"><\/div>\n\n<section id=\"ee-b7-marchandise\" aria-label=\"CTA final \u2014 Livraison marchandises\">\n  <style>\n    \/* Ligne dor\u00e9e *\/\n    .ee-sep-gold{\n      width:100%;\n      height:1px;\n      margin:0 auto;\n      background:linear-gradient(\n        90deg,\n        rgba(255,211,107,0),\n        rgba(255,211,107,.55),\n        rgba(255,211,107,0)\n      );\n      box-shadow:0 0 18px rgba(255,211,107,.25);\n    }\n\n    #ee-b7-marchandise{\n      --gold:#ffd36b;\n      --grad:linear-gradient(90deg,#a97700 0%,#ffd36b 22%,#9a6a00 45%,#ffe7a3 60%,#a86f00 80%,#ffd36b 100%);\n      padding: clamp(60px, 8vw, 110px) 0;\n      background: transparent !important;\n      text-align:center;\n    }\n\n    #ee-b7-marchandise .inner{\n      width:min(900px, calc(100% - 32px));\n      margin:0 auto;\n    }\n\n    #ee-b7-marchandise .kicker{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      padding:8px 14px;\n      border:1px solid rgba(255,211,107,.35);\n      background:rgba(0,0,0,.30);\n      border-radius:999px;\n      color:rgba(255,255,255,.75);\n      font-size:12.5px;\n      font-weight:800;\n      letter-spacing:.3px;\n      text-transform:uppercase;\n      margin-bottom: 18px;\n    }\n\n    #ee-b7-marchandise .kicker i{\n      color:var(--gold);\n      font-size:16px;\n    }\n\n    #ee-b7-marchandise h2{\n      margin: 0 0 16px;\n      font-weight: 900;\n      font-size: clamp(26px, 3vw, 42px);\n      background: var(--grad);\n      -webkit-background-clip:text;\n      background-clip:text;\n      color:transparent;\n      letter-spacing:.2px;\n      text-wrap: balance;\n    }\n\n    #ee-b7-marchandise p{\n      margin: 0 auto;\n      max-width: 720px;\n      color: rgba(255,255,255,.85);\n      line-height: 1.65;\n      font-size: 16px;\n    }\n  <\/style>\n\n  <div class=\"inner\" id=\"ee-marchandise-devis\">\n    <div class=\"kicker\">\n      <i class=\"ri-star-smile-line\"><\/i>\n      Livraison marchandises \u2014 Grand Est\n    <\/div>\n\n    <h2>Besoin d\u2019une livraison rapide et fiable&nbsp;?<\/h2>\n\n    <p>\n      Merci de transmettre <strong>l\u2019adresse de d\u00e9part et d\u2019arriv\u00e9e<\/strong>,\n      le <strong>cr\u00e9neau souhait\u00e9<\/strong>, ainsi qu\u2019une description pr\u00e9cise de la marchandise\n      (nombre de colis, dimensions et poids estim\u00e9s, contraintes d\u2019acc\u00e8s ou de stationnement).\n      Vous recevez ensuite un devis clair avec confirmation de prise en charge.\n    <\/p>\n  <\/div>\n<\/section>\n\n<!-- Ligne dor\u00e9e BAS -->\n<div class=\"ee-sep-gold\" aria-hidden=\"true\"><\/div>\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>Service premium \u2014 Grand Est (\u22123,5T) Livraison de marchandises Transport fiable et soign\u00e9 pour vos colis, mat\u00e9riel, cartons, \u00e9quipements et livraisons professionnelles. Enl\u00e8vement et d\u00e9p\u00f4t en Grand Est, avec cr\u00e9neaux adapt\u00e9s (urgent ou programm\u00e9). Urgent ou programm\u00e9 Grand Est prioritaire Transport soign\u00e9 Colis \/ mat\u00e9riel Demander un devis Voir les solutions Nos solutions de livraison [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-2137","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/transport.excellenceexpress.fr\/index.php\/wp-json\/wp\/v2\/pages\/2137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/transport.excellenceexpress.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/transport.excellenceexpress.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/transport.excellenceexpress.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/transport.excellenceexpress.fr\/index.php\/wp-json\/wp\/v2\/comments?post=2137"}],"version-history":[{"count":13,"href":"https:\/\/transport.excellenceexpress.fr\/index.php\/wp-json\/wp\/v2\/pages\/2137\/revisions"}],"predecessor-version":[{"id":2152,"href":"https:\/\/transport.excellenceexpress.fr\/index.php\/wp-json\/wp\/v2\/pages\/2137\/revisions\/2152"}],"wp:attachment":[{"href":"https:\/\/transport.excellenceexpress.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}