<!DOCTYPE html>
<html lang="fr">
<head>
<script>
window.dataLayer = window.dataLayer || [];
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 Fiat occasion à Auch chez votre mandataire auto SN Diffusion</title>
<meta property="og:title" content="Acheter une Fiat occasion à Auch chez votre mandataire auto SN Diffusion" />
<meta name="twitter:title" content="Acheter une Fiat occasion à Auch chez votre mandataire auto SN Diffusion" />
<meta name="embedx:title" content="Acheter une Fiat occasion à Auch chez votre mandataire auto SN Diffusion" />
<meta name="description" content="Découvrez toutes nos Fiat occasion à Auch et acheter votre prochain véhicule Fiat 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 Fiat occasion à Auch et acheter votre prochain véhicule Fiat 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 Fiat occasion à Auch et acheter votre prochain véhicule Fiat 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 Fiat occasion à Auch et acheter votre prochain véhicule Fiat 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/fiat/ville-auch" />
<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\/fiat\/ville-auch","name":"Fiat"}},{"@type":"ListItem","position":5,"item":{"@id":"https:\/\/www.sndiffusion.fr\/mandataire\/occasion\/fiat\/ville-auch","name":"Auch"}}]}</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-CrAmIORj.css" /><link rel="modulepreload" as="script" href="https://www.sndiffusion.fr/build/assets/app-DmDg_frV.js" /><link rel="stylesheet" href="https://www.sndiffusion.fr/build/assets/app-CrAmIORj.css" data-navigate-track="reload" /><script type="module" src="https://www.sndiffusion.fr/build/assets/app-DmDg_frV.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: 6,
initialUiState: {"refinementList":{"condition":["Occasion"],"brand":["Fiat"]},"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"},{"name":"test","label":"Peugeot","bg_color":"#000000","text_color":"#ffffff","display_search":false,"display_tag":true,"image":""}],
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="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[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>
</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-1" wire:snapshot="{"data":{"condition":["neuve",{"class":"App\\Enums\\Condition","s":"enm"}]},"memo":{"id":"6BCC12jyLa0SrWpYeblY","name":"layout.submenu-vehicles","path":"mandataire\/occasion\/fiat\/ville-auch","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"59b8a1c2889f38c23f85a5c1db77265b092516bee397ba905141af254a80369d"}" wire:effects="{"partials":[]}" wire:id="6BCC12jyLa0SrWpYeblY" wire:name="layout.submenu-vehicles" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbeyJjb25kaXRpb24iOlsibmV1dmUiLHsiY2xhc3MiOiJBcHBcXEVudW1zXFxDb25kaXRpb24iLCJzIjoiZW5tIn1dfSx7InMiOiJhcnIifV0sImZvckNvbXBvbmVudCI6ImxheW91dC5zdWJtZW51LXZlaGljbGVzIn0sIm1lbW8iOnsiaWQiOiJqdjFEVzgycXlmYlhoZ1NqNmZkcSIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6Im1hbmRhdGFpcmVcL29jY2FzaW9uXC9maWF0XC92aWxsZS1hdWNoIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiMzJkMTQ5OGY1MWZkOGYxNTg1YjYyZjVjZTA2NWYzMWMwMGRlYjE4Yjc5Y2NkOGY3N2U5ZWJlZTFhNTljNTFiZSJ9')"></div> </div>
<div x-show="activeMenu === 'vo'" x-cloak>
<div wire:key="lw-1066456229-1-1" wire:snapshot="{"data":{"condition":["occasion",{"class":"App\\Enums\\Condition","s":"enm"}]},"memo":{"id":"c6DAYgBp8UAX5E7dAN42","name":"layout.submenu-vehicles","path":"mandataire\/occasion\/fiat\/ville-auch","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"446ed4e6bc80b3e170e0fa358f1d4d095c59954b71f3ad57e06d377913d451f6"}" wire:effects="{"partials":[]}" wire:id="c6DAYgBp8UAX5E7dAN42" wire:name="layout.submenu-vehicles" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbeyJjb25kaXRpb24iOlsib2NjYXNpb24iLHsiY2xhc3MiOiJBcHBcXEVudW1zXFxDb25kaXRpb24iLCJzIjoiZW5tIn1dfSx7InMiOiJhcnIifV0sImZvckNvbXBvbmVudCI6ImxheW91dC5zdWJtZW51LXZlaGljbGVzIn0sIm1lbW8iOnsiaWQiOiJlN1hPVUQ4QXhlMTE3WkZrQjNabiIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6Im1hbmRhdGFpcmVcL29jY2FzaW9uXC9maWF0XC92aWxsZS1hdWNoIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiNTczMDgyMWNmNWU5ZTA4ZTc2M2JlYzk5YzI2NmEwMmEyYzljNjM0OGE5Yzg2NTM3OTc5ODE1Njc3NTkyMjQyMSJ9')"></div> </div>
<div x-show="activeMenu === 'financing'" x-cloak>
<div wire:key="lw-1066456229-2-1" wire:snapshot="{"data":[],"memo":{"id":"5WGPv5BqxU82fkyJYwz8","name":"layout.submenu-services","path":"mandataire\/occasion\/fiat\/ville-auch","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"04b195c6186727afec5c7fab4fbfbd4d42b569ff75eac357173c6f398eba7983"}" wire:effects="{"partials":[]}" wire:id="5WGPv5BqxU82fkyJYwz8" wire:name="layout.submenu-services" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dLCJmb3JDb21wb25lbnQiOiJsYXlvdXQuc3VibWVudS1zZXJ2aWNlcyJ9LCJtZW1vIjp7ImlkIjoibVlkbmJEVFBrZ2czTVNxcmNDaFYiLCJuYW1lIjoiX19tb3VudFBhcmFtc0NvbnRhaW5lciIsInBhdGgiOiJtYW5kYXRhaXJlXC9vY2Nhc2lvblwvZmlhdFwvdmlsbGUtYXVjaCIsIm1ldGhvZCI6IkdFVCIsInJlbGVhc2UiOiJhLWEtYSJ9LCJjaGVja3N1bSI6IjE2NDk3ZDNlYjExM2M0YzM3MTQ4OTVjYjU5Mjg0YjExYjYxN2Y5NDE2MjU5MjlkN2VkMGJkMjZkZmJhMjUyMjAifQ==')"></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">
<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">
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>
</summary>
<div wire:key="lw-1066456229-3-1" wire:snapshot="{"data":{"condition":["neuve",{"class":"App\\Enums\\Condition","s":"enm"}]},"memo":{"id":"K1zctpQClAStnUbnk5Jn","name":"layout.submenu-vehicles","path":"mandataire\/occasion\/fiat\/ville-auch","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"449859f3ca4cd4dfdbf2cb4622cb7434d1cc25716984962858ab67aefc33713c"}" wire:effects="{"partials":[]}" wire:id="K1zctpQClAStnUbnk5Jn" wire:name="layout.submenu-vehicles" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbeyJjb25kaXRpb24iOlsibmV1dmUiLHsiY2xhc3MiOiJBcHBcXEVudW1zXFxDb25kaXRpb24iLCJzIjoiZW5tIn1dfSx7InMiOiJhcnIifV0sImZvckNvbXBvbmVudCI6ImxheW91dC5zdWJtZW51LXZlaGljbGVzIn0sIm1lbW8iOnsiaWQiOiJpQ0tYajFORDd3MHpiRkZvYXV2ayIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6Im1hbmRhdGFpcmVcL29jY2FzaW9uXC9maWF0XC92aWxsZS1hdWNoIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiYjdjNzUxNmI1ZWJiNjQ4ODQwODE3ZWNjZmQ5NjYzMmIxYzhjZTgwMjRhYzgyNGM4NDdlNDlkNjk2M2JhNTcwMCJ9')"></div> </details>
<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">
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>
</summary>
<div wire:key="lw-1066456229-4-1" wire:snapshot="{"data":{"condition":["occasion",{"class":"App\\Enums\\Condition","s":"enm"}]},"memo":{"id":"hkLkWSAnbWUxR7Eontb4","name":"layout.submenu-vehicles","path":"mandataire\/occasion\/fiat\/ville-auch","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"d0a821ee701fd08fdc90cee6435055670c6f8a9eec0c12610f937bc5b85e058b"}" wire:effects="{"partials":[]}" wire:id="hkLkWSAnbWUxR7Eontb4" wire:name="layout.submenu-vehicles" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbeyJjb25kaXRpb24iOlsib2NjYXNpb24iLHsiY2xhc3MiOiJBcHBcXEVudW1zXFxDb25kaXRpb24iLCJzIjoiZW5tIn1dfSx7InMiOiJhcnIifV0sImZvckNvbXBvbmVudCI6ImxheW91dC5zdWJtZW51LXZlaGljbGVzIn0sIm1lbW8iOnsiaWQiOiJXbnFsNjRpblRQTTMwY25OdWx4SSIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6Im1hbmRhdGFpcmVcL29jY2FzaW9uXC9maWF0XC92aWxsZS1hdWNoIiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiY2Y1Nzk1ZmM3YjkxNTBhMWM1NTc4ZDNmMjFkOWQ0YzNhY2QzYjhhNzJlNDk2MjcxMzlmZGJlM2IwYzM2YzRmNCJ9')"></div> </details>
<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-5-1" wire:snapshot="{"data":[],"memo":{"id":"HowSqteJ4MmURiRXf2bV","name":"layout.submenu-services","path":"mandataire\/occasion\/fiat\/ville-auch","method":"GET","release":"a-a-a","attributes":{"variant":"mobile"},"children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"7187649529f3fe185e40e6c7200785a827aec0921337793476b8ca5422f7678e"}" wire:effects="{"partials":[]}" wire:id="HowSqteJ4MmURiRXf2bV" wire:name="layout.submenu-services" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dLCJmb3JDb21wb25lbnQiOiJsYXlvdXQuc3VibWVudS1zZXJ2aWNlcyJ9LCJtZW1vIjp7ImlkIjoia3RCbWlhMXdTNERnOVkzd2ZCZjMiLCJuYW1lIjoiX19tb3VudFBhcmFtc0NvbnRhaW5lciIsInBhdGgiOiJtYW5kYXRhaXJlXC9vY2Nhc2lvblwvZmlhdFwvdmlsbGUtYXVjaCIsIm1ldGhvZCI6IkdFVCIsInJlbGVhc2UiOiJhLWEtYSJ9LCJjaGVja3N1bSI6IjU4OGRiMjY2MmZkODNiNGZlOGVhMWFhMGU5N2M0NzdkNzY3YzI0NmYyYzM5NTRkNDlmYWU4ZTk5MDY1OTFiN2IifQ==')"></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/fiat/ville-auch">
<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">
Fiat
</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">Auch</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 Fiat occasion à Auch
</h1>
<p class="text-sm md:text-base mt-1 text-primary-100 max-w-2xl">Repartez au volant d'une Fiat occasion à Auch </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":19,"s":"mdl"}],"transmission":null,"fuel":null,"model":null,"selection":null,"department":null,"city":[null,{"class":"App\\Models\\Geography\\City","key":13,"s":"mdl"}],"paginators":[{"page":1},{"s":"arr"}]},"memo":{"id":"uX9a8v64qY7VTz97odsO","name":"pages::vehicles.list","path":"mandataire\/occasion\/fiat\/ville-auch","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr","islands":[]},"checksum":"436568351c9646f92587fc702c7afeef9aba121fa83981e44107e8301aa7177c"}" wire:effects="{"partials":[],"url":{"paginators.page":{"as":"page","use":"push","alwaysShow":false,"except":null}}}" wire:id="uX9a8v64qY7VTz97odsO" 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">3</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/photos/evialog_photos/logvo/15/1794/24/3062d0c8-4074-472b-a446-91fdb636f64c.jpg%3Fw=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1794/24/3062d0c8-4074-472b-a446-91fdb636f64c.jpg%3Fw=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1794/24/3062d0c8-4074-472b-a446-91fdb636f64c.jpg%3Fw=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1794/24/3062d0c8-4074-472b-a446-91fdb636f64c.jpg%3Fw=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Fiat 500 e"
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(2154)"
:class="$store.favorites.has(2154) ? '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(2154) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(2154) && '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/fiat/500-e/electrique-95-nouvelle-500-batterie-238kwh-2154" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Fiat 500 e</span>
<span class="text-sm text-gray-500 truncate block" title="Electrique 95 NOUVELLE 500 Batterie 23.8kWh">
Electrique 95 NOUVELLE 500 Batterie 23.8kWh
</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>
Électrique
</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>
10 800 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>
07/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: #008000"></span>
Vert
</span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[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">
13 980 €
</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/storage/defaults/01KVDTX5RHH3VXXN43JTR1B6AB.jpg"
alt="Fiat 600"
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 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(2115)"
:class="$store.favorites.has(2115) ? '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(2115) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(2115) && '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/fiat/600/12-hybrid-145-e-dct-gps-camera-2115" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Fiat 600</span>
<span class="text-sm text-gray-500 truncate block" title="1.2 Hybrid 145 e-DCT GPS Caméra">
1.2 Hybrid 145 e-DCT 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>
21 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>
09/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: #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">
19 450 €
</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/1792/50/6c86b419-9cb0-4278-b7f3-18c018296d00.jpeg%3Fw=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1792/50/6c86b419-9cb0-4278-b7f3-18c018296d00.jpeg%3Fw=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1792/50/6c86b419-9cb0-4278-b7f3-18c018296d00.jpeg%3Fw=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1792/50/6c86b419-9cb0-4278-b7f3-18c018296d00.jpeg%3Fw=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Fiat SCUDO FOURGON CABINE APPROFONDIE"
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(1724)"
:class="$store.favorites.has(1724) ? '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(1724) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(1724) && '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/fiat/scudo-fourgon-cabine-approfondie/xl-20-multijet-145-bva8-pack-pro-lounge-ja-17-dble-ptes-lat-1724" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Fiat SCUDO FOURGON CABINE APPROFONDIE</span>
<span class="text-sm text-gray-500 truncate block" title="XL 2.0 Multijet 145 BVA8 PACK PRO LOUNGE JA 17" Dble Ptes Lat.">
XL 2.0 Multijet 145 BVA8 PACK PRO LOUNGE JA 17" Dble Ptes Lat.
</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>
52 300 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>
05/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>
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: #000000"></span>
Noir
</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">
31 950 €
</p>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[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 Fiat occasion à Auch : trouvez le véhicule idéal au cœur de la Gascogne</h2>
<p>Acheter une <strong>voiture Fiat occasion à Auch</strong> représente aujourd’hui un véritable projet qui nécessite réflexion et expertise. Entre les nombreuses annonces disponibles sur Internet, les écarts de prix parfois difficiles à comprendre et le manque de visibilité sur certains véhicules, les acheteurs doivent redoubler de vigilance avant de prendre leur décision.</p>
<p>Dans le Gers, les besoins automobiles sont souvent liés à la mobilité du quotidien. Les habitants d’Auch et des communes environnantes parcourent régulièrement plusieurs dizaines de kilomètres pour leurs déplacements professionnels, familiaux ou personnels. Dans ce contexte, la fiabilité, le confort et le coût d’utilisation du véhicule deviennent des critères essentiels.</p>
<p>Faire appel à un <em>mandataire automobile à Auch</em> permet de bénéficier d’un accompagnement professionnel tout au long du projet. Grâce à notre connaissance du marché automobile français et européen, nous identifions les meilleures opportunités disponibles afin de vous proposer des véhicules rigoureusement sélectionnés et parfaitement adaptés à vos besoins.</p>
<h2>Mandataire auto à Auch : plus de 30 ans d’expérience à votre service</h2>
<p>Depuis plus de trois décennies, nous accompagnons les particuliers et les professionnels dans leurs projets automobiles. Cette expérience nous permet de sélectionner avec précision chaque <strong>voiture occasion proposée à Auch</strong> selon des critères exigeants de qualité, de fiabilité et de conformité.</p>
<p>Notre expertise couvre également l’ensemble des formalités administratives liées à l’achat automobile. Immatriculation, certificat de conformité, démarches liées aux véhicules importés : nous prenons tout en charge afin de simplifier votre acquisition.</p>
<p>Grâce à notre réseau européen, nous sommes en mesure d’accéder à un large choix de véhicules et de négocier les meilleures conditions pour nos clients.</p>
<h2>Achat de voiture Fiat occasion à Auch : un accompagnement humain et personnalisé</h2>
<p>Chaque projet automobile est unique. C’est pourquoi nous mettons un point d’honneur à proposer un accompagnement sur mesure. Un conseiller dédié vous aide à définir vos besoins, à comparer les différentes options disponibles et à sécuriser chaque étape de votre achat.</p>
<p>Nous prenons également le temps de vous informer sur les coûts d’entretien, la consommation, les nouvelles motorisations et les perspectives de revente afin de vous permettre de réaliser un <strong>achat voiture Fiat occasion à Auch</strong> pleinement éclairé.</p>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <div class="container mx-auto px-4 sm:px-6 lg:px-8 pb-8">
<!--[if BLOCK]><![endif]--> <section class="space-y-8">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div>
<h2 class="mb-4 text-xl font-bold text-primary md:text-2xl">
Toutes nos autres marques occasion en vente à Auch
</h2>
<div class="flex flex-wrap gap-2">
<!--[if BLOCK]><![endif]--> <a
href="https://www.sndiffusion.fr/mandataire/occasion/renault/ville-auch"
title="Renault occasion à Auch" wire:navigate
class="rounded-lg bg-primary-50 px-4 py-2 text-sm font-medium text-primary-800 transition hover:bg-primary-100"
>
Renault occasion à Auch
</a>
<a
href="https://www.sndiffusion.fr/mandataire/occasion/peugeot/ville-auch"
title="Peugeot occasion à Auch" wire:navigate
class="rounded-lg bg-primary-50 px-4 py-2 text-sm font-medium text-primary-800 transition hover:bg-primary-100"
>
Peugeot occasion à Auch
</a>
<a
href="https://www.sndiffusion.fr/mandataire/occasion/citroen/ville-auch"
title="Citroën occasion à Auch" wire:navigate
class="rounded-lg bg-primary-50 px-4 py-2 text-sm font-medium text-primary-800 transition hover:bg-primary-100"
>
Citroën occasion à Auch
</a>
<a
href="https://www.sndiffusion.fr/mandataire/occasion/volkswagen/ville-auch"
title="Volkswagen occasion à Auch" wire:navigate
class="rounded-lg bg-primary-50 px-4 py-2 text-sm font-medium text-primary-800 transition hover:bg-primary-100"
>
Volkswagen occasion à Auch
</a>
<a
href="https://www.sndiffusion.fr/mandataire/occasion/bmw/ville-auch"
title="BMW occasion à Auch" wire:navigate
class="rounded-lg bg-primary-50 px-4 py-2 text-sm font-medium text-primary-800 transition hover:bg-primary-100"
>
BMW occasion à Auch
</a>
<a
href="https://www.sndiffusion.fr/mandataire/occasion/nissan/ville-auch"
title="Nissan occasion à Auch" wire:navigate
class="rounded-lg bg-primary-50 px-4 py-2 text-sm font-medium text-primary-800 transition hover:bg-primary-100"
>
Nissan occasion à Auch
</a>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </section>
<!--[if ENDBLOCK]><![endif]-->
</div> <!--[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:0563471000" 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 47 10 00</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/fiat/ville-auch-1" wire:snapshot="{"data":{"vehicleIds":[[],{"s":"arr"}]},"memo":{"id":"miaNWnNpvYs5UtnnQFZG","name":"vehicles.favorites-flyout","path":"mandataire\/occasion\/fiat\/ville-auch","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr","islands":[]},"checksum":"4a32c9d17a12e9be2be93718442a9ada8147d36b816c51528def5bb1aa728fae"}" wire:effects="{"partials":[],"listeners":["load-favorites"]}" wire:id="miaNWnNpvYs5UtnnQFZG" 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', 'miaNWnNpvYs5UtnnQFZG')"
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/fiat/ville-auch-2" wire:snapshot="{"data":{"legalNotice":""},"memo":{"id":"Iwca8lCasgRa1HIkF0dq","name":"vehicles.financing-legal-notice","path":"mandataire\/occasion\/fiat\/ville-auch","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr","islands":[]},"checksum":"e17f0fceed0eb3e92342e8cf5b41f36b88e81355d0968d9dbeacd81bb171e978"}" wire:effects="{"partials":[],"listeners":["show-legal-notice"]}" wire:id="Iwca8lCasgRa1HIkF0dq" 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', 'Iwca8lCasgRa1HIkF0dq')"
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":"trwGe8835KQoo5KCYcOItwALNjcgyw4vrp4E9oq0","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=fc69b0c5" data-navigate-once></script>
<script data-navigate-once>
window.addEventListener('lead-submitted', function (e) {
window.dataLayer = window.dataLayer || [];
var payload = Object.assign({ event: 'generate_lead' }, e.detail || {});
window.dataLayer.push(payload);
console.log('[dataLayer] generate_lead', payload);
});
</script>
</div>
<div>
<!--
__
<(o )___
( ._> /
`---'
-->
</div>
</body>
</html>