<!DOCTYPE html>
<html lang="fr">
<head>
<script>
window.axeptioSettings = {
clientId: "69e649a6272c309d601ae608",
cookiesVersion: "05aa7153-9516-4852-a3ee-c4692f2bada5",
googleConsentMode: {
default: {
analytics_storage: "denied",
ad_storage: "denied",
ad_user_data: "denied",
ad_personalization: "denied",
wait_for_update: 500
}
}
};
(function (d, s) {
var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
e.async = true; e.src = "//static.axept.io/sdk.js";
t.parentNode.insertBefore(e, t);
})(document, "script");
// Pont Axeptio -> dataLayer GTM : push d'évènements personnalisés selon les vendors acceptés.
// Les déclencheurs GTM correspondants sont :
// - "[Axeptio] Consent Google Analytics" -> évènement "axeptio_consent_google_analytics"
// - "[Axeptio] Consent iAdvize" -> évènement "axeptio_consent_iadvize"
// Les clés de "choices" doivent correspondre aux vendors configurés dans le bandeau Axeptio.
void 0 === window._axcb && (window._axcb = []);
window._axcb.push(function (axeptio) {
axeptio.on("cookies:complete", function (choices) {
window.dataLayer = window.dataLayer || [];
if (choices.google_analytics) {
window.dataLayer.push({ event: "axeptio_consent_google_analytics" });
}
if (choices.iadvize) {
window.dataLayer.push({ event: "axeptio_consent_iadvize" });
}
});
});
</script>
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-NC2BW6');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="https://www.sndiffusion.fr/images/favicon.png" type="image/png">
<title>Acheter une Skoda occasion à Rodez chez votre mandataire auto SN Diffusion</title>
<meta property="og:title" content="Acheter une Skoda occasion à Rodez chez votre mandataire auto SN Diffusion" />
<meta name="twitter:title" content="Acheter une Skoda occasion à Rodez chez votre mandataire auto SN Diffusion" />
<meta name="embedx:title" content="Acheter une Skoda occasion à Rodez chez votre mandataire auto SN Diffusion" />
<meta name="description" content="Découvrez toutes nos Skoda occasion à Rodez et acheter votre prochain véhicule Skoda chez votre mandataire automobile. Profitez de notre expertise de plus de 30 ans dans le secteur du négoce automobile." />
<meta property="og:description" content="Découvrez toutes nos Skoda occasion à Rodez et acheter votre prochain véhicule Skoda chez votre mandataire automobile. Profitez de notre expertise de plus de 30 ans dans le secteur du négoce automobile." />
<meta name="twitter:description" content="Découvrez toutes nos Skoda occasion à Rodez et acheter votre prochain véhicule Skoda chez votre mandataire automobile. Profitez de notre expertise de plus de 30 ans dans le secteur du négoce automobile." />
<meta name="embedx:description" content="Découvrez toutes nos Skoda occasion à Rodez et acheter votre prochain véhicule Skoda chez votre mandataire automobile. Profitez de notre expertise de plus de 30 ans dans le secteur du négoce automobile." />
<link rel="canonical" href="https://www.sndiffusion.fr/mandataire/occasion/skoda/ville-rodez" />
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.sndiffusion.fr","name":"Accueil"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.sndiffusion.fr\/mandataire","name":"Mandataire auto"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/www.sndiffusion.fr\/mandataire\/occasion","name":"Voiture occasion"}},{"@type":"ListItem","position":4,"item":{"@id":"https:\/\/www.sndiffusion.fr\/mandataire\/occasion\/skoda\/ville-rodez","name":"Skoda"}},{"@type":"ListItem","position":5,"item":{"@id":"https:\/\/www.sndiffusion.fr\/mandataire\/occasion\/skoda\/ville-rodez","name":"Rodez"}}]}</script>
<link rel="preconnect" href="https://static.axept.io" crossorigin>
<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
<link rel="preload" as="font" type="font/woff2" href="https://www.sndiffusion.fr/fonts/rubik/rubik-500.woff2" crossorigin>
<link rel="preload" as="font" type="font/woff2" href="https://www.sndiffusion.fr/fonts/inter/inter-400.woff2" crossorigin>
<link rel="preload" as="style" href="https://www.sndiffusion.fr/build/assets/app-BR0edI8O.css" /><link rel="modulepreload" as="script" href="https://www.sndiffusion.fr/build/assets/app-CxBL-Nms.js" /><link rel="stylesheet" href="https://www.sndiffusion.fr/build/assets/app-BR0edI8O.css" data-navigate-track="reload" /><script type="module" src="https://www.sndiffusion.fr/build/assets/app-CxBL-Nms.js" data-navigate-track="reload"></script>
<script src="https://livechat.ekonsilio.io/619f4cbf27867a001218b13f.js" async="" crossorigin="anonymous"></script>
<script>
window.algolia = {
indexName: 'sn_prod_vehicles',
searchPath: 'https://www.sndiffusion.fr/mandataire/recherche',
dealershipId: null,
geoDealershipId: 4,
initialUiState: {"refinementList":{"condition":["Occasion"],"brand":["Skoda"]},"sortBy":"sn_prod_vehicles"},
selections: [{"name":"Petits prix","label":"Petit prix","bg_color":"#FF6D1D","text_color":"#FFFFFF","display_search":true,"display_tag":true,"image":"https:\/\/www.sndiffusion.fr\/storage\/264\/conversions\/01KT15E7W9FD0VKY9JCMYEJAVR-thumb.avif"},{"name":"Faible kilom\u00e9trage","label":"Faible Km","bg_color":"#E6B628","text_color":"#ffffff","display_search":true,"display_tag":true,"image":"https:\/\/www.sndiffusion.fr\/storage\/230\/conversions\/01KSQM0JHP7W7SBXWV5HCWPWDJ-thumb.avif"}],
colors: {"Noir":"#000000","Blanc":"#FFFFFF","Gris":"#808080","Rouge":"#FF0000","Bleu":"#0000FF","Vert":"#008000","Marron":"#8B4513","Beige":"#F5F5DC","Orange":"#FFA500","Jaune":"#FFFF00","Argent":"#C0C0C0","Bordeaux":"#800020","Ivoire":"#FFFFF0","Rose":"#FFC0CB","Violet":"#7F00FF","Dor\u00e9":"#FFD700","Autre":"#CCCCCC"},
remarkableEquipments: {"4 roues directrices":{"icon":null},"4 roues motrices":{"icon":null},"Hayon motoris\u00e9":{"icon":null},"Attelage":{"icon":null},"Si\u00e8ges chauffants":{"icon":null},"Si\u00e8ges \u00e9lectriques":{"icon":null},"Climatisation Automatique":{"icon":null},"Radar Avant":{"icon":null},"Son Hi-Fi":{"icon":null},"Affichage T\u00eate haute":{"icon":null},"Jantes Alu":{"icon":null},"Retroviseurs Rabattables Electriques":{"icon":null},"Apple Carplay \/ Android Auto":{"icon":null},"Toit ouvrant":{"icon":null},"Toit panoramique":{"icon":null},"R\u00e9gulateur de vitesse":{"icon":null},"R\u00e9gulateur de vitesse adaptatif":{"icon":null},"Cam\u00e9ra de recul":{"icon":null},"Cam\u00e9ra 360":{"icon":null}},
categories: {"Berline":{"image":"https:\/\/www.sndiffusion.fr\/storage\/226\/conversions\/berline-thumb.avif"},"SUV":{"image":"https:\/\/www.sndiffusion.fr\/storage\/211\/conversions\/suv-thumb.avif"},"Citadine":{"image":"https:\/\/www.sndiffusion.fr\/storage\/213\/conversions\/citadine-thumb.avif"},"Break":{"image":"https:\/\/www.sndiffusion.fr\/storage\/214\/conversions\/break-thumb.avif"},"Monospace":{"image":"https:\/\/www.sndiffusion.fr\/storage\/227\/conversions\/monospace-thumb.avif"},"Coup\u00e9":{"image":"https:\/\/www.sndiffusion.fr\/storage\/215\/conversions\/coupe-thumb.avif"},"Cabriolet":{"image":"https:\/\/www.sndiffusion.fr\/storage\/224\/conversions\/cabriolet-thumb.avif"},"Utilitaire":{"image":"https:\/\/www.sndiffusion.fr\/storage\/217\/conversions\/utilitaire-thumb.avif"},"Pick-up":{"image":"https:\/\/www.sndiffusion.fr\/storage\/229\/conversions\/pick-up-thumb.avif"},"Voiture sans permis":{"image":"https:\/\/www.sndiffusion.fr\/storage\/228\/conversions\/voiture-sans-permis-thumb.avif"},"AUTRES":{"image":""},"MOTO":{"image":""},"Scooter":{"image":""},"Collection":{"image":"https:\/\/www.sndiffusion.fr\/storage\/363\/conversions\/collection-thumb.avif"}},
};
</script>
<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
</head>
<body>
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NC2BW6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div>
<header
id="header"
x-data="{ scrolled: false, mobileMenuOpen: false, activeMenu: null, closeTimer: null, init() { this.scrolled = window.scrollY > 10 window.addEventListener('scroll', () => { this.scrolled = window.scrollY > 10 }, { passive: true }) this.$watch('mobileMenuOpen', (open) => { document.body.style.overflow = open ? 'hidden' : '' }) }, openMenu(menu) { clearTimeout(this.closeTimer) this.activeMenu = menu }, scheduleClose() { this.closeTimer = setTimeout(() => { this.activeMenu = null }, 150) }, cancelClose() { clearTimeout(this.closeTimer) }, }"
x-bind:class="scrolled ? 'shadow-md' : ''"
class="fixed inset-x-0 top-0 z-50 border-b border-gray-100 bg-white transition-shadow duration-300"
@keydown.escape.window="activeMenu = null"
>
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between transition-all duration-300 py-2" x-bind:class="scrolled ? 'lg:h-16' : 'lg:h-24'">
<div class="flex lg:hidden">
<button
type="button"
class="-ml-2 inline-flex items-center justify-center rounded-md p-2 text-primary-500 hover:bg-primary-50 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary-500"
aria-label="Ouvrir le menu"
@click="mobileMenuOpen = true"
>
<svg class="shrink-0 [:where(&)]:size-6 size-6" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/>
</svg>
</button>
</div>
<a href="https://www.sndiffusion.fr/" wire:navigate class="flex shrink-0 items-center">
<img
src="/images/logo-header-sndiffusion.png"
alt="SN Diffusion"
width="207"
height="91"
class="w-auto transition-all duration-300 h-10 lg:h-20"
x-bind:class="scrolled && 'lg:!h-10'"
/>
</a>
<nav class="hidden items-center gap-2 xl:gap-4 lg:flex">
<a
href="https://www.sndiffusion.fr/mandataire/neuve" wire:navigate
class="inline-flex h-14 items-center gap-1.5 rounded-lg px-4 text-center text-lg leading-tight font-semibold text-primary-500 transition-colors hover:bg-primary-50 hover:text-primary-700"
@mouseenter="openMenu('vn')"
@mouseleave="scheduleClose()"
@focus="openMenu('vn')"
>
<span>Voitures<br><strong class="font-extrabold">Neuves</strong></span>
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-primary-300" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
</svg>
</a>
<a
href="https://www.sndiffusion.fr/mandataire/occasion" wire:navigate
class="inline-flex h-14 items-center gap-1.5 rounded-lg px-4 text-center text-lg leading-tight font-semibold text-primary-500 transition-colors hover:bg-primary-50 hover:text-primary-700"
@mouseenter="openMenu('vo')"
@mouseleave="scheduleClose()"
@focus="openMenu('vo')"
>
<span>Voitures<br><strong class="font-extrabold">Occasions</strong></span>
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-primary-300" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
</svg>
</a>
<a
href="#"
class="inline-flex h-14 items-center gap-1.5 rounded-lg px-4 text-center text-lg leading-tight font-semibold text-primary-500 transition-colors hover:bg-primary-50 hover:text-primary-700"
@mouseenter="openMenu('financing')"
@mouseleave="scheduleClose()"
@focus="openMenu('financing')"
>
Services
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-primary-300" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
</svg>
</a>
<a
href="https://www.sndiffusion.fr/reprise" wire:navigate
class="inline-flex h-14 items-center rounded-lg px-4 text-center text-lg leading-tight font-semibold text-primary-500 transition-colors hover:bg-primary-50 hover:text-primary-700"
@mouseenter="activeMenu = null"
>
Reprise
</a>
<a
href="https://www.sndiffusion.fr/nos-agences" wire:navigate
class="inline-flex h-14 items-center gap-1.5 rounded-lg px-4 text-center text-lg leading-tight font-semibold text-primary-500 transition-colors hover:bg-primary-50 hover:text-primary-700"
@mouseenter="activeMenu = null"
>
Agences
</a>
</nav>
<div class="hidden shrink-0 items-center gap-3 lg:flex">
<button
type="button"
x-data
@click="Livewire.dispatch('load-favorites', { ids: $store.favorites.items }); $flux.modal('favorites-flyout').show()"
class="relative inline-flex rounded-full size-12 min-size-12 items-center justify-center bg-primary-50/50 hover:bg-primary-50 hover:text-primary-700"
aria-label="Mes Favoris"
>
<svg class="shrink-0 [:where(&)]:size-6 size-8" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
</svg>
<span
x-show="$store.favorites.count > 0"
x-text="$store.favorites.count"
x-cloak
class="absolute top-0 right-0 flex size-5 items-center justify-center rounded-full bg-primary text-[10px] font-bold text-white"
></span>
</button>
<a href="#" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center text-base rounded-full size-12 inline-flex bg-[var(--color-primary)] hover:bg-[color-mix(in_oklab,_var(--color-primary),_transparent_10%)] text-[var(--color-primary-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&]:border-e-0 [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-[1px] dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-0 dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-s-[1px] [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)] [--color-primary:var(--color-accent)] [--color-primary-content:var(--color-accent-content)] [--color-primary-foreground:var(--color-accent-foreground)] dark:[--color-primary:var(--color-accent)] dark:[--color-primary-content:var(--color-accent-content)] dark:[--color-primary-foreground:var(--color-accent-foreground)] xl:hidden" data-flux-group-target="data-flux-group-target">
<svg class="shrink-0 [:where(&)]:size-5 shrink-0 size-6" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M2 3.5A1.5 1.5 0 0 1 3.5 2h1.148a1.5 1.5 0 0 1 1.465 1.175l.716 3.223a1.5 1.5 0 0 1-1.052 1.767l-.933.267c-.41.117-.643.555-.48.95a11.542 11.542 0 0 0 6.254 6.254c.395.163.833-.07.95-.48l.267-.933a1.5 1.5 0 0 1 1.767-1.052l3.223.716A1.5 1.5 0 0 1 18 15.352V16.5a1.5 1.5 0 0 1-1.5 1.5H15c-1.149 0-2.263-.15-3.326-.43A13.022 13.022 0 0 1 2.43 8.326 13.019 13.019 0 0 1 2 5V3.5Z" clip-rule="evenodd"/>
</svg>
<span class="min-w-0 shrink leading-snug"></span>
</a>
<a href="https://www.sndiffusion.fr/contact" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 min-w-0 max-w-full whitespace-normal text-center disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center text-base rounded-full min-h-12 h-auto py-3 ps-4 pe-6 inline-flex bg-[var(--color-primary)] hover:bg-[color-mix(in_oklab,_var(--color-primary),_transparent_10%)] text-[var(--color-primary-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&]:border-e-0 [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-[1px] dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-0 dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-s-[1px] [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)] [--color-primary:var(--color-accent)] [--color-primary-content:var(--color-accent-content)] [--color-primary-foreground:var(--color-accent-foreground)] dark:[--color-primary:var(--color-accent)] dark:[--color-primary-content:var(--color-accent-content)] dark:[--color-primary-foreground:var(--color-accent-foreground)] hidden! xl:flex!" data-flux-group-target="data-flux-group-target" wire:navigate="">
<svg class="shrink-0 [:where(&)]:size-4 shrink-0 size-6" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="m3.855 7.286 1.067-.534a1 1 0 0 0 .542-1.046l-.44-2.858A1 1 0 0 0 4.036 2H3a1 1 0 0 0-1 1v2c0 .709.082 1.4.238 2.062a9.012 9.012 0 0 0 6.7 6.7A9.024 9.024 0 0 0 11 14h2a1 1 0 0 0 1-1v-1.036a1 1 0 0 0-.848-.988l-2.858-.44a1 1 0 0 0-1.046.542l-.534 1.067a7.52 7.52 0 0 1-4.86-4.859Z" clip-rule="evenodd"/>
</svg>
<span class="min-w-0 shrink leading-snug">Contactez-nous</span>
</a>
</div>
<div class="flex lg:hidden">
<button
type="button"
x-data
@click="Livewire.dispatch('load-favorites', { ids: $store.favorites.items }); $flux.modal('favorites-flyout').show()"
class="relative inline-flex items-center p-2 text-primary-500"
aria-label="Mes Favoris"
>
<svg class="shrink-0 [:where(&)]:size-6 size-6" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
</svg>
<span
x-show="$store.favorites.count > 0"
x-text="$store.favorites.count"
x-cloak
class="absolute -top-0.5 -right-0.5 flex size-4 items-center justify-center rounded-full bg-red-500 text-[9px] font-bold text-white"
></span>
</button>
</div>
</div>
<div
x-show="activeMenu"
x-transition:enter="transition duration-200 ease-out"
x-transition:enter-start="opacity-0 -translate-y-1"
x-transition:enter-end="opacity-100 translate-y-0"
x-transition:leave="transition duration-150 ease-in"
x-transition:leave-start="opacity-100 translate-y-0"
x-transition:leave-end="opacity-0 -translate-y-1"
x-cloak
class="hidden border-t border-gray-100 bg-white shadow-xl lg:block"
@mouseenter="cancelClose()"
@mouseleave="scheduleClose()"
>
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div x-show="activeMenu === 'vn'" x-cloak>
<div wire:key="lw-1066456229-0-0" wire:snapshot="{"data":{"condition":["neuve",{"class":"App\\Enums\\Condition","s":"enm"}]},"memo":{"id":"GJ0oMdBkLrb5FyxZEgYN","name":"layout.submenu-vehicles","path":"mandataire\/occasion\/skoda\/ville-rodez","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"cebcab709c81de3a66d6e9437e6e8c9ccc6e395f79a8880d3f9b03ecab70f680"}" wire:effects="{"partials":[]}" wire:id="GJ0oMdBkLrb5FyxZEgYN" wire:name="layout.submenu-vehicles" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbeyJjb25kaXRpb24iOlsibmV1dmUiLHsiY2xhc3MiOiJBcHBcXEVudW1zXFxDb25kaXRpb24iLCJzIjoiZW5tIn1dfSx7InMiOiJhcnIifV19LCJtZW1vIjp7ImlkIjoiSThNOVZEN3laajZrQzFRcVVqbE4iLCJuYW1lIjoiX19tb3VudFBhcmFtc0NvbnRhaW5lciIsInBhdGgiOiJtYW5kYXRhaXJlXC9vY2Nhc2lvblwvc2tvZGFcL3ZpbGxlLXJvZGV6IiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiZTlkYjg0ZDMzNGFkNzQ1OTBlNjY5NjllNjNjM2VhYjhlYzRiNTQzOTk3ZmE0NzU3M2MzNTY3NzljYjNkYWQzNiJ9')"></div> </div>
<div x-show="activeMenu === 'vo'" x-cloak>
<div wire:key="lw-1066456229-1-0" wire:snapshot="{"data":{"condition":["occasion",{"class":"App\\Enums\\Condition","s":"enm"}]},"memo":{"id":"ObZ7nU8gvmgjfx08zbpd","name":"layout.submenu-vehicles","path":"mandataire\/occasion\/skoda\/ville-rodez","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"e2bc390e7547234e4e9409636c34d6f11a9600d089e08dc3f2775d9830cc82c6"}" wire:effects="{"partials":[]}" wire:id="ObZ7nU8gvmgjfx08zbpd" wire:name="layout.submenu-vehicles" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbeyJjb25kaXRpb24iOlsib2NjYXNpb24iLHsiY2xhc3MiOiJBcHBcXEVudW1zXFxDb25kaXRpb24iLCJzIjoiZW5tIn1dfSx7InMiOiJhcnIifV19LCJtZW1vIjp7ImlkIjoiOHdWejBzWWpjSUd5UUwzdDhHbmsiLCJuYW1lIjoiX19tb3VudFBhcmFtc0NvbnRhaW5lciIsInBhdGgiOiJtYW5kYXRhaXJlXC9vY2Nhc2lvblwvc2tvZGFcL3ZpbGxlLXJvZGV6IiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiYzUxY2ZhYjRlMDhmODQxMGJlZWFlNzZlZmUxZmU5MmEyMTNkYTUxMjNjMDRiZDY5MzY5OTIxMmM3OTdiM2U1OCJ9')"></div> </div>
<div x-show="activeMenu === 'financing'" x-cloak>
<div wire:key="lw-1066456229-2-0" wire:snapshot="{"data":[],"memo":{"id":"arx1uCfoXZTbdXtz55AI","name":"layout.submenu-services","path":"mandataire\/occasion\/skoda\/ville-rodez","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"a9bbd4975e8f479f37cf4edc163e55f0347451dd01b3944b7661def58a340034"}" wire:effects="{"partials":[]}" wire:id="arx1uCfoXZTbdXtz55AI" wire:name="layout.submenu-services" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dfSwibWVtbyI6eyJpZCI6Im5JMFYyVHBselVTbzhYaGowa0hUIiwibmFtZSI6Il9fbW91bnRQYXJhbXNDb250YWluZXIiLCJwYXRoIjoibWFuZGF0YWlyZVwvb2NjYXNpb25cL3Nrb2RhXC92aWxsZS1yb2RleiIsIm1ldGhvZCI6IkdFVCIsInJlbGVhc2UiOiJhLWEtYSJ9LCJjaGVja3N1bSI6ImI1YzA5MTVjYTcyMmMyNzIwZmNmZjRkNGViMzc1ZmYxOTNkODkzMTIyZGYyYzQwMGJkYWJiNGFiYmY5NzZkM2UifQ==')"></div> </div>
</div> </div>
<div
x-show="mobileMenuOpen"
x-cloak
class="fixed inset-0 z-50 lg:hidden"
@keydown.escape.window="mobileMenuOpen = false"
>
<div
x-show="mobileMenuOpen"
x-transition:enter="transition-opacity duration-300 ease-out"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition-opacity duration-200 ease-in"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
class="fixed inset-0 bg-black/30"
@click="mobileMenuOpen = false"
></div>
<div
x-show="mobileMenuOpen"
x-transition:enter="transition-transform duration-300 ease-out"
x-transition:enter-start="-translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave="transition-transform duration-200 ease-in"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="-translate-x-full"
class="fixed inset-y-0 left-0 flex w-full max-w-sm flex-col overflow-hidden bg-white shadow-xl"
>
<div class="flex shrink-0 items-center justify-between border-b border-gray-100 px-4 py-4">
<a href="https://www.sndiffusion.fr/" class="flex items-center" @click="mobileMenuOpen = false">
<img
src="/images/logo-header-sndiffusion.png"
alt="SN Diffusion"
width="207"
height="91"
class="h-12 w-auto"
/>
</a>
<button
type="button"
class="rounded-md p-2 text-gray-400 hover:text-gray-600 focus:outline-none focus:ring-2 focus:ring-primary-500"
aria-label="Fermer le menu"
@click="mobileMenuOpen = false"
>
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
</svg>
</button>
</div>
<nav class="min-h-0 flex-1 space-y-1 overflow-y-auto px-3 py-4">
<a href="https://www.sndiffusion.fr/mandataire/neuve" wire:navigate class="flex items-center justify-between rounded-lg px-3 py-2.5 text-base font-medium text-primary-500 hover:bg-primary-50" @click="mobileMenuOpen = false">
Voitures Neuves
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-primary-300" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>
</a>
<a href="https://www.sndiffusion.fr/mandataire/occasion" wire:navigate class="flex items-center justify-between rounded-lg px-3 py-2.5 text-base font-medium text-primary-500 hover:bg-primary-50" @click="mobileMenuOpen = false">
Voitures Occasions
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-primary-300" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>
</a>
<details>
<summary class="flex items-center justify-between rounded-lg px-3 py-2.5 text-base font-medium text-primary-500 hover:bg-primary-50">
Services
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-primary-300" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>
</summary>
<div wire:key="lw-1066456229-3-0" wire:snapshot="{"data":[],"memo":{"id":"Z8sMpeHhWk5XKEjT5Xo7","name":"layout.submenu-services","path":"mandataire\/occasion\/skoda\/ville-rodez","method":"GET","release":"a-a-a","attributes":{"variant":"mobile"},"children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"336fc3249e61018988334364e42526c3a5024ca8a2591a097433d510f82d297e"}" wire:effects="{"partials":[]}" wire:id="Z8sMpeHhWk5XKEjT5Xo7" wire:name="layout.submenu-services" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dfSwibWVtbyI6eyJpZCI6IkZkRmlyYUhZVkpUTmRMR0w5Nm5HIiwibmFtZSI6Il9fbW91bnRQYXJhbXNDb250YWluZXIiLCJwYXRoIjoibWFuZGF0YWlyZVwvb2NjYXNpb25cL3Nrb2RhXC92aWxsZS1yb2RleiIsIm1ldGhvZCI6IkdFVCIsInJlbGVhc2UiOiJhLWEtYSJ9LCJjaGVja3N1bSI6IjY3Y2NiZTBhZjZkMmI0NzM5ZWUxMTM3OGY5MWMyYzc4ZDMzOGRmY2I2MWVjZWI5YTQ4OGZhZDk3ZmEwMDM3MTYifQ==')"></div> </details>
<a href="https://www.sndiffusion.fr/reprise" wire:navigate class="flex items-center rounded-lg px-3 py-2.5 text-base font-medium text-primary-500 hover:bg-primary-50" @click="mobileMenuOpen = false">
Reprise
</a>
<a href="https://www.sndiffusion.fr/nos-agences" wire:navigate class="flex items-center justify-between rounded-lg px-3 py-2.5 text-base font-medium text-primary-500 hover:bg-primary-50" @click="mobileMenuOpen = false">
Agences
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-primary-300" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>
</a>
</nav>
<div class="shrink-0 border-t border-gray-100 px-4 py-4">
<a href="https://www.sndiffusion.fr/contact" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 min-w-0 max-w-full whitespace-normal text-center disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center text-sm rounded-full min-h-10 h-auto py-2.5 ps-4 pe-4 inline-flex bg-[var(--color-primary)] hover:bg-[color-mix(in_oklab,_var(--color-primary),_transparent_10%)] text-[var(--color-primary-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&]:border-e-0 [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-[1px] dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-0 dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-s-[1px] [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)] [--color-primary:var(--color-accent)] [--color-primary-content:var(--color-accent-content)] [--color-primary-foreground:var(--color-accent-foreground)] dark:[--color-primary:var(--color-accent)] dark:[--color-primary-content:var(--color-accent-content)] dark:[--color-primary-foreground:var(--color-accent-foreground)] w-full justify-center" data-flux-group-target="data-flux-group-target" wire:navigate="">
Contactez-nous
</a>
</div>
</div>
</div>
</header>
<main class="min-h-screen mt-14 lg:mt-24">
<div>
<div wire:key="hero-mandataire/occasion/skoda/ville-rodez">
<div class="bg-primary hero-texture">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8 lg:py-12">
<div class="">
<div>
<nav class="mb-3 text-xs lg:text-sm">
<ol class="flex flex-wrap items-center gap-1.5 text-primary-200">
<li>
<a href="https://www.sndiffusion.fr" wire:navigate class="transition-colors hover:text-white">
Accueil
</a>
</li>
<li><svg class="shrink-0 [:where(&)]:size-6 size-3" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>
</li>
<li>
<a href="https://www.sndiffusion.fr/mandataire" wire:navigate class="transition-colors hover:text-white">
Mandataire auto
</a>
</li>
<li><svg class="shrink-0 [:where(&)]:size-6 size-3" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>
</li>
<li>
<a href="https://www.sndiffusion.fr/mandataire/occasion" wire:navigate class="transition-colors hover:text-white">
Voiture occasion
</a>
</li>
<li><svg class="shrink-0 [:where(&)]:size-6 size-3" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>
</li>
<li>
<a href="" wire:navigate class="transition-colors hover:text-white">
Skoda
</a>
</li>
<li><svg class="shrink-0 [:where(&)]:size-6 size-3" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
</svg>
</li>
<li><span class="text-secondary font-medium">Rodez</span></li>
</ol>
</nav>
<div class="text-left">
<div class="flex items-center gap-2 w-full">
<div>
<h1 class="flex items-center gap-2 text-2xl font-extrabold md:text-4xl text-white text-left">
Acheter une Skoda occasion à Rodez
</h1>
<p class="text-sm md:text-base mt-1 text-primary-100 max-w-2xl">Repartez au volant d'une Skoda occasion à Rodez </p>
</div>
</div>
</div>
</div>
</div>
</div> </div>
</div>
<div wire:snapshot="{"data":{"condition":["occasion",{"class":"App\\Enums\\Condition","s":"enm"}],"category":null,"brand":[null,{"class":"App\\Models\\Repository\\Brand","key":22,"s":"mdl"}],"transmission":null,"fuel":null,"model":null,"selection":null,"department":null,"city":[null,{"class":"App\\Models\\Geography\\City","key":7,"s":"mdl"}],"paginators":[{"page":1},{"s":"arr"}]},"memo":{"id":"ecL4uTbBlY0q6kcvqLhK","name":"pages::vehicles.list","path":"mandataire\/occasion\/skoda\/ville-rodez","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr","islands":[]},"checksum":"4d91961afc6d3209ebfebaaef38286de4c06bc161d58feade7b460e7a449cbd8"}" wire:effects="{"partials":[],"url":{"paginators.page":{"as":"page","use":"push","alwaysShow":false,"except":null}}}" wire:id="ecL4uTbBlY0q6kcvqLhK" wire:name="pages::vehicles.list" class="relative">
<div class="sticky top-14 lg:top-16 bg-primary hero-texture z-11">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-4">
<div id="search-bar" class="min-h-[46px] flex items-center"></div>
</div> </div>
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div id="current-refinements" class="mt-4"></div>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<section class="py-8">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div id="algoliaSearch" class="algolia-render hidden"></div>
<div id="serverResults" class="server-render">
<!--[if BLOCK]><![endif]--> <p class="mb-6 text-lg">
<span class="font-semibold">7</span> véhicules trouvés
</p>
<div class="bg-primary-50/50 rounded-lg p-2 text-lg mb-6 text-center">
Un crédit vous engage et doit être remboursé. Vérifiez vos capacités de remboursement avant de vous engager.
</div>
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
<!--[if BLOCK]><![endif]--> <div class="[:where(&)]:bg-white dark:[:where(&)]:bg-white/10 border border-primary-50 dark:border-white/10 [:where(&)]:p-6 [:where(&)]:rounded-xl hover:shadow-lg hover:-translate-y-1 transition-all duration-300 p-0 mx-1 my-2 group relative overflow-hidden flex flex-col flex-1 h-full" data-flux-card>
<div class="relative">
<!--[if BLOCK]><![endif]--> <div class="aspect-4/3 bg-linear-to-br from-gray-100 to-gray-200 flex items-center justify-center relative overflow-hidden rounded-xl shadow-sm">
<img
src="https://www.sndiffusion.fr/storage/defaults/01KN7JECWVGN3B4YA2JHN6GNJ3.jpg"
alt="Skoda OCTAVIA"
width="600"
height="450"
loading="eager"
decoding="async"
class="w-full object-cover object-center"
/>
</div>
<!--[if ENDBLOCK]><![endif]-->
<div class="absolute -top-px -left-px">
<!--[if BLOCK]><![endif]--> <span class="inline-flex items-center rounded-br-xl bg-vo px-2.5 py-1.5 text-xs font-medium text-white shadow-sm border border-white/20 relative z-10">
Occasion
</span> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(1323)"
:class="$store.favorites.has(1323) ? 'bg-red-500 text-white' : 'bg-black/40 text-white hover:bg-black/60 hover:text-red-400'"
class="absolute top-2 right-2 z-10 flex size-8 items-center justify-center rounded-full transition cursor-pointer"
:aria-label="$store.favorites.has(1323) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(1323) && 'fill-current'" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
</svg>
</button>
</div>
<div class="p-4 flex flex-col gap-4">
<a href="https://www.sndiffusion.fr/mandataire/occasion/skoda/octavia/20-tdi-115-bv6-selection-camera-ja-17-1323" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Skoda OCTAVIA</span>
<span class="text-sm text-gray-500 truncate block" title="2.0 TDI 115 BV6 SELECTION Caméra JA 17"">
2.0 TDI 115 BV6 SELECTION Caméra JA 17"
</span>
</h3>
</a>
<div class="flex items-center justify-around gap-4 flex-wrap text-xs">
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"/>
</svg>
Diesel
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
</svg>
125 600 km
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"/>
</svg>
06/2023
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>
Manuelle
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<span class="size-4 rounded-full ring ring-gray-200" style="background-color: #FFFFFF"></span>
Blanc
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<img src="https://www.sndiffusion.fr/images/critair/vignette-critair-2.png" alt="Crit'Air 2" class="size-4 shrink-0" />
Crit'Air 2
</span>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="bg-primary-50/50 flex flex-col px-3 py-2 gap-1.5 flex-1 justify-center">
<!--[if BLOCK]><![endif]--> <p class="text-lg xl:text-xl font-extrabold text-center">
16 950 €
</p>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="[:where(&)]:bg-white dark:[:where(&)]:bg-white/10 border border-primary-50 dark:border-white/10 [:where(&)]:p-6 [:where(&)]:rounded-xl hover:shadow-lg hover:-translate-y-1 transition-all duration-300 p-0 mx-1 my-2 group relative overflow-hidden flex flex-col flex-1 h-full" data-flux-card>
<div class="relative">
<!--[if BLOCK]><![endif]--> <div class="aspect-4/3 bg-linear-to-br from-gray-100 to-gray-200 flex items-center justify-center relative overflow-hidden rounded-xl shadow-sm">
<img
src="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1782/20/d71e0275-4ed8-4a35-8584-d4b621e75823.jpg?w=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1782/20/d71e0275-4ed8-4a35-8584-d4b621e75823.jpg?w=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1782/20/d71e0275-4ed8-4a35-8584-d4b621e75823.jpg?w=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1782/20/d71e0275-4ed8-4a35-8584-d4b621e75823.jpg?w=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Skoda OCTAVIA"
width="600"
height="450"
loading="eager"
decoding="async"
fetchpriority="high"
class="w-full object-cover object-center"
/>
</div>
<!--[if ENDBLOCK]><![endif]-->
<div class="absolute -top-px -left-px">
<!--[if BLOCK]><![endif]--> <span class="inline-flex items-center rounded-br-xl bg-vo px-2.5 py-1.5 text-xs font-medium text-white shadow-sm border border-white/20 relative z-10">
Occasion
</span> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(1320)"
:class="$store.favorites.has(1320) ? 'bg-red-500 text-white' : 'bg-black/40 text-white hover:bg-black/60 hover:text-red-400'"
class="absolute top-2 right-2 z-10 flex size-8 items-center justify-center rounded-full transition cursor-pointer"
:aria-label="$store.favorites.has(1320) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(1320) && 'fill-current'" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
</svg>
</button>
</div>
<div class="p-4 flex flex-col gap-4">
<a href="https://www.sndiffusion.fr/mandataire/occasion/skoda/octavia/20-tdi-115-bv6-selection-camera-ja-17-1320" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Skoda OCTAVIA</span>
<span class="text-sm text-gray-500 truncate block" title="2.0 TDI 115 BV6 SELECTION Caméra JA 17"">
2.0 TDI 115 BV6 SELECTION Caméra JA 17"
</span>
</h3>
</a>
<div class="flex items-center justify-around gap-4 flex-wrap text-xs">
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"/>
</svg>
Diesel
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
</svg>
129 850 km
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"/>
</svg>
06/2023
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>
Manuelle
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<span class="size-4 rounded-full ring ring-gray-200" style="background-color: #FFFFFF"></span>
Blanc
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<img src="https://www.sndiffusion.fr/images/critair/vignette-critair-2.png" alt="Crit'Air 2" class="size-4 shrink-0" />
Crit'Air 2
</span>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="bg-primary-50/50 flex flex-col px-3 py-2 gap-1.5 flex-1 justify-center">
<!--[if BLOCK]><![endif]--> <p class="text-lg xl:text-xl font-extrabold text-center">
16 950 €
</p>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="[:where(&)]:bg-white dark:[:where(&)]:bg-white/10 border border-primary-50 dark:border-white/10 [:where(&)]:p-6 [:where(&)]:rounded-xl hover:shadow-lg hover:-translate-y-1 transition-all duration-300 p-0 mx-1 my-2 group relative overflow-hidden flex flex-col flex-1 h-full" data-flux-card>
<div class="relative">
<!--[if BLOCK]><![endif]--> <div class="aspect-4/3 bg-linear-to-br from-gray-100 to-gray-200 flex items-center justify-center relative overflow-hidden rounded-xl shadow-sm">
<img
src="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1777/56/1572045b-69c3-4ca0-ac2f-1104eedf4344.jpg?w=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1777/56/1572045b-69c3-4ca0-ac2f-1104eedf4344.jpg?w=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1777/56/1572045b-69c3-4ca0-ac2f-1104eedf4344.jpg?w=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1777/56/1572045b-69c3-4ca0-ac2f-1104eedf4344.jpg?w=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Skoda SCALA"
width="600"
height="450"
loading="eager"
decoding="async"
fetchpriority="high"
class="w-full object-cover object-center"
/>
</div>
<!--[if ENDBLOCK]><![endif]-->
<div class="absolute -top-px -left-px">
<!--[if BLOCK]><![endif]--> <span class="inline-flex items-center rounded-br-xl bg-vo px-2.5 py-1.5 text-xs font-medium text-white shadow-sm border border-white/20 relative z-10">
Occasion
</span> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <span
class="relative inline-flex items-center rounded-br-xl pl-5 pr-2.5 py-1.5 text-xs font-medium shadow-sm border border-white/20"
style="z-index: 9; transform: translateX(-0.875rem); background-color: #E6B628; color: #ffffff"
aria-label="Faible Km"
>
Faible Km
</span>
<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(923)"
:class="$store.favorites.has(923) ? 'bg-red-500 text-white' : 'bg-black/40 text-white hover:bg-black/60 hover:text-red-400'"
class="absolute top-2 right-2 z-10 flex size-8 items-center justify-center rounded-full transition cursor-pointer"
:aria-label="$store.favorites.has(923) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(923) && 'fill-current'" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
</svg>
</button>
</div>
<div class="p-4 flex flex-col gap-4">
<a href="https://www.sndiffusion.fr/mandataire/occasion/skoda/scala/10-tsi-116-dsg7-selection-camera-radars-cockpit-ja-16-923" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Skoda SCALA</span>
<span class="text-sm text-gray-500 truncate block" title="1.0 TSI 116 DSG7 SELECTION Caméra Radars Cockpit JA 16"">
1.0 TSI 116 DSG7 SELECTION Caméra Radars Cockpit JA 16"
</span>
</h3>
</a>
<div class="flex items-center justify-around gap-4 flex-wrap text-xs">
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"/>
</svg>
Essence
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
</svg>
23 100 km
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"/>
</svg>
03/2025
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>
Automatique
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<span class="size-4 rounded-full ring ring-gray-200" style="background-color: #0000FF"></span>
Bleu
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<img src="https://www.sndiffusion.fr/images/critair/vignette-critair-1.png" alt="Crit'Air 1" class="size-4 shrink-0" />
Crit'Air 1
</span>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="bg-primary-50/50 flex flex-col px-3 py-2 gap-1.5 flex-1 justify-center">
<!--[if BLOCK]><![endif]--> <p class="text-lg xl:text-xl font-extrabold text-center">
21 350 €
</p>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <div data-orientation="horizontal" class="flex items-center w-full" role="none" data-flux-separator>
<div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
<span class="shrink mx-6 font-medium text-sm text-zinc-500 dark:text-zinc-300 whitespace-nowrap">ou</span>
<div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
</div>
<div class="flex flex-col text-center">
<span class="text-base">
<strong class="font-semibold">249 €</strong>
<sup class="text-[11px]">
TTC
</sup>
<small class="text-xs inline-flex flex-row items-center gap-0.5"> /mois
<svg class="shrink-0 [:where(&)]:size-6 size-4 z-5 cursor-pointer" @click.prevent="$dispatch('show-legal-notice', { vehicleId: 923 })" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"/>
</svg>
</small>
</span>
<span class="text-xs text-neutral-500 font-secondary leading-tight">
en LOA pendant 60 mois<br /> hors assurance facultative
</span>
</div>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="[:where(&)]:bg-white dark:[:where(&)]:bg-white/10 border border-primary-50 dark:border-white/10 [:where(&)]:p-6 [:where(&)]:rounded-xl hover:shadow-lg hover:-translate-y-1 transition-all duration-300 p-0 mx-1 my-2 group relative overflow-hidden flex flex-col flex-1 h-full" data-flux-card>
<div class="relative">
<!--[if BLOCK]><![endif]--> <div class="aspect-4/3 bg-linear-to-br from-gray-100 to-gray-200 flex items-center justify-center relative overflow-hidden rounded-xl shadow-sm">
<img
src="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1777/56/1e323923-639a-435d-bfdf-e7d00efe326c.jpg?w=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1777/56/1e323923-639a-435d-bfdf-e7d00efe326c.jpg?w=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1777/56/1e323923-639a-435d-bfdf-e7d00efe326c.jpg?w=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1777/56/1e323923-639a-435d-bfdf-e7d00efe326c.jpg?w=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Skoda SCALA"
width="600"
height="450"
loading="eager"
decoding="async"
fetchpriority="high"
class="w-full object-cover object-center"
/>
</div>
<!--[if ENDBLOCK]><![endif]-->
<div class="absolute -top-px -left-px">
<!--[if BLOCK]><![endif]--> <span class="inline-flex items-center rounded-br-xl bg-vo px-2.5 py-1.5 text-xs font-medium text-white shadow-sm border border-white/20 relative z-10">
Occasion
</span> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <span
class="relative inline-flex items-center rounded-br-xl pl-5 pr-2.5 py-1.5 text-xs font-medium shadow-sm border border-white/20"
style="z-index: 9; transform: translateX(-0.875rem); background-color: #E6B628; color: #ffffff"
aria-label="Faible Km"
>
Faible Km
</span>
<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(921)"
:class="$store.favorites.has(921) ? 'bg-red-500 text-white' : 'bg-black/40 text-white hover:bg-black/60 hover:text-red-400'"
class="absolute top-2 right-2 z-10 flex size-8 items-center justify-center rounded-full transition cursor-pointer"
:aria-label="$store.favorites.has(921) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(921) && 'fill-current'" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
</svg>
</button>
</div>
<div class="p-4 flex flex-col gap-4">
<a href="https://www.sndiffusion.fr/mandataire/occasion/skoda/scala/10-tsi-116-bv6-selection-camera-radars-cockpit-ja-16-921" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Skoda SCALA</span>
<span class="text-sm text-gray-500 truncate block" title="1.0 TSI 116 BV6 SELECTION Caméra Radars Cockpit JA 16"">
1.0 TSI 116 BV6 SELECTION Caméra Radars Cockpit JA 16"
</span>
</h3>
</a>
<div class="flex items-center justify-around gap-4 flex-wrap text-xs">
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"/>
</svg>
Essence
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
</svg>
11 000 km
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"/>
</svg>
04/2025
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>
Manuelle
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<span class="size-4 rounded-full ring ring-gray-200" style="background-color: #FFFFFF"></span>
Blanc
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<img src="https://www.sndiffusion.fr/images/critair/vignette-critair-1.png" alt="Crit'Air 1" class="size-4 shrink-0" />
Crit'Air 1
</span>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="bg-primary-50/50 flex flex-col px-3 py-2 gap-1.5 flex-1 justify-center">
<!--[if BLOCK]><![endif]--> <p class="text-lg xl:text-xl font-extrabold text-center">
19 480 €
</p>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <div data-orientation="horizontal" class="flex items-center w-full" role="none" data-flux-separator>
<div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
<span class="shrink mx-6 font-medium text-sm text-zinc-500 dark:text-zinc-300 whitespace-nowrap">ou</span>
<div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
</div>
<div class="flex flex-col text-center">
<span class="text-base">
<strong class="font-semibold">227 €</strong>
<sup class="text-[11px]">
TTC
</sup>
<small class="text-xs inline-flex flex-row items-center gap-0.5"> /mois
<svg class="shrink-0 [:where(&)]:size-6 size-4 z-5 cursor-pointer" @click.prevent="$dispatch('show-legal-notice', { vehicleId: 921 })" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"/>
</svg>
</small>
</span>
<span class="text-xs text-neutral-500 font-secondary leading-tight">
en LOA pendant 60 mois<br /> hors assurance facultative
</span>
</div>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="[:where(&)]:bg-white dark:[:where(&)]:bg-white/10 border border-primary-50 dark:border-white/10 [:where(&)]:p-6 [:where(&)]:rounded-xl hover:shadow-lg hover:-translate-y-1 transition-all duration-300 p-0 mx-1 my-2 group relative overflow-hidden flex flex-col flex-1 h-full" data-flux-card>
<div class="relative">
<!--[if BLOCK]><![endif]--> <div class="aspect-4/3 bg-linear-to-br from-gray-100 to-gray-200 flex items-center justify-center relative overflow-hidden rounded-xl shadow-sm">
<img
src="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1779/09/72e1b6d7-352d-4d11-a73d-c1983a7d6d43.jpg?w=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1779/09/72e1b6d7-352d-4d11-a73d-c1983a7d6d43.jpg?w=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1779/09/72e1b6d7-352d-4d11-a73d-c1983a7d6d43.jpg?w=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1779/09/72e1b6d7-352d-4d11-a73d-c1983a7d6d43.jpg?w=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Skoda KAMIQ"
width="600"
height="450"
loading="lazy"
decoding="async"
fetchpriority="auto"
class="w-full object-cover object-center"
/>
</div>
<!--[if ENDBLOCK]><![endif]-->
<div class="absolute -top-px -left-px">
<!--[if BLOCK]><![endif]--> <span class="inline-flex items-center rounded-br-xl bg-vo px-2.5 py-1.5 text-xs font-medium text-white shadow-sm border border-white/20 relative z-10">
Occasion
</span> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <span
class="relative inline-flex items-center rounded-br-xl pl-5 pr-2.5 py-1.5 text-xs font-medium shadow-sm border border-white/20"
style="z-index: 9; transform: translateX(-0.875rem); background-color: #E6B628; color: #ffffff"
aria-label="Faible Km"
>
Faible Km
</span>
<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(467)"
:class="$store.favorites.has(467) ? 'bg-red-500 text-white' : 'bg-black/40 text-white hover:bg-black/60 hover:text-red-400'"
class="absolute top-2 right-2 z-10 flex size-8 items-center justify-center rounded-full transition cursor-pointer"
:aria-label="$store.favorites.has(467) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(467) && 'fill-current'" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
</svg>
</button>
</div>
<div class="p-4 flex flex-col gap-4">
<a href="https://www.sndiffusion.fr/mandataire/occasion/skoda/kamiq/15-tsi-150-act-bv6-edition-camera-ja-17-pack-black-467" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Skoda KAMIQ</span>
<span class="text-sm text-gray-500 truncate block" title="1.5 TSI 150 ACT BV6 EDITION Caméra JA 17" Pack Black">
1.5 TSI 150 ACT BV6 EDITION Caméra JA 17" Pack Black
</span>
</h3>
</a>
<div class="flex items-center justify-around gap-4 flex-wrap text-xs">
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"/>
</svg>
Essence
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
</svg>
19 900 km
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"/>
</svg>
03/2025
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>
Manuelle
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<span class="size-4 rounded-full ring ring-gray-200" style="background-color: #0000FF"></span>
Bleu
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<img src="https://www.sndiffusion.fr/images/critair/vignette-critair-1.png" alt="Crit'Air 1" class="size-4 shrink-0" />
Crit'Air 1
</span>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="bg-primary-50/50 flex flex-col px-3 py-2 gap-1.5 flex-1 justify-center">
<!--[if BLOCK]><![endif]--> <p class="text-lg xl:text-xl font-extrabold text-center">
23 450 €
</p>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <div data-orientation="horizontal" class="flex items-center w-full" role="none" data-flux-separator>
<div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
<span class="shrink mx-6 font-medium text-sm text-zinc-500 dark:text-zinc-300 whitespace-nowrap">ou</span>
<div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
</div>
<div class="flex flex-col text-center">
<span class="text-base">
<strong class="font-semibold">274 €</strong>
<sup class="text-[11px]">
TTC
</sup>
<small class="text-xs inline-flex flex-row items-center gap-0.5"> /mois
<svg class="shrink-0 [:where(&)]:size-6 size-4 z-5 cursor-pointer" @click.prevent="$dispatch('show-legal-notice', { vehicleId: 467 })" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"/>
</svg>
</small>
</span>
<span class="text-xs text-neutral-500 font-secondary leading-tight">
en LOA pendant 60 mois<br /> hors assurance facultative
</span>
</div>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="[:where(&)]:bg-white dark:[:where(&)]:bg-white/10 border border-primary-50 dark:border-white/10 [:where(&)]:p-6 [:where(&)]:rounded-xl hover:shadow-lg hover:-translate-y-1 transition-all duration-300 p-0 mx-1 my-2 group relative overflow-hidden flex flex-col flex-1 h-full" data-flux-card>
<div class="relative">
<!--[if BLOCK]><![endif]--> <div class="aspect-4/3 bg-linear-to-br from-gray-100 to-gray-200 flex items-center justify-center relative overflow-hidden rounded-xl shadow-sm">
<img
src="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1771/31/09ec3637-e826-41f9-99aa-bfc0124ce9fc.jpeg?w=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1771/31/09ec3637-e826-41f9-99aa-bfc0124ce9fc.jpeg?w=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1771/31/09ec3637-e826-41f9-99aa-bfc0124ce9fc.jpeg?w=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1771/31/09ec3637-e826-41f9-99aa-bfc0124ce9fc.jpeg?w=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Skoda KAMIQ"
width="600"
height="450"
loading="lazy"
decoding="async"
fetchpriority="auto"
class="w-full object-cover object-center"
/>
</div>
<!--[if ENDBLOCK]><![endif]-->
<div class="absolute -top-px -left-px">
<!--[if BLOCK]><![endif]--> <span class="inline-flex items-center rounded-br-xl bg-vo px-2.5 py-1.5 text-xs font-medium text-white shadow-sm border border-white/20 relative z-10">
Occasion
</span> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <span
class="relative inline-flex items-center rounded-br-xl pl-5 pr-2.5 py-1.5 text-xs font-medium shadow-sm border border-white/20"
style="z-index: 9; transform: translateX(-0.875rem); background-color: #E6B628; color: #ffffff"
aria-label="Faible Km"
>
Faible Km
</span>
<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(468)"
:class="$store.favorites.has(468) ? 'bg-red-500 text-white' : 'bg-black/40 text-white hover:bg-black/60 hover:text-red-400'"
class="absolute top-2 right-2 z-10 flex size-8 items-center justify-center rounded-full transition cursor-pointer"
:aria-label="$store.favorites.has(468) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(468) && 'fill-current'" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
</svg>
</button>
</div>
<div class="p-4 flex flex-col gap-4">
<a href="https://www.sndiffusion.fr/mandataire/occasion/skoda/kamiq/15-tsi-150-act-bv6-edition-camera-ja-17-pack-black-468" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Skoda KAMIQ</span>
<span class="text-sm text-gray-500 truncate block" title="1.5 TSI 150 ACT BV6 EDITION Caméra JA 17" Pack Black">
1.5 TSI 150 ACT BV6 EDITION Caméra JA 17" Pack Black
</span>
</h3>
</a>
<div class="flex items-center justify-around gap-4 flex-wrap text-xs">
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"/>
</svg>
Essence
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
</svg>
19 900 km
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"/>
</svg>
04/2025
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>
Manuelle
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<span class="size-4 rounded-full ring ring-gray-200" style="background-color: #808080"></span>
Gris
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<img src="https://www.sndiffusion.fr/images/critair/vignette-critair-1.png" alt="Crit'Air 1" class="size-4 shrink-0" />
Crit'Air 1
</span>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="bg-primary-50/50 flex flex-col px-3 py-2 gap-1.5 flex-1 justify-center">
<!--[if BLOCK]><![endif]--> <p class="text-lg xl:text-xl font-extrabold text-center">
23 450 €
</p>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <div data-orientation="horizontal" class="flex items-center w-full" role="none" data-flux-separator>
<div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
<span class="shrink mx-6 font-medium text-sm text-zinc-500 dark:text-zinc-300 whitespace-nowrap">ou</span>
<div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
</div>
<div class="flex flex-col text-center">
<span class="text-base">
<strong class="font-semibold">274 €</strong>
<sup class="text-[11px]">
TTC
</sup>
<small class="text-xs inline-flex flex-row items-center gap-0.5"> /mois
<svg class="shrink-0 [:where(&)]:size-6 size-4 z-5 cursor-pointer" @click.prevent="$dispatch('show-legal-notice', { vehicleId: 468 })" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"/>
</svg>
</small>
</span>
<span class="text-xs text-neutral-500 font-secondary leading-tight">
en LOA pendant 60 mois<br /> hors assurance facultative
</span>
</div>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="[:where(&)]:bg-white dark:[:where(&)]:bg-white/10 border border-primary-50 dark:border-white/10 [:where(&)]:p-6 [:where(&)]:rounded-xl hover:shadow-lg hover:-translate-y-1 transition-all duration-300 p-0 mx-1 my-2 group relative overflow-hidden flex flex-col flex-1 h-full" data-flux-card>
<div class="relative">
<!--[if BLOCK]><![endif]--> <div class="aspect-4/3 bg-linear-to-br from-gray-100 to-gray-200 flex items-center justify-center relative overflow-hidden rounded-xl shadow-sm">
<img
src="https://www.sndiffusion.fr/photos/evialog_photos/logvo/1753/3/47052/10753e70-3a96-4cfe-b3d4-7f0e0c5c1ac2.jpg?w=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/1753/3/47052/10753e70-3a96-4cfe-b3d4-7f0e0c5c1ac2.jpg?w=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/1753/3/47052/10753e70-3a96-4cfe-b3d4-7f0e0c5c1ac2.jpg?w=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/1753/3/47052/10753e70-3a96-4cfe-b3d4-7f0e0c5c1ac2.jpg?w=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Skoda KAMIQ"
width="600"
height="450"
loading="lazy"
decoding="async"
fetchpriority="auto"
class="w-full object-cover object-center"
/>
</div>
<!--[if ENDBLOCK]><![endif]-->
<div class="absolute -top-px -left-px">
<!--[if BLOCK]><![endif]--> <span class="inline-flex items-center rounded-br-xl bg-vo px-2.5 py-1.5 text-xs font-medium text-white shadow-sm border border-white/20 relative z-10">
Occasion
</span> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <span
class="relative inline-flex items-center rounded-br-xl pl-5 pr-2.5 py-1.5 text-xs font-medium shadow-sm border border-white/20"
style="z-index: 9; transform: translateX(-0.875rem); background-color: #E6B628; color: #ffffff"
aria-label="Faible Km"
>
Faible Km
</span>
<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(72)"
:class="$store.favorites.has(72) ? 'bg-red-500 text-white' : 'bg-black/40 text-white hover:bg-black/60 hover:text-red-400'"
class="absolute top-2 right-2 z-10 flex size-8 items-center justify-center rounded-full transition cursor-pointer"
:aria-label="$store.favorites.has(72) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(72) && 'fill-current'" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
</svg>
</button>
</div>
<div class="p-4 flex flex-col gap-4">
<a href="https://www.sndiffusion.fr/mandataire/occasion/skoda/kamiq/10-tsi-110-dsg7-ambition-gps-camera-72" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Skoda KAMIQ</span>
<span class="text-sm text-gray-500 truncate block" title="1.0 TSI 110 DSG7 AMBITION GPS Caméra">
1.0 TSI 110 DSG7 AMBITION GPS Caméra
</span>
</h3>
</a>
<div class="flex items-center justify-around gap-4 flex-wrap text-xs">
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"/>
</svg>
Essence
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
</svg>
24 400 km
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"/>
</svg>
03/2024
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<svg class="shrink-0 [:where(&)]:size-6 size-4 text-secondary-600" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>
Automatique
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<span class="size-4 rounded-full ring ring-gray-200" style="background-color: #FF0000"></span>
Rouge
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="flex items-center gap-1">
<img src="https://www.sndiffusion.fr/images/critair/vignette-critair-1.png" alt="Crit'Air 1" class="size-4 shrink-0" />
Crit'Air 1
</span>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<div class="bg-primary-50/50 flex flex-col px-3 py-2 gap-1.5 flex-1 justify-center">
<!--[if BLOCK]><![endif]--> <p class="text-lg xl:text-xl font-extrabold text-center">
21 940 €
</p>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <div data-orientation="horizontal" class="flex items-center w-full" role="none" data-flux-separator>
<div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
<span class="shrink mx-6 font-medium text-sm text-zinc-500 dark:text-zinc-300 whitespace-nowrap">ou</span>
<div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div>
</div>
<div class="flex flex-col text-center">
<span class="text-base">
<strong class="font-semibold">256 €</strong>
<sup class="text-[11px]">
TTC
</sup>
<small class="text-xs inline-flex flex-row items-center gap-0.5"> /mois
<svg class="shrink-0 [:where(&)]:size-6 size-4 z-5 cursor-pointer" @click.prevent="$dispatch('show-legal-notice', { vehicleId: 72 })" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"/>
</svg>
</small>
</span>
<span class="text-xs text-neutral-500 font-secondary leading-tight">
en LOA pendant 60 mois<br /> hors assurance facultative
</span>
</div>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<!--[if ENDBLOCK]><![endif]--> </div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
</div> </section>
<!--[if BLOCK]><![endif]--> <div class="container mx-auto px-4 sm:px-6 lg:px-8 pb-8">
<div class="prose prose-lg max-w-none prose-headings:text-primary-600 prose-a:text-accent-500 prose-a:no-underline hover:prose-a:underline rte prose-sm!">
<!--[if BLOCK]><![endif]-->
<h2>Acheter une voiture Skoda occasion à Rodez : profitez de l’expertise d’un mandataire automobile reconnu</h2>
<p>Acheter une voiture Skoda occasion à Rodez est aujourd’hui une démarche qui demande bien plus qu’une simple consultation d’annonces en ligne. Entre les nombreuses offres disponibles, les différences de prix parfois importantes et les informations parfois incomplètes concernant certains véhicules, les acheteurs peuvent rapidement se retrouver confrontés à des choix complexes. Dans un territoire comme le Ruthénois, où les déplacements quotidiens s’effectuent aussi bien dans l’agglomération de Rodez que vers Onet-le-Château, Luc-la-Primaube ou les communes rurales de l’Aveyron, disposer d’un véhicule fiable constitue une nécessité.</p>
<p>Le marché automobile occasion présente de nombreuses opportunités, mais également certains risques. Historique d’entretien incertain, kilométrage difficile à vérifier, réparations mal documentées ou démarches administratives complexes peuvent transformer un projet d’acquisition en véritable parcours du combattant. C’est précisément pour éviter ces situations qu’il est judicieux de faire appel à un mandataire automobile à Rodez.</p>
<p>Grâce à sa parfaite connaissance du marché automobile français et européen, le mandataire identifie les meilleures opportunités correspondant à vos critères de recherche. Contrairement aux vendeurs traditionnels, il agit dans votre intérêt afin de sélectionner des véhicules présentant un excellent rapport qualité-prix. Chaque voiture Skoda occasion à Rodez proposée fait l’objet d’une analyse rigoureuse portant sur son historique, son état mécanique, son kilométrage et sa conformité administrative.</p>
<p>Depuis plus de trente ans, nous accompagnons les particuliers et les professionnels dans leurs projets automobiles. Notre mission consiste à simplifier votre recherche tout en sécurisant votre investissement. Nous assurons la sélection du véhicule, les contrôles techniques, la vérification des documents administratifs ainsi que l’ensemble des formalités nécessaires à l’immatriculation. Vous bénéficiez ainsi d’un accompagnement complet pour votre achat voiture Skoda occasion à Rodez, avec la garantie d’une transaction transparente et sécurisée.</p>
<h2>Mandataire auto à Rodez : 3 décennies d’expérience au service de votre projet automobile</h2>
<p>Notre expérience du marché automobile constitue aujourd’hui un véritable avantage pour nos clients. Depuis plus de trois décennies, nous observons les évolutions du secteur et accompagnons les automobilistes dans leurs décisions d’achat. Nous avons vu apparaître les SUV, les motorisations hybrides et électriques, les nouvelles normes environnementales ainsi que les évolutions fiscales qui influencent directement le choix d’un véhicule.</p>
<p>Travailler avec un mandataire voiture Skoda occasion à Rodez permet également d’accéder à un vaste réseau de fournisseurs et de distributeurs. Nous recherchons quotidiennement les meilleures opportunités disponibles afin de proposer des véhicules compétitifs tant sur le plan tarifaire que sur celui des équipements. Cette capacité de négociation représente un atout majeur pour réussir votre achat de voiture Skoda occasion à Rodez dans les meilleures conditions.</p>
<h2>Achat de voiture Skoda occasion à Rodez : un accompagnement personnalisé de la recherche à la livraison</h2>
<p>Chaque projet automobile est unique. Certains recherchent une première voiture pour un jeune conducteur, d’autres souhaitent remplacer leur véhicule familial ou investir dans un modèle plus récent et mieux équipé. C’est pourquoi nous accordons une importance particulière à l’écoute de vos besoins.</p>
<p>Dès le premier contact, un conseiller dédié analyse votre projet dans le détail : budget disponible, type de véhicule recherché, kilométrage annuel, motorisation souhaitée et équipements indispensables. Cette phase de découverte nous permet de cibler précisément les modèles les plus adaptés à votre situation.</p>
<p>Nous sélectionnons ensuite plusieurs véhicules répondant à vos critères et vous présentons leurs caractéristiques de manière totalement transparente. Notre objectif n’est pas simplement de vendre une voiture mais de vous permettre de réaliser un achat pertinent et durable. Nous assurons également la gestion des contrôles techniques, des formalités administratives et de la logistique afin de vous offrir une expérience d’achat fluide.</p>
<p>Notre engagement ne s’arrête pas à la livraison. Nous restons disponibles après votre acquisition pour vous accompagner dans l’entretien de votre véhicule, sa revente ou vos futurs projets automobiles. Faire appel à un mandataire automobile à Rodez revient donc à bénéficier d’un partenaire de confiance capable de vous accompagner durablement dans toutes vos démarches automobiles.</p>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div id="side-search" class="hidden"></div>
<div id="side-search-close" class="hidden"></div>
</div>
</div>
</main>
<footer>
<div class="bg-primary-500 text-white">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-6 lg:py-10">
<div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4 lg:gap-12">
<div>
<img src="/images/logo-blanc.png" alt="SN Diffusion" width="1000" height="397" class="w-auto h-18" loading="lazy">
<div class="mt-4 space-y-4">
<a href="tel:0563494444" class="group flex items-center gap-2 text-sm text-white/70 transition-colors hover:text-secondary-500">
<svg class="shrink-0 [:where(&)]:size-6 size-5 shrink-0" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"/>
</svg>
<span class="font-semibold">05 63 49 44 44</span>
</a>
<div class="space-y-1 text-sm text-white/70">
<p class="font-medium text-white/90">Horaires d'ouverture</p>
<p>Lundi-Vendredi : 08h30-12h00 / 14h00-19h00</p>
<p>Samedi : 09h00-12h00 / 14h00-18h00</p>
</div>
<a href="https://www.sndiffusion.fr/nos-agences" wire:navigate class="inline-flex items-center gap-1 text-sm font-medium text-secondary-500 transition-colors hover:text-secondary-400">
Toutes nos agences
<svg class="shrink-0 [:where(&)]:size-6 size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
</svg>
</a>
</div>
</div>
<div>
<div class="mt-4 space-y-4">
<div class="flex items-center gap-4">
<a href="https://www.facebook.com/sndiffusion.mandataire" target="_blank" rel="noopener noreferrer" class="text-white/70 transition-colors hover:text-secondary-500" aria-label="Facebook">
<svg class="size-8" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
</svg>
</a>
<a href="https://www.instagram.com/sndiffusion/" target="_blank" rel="noopener noreferrer" class="text-white/70 transition-colors hover:text-secondary-500" aria-label="Instagram">
<svg class="size-8" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
</svg>
</a>
<a href="https://www.linkedin.com/company/sndiffusion" target="_blank" rel="noopener noreferrer" class="text-white/70 transition-colors hover:text-secondary-500" aria-label="LinkedIn">
<svg class="size-8" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true">
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
</svg>
</a>
</div>
</div>
</div>
<div>
<h3 class="text-lg font-semibold text-white">Navigation</h3>
<nav class="mt-4">
<ul class="space-y-2">
<li>
<a href="https://www.sndiffusion.fr/mandataire/neuve" wire:navigate class="text-sm text-white/70 transition-colors hover:text-secondary-500">Voitures Neuves</a>
</li>
<li>
<a href="https://www.sndiffusion.fr/mandataire/occasion" wire:navigate class="text-sm text-white/70 transition-colors hover:text-secondary-500">Voitures Occasions</a>
</li>
<li>
<a href="https://www.sndiffusion.fr/credit-auto" wire:navigate class="text-sm text-white/70 transition-colors hover:text-secondary-500">Financement</a>
</li>
<li>
<a href="https://www.sndiffusion.fr/reprise" wire:navigate class="text-sm text-white/70 transition-colors hover:text-secondary-500">Reprise</a>
</li>
<li>
<a href="https://www.sndiffusion.fr/garantie-auto" wire:navigate class="text-sm text-white/70 transition-colors hover:text-secondary-500">Garanties</a>
</li>
<li>
<a href="https://www.sndiffusion.fr/nos-agences" wire:navigate class="text-sm text-white/70 transition-colors hover:text-secondary-500">Agences</a>
</li>
</ul>
</nav>
</div>
<div>
<h3 class="text-lg font-semibold text-white">À propos</h3>
<nav class="mt-4">
<ul class="space-y-2">
<li>
<a href="https://www.sndiffusion.fr/page/presentation" wire:navigate class="text-sm text-white/70 transition-colors hover:text-secondary-500">Qui sommes-nous ?</a>
</li>
<li>
<a href="https://www.sndiffusion.fr/faq" wire:navigate class="text-sm text-white/70 transition-colors hover:text-secondary-500">FAQ</a>
</li>
</ul>
</nav>
<a href="https://www.sndiffusion.fr/blog" wire:navigate class="mt-6 inline-flex items-center gap-1 text-sm font-medium text-secondary-500 transition-colors hover:text-secondary-400">
Découvrez notre blog
<svg class="shrink-0 [:where(&)]:size-6 size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
</svg>
</a>
</div>
</div>
<div class="bg-white/10 p-4 rounded-lg border border-primary-300 text-sm mt-8">
<p>
<strong class="flex items-center gap-2"><svg class="shrink-0 [:where(&)]:size-6 size-6 text-primary-200" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd"/>
</svg>
Qu'est ce qu'un véhicule neuf ?</strong><br />
"Les véhicules terrestres dont la livraison est effectuée dans les six mois suivant la première mise en service ou qui ont parcouru moins de 6.000 kilomètres."</br>
Source : <a href="https://www.senat.fr/rap/l96-308/l96-3082.html" target="_blank" class="underline">Définition fiscale du véhicule neuf</a>
</p>
<p class="mt-2">
"Un véhicule neuf se distingue d'un véhicule d'occasion par le fait qu'il n'a jamais circulé et n'a jamais été immatriculé. Peuvent néanmoins être admis comme neufs les véhicules immatriculés pour les besoins de leur importation (par exemple, un véhicule importé par un mandataire)."<br />
Source : <a href="https://www.economie.gouv.fr/dgccrf/Publications/Vie-pratique/Fiches-pratiques/Achat-d-un-vehicule-neuf" target="_blank" class="underline">Direction Générale de la Concurrence, de la Consommation et de la Répression des fraudes</a>
</p>
</div>
</div>
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div data-orientation="horizontal" role="none" class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full border-white/10!" data-flux-separator></div>
<div class="flex flex-col items-center justify-between gap-4 py-6 md:flex-row">
<div>
<p class="text-sm text-white/50">© 2026 SN Diffusion. Tous droits réservés.</p>
<a href="https://www.ab-cd.fr" target="_blank" class="text-sm text-white/50 transition-colors hover:text-white/80">Site réalisé par l'agence AB/CD</a>
</div>
<nav class="flex flex-wrap items-center gap-x-4 gap-y-1">
<a href="https://www.sndiffusion.fr/page/conditions-generales-de-vente" wire:navigate class="text-sm text-white/50 transition-colors hover:text-white/80">CGV</a>
<span class="text-white/30">·</span>
<a href="https://www.sndiffusion.fr/page/mentions-legales" wire:navigate class="text-sm text-white/50 transition-colors hover:text-white/80">Mentions légales</a>
<span class="text-white/30">·</span>
<a href="https://www.sndiffusion.fr/page/politique-de-confidentialite" wire:navigate class="text-sm text-white/50 transition-colors hover:text-white/80">Politique de confidentialité</a>
<span class="text-white/30">·</span>
<a href="https://www.sndiffusion.fr/page/accessibilite" wire:navigate class="text-sm text-white/50 transition-colors hover:text-white/80">Accessibilité: partiellement conforme</a>
</nav>
</div>
</div></div>
<div class="bg-primary-700 text-white">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<p class="text-white text-center py-4">
Pour les trajets courts, privilégiez la marche ou le vélo. #SeDéplacerMoinsPolluer
</p>
</div></div>
</footer>
<ui-modal wire:key="lw-1417746812-0-hero-mandataire/occasion/skoda/ville-rodez-0" wire:snapshot="{"data":{"vehicleIds":[[],{"s":"arr"}]},"memo":{"id":"IqO8dYvMm8AGt3gv1y56","name":"vehicles.favorites-flyout","path":"mandataire\/occasion\/skoda\/ville-rodez","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr","islands":[]},"checksum":"883de3234ee03deed332a48723ec49dbae7524a40d6968eeb06a400e58734831"}" wire:effects="{"partials":[],"listeners":["load-favorites"]}" wire:id="IqO8dYvMm8AGt3gv1y56" wire:name="vehicles.favorites-flyout" data-flux-modal>
<dialog
wire:ignore.self class="fixed m-0 p-8 max-h-dvh min-h-dvh md:[:where(&)]:min-w-[25rem] overflow-y-auto ml-auto [--flux-flyout-translate:translateX(50px)] border-s rtl:ml-0 rtl:mr-auto rtl:[--flux-flyout-translate:translateX(-50px)] bg-white dark:bg-zinc-800 border-transparent dark:border-zinc-700 md:w-md lg:w-lg"
data-modal="favorites-flyout" data-flux-flyout x-data="fluxModal('favorites-flyout', 'IqO8dYvMm8AGt3gv1y56')"
x-on:modal-show.document="handleShow($event)"
x-on:modal-close.document="handleClose($event)"
>
<div class="space-y-6">
<div>
<div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-base [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2" data-flux-heading>Mes Favoris</div>
<p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 mt-1" data-flux-text><span x-text="$store.favorites.count"></span> véhicule<span x-show="$store.favorites.count > 1">s</span></p> </div>
<div wire:loading wire:target="loadFavorites" class="space-y-3">
<!--[if BLOCK]><![endif]--> <div class="flex gap-3 rounded-lg border border-gray-200 p-3 animate-pulse">
<div class="size-20 shrink-0 rounded-md bg-gray-200"></div>
<div class="flex flex-1 flex-col gap-2">
<div class="h-4 w-3/4 rounded bg-gray-200"></div>
<div class="h-3 w-1/2 rounded bg-gray-200"></div>
<div class="mt-auto h-5 w-1/3 rounded bg-gray-200"></div>
</div>
</div>
<div class="flex gap-3 rounded-lg border border-gray-200 p-3 animate-pulse">
<div class="size-20 shrink-0 rounded-md bg-gray-200"></div>
<div class="flex flex-1 flex-col gap-2">
<div class="h-4 w-3/4 rounded bg-gray-200"></div>
<div class="h-3 w-1/2 rounded bg-gray-200"></div>
<div class="mt-auto h-5 w-1/3 rounded bg-gray-200"></div>
</div>
</div>
<div class="flex gap-3 rounded-lg border border-gray-200 p-3 animate-pulse">
<div class="size-20 shrink-0 rounded-md bg-gray-200"></div>
<div class="flex flex-1 flex-col gap-2">
<div class="h-4 w-3/4 rounded bg-gray-200"></div>
<div class="h-3 w-1/2 rounded bg-gray-200"></div>
<div class="mt-auto h-5 w-1/3 rounded bg-gray-200"></div>
</div>
</div>
<!--[if ENDBLOCK]><![endif]--> </div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div x-show="$store.favorites.count === 0" x-cloak class="py-12 text-center">
<svg class="shrink-0 [:where(&)]:size-6 mx-auto size-12 text-gray-300" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
</svg>
<h3 class="mt-4 text-lg font-semibold text-gray-900">Aucun favori</h3>
<p class="[:where(&)]:font-normal [:where(&)]:text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70 mt-1" data-flux-text>Cliquez sur le coeur d'un véhicule pour l'ajouter à vos favoris.</p> </div>
</div>
<div class="absolute top-0 end-0 mt-4 me-4">
<ui-close data-flux-modal-close>
<button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center text-sm rounded-full size-8 inline-flex bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white text-zinc-400! hover:text-zinc-800! dark:text-zinc-500! dark:hover:text-white!" data-flux-button="data-flux-button" aria-label="Close modal">
<svg class="shrink-0 [:where(&)]:size-5 shrink-0" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"/>
</svg>
</button>
</ui-close>
</div>
</dialog>
</ui-modal>
<ui-modal wire:key="lw-1417746812-1-hero-mandataire/occasion/skoda/ville-rodez-1" wire:snapshot="{"data":{"legalNotice":""},"memo":{"id":"OXxsfLppAljpoJBPffxb","name":"vehicles.financing-legal-notice","path":"mandataire\/occasion\/skoda\/ville-rodez","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr","islands":[]},"checksum":"e36faece57629b70a47ccb0607351470629db5b4e820c2e606c8a15f696d688d"}" wire:effects="{"partials":[],"listeners":["show-legal-notice"]}" wire:id="OXxsfLppAljpoJBPffxb" wire:name="vehicles.financing-legal-notice" data-flux-modal>
<dialog
wire:ignore.self class="p-6 [:where(&)]:max-w-xl [:where(&)]:min-w-xs shadow-lg rounded-xl bg-white dark:bg-zinc-800 ring ring-black/5 dark:ring-zinc-700 shadow-lg rounded-xl max-w-2xl"
data-modal="financing-legal-notice" x-data="fluxModal('financing-legal-notice', 'OXxsfLppAljpoJBPffxb')"
x-on:modal-show.document="handleShow($event)"
x-on:modal-close.document="handleClose($event)"
>
<div class="text-gray-500 leading-relaxed">
</div>
<div class="absolute top-0 end-0 mt-4 me-4">
<ui-close data-flux-modal-close>
<button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center text-sm rounded-full size-8 inline-flex bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white text-zinc-400! hover:text-zinc-800! dark:text-zinc-500! dark:hover:text-white!" data-flux-button="data-flux-button" aria-label="Close modal">
<svg class="shrink-0 [:where(&)]:size-5 shrink-0" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
<path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"/>
</svg>
</button>
</ui-close>
</div>
</dialog>
</ui-modal>
<script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"LwFP6on4dTBPcI0of6Y0JA6wn9qIUNC75iSWPApM","uri":"https:\/\/www.sndiffusion.fr\/livewire-89434f8b\/update","moduleUrl":"https:\/\/www.sndiffusion.fr\/livewire-89434f8b","progressBar":"","nonce":""};</script>
<script>
document.addEventListener('livewire:init', () => {
Livewire.directive('recaptcha', ({ el, directive, component, cleanup }) => {
const submitExpression = (() => {
for (const attr of el.attributes) {
if (attr.name.startsWith('wire:submit')) {
return attr.value
}
}
})()
const onSubmit = (e) => {
e.preventDefault()
e.stopImmediatePropagation()
el.dataset.recaptchaLoading = ''
el.dispatchEvent(new CustomEvent('recaptcha-loading', { bubbles: true }))
grecaptcha.ready(async () => {
const token = await grecaptcha.execute("6LdeUJAsAAAAAOBDHS9eeCpohoyaeAj7Pkm6Iqjl", { action: 'submit' })
component.$wire.$set('gRecaptchaResponse', token).then(() => {
Alpine.evaluate(el, "$wire." + submitExpression, { scope: { $event: e } })
})
})
}
el.addEventListener('submit', onSubmit, { capture: true })
cleanup(() => {
el.removeEventListener('submit', onSubmit, { capture: true })
})
})
})
</script>
<script src="https://www.google.com/recaptcha/api.js?render=6LdeUJAsAAAAAOBDHS9eeCpohoyaeAj7Pkm6Iqjl"></script>
<script src="https://www.sndiffusion.fr/flux/flux.min.js?id=ac0f2f1e" data-navigate-once></script>
</div>
<div>
<!--
__
<(o )___
( ._> /
`---'
-->
</div>
</body>
</html>
