PageSourceSearch

https://new-site-0dd6ba.webflow.io/tous-nos-vehicules

html new-site-0dd6ba.webflow.io collected 2026-10-03 13:31:33 UTC 20,877 bytes, 286 lines download raw bytes

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&#x27;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&#x27;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&#x27;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&amp;tally-layout=modal&amp;tally-width=500&amp;tally-emoji-animation=none  // Example &lt;a href=&quot;#tally-open=QK92D7&amp;tally-layout=modal&amp;tally-width=500&amp;tally-emoji-animation=none&quot;&gt;Click me&lt;/a&gt;" 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 &amp; 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 &amp; 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 &amp; maintenance courante</a><a href="/gardiennage" class="heading-nav nav-sous-link">Gardiennage &amp; Transports</a><a href="/certification-ferrari" class="heading-nav nav-sous-link">Atelier Classiche &amp; Certification</a><a href="/racing" class="heading-nav nav-sous-link">Preparation &amp; 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&#x27;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.