{"id":1147,"date":"2026-08-20T09:46:11","date_gmt":"2026-08-20T07:46:11","guid":{"rendered":"https:\/\/success-lab.fr\/?page_id=1147"},"modified":"2026-10-07T14:39:06","modified_gmt":"2026-10-07T12:39:06","slug":"demo-motion","status":"publish","type":"page","link":"https:\/\/success-lab.fr\/index.php\/demo-motion\/","title":{"rendered":"Demo Motion"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.27.8″ _module_preset=”default” background_color=”#1c1c1c” global_colors_info=”{}”][et_pb_row _builder_version=”4.27.8″ _module_preset=”default” background_color=”#1c1c1c” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.9″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]MOTION. \u00b7 Automobiles choisies \u00b7 La R\u00e9union<\/title><!-- [et_pb_line_break_holder] --><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><!-- [et_pb_line_break_holder] --><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><!-- [et_pb_line_break_holder] --><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] --> :root{<!-- [et_pb_line_break_holder] --> --asphalt:#151515;--asphalt2:#1c1c1c;--ivory:#f3f0e9;--ivory2:#e9e5db;<!-- [et_pb_line_break_holder] --> --alu:#b7b9b6;--lime:#b9e937;--lime-d:#a4d327;<!-- [et_pb_line_break_holder] --> --sg:'Space Grotesk',system-ui,sans-serif;--in:'Inter',system-ui,sans-serif;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> *{margin:0;padding:0;box-sizing:border-box}<!-- [et_pb_line_break_holder] --> html{scroll-behavior:smooth}<!-- [et_pb_line_break_holder] --> body{background:var(--asphalt);color:var(--ivory);font-family:var(--in);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}<!-- [et_pb_line_break_holder] --> body.cursor-on,body.cursor-on *{cursor:none}<!-- [et_pb_line_break_holder] --> a{color:inherit;text-decoration:none}<!-- [et_pb_line_break_holder] --> button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}<!-- [et_pb_line_break_holder] --> ::selection{background:var(--lime);color:var(--asphalt)}<!-- [et_pb_line_break_holder] --> .wrap{max-width:1600px;margin:0 auto;padding:0 clamp(16px,3.5vw,56px)}<!-- [et_pb_line_break_holder] --> \/* pleine largeur, m\u00eame dans un conteneur WordPress\/Divi *\/<!-- [et_pb_line_break_holder] --> .sec,footer.sec{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}<!-- [et_pb_line_break_holder] --> .sg{font-family:var(--sg)}<!-- [et_pb_line_break_holder] --> .num{font-variant-numeric:tabular-nums}<!-- [et_pb_line_break_holder] --> .dot{color:var(--lime)}<!-- [et_pb_line_break_holder] --> .dark{--bg:var(--asphalt);--fg:var(--ivory);--bd:rgba(243,240,233,.14);--mut:#8f918c}<!-- [et_pb_line_break_holder] --> .light{--bg:var(--ivory);--fg:var(--asphalt);--bd:rgba(21,21,21,.13);--mut:#6c6e69}<!-- [et_pb_line_break_holder] --> .sec{background:var(--bg);color:var(--fg);position:relative}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* grain *\/<!-- [et_pb_line_break_holder] --> .grain{position:fixed;inset:-50%;z-index:80;pointer-events:none;opacity:.045;mix-blend-mode:overlay;<!-- [et_pb_line_break_holder] --> background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\")}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* loader *\/<!-- [et_pb_line_break_holder] --> #loader{position:fixed;inset:0;z-index:1000;background:var(--ivory);display:flex;align-items:center;justify-content:center;transition:transform .7s cubic-bezier(.76,0,.24,1)}<!-- [et_pb_line_break_holder] --> #loader.done{transform:translateY(-100%)}<!-- [et_pb_line_break_holder] --> .lword{font-family:var(--sg);font-weight:700;font-size:clamp(40px,9vw,120px);color:var(--asphalt);letter-spacing:-.02em;display:flex;align-items:center}<!-- [et_pb_line_break_holder] --> .lword .ldot{width:.16em;height:.16em;border-radius:50%;background:var(--lime);margin-left:.05em;transform:translateX(-80px) scale(0);opacity:0;animation:dotIn .55s cubic-bezier(.16,1,.3,1) .15s forwards}<!-- [et_pb_line_break_holder] --> @keyframes dotIn{to{transform:translateX(0) scale(1);opacity:1}}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* cursor *\/<!-- [et_pb_line_break_holder] --> .cur{position:fixed;top:0;left:0;width:10px;height:10px;border-radius:50%;background:var(--lime);z-index:999;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s,border .25s}<!-- [et_pb_line_break_holder] --> .cur.grow{width:44px;height:44px;background:transparent;border:1.5px solid var(--lime)}<!-- [et_pb_line_break_holder] --> @media (pointer:coarse){.cur{display:none}}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* nav *\/<!-- [et_pb_line_break_holder] --> nav{position:fixed;top:0;left:0;right:0;z-index:120;transition:.45s}<!-- [et_pb_line_break_holder] --> nav.solid{background:rgba(21,21,21,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(243,240,233,.12)}<!-- [et_pb_line_break_holder] --> .nav-in{display:flex;align-items:center;height:78px;gap:20px}<!-- [et_pb_line_break_holder] --> .brand{font-family:var(--sg);font-weight:700;font-size:24px;letter-spacing:-.02em;color:var(--ivory)}<!-- [et_pb_line_break_holder] --> .nav-mid{display:flex;gap:34px;margin-left:auto}<!-- [et_pb_line_break_holder] --> .nav-mid a{font-family:var(--sg);font-size:13px;color:var(--alu);transition:.2s}<!-- [et_pb_line_break_holder] --> .nav-mid a:hover{color:var(--ivory)}<!-- [et_pb_line_break_holder] --> .nav-wa{display:inline-flex;align-items:center;gap:8px;font-family:var(--sg);font-weight:600;font-size:13px;color:var(--ivory)}<!-- [et_pb_line_break_holder] --> .nav-wa svg{width:17px;height:17px;fill:var(--lime)}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* buttons *\/<!-- [et_pb_line_break_holder] --> .btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--sg);font-weight:600;font-size:14px;padding:15px 24px;border-radius:100px;transition:gap .3s,background .25s,color .25s,border-color .25s}<!-- [et_pb_line_break_holder] --> .btn .arr{transition:transform .3s}.btn:hover{gap:18px}.btn:hover .arr{transform:translateX(3px)}<!-- [et_pb_line_break_holder] --> .btn-lime{background:var(--lime);color:var(--asphalt)}.btn-lime:hover{background:var(--ivory)}<!-- [et_pb_line_break_holder] --> .btn-line{border:1px solid var(--bd);color:var(--fg)}.btn-line:hover{border-color:currentColor}<!-- [et_pb_line_break_holder] --> .btn-wa{background:var(--lime);color:var(--asphalt)!important;border:none!important}.btn-wa svg{width:18px;height:18px;fill:var(--asphalt)}<!-- [et_pb_line_break_holder] --> .btn-ghost{font-family:var(--sg);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;padding-bottom:4px;border-bottom:1px solid currentColor;transition:gap .3s}.btn-ghost:hover{gap:12px}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* hero *\/<!-- [et_pb_line_break_holder] --> .hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:118px 0 60px;overflow:hidden}<!-- [et_pb_line_break_holder] --> .hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}<!-- [et_pb_line_break_holder] --> .hero-bg-img{position:absolute;inset:0;background:url(\"https:\/\/success-lab.fr\/wp-content\/uploads\/2026\/09\/Image-Codex-17-sept.-2026-20_05_25.png\") no-repeat;background-size:cover;background-position:50% 40%;animation:heroZoom 14s ease-out forwards}<!-- [et_pb_line_break_holder] --> @keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}<!-- [et_pb_line_break_holder] --> .hero-bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,21,21,.88) 0%,rgba(21,21,21,.6) 40%,rgba(21,21,21,.15) 75%,rgba(21,21,21,.35) 100%),linear-gradient(0deg,rgba(21,21,21,.9) 0%,rgba(21,21,21,0) 35%),linear-gradient(180deg,rgba(21,21,21,.6) 0%,rgba(21,21,21,0) 20%)}<!-- [et_pb_line_break_holder] --> .hero>.wrap{position:relative;z-index:2;width:100%}<!-- [et_pb_line_break_holder] --> .sign-call{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;padding:12px 14px;border-radius:100px;background:var(--asphalt);color:#fff!important;font-family:var(--sg);font-weight:600;font-size:13.5px;white-space:nowrap;transition:background .25s,color .25s}<!-- [et_pb_line_break_holder] --> .sign-call svg{width:16px;height:16px;stroke:var(--lime);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}<!-- [et_pb_line_break_holder] --> .sign-call .num{color:var(--lime);font-weight:700}<!-- [et_pb_line_break_holder] --> .sign-call:hover{background:var(--lime);color:var(--asphalt)!important}.sign-call:hover svg{stroke:var(--asphalt)}.sign-call:hover .num{color:var(--asphalt)}<!-- [et_pb_line_break_holder] --> .hero-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;width:100%}<!-- [et_pb_line_break_holder] --> .reflag{font-size:30px;line-height:1;margin-bottom:14px;display:block}<!-- [et_pb_line_break_holder] --> .kreol{font-family:var(--sg);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}<!-- [et_pb_line_break_holder] --> .hero-h{font-family:var(--sg);font-weight:700;font-size:clamp(42px,6.2vw,96px);line-height:.88;letter-spacing:-.035em;text-transform:uppercase;margin-top:22px}<!-- [et_pb_line_break_holder] --> .hero-h .r{display:block;overflow:hidden}.hero-h .r>span{white-space:nowrap}<!-- [et_pb_line_break_holder] --> .hero-h .r>span{display:inline-block;transform:translateY(105%);animation:rise .95s cubic-bezier(.16,1,.3,1) forwards}<!-- [et_pb_line_break_holder] --> .hero-h .r:nth-child(2)>span{animation-delay:.08s}.hero-h .r:nth-child(3)>span{animation-delay:.16s}<!-- [et_pb_line_break_holder] --> @keyframes rise{to{transform:translateY(0)}}<!-- [et_pb_line_break_holder] --> .hero-sub{margin-top:38px;display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap}<!-- [et_pb_line_break_holder] --> .hero-sub p{font-family:var(--sg);font-size:18px;max-width:340px;line-height:1.35}<!-- [et_pb_line_break_holder] --> .hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}<!-- [et_pb_line_break_holder] --> .hero-trust{margin-top:26px;font-family:var(--sg);font-size:13px;color:var(--alu);display:flex;align-items:center;gap:10px;flex-wrap:wrap}<!-- [et_pb_line_break_holder] --> .hero-trust b{color:var(--ivory)}<!-- [et_pb_line_break_holder] --> .hero-frame{position:relative;aspect-ratio:4\/3;overflow:hidden;border:1px solid rgba(243,240,233,.16)}<!-- [et_pb_line_break_holder] --> .scrollcue{display:flex;align-items:center;gap:12px;font-family:var(--sg);font-size:11px;letter-spacing:.2em;color:var(--alu)}<!-- [et_pb_line_break_holder] --> .scrollcue .traj{width:56px;height:1px;background:rgba(243,240,233,.2);position:relative;overflow:hidden}<!-- [et_pb_line_break_holder] --> .scrollcue .traj::after{content:\"\";position:absolute;left:-30%;top:-1px;width:30%;height:3px;border-radius:2px;background:var(--lime);animation:run 2.2s cubic-bezier(.7,0,.3,1) infinite}<!-- [et_pb_line_break_holder] --> @keyframes run{to{left:100%}}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .imgph{position:absolute;inset:0;overflow:hidden;background:repeating-linear-gradient(115deg,#1a1a1a 0 2px,transparent 2px 46px),linear-gradient(150deg,#232323,#0f0f0f)}<!-- [et_pb_line_break_holder] --> .imgph.lite{background:repeating-linear-gradient(115deg,#dedacf 0 2px,transparent 2px 46px),linear-gradient(150deg,#e3ded2,#cbc7ba)}<!-- [et_pb_line_break_holder] --> .imgph .car{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74%;fill:none;stroke:var(--alu);stroke-width:1;opacity:.55}<!-- [et_pb_line_break_holder] --> .imgph.lite .car{stroke:#8a8c86}<!-- [et_pb_line_break_holder] --> .imgph .cap{position:absolute;bottom:13px;left:15px;font-family:var(--sg);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--alu)}<!-- [et_pb_line_break_holder] --> .imgph .cap b{color:var(--lime);font-weight:600}<!-- [et_pb_line_break_holder] --> .realph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* traj strip *\/<!-- [et_pb_line_break_holder] --> .trajstrip{padding:22px 0}<!-- [et_pb_line_break_holder] --> .trajline{display:flex;align-items:center;width:100%}<!-- [et_pb_line_break_holder] --> .trajline .step{font-family:var(--sg);font-weight:600;font-size:clamp(15px,2vw,22px);white-space:nowrap;text-transform:uppercase}<!-- [et_pb_line_break_holder] --> .trajline .ln{flex:1;height:1px;background:var(--bd);margin:0 clamp(14px,3vw,40px);position:relative}<!-- [et_pb_line_break_holder] --> .trajline .ln::after{content:\"\";position:absolute;top:-2px;left:0;width:6px;height:6px;border-radius:50%;background:var(--lime);animation:trot 3.6s cubic-bezier(.65,0,.35,1) infinite}<!-- [et_pb_line_break_holder] --> .trajline .ln.b::after{animation-delay:1.2s}<!-- [et_pb_line_break_holder] --> @keyframes trot{0%{left:0}45%{left:calc(100% - 6px)}100%{left:calc(100% - 6px)}}<!-- [et_pb_line_break_holder] --> .trajline .end{width:9px;height:9px;border-radius:50%;background:var(--lime);flex:0 0 auto;margin-left:clamp(14px,3vw,40px)}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .shead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:36px}<!-- [et_pb_line_break_holder] --> .eyebrow{font-family:var(--sg);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:10px}<!-- [et_pb_line_break_holder] --> .eyebrow .b{width:6px;height:6px;border-radius:50%;background:var(--lime)}<!-- [et_pb_line_break_holder] --> .h2{font-family:var(--sg);font-weight:700;font-size:clamp(34px,6vw,74px);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;margin-top:16px}<!-- [et_pb_line_break_holder] --> .h2s{font-family:var(--sg);font-size:16px;color:var(--mut);margin-top:14px;text-transform:none;letter-spacing:0}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .rev{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0)*70ms)}<!-- [et_pb_line_break_holder] --> .rev.in{opacity:1;transform:none}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .feat-sec{padding:72px 0}<!-- [et_pb_line_break_holder] --> .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}<!-- [et_pb_line_break_holder] --> .card{position:relative;cursor:pointer;opacity:0;transform:translateY(20px);transition:.55s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0)*45ms)}<!-- [et_pb_line_break_holder] --> .card.show{opacity:1;transform:none}<!-- [et_pb_line_break_holder] --> .card .frame{position:relative;aspect-ratio:4\/3;overflow:hidden;border:1px solid var(--bd)}<!-- [et_pb_line_break_holder] --> .card .imgwrap{position:absolute;inset:0;transition:transform .6s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .card:hover .imgwrap{transform:scale(1.03)}<!-- [et_pb_line_break_holder] --> .tagline{position:absolute;top:14px;left:14px;z-index:3;font-family:var(--sg);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:7px;color:var(--fg)}<!-- [et_pb_line_break_holder] --> .tagline .b{width:6px;height:6px;border-radius:50%;background:var(--lime);transition:transform .4s}<!-- [et_pb_line_break_holder] --> .card:hover .tagline .b{transform:translateX(5px)}<!-- [et_pb_line_break_holder] --> .cbody{padding:18px 2px 0}<!-- [et_pb_line_break_holder] --> .crow{display:flex;justify-content:space-between;align-items:baseline;gap:12px}<!-- [et_pb_line_break_holder] --> .ctitle{font-family:var(--sg);font-weight:700;font-size:21px;letter-spacing:-.01em;text-transform:uppercase}<!-- [et_pb_line_break_holder] --> .cver{color:var(--mut);font-size:13px;margin-top:4px;font-family:var(--sg)}<!-- [et_pb_line_break_holder] --> .cmeta{font-family:var(--sg);font-size:11.5px;letter-spacing:.06em;color:var(--mut);margin-top:12px;text-transform:uppercase}<!-- [et_pb_line_break_holder] --> .badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}<!-- [et_pb_line_break_holder] --> .badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--sg);font-size:11px;font-weight:500;letter-spacing:.03em;padding:6px 11px;border:1px solid var(--bd);border-radius:100px;color:var(--fg)}<!-- [et_pb_line_break_holder] --> .badge svg{width:13px;height:13px;stroke:var(--lime);fill:none;stroke-width:1.5}<!-- [et_pb_line_break_holder] --> .cprice{font-family:var(--sg);font-weight:700;font-size:26px;margin-top:14px;letter-spacing:-.01em}<!-- [et_pb_line_break_holder] --> .cmens{font-family:var(--sg);font-size:12.5px;color:var(--mut);margin-top:2px}.cmens b{color:var(--fg);font-weight:600}<!-- [et_pb_line_break_holder] --> .csee{margin-top:16px;font-family:var(--sg);font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px;transition:gap .3s}<!-- [et_pb_line_break_holder] --> .card:hover .csee{gap:13px}.csee .arr{color:var(--lime)}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .coll{padding:72px 0}<!-- [et_pb_line_break_holder] --> .chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}<!-- [et_pb_line_break_holder] --> .chip{font-family:var(--sg);font-size:12.5px;font-weight:500;padding:10px 17px;border-radius:100px;border:1px solid var(--bd);color:var(--mut);transition:.2s;text-transform:uppercase;letter-spacing:.03em}<!-- [et_pb_line_break_holder] --> .chip:hover{color:var(--fg)}.chip.on{background:var(--lime);color:var(--asphalt);border-color:var(--lime);font-weight:600}<!-- [et_pb_line_break_holder] --> .toolbar{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:26px;padding:28px;border:1px solid var(--bd);margin-bottom:32px}<!-- [et_pb_line_break_holder] --> .fbox .flab{font-family:var(--sg);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}<!-- [et_pb_line_break_holder] --> .fbox .fval{font-family:var(--sg);font-weight:700;font-size:26px;letter-spacing:-.01em}.fbox .fval .u{color:var(--mut);font-size:14px;font-weight:500}<!-- [et_pb_line_break_holder] --> .rng{width:100%;-webkit-appearance:none;height:3px;border-radius:2px;margin-top:16px;background:linear-gradient(90deg,var(--lime) var(--p,100%),var(--bd) var(--p,100%))}<!-- [et_pb_line_break_holder] --> .rng::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--lime);cursor:none;box-shadow:0 0 0 4px rgba(185,233,55,.18)}<!-- [et_pb_line_break_holder] --> .rng::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;background:var(--lime)}<!-- [et_pb_line_break_holder] --> .searchx{width:100%;background:transparent;border:none;border-bottom:1px solid var(--bd);color:var(--fg);padding:9px 0;font-family:var(--sg);font-size:16px;margin-top:6px}<!-- [et_pb_line_break_holder] --> .searchx:focus{outline:none;border-color:var(--lime)}<!-- [et_pb_line_break_holder] --> .mini{display:flex;flex-wrap:wrap;gap:7px}<!-- [et_pb_line_break_holder] --> .mini button{font-family:var(--sg);font-size:11px;padding:7px 12px;border-radius:100px;border:1px solid var(--bd);color:var(--mut);transition:.18s;text-transform:uppercase;letter-spacing:.04em}<!-- [et_pb_line_break_holder] --> .mini button.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}<!-- [et_pb_line_break_holder] --> .rbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:16px;flex-wrap:wrap}<!-- [et_pb_line_break_holder] --> .rcount{font-family:var(--sg);font-size:15px;color:var(--mut)}.rcount b{color:var(--fg);font-weight:700;font-size:17px}<!-- [et_pb_line_break_holder] --> .selx{font-family:var(--sg);font-size:13px;background:transparent;border:1px solid var(--bd);color:var(--fg);border-radius:100px;padding:11px 18px}.selx:focus{outline:none;border-color:var(--lime)}<!-- [et_pb_line_break_holder] --> .empty{grid-column:1\/-1;padding:80px;text-align:center;border:1px dashed var(--bd);font-family:var(--sg);font-size:22px;color:var(--mut);text-transform:uppercase}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* testimonials *\/<!-- [et_pb_line_break_holder] --> .testi{padding:72px 0}<!-- [et_pb_line_break_holder] --> .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}<!-- [et_pb_line_break_holder] --> .tcard{border:1px solid var(--bd);padding:30px;display:flex;flex-direction:column}<!-- [et_pb_line_break_holder] --> .stars{display:flex;gap:5px;margin-bottom:18px}<!-- [et_pb_line_break_holder] --> .stars i{width:8px;height:8px;border-radius:50%;background:var(--lime);display:block}<!-- [et_pb_line_break_holder] --> .tquote{font-family:var(--sg);font-size:19px;line-height:1.4;letter-spacing:-.01em;flex:1}<!-- [et_pb_line_break_holder] --> .twho{margin-top:24px;font-family:var(--sg);font-size:13px;color:var(--mut)}<!-- [et_pb_line_break_holder] --> .twho b{color:var(--fg);font-weight:600}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* island band *\/<!-- [et_pb_line_break_holder] --> .island{padding:80px 0;overflow:hidden}<!-- [et_pb_line_break_holder] --> .island-grid{display:grid;grid-template-columns:1fr;gap:50px;align-items:center}<!-- [et_pb_line_break_holder] --> .island-h{font-family:var(--sg);font-weight:700;font-size:clamp(34px,5.4vw,64px);line-height:.94;letter-spacing:-.03em;text-transform:uppercase}<!-- [et_pb_line_break_holder] --> .island-h em{font-style:normal;color:var(--lime)}<!-- [et_pb_line_break_holder] --> .island p{font-family:var(--sg);font-size:17px;color:var(--mut);margin-top:22px;max-width:440px}<!-- [et_pb_line_break_holder] --> .communes{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}<!-- [et_pb_line_break_holder] --> .communes span{font-family:var(--sg);font-size:12px;padding:8px 14px;border:1px solid var(--bd);border-radius:100px;color:var(--mut)}<!-- [et_pb_line_break_holder] --> .relief{position:relative;aspect-ratio:1\/1;border:1px solid var(--bd)}<!-- [et_pb_line_break_holder] --> .relief svg{position:absolute;inset:0;width:100%;height:100%}<!-- [et_pb_line_break_holder] --> .relief .pin{position:absolute;top:52%;left:44%;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(185,233,55,.2)}<!-- [et_pb_line_break_holder] --> .relief .pinlab{position:absolute;top:calc(52% - 26px);left:44%;transform:translateX(-50%);font-family:var(--sg);font-size:11px;letter-spacing:.1em;color:var(--fg);white-space:nowrap}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .stats{padding:80px 0}<!-- [et_pb_line_break_holder] --> .stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}<!-- [et_pb_line_break_holder] --> .stat .n{font-family:var(--sg);font-weight:700;font-size:clamp(50px,8vw,104px);line-height:.82;letter-spacing:-.04em}<!-- [et_pb_line_break_holder] --> .stat .n .u{color:var(--lime);font-size:.36em}<!-- [et_pb_line_break_holder] --> .stat .l{font-family:var(--sg);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-top:18px}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .repr{padding:88px 0}<!-- [et_pb_line_break_holder] --> .repr-h{font-family:var(--sg);font-weight:700;font-size:clamp(40px,8vw,110px);line-height:.86;letter-spacing:-.035em;text-transform:uppercase}<!-- [et_pb_line_break_holder] --> .repr-h em{font-style:normal;color:var(--lime)}<!-- [et_pb_line_break_holder] --> .repr-sub{font-family:var(--sg);font-size:20px;color:var(--alu);margin-top:26px;max-width:560px}<!-- [et_pb_line_break_holder] --> .repr-row{display:flex;gap:16px;margin-top:44px;flex-wrap:wrap}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> footer{padding:60px 0 36px;border-top:1px solid rgba(243,240,233,.12)}<!-- [et_pb_line_break_holder] --> .foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:flex-start}<!-- [et_pb_line_break_holder] --> .foot-brand{font-family:var(--sg);font-weight:700;font-size:clamp(56px,11vw,150px);line-height:.8;letter-spacing:-.04em}<!-- [et_pb_line_break_holder] --> .foot-cols{display:flex;gap:60px;flex-wrap:wrap}<!-- [et_pb_line_break_holder] --> .fcol h5{font-family:var(--sg);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:16px}<!-- [et_pb_line_break_holder] --> .fcol a{display:block;color:var(--alu);font-family:var(--sg);font-size:14px;margin-bottom:11px;transition:.2s}.fcol a:hover{color:var(--lime)}<!-- [et_pb_line_break_holder] --> .foot-base{margin-top:40px;padding-top:26px;border-top:1px solid rgba(243,240,233,.12);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--sg);font-size:12px;color:var(--mut)}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* overlay *\/<!-- [et_pb_line_break_holder] --> .ov{position:fixed;inset:0;z-index:300;background:var(--asphalt);color:var(--ivory);overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .4s}<!-- [et_pb_line_break_holder] --> .ov.open{opacity:1;visibility:visible}<!-- [et_pb_line_break_holder] --> .ovbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,4vw,60px);background:rgba(21,21,21,.8);backdrop-filter:blur(14px);border-bottom:1px solid rgba(243,240,233,.12)}<!-- [et_pb_line_break_holder] --> .ovbar .b{font-family:var(--sg);font-weight:700;font-size:20px}<!-- [et_pb_line_break_holder] --> .ovclose{font-family:var(--sg);font-size:13px;display:flex;align-items:center;gap:10px;border:1px solid rgba(243,240,233,.2);padding:11px 20px;border-radius:100px;transition:.2s;text-transform:uppercase}<!-- [et_pb_line_break_holder] --> .ovclose:hover{background:var(--lime);color:var(--asphalt);border-color:var(--lime)}<!-- [et_pb_line_break_holder] --> .ovin{max-width:1600px;margin:0 auto;padding:clamp(30px,4vw,64px) clamp(20px,4vw,60px) 110px;--bd:rgba(243,240,233,.14);--mut:#8f918c;--fg:var(--ivory)}<!-- [et_pb_line_break_holder] --> .ovhead{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-bottom:36px}<!-- [et_pb_line_break_holder] --> .ovtitle{font-family:var(--sg);font-weight:700;font-size:clamp(40px,7vw,92px);line-height:.86;letter-spacing:-.035em;text-transform:uppercase}<!-- [et_pb_line_break_holder] --> .ovver{font-family:var(--sg);color:var(--alu);font-size:16px;margin-top:12px}<!-- [et_pb_line_break_holder] --> .ovprice{text-align:right}.ovprice .p{font-family:var(--sg);font-weight:700;font-size:clamp(38px,6vw,66px);line-height:.85;letter-spacing:-.02em}<!-- [et_pb_line_break_holder] --> .ovprice .m{font-family:var(--sg);color:var(--alu);font-size:14px;margin-top:8px}.ovprice .m b{color:var(--lime)}<!-- [et_pb_line_break_holder] --> .ovmain{position:relative;aspect-ratio:16\/9;border:1px solid var(--bd);overflow:hidden}<!-- [et_pb_line_break_holder] --> .film{display:flex;gap:12px;margin-top:12px;overflow-x:auto;padding-bottom:6px}<!-- [et_pb_line_break_holder] --> .film .fr{position:relative;flex:0 0 158px;aspect-ratio:4\/3;border:1px solid var(--bd);overflow:hidden;cursor:pointer;opacity:.5;transition:.2s}<!-- [et_pb_line_break_holder] --> .film .fr.on,.film .fr:hover{opacity:1;border-color:var(--lime)}<!-- [et_pb_line_break_holder] --> .film .fr .frlab{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 8px 6px;font-family:var(--sg);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ivory);background:linear-gradient(transparent,rgba(21,21,21,.85))}<!-- [et_pb_line_break_holder] --> .ovcols{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;margin-top:60px;align-items:start}<!-- [et_pb_line_break_holder] --> .ovblock+.ovblock{margin-top:50px}<!-- [et_pb_line_break_holder] --> .ovblock h3{font-family:var(--sg);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:22px;display:flex;align-items:center;gap:10px}<!-- [et_pb_line_break_holder] --> .ovblock h3 .b{width:5px;height:5px;border-radius:50%;background:var(--lime)}<!-- [et_pb_line_break_holder] --> .hi{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);border-top:2px solid var(--lime);margin:6px 0 46px}<!-- [et_pb_line_break_holder] --> .hi-i{background:var(--asphalt);padding:22px 20px}<!-- [et_pb_line_break_holder] --> .hi-i .ic{stroke:var(--alu);fill:none;stroke-width:1.4;width:22px;height:22px;margin-bottom:14px}<!-- [et_pb_line_break_holder] --> .hi-i .l{font-family:var(--sg);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}<!-- [et_pb_line_break_holder] --> .hi-i .v{font-family:var(--sg);font-weight:700;font-size:23px;margin-top:6px;letter-spacing:-.01em}<!-- [et_pb_line_break_holder] --> .hi-i .v .sub{font-size:12px;color:var(--mut);font-weight:500}<!-- [et_pb_line_break_holder] --> .techsheet{margin-top:70px;border-top:1px solid var(--bd)}<!-- [et_pb_line_break_holder] --> .tech-toggle{width:100%;display:flex;align-items:center;gap:12px;padding:28px 2px;font-family:var(--sg);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg)}<!-- [et_pb_line_break_holder] --> .tech-toggle .b{width:6px;height:6px;border-radius:50%;background:var(--lime)}<!-- [et_pb_line_break_holder] --> .tech-toggle .chev{margin-left:auto;color:var(--mut);transition:transform .35s;font-size:15px}<!-- [et_pb_line_break_holder] --> .tech-toggle.open .chev{transform:rotate(180deg)}<!-- [et_pb_line_break_holder] --> .tech-wrap{max-height:0;overflow:hidden;transition:max-height .55s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .tech-wrap.open{max-height:1600px}<!-- [et_pb_line_break_holder] --> .tech-body{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);margin-bottom:18px}<!-- [et_pb_line_break_holder] --> .tp{background:var(--asphalt);padding:16px 18px}<!-- [et_pb_line_break_holder] --> .tp .l{font-family:var(--sg);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mut)}<!-- [et_pb_line_break_holder] --> .tp .v{font-family:var(--sg);font-weight:700;font-size:15px;margin-top:4px;letter-spacing:-.01em}<!-- [et_pb_line_break_holder] --> @media(max-width:1000px){.hi{grid-template-columns:repeat(3,1fr)}.tech-body{grid-template-columns:repeat(2,1fr)}}<!-- [et_pb_line_break_holder] --> @media(max-width:620px){.hi{grid-template-columns:repeat(2,1fr)}.tech-body{grid-template-columns:1fr}}<!-- [et_pb_line_break_holder] --> .equip{display:flex;flex-wrap:wrap;gap:10px}<!-- [et_pb_line_break_holder] --> .equip .e{font-family:var(--sg);font-size:13px;padding:10px 16px;border:1px solid var(--bd);border-radius:100px;display:flex;align-items:center;gap:9px}<!-- [et_pb_line_break_holder] --> .equip .e::before{content:\"\";width:5px;height:5px;border-radius:50%;background:var(--lime)}<!-- [et_pb_line_break_holder] --> .ovdesc{font-family:var(--sg);font-size:22px;line-height:1.5;letter-spacing:-.01em}<!-- [et_pb_line_break_holder] --> .aside{position:sticky;top:104px;border:1px solid var(--bd);padding:28px}<!-- [et_pb_line_break_holder] --> .aside .tag{font-family:var(--sg);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:8px}<!-- [et_pb_line_break_holder] --> .aside .tag .b{width:6px;height:6px;border-radius:50%;background:var(--lime)}<!-- [et_pb_line_break_holder] --> .aside .p{font-family:var(--sg);font-weight:700;font-size:44px;margin-top:14px;letter-spacing:-.02em}<!-- [et_pb_line_break_holder] --> .aside .m{font-family:var(--sg);color:var(--alu);font-size:13px;margin-top:8px}<!-- [et_pb_line_break_holder] --> .aside .acts{display:flex;flex-direction:column;gap:10px;margin-top:24px}.aside .acts .btn{width:100%;justify-content:center}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .simu{border:1px solid var(--bd);display:grid;grid-template-columns:1.15fr .85fr}<!-- [et_pb_line_break_holder] --> .simu-l{padding:30px}<!-- [et_pb_line_break_holder] --> .srow{margin-bottom:30px}.srow:last-child{margin-bottom:0}<!-- [et_pb_line_break_holder] --> .srow.flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}<!-- [et_pb_line_break_holder] --> .slab{font-family:var(--sg);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}.slab .v{color:var(--lime)}<!-- [et_pb_line_break_holder] --> .sfix{font-family:var(--sg);font-weight:700;font-size:24px;letter-spacing:-.01em}<!-- [et_pb_line_break_holder] --> .dur{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}<!-- [et_pb_line_break_holder] --> .dbtn{font-family:var(--sg);font-size:12.5px;padding:9px 15px;border-radius:100px;border:1px solid var(--bd);color:var(--alu);transition:.18s}<!-- [et_pb_line_break_holder] --> .dbtn.on{background:var(--lime);color:var(--asphalt);border-color:var(--lime);font-weight:600}<!-- [et_pb_line_break_holder] --> .simu-out{padding:30px;background:var(--lime);color:var(--asphalt)}.simu-out .slab{color:rgba(21,21,21,.6)}<!-- [et_pb_line_break_holder] --> .sbig{font-family:var(--sg);font-weight:700;font-size:54px;line-height:.85;letter-spacing:-.03em;margin:10px 0 22px}.sbig .u{font-size:.4em}<!-- [et_pb_line_break_holder] --> .ssub{display:flex;justify-content:space-between;font-family:var(--sg);font-size:13px;padding:11px 0;border-top:1px solid rgba(21,21,21,.16)}.ssub b{font-weight:700}<!-- [et_pb_line_break_holder] --> .slegal{font-family:var(--sg);font-size:10.5px;color:rgba(21,21,21,.6);margin-top:14px;line-height:1.4}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* ECRITEAU HORAIRES *\/<!-- [et_pb_line_break_holder] --> .sign{position:relative;width:300px;margin-top:48px;background:var(--ivory);color:var(--asphalt);padding:26px 26px 22px;border-radius:6px;box-shadow:0 34px 60px -22px rgba(0,0,0,.75);transform-origin:50% -48px;animation:swing 5s ease-in-out infinite}<!-- [et_pb_line_break_holder] --> .sign::before,.sign::after{content:\"\";position:absolute;top:-48px;width:1px;height:52px;background:rgba(243,240,233,.55)}<!-- [et_pb_line_break_holder] --> .sign::before{left:46px;transform:rotate(14deg);transform-origin:bottom}.sign::after{right:46px;transform:rotate(-14deg);transform-origin:bottom}<!-- [et_pb_line_break_holder] --> .sign .eye{position:absolute;top:8px;width:8px;height:8px;border-radius:50%;border:2px solid var(--asphalt);background:var(--ivory)}<!-- [et_pb_line_break_holder] --> .sign .eye.l{left:42px}.sign .eye.r{right:42px}<!-- [et_pb_line_break_holder] --> @keyframes swing{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}<!-- [et_pb_line_break_holder] --> .sign-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--sg);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:100px;background:var(--asphalt);color:#fff;margin-top:6px}<!-- [et_pb_line_break_holder] --> .sign-status i{width:7px;height:7px;border-radius:50%;background:#3ddc5a;box-shadow:0 0 0 3px rgba(61,220,90,.25)}<!-- [et_pb_line_break_holder] --> .sign-status.closed i{background:#ff6b4a;box-shadow:0 0 0 3px rgba(255,107,74,.25)}<!-- [et_pb_line_break_holder] --> .sign-lab{font-family:var(--sg);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#6c6e69;margin-top:18px}<!-- [et_pb_line_break_holder] --> .sign-days{display:flex;gap:5px;margin-top:10px}<!-- [et_pb_line_break_holder] --> .sign-days span{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--sg);font-weight:700;font-size:12px;background:var(--lime);color:var(--asphalt)}<!-- [et_pb_line_break_holder] --> .sign-days span.off{background:transparent;color:#a3a59f;border:1px dashed #c5c2b8}<!-- [et_pb_line_break_holder] --> .sign-days span.today{outline:2px solid var(--asphalt);outline-offset:2px}<!-- [et_pb_line_break_holder] --> .sign-dtxt{font-family:var(--sg);font-weight:600;font-size:15px;margin-top:16px;color:var(--asphalt)}<!-- [et_pb_line_break_holder] --> .sign-time{font-family:var(--sg);font-weight:700;font-size:46px;letter-spacing:-.03em;line-height:1;margin-top:4px;color:var(--asphalt)}<!-- [et_pb_line_break_holder] --> .sign-addr{margin-top:18px;padding-top:14px;border-top:1px dashed rgba(21,21,21,.22);font-family:var(--sg);font-size:13px;line-height:1.35;display:flex;gap:9px;align-items:flex-start;color:var(--asphalt)}<!-- [et_pb_line_break_holder] --> .sign-addr svg{width:16px;height:16px;stroke:var(--asphalt);fill:none;stroke-width:1.7;flex:0 0 auto;margin-top:1px}<!-- [et_pb_line_break_holder] --> .sign-addr b{font-weight:700}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* GARANTIES \u00b7 vert, blanc, noir *\/<!-- [et_pb_line_break_holder] --> .lime{--bg:var(--lime);--fg:var(--asphalt);--bd:rgba(21,21,21,.16);--mut:#5b5d58}<!-- [et_pb_line_break_holder] --> .garant{padding:72px 0 0;overflow:hidden}<!-- [et_pb_line_break_holder] --> .garant::before{content:\"\";position:absolute;right:-180px;top:-180px;width:520px;height:520px;border-radius:50%;border:70px solid rgba(255,255,255,.28);pointer-events:none}<!-- [et_pb_line_break_holder] --> .gwrap{position:relative;display:grid;grid-template-columns:minmax(300px,.8fr) 2fr;gap:24px;align-items:start}<!-- [et_pb_line_break_holder] --> .gpanel{position:sticky;top:100px;background:var(--asphalt);color:#fff;border-radius:22px;padding:38px 34px;overflow:hidden;box-shadow:0 30px 60px -28px rgba(0,0,0,.55)}<!-- [et_pb_line_break_holder] --> .gpanel::after{content:\"\";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(185,233,55,.35),rgba(185,233,55,0) 70%);pointer-events:none}<!-- [et_pb_line_break_holder] --> .gpanel .eyebrow{color:var(--lime)}.gpanel .eyebrow .b{background:var(--lime)}<!-- [et_pb_line_break_holder] --> .gpanel .h2{font-size:clamp(24px,2.2vw,32px);line-height:1.05;letter-spacing:0;margin-top:14px}<!-- [et_pb_line_break_holder] --> .gpanel p{font-family:var(--sg);font-size:15.5px;line-height:1.5;color:var(--alu);margin-top:16px}<!-- [et_pb_line_break_holder] --> .gstats{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;border-top:1px solid rgba(255,255,255,.14)}<!-- [et_pb_line_break_holder] --> .gstat{padding:20px 0 4px}.gstat+.gstat{border-left:1px solid rgba(255,255,255,.14);padding-left:20px}<!-- [et_pb_line_break_holder] --> .gstat .v{font-family:var(--sg);font-weight:700;font-size:44px;line-height:.9;letter-spacing:-.03em;color:var(--lime)}<!-- [et_pb_line_break_holder] --> .gstat .v small{font-size:.4em;margin-left:4px;color:#fff}<!-- [et_pb_line_break_holder] --> .gstat .l{font-family:var(--sg);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--alu);margin-top:8px}<!-- [et_pb_line_break_holder] --> .gpanel .btn{margin-top:28px;width:100%;justify-content:center}<!-- [et_pb_line_break_holder] --> .gcards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}<!-- [et_pb_line_break_holder] --> @media(min-width:1320px){.gcards{grid-template-columns:repeat(4,1fr)}.gcards .gcard{grid-template-columns:1fr;align-content:start}.gcards .gic{grid-row:auto;margin-bottom:12px}.gcards .gcard .gt{padding-right:22px}}<!-- [et_pb_line_break_holder] --> .gcard{position:relative;background:#fff;border-radius:18px;padding:22px 22px 24px;display:grid;grid-template-columns:48px 1fr;gap:4px 16px;align-items:start;box-shadow:0 1px 0 rgba(21,21,21,.05),0 16px 32px -22px rgba(21,21,21,.45);overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}<!-- [et_pb_line_break_holder] --> .gcard::after{content:\"\";position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--asphalt);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .gcard:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(21,21,21,.05),0 26px 40px -22px rgba(21,21,21,.55)}<!-- [et_pb_line_break_holder] --> .gcard:hover::after{transform:scaleX(1)}<!-- [et_pb_line_break_holder] --> .gic{grid-row:1\/3;width:48px;height:48px;border-radius:14px;background:var(--asphalt);display:flex;align-items:center;justify-content:center;transition:transform .35s}<!-- [et_pb_line_break_holder] --> .gcard:hover .gic{transform:rotate(-6deg)}<!-- [et_pb_line_break_holder] --> .gic svg{width:24px;height:24px;stroke:var(--lime);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}<!-- [et_pb_line_break_holder] --> .gcard .gn{position:absolute;top:18px;right:20px;font-family:var(--sg);font-size:11px;font-weight:600;color:#a3a59f}<!-- [et_pb_line_break_holder] --> .gcard .gt{font-family:var(--sg);font-weight:700;font-size:16.5px;text-transform:uppercase;letter-spacing:-.005em;line-height:1.15;padding-right:26px;padding-top:3px}<!-- [et_pb_line_break_holder] --> .gcard p{font-family:var(--sg);font-size:13.5px;color:#5b5d58;margin-top:6px;line-height:1.45}<!-- [et_pb_line_break_holder] --> .gband{margin-top:56px;background:var(--asphalt);color:#fff;overflow:hidden;padding:18px 0;transform:rotate(-1deg) scale(1.02)}<!-- [et_pb_line_break_holder] --> .gtrack{display:flex;width:max-content;animation:marq 32s linear infinite}<!-- [et_pb_line_break_holder] --> .gtrack span{font-family:var(--sg);font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;display:flex;align-items:center;gap:28px;padding-right:28px}<!-- [et_pb_line_break_holder] --> .gtrack span::after{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--lime)}<!-- [et_pb_line_break_holder] --> @keyframes marq{to{transform:translateX(-50%)}}<!-- [et_pb_line_break_holder] --> @media(max-width:1000px){.gwrap{grid-template-columns:1fr}.gpanel{position:relative;top:0}}<!-- [et_pb_line_break_holder] --> @media(max-width:620px){.gcards{grid-template-columns:1fr}.garant .wrap{padding:0 12px}.gpanel{padding:30px 22px}}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* BOUTON RETOUR FICHE PRODUIT *\/<!-- [et_pb_line_break_holder] --> .ovback{display:inline-flex;align-items:center;gap:10px;font-family:var(--sg);font-weight:600;font-size:14px;padding:12px 20px 12px 16px;border-radius:100px;background:var(--lime);color:var(--asphalt)!important;transition:gap .25s,background .25s}<!-- [et_pb_line_break_holder] --> .ovback .arr{font-size:17px;transition:transform .25s}<!-- [et_pb_line_break_holder] --> .ovback:hover{background:#fff}.ovback:hover .arr{transform:translateX(-3px)}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* TITRES BLANCS FORCES (le theme WordPress\/Divi les grise sinon) *\/<!-- [et_pb_line_break_holder] --> h1,h2,h3,h4,h5,h6{padding-bottom:0}<!-- [et_pb_line_break_holder] --> .dark h1,.dark h2,.dark h4,.dark .h2,.dark .hero-h,.dark .island-h,.dark .repr-h,.dark .ctitle,.dark .cprice,.dark .fval,.dark .foot-brand,.dark .rcount b,<!-- [et_pb_line_break_holder] --> .brand,.ovbar .b,.ov .ovtitle,.ov .ovprice .p,.ov .aside .p,.ov .hi-i .v,.ov .tp .v,.ov .ovdesc,.ov .ctitle,.ov .cprice,.ov .sfix,.ov .tech-toggle{color:#fff!important}<!-- [et_pb_line_break_holder] --> .light h1,.light h2,.light .h2,.light .ctitle,.light .cprice,.light .stat .n,.light .tquote,.lime h2,.lime .h2,.lime .gt{color:var(--asphalt)!important}<!-- [et_pb_line_break_holder] --> .dot,.island-h em,.repr-h em,.stat .n .u,.ov .ovprice .m b{color:var(--lime)!important}<!-- [et_pb_line_break_holder] --> .lime .gpanel h2,.lime .gpanel .h2{color:#fff!important}<!-- [et_pb_line_break_holder] --> .lime .gcard .gt{color:var(--asphalt)!important}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* CHATBOT *\/<!-- [et_pb_line_break_holder] --> .cbot-launch{position:fixed;bottom:22px;right:22px;z-index:900;height:60px;padding:0 22px 0 18px;border-radius:100px;background:var(--lime);color:var(--asphalt);display:flex;align-items:center;gap:12px;font-family:var(--sg);font-weight:700;font-size:14px;box-shadow:0 16px 34px -10px rgba(0,0,0,.55);transition:transform .25s,opacity .25s}<!-- [et_pb_line_break_holder] --> .cbot-launch:hover{transform:translateY(-2px)}<!-- [et_pb_line_break_holder] --> .cbot-launch .av{position:relative;width:34px;height:34px;border-radius:50%;background:var(--asphalt);display:flex;align-items:center;justify-content:center;font-family:var(--sg);font-weight:700;color:var(--lime);font-size:15px}<!-- [et_pb_line_break_holder] --> .cbot-launch .av::after{content:\"\";position:absolute;bottom:-2px;right:-2px;width:11px;height:11px;border-radius:50%;background:#3ddc5a;border:2px solid var(--lime)}<!-- [et_pb_line_break_holder] --> .cbot-launch.hide{opacity:0;visibility:hidden;transform:scale(.8)}<!-- [et_pb_line_break_holder] --> .cbot{position:fixed;bottom:22px;right:22px;z-index:901;width:min(390px,calc(100vw - 28px));height:min(600px,calc(100vh - 44px));background:var(--asphalt2);border:1px solid rgba(243,240,233,.14);border-radius:22px;display:flex;flex-direction:column;overflow:hidden;transform:translateY(24px) scale(.98);opacity:0;visibility:hidden;transition:.3s cubic-bezier(.16,1,.3,1);box-shadow:0 30px 70px -20px rgba(0,0,0,.7)}<!-- [et_pb_line_break_holder] --> .cbot.open{transform:none;opacity:1;visibility:visible}<!-- [et_pb_line_break_holder] --> .cbot-head{padding:18px 20px;background:var(--asphalt);border-bottom:1px solid rgba(243,240,233,.12);display:flex;align-items:center;gap:13px}<!-- [et_pb_line_break_holder] --> .cbot-head .av{width:42px;height:42px;border-radius:50%;background:var(--lime);color:var(--asphalt);display:flex;align-items:center;justify-content:center;font-family:var(--sg);font-weight:700;font-size:18px}<!-- [et_pb_line_break_holder] --> .cbot-head .who .n{font-family:var(--sg);font-weight:700;font-size:15px;color:var(--ivory)}<!-- [et_pb_line_break_holder] --> .cbot-head .who .s{font-size:12px;color:#3ddc5a;display:flex;align-items:center;gap:6px}<!-- [et_pb_line_break_holder] --> .cbot-head .who .s::before{content:\"\";width:6px;height:6px;border-radius:50%;background:#3ddc5a}<!-- [et_pb_line_break_holder] --> .cbot-head .x{margin-left:auto;color:var(--alu);font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}<!-- [et_pb_line_break_holder] --> .cbot-head .x:hover{background:rgba(243,240,233,.08);color:var(--ivory)}<!-- [et_pb_line_break_holder] --> .cbot-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}<!-- [et_pb_line_break_holder] --> .msg{max-width:82%;font-family:var(--in);font-size:14px;line-height:1.45;padding:12px 15px;border-radius:16px}<!-- [et_pb_line_break_holder] --> .msg.bot{align-self:flex-start;background:#26262b;color:var(--ivory);border-bottom-left-radius:5px}<!-- [et_pb_line_break_holder] --> .msg.me{align-self:flex-end;background:var(--lime);color:var(--asphalt);border-bottom-right-radius:5px;font-weight:500}<!-- [et_pb_line_break_holder] --> .msg b{font-weight:600}<!-- [et_pb_line_break_holder] --> .typing{align-self:flex-start;background:#26262b;padding:14px 16px;border-radius:16px;border-bottom-left-radius:5px;display:flex;gap:5px}<!-- [et_pb_line_break_holder] --> .typing i{width:7px;height:7px;border-radius:50%;background:var(--alu);animation:blink 1.2s infinite}<!-- [et_pb_line_break_holder] --> .typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}<!-- [et_pb_line_break_holder] --> @keyframes blink{0%,60%,100%{opacity:.3}30%{opacity:1}}<!-- [et_pb_line_break_holder] --> .cbot-chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px 12px}<!-- [et_pb_line_break_holder] --> .cbot-chips button{font-family:var(--sg);font-size:12.5px;font-weight:500;padding:9px 14px;border-radius:100px;border:1px solid var(--lime);color:var(--lime);transition:.18s;background:transparent}<!-- [et_pb_line_break_holder] --> .cbot-chips button:hover{background:var(--lime);color:var(--asphalt)}<!-- [et_pb_line_break_holder] --> .cbot-input{display:flex;gap:10px;padding:14px 16px;border-top:1px solid rgba(243,240,233,.12)}<!-- [et_pb_line_break_holder] --> .cbot-input input{flex:1;background:#26262b;border:1px solid rgba(243,240,233,.12);color:var(--ivory);border-radius:100px;padding:12px 16px;font-family:var(--in);font-size:14px}<!-- [et_pb_line_break_holder] --> .cbot-input input:focus{outline:none;border-color:var(--lime)}<!-- [et_pb_line_break_holder] --> .cbot-input .send{width:44px;height:44px;flex:0 0 auto;border-radius:50%;background:var(--lime);color:var(--asphalt);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> @media (max-width:1000px){<!-- [et_pb_line_break_holder] --> .hero-grid{grid-template-columns:1fr;gap:10px}.hero-bg-img{background-position:50% 40%}.hero-bg::after{background:linear-gradient(0deg,rgba(21,21,21,.95) 10%,rgba(21,21,21,.55) 60%,rgba(21,21,21,.5) 100%)}.ovbar .b{display:none}<!-- [et_pb_line_break_holder] --> .grid3,.tgrid{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr 1fr}<!-- [et_pb_line_break_holder] --> .stat-row{grid-template-columns:1fr 1fr}.ovcols{grid-template-columns:1fr}.aside{position:static}<!-- [et_pb_line_break_holder] --> .island-grid{grid-template-columns:1fr}.nav-mid{display:none}.simu{grid-template-columns:1fr}<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> @media (max-width:620px){<!-- [et_pb_line_break_holder] --> .grid3,.tgrid{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.sign{width:100%;max-width:340px}.nav-cta{display:none}.hero-h .r>span{white-space:normal}.ovclose .t{display:none}<!-- [et_pb_line_break_holder] --> .cbot-launch span.t{display:none}.cbot-launch{padding:0;width:60px;justify-content:center}<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* =========================================================<!-- [et_pb_line_break_holder] --> MOTION MOBILE \u00b7 animations utiles (<= 1000px)<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] --> \/* barre de progression de lecture *\/<!-- [et_pb_line_break_holder] --> .sprog{position:fixed;top:0;left:0;right:0;height:2px;z-index:130;background:var(--lime);transform-origin:left;transform:scaleX(0);pointer-events:none;display:none}<!-- [et_pb_line_break_holder] --> \/* section courante dans la nav *\/<!-- [et_pb_line_break_holder] --> .nav-sec{display:none;height:16px;overflow:hidden;font-family:var(--sg);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--alu)}<!-- [et_pb_line_break_holder] --> .nav-sec .ns-in{display:inline-flex;align-items:center;gap:7px;animation:nsIn .45s cubic-bezier(.16,1,.3,1) both}<!-- [et_pb_line_break_holder] --> .nav-sec .ns-in i{width:5px;height:5px;border-radius:50%;background:var(--lime)}<!-- [et_pb_line_break_holder] --> @keyframes nsIn{from{transform:translateY(110%);opacity:0}to{transform:none;opacity:1}}<!-- [et_pb_line_break_holder] --> \/* compteur de r\u00e9sultats qui r\u00e9agit *\/<!-- [et_pb_line_break_holder] --> .bump{display:inline-block;animation:bump .5s cubic-bezier(.34,1.56,.64,1)}<!-- [et_pb_line_break_holder] --> @keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.3);color:var(--lime)}100%{transform:scale(1)}}<!-- [et_pb_line_break_holder] --> \/* filtres repliables *\/<!-- [et_pb_line_break_holder] --> .tb-toggle{display:none}<!-- [et_pb_line_break_holder] --> \/* compteur photos galerie *\/<!-- [et_pb_line_break_holder] --> .galcount{position:absolute;right:12px;bottom:12px;z-index:3;font-family:var(--sg);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border-radius:100px;background:rgba(21,21,21,.72);backdrop-filter:blur(8px);color:#fff}<!-- [et_pb_line_break_holder] --> .galcount b{color:var(--lime);font-weight:700}<!-- [et_pb_line_break_holder] --> .film{position:relative;scroll-behavior:smooth}<!-- [et_pb_line_break_holder] --> .slide-n{animation:slideN .5s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .slide-p{animation:slideP .5s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> @keyframes slideN{from{transform:translateX(9%);opacity:.2}to{transform:none;opacity:1}}<!-- [et_pb_line_break_holder] --> @keyframes slideP{from{transform:translateX(-9%);opacity:.2}to{transform:none;opacity:1}}<!-- [et_pb_line_break_holder] --> .swipehint{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%);display:none;align-items:center;gap:10px;font-family:var(--sg);font-size:12px;font-weight:600;letter-spacing:.06em;padding:11px 18px;border-radius:100px;background:rgba(21,21,21,.78);backdrop-filter:blur(8px);color:#fff;pointer-events:none;animation:hint 2.8s ease .4s both}<!-- [et_pb_line_break_holder] --> .swipehint .hand{display:inline-block;color:var(--lime);animation:hand 1.1s ease-in-out infinite}<!-- [et_pb_line_break_holder] --> @keyframes hint{0%{opacity:0}12%,78%{opacity:1}100%{opacity:0}}<!-- [et_pb_line_break_holder] --> @keyframes hand{0%,100%{transform:translateX(-5px)}50%{transform:translateX(5px)}}<!-- [et_pb_line_break_holder] --> .sbig.tick{animation:tick .45s cubic-bezier(.34,1.56,.64,1)}<!-- [et_pb_line_break_holder] --> @keyframes tick{40%{transform:scale(1.06)}}<!-- [et_pb_line_break_holder] --> \/* note clients en barre *\/<!-- [et_pb_line_break_holder] --> .sbar{height:3px;max-width:180px;margin-top:18px;background:var(--bd);border-radius:3px;overflow:hidden}<!-- [et_pb_line_break_holder] --> .sbar i{display:block;height:100%;width:98%;background:var(--asphalt);transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.16,1,.3,1) .35s}<!-- [et_pb_line_break_holder] --> .stat.in .sbar i{transform:scaleX(1)}<!-- [et_pb_line_break_holder] --> \/* barre de r\u00e9servation collante (fiche) *\/<!-- [et_pb_line_break_holder] --> .ovsticky{display:none}<!-- [et_pb_line_break_holder] --> .tdots{display:none}<!-- [et_pb_line_break_holder] --> .cbot-tip{display:none}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> @media (max-width:1000px){<!-- [et_pb_line_break_holder] --> .sprog{display:block}<!-- [et_pb_line_break_holder] --> .nav-in{height:66px}<!-- [et_pb_line_break_holder] --> .nav-sec{display:block;flex:1;min-width:0}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* hero : apparition orchestr\u00e9e apr\u00e8s le loader *\/<!-- [et_pb_line_break_holder] --> .m-anim .hero .reflag,.m-anim .hero .kreol,.m-anim .hero .hero-cta,.m-anim .hero .hero-trust{opacity:0;transform:translateY(14px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .m-anim .hero .sign{opacity:0;transition:opacity .9s ease .8s}<!-- [et_pb_line_break_holder] --> .m-anim.ready .hero .reflag{opacity:1;transform:none;transition-delay:.05s}<!-- [et_pb_line_break_holder] --> .m-anim.ready .hero .kreol{opacity:1;transform:none;transition-delay:.12s}<!-- [et_pb_line_break_holder] --> .m-anim.ready .hero .hero-cta{opacity:1;transform:none;transition-delay:.45s}<!-- [et_pb_line_break_holder] --> .m-anim.ready .hero .hero-trust{opacity:1;transform:none;transition-delay:.6s}<!-- [et_pb_line_break_holder] --> .m-anim.ready .hero .sign{opacity:1}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* parcours Choisir > Simuler > Rouler qui se trace *\/<!-- [et_pb_line_break_holder] --> .m-anim .trajline .step{opacity:.28;transition:opacity .5s ease calc(var(--d)*.3s)}<!-- [et_pb_line_break_holder] --> .m-anim .trajline .ln::before{content:\"\";position:absolute;left:0;top:0;width:100%;height:1px;background:var(--asphalt);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.65,0,.35,1) calc(var(--d)*.3s)}<!-- [et_pb_line_break_holder] --> .m-anim .trajline .ln::after{opacity:0;transition:opacity .4s 1.8s}<!-- [et_pb_line_break_holder] --> .m-anim .trajline .end{transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1) calc(var(--d)*.3s)}<!-- [et_pb_line_break_holder] --> .m-anim #traj.in .step{opacity:1}<!-- [et_pb_line_break_holder] --> .m-anim #traj.in .ln::before{transform:scaleX(1)}<!-- [et_pb_line_break_holder] --> .m-anim #traj.in .ln::after{opacity:1}<!-- [et_pb_line_break_holder] --> .m-anim #traj.in .end{transform:scale(1)}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* cartes v\u00e9hicules : photo qui s'ouvre, badges en cascade, mensualit\u00e9 surlign\u00e9e *\/<!-- [et_pb_line_break_holder] --> .m-anim .card .frame{clip-path:inset(9% 7% 9% 7%);transition:clip-path 1s cubic-bezier(.16,1,.3,1),transform .2s}<!-- [et_pb_line_break_holder] --> .m-anim .card .imgwrap{transform:scale(1.14);transition:transform 1.3s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .frame{clip-path:inset(0 0 0 0)}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .imgwrap{transform:scale(1)}<!-- [et_pb_line_break_holder] --> .m-anim .card .tagline{opacity:0;transform:translateX(-8px);transition:opacity .5s .5s,transform .5s cubic-bezier(.16,1,.3,1) .5s}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .tagline{opacity:1;transform:none}<!-- [et_pb_line_break_holder] --> .m-anim .card .badge{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .badge{opacity:1;transform:none}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .badge:nth-child(1){transition-delay:.25s}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .badge:nth-child(2){transition-delay:.33s}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .badge:nth-child(3){transition-delay:.41s}<!-- [et_pb_line_break_holder] --> .m-anim .card .cmens b{padding:0 3px;background:linear-gradient(rgba(185,233,55,.55),rgba(185,233,55,.55)) 0 90%\/0% 45% no-repeat;transition:background-size .8s cubic-bezier(.16,1,.3,1) .6s}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .cmens b{background-size:100% 45%}<!-- [et_pb_line_break_holder] --> .card:active .frame{transform:scale(.98)}<!-- [et_pb_line_break_holder] --> .btn:active,.chip:active,.dbtn:active{transform:scale(.96)}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* garanties : ic\u00f4ne qui se dessine, trait de validation *\/<!-- [et_pb_line_break_holder] --> .m-anim .gcard .gic svg *{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.1s cubic-bezier(.65,0,.35,1) .25s}<!-- [et_pb_line_break_holder] --> .m-anim .gcard.in .gic svg *{stroke-dashoffset:0}<!-- [et_pb_line_break_holder] --> .m-anim .gcard.in::after{transform:scaleX(1);transition-delay:.7s}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* chips en ligne d\u00e9filante *\/<!-- [et_pb_line_break_holder] --> .chips{position:relative;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(-1*clamp(16px,3.5vw,56px));margin-right:calc(-1*clamp(16px,3.5vw,56px));padding:2px clamp(16px,3.5vw,56px);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 44px),transparent)}<!-- [et_pb_line_break_holder] --> .chips::-webkit-scrollbar{display:none}<!-- [et_pb_line_break_holder] --> .chip{flex:0 0 auto}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* filtres repliables *\/<!-- [et_pb_line_break_holder] --> .tb-toggle{display:flex;width:100%;align-items:center;gap:10px;padding:15px 20px;margin-bottom:18px;border:1px solid var(--bd);border-radius:100px;font-family:var(--sg);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg)}<!-- [et_pb_line_break_holder] --> .tb-toggle .b{width:6px;height:6px;border-radius:50%;background:var(--lime)}<!-- [et_pb_line_break_holder] --> .tb-toggle .chev{margin-left:auto;color:var(--mut);transition:transform .35s}<!-- [et_pb_line_break_holder] --> .tb-toggle.open .chev{transform:rotate(180deg)}<!-- [et_pb_line_break_holder] --> .tb-n{min-width:22px;height:22px;padding:0 6px;border-radius:100px;background:var(--lime);color:var(--asphalt);font-size:11px;display:none;align-items:center;justify-content:center;letter-spacing:0}<!-- [et_pb_line_break_holder] --> .tb-n.has{display:inline-flex;animation:bump .45s cubic-bezier(.34,1.56,.64,1)}<!-- [et_pb_line_break_holder] --> .tb-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .tb-wrap.open{grid-template-rows:1fr}<!-- [et_pb_line_break_holder] --> .tb-in{min-height:0;overflow:hidden}<!-- [et_pb_line_break_holder] --> .tb-wrap .toolbar{margin-bottom:22px}<!-- [et_pb_line_break_holder] --> .tb-wrap .fbox{opacity:0;transform:translateY(10px);transition:opacity .4s,transform .45s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .tb-wrap.open .fbox{opacity:1;transform:none}<!-- [et_pb_line_break_holder] --> .tb-wrap.open .fbox:nth-child(2){transition-delay:.06s}<!-- [et_pb_line_break_holder] --> .tb-wrap.open .fbox:nth-child(3){transition-delay:.12s}<!-- [et_pb_line_break_holder] --> .tb-wrap.open .fbox:nth-child(4){transition-delay:.18s}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* avis en carrousel avec indicateur *\/<!-- [et_pb_line_break_holder] --> .tgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:none;margin:0 calc(-1*clamp(16px,3.5vw,56px));padding:0 clamp(16px,3.5vw,56px) 4px;scroll-padding:0 clamp(16px,3.5vw,56px)}<!-- [et_pb_line_break_holder] --> .tgrid::-webkit-scrollbar{display:none}<!-- [et_pb_line_break_holder] --> .tcard{flex:0 0 min(84%,420px);scroll-snap-align:start}<!-- [et_pb_line_break_holder] --> .tdots{display:flex;gap:6px;margin-top:22px}<!-- [et_pb_line_break_holder] --> .tdots button{width:6px;height:6px;padding:0;border-radius:6px;background:var(--bd);transition:width .35s cubic-bezier(.16,1,.3,1),background .35s}<!-- [et_pb_line_break_holder] --> .tdots button.on{width:26px;background:var(--fg)}<!-- [et_pb_line_break_holder] --> .m-anim .tcard .stars i{transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}<!-- [et_pb_line_break_holder] --> .m-anim .tcard.in .stars i{transform:scale(1)}<!-- [et_pb_line_break_holder] --> .m-anim .tcard.in .stars i:nth-child(2){transition-delay:.07s}<!-- [et_pb_line_break_holder] --> .m-anim .tcard.in .stars i:nth-child(3){transition-delay:.14s}<!-- [et_pb_line_break_holder] --> .m-anim .tcard.in .stars i:nth-child(4){transition-delay:.21s}<!-- [et_pb_line_break_holder] --> .m-anim .tcard.in .stars i:nth-child(5){transition-delay:.28s}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* communes livr\u00e9es qui s'allument une \u00e0 une *\/<!-- [et_pb_line_break_holder] --> .m-anim .island .communes span{opacity:0;transform:translateY(10px);transition:opacity .45s,transform .5s cubic-bezier(.16,1,.3,1),border-color .5s,color .5s}<!-- [et_pb_line_break_holder] --> .m-anim .island .rev.in .communes span{opacity:1;transform:none;transition-delay:calc(.45s + var(--k,0)*70ms)}<!-- [et_pb_line_break_holder] --> .m-anim .island .rev.in .communes span:first-child{border-color:var(--lime);color:var(--fg)}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* fiche v\u00e9hicule : entr\u00e9e en douceur, chiffres cl\u00e9s en cascade *\/<!-- [et_pb_line_break_holder] --> .ov{transform:translateY(28px);transition:opacity .4s,transform .55s cubic-bezier(.16,1,.3,1),visibility .4s}<!-- [et_pb_line_break_holder] --> .ov.open{transform:none}<!-- [et_pb_line_break_holder] --> .ov.open .ovprice{animation:fadeUp .7s cubic-bezier(.16,1,.3,1) .1s both}<!-- [et_pb_line_break_holder] --> .ov.open .ovprice{animation-delay:.2s}<!-- [et_pb_line_break_holder] --> .ov.open .hi-i{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.25s + var(--k,0)*60ms)}<!-- [et_pb_line_break_holder] --> @keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}<!-- [et_pb_line_break_holder] --> .swipehint{display:inline-flex}<!-- [et_pb_line_break_holder] --> .ovsticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:320;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(21,21,21,.86);backdrop-filter:blur(16px);border-top:1px solid rgba(243,240,233,.12);transform:translateY(110%);transition:transform .45s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> body.ov-open .ovsticky.show{transform:none}<!-- [et_pb_line_break_holder] --> .ovsticky .osp{font-family:var(--sg);font-weight:700;font-size:20px;color:#fff;letter-spacing:-.01em;line-height:1.1}<!-- [et_pb_line_break_holder] --> .ovsticky .osm{font-family:var(--sg);font-size:12px;color:var(--alu)}.ovsticky .osm b{color:var(--lime)}<!-- [et_pb_line_break_holder] --> .ovsticky .btn{padding:13px 20px}<!-- [et_pb_line_break_holder] --> body.ov-open .cbot-launch,body.ov-open .cbot-tip{opacity:0;visibility:hidden}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* bulle d'aide du chatbot *\/<!-- [et_pb_line_break_holder] --> .cbot-tip{display:block;position:fixed;right:22px;bottom:94px;z-index:899;max-width:230px;padding:12px 15px;border-radius:16px 16px 4px 16px;background:var(--ivory);color:var(--asphalt);font-family:var(--sg);font-size:13px;line-height:1.35;box-shadow:0 16px 34px -12px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(10px) scale(.96);transform-origin:bottom right;transition:.45s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .cbot-tip.show{opacity:1;visibility:visible;transform:none}<!-- [et_pb_line_break_holder] --> .cbot-launch.ping .av{animation:ping 1.4s ease-out 2}<!-- [et_pb_line_break_holder] --> @keyframes ping{0%{box-shadow:0 0 0 0 rgba(21,21,21,.45)}100%{box-shadow:0 0 0 14px rgba(21,21,21,0)}}<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> @media (min-width:1001px){.tb-wrap,.tb-in{display:block}}<!-- [et_pb_line_break_holder] --> \/* titre du hero : attend la fin du loader pour se lever *\/<!-- [et_pb_line_break_holder] --> html.js:not(.ready) .hero-h .r>span{animation-play-state:paused}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* =========================================================<!-- [et_pb_line_break_holder] --> MOTION \u00b7 animations v\u00e9hicules (toutes tailles d'\u00e9cran)<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] --> \/* nom du v\u00e9hicule : lettres qui montent, puis roulent au survol \/ au passage *\/<!-- [et_pb_line_break_holder] --> .rtx .w{display:inline-block;white-space:nowrap}<!-- [et_pb_line_break_holder] --> .ch{display:inline-block;position:relative;overflow:hidden;vertical-align:top;line-height:1.18}<!-- [et_pb_line_break_holder] --> .ch>i{display:block;font-style:normal;transition:transform .75s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--c,0)*26ms)}<!-- [et_pb_line_break_holder] --> .ch>i+i{position:absolute;left:0;top:100%}<!-- [et_pb_line_break_holder] --> .js .rtx .ch>i:first-child{transform:translateY(112%)}<!-- [et_pb_line_break_holder] --> .card.in .rtx .ch>i:first-child,.go .rtx .ch>i:first-child{transform:translateY(0)}<!-- [et_pb_line_break_holder] --> .card.in.roll .rtx .ch>i:first-child,.go .rtx.roll .ch>i:first-child{transform:translateY(-100%)}<!-- [et_pb_line_break_holder] --> .card.in.roll .rtx .ch>i+i,.go .rtx.roll .ch>i+i{transform:translateY(-100%)}<!-- [et_pb_line_break_holder] --> .card.in.roll .rtx .ch>i+i,.go .rtx.roll .ch>i+i{color:var(--lime)}<!-- [et_pb_line_break_holder] --> .ovtitle{cursor:pointer}<!-- [et_pb_line_break_holder] --> .ovtitle .ch{line-height:1}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* prix en compteur \u00e0 rouleaux *\/<!-- [et_pb_line_break_holder] --> .odo{display:inline-flex;align-items:flex-start;height:1.1em;line-height:1.1em;overflow:hidden;vertical-align:bottom}<!-- [et_pb_line_break_holder] --> .od{display:block;height:1.1em;overflow:hidden}<!-- [et_pb_line_break_holder] --> .od-c{display:block;transition:transform 1.4s cubic-bezier(.16,1,.3,1);transition-delay:calc(.3s + var(--c,0)*70ms)}<!-- [et_pb_line_break_holder] --> .od-c>span{display:block;height:1.1em}<!-- [et_pb_line_break_holder] --> .od-s{white-space:pre}<!-- [et_pb_line_break_holder] --> .card.in .od-c,.go .od-c{transform:translateY(calc(var(--v)*-1.1em))}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* photo : ouverture, reflet lumineux, profondeur au scroll, inclinaison au survol *\/<!-- [et_pb_line_break_holder] --> .m-anim .card .frame{clip-path:inset(9% 7% 9% 7%)}<!-- [et_pb_line_break_holder] --> .m-anim .card .imgwrap{transform:scale(1.14);transition:transform 1.3s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .frame{clip-path:inset(0 0 0 0)}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .imgwrap{transform:scale(1)}<!-- [et_pb_line_break_holder] --> .m-anim .card.in:hover .imgwrap{transform:scale(1.03)}<!-- [et_pb_line_break_holder] --> .card .frame{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:clip-path 1s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .card .imgwrap>*{transform:translateY(var(--py,0px)) scale(1.1);will-change:transform}<!-- [et_pb_line_break_holder] --> .card .frame::after{content:\"\";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.09) 50%,transparent 60%);transform:translateX(-110%)}<!-- [et_pb_line_break_holder] --> .card.sh .frame::after{animation:sheen 1.6s cubic-bezier(.4,0,.2,1)}<!-- [et_pb_line_break_holder] --> @keyframes sheen{to{transform:translateX(110%)}}<!-- [et_pb_line_break_holder] --> .m-anim .card .tagline{opacity:0;transform:translateX(-8px);transition:opacity .5s .5s,transform .5s cubic-bezier(.16,1,.3,1) .5s}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .tagline{opacity:1;transform:none}<!-- [et_pb_line_break_holder] --> .tagline .b{animation:tpulse 2.4s ease-in-out infinite}<!-- [et_pb_line_break_holder] --> @keyframes tpulse{0%,100%{box-shadow:0 0 0 0 rgba(185,233,55,.6)}50%{box-shadow:0 0 0 5px rgba(185,233,55,0)}}<!-- [et_pb_line_break_holder] --> .m-anim .card .cver,.m-anim .card .cmeta{opacity:0;transform:translateY(6px);transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .cver{opacity:1;transform:none;transition-delay:.3s}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .cmeta{opacity:1;transform:none;transition-delay:.38s}<!-- [et_pb_line_break_holder] --> .m-anim .card .badge{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .badge{opacity:1;transform:none}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .badge:nth-child(1){transition-delay:.45s}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .badge:nth-child(2){transition-delay:.53s}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .badge:nth-child(3){transition-delay:.61s}<!-- [et_pb_line_break_holder] --> .m-anim .card .cmens b{padding:0 3px;background:linear-gradient(rgba(185,233,55,.55),rgba(185,233,55,.55)) 0 90%\/0% 45% no-repeat;transition:background-size .8s cubic-bezier(.16,1,.3,1) 1.2s}<!-- [et_pb_line_break_holder] --> .m-anim .card.in .cmens b{background-size:100% 45%}<!-- [et_pb_line_break_holder] --> .csee .arr{display:inline-block;animation:nudge 1.9s cubic-bezier(.65,0,.35,1) infinite}<!-- [et_pb_line_break_holder] --> @keyframes nudge{0%,60%,100%{transform:none}30%{transform:translateX(5px)}}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* transition carte vers fiche *\/<!-- [et_pb_line_break_holder] --> .fly{position:fixed;z-index:350;overflow:hidden;background:#1c1c1c;border:1px solid rgba(243,240,233,.14);pointer-events:none}<!-- [et_pb_line_break_holder] --> .fly img{width:100%;height:100%;object-fit:cover;display:block}<!-- [et_pb_line_break_holder] --> .ov.flying{transform:none!important}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* fiche : galerie en lecture auto avec segments, zoom lent *\/<!-- [et_pb_line_break_holder] --> .ovmain .kbw{position:absolute;inset:0}<!-- [et_pb_line_break_holder] --> .ovmain .kbw>.realph{animation:kb 9s ease-out both}<!-- [et_pb_line_break_holder] --> @keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}<!-- [et_pb_line_break_holder] --> .gsegs{position:absolute;top:12px;left:12px;right:12px;z-index:3;display:flex;gap:5px}<!-- [et_pb_line_break_holder] --> .gsegs i{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.28);overflow:hidden;position:relative}<!-- [et_pb_line_break_holder] --> .gsegs i::after{content:\"\";position:absolute;inset:0;background:var(--lime);transform:scaleX(0);transform-origin:left}<!-- [et_pb_line_break_holder] --> .gsegs i.done::after{transform:scaleX(1)}<!-- [et_pb_line_break_holder] --> .gsegs i.cur::after{animation:seg 4.2s linear forwards}<!-- [et_pb_line_break_holder] --> .manual .gsegs i.cur::after{animation:none;transform:scaleX(1)}<!-- [et_pb_line_break_holder] --> @keyframes seg{to{transform:scaleX(1)}}<!-- [et_pb_line_break_holder] --> \/* fiche : chiffres cl\u00e9s, \u00e9quipements, texte, fiche technique *\/<!-- [et_pb_line_break_holder] --> .ov.open .hi-i{animation:fadeUp2 .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.25s + var(--k,0)*60ms)}<!-- [et_pb_line_break_holder] --> @keyframes fadeUp2{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}<!-- [et_pb_line_break_holder] --> .hi{position:relative;overflow:hidden}<!-- [et_pb_line_break_holder] --> .hi::before{content:\"\";position:absolute;top:-2px;left:0;height:2px;width:30%;z-index:2;background:linear-gradient(90deg,transparent,#fff,transparent);animation:hiRun 3.2s cubic-bezier(.65,0,.35,1) 1s infinite;transform:translateX(-100%)}<!-- [et_pb_line_break_holder] --> @keyframes hiRun{0%{transform:translateX(-100%)}60%,100%{transform:translateX(340%)}}<!-- [et_pb_line_break_holder] --> .equip .e{opacity:0;transform:translateY(10px) scale(.95);transition:opacity .45s,transform .5s cubic-bezier(.34,1.56,.64,1),border-color .4s}<!-- [et_pb_line_break_holder] --> .equip.in .e{opacity:1;transform:none;transition-delay:calc(var(--k,0)*60ms)}<!-- [et_pb_line_break_holder] --> .equip.in .e:hover{border-color:var(--lime)}<!-- [et_pb_line_break_holder] --> .ovdesc span{opacity:.12;transition:opacity .6s ease;transition-delay:calc(var(--k,0)*40ms)}<!-- [et_pb_line_break_holder] --> .ovdesc.in span{opacity:1}<!-- [et_pb_line_break_holder] --> .tech-wrap .tp{opacity:0;transform:translateY(8px);transition:opacity .45s,transform .5s cubic-bezier(.16,1,.3,1)}<!-- [et_pb_line_break_holder] --> .tech-wrap.open .tp{opacity:1;transform:none;transition-delay:calc(.1s + var(--k,0)*35ms)}<!-- [et_pb_line_break_holder] --> .simu-out{position:relative;overflow:hidden}<!-- [et_pb_line_break_holder] --> .simu-out::before{content:\"\";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-110%);pointer-events:none}<!-- [et_pb_line_break_holder] --> .simu-out.flash::before{animation:sheen .9s cubic-bezier(.65,0,.35,1)}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* =========================================================<!-- [et_pb_line_break_holder] --> MOTION \u00b7 masterclass mobile (pilot\u00e9e par le doigt)<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] --> .cfbar{display:none}<!-- [et_pb_line_break_holder] --> \/* galerie fiche : rail natif qui suit le doigt *\/<!-- [et_pb_line_break_holder] --> .grail{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}<!-- [et_pb_line_break_holder] --> .grail::-webkit-scrollbar{display:none}<!-- [et_pb_line_break_holder] --> .gslide{position:relative;flex:0 0 100%;height:100%;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;background:#141414}<!-- [et_pb_line_break_holder] --> .gslide .kbw{position:absolute;top:0;bottom:0;left:-10%;width:120%;transform:translateX(calc(var(--sx,0)*-8%));will-change:transform}<!-- [et_pb_line_break_holder] --> .gslide .kbw>.realph{animation:none}<!-- [et_pb_line_break_holder] --> .gslide.on .kbw>.realph{animation:kb 9s ease-out both}<!-- [et_pb_line_break_holder] --> .gslide .imgph{left:10%;right:10%}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> @media (max-width:1000px){<!-- [et_pb_line_break_holder] --> \/* Bons deals : carrousel en profondeur, la carte centrale prend la lumi\u00e8re *\/<!-- [et_pb_line_break_holder] --> #featGrid{position:relative;display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin:0 calc(-1*clamp(16px,3.5vw,56px));padding:8px 10vw 6px}<!-- [et_pb_line_break_holder] --> #featGrid::-webkit-scrollbar{display:none}<!-- [et_pb_line_break_holder] --> #featGrid .card{flex:0 0 80vw;scroll-snap-align:center;padding:0 7px;transform:scale(calc(1 - var(--ad,0)*.06));opacity:calc(1 - var(--ad,0)*.55);transition:none}<!-- [et_pb_line_break_holder] --> #featGrid .card .imgwrap>*{transform:translateX(calc(var(--sd,0)*-12%)) scale(1.18)}<!-- [et_pb_line_break_holder] --> .cfbar{display:flex;align-items:center;gap:14px;margin-top:22px;font-family:var(--sg);font-weight:600;font-size:13px;color:var(--mut)}<!-- [et_pb_line_break_holder] --> .cfbar .cfn{color:var(--fg);font-size:15px;min-width:22px;display:inline-block}<!-- [et_pb_line_break_holder] --> .cfbar .tr{flex:1;height:2px;border-radius:2px;background:var(--bd);overflow:hidden}<!-- [et_pb_line_break_holder] --> .cfbar .tr b{display:block;height:100%;width:100%;background:var(--asphalt);transform-origin:left;transform:scaleX(var(--cp,.33))}<!-- [et_pb_line_break_holder] --> .cfbar .sw{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}<!-- [et_pb_line_break_holder] --> .cfbar .sw i{font-style:normal;color:var(--lime);display:inline-block;animation:hand 1.4s ease-in-out infinite}<!-- [et_pb_line_break_holder] --> \/* fiche : l'en-t\u00eate s'efface en douceur pendant la lecture *\/<!-- [et_pb_line_break_holder] --> .ovhead{transform-origin:0 0;will-change:transform,opacity}<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> @media (max-width:620px){<!-- [et_pb_line_break_holder] --> \/* Le stock : cartes qui s'empilent comme un jeu de cartes *\/<!-- [et_pb_line_break_holder] --> #grid{display:block}<!-- [et_pb_line_break_holder] --> #grid .card{position:sticky;top:calc(80px + var(--n,0)*7px);margin-bottom:26px;padding:12px 12px 22px;background:#1e1e1e;border:1px solid rgba(243,240,233,.1);border-radius:24px;box-shadow:0 -22px 44px -24px rgba(0,0,0,.9);transform-origin:50% 0;transform:scale(calc(1 - var(--cov,0)*.08));transition:none}<!-- [et_pb_line_break_holder] --> #grid .card::before{content:\"\";position:absolute;inset:0;border-radius:inherit;background:#0b0b0b;opacity:calc(var(--cov,0)*.6);pointer-events:none;z-index:6}<!-- [et_pb_line_break_holder] --> #grid .card .frame{border-radius:16px;border-color:rgba(243,240,233,.08)}<!-- [et_pb_line_break_holder] --> .m-anim #grid .card .frame{clip-path:inset(9% 7% 9% 7% round 16px)}<!-- [et_pb_line_break_holder] --> .m-anim #grid .card.in .frame{clip-path:inset(0 0 0 0 round 16px)}<!-- [et_pb_line_break_holder] --> #grid .card .cbody{padding:18px 6px 0}<!-- [et_pb_line_break_holder] --> #grid .card:last-child{margin-bottom:0}<!-- [et_pb_line_break_holder] --> #grid .empty{position:static}<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* =========================================================<!-- [et_pb_line_break_holder] --> MOTION \u00b7 \u00e9quilibre : photos et prix imm\u00e9diats, le mouvement est sur les noms<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] --> .m-anim .card .frame,.m-anim .card.in .frame,.m-anim #grid .card .frame,.m-anim #grid .card.in .frame{clip-path:none}<!-- [et_pb_line_break_holder] --> .m-anim .card .imgwrap,.m-anim .card.in .imgwrap{transform:none}<!-- [et_pb_line_break_holder] --> @media (hover:hover){.m-anim .card.in:hover .imgwrap{transform:scale(1.03)}}<!-- [et_pb_line_break_holder] --> .card .imgwrap>*,#featGrid .card .imgwrap>*{transform:none}<!-- [et_pb_line_break_holder] --> .card .frame::after{display:none}<!-- [et_pb_line_break_holder] --> .m-anim .card .cmens b,.m-anim .card.in .cmens b{transition:none;background-size:100% 45%}<!-- [et_pb_line_break_holder] --> .ov.open .ovprice{animation:none}<!-- [et_pb_line_break_holder] --> .hi::before{display:none}<!-- [et_pb_line_break_holder] --> .gslide .kbw{left:0;width:100%;transform:none}<!-- [et_pb_line_break_holder] --> .gslide.on .kbw>.realph,.ovmain .kbw>.realph{animation:none}<!-- [et_pb_line_break_holder] --> .gslide .imgph{left:0;right:0}<!-- [et_pb_line_break_holder] --> .sbig.tick,.simu-out.flash::before{animation:none}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* =========================================================<!-- [et_pb_line_break_holder] --> MOTION \u00b7 nom du v\u00e9hicule : une seule apparition, douce et pos\u00e9e<!-- [et_pb_line_break_holder] --> ========================================================= *\/<!-- [et_pb_line_break_holder] --> .ch{overflow:visible}<!-- [et_pb_line_break_holder] --> .ch>i+i{display:none}<!-- [et_pb_line_break_holder] --> .js .rtx .ch>i:first-child{transform:translateY(.32em);opacity:0;transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .9s ease;transition-delay:calc(.08s + var(--c,0)*16ms)}<!-- [et_pb_line_break_holder] --> .card.in .rtx .ch>i:first-child,.go .rtx .ch>i:first-child,<!-- [et_pb_line_break_holder] --> .card.in.roll .rtx .ch>i:first-child,.go .rtx.roll .ch>i:first-child{transform:none;opacity:1}<!-- [et_pb_line_break_holder] --> .card.in.roll .rtx .ch>i+i,.go .rtx.roll .ch>i+i{transform:none}<!-- [et_pb_line_break_holder] --> .ovtitle{cursor:default}<!-- [et_pb_line_break_holder] --> \/* survol bureau : un simple trait vert sous le nom *\/<!-- [et_pb_line_break_holder] --> .card .ctitle{position:relative;display:inline-block}<!-- [et_pb_line_break_holder] --> .card .ctitle::after{content:\"\";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}<!-- [et_pb_line_break_holder] --> @media (hover:hover){.card:hover .ctitle::after{transform:scaleX(1)}}<!-- [et_pb_line_break_holder] --> @media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}#loader{display:none}}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"grain\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"sprog\" id=\"sprog\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"loader\">\n<div class=\"lword\">MOTION<span class=\"ldot\"><\/span><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"cur\" id=\"cur\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<nav id=\"nav\">\n<div class=\"wrap nav-in\"><!-- [et_pb_line_break_holder] --> <a class=\"brand\" href=\"#top\">MOTION<span class=\"dot\">.<\/span><\/a><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"nav-sec\" id=\"navSec\" aria-live=\"polite\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"nav-mid\"><!-- [et_pb_line_break_holder] --> <a href=\"#collection\">Le stock<\/a><!-- [et_pb_line_break_holder] --> <a href=\"#garanties\">Garanties<\/a><!-- [et_pb_line_break_holder] --> <a href=\"#avis\">Zot retours<\/a><!-- [et_pb_line_break_holder] --> <a href=\"#island\">Livraison<\/a><!-- [et_pb_line_break_holder] --> <a href=\"#reprise\">Reprise<\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <a class=\"nav-wa\" href=\"https:\/\/wa.me\/262693200448\" target=\"_blank\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 0 0-8.5 15.3L2 22l4.8-1.5A10 10 0 1 0 12 2zm5.3 14c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.2-.7-2.7-1.1-4.4-3.9-4.5-4.1-.1-.2-1-1.4-1-2.6s.6-1.8.9-2.1c.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2.1.3 0 .5l-.4.5c-.2.2-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.2.1.4.1.6-.1l.7-.9c.2-.2.4-.2.6-.1l1.9.9c.2.1.4.2.4.3.1.1.1.6-.1 1z\"\/><\/svg>WhatsApp<\/a><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"nav-cta\" style=\"margin-left:8px\"><a class=\"btn btn-lime\" href=\"#collection\" data-mag>Voir le stock <span class=\"arr\">\u2192<\/span><\/a><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<\/nav>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<header class=\"hero sec dark\" id=\"top\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hero-bg\" aria-hidden=\"true\">\n<div class=\"hero-bg-img\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"wrap hero-grid\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"reflag\" aria-label=\"La R\u00e9union\">\ud83c\uddf7\ud83c\uddea<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"kreol\">Pr\u00eat pour vanguer ?<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h1 class=\"hero-h\"><!-- [et_pb_line_break_holder] --> <span class=\"r\"><span>Zot prochain<\/span><\/span><!-- [et_pb_line_break_holder] --> <span class=\"r\"><span>coup de c\u0153ur<span class=\"dot\">.<\/span><\/span><\/span><!-- [et_pb_line_break_holder] --> <\/h1>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hero-cta\"><!-- [et_pb_line_break_holder] --> <a class=\"btn btn-lime\" href=\"#collection\" data-mag>Voir le stock <span class=\"arr\">\u2192<\/span><\/a><!-- [et_pb_line_break_holder] --> <a class=\"btn btn-wa\" href=\"https:\/\/wa.me\/262693200448\" target=\"_blank\" data-mag><svg viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 0 0-8.5 15.3L2 22l4.8-1.5A10 10 0 1 0 12 2zm5.3 14c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.2-.7-2.7-1.1-4.4-3.9-4.5-4.1-.1-.2-1-1.4-1-2.6s.6-1.8.9-2.1c.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2.1.3 0 .5l-.4.5c-.2.2-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.2.1.4.1.6-.1l.7-.9c.2-.2.4-.2.6-.1l1.9.9c.2.1.4.2.4.3.1.1.1.6-.1 1z\"\/><\/svg>Allons koz\u00e9<\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hero-trust\"><b class=\"num\">4,9<\/b> sur Google \u00b7 <b class=\"num\">200+<\/b> familles r\u00e9unionnaises accompagn\u00e9es<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hero-sub\">\n<div class=\"scrollcue\">D\u00e9filer <span class=\"traj\"><\/span><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<aside class=\"sign\" aria-label=\"Horaires d'ouverture\"><!-- [et_pb_line_break_holder] --> <span class=\"eye l\"><\/span><span class=\"eye r\"><\/span><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"sign-status\" id=\"signStatus\"><i><\/i><span id=\"signTxt\">Horaires<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"sign-lab\">Horaires d’ouverture<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"sign-days\" id=\"signDays\"><span class=\"off\" data-d=\"1\">L<\/span><span data-d=\"2\">M<\/span><span data-d=\"3\">M<\/span><span data-d=\"4\">J<\/span><span data-d=\"5\">V<\/span><span data-d=\"6\">S<\/span><span class=\"off\" data-d=\"0\">D<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"sign-dtxt\">Du mardi au samedi<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"sign-time num\">9h \u00b7 17h<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"sign-addr\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z\"\/><circle cx=\"12\" cy=\"9.5\" r=\"2.5\"\/><\/svg><span><b>1 route Rak Partout<\/b><!\u2013- [et_pb_br_holder] -\u2013>Saint-Pierre, La R\u00e9union<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <a class=\"sign-call\" href=\"tel:+262693200448\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z\"\/><\/svg>Nous appeler <span class=\"num\">0693 20 04 48<\/span><\/a><!-- [et_pb_line_break_holder] --> <\/aside>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/header>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"trajstrip sec light\" id=\"traj\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"wrap trajline\"><!-- [et_pb_line_break_holder] --> <span class=\"step\" style=\"--d:0\">Choisir<\/span><span class=\"ln\" style=\"--d:1\"><\/span><!-- [et_pb_line_break_holder] --> <span class=\"step\" style=\"--d:2\">Simuler<\/span><span class=\"ln b\" style=\"--d:3\"><\/span><!-- [et_pb_line_break_holder] --> <span class=\"step\" style=\"--d:4\">Rouler<\/span><span class=\"end\" style=\"--d:5\"><\/span><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"feat-sec sec light\" id=\"selection\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"wrap\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"shead rev\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div>\n<div class=\"eyebrow\"><span class=\"b\"><\/span>Zot pr\u00e9f\u00e9r\u00e9s<\/div>\n<div class=\"h2\">Bons deals<span class=\"dot\">.<\/span><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <a class=\"btn-ghost\" href=\"#collection\">Tout le stock <span class=\"dot\">\u2192<\/span><\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"grid3\" id=\"featGrid\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"cfbar\" aria-hidden=\"true\"><span class=\"cfn num\" id=\"cfN\">01<\/span><span class=\"tr\"><b id=\"cfB\"><\/b><\/span><span class=\"num\" id=\"cfT\">03<\/span><span class=\"sw\"><i>\u21c6<\/i>Glissez<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- GARANTIES --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"garant sec lime\" id=\"garanties\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"wrap gwrap\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gpanel rev\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"eyebrow\"><span class=\"b\"><\/span>La promesse MOTION<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h2 class=\"h2\">Nous garantissons<!\u2013- [et_pb_br_holder] -\u2013>nos v\u00e9hicules<span class=\"dot\">.<\/span><\/h2>\n<p><!-- [et_pb_line_break_holder] --> <pee>Chaque voiture passe par notre atelier avant d’entrer dans le stock. R\u00e9vis\u00e9e, nettoy\u00e9e, papiers pr\u00eats. Vous n’avez plus qu’\u00e0 prendre la route.<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gstats\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gstat\">\n<div class=\"v num\"><span data-count=\"12\">12<\/span><small>mois<\/small><\/div>\n<div class=\"l\">de garantie incluse<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gstat\">\n<div class=\"v num\"><span data-count=\"100\">100<\/span><small>pts<\/small><\/div>\n<div class=\"l\">de contr\u00f4le atelier<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <a class=\"btn btn-lime\" href=\"#collection\" data-mag>Voir les v\u00e9hicules garantis <span class=\"arr\">\u2192<\/span><\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gcards\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gcard rev\" style=\"--i:0\"><span class=\"gn num\">01<\/span><\/p>\n<div class=\"gic\"><svg viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94z\"\/><\/svg><\/div>\n<div class=\"gt\">R\u00e9vis\u00e9e en atelier<\/div>\n<pee>Contr\u00f4le en 100 points, vidange, filtres, freins et niveaux faits avant la mise en vente.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gcard rev\" style=\"--i:1\"><span class=\"gn num\">02<\/span><\/p>\n<div class=\"gic\"><svg viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"4\" width=\"14\" height=\"17\" rx=\"2\"\/><path d=\"M9 4V3h6v1M9 13l2 2 4-4\"\/><\/svg><\/div>\n<div class=\"gt\">Contr\u00f4le technique OK<\/div>\n<pee>Contr\u00f4le technique de moins de 6 mois, sans contre-visite. Vous roulez l’esprit tranquille.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gcard rev\" style=\"--i:2\"><span class=\"gn num\">03<\/span><\/p>\n<div class=\"gic\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z\"\/><path d=\"M19 15l.7 2 2 .7-2 .7-.7 2-.7-2-2-.7 2-.7z\"\/><\/svg><\/div>\n<div class=\"gt\">Nettoy\u00e9e \u00e0 fond<\/div>\n<pee>Pr\u00e9paration esth\u00e9tique compl\u00e8te : lavage, lustrage, int\u00e9rieur shampouin\u00e9 et habitacle d\u00e9sinfect\u00e9.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gcard rev\" style=\"--i:3\"><span class=\"gn num\">04<\/span><\/p>\n<div class=\"gic\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M7 10h6M7 14h4M16 10.5h2\"\/><\/svg><\/div>\n<div class=\"gt\">Carte grise faite<\/div>\n<pee>On g\u00e8re toutes les d\u00e9marches d’immatriculation. Vous repartez avec vos papiers en r\u00e8gle.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gcard rev\" style=\"--i:4\"><span class=\"gn num\">05<\/span><\/p>\n<div class=\"gic\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3M11 8v3l2 2\"\/><\/svg><\/div>\n<div class=\"gt\">Historique v\u00e9rifi\u00e9<\/div>\n<pee>Kilom\u00e9trage certifi\u00e9, v\u00e9hicule non gag\u00e9, rapport Histovec remis avec la voiture.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gcard rev\" style=\"--i:5\"><span class=\"gn num\">06<\/span><\/p>\n<div class=\"gic\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 3v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div>\n<div class=\"gt\">Garantie 12 mois<\/div>\n<pee>Moteur, bo\u00eete et pont couverts pendant un an, pi\u00e8ces et main d’oeuvre.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gcard rev\" style=\"--i:6\"><span class=\"gn num\">07<\/span><\/p>\n<div class=\"gic\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"3.5\"\/><path d=\"M12 3v5.5M12 15.5V21M3 12h5.5M15.5 12H21\"\/><\/svg><\/div>\n<div class=\"gt\">Pneus et freins contr\u00f4l\u00e9s<\/div>\n<pee>Usure mesur\u00e9e sur chaque roue, remplacement avant livraison si n\u00e9cessaire.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gcard rev\" style=\"--i:7\"><span class=\"gn num\">08<\/span><\/p>\n<div class=\"gic\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><path d=\"M3.5 10.5c3-1 5.5-1.5 8.5-1.5s5.5.5 8.5 1.5M10.5 13.8 8 20.5M13.5 13.8l2.5 6.7\"\/><\/svg><\/div>\n<div class=\"gt\">Essai avant achat<\/div>\n<pee>Prenez le volant avant de signer, sur rendez-vous et sans engagement.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"gband\" aria-hidden=\"true\">\n<div class=\"gtrack\"><span>R\u00e9vis\u00e9e en atelier<\/span><span>Contr\u00f4le technique OK<\/span><span>Nettoy\u00e9e \u00e0 fond<\/span><span>Carte grise faite<\/span><span>Historique v\u00e9rifi\u00e9<\/span><span>Garantie 12 mois<\/span><span>Essai avant achat<\/span><span>R\u00e9vis\u00e9e en atelier<\/span><span>Contr\u00f4le technique OK<\/span><span>Nettoy\u00e9e \u00e0 fond<\/span><span>Carte grise faite<\/span><span>Historique v\u00e9rifi\u00e9<\/span><span>Garantie 12 mois<\/span><span>Essai avant achat<\/span><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"coll sec dark\" id=\"collection\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"wrap\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"shead rev\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div>\n<div class=\"eyebrow\"><span class=\"b\"><\/span>Nout stock complet<\/div>\n<div class=\"h2\">Cherchez moins<span class=\"dot\">,<\/span><!\u2013- [et_pb_br_holder] -\u2013>roulez mieux<span class=\"dot\">.<\/span><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"rcount\"><b id=\"rc\" class=\"num\">8<\/b> voitures disponibles<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"chips rev\" id=\"chips\"><!-- [et_pb_line_break_holder] --> <button class=\"chip on\" data-q=\"all\">Tout<\/button><!-- [et_pb_line_break_holder] --> <button class=\"chip\" data-q=\"coup\">Coups de c\u0153ur<\/button><!-- [et_pb_line_break_holder] --> <button class=\"chip\" data-q=\"arriv\">Arrivages<\/button><!-- [et_pb_line_break_holder] --> <button class=\"chip\" data-q=\"budget\">Moins de 18 000<\/button><!-- [et_pb_line_break_holder] --> <button class=\"chip\" data-q=\"elec\">Hybride et \u00e9lectrique<\/button><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <button class=\"tb-toggle rev\" id=\"tbToggle\" onclick=\"toggleTB()\" aria-expanded=\"false\"><span class=\"b\"><\/span>Affiner la recherche<span class=\"tb-n num\" id=\"tbN\"><\/span><span class=\"chev\">\u25be<\/span><\/button><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"tb-wrap rev\" id=\"tbWrap\">\n<div class=\"tb-in\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"toolbar\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"fbox\">\n<div class=\"flab\">Budget max<\/div>\n<div class=\"fval num\" id=\"vPrix\">35 000 \u20ac<\/div>\n<p><input type=\"range\" class=\"rng\" id=\"fPrix\" min=\"10000\" max=\"35000\" step=\"1000\" value=\"35000\" oninput=\"applyF()\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"fbox\">\n<div class=\"flab\">Mensualit\u00e9 max<\/div>\n<div class=\"fval num\" id=\"vMens\">700 <span class=\"u\">\u20ac\/mois<\/span><\/div>\n<p><input type=\"range\" class=\"rng\" id=\"fMens\" min=\"150\" max=\"700\" step=\"10\" value=\"700\" oninput=\"applyF()\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"fbox\">\n<div class=\"flab\">Recherche<\/div>\n<p><input class=\"searchx\" id=\"fq\" placeholder=\"Marque, mod\u00e8le\" oninput=\"applyF()\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"fbox\">\n<div class=\"flab\">Carrosserie<\/div>\n<div class=\"mini\" id=\"fCarro\" style=\"margin-bottom:16px\"><\/div>\n<div class=\"flab\">\u00c9nergie<\/div>\n<div class=\"mini\" id=\"fCarb\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"rbar rev\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"rcount\"><b id=\"rc2\" class=\"num\">8<\/b> r\u00e9sultats<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div style=\"display:flex;gap:12px;align-items:center\"><!-- [et_pb_line_break_holder] --> <select class=\"selx\" id=\"fSort\" onchange=\"applyF()\"><option value=\"pert\">Tri \u00b7 pertinence<\/option><option value=\"prixA\">Prix croissant<\/option><option value=\"prixD\">Prix d\u00e9croissant<\/option><option value=\"mens\">Mensualit\u00e9 basse<\/option><option value=\"km\">Kilom\u00e9trage<\/option><option value=\"annee\">Ann\u00e9e r\u00e9cente<\/option><\/select><!-- [et_pb_line_break_holder] --> <button class=\"chip\" onclick=\"resetF()\">R\u00e9initialiser<\/button><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"grid3\" id=\"grid\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- ZOT RETOURS --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"testi sec light\" id=\"avis\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"wrap\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"shead rev\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div>\n<div class=\"eyebrow\"><span class=\"b\"><\/span>Avis clients<\/div>\n<div class=\"h2\">Zot retours<span class=\"dot\">.<\/span><\/div>\n<div class=\"h2s\">Ce que disent les familles qu’on a accompagn\u00e9es, aux quatre coins de l’\u00eele.<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"tgrid\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"tcard rev\" style=\"--i:0\">\n<div class=\"stars\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n<pee class=\"tquote\">Franchement, nou la trouv nout’ bon\u00e8r. Accueil au top, prix clair, et la voiture nickel. Mi rekomann.<\/pee>\n<div class=\"twho\"><b>Willy<\/b> \u00b7 Le Tampon<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"tcard rev\" style=\"--i:1\">\n<div class=\"stars\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n<pee class=\"tquote\">Ils ont repris mon ancienne voiture en une journ\u00e9e et financ\u00e9 la nouvelle. Simple, rapide, humain. M\u00e8rsi.<\/pee>\n<div class=\"twho\"><b>Nadia<\/b> \u00b7 Saint-Pierre<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"tcard rev\" style=\"--i:2\">\n<div class=\"stars\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n<pee class=\"tquote\">Livr\u00e9 chez moi dann les Hauts, z\u00e9ro stress, tout par WhatsApp. Une \u00e9quipe qui tient parole.<\/pee>\n<div class=\"twho\"><b>Jean-Marc<\/b> \u00b7 La Plaine des Cafres<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"tdots\" id=\"tdots\" aria-hidden=\"true\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- ISLAND --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"island sec dark\" id=\"island\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"wrap island-grid\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"rev\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"eyebrow\" style=\"margin-bottom:24px\"><span class=\"b\"><\/span>Partout sur l’\u00eele<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h2 class=\"island-h\">Des Hauts<!\u2013- [et_pb_br_holder] -\u2013>au littoral<span class=\"dot\">,<\/span><!\u2013- [et_pb_br_holder] -\u2013><em>nous viens jusqu’\u00e0 zot.<\/em><\/h2>\n<p><!-- [et_pb_line_break_holder] --> <pee>On est bas\u00e9 \u00e0 Saint-Pierre, et on vous livre partout, de Saint-Denis \u00e0 Saint-Joseph. Papiers g\u00e9r\u00e9s, financement en poche. Vous n’avez qu’\u00e0 rouler.<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"communes\"><!-- [et_pb_line_break_holder] --> <span>Saint-Pierre<\/span><span>Le Tampon<\/span><span>Saint-Louis<\/span><span>Saint-Joseph<\/span><span>Saint-Denis<\/span><span>Saint-Paul<\/span><span>Saint-Andr\u00e9<\/span><span>Les Hauts<\/span><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"stats sec light\" id=\"stats\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"wrap\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"eyebrow rev\" style=\"margin-bottom:36px\"><span class=\"b\"><\/span>La maison MOTION<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"stat-row\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"stat rev\" style=\"--i:0\">\n<div class=\"n\"><span class=\"num\" data-count=\"8\">0<\/span><\/div>\n<div class=\"l\">voitures choisies en collection<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"stat rev\" style=\"--i:1\">\n<div class=\"n\"><span class=\"num\" data-count=\"24\">0<\/span><span class=\"u\">H<\/span><\/div>\n<div class=\"l\">pour reprendre la v\u00f4tre<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"stat rev\" style=\"--i:2\">\n<div class=\"n\"><span class=\"num\" data-count=\"12\">0<\/span><span class=\"u\">MOIS<\/span><\/div>\n<div class=\"l\">de garantie incluse<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"stat rev\" style=\"--i:3\">\n<div class=\"n\"><span class=\"num\" data-count=\"49\" data-dec=\"1\">0<\/span><\/div>\n<div class=\"l\">note clients sur 5<\/div>\n<div class=\"sbar\"><i><\/i><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"repr sec dark\" id=\"reprise\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"wrap\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"eyebrow rev\" style=\"margin-bottom:24px\"><span class=\"b\"><\/span>Reprise et financement<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h2 class=\"repr-h rev\">Elle vaut<!\u2013- [et_pb_br_holder] -\u2013><em>combien ?<\/em><\/h2>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"repr-sub rev\" style=\"--i:1\">60 secondes pour le savoir. Le prix compte, la mensualit\u00e9 aussi. On vous r\u00e9pond vite, en vrai, par un humain.<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"repr-row rev\" style=\"--i:2\"><!-- [et_pb_line_break_holder] --> <a class=\"btn btn-lime\" href=\"https:\/\/wa.me\/262693200448\" target=\"_blank\" data-mag>Estimer ma reprise <span class=\"arr\">\u2192<\/span><\/a><!-- [et_pb_line_break_holder] --> <a class=\"btn btn-line\" href=\"#collection\" data-mag>Configurer mon financement <span class=\"arr\">\u2197<\/span><\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<footer class=\"sec dark\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"wrap\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"foot-top\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div>\n<div class=\"foot-brand\">M<span class=\"dot\">.<\/span><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"foot-cols\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"fcol\">\n<h5>Collection<\/h5>\n<p><a href=\"#collection\">Tout le stock<\/a><a href=\"#selection\">Bons deals<\/a><a href=\"#garanties\">Nos garanties<\/a><a href=\"#collection\">Arrivages<\/a><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"fcol\">\n<h5>Services<\/h5>\n<p><a href=\"#reprise\">Reprise 24h<\/a><a href=\"#reprise\">Financement<\/a><a href=\"#island\">Livraison sur l’\u00eele<\/a><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"fcol\">\n<h5>Contact<\/h5>\n<p><a href=\"https:\/\/wa.me\/262693200448\" target=\"_blank\">WhatsApp<\/a><a href=\"tel:+262693200448\">0693 20 04 48<\/a><a>bonjour@motion.re<\/a><a>1 route Rak Partout, Saint-Pierre<\/a><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"fcol\">\n<h5>Horaires<\/h5>\n<p><a>Du mardi au samedi<\/a><a>9h \u00e0 17h<\/a><a>Ferm\u00e9 dimanche et lundi<\/a><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"foot-base\"><span>MOTION<span class=\"dot\">.<\/span> \u00b7 maquette sign\u00e9e Success Lab<\/span><span>Automobiles choisies \u00b7 La R\u00e9union<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/footer>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- OVERLAY --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ov\" id=\"ov\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ovbar\"><button class=\"ovback\" onclick=\"closeOv()\"><span class=\"arr\">\u2190<\/span> Retour au stock<\/button><span class=\"b\">MOTION<span class=\"dot\">.<\/span><\/span><button class=\"ovclose\" onclick=\"closeOv()\"><span class=\"t\">Fermer<\/span> <span>\u2715<\/span><\/button><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ovin\" id=\"ovIn\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ovsticky\" id=\"ovSticky\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- CHATBOT --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"cbot-tip\" id=\"cbotTip\" onclick=\"cbotToggle(true)\">Une question sur une voiture ou un financement ? <b>L\u00e9a<\/b> vous r\u00e9pond.<\/div>\n<p><!-- [et_pb_line_break_holder] --><button class=\"cbot-launch\" id=\"cbotLaunch\" onclick=\"cbotToggle(true)\"><span class=\"av\">L<\/span><span class=\"t\">Demandez \u00e0 L\u00e9a<\/span><\/button><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"cbot\" id=\"cbot\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"cbot-head\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"av\">L<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"who\">\n<div class=\"n\">L\u00e9a \u00b7 MOTION<\/div>\n<div class=\"s\">En ligne<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <button class=\"x\" onclick=\"cbotToggle(false)\">\u2715<\/button><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"cbot-body\" id=\"cbotBody\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"cbot-chips\" id=\"cbotChips\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"cbot-input\"><input id=\"cbotInput\" placeholder=\"\u00c9crivez \u00e0 L\u00e9a...\" onkeydown=\"if(event.key==='Enter')cbotSend()\"><button class=\"send\" onclick=\"cbotSend()\">\u2192<\/button><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->document.documentElement.classList.add('js');<!-- [et_pb_line_break_holder] -->const V=[<!-- [et_pb_line_break_holder] --> {id:1,marque:\"Peugeot\",modele:\"208\",ver:\"PureTech 100 GT\",prix:15900,annee:2021,km:32000,carb:\"Essence\",boite:\"Manuelle\",carro:\"Citadine\",puiss:\"100 ch\",coup:true,arriv:false,equip:[\"Climatisation auto\",\"GPS\",\"Cam\u00e9ra de recul\",\"R\u00e9gulateur\",\"CarPlay\",\"Jantes 17\"],desc:\"Du style, de la tenue, un plein l\u00e9ger. Premi\u00e8re main, entretien suivi.\"},<!-- [et_pb_line_break_holder] --> {id:2,marque:\"Toyota\",modele:\"Yaris\",ver:\"Hybride 116h Design\",prix:18500,annee:2021,km:41000,carb:\"Hybride\",boite:\"Automatique\",carro:\"Citadine\",puiss:\"116 ch\",coup:true,arriv:false,equip:[\"Hybride\",\"Bo\u00eete auto\",\"Cam\u00e9ra de recul\",\"R\u00e9gulateur adaptatif\",\"CarPlay\",\"Jantes alliage\"],desc:\"L'hybride qui fait fondre le plein. Douce, silencieuse, la tranquillit\u00e9 Toyota.\"},<!-- [et_pb_line_break_holder] --> {id:3,marque:\"Dacia\",modele:\"Duster\",ver:\"dCi 115 Prestige\",prix:17900,annee:2020,km:58000,carb:\"Diesel\",boite:\"Manuelle\",carro:\"SUV\",puiss:\"115 ch\",coup:false,arriv:false,equip:[\"Climatisation\",\"GPS\",\"Barres de toit\",\"Radar de recul\",\"Roue de secours\"],desc:\"Le SUV increvable, \u00e0 l'aise partout. Robuste, sobre, taill\u00e9 pour l'\u00eele.\"},<!-- [et_pb_line_break_holder] --> {id:4,marque:\"Peugeot\",modele:\"3008\",ver:\"BlueHDi 130 GT Line\",prix:22900,annee:2019,km:72000,carb:\"Diesel\",boite:\"Automatique\",carro:\"SUV\",puiss:\"130 ch\",coup:false,arriv:false,equip:[\"i-Cockpit\",\"Climatisation bi-zone\",\"Cam\u00e9ra 360\",\"Hayon \u00e9lectrique\",\"R\u00e9gulateur adaptatif\",\"CarPlay\"],desc:\"Le SUV familial qui soigne les d\u00e9tails. i-Cockpit spectaculaire, espace et confort.\"},<!-- [et_pb_line_break_holder] --> {id:5,marque:\"CUPRA\",modele:\"Formentor\",ver:\"1.5 eTSI DSG7\",prix:32990,annee:2023,km:24000,carb:\"Essence\",boite:\"Automatique\",carro:\"SUV\",puiss:\"150 ch\",coup:false,arriv:true,equip:[\"Bo\u00eete DSG7\",\"Si\u00e8ges sport\",\"Cockpit num\u00e9rique\",\"CarPlay sans fil\",\"R\u00e9gulateur adaptatif\",\"Jantes 19\"],desc:\"Le caract\u00e8re fait voiture. Design tranchant, ch\u00e2ssis aff\u00fbt\u00e9, finition r\u00e9cente.\"},<!-- [et_pb_line_break_holder] --> {id:6,marque:\"Ford\",modele:\"Ranger\",ver:\"2.0 TDCi Wildtrak 4x4\",prix:32900,annee:2020,km:68000,carb:\"Diesel\",boite:\"Automatique\",carro:\"4x4\",puiss:\"213 ch\",coup:false,arriv:false,equip:[\"4x4\",\"Benne\",\"Attelage\",\"Si\u00e8ges chauffants\",\"Cam\u00e9ra de recul\",\"CarPlay\"],desc:\"Le pick-up qui ne recule devant rien. Pr\u00eat pour tous les terrains de l'\u00eele.\"},<!-- [et_pb_line_break_holder] --> {id:7,marque:\"Tesla\",modele:\"Model 3\",ver:\"Grande Autonomie\",prix:34900,annee:2022,km:28000,carb:\"\u00c9lectrique\",boite:\"Automatique\",carro:\"Berline\",puiss:\"440 ch\",coup:true,arriv:false,equip:[\"100% \u00e9lectrique\",\"Autopilot\",\"\u00c9cran 15 pouces\",\"Toit panoramique\",\"Recharge rapide\",\"Si\u00e8ges chauffants\"],desc:\"Z\u00e9ro carburant, performances bluffantes, grande autonomie. Le futur, disponible.\"},<!-- [et_pb_line_break_holder] --> {id:8,marque:\"Citro\u00ebn\",modele:\"C3\",ver:\"PureTech 83 Shine\",prix:12900,annee:2020,km:46000,carb:\"Essence\",boite:\"Manuelle\",carro:\"Citadine\",puiss:\"83 ch\",coup:false,arriv:false,equip:[\"Climatisation\",\"\u00c9cran tactile\",\"Bluetooth\",\"R\u00e9gulateur\",\"Jantes alliage\"],desc:\"Le bon plan malin et confortable. Id\u00e9ale premi\u00e8re voiture ou seconde du foyer.\"}<!-- [et_pb_line_break_holder] -->];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ ===== PHOTOS \u00b7 7 vues par v\u00e9hicule (ordre = GAL) =====<!-- [et_pb_line_break_holder] -->const GAL=['Avant','Arri\u00e8re','Si\u00e8ge','Tableau de bord','Jante','Calandre','Focus feu'];<!-- [et_pb_line_break_holder] -->const UP='https:\/\/success-lab.fr\/wp-content\/uploads\/2026\/09\/';<!-- [et_pb_line_break_holder] -->const PHOTOS={<!-- [et_pb_line_break_holder] --> 1:['1-6','2-7','4-7','3-7','7-7','6-7','5-7'], \/\/ Peugeot 208 GT<!-- [et_pb_line_break_holder] --> 2:['1-3','2-4','4-4','5-4','6-4','7-4','3-4'], \/\/ Toyota Yaris<!-- [et_pb_line_break_holder] --> 3:['1-4','5-5','7-5','6-5','4-5','3-5','2-5'], \/\/ Dacia Duster Prestige<!-- [et_pb_line_break_holder] --> 4:['1-5','2-6','5-6','4-6','7-6','6-6','3-6'], \/\/ Peugeot 3008 GT Line<!-- [et_pb_line_break_holder] --> 5:['Cupra-formentor-2','2-3','5-3','4-3','6-3','3-3','7-3'], \/\/ CUPRA Formentor<!-- [et_pb_line_break_holder] --> 6:['Ford-Ranger-Wildtrak-4x4-1','2-2','4-2','5-2','3-2','6-2','7-2'], \/\/ Ford Ranger Wildtrak<!-- [et_pb_line_break_holder] --> 7:['1','2','7','4','3','5','6'], \/\/ Tesla Model 3<!-- [et_pb_line_break_holder] --> 8:['1-1','2-1','4-1','3-1','5-1','7-1','6-1'] \/\/ Citro\u00ebn C3 Shine<!-- [et_pb_line_break_holder] -->};<!-- [et_pb_line_break_holder] -->V.forEach(v=>{const f=PHOTOS[v.id];if(!f)return;v.gallery={};GAL.forEach((g,i)=>{v.gallery[g]=UP+f[i]+'.png';});v.img=v.gallery['Avant'];});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->const TECH={<!-- [et_pb_line_break_holder] --> 1:{lieu:\"MOTION \u00b7 Saint-Pierre\",couleur:\"Gris Platinium\",code:\"Gris Platinium M\u00e9t.\",cat:\"Citadine\",cvFisc:\"6 CV\",kW:\"74 kW\",gar:\"12 mois\",garD:\"Moteur, bo\u00eete, pont\",immat:\"15\/03\/2021\",portes:\"5\",places:\"5\",motricite:\"Traction avant\",co2:\"108 g\/km\",cylindree:\"1199 cm\u00b3\",couple:\"205 Nm\",interieur:\"Noir tissu\"},<!-- [et_pb_line_break_holder] --> 2:{lieu:\"MOTION \u00b7 Saint-Pierre\",couleur:\"Blanc Nacr\u00e9\",code:\"Blanc Nacr\u00e9\",cat:\"Citadine\",cvFisc:\"4 CV\",kW:\"85 kW\",gar:\"12 mois\",garD:\"Moteur, bo\u00eete, pont\",immat:\"10\/06\/2021\",portes:\"5\",places:\"5\",motricite:\"Traction avant\",co2:\"92 g\/km\",cylindree:\"1490 cm\u00b3\",couple:\"141 Nm\",interieur:\"Noir\"},<!-- [et_pb_line_break_holder] --> 3:{lieu:\"MOTION \u00b7 Saint-Pierre\",couleur:\"Gris Com\u00e8te\",code:\"Gris Com\u00e8te M\u00e9t.\",cat:\"SUV\",cvFisc:\"6 CV\",kW:\"85 kW\",gar:\"12 mois\",garD:\"Moteur, bo\u00eete, pont\",immat:\"20\/09\/2020\",portes:\"5\",places:\"5\",motricite:\"Traction avant\",co2:\"134 g\/km\",cylindree:\"1461 cm\u00b3\",couple:\"260 Nm\",interieur:\"Noir\"},<!-- [et_pb_line_break_holder] --> 4:{lieu:\"MOTION \u00b7 Saint-Pierre\",couleur:\"Gris Artense\",code:\"Gris Artense M\u00e9t.\",cat:\"SUV\",cvFisc:\"7 CV\",kW:\"96 kW\",gar:\"12 mois\",garD:\"Moteur, bo\u00eete, pont\",immat:\"05\/02\/2019\",portes:\"5\",places:\"5\",motricite:\"Traction avant\",co2:\"118 g\/km\",cylindree:\"1499 cm\u00b3\",couple:\"300 Nm\",interieur:\"Noir Mistral\"},<!-- [et_pb_line_break_holder] --> 5:{lieu:\"MOTION \u00b7 Saint-Pierre\",couleur:\"Gris Magnetic\",code:\"Gris Magnetic Mat\",cat:\"SUV\",cvFisc:\"8 CV\",kW:\"110 kW\",gar:\"12 mois\",garD:\"Moteur, bo\u00eete, pont\",immat:\"12\/04\/2023\",portes:\"5\",places:\"5\",motricite:\"Traction avant\",co2:\"140 g\/km\",cylindree:\"1498 cm\u00b3\",couple:\"250 Nm\",interieur:\"Cuir noir sport\"},<!-- [et_pb_line_break_holder] --> 6:{lieu:\"MOTION \u00b7 Saint-Pierre\",couleur:\"Orange Saber\",code:\"Orange Saber M\u00e9t.\",cat:\"Pick-up\",cvFisc:\"10 CV\",kW:\"157 kW\",gar:\"12 mois\",garD:\"Moteur, bo\u00eete, pont\",immat:\"18\/07\/2020\",portes:\"4\",places:\"5\",motricite:\"4 roues motrices\",co2:\"199 g\/km\",cylindree:\"1996 cm\u00b3\",couple:\"500 Nm\",interieur:\"Cuir noir\"},<!-- [et_pb_line_break_holder] --> 7:{lieu:\"MOTION \u00b7 Saint-Pierre\",couleur:\"Blanc Nacr\u00e9 Multicouche\",code:\"Blanc Nacr\u00e9\",cat:\"Berline\",cvFisc:\"6 CV\",kW:\"324 kW\",gar:\"12 mois\",garD:\"Motopropulseur, batterie\",immat:\"22\/05\/2022\",portes:\"5\",places:\"5\",motricite:\"4 roues motrices\",co2:\"0 g\/km\",cylindree:\"\u00c9lectrique\",couple:\"510 Nm\",interieur:\"Cuir v\u00e9gane noir\"},<!-- [et_pb_line_break_holder] --> 8:{lieu:\"MOTION \u00b7 Saint-Pierre\",couleur:\"Gris Platinium\",code:\"Gris Platinium M\u00e9t.\",cat:\"Citadine\",cvFisc:\"4 CV\",kW:\"61 kW\",gar:\"12 mois\",garD:\"Moteur, bo\u00eete, pont\",immat:\"30\/01\/2020\",portes:\"5\",places:\"5\",motricite:\"Traction avant\",co2:\"121 g\/km\",cylindree:\"1199 cm\u00b3\",couple:\"118 Nm\",interieur:\"Gris\"}<!-- [et_pb_line_break_holder] -->};<!-- [et_pb_line_break_holder] -->const tp=(l,x)=>`<\/p>\n<div class=\"tp\">\n<div class=\"l\">${l}<\/div>\n<div class=\"v\">${x}<\/div>\n<\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->function toggleTech(b){b.classList.toggle('open');b.nextElementSibling.classList.toggle('open');}<!-- [et_pb_line_break_holder] -->const mens=p=>{const n=60,r=0.059\/12;return Math.round(p*(r\/(1-Math.pow(1+r,-n))));};<!-- [et_pb_line_break_holder] -->const eur=n=>n.toLocaleString('fr-FR');<!-- [et_pb_line_break_holder] -->const WA='https:\/\/wa.me\/262693200448';<!-- [et_pb_line_break_holder] -->const CAR='<svg class=\"car\" viewBox=\"0 0 400 130\"><path d=\"M18 96c-8 0-12-6-12-6l3-24c1-9 7-15 16-18l40-10c14-13 30-22 54-24l44-2c26 0 48 10 66 28l40 4c17 3 30 15 33 31l1 15s-5 6-15 6M18 96h360M70 96a20 20 0 0 1 40 0M270 96a20 20 0 0 1 40 0\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';<!-- [et_pb_line_break_holder] -->const IC={km:'<svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M12 20a8 8 0 1 0-8-8\"\/><path d=\"M12 12l4-3\"\/><path d=\"M4 12H2m3.5-5.5L4 5m16 7h2\"\/><\/svg>',fuel:'<svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M4 20V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v15M3 20h12\"\/><path d=\"M14 9h3l3 3v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-2h-2\"\/><\/svg>',gear:'<svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M6 4v16M6 8h6a4 4 0 0 1 4 4v8M18 4v6\"\/><circle cx=\"6\" cy=\"4\" r=\"1.6\"\/><circle cx=\"18\" cy=\"4\" r=\"1.6\"\/><circle cx=\"6\" cy=\"20\" r=\"1.6\"\/><circle cx=\"16\" cy=\"20\" r=\"1.6\"\/><circle cx=\"18\" cy=\"12\" r=\"1.6\"\/><\/svg>',cal:'<svg class=\"ic\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 9h18M8 3v4M16 3v4\"\/><\/svg>',bolt:'<svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M13 2L4 14h6l-1 8 9-12h-6z\"\/><\/svg>',body:'<svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M3 14l1-5 3-4h10l3 4 1 5v3h-3M6 17H3v-3M6 17a2 2 0 1 0 4 0M14 17a2 2 0 1 0 4 0M4 11h16\"\/><\/svg>',shield:'<svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M12 3l7 3v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>'};<!-- [et_pb_line_break_holder] -->function ph(v,label,lite){var s=(v&&v.gallery&&v.gallery[label])?v.gallery[label]:((v&&v.img&&(!label||label==='Avant'))?v.img:null);if(s){return `<img decoding=\"async\" class=\"realph\" src=\"${s}\" alt=\"${v.marque||''} ${v.modele||''} \u00b7 ${label||'Avant'}\" loading=\"lazy\">`;}return `<\/p>\n<div class=\"imgph ${lite?'lite':''}\">${CAR}<span class=\"cap\"><b>\/<\/b> ${label||'Image \u00e0 cr\u00e9er'}<\/span><\/div>\n<p>`;}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ ================= MOTION MOBILE =================<!-- [et_pb_line_break_holder] -->const MOB=matchMedia('(max-width:1000px)');<!-- [et_pb_line_break_holder] -->const RM=matchMedia('(prefers-reduced-motion:reduce)').matches;<!-- [et_pb_line_break_holder] -->const HAS_IO='IntersectionObserver' in window;<!-- [et_pb_line_break_holder] -->if(HAS_IO)document.documentElement.classList.add('m-anim');<!-- [et_pb_line_break_holder] -->const cardIO=HAS_IO?new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');cardIO.unobserve(e.target);}}),{threshold:.2,rootMargin:'0px 0px -6% 0px'}):null;<!-- [et_pb_line_break_holder] -->function watchCards(root){if(!root)return;root.querySelectorAll('.card').forEach(c=>{if(cardIO)cardIO.observe(c);else c.classList.add('in');if(TOUCH&&rollIO)rollIO.observe(c);});requestAnimationFrame(paraUp);}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ nom en lettres qui roulent<!-- [et_pb_line_break_holder] -->function rollTxt(str){let c=0;return str.split(' ').map(w=>'<span class=\"w\">'+[...w].map(ch=>{const k=c++;return `<span class=\"ch\" style=\"--c:${k}\"><i>${ch}<\/i><i>${ch}<\/i><\/span>`;}).join('')+'<\/span>').join(' ');}<!-- [et_pb_line_break_holder] -->\/\/ compteur \u00e0 rouleaux<!-- [et_pb_line_break_holder] -->function odo(str){return str;let c=0;return '<span class=\"odo\" aria-hidden=\"true\">'+[...str].map(ch=>{if(\/[0-9]\/.test(ch)){const k=c++;return `<span class=\"od\"><span class=\"od-c\" style=\"--v:${ch};--c:${k}\">${[0,1,2,3,4,5,6,7,8,9].map(d=>`<span>${d}<\/span>`).join('')}<\/span><\/span>`;}return `<span class=\"od-s\">${ch}<\/span>`;}).join('')+'<\/span>';}<!-- [et_pb_line_break_holder] -->function sheen(c){if(!c||RM)return;c.classList.remove('sh');void c.offsetWidth;c.classList.add('sh');}<!-- [et_pb_line_break_holder] -->function pulseRoll(el,ms){return;if(!el||RM)return;el.classList.add('roll');clearTimeout(el._rt);el._rt=setTimeout(()=>el.classList.remove('roll'),ms||1100);}<!-- [et_pb_line_break_holder] -->const TOUCH=matchMedia('(hover:none)').matches;<!-- [et_pb_line_break_holder] -->let lastTouch=0;addEventListener('touchstart',()=>{lastTouch=Date.now();},{passive:true});addEventListener('touchmove',()=>{lastTouch=Date.now();},{passive:true});<!-- [et_pb_line_break_holder] -->function buzz(ms){if(RM||Date.now()-lastTouch>1200||!navigator.vibrate)return;try{navigator.vibrate(ms);}catch(e){}}<!-- [et_pb_line_break_holder] -->const rollIO=HAS_IO?new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting&&e.target.classList.contains('in')){pulseRoll(e.target);sheen(e.target);}}),{rootMargin:'-42% 0px -42% 0px'}):null;<!-- [et_pb_line_break_holder] -->function bump(el){if(!el)return;el.classList.remove('bump');void el.offsetWidth;el.classList.add('bump');}<!-- [et_pb_line_break_holder] -->function toggleTB(){const w=document.getElementById('tbWrap'),b=document.getElementById('tbToggle');const o=w.classList.toggle('open');b.classList.toggle('open',o);b.setAttribute('aria-expanded',o);}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function cardHTML(v,i,lite){<!-- [et_pb_line_break_holder] --> const tl=v.coup?'Coup de c\u0153ur':(v.arriv?'Arrivage':'V\u00e9rifi\u00e9e');<!-- [et_pb_line_break_holder] --> return `<\/p>\n<article class=\"card\" style=\"--i:${i||0}\" onclick=\"openV(${v.id},false,this)\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"frame\"><span class=\"tagline\"><span class=\"b\"><\/span>${tl}<\/span><\/p>\n<div class=\"imgwrap\">${ph(v,'Avant',lite)}<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"cbody\">\n<div class=\"ctitle rtx\" aria-label=\"${v.marque} ${v.modele}\">${rollTxt(v.marque+' '+v.modele)}<\/div>\n<div class=\"cver\">${v.ver}<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"cmeta num\">${v.annee} \u00b7 ${eur(v.km)} KM<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"badges\"><span class=\"badge\">${IC.gear}${v.boite}<\/span><span class=\"badge\">${IC.bolt}${v.puiss}<\/span><span class=\"badge\">${IC.fuel}${v.carb}<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"cprice num\" aria-label=\"${eur(v.prix)} \u20ac\">${odo(eur(v.prix)+' \u20ac')}<\/div>\n<div class=\"cmens num\">\u00e0 partir de <b>${mens(v.prix)} \u20ac<\/b>\/mois<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"csee\">D\u00e9couvrir <span class=\"arr\">\u2192<\/span><\/div>\n<\/div>\n<\/article>\n<p>`;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ FILTERS<!-- [et_pb_line_break_holder] -->const carros=[...new Set(V.map(v=>v.carro))], carbs=[...new Set(V.map(v=>v.carb))];<!-- [et_pb_line_break_holder] -->let selCarro=new Set(),selCarb=new Set(),quickF='all';<!-- [et_pb_line_break_holder] -->function mkMini(el,arr,set){document.getElementById(el).innerHTML=arr.map(x=>`<button data-v=\"${x}\">${x}<\/button>`).join('');<!-- [et_pb_line_break_holder] --> document.querySelectorAll('#'+el+' button').forEach(b=>b.onclick=()=>{b.classList.toggle('on');const v=b.dataset.v;set.has(v)?set.delete(v):set.add(v);applyF();});}<!-- [et_pb_line_break_holder] -->mkMini('fCarro',carros,selCarro);mkMini('fCarb',carbs,selCarb);<!-- [et_pb_line_break_holder] -->document.querySelectorAll('#chips .chip').forEach(c=>c.onclick=()=>{document.querySelectorAll('#chips .chip').forEach(x=>x.classList.remove('on'));c.classList.add('on');quickF=c.dataset.q;const ch=document.getElementById('chips');if(ch.scrollWidth>ch.clientWidth)ch.scrollTo({left:c.offsetLeft-ch.clientWidth\/2+c.offsetWidth\/2,behavior:'smooth'});applyF();});<!-- [et_pb_line_break_holder] -->function setP(id){const el=document.getElementById(id);el.style.setProperty('--p',(el.value-el.min)\/(el.max-el.min)*100+'%');}<!-- [et_pb_line_break_holder] -->function resetF(){document.getElementById('fq').value='';document.getElementById('fPrix').value=35000;document.getElementById('fMens').value=700;document.getElementById('fSort').value='pert';selCarro.clear();selCarb.clear();quickF='all';document.querySelectorAll('.mini button').forEach(b=>b.classList.remove('on'));document.querySelectorAll('#chips .chip').forEach((x,i)=>x.classList.toggle('on',i===0));applyF();}<!-- [et_pb_line_break_holder] -->function applyF(){<!-- [et_pb_line_break_holder] --> setP('fPrix');setP('fMens');<!-- [et_pb_line_break_holder] --> const q=document.getElementById('fq').value.toLowerCase().trim();<!-- [et_pb_line_break_holder] --> const maxP=+document.getElementById('fPrix').value,maxM=+document.getElementById('fMens').value;<!-- [et_pb_line_break_holder] --> document.getElementById('vPrix').textContent=eur(maxP)+' \u20ac';<!-- [et_pb_line_break_holder] --> document.getElementById('vMens').innerHTML=maxM+' <span class=\"u\">\u20ac\/mois<\/span>';<!-- [et_pb_line_break_holder] --> let list=V.filter(v=>{<!-- [et_pb_line_break_holder] --> if(q&&!(`${v.marque} ${v.modele} ${v.ver}`.toLowerCase().includes(q)))return false;<!-- [et_pb_line_break_holder] --> if(v.prix>maxP||mens(v.prix)>maxM)return false;<!-- [et_pb_line_break_holder] --> if(selCarro.size&&!selCarro.has(v.carro))return false;<!-- [et_pb_line_break_holder] --> if(selCarb.size&&!selCarb.has(v.carb))return false;<!-- [et_pb_line_break_holder] --> if(quickF==='coup'&&!v.coup)return false;<!-- [et_pb_line_break_holder] --> if(quickF==='arriv'&&!v.arriv)return false;<!-- [et_pb_line_break_holder] --> if(quickF==='budget'&&v.prix>=18000)return false;<!-- [et_pb_line_break_holder] --> if(quickF==='elec'&&!(v.carb==='Hybride'||v.carb==='\u00c9lectrique'))return false;<!-- [et_pb_line_break_holder] --> return true;});<!-- [et_pb_line_break_holder] --> const s=document.getElementById('fSort').value;<!-- [et_pb_line_break_holder] --> const S={prixA:(a,b)=>a.prix-b.prix,prixD:(a,b)=>b.prix-a.prix,mens:(a,b)=>mens(a.prix)-mens(b.prix),km:(a,b)=>a.km-b.km,annee:(a,b)=>b.annee-a.annee};<!-- [et_pb_line_break_holder] --> if(S[s])list.sort(S[s]);<!-- [et_pb_line_break_holder] --> const rc=document.getElementById('rc'),rc2=document.getElementById('rc2');<!-- [et_pb_line_break_holder] --> if(+rc2.textContent!==list.length){rc.textContent=list.length;rc2.textContent=list.length;if(applyF.done){bump(rc);bump(rc2);buzz(8);}}<!-- [et_pb_line_break_holder] --> const nf=(maxP<35000)+(maxM<700)+(q?1:0)+selCarro.size+selCarb.size,tn=document.getElementById('tbN');<!-- [et_pb_line_break_holder] --> if(tn&&tn.textContent!==(nf?String(nf):'')){tn.textContent=nf||'';tn.classList.remove('has');void tn.offsetWidth;tn.classList.toggle('has',nf>0);}<!-- [et_pb_line_break_holder] --> const key=list.map(v=>v.id).join(',');<!-- [et_pb_line_break_holder] --> if(key===applyF.key)return;applyF.key=key;applyF.done=true;<!-- [et_pb_line_break_holder] --> const g=document.getElementById('grid');<!-- [et_pb_line_break_holder] --> g.innerHTML=list.length?list.map((v,i)=>cardHTML(v,i,false)).join(''):'<\/p>\n<div class=\"empty\">Aucun r\u00e9sultat<span class=\"dot\">.<\/span><\/div>\n<p>';<!-- [et_pb_line_break_holder] --> requestAnimationFrame(()=>g.querySelectorAll('.card').forEach(c=>c.classList.add('show')));<!-- [et_pb_line_break_holder] --> g.querySelectorAll('.card').forEach((c,i)=>c.style.setProperty('--n',Math.min(i,5)));<!-- [et_pb_line_break_holder] --> watchCards(g);requestAnimationFrame(deckUp);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ OVERLAY<!-- [et_pb_line_break_holder] -->let curV=null,galI=0;<!-- [et_pb_line_break_holder] -->function openV(id,fromPop,src){<!-- [et_pb_line_break_holder] --> let fly=null;if(src&&!RM&&src.querySelector){const fr=src.querySelector('.frame');if(fr){const r=fr.getBoundingClientRect();const im=fr.querySelector('img');if(r.bottom>0&&r.top<innerHeight)fly={r:r,src:im?(im.currentSrc||im.src):null};}}<!-- [et_pb_line_break_holder] --> if(!fromPop){try{const st={motionV:id};if(history.state&&history.state.motionV)history.replaceState(st,'');else history.pushState(st,'');}catch(e){}}<!-- [et_pb_line_break_holder] --> curV=V.find(v=>v.id===id);galI=0;if(!curV)return;const v=curV;const t=TECH[v.id]||{};<!-- [et_pb_line_break_holder] --> document.getElementById('ovIn').innerHTML=`<!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ovhead\">\n<div>\n<div class=\"slab\" style=\"margin-bottom:16px\">${v.carro} \u00b7 ${v.annee}<\/div>\n<div class=\"ovtitle rtx\" aria-label=\"${v.marque} ${v.modele}\">${rollTxt(v.marque)}<!\u2013- [et_pb_br_holder] -\u2013>${rollTxt(v.modele)}<\/div>\n<div class=\"ovver\">${v.ver}<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ovprice\">\n<div class=\"p num\" aria-label=\"${eur(v.prix)} \u20ac\">${odo(eur(v.prix)+' \u20ac')}<\/div>\n<div class=\"m num\">d\u00e8s <b>${mens(v.prix)} \u20ac<\/b>\/mois<\/div>\n<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hi\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hi-i\" style=\"--k:0\">${IC.cal}<\/p>\n<div class=\"l\">Ann\u00e9e<\/div>\n<div class=\"v num\" aria-label=\"${v.annee}\">${odo(String(v.annee))}<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hi-i\" style=\"--k:1\">${IC.km}<\/p>\n<div class=\"l\">Kilom\u00e9trage<\/div>\n<div class=\"v num\" aria-label=\"${eur(v.km)} km\">${odo(eur(v.km))} <span class=\"sub\">km<\/span><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hi-i\" style=\"--k:2\">${IC.fuel}<\/p>\n<div class=\"l\">Carburant<\/div>\n<div class=\"v\">${v.carb}<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hi-i\" style=\"--k:3\">${IC.gear}<\/p>\n<div class=\"l\">Bo\u00eete<\/div>\n<div class=\"v\">${v.boite}<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hi-i\" style=\"--k:4\">${IC.bolt}<\/p>\n<div class=\"l\">Puissance<\/div>\n<div class=\"v num\">${v.puiss} <span class=\"sub\">\u00b7 ${t.kW||''}<\/span><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hi-i\" style=\"--k:5\">${IC.shield}<\/p>\n<div class=\"l\">Garantie<\/div>\n<div class=\"v num\">${t.gar||'12 mois'}<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ovmain\" id=\"galMain\"><\/div>\n<div class=\"film\" id=\"galFilm\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ovcols\">\n<div><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ovblock\">\n<h3><span class=\"b\"><\/span>\u00c9quipements<\/h3>\n<div class=\"equip\">${v.equip.map((e,i)=>`<span class=\"e\" style=\"--k:${i}\">${e}<\/span>`).join('')}<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ovblock\">\n<h3><span class=\"b\"><\/span>Le mot de la maison<\/h3>\n<pee class=\"ovdesc\">${v.desc.split(' ').map((w,i)=>`<span style=\"--k:${i}\">${w}<\/span>`).join(' ')}<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ovblock\">\n<h3><span class=\"b\"><\/span>Configurez votre financement<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"simu\">\n<div class=\"simu-l\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"srow flex\">\n<div class=\"slab\">Prix<\/div>\n<div class=\"sfix num\">${eur(v.prix)} \u20ac<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"srow\">\n<div class=\"slab\">Apport <span class=\"v num\" id=\"apV\">0 \u20ac<\/span><\/div>\n<p><input type=\"range\" class=\"rng\" id=\"apR\" min=\"0\" max=\"${v.prix}\" step=\"500\" value=\"0\" oninput=\"cSimu()\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"srow\">\n<div class=\"slab\">Dur\u00e9e<\/div>\n<div class=\"dur\" id=\"durG\">${[24,36,48,60,72].map(d=>`<button class=\"dbtn ${d===60?'on':''}\" data-d=\"${d}\" onclick=\"setDur(${d})\">${d} mois<\/button>`).join('')}<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<div class=\"simu-out\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"slab\">Mensualit\u00e9 estim\u00e9e<\/div>\n<div class=\"sbig num\" id=\"sMens\">\u00b7<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ssub\"><span>Montant financ\u00e9<\/span><b class=\"num\" id=\"sFin\">\u00b7<\/b><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ssub\"><span>Co\u00fbt du cr\u00e9dit<\/span><b class=\"num\" id=\"sCout\">\u00b7<\/b><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ssub\"><span>TAEG fixe<\/span><b>5,9 %<\/b><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"slegal\">Exemple non contractuel, sous r\u00e9serve d'acceptation du dossier.<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<aside class=\"aside\">\n<div class=\"tag\"><span class=\"b\"><\/span>${v.coup?'Coup de c\u0153ur':(v.arriv?'Arrivage r\u00e9cent':'Occasion v\u00e9rifi\u00e9e')}<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"p num\">${eur(v.prix)} \u20ac<\/div>\n<div class=\"m num\">d\u00e8s ${mens(v.prix)} \u20ac\/mois sur 60 mois<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"acts\"><a class=\"btn btn-lime\" href=\"${WA}\" target=\"_blank\" data-mag>R\u00e9server sur WhatsApp <span class=\"arr\">\u2192<\/span><\/a><!-- [et_pb_line_break_holder] --> <a class=\"btn btn-line\" data-mag>Prendre rendez-vous <span class=\"arr\">\u2197<\/span><\/a><!-- [et_pb_line_break_holder] --> <a class=\"btn btn-line\" href=\"${WA}\" target=\"_blank\" data-mag>Estimer ma reprise <span class=\"arr\">\u2197<\/span><\/a><\/div>\n<\/aside>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"techsheet\"><!-- [et_pb_line_break_holder] --> <button class=\"tech-toggle\" onclick=\"toggleTech(this)\"><span class=\"b\"><\/span>Fiche technique compl\u00e8te<span class=\"chev\">\u25be<\/span><\/button><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"tech-wrap\">\n<div class=\"tech-body\"><!-- [et_pb_line_break_holder] --> ${tp('Lieu',t.lieu||'\u00b7')}${tp('Carburant',v.carb)}${tp('Ann\u00e9e',v.annee)}<!-- [et_pb_line_break_holder] --> ${tp('Couleur',(t.couleur||'\u00b7')+' \u00b7 '+(t.code||''))}${tp('Kilom\u00e9trage',eur(v.km)+' km')}${tp('Cat\u00e9gorie',t.cat||v.carro)}<!-- [et_pb_line_break_holder] --> ${tp('Bo\u00eete',v.boite)}${tp('Puissance fiscale',t.cvFisc||'\u00b7')}${tp('Puissance r\u00e9elle',v.puiss+' \/ '+(t.kW||''))}<!-- [et_pb_line_break_holder] --> ${tp('Garantie',(t.gar||'12 mois')+' \u00b7 '+(t.garD||''))}${tp('1\u00e8re immatriculation',t.immat||'\u00b7')}${tp('Portes \/ Places',(t.portes||'5')+'p \u00b7 '+(t.places||'5')+' places')}<!-- [et_pb_line_break_holder] --> ${tp('Motricit\u00e9',t.motricite||'\u00b7')}${tp('CO\u2082',t.co2||'\u00b7')}${tp('Cylindr\u00e9e',t.cylindree||'\u00b7')}<!-- [et_pb_line_break_holder] --> ${tp('Couple',t.couple||'\u00b7')}${tp('Int\u00e9rieur',t.interieur||'\u00b7')}<!-- [et_pb_line_break_holder] --> <\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"ovblock\" style=\"margin-top:70px\">\n<h3><span class=\"b\"><\/span>\u00c0 d\u00e9couvrir aussi<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"grid3\">${V.filter(x=>x.carro===v.carro&&x.id!==v.id).slice(0,3).map((x,i)=>cardHTML(x,i,false)).join('')||V.filter(x=>x.id!==v.id).slice(0,3).map((x,i)=>cardHTML(x,i,false)).join('')}<\/div>\n<\/div>\n<p>`;<!-- [et_pb_line_break_holder] --> const ovIn=document.getElementById('ovIn');ovIn.classList.remove('go');<!-- [et_pb_line_break_holder] --> const gm=document.getElementById('galMain');gm.classList.add('manual');<!-- [et_pb_line_break_holder] --> renderGal();dur=60;shownM=null;cSimu();<!-- [et_pb_line_break_holder] --> if(!hintShown&&MOB.matches){hintShown=true;const h=document.createElement('span');h.className='swipehint';h.innerHTML='<span class=\"hand\">\u21c6<\/span>Glissez pour voir les '+GAL.length+' vues';gm.appendChild(h);}<!-- [et_pb_line_break_holder] --> document.getElementById('ovSticky').innerHTML=`<\/p>\n<div>\n<div class=\"osp num\">${eur(v.prix)} \u20ac<\/div>\n<div class=\"osm num\">d\u00e8s <b>${mens(v.prix)} \u20ac<\/b>\/mois<\/div>\n<\/div>\n<p><a class=\"btn btn-lime\" href=\"${WA}\" target=\"_blank\">R\u00e9server <span class=\"arr\">\u2192<\/span><\/a>`;<!-- [et_pb_line_break_holder] --> document.getElementById('ovSticky').classList.remove('show');<!-- [et_pb_line_break_holder] --> const ovEl=document.getElementById('ov');<!-- [et_pb_line_break_holder] --> const hd0=ovIn.querySelector('.ovhead');if(hd0){hd0.style.opacity='';hd0.style.transform='';}<!-- [et_pb_line_break_holder] --> ovEl.classList.add('open');document.body.style.overflow='hidden';document.body.classList.add('ov-open');ovEl.scrollTop=0;<!-- [et_pb_line_break_holder] --> ovIn.querySelectorAll('.tp').forEach((t,i)=>t.style.setProperty('--k',i));<!-- [et_pb_line_break_holder] --> ovIn.querySelectorAll('.equip,.ovdesc').forEach(el=>{if(typeof io!=='undefined')io.observe(el);else el.classList.add('in');});<!-- [et_pb_line_break_holder] --> requestAnimationFrame(()=>requestAnimationFrame(()=>ovIn.classList.add('go')));<!-- [et_pb_line_break_holder] --> const ttl=ovIn.querySelector('.ovtitle');if(ttl){ttl.onclick=()=>pulseRoll(ttl,1200);ttl.onmouseenter=()=>ttl.classList.add('roll');ttl.onmouseleave=()=>ttl.classList.remove('roll');setTimeout(()=>pulseRoll(ttl,1200),1900);}<!-- [et_pb_line_break_holder] --> stopAuto(true);<!-- [et_pb_line_break_holder] --> requestAnimationFrame(()=>document.querySelectorAll('#ovIn .card').forEach(c=>c.classList.add('show')));watchCards(document.getElementById('ovIn'));bindMag();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function flyTo(f,gm,ovEl){const b=gm.getBoundingClientRect(),a=f.r;<!-- [et_pb_line_break_holder] --> const c=document.createElement('div');c.className='fly';if(f.src)c.innerHTML=`<img decoding=\"async\" src=\"${f.src}\" alt=\"\">`;<!-- [et_pb_line_break_holder] --> Object.assign(c.style,{left:a.left+'px',top:a.top+'px',width:a.width+'px',height:a.height+'px'});<!-- [et_pb_line_break_holder] --> document.body.appendChild(c);gm.style.opacity='0';<!-- [et_pb_line_break_holder] --> const done=()=>{gm.style.opacity='';ovEl.classList.remove('flying');const o=c.animate([{opacity:1},{opacity:0}],{duration:280,fill:'forwards'});o.onfinish=()=>c.remove();};<!-- [et_pb_line_break_holder] --> if(!c.animate){done();return;}<!-- [et_pb_line_break_holder] --> const an=c.animate([{left:a.left+'px',top:a.top+'px',width:a.width+'px',height:a.height+'px'},{left:b.left+'px',top:b.top+'px',width:b.width+'px',height:b.height+'px'}],{duration:760,easing:'cubic-bezier(.76,0,.24,1)',fill:'forwards'});<!-- [et_pb_line_break_holder] --> an.onfinish=done;}<!-- [et_pb_line_break_holder] -->\/\/ galerie : rail natif qui suit le doigt, parallaxe, lecture auto<!-- [et_pb_line_break_holder] -->let gTimer=0,gAuto=false,hintShown=false;<!-- [et_pb_line_break_holder] -->const pad2=n=>String(n).padStart(2,'0');<!-- [et_pb_line_break_holder] -->function startAuto(){gAuto=true;schedAuto();}<!-- [et_pb_line_break_holder] -->function schedAuto(){clearTimeout(gTimer);if(!gAuto)return;gTimer=setTimeout(()=>{if(!document.body.classList.contains('ov-open')){gAuto=false;return;}goGal((galI+1)%GAL.length,1,true);},4200);}<!-- [et_pb_line_break_holder] -->function stopAuto(silent){gAuto=false;clearTimeout(gTimer);if(!silent){const m=document.getElementById('galMain');if(m)m.classList.add('manual');}}<!-- [et_pb_line_break_holder] -->function renderGal(){const m=document.getElementById('galMain');<!-- [et_pb_line_break_holder] --> m.innerHTML=`<\/p>\n<div class=\"grail\" id=\"gTrack\">${GAL.map((g,i)=>`<\/p>\n<div class=\"gslide${i===0?' on':''}\" style=\"--sx:${i}\">\n<div class=\"kbw\">${ph(curV,g,false)}<\/div>\n<\/div>\n<p>`).join('')}<\/p><\/div>\n<div class=\"gsegs\" id=\"gSegs\"><\/div>\n<p><span class=\"galcount num\" id=\"gCount\"><\/span>`;<!-- [et_pb_line_break_holder] --> document.getElementById('galFilm').innerHTML=GAL.map((g,i)=>`<\/p>\n<div class=\"fr\" onclick=\"goGal(${i})\">${ph(curV,g,false)}<span class=\"frlab\">${g}<\/span><\/div>\n<p>`).join('');<!-- [et_pb_line_break_holder] --> const t=document.getElementById('gTrack');let tk=false;<!-- [et_pb_line_break_holder] --> t.addEventListener('scroll',()=>{if(tk)return;tk=true;requestAnimationFrame(()=>{tk=false;galScroll();});},{passive:true});<!-- [et_pb_line_break_holder] --> t.addEventListener('touchstart',()=>stopAuto(),{passive:true});<!-- [et_pb_line_break_holder] --> t.addEventListener('wheel',()=>stopAuto(),{passive:true});<!-- [et_pb_line_break_holder] --> galI=0;updGal();}<!-- [et_pb_line_break_holder] -->function galScroll(){const t=document.getElementById('gTrack');if(!t)return;const w=t.clientWidth||1,x=t.scrollLeft\/w;<!-- [et_pb_line_break_holder] --> [...t.children].forEach((sl,i)=>sl.style.setProperty('--sx',Math.max(-1.5,Math.min(1.5,i-x)).toFixed(3)));<!-- [et_pb_line_break_holder] --> const i=Math.max(0,Math.min(GAL.length-1,Math.round(x)));if(i!==galI){galI=i;updGal();buzz(6);}}<!-- [et_pb_line_break_holder] -->function updGal(){const t=document.getElementById('gTrack');if(!t)return;<!-- [et_pb_line_break_holder] --> document.getElementById('gSegs').innerHTML=GAL.map((g,i)=>`<i class=\"${i<galI?'done':(i===galI?'cur':'')}\"><\/i>`).join('');<!-- [et_pb_line_break_holder] --> document.getElementById('gCount').innerHTML=`<b>${pad2(galI+1)}<\/b> \/ ${pad2(GAL.length)} \u00b7 ${GAL[galI]}`;<!-- [et_pb_line_break_holder] --> [...t.children].forEach((sl,i)=>sl.classList.toggle('on',i===galI));<!-- [et_pb_line_break_holder] --> const f=document.getElementById('galFilm');[...f.children].forEach((fr,i)=>fr.classList.toggle('on',i===galI));<!-- [et_pb_line_break_holder] --> const on=f.children[galI];if(on&&f.scrollWidth>f.clientWidth)f.scrollTo({left:on.offsetLeft-f.clientWidth\/2+on.offsetWidth\/2,behavior:'smooth'});<!-- [et_pb_line_break_holder] --> if(gAuto)schedAuto();}<!-- [et_pb_line_break_holder] -->function goGal(i,d,auto){if(!auto)stopAuto();const t=document.getElementById('gTrack');if(!t)return;t.scrollTo({left:i*t.clientWidth,behavior:RM?'auto':'smooth'});}<!-- [et_pb_line_break_holder] -->function hideOv(){document.getElementById('ov').classList.remove('open');document.body.style.overflow='';document.body.classList.remove('ov-open');document.getElementById('ovSticky').classList.remove('show');stopAuto(true);}<!-- [et_pb_line_break_holder] -->function closeOv(){let st=null;try{st=history.state;}catch(e){}if(st&&st.motionV){history.back();}else{hideOv();}}<!-- [et_pb_line_break_holder] -->addEventListener('popstate',e=>{if(e.state&&e.state.motionV){openV(e.state.motionV,true);}else{hideOv();}});<!-- [et_pb_line_break_holder] -->document.addEventListener('keydown',e=>{<!-- [et_pb_line_break_holder] --> if(e.key==='Escape'&&document.getElementById('ov').classList.contains('open')){closeOv();}<!-- [et_pb_line_break_holder] --> if(curV&&document.getElementById('ov').classList.contains('open')){<!-- [et_pb_line_break_holder] --> if(e.key==='ArrowRight'){goGal((galI+1)%GAL.length,1);}<!-- [et_pb_line_break_holder] --> if(e.key==='ArrowLeft'){goGal((galI-1+GAL.length)%GAL.length,-1);}<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ SIMULATOR<!-- [et_pb_line_break_holder] -->let dur=60,shownM=null,twM=0;<!-- [et_pb_line_break_holder] -->function setDur(d){dur=d;document.querySelectorAll('#durG .dbtn').forEach(b=>b.classList.toggle('on',+b.dataset.d===d));cSimu();}<!-- [et_pb_line_break_holder] -->function showM(el,b){const U=' <span class=\"u\">\u20ac\/mois<\/span>';<!-- [et_pb_line_break_holder] --> {shownM=b;el.innerHTML=b+U;return;}<!-- [et_pb_line_break_holder] --> cancelAnimationFrame(twM);const a=shownM,t0=performance.now(),dd=420;<!-- [et_pb_line_break_holder] --> (function f(n){const p=Math.min((n-t0)\/dd,1),e=1-Math.pow(1-p,3);shownM=Math.round(a+(b-a)*e);el.innerHTML=shownM+U;if(p<1)twM=requestAnimationFrame(f);})(t0);}<!-- [et_pb_line_break_holder] -->function cSimu(){if(!curV)return;const ap=document.getElementById('apR');if(!ap)return;<!-- [et_pb_line_break_holder] --> ap.style.setProperty('--p',(ap.value-ap.min)\/(ap.max-ap.min)*100+'%');<!-- [et_pb_line_break_holder] --> const apport=+ap.value;document.getElementById('apV').textContent=eur(apport)+' \u20ac';<!-- [et_pb_line_break_holder] --> const fin=Math.max(curV.prix-apport,0),r=0.059\/12,n=dur;const m=fin>0?fin*(r\/(1-Math.pow(1+r,-n))):0,tot=m*n,cout=tot-fin;<!-- [et_pb_line_break_holder] --> showM(document.getElementById('sMens'),Math.round(m));<!-- [et_pb_line_break_holder] --> document.getElementById('sFin').textContent=eur(fin)+' \u20ac';document.getElementById('sCout').textContent=eur(Math.round(cout))+' \u20ac';}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ HORAIRES \u00b7 statut en direct (heure de La R\u00e9union, UTC+4)<!-- [et_pb_line_break_holder] -->(function(){<!-- [et_pb_line_break_holder] --> const JOURS=['dimanche','lundi','mardi','mercredi','jeudi','vendredi','samedi'];<!-- [et_pb_line_break_holder] --> const r=new Date(Date.now()+4*3600e3),d=r.getUTCDay(),h=r.getUTCHours()+r.getUTCMinutes()\/60;<!-- [et_pb_line_break_holder] --> const ouvre=x=>x>=2&&x<=6;<!-- [et_pb_line_break_holder] --> const st=document.getElementById('signStatus'),tx=document.getElementById('signTxt');<!-- [et_pb_line_break_holder] --> document.querySelectorAll('#signDays span').forEach(s=>{if(+s.dataset.d===d)s.classList.add('today');});<!-- [et_pb_line_break_holder] --> if(ouvre(d)&&h>=9&&h<17){tx.textContent='Ouvert maintenant';return;}<!-- [et_pb_line_break_holder] --> st.classList.add('closed');<!-- [et_pb_line_break_holder] --> if(ouvre(d)&&h<9){tx.textContent='Ferm\u00e9 \u00b7 ouvre \u00e0 9h';return;}<!-- [et_pb_line_break_holder] --> let n=(d+1)%7;while(!ouvre(n))n=(n+1)%7;<!-- [et_pb_line_break_holder] --> tx.textContent='Ferm\u00e9 \u00b7 ouvre '+(n===(d+1)%7?'demain':JOURS[n])+' 9h';<!-- [et_pb_line_break_holder] -->})();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ FEATURED + reveal + count<!-- [et_pb_line_break_holder] -->document.getElementById('featGrid').innerHTML=V.filter(v=>v.coup).concat(V.filter(v=>v.arriv)).slice(0,3).map((v,i)=>cardHTML(v,i,true)).join('');<!-- [et_pb_line_break_holder] -->requestAnimationFrame(()=>document.querySelectorAll('#featGrid .card').forEach(c=>c.classList.add('show')));<!-- [et_pb_line_break_holder] -->watchCards(document.getElementById('featGrid'));<!-- [et_pb_line_break_holder] -->const io=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}}),{threshold:.12});<!-- [et_pb_line_break_holder] -->document.querySelectorAll('.rev').forEach(el=>io.observe(el));<!-- [et_pb_line_break_holder] -->io.observe(document.getElementById('traj'));<!-- [et_pb_line_break_holder] -->const cio=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){countUp(e.target);cio.unobserve(e.target);}}),{threshold:.6});<!-- [et_pb_line_break_holder] -->document.querySelectorAll('[data-count]').forEach(el=>cio.observe(el));<!-- [et_pb_line_break_holder] -->function countUp(el){const t=+el.dataset.count,dec=el.dataset.dec?+el.dataset.dec:0,d=1200,t0=performance.now();<!-- [et_pb_line_break_holder] --> (function tk(n){const p=Math.min((n-t0)\/d,1),e=1-Math.pow(1-p,3),v=t*e;el.textContent=dec?(v\/Math.pow(10,dec)).toFixed(dec).replace('.',','):Math.round(v);if(p<1)requestAnimationFrame(tk);})(t0);}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ nav \/ cursor \/ magnetic<!-- [et_pb_line_break_holder] -->const nav=document.getElementById('nav');<!-- [et_pb_line_break_holder] -->addEventListener('scroll',()=>nav.classList.toggle('solid',scrollY>60),{passive:true});<!-- [et_pb_line_break_holder] -->if(matchMedia('(pointer:fine)').matches){document.body.classList.add('cursor-on');const c=document.getElementById('cur');let cx=innerWidth\/2,cy=innerHeight\/2,tx=cx,ty=cy;<!-- [et_pb_line_break_holder] --> addEventListener('mousemove',e=>{tx=e.clientX;ty=e.clientY;});<!-- [et_pb_line_break_holder] --> (function loop(){cx+=(tx-cx)*.22;cy+=(ty-cy)*.22;c.style.transform=`translate(${cx}px,${cy}px) translate(-50%,-50%)`;requestAnimationFrame(loop);})();<!-- [et_pb_line_break_holder] --> addEventListener('mouseover',e=>{if(e.target.closest('a,button,input,select,.card,[data-mag]'))c.classList.add('grow');});<!-- [et_pb_line_break_holder] --> addEventListener('mouseout',e=>{if(e.target.closest('a,button,input,select,.card,[data-mag]'))c.classList.remove('grow');});}<!-- [et_pb_line_break_holder] -->function bindMag(){document.querySelectorAll('[data-mag]').forEach(el=>{if(el._m)return;el._m=1;<!-- [et_pb_line_break_holder] --> el.addEventListener('mousemove',e=>{const r=el.getBoundingClientRect();el.style.transform=`translate(${(e.clientX-(r.left+r.width\/2))*.22}px,${(e.clientY-(r.top+r.height\/2))*.32}px)`;});<!-- [et_pb_line_break_holder] --> el.addEventListener('mouseleave',()=>el.style.transform='');});}<!-- [et_pb_line_break_holder] -->bindMag();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ loader<!-- [et_pb_line_break_holder] -->function hideLoader(){const l=document.getElementById('loader');if(l)l.classList.add('done');document.documentElement.classList.add('ready');}<!-- [et_pb_line_break_holder] -->if(matchMedia('(prefers-reduced-motion:reduce)').matches)hideLoader();<!-- [et_pb_line_break_holder] -->else{addEventListener('load',()=>setTimeout(hideLoader,1150));setTimeout(hideLoader,2200);}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ ================= CHATBOT (L\u00e9a) =================<!-- [et_pb_line_break_holder] -->const cbotTipEl=document.getElementById('cbotTip');<!-- [et_pb_line_break_holder] -->const cbot=document.getElementById('cbot'),cbotBody=document.getElementById('cbotBody'),cbotChips=document.getElementById('cbotChips'),cbotLaunch=document.getElementById('cbotLaunch');<!-- [et_pb_line_break_holder] -->let cbotStarted=false;<!-- [et_pb_line_break_holder] -->function cbotToggle(open){<!-- [et_pb_line_break_holder] --> cbot.classList.toggle('open',open);cbotLaunch.classList.toggle('hide',open);if(cbotTipEl)cbotTipEl.classList.remove('show');<!-- [et_pb_line_break_holder] --> if(open&&!cbotStarted){cbotStarted=true;setTimeout(()=>{botSay(\"Bonzour ! Mwin l\u00e9 L\u00e9a, out' conseill\u00e8re MOTION. Kisa mi pe f\u00e9 pou ou ?\",START);},250);}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->const norm=s=>s.toLowerCase().normalize('NFD').replace(\/[\\u0300-\\u036f]\/g,'');<!-- [et_pb_line_break_holder] -->const START=[[\"Trouver une voiture\",\"find\"],[\"Simuler un financement\",\"fin\"],[\"Estimer ma reprise\",\"rep\"],[\"Prendre rendez-vous\",\"rdv\"],[\"O\u00f9 vous trouver ?\",\"loc\"]];<!-- [et_pb_line_break_holder] -->function meSay(t){const d=document.createElement('div');d.className='msg me';d.textContent=t;cbotBody.appendChild(d);cbotBody.scrollTop=cbotBody.scrollHeight;}<!-- [et_pb_line_break_holder] -->function botSay(html,chips){<!-- [et_pb_line_break_holder] --> const w=document.createElement('div');w.className='typing';w.innerHTML='<i><\/i><i><\/i><i><\/i>';cbotBody.appendChild(w);cbotBody.scrollTop=cbotBody.scrollHeight;cbotChips.innerHTML='';<!-- [et_pb_line_break_holder] --> setTimeout(()=>{w.remove();const d=document.createElement('div');d.className='msg bot';d.innerHTML=html;cbotBody.appendChild(d);cbotBody.scrollTop=cbotBody.scrollHeight;renderChips(chips||START);},650);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->function renderChips(chips){cbotChips.innerHTML='';(chips||[]).forEach(([lab,act])=>{const b=document.createElement('button');b.textContent=lab;b.onclick=()=>chipAct(lab,act);cbotChips.appendChild(b);});}<!-- [et_pb_line_break_holder] -->function chipAct(lab,act){<!-- [et_pb_line_break_holder] --> if(act==='wa'){window.open(WA,'_blank');return;}<!-- [et_pb_line_break_holder] --> if(act==='call'){window.location.href='tel:+262693200448';return;}<!-- [et_pb_line_break_holder] --> if(act==='collection'){cbotToggle(false);document.getElementById('collection').scrollIntoView({behavior:'smooth'});return;}<!-- [et_pb_line_break_holder] --> meSay(lab);setTimeout(()=>reply(act,lab),150);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->function cbotSend(){const i=document.getElementById('cbotInput');const t=i.value.trim();if(!t)return;i.value='';meSay(t);setTimeout(()=>reply(null,t),150);}<!-- [et_pb_line_break_holder] -->function carLine(v){return `<b>${v.marque} ${v.modele}<\/b> \u00b7 ${eur(v.prix)} \u20ac \u00b7 d\u00e8s ${mens(v.prix)} \u20ac\/mois`;}<!-- [et_pb_line_break_holder] -->function reply(intent,text){<!-- [et_pb_line_break_holder] --> const t=norm(text||'');<!-- [et_pb_line_break_holder] --> let key=intent;<!-- [et_pb_line_break_holder] --> if(!key){<!-- [et_pb_line_break_holder] --> if(\/bonjour|bonzour|salut|coucou|hello|kel\/.test(t))key='hi';<!-- [et_pb_line_break_holder] --> else if(\/suv|4x4|familial|grand\/.test(t))key='suv';<!-- [et_pb_line_break_holder] --> else if(\/electr|hybride|essence|diesel|energie\/.test(t))key='elec';<!-- [et_pb_line_break_holder] --> else if(\/budget|petit|pas cher|moins|economi|premi\/.test(t))key='budget';<!-- [et_pb_line_break_holder] --> else if(\/financ|mensual|credit|payer|mois|apport\/.test(t))key='fin';<!-- [et_pb_line_break_holder] --> else if(\/reprise|vendre|rachat|estim|ancienne\/.test(t))key='rep';<!-- [et_pb_line_break_holder] --> else if(\/rdv|rendez|essai|visite|venir|dispo|horaire|heure|ouvert|ferme\/.test(t))key='rdv';<!-- [et_pb_line_break_holder] --> else if(\/ou|adresse|trouver|situe|localis|livr|hauts|commune\/.test(t))key='loc';<!-- [et_pb_line_break_holder] --> else if(\/voiture|vwatir|cherch|trouver|modele|marque|stock\/.test(t))key='find';<!-- [et_pb_line_break_holder] --> else if(\/prix|combien|tarif\/.test(t))key='find';<!-- [et_pb_line_break_holder] --> else if(\/merci|mersi|nickel|super|top\/.test(t))key='thanks';<!-- [et_pb_line_break_holder] --> else if(\/garanti|revis|carte grise|controle|entretien\/.test(t))key='gar';<!-- [et_pb_line_break_holder] --> else key='fallback';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> const cheap=[...V].sort((a,b)=>a.prix-b.prix).slice(0,3);<!-- [et_pb_line_break_holder] --> const suv=V.filter(v=>v.carro==='SUV'||v.carro==='4x4');<!-- [et_pb_line_break_holder] --> const el=V.filter(v=>v.carb==='Hybride'||v.carb==='\u00c9lectrique');<!-- [et_pb_line_break_holder] --> const R={<!-- [et_pb_line_break_holder] --> hi:[\"Bonzour ! Contente de vous voir. Vous cherchez une voiture, un financement, ou vous voulez estimer une reprise ?\",START],<!-- [et_pb_line_break_holder] --> find:[\"Avec plaisir. Dites-moi ce qui vous ferait envie. On a des citadines d\u00e8s <b>12 900 \u20ac<\/b>, des SUV, de l'\u00e9lectrique. C'est pour quel usage ?\",[[\"Petit budget\",\"budget\"],[\"Un SUV\",\"suv\"],[\"\u00c9lectrique ou hybride\",\"elec\"],[\"Voir tout le stock\",\"collection\"]]],<!-- [et_pb_line_break_holder] --> budget:[\"Pour un budget serr\u00e9, voici nos trois plus accessibles :<!\u2013- [et_pb_br_holder] -\u2013>\u00b7 \"+cheap.map(carLine).join(\"<!\u2013- [et_pb_br_holder] -\u2013>\u00b7 \")+\"<!\u2013- [et_pb_br_holder] -\u2013>Je vous ouvre la collection ?\",[[\"Voir la collection\",\"collection\"],[\"Simuler un financement\",\"fin\"],[\"Prendre rendez-vous\",\"rdv\"]]],<!-- [et_pb_line_break_holder] --> suv:[\"C\u00f4t\u00e9 SUV, on est bien servi :<!\u2013- [et_pb_br_holder] -\u2013>\u00b7 \"+suv.slice(0,3).map(carLine).join(\"<!\u2013- [et_pb_br_holder] -\u2013>\u00b7 \")+\"<!\u2013- [et_pb_br_holder] -\u2013>Envie d'en voir un de plus pr\u00e8s ?\",[[\"Voir la collection\",\"collection\"],[\"Simuler un financement\",\"fin\"],[\"Prendre rendez-vous\",\"rdv\"]]],<!-- [et_pb_line_break_holder] --> elec:[\"Pour rouler propre :<!\u2013- [et_pb_br_holder] -\u2013>\u00b7 \"+el.map(carLine).join(\"<!\u2013- [et_pb_br_holder] -\u2013>\u00b7 \")+\"<!\u2013- [et_pb_br_holder] -\u2013>L'hybride Yaris fait fondre le budget carburant, la Tesla c'est z\u00e9ro plein.\",[[\"Voir la collection\",\"collection\"],[\"Simuler un financement\",\"fin\"]]],<!-- [et_pb_line_break_holder] --> fin:[\"On finance d\u00e8s la fiche, TAEG fixe 5,9 %. Quel budget mensuel visez-vous ? Je vous sors les voitures qui rentrent dedans.\",[[\"Moins de 300 \u20ac\",\"m300\"],[\"300 \u00e0 500 \u20ac\",\"m500\"],[\"Plus de 500 \u20ac\",\"m700\"]]],<!-- [et_pb_line_break_holder] --> m300:[\"Sous 300 \u20ac\/mois, regardez la <b>Citro\u00ebn C3<\/b> et la <b>Peugeot 208<\/b>. Simples, fiables, parfaites au quotidien.\",[[\"Voir la collection\",\"collection\"],[\"Prendre rendez-vous\",\"rdv\"]]],<!-- [et_pb_line_break_holder] --> m500:[\"Entre 300 et 500 \u20ac\/mois, vous ouvrez grand le choix : Yaris hybride, Duster, 3008. De la citadine au SUV familial.\",[[\"Voir la collection\",\"collection\"],[\"Prendre rendez-vous\",\"rdv\"]]],<!-- [et_pb_line_break_holder] --> m700:[\"Au-del\u00e0 de 500 \u20ac\/mois, on touche au haut du panier : CUPRA Formentor, Ford Ranger, Tesla Model 3. Du caract\u00e8re.\",[[\"Voir la collection\",\"collection\"],[\"Prendre rendez-vous\",\"rdv\"]]],<!-- [et_pb_line_break_holder] --> rep:[\"Elle vaut combien ? 60 secondes pour le savoir. Donnez-moi la marque, l'ann\u00e9e et le kilom\u00e9trage, ou envoyez-nous tout \u00e7a directement sur WhatsApp, c'est le plus rapide.\",[[\"Continuer sur WhatsApp\",\"wa\"],[\"Prendre rendez-vous\",\"rdv\"]]],<!-- [et_pb_line_break_holder] --> rdv:[\"Avec plaisir ! On est ouvert du mardi au samedi, de 9h \u00e0 17h, au 1 route Rak Partout \u00e0 Saint-Pierre. Le plus simple pour caler un cr\u00e9neau, c'est WhatsApp, on vous r\u00e9pond vite.\",[[\"Continuer sur WhatsApp\",\"wa\"],[\"Nous appeler\",\"call\"]]],<!-- [et_pb_line_break_holder] --> loc:[\"On est au <b>1 route Rak Partout, \u00e0 Saint-Pierre<\/b>, ouvert du mardi au samedi de 9h \u00e0 17h. Et on livre partout sur l'\u00eele, des Hauts au littoral, de Saint-Denis \u00e0 Saint-Joseph.\",[[\"Continuer sur WhatsApp\",\"wa\"],[\"Voir la collection\",\"collection\"]]],<!-- [et_pb_line_break_holder] --> gar:[\"Toutes nos voitures sont <b>r\u00e9vis\u00e9es<\/b>, <b>nettoy\u00e9es \u00e0 fond<\/b>, avec <b>contr\u00f4le technique OK<\/b>, <b>carte grise faite<\/b> et <b>garantie 12 mois<\/b>. Historique v\u00e9rifi\u00e9 et kilom\u00e9trage certifi\u00e9.\",[[\"Voir la collection\",\"collection\"],[\"Prendre rendez-vous\",\"rdv\"]]],<!-- [et_pb_line_break_holder] --> thanks:[\"Avec plaisir, m\u00e8rsi \u00e0 vous ! Nou l\u00e9 la si besoin. Anou, \u00e0 tr\u00e8s vite chez MOTION.\",[[\"Voir la collection\",\"collection\"],[\"Continuer sur WhatsApp\",\"wa\"]]],<!-- [et_pb_line_break_holder] --> fallback:[\"Bonne question. Pour \u00e7a, le mieux c'est d'en parler direct avec l'\u00e9quipe sur WhatsApp, on vous r\u00e9pond en quelques minutes. Sinon je peux vous aider \u00e0 choisir une voiture ou simuler un financement.\",[[\"Continuer sur WhatsApp\",\"wa\"],[\"Trouver une voiture\",\"find\"],[\"Simuler un financement\",\"fin\"]]]<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> const r=R[key]||R.fallback;botSay(r[0],r[1]);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ ================= MOTION MOBILE \u00b7 suite =================<!-- [et_pb_line_break_holder] -->\/\/ garanties : trac\u00e9 des ic\u00f4nes<!-- [et_pb_line_break_holder] -->document.querySelectorAll('.gic svg path,.gic svg rect,.gic svg circle').forEach(el=>el.setAttribute('pathLength','100'));<!-- [et_pb_line_break_holder] -->\/\/ communes en cascade<!-- [et_pb_line_break_holder] -->document.querySelectorAll('.communes span').forEach((s,i)=>s.style.setProperty('--k',i));<!-- [et_pb_line_break_holder] -->\/\/ barre de progression de lecture<!-- [et_pb_line_break_holder] -->(function(){const bar=document.getElementById('sprog');let tk=false;<!-- [et_pb_line_break_holder] --> function up(){tk=false;const h=document.documentElement.scrollHeight-innerHeight;bar.style.transform='scaleX('+(h>0?Math.min(scrollY\/h,1):0)+')';}<!-- [et_pb_line_break_holder] --> addEventListener('scroll',()=>{if(!tk){tk=true;requestAnimationFrame(up);}},{passive:true});up();})();<!-- [et_pb_line_break_holder] -->\/\/ section courante affich\u00e9e dans la nav<!-- [et_pb_line_break_holder] -->(function(){if(!HAS_IO)return;const SECS={selection:'Bons deals',garanties:'Garanties',collection:'Le stock',avis:'Avis clients',island:'Livraison',stats:'La maison',reprise:'Reprise'};<!-- [et_pb_line_break_holder] --> const el=document.getElementById('navSec');let cur=null;<!-- [et_pb_line_break_holder] --> const set=l=>{if(l===cur)return;cur=l;el.innerHTML=l?`<span class=\"ns-in\"><i><\/i>${l}<\/span>`:'';};<!-- [et_pb_line_break_holder] --> const so=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting)set(SECS[e.target.id]||'');}),{rootMargin:'-42% 0px -56% 0px'});<!-- [et_pb_line_break_holder] --> ['top',...Object.keys(SECS)].forEach(id=>{const s=document.getElementById(id);if(s)so.observe(s);});})();<!-- [et_pb_line_break_holder] -->\/\/ avis : indicateur du carrousel<!-- [et_pb_line_break_holder] -->(function(){const g=document.querySelector('.tgrid'),d=document.getElementById('tdots');if(!g||!d)return;const cards=[...g.children];<!-- [et_pb_line_break_holder] --> d.innerHTML=cards.map((c,i)=>`<button class=\"${i?'':'on'}\" aria-label=\"Avis ${i+1}\"><\/button>`).join('');<!-- [et_pb_line_break_holder] --> const dots=[...d.children];<!-- [et_pb_line_break_holder] --> dots.forEach((b,i)=>b.onclick=()=>g.scrollTo({left:cards[i].offsetLeft-cards[0].offsetLeft,behavior:'smooth'}));<!-- [et_pb_line_break_holder] --> let tk=false;g.addEventListener('scroll',()=>{if(tk)return;tk=true;requestAnimationFrame(()=>{tk=false;<!-- [et_pb_line_break_holder] --> const step=cards[1]?cards[1].offsetLeft-cards[0].offsetLeft:1;let i=Math.round(g.scrollLeft\/step);<!-- [et_pb_line_break_holder] --> if(g.scrollLeft+g.clientWidth>=g.scrollWidth-4)i=cards.length-1;dots.forEach((b,k)=>b.classList.toggle('on',k===i));});},{passive:true});})();<!-- [et_pb_line_break_holder] -->\/\/ fiche : barre \"R\u00e9server\" qui monte quand le bouton principal est hors \u00e9cran<!-- [et_pb_line_break_holder] -->(function(){const ov=document.getElementById('ov'),st=document.getElementById('ovSticky');let tk=false;<!-- [et_pb_line_break_holder] --> ov.addEventListener('scroll',()=>{if(tk)return;tk=true;requestAnimationFrame(()=>{tk=false;if(!MOB.matches)return;<!-- [et_pb_line_break_holder] --> const a=document.querySelector('#ovIn .aside');let vis=false;if(a){const r=a.getBoundingClientRect();vis=r.top<innerHeight&&r.bottom>0;}<!-- [et_pb_line_break_holder] --> st.classList.toggle('show',ov.scrollTop>380&&!vis);<!-- [et_pb_line_break_holder] --> const hd=document.querySelector('#ovIn .ovhead');if(hd&&!RM){const k=Math.min(ov.scrollTop\/520,1);hd.style.opacity=(1-k*.85).toFixed(3);hd.style.transform=`translateY(${(-k*24).toFixed(1)}px) scale(${(1-k*.06).toFixed(3)})`;}});},{passive:true});})();<!-- [et_pb_line_break_holder] -->\/\/ chatbot : bulle explicative une fois, sur petit \u00e9cran<!-- [et_pb_line_break_holder] -->setTimeout(()=>{const tip=document.getElementById('cbotTip');<!-- [et_pb_line_break_holder] --> if(!tip||cbotStarted||!matchMedia('(max-width:620px)').matches||document.body.classList.contains('ov-open'))return;<!-- [et_pb_line_break_holder] --> tip.classList.add('show');cbotLaunch.classList.add('ping');setTimeout(()=>tip.classList.remove('show'),5500);},8000);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ ================= MOTION \u00b7 v\u00e9hicules =================<!-- [et_pb_line_break_holder] -->\/\/ profondeur des photos au scroll<!-- [et_pb_line_break_holder] -->let paraTk=false;<!-- [et_pb_line_break_holder] -->function paraUp(){paraTk=false;if(RM)return;const H=innerHeight;document.querySelectorAll('.card .frame').forEach(f=>{const r=f.getBoundingClientRect();if(r.bottom<0||r.top>H)return;const p=(r.top+r.height\/2-H\/2)\/H;f.style.setProperty('--py',(p*-22).toFixed(1)+'px');});}<!-- [et_pb_line_break_holder] -->const paraReq=()=>{if(!paraTk){paraTk=true;requestAnimationFrame(paraUp);}};<!-- [et_pb_line_break_holder] -->addEventListener('scroll',paraReq,{passive:true});document.getElementById('ov').addEventListener('scroll',paraReq,{passive:true});addEventListener('resize',paraReq);<!-- [et_pb_line_break_holder] -->\/\/ survol bureau : nom qui roule, reflet, inclinaison 3D<!-- [et_pb_line_break_holder] -->if(!RM&&matchMedia('(hover:hover) and (pointer:fine)').matches){<!-- [et_pb_line_break_holder] --> document.addEventListener('mouseover',e=>{const c=e.target.closest&&e.target.closest('.card');if(!c||c.contains(e.relatedTarget))return;c.classList.add('roll');sheen(c);});<!-- [et_pb_line_break_holder] --> document.addEventListener('mouseout',e=>{const c=e.target.closest&&e.target.closest('.card');if(!c||c.contains(e.relatedTarget))return;c.classList.remove('roll');const f=c.querySelector('.frame');f.style.setProperty('--rx','0deg');f.style.setProperty('--ry','0deg');});<!-- [et_pb_line_break_holder] --> document.addEventListener('mousemove',e=>{const c=e.target.closest&&e.target.closest('.card');if(!c)return;const f=c.querySelector('.frame'),r=f.getBoundingClientRect();const x=(e.clientX-r.left)\/r.width-.5,y=(e.clientY-r.top)\/r.height-.5;f.style.setProperty('--ry',(x*8).toFixed(2)+'deg');f.style.setProperty('--rx',(-y*8).toFixed(2)+'deg');},{passive:true});<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ ================= MOTION \u00b7 masterclass mobile =================<!-- [et_pb_line_break_holder] -->const SMALL=matchMedia('(max-width:620px)');<!-- [et_pb_line_break_holder] -->\/\/ Le stock : jeu de cartes qui s'empilent<!-- [et_pb_line_break_holder] -->function deckUp(){if(!SMALL.matches)return;const cs=[...document.querySelectorAll('#grid .card')];<!-- [et_pb_line_break_holder] --> for(let i=0;i<cs.length;i++){const c=cs[i],n=cs[i+1];let p=0;<!-- [et_pb_line_break_holder] --> if(n&&!RM){const top=c.getBoundingClientRect().top,h=c.offsetHeight,nt=n.getBoundingClientRect().top;p=Math.max(0,Math.min(1,(top+h-nt)\/h));}<!-- [et_pb_line_break_holder] --> if(c._cov!==p){c._cov=p;c.style.setProperty('--cov',p.toFixed(3));}}}<!-- [et_pb_line_break_holder] -->\/\/ Bons deals : carrousel en profondeur<!-- [et_pb_line_break_holder] -->let cfCur=-1;<!-- [et_pb_line_break_holder] -->function cfUp(){const g=document.getElementById('featGrid');if(!g||!MOB.matches)return;const W=g.clientWidth,mid=g.scrollLeft+W\/2,cs=[...g.children];let best=0,bd=9;<!-- [et_pb_line_break_holder] --> cs.forEach((c,i)=>{const d=(c.offsetLeft+c.offsetWidth\/2-mid)\/c.offsetWidth,ad=Math.min(Math.abs(d),1);<!-- [et_pb_line_break_holder] --> c.style.setProperty('--ad',RM?0:ad.toFixed(3));c.style.setProperty('--sd',RM?0:Math.max(-1,Math.min(1,d)).toFixed(3));if(Math.abs(d)<bd){bd=Math.abs(d);best=i;}});<!-- [et_pb_line_break_holder] --> const max=g.scrollWidth-W,pr=max>0?g.scrollLeft\/max:0,n=cs.length;<!-- [et_pb_line_break_holder] --> document.getElementById('cfB').style.setProperty('--cp',(1\/n+pr*(1-1\/n)).toFixed(3));<!-- [et_pb_line_break_holder] --> if(best!==cfCur){const first=cfCur<0;cfCur=best;const el=document.getElementById('cfN');el.textContent=pad2(best+1);bump(el);<!-- [et_pb_line_break_holder] --> if(!first){const c=cs[best];if(c.classList.contains('in')){pulseRoll(c,1100);sheen(c);}buzz(7);}}}<!-- [et_pb_line_break_holder] -->(function(){const g=document.getElementById('featGrid');document.getElementById('cfT').textContent=pad2(g.children.length);let tk=false;<!-- [et_pb_line_break_holder] --> g.addEventListener('scroll',()=>{if(tk)return;tk=true;requestAnimationFrame(()=>{tk=false;cfUp();});},{passive:true});cfUp();})();<!-- [et_pb_line_break_holder] -->addEventListener('scroll',()=>requestAnimationFrame(deckUp),{passive:true});<!-- [et_pb_line_break_holder] -->addEventListener('resize',()=>{cfUp();deckUp();galScroll();});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->applyF();<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1147","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/success-lab.fr\/index.php\/wp-json\/wp\/v2\/pages\/1147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/success-lab.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/success-lab.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/success-lab.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/success-lab.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1147"}],"version-history":[{"count":22,"href":"https:\/\/success-lab.fr\/index.php\/wp-json\/wp\/v2\/pages\/1147\/revisions"}],"predecessor-version":[{"id":1266,"href":"https:\/\/success-lab.fr\/index.php\/wp-json\/wp\/v2\/pages\/1147\/revisions\/1266"}],"wp:attachment":[{"href":"https:\/\/success-lab.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}