1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Fri Oct 02 2026 14:48:28 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="new-site-0dd6ba.webflow.io" data-wf-page="6981d17034cc4acfc1bd8715" data-wf-site="694a96acd8e7815d8b05f54b" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Nos véhicules multimarques dâexception</title><meta content="Votre prochain véhicule d'exception vous attend. Découvrez une collection unique de modèles premium issus des plus grandes marques automobiles" name="description"/><meta content="Nos véhicules multimarques dâexception" property="og:title"/><meta content="Votre prochain véhicule d'exception vous attend. Découvrez une collection unique de modèles premium issus des plus grandes marques automobiles" property="og:description"/><meta content="Nos véhicules multimarques dâexception" name="twitter:title"/><meta content="Votre prochain véhicule d'exception vous attend. Découvrez une collection unique de modèles premium issus des plus grandes marques automobiles" name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/css/new-site-0dd6ba.webflow.shared.b6ee6c433.css" rel="stylesheet" type="text/css" integrity="sha384-tu5sQz3lptd+pjCBSsa7FG+w3jkBqKe/ThTOM/YU22cz9Pg4vy4opK66sTLk3rQB" crossorigin="anonymous"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/69e5e561e2dd85dc24f896c3_ZENITH_Icon-Black_RVB.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link href="https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/69e5e5cb12d75d1c084d3d4f_ZENITH_Icon-White_RVB.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link href="https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694a96aed8e7815d8b05f5c4_woodland-webclip.png" rel="apple-touch-icon"/><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide-core.min.css">
2<script async src="https://tally.so/widgets/embed.js"></script>
2 3<style> 4/* ============================================================ 5 1. CONFIGURATION DES SOUS-MENUS (CACHÃS PAR DÃFAUT) 6 ============================================================ */ 7.sous-menu-vehicule, 8.sous-menu-apropos, 9.sous-menu-services, 10.sous-menu-experiences { 11 display: none !important; 12 opacity: 0; 13 transition: opacity 0.3s ease; 14} 15 16.show { 17 display: block !important; 18 opacity: 1 !important; 19} 20 21/* ============================================================ 22 2. CONFIGURATION MOBILE (TABLETTE & INFÃRIEUR) 23 ============================================================ */ 24@media screen and (max-width: 991px) { 25 .nav-menu-mobile { 26 display: none; 27 position: static; 28 width: 100%; 29 background-color: white; 30 } 31 32 .nav-menu-mobile.w--open { 33 display: block !important; 34 } 35 36 .white-overlay.is-active { 37 height: 600px !important; 38 } 39} 40 41/* ============================================================ 42 3. ÃTATS NAVBAR & COULEURS 43 ============================================================ */ 44.navbar.is-active-menu .nav-link, 45.navbar.is-active-menu .button-menu, 46.navbar.is-active-menu .heading-nav-mobile { 47 color: black !important; 48} 49 50/* ============================================================ 51 4. OVERLAY (LE FOND BLANC) 52 ============================================================ */ 53.white-overlay { 54 position: absolute; 55 top: 0; left: 0; width: 100%; height: 0; 56 background: white; 57 transition: height 0.6s ease-in-out; 58 z-index: 5; 59} 60.white-overlay.is-active { 61 height: 600px; 62} 63 64 /* ============================================================ 65 66 5. STYLE DES SLIDERS SPLIDE (SERVICES) 67 68 ============================================================ */ 69 70.splide__track { 71 72 overflow: visible !important; 73 74 position: relative; 75 76 width: 100% !important; 77 78} 79 80.slider1 { max-width: 100vw !important; overflow: hidden !important; position: relative !important; } 81 82.splide__arrows { position: absolute; top: 40%; left: 0; width: 100%; transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none; z-index: 20; } 83 84.splide__arrow { pointer-events: all; width: 50px; height: 50px; cursor: pointer; border-radius: 50%; background: rgba(255,255,255,0.2); color: #ffffff; border: none; display: flex; align-items: center; justify-content: center; } 85 86.splide__arrow--prev { margin-left: 40px; } 87 88.splide__arrow--next { right: 50px !important; position: absolute !important; } 89 90 91 92.splide__pagination { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); display: flex !important; gap: 8px; z-index: 10; list-style: none; padding: 0; } 93 94.splide__pagination__page { width: 10px !important; height: 10px !important; border-radius: 50% !important; background: #ccc !important; border: none !important; cursor: pointer; padding: 0; } 95 96.splide__pagination__page.is-active { background: #000 !important; } 97 98.my-slider-progress { 99 background: #EAEAEA; 100 height: 3px; 101 width: 500px; 102 margin-top: 100px; 103 margin-left: auto; 104 margin-right: 100px; 105 position: relative; 106 z-index: 10; 107} 108 /* ð± Version TABLETTE (Ãcrans inférieurs à 991px) */ 109@media screen and (max-width: 991px) { 110 .my-slider-progress { 111 width: 350px; /* On réduit la largeur */ 112 margin-right: 40px; /* On réduit la marge pour éviter que ça dépasse */ 113 } 114} 115 116/* ð± Version MOBILE PAYSAGE (Ãcrans inférieurs à 767px) */ 117@media screen and (max-width: 767px) { 118 .my-slider-progress { 119 width: 80%; /* Utiliser un pourcentage est souvent plus sûr sur mobile */ 120 margin-right: auto; /* Centre la barre si besoin, ou garde une marge en % */ 121 margin-left: auto; 122 } 123} 124 125/* ð± Version MOBILE PORTRAIT (Ãcrans inférieurs à 479px) */ 126@media screen and (max-width: 479px) { 127 .my-slider-progress { 128 width: 50%; /* Prend presque toute la largeur sur petit écran */ 129 margin-top: 50px; /* On réduit aussi l'espace du haut sur mobile */ 130 } 131} 132 133 134.my-slider-progress-bar { 135 background: #727272; 136 height: 100%; 137 width: 0; /* Initialisé à 0, géré par le JS */ 138 transition: width 400ms ease; 139} 140</style> 141 142</head><body class="body"><div class="div-block-99"><div class="white-overlay"></div><nav><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav"><div class="nav-container w-container"><a href="/" class="logo-wrapper w-nav-brand"><img src="https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB.png" loading="lazy" sizes="(max-width: 767px) 98vw, (max-width: 991px) 728px, 940px" srcset="https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-500.png 500w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-800.png 800w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-1080.png 1080w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-1600.png 1600w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-2000.png 2000w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-2600.png 2600w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-3200.png 3200w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB.png 4000w" alt="" class="logo-mobile"/></a><nav role="navigation" class="nav-menu-mobile w-nav-menu"><div class="nav-left-mobile"><a href="/classiche" class="heading-nav-mobile">Classiche</a><a href="/scuderia" class="heading-nav-mobile">Scuderia</a></div><div class="nav-dropdown-mobile"><div data-hover="false" data-delay="0" class="nav-vehicule heading-nav-mobile w-dropdown"><div class="dropdown-toggle-menu w-dropdown-toggle"><div>Véhicules</div></div><nav class="navigation w-dropdown-list"><a href="/tous-nos-vehicules" aria-current="page" class="heading-nav nav-link w--current">Tous nos véhicules</a></nav></div><div data-hover="false" data-delay="0" class="nav-apropos heading-nav-mobile w-dropdown"><div class="dropdown-toggle-menu w-dropdown-toggle"><div>A Propos</div></div><nav class="navigation w-dropdown-list"><a href="/nos-concessions" class="heading-nav nav-link">nos concessions</a></nav></div><div data-hover="false" data-delay="0" class="nav-services heading-nav-mobile w-dropdown"><div class="dropdown-toggle-menu w-dropdown-toggle"><div>services</div></div><nav class="navigation w-dropdown-list"><a href="/expertise-complete" class="heading-nav nav-link">Expertise complète</a><a href="/entretien" class="heading-nav nav-link">Entretien</a><a href="/gardiennage" class="heading-nav nav-link">gardiennage</a><a href="/transports" class="heading-nav nav-link">transports</a><a href="/financement" class="heading-nav nav-link">Financement</a><a href="/personnalisation" class="heading-nav nav-link">Personnalisation</a></nav></div><div data-hover="false" data-delay="0" class="nav-experiences heading-nav-mobile w-dropdown"><div class="dropdown-toggle-menu w-dropdown-toggle"><div>
142expériences</div></div><nav class="navigation w-dropdown-list"><a href="/evenements" class="heading-nav nav-link">événements</a></nav></div></div></nav><div class="button-menu w-nav-button"><div class="icon-2 w-icon-nav-menu"></div></div><div class="naviguation-wrapper"><div class="div-block-129"><nav class="nav-left"><a data-mega="vehicules" href="#" class="nav-vehicule heading-nav nav-link">véhicule</a><a data-mega="apropos" href="#" class="nav-apropos heading-nav nav-link">a propos</a><a data-mega="services" href="#" class="nav-services heading-nav nav-link">services</a><a data-mega="experiences" href="#" class="nav-experiences heading-nav nav-link">expériences</a></nav><div class="nav-center"><a href="/" class="logo-link w-inline-block"><img src="https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB.png" loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 940px" srcset="https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-500.png 500w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-800.png 800w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-1080.png 1080w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-1600.png 1600w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-2000.png 2000w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-2600.png 2600w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB-p-3200.png 3200w, https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/694abc4b2c12953841ec999b_ZENITH_Automobiles-Black_RVB.png 4000w" alt=""/></a></div><nav class="div-block-80"><a href="/scuderia" class="heading-nav">Scuderia</a><a href="/classiche" class="heading-nav">Classiche</a><a href="#tally-open=QK92D7&tally-layout=modal&tally-width=500&tally-emoji-animation=none // Example <a href="#tally-open=QK92D7&tally-layout=modal&tally-width=500&tally-emoji-animation=none">Click me</a>" class="heading-nav">contact</a></nav></div></div></div><div class="sous-menu-vehicule"><div class="sous-menu-wrapper"><h4 class="heading-4 titre-menu">Découvrez la sélection de nos véhicules</h4><a href="/tous-nos-vehicules" aria-current="page" class="heading-nav nav-sous-link w--current">Tous nos véhicules</a><a href="https://www.ferrari.com/fr-FR/auto/gamme-de-voiture" target="_blank" class="heading-nav nav-sous-link">Gamme complète Ferrari</a><a href="/personnalisation" class="heading-nav nav-sous-link">Votre Ferrari sur Mesure</a><a href="/financement" class="heading-nav nav-sous-link">Acquisition & Financement</a></div></div><div class="sous-menu-apropos"><div class="sous-menu-wrapper"><h4 class="heading-4 titre-menu">Découvrez en davantage sur nous </h4><a href="/qui-sommes-nous" class="heading-nav nav-sous-link">Notre Histoire & Philosophie</a><a href="/nos-concessions" class="heading-nav nav-sous-link">nos concessions</a><a href="/notre-equipe" class="heading-nav nav-sous-link">notre équipe</a></div></div><div class="sous-menu-services"><div class="sous-menu-wrapper"><h4 class="heading-4 titre-menu">Découvrez la sélection de nos services</h4><a href="/expertise-complete" class="heading-nav nav-sous-link">Expertise complète</a><a href="/entretien" class="heading-nav nav-sous-link">Entretien & maintenance courante</a><a href="/gardiennage" class="heading-nav nav-sous-link">Gardiennage & Transports</a><a href="/certification-ferrari" class="heading-nav nav-sous-link">Atelier Classiche & Certification</a><a href="/racing" class="heading-nav nav-sous-link">Preparation & Service Scuderia</a></div></div><div class="sous-menu-experiences"><div class="sous-menu-wrapper"><h4 class="heading-4 titre-menu">
142Découvrez nos expériences pensées pour vous</h4><a href="/evenements" class="heading-nav nav-link">tous nos événements</a><a href="/nos-programmes-pour-la-piste" class="heading-nav nav-link">nos programmes pour la piste </a><a href="/zenith-days" class="heading-nav nav-link">les zenith days</a></div></div></div></nav></div><div><section class="section-grandes-marges"><div class="w-layout-blockcontainer container w-container"><h2 class="first-title first-title-tablet first-title-mobile">Tous nos véhicules d'occasion</h2></div><div class="code-vehicules-autoscout w-embed w-script"><style> 143 .hci-container { 144 background-color: #ffffff !important; 145 } 146 147 /* Cette partie tente de cibler l'intérieur du widget */ 148 [data-config-id="2132"] { 149 background: #ffffff !important; 150 } 151</style> 152 153<div class="hci-container" data-config-id="2132" data-language="fr" data-entry-point="search"></div>
154<script src="https://www.autoscout24.ch/assets/hci/v2/hci.current.js"></script>
154</div></section></div>
154<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=694a96acd8e7815d8b05f54b" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
154<script src="https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
154<script src="https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/js/webflow.schunk.519bdeb10b4fd037.js" type="text/javascript" integrity="sha384-u/4muuNV73pq7ljz0/5D4aJ2rAF+TRT+sP1oNPWR4BPaRdoczsqx1SSlPpCOUuAO" crossorigin="anonymous"></script>
154<script src="https://cdn.prod.website-files.com/694a96acd8e7815d8b05f54b/js/webflow.bb5e438f.cdeb4b774cbece9e.js" type="text/javascript" integrity="sha384-Blh7+TFJ9XHf3441drvgVRE2CVW8DfT7EC8f8Y4U3AFx2XwX7Ha3eQi+adnTnPTi" crossorigin="anonymous"></script>
154<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
154<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>
154<script src="https://cdn.prod.website-files.com/gsap/3.15.0/SplitText.min.js" type="text/javascript"></script>
154<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
154 155
156<script> 157document.addEventListener("DOMContentLoaded", function () { 158 159 const overlay = document.querySelector(".white-overlay"); 160 const navbar = document.querySelector(".navbar"); 161 const navLinks = document.querySelectorAll(".nav-link"); 162 const burgerButton = document.querySelector(".button-menu"); 163 164 // Mapping des sous-menus 165 const sousMenus = { 166 'nav-vehicule': document.querySelector('.sous-menu-vehicule'), 167 'nav-apropos': document.querySelector('.sous-menu-apropos'), 168 'nav-services': document.querySelector('.sous-menu-services'), 169 'nav-experiences': document.querySelector('.sous-menu-experiences') 170 }; 171 172 let activeTab = null; 173 174 // Fonction pour tout fermer 175 function closeAll() { 176 if(overlay) overlay.classList.remove("is-active"); 177 if(navbar) navbar.classList.remove("is-active-menu"); 178 Object.values(sousMenus).forEach(menu => { 179 if (menu) { 180 menu.classList.remove('show'); 181 setTimeout(() => { if(!menu.classList.contains('show')) menu.style.display = 'none'; }, 300); 182 } 183 }); 184 activeTab = null; 185 } 186 187 // --- LOGIQUE DU BURGER (MOBILE) --- 188 if (burgerButton) { 189 burgerButton.addEventListener("click", function() { 190 setTimeout(() => { 191 const isWebflowMenuOpen = navbar.classList.contains("w--open") || burgerButton.classList.contains("w--open"); 192 if (isWebflowMenuOpen) { 193 if(overlay) overlay.classList.add("is-active"); 194 navbar.classList.add("is-active-menu"); 195 } else { 196 closeAll(); 197 } 198 }, 50); 199 }); 200 } 201 202 // --- LOGIQUE DES LIENS & SOUS-MENUS --- 203 navLinks.forEach(link => { 204 link.addEventListener("click", function (e) { 205 const linkClass = Object.keys(sousMenus).find(key => link.classList.contains(key)); 206 if (!linkClass) return; 207 208 e.preventDefault(); 209 e.stopPropagation(); 210 211 const menuToShow = sousMenus[linkClass]; 212 213 if (activeTab === linkClass) { 214 closeAll(); 215 } else { 216 if(overlay) overlay.classList.add("is-active"); 217 if(navbar) navbar.classList.add("is-active-menu"); 218 219 Object.values(sousMenus).forEach(menu => { 220 if (menu) { menu.classList.remove('show'); menu.style.display = 'none'; } 221 }); 222 223 if (menuToShow) { 224 menuToShow.style.display = 'block'; 225 setTimeout(() => { menuToShow.classList.add('show'); }, 10); 226 } 227 activeTab = linkClass; 228 } 229 }); 230 }); 231 232 // Fermer si clic sur l'overlay 233 if(overlay) { 234 overlay.addEventListener("click", (e) => { 235 if(e.target === overlay) closeAll(); 236 }); 237 } 238 239 // --- INITIALISATION DES SLIDERS SPLIDE --- 240 const sliders = document.querySelectorAll('.splide:not(.thumbnails-slider-content):not(.main-slider-content)'); 241 242 if (sliders.length > 0 && typeof Splide !== 'undefined') { 243 sliders.forEach((slider) => { 244 245 const splide = new Splide(slider, { 246 type : 'slide', 247 rewind : false, 248 focus : 0, 249 perPage : 3, 250 perMove : 1, 251 gap : '20px', 252 arrows : true, 253 pagination : true, 254 drag : true, 255 trimSpace : 'move', 256 breakpoints: { 257 991: { perPage: 2.5 }, 258 479: { perPage: 1.5 } 259 } 260 }); 261 262 // --- SCRIPT DE LA BARRE DE PROGRESSION --- 263 const bar = slider.querySelector('.my-slider-progress-bar'); 264 265 if (bar) { 266 splide.on('mounted move', function () { 267 const end = splide.Components.Controller.getEnd() + 1; 268 const rate = Math.min((splide.index + 1) / end, 1); 269 bar.style.width = String(100 * rate) + '%'; 270 }); 271 } 272 273 splide.mount(); 274 275 // Bloque l'effet "remonte en haut" causé par les boutons/points natifs 276 slider.addEventListener('click', function(e) { 277 const target = e.target.closest('.splide__arrow, .splide__pagination__page'); 278 if (target) { 279 e.preventDefault(); 280 } 281 }); 282 283 }); 284 } 285}); 286</script>
286</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.