<!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 Peugeot occasion à Foix chez votre mandataire auto SN Diffusion</title>
<meta property="og:title" content="Acheter une Peugeot occasion à Foix chez votre mandataire auto SN Diffusion" />
<meta name="twitter:title" content="Acheter une Peugeot occasion à Foix chez votre mandataire auto SN Diffusion" />
<meta name="embedx:title" content="Acheter une Peugeot occasion à Foix chez votre mandataire auto SN Diffusion" />
<meta name="description" content="Découvrez toutes nos Peugeot occasion à Foix et acheter votre prochain véhicule Peugeot 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 Peugeot occasion à Foix et acheter votre prochain véhicule Peugeot 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 Peugeot occasion à Foix et acheter votre prochain véhicule Peugeot 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 Peugeot occasion à Foix et acheter votre prochain véhicule Peugeot 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/peugeot/ville-foix" />
<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\/peugeot\/ville-foix","name":"Peugeot"}},{"@type":"ListItem","position":5,"item":{"@id":"https:\/\/www.sndiffusion.fr\/mandataire\/occasion\/peugeot\/ville-foix","name":"Foix"}}]}</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":["Peugeot"]},"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":"GpIgX1YfRwWhKHbn8b61","name":"layout.submenu-vehicles","path":"mandataire\/occasion\/peugeot\/ville-foix","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"e8bfc5fcd88f5c29733f54baec297c710adaf32ad83194b74e59dc51a52d3d3d"}" wire:effects="{"partials":[]}" wire:id="GpIgX1YfRwWhKHbn8b61" wire:name="layout.submenu-vehicles" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbeyJjb25kaXRpb24iOlsibmV1dmUiLHsiY2xhc3MiOiJBcHBcXEVudW1zXFxDb25kaXRpb24iLCJzIjoiZW5tIn1dfSx7InMiOiJhcnIifV0sImZvckNvbXBvbmVudCI6ImxheW91dC5zdWJtZW51LXZlaGljbGVzIn0sIm1lbW8iOnsiaWQiOiJEdUVzYkI4Rko4aktrNUNYTmxobCIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6Im1hbmRhdGFpcmVcL29jY2FzaW9uXC9wZXVnZW90XC92aWxsZS1mb2l4IiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiNmRhNzZkNzhhODk4N2VlZTQwMjA1MjU5YmQzYTg1MDdiMmI3NGQ4ZjU1ZjJkZTFiMTc3N2NjNGY5ODc1ZjliNCJ9')"></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":"pDgKBvAsRGwRC80UYMdH","name":"layout.submenu-vehicles","path":"mandataire\/occasion\/peugeot\/ville-foix","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"198925b0e9596e79b75a15aa761344917c1b639b3f3b19cc1b7b8c66de2de598"}" wire:effects="{"partials":[]}" wire:id="pDgKBvAsRGwRC80UYMdH" wire:name="layout.submenu-vehicles" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbeyJjb25kaXRpb24iOlsib2NjYXNpb24iLHsiY2xhc3MiOiJBcHBcXEVudW1zXFxDb25kaXRpb24iLCJzIjoiZW5tIn1dfSx7InMiOiJhcnIifV0sImZvckNvbXBvbmVudCI6ImxheW91dC5zdWJtZW51LXZlaGljbGVzIn0sIm1lbW8iOnsiaWQiOiJsbFFQaFJMTGZqVXhKNGhVQkZYQyIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6Im1hbmRhdGFpcmVcL29jY2FzaW9uXC9wZXVnZW90XC92aWxsZS1mb2l4IiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiMDZhNTVlOTY4YWM2NjFiZGViNzYxMDI5MDgyNmE4NGIzNTlmMWE2YTI3NTdiYTM2OTI0ZTNiNGFmOGNiYTE3ZiJ9')"></div> </div>
<div x-show="activeMenu === 'financing'" x-cloak>
<div wire:key="lw-1066456229-2-1" wire:snapshot="{"data":[],"memo":{"id":"UIn8csMOBKazsic1rfeN","name":"layout.submenu-services","path":"mandataire\/occasion\/peugeot\/ville-foix","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"f839d0897e17ecd467ffe40490d9330420dba8afed71d89645edaf367269b538"}" wire:effects="{"partials":[]}" wire:id="UIn8csMOBKazsic1rfeN" wire:name="layout.submenu-services" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dLCJmb3JDb21wb25lbnQiOiJsYXlvdXQuc3VibWVudS1zZXJ2aWNlcyJ9LCJtZW1vIjp7ImlkIjoiSHpBSUZlR0JPcmpvdW5SaW9PZlAiLCJuYW1lIjoiX19tb3VudFBhcmFtc0NvbnRhaW5lciIsInBhdGgiOiJtYW5kYXRhaXJlXC9vY2Nhc2lvblwvcGV1Z2VvdFwvdmlsbGUtZm9peCIsIm1ldGhvZCI6IkdFVCIsInJlbGVhc2UiOiJhLWEtYSJ9LCJjaGVja3N1bSI6IjA3NmMwY2JlZGYyY2FiNmRhODk5YjRmOGUwMGFiNzQ3MzhlMDk4ZTQ5MmIwMmIxZmNhODViYWE2MjM1YzY5OGEifQ==')"></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":"zlfLOmgg63Y45JnOpwU7","name":"layout.submenu-vehicles","path":"mandataire\/occasion\/peugeot\/ville-foix","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"0dd610cb8dcb66a7dd51c07530a3253ff4c619aa9b9f7c99889cb32b9a858128"}" wire:effects="{"partials":[]}" wire:id="zlfLOmgg63Y45JnOpwU7" wire:name="layout.submenu-vehicles" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbeyJjb25kaXRpb24iOlsibmV1dmUiLHsiY2xhc3MiOiJBcHBcXEVudW1zXFxDb25kaXRpb24iLCJzIjoiZW5tIn1dfSx7InMiOiJhcnIifV0sImZvckNvbXBvbmVudCI6ImxheW91dC5zdWJtZW51LXZlaGljbGVzIn0sIm1lbW8iOnsiaWQiOiJPYzZsUmgzZzhJMDlMMVNycUM2VSIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6Im1hbmRhdGFpcmVcL29jY2FzaW9uXC9wZXVnZW90XC92aWxsZS1mb2l4IiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiYjZjZmFjY2UzYmE2OTQ5OWE4OGEwNmZiZTE4NDcwYTlhNzg0ZjJkNTc5OGViYWQxYWQ0YmMyMjc3OTZhMjZiOSJ9')"></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":"bqo5jSfsjTUj3ffbQnyh","name":"layout.submenu-vehicles","path":"mandataire\/occasion\/peugeot\/ville-foix","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"93281b9458ba9f968ef7dde152987a6cf9e17f19e4df3f5d44fe7d65126a44fd"}" wire:effects="{"partials":[]}" wire:id="bqo5jSfsjTUj3ffbQnyh" wire:name="layout.submenu-vehicles" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbeyJjb25kaXRpb24iOlsib2NjYXNpb24iLHsiY2xhc3MiOiJBcHBcXEVudW1zXFxDb25kaXRpb24iLCJzIjoiZW5tIn1dfSx7InMiOiJhcnIifV0sImZvckNvbXBvbmVudCI6ImxheW91dC5zdWJtZW51LXZlaGljbGVzIn0sIm1lbW8iOnsiaWQiOiJRVHRrZndZMzFES3h4TVIxbFFvaiIsIm5hbWUiOiJfX21vdW50UGFyYW1zQ29udGFpbmVyIiwicGF0aCI6Im1hbmRhdGFpcmVcL29jY2FzaW9uXC9wZXVnZW90XC92aWxsZS1mb2l4IiwibWV0aG9kIjoiR0VUIiwicmVsZWFzZSI6ImEtYS1hIn0sImNoZWNrc3VtIjoiMDAzNmQ1MTc3YWUxMzNkNWFkNDkyZjJhNDk1ZDg0ODdhZTU1MjZmYjhjZDNlOWQ4NDgzNmZlMzcxOWZlYjVjYSJ9')"></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":"hW5pJH8icFHMEn9f6fkU","name":"layout.submenu-services","path":"mandataire\/occasion\/peugeot\/ville-foix","method":"GET","release":"a-a-a","attributes":{"variant":"mobile"},"children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"fr","islands":[]},"checksum":"043563f6b2436fc1826dc7bb9bc9554cb7dc984f33189106e3173e5b82db857c"}" wire:effects="{"partials":[]}" wire:id="hW5pJH8icFHMEn9f6fkU" wire:name="layout.submenu-services" x-init="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dLCJmb3JDb21wb25lbnQiOiJsYXlvdXQuc3VibWVudS1zZXJ2aWNlcyJ9LCJtZW1vIjp7ImlkIjoiQTZYbGR6NDlXd1VTVXNuSklnWFYiLCJuYW1lIjoiX19tb3VudFBhcmFtc0NvbnRhaW5lciIsInBhdGgiOiJtYW5kYXRhaXJlXC9vY2Nhc2lvblwvcGV1Z2VvdFwvdmlsbGUtZm9peCIsIm1ldGhvZCI6IkdFVCIsInJlbGVhc2UiOiJhLWEtYSJ9LCJjaGVja3N1bSI6IjEwNmZiMmUwNmU5NzIyY2FiMTFmY2NkN2QyMjBiOGIwMDg0NjZhMWMwZTBjZmIzMmUzZmQwODNiMTBiM2YzYmIifQ==')"></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/peugeot/ville-foix">
<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">
Peugeot
</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">Foix</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 Peugeot occasion à Foix
</h1>
<p class="text-sm md:text-base mt-1 text-primary-100 max-w-2xl">Repartez au volant d'une Peugeot occasion à Foix </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":2,"s":"mdl"}],"transmission":null,"fuel":null,"model":null,"selection":null,"department":null,"city":[null,{"class":"App\\Models\\Geography\\City","key":15,"s":"mdl"}],"paginators":[{"page":1},{"s":"arr"}]},"memo":{"id":"4mZKB24s9xtJSz6l0TKY","name":"pages::vehicles.list","path":"mandataire\/occasion\/peugeot\/ville-foix","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr","islands":[]},"checksum":"232c12bfb8b33e35c43c5a15abfd38caf29994cbb51d5195aa2973ae3cc00bc4"}" wire:effects="{"partials":[],"url":{"paginators.page":{"as":"page","use":"push","alwaysShow":false,"except":null}}}" wire:id="4mZKB24s9xtJSz6l0TKY" 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">11</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/22dcf951-a5a2-4f81-9e9d-e153a1f9de3e.jpeg%3Fw=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1794/24/22dcf951-a5a2-4f81-9e9d-e153a1f9de3e.jpeg%3Fw=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1794/24/22dcf951-a5a2-4f81-9e9d-e153a1f9de3e.jpeg%3Fw=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1794/24/22dcf951-a5a2-4f81-9e9d-e153a1f9de3e.jpeg%3Fw=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Peugeot 308 SW"
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(2090)"
:class="$store.favorites.has(2090) ? '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(2090) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(2090) && '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/peugeot/308-sw/hybrid-145-e-dcs6-gt-2090" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Peugeot 308 SW</span>
<span class="text-sm text-gray-500 truncate block" title="Hybrid 145 e-DCS6 GT">
Hybrid 145 e-DCS6 GT
</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>
40 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>
05/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: #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">
22 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/1794/23/f22f43c3-ab54-47f4-ada4-002f69d3aa5a.jpeg%3Fw=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1794/23/f22f43c3-ab54-47f4-ada4-002f69d3aa5a.jpeg%3Fw=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1794/23/f22f43c3-ab54-47f4-ada4-002f69d3aa5a.jpeg%3Fw=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1794/23/f22f43c3-ab54-47f4-ada4-002f69d3aa5a.jpeg%3Fw=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Peugeot 308 SW"
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(2089)"
:class="$store.favorites.has(2089) ? '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(2089) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(2089) && '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/peugeot/308-sw/hybrid-145-e-dcs6-gt-2089" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Peugeot 308 SW</span>
<span class="text-sm text-gray-500 truncate block" title="Hybrid 145 e-DCS6 GT">
Hybrid 145 e-DCS6 GT
</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>
39 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>
05/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: #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">
22 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/16/1793/63/98274d0b-0e5e-487e-b818-c3db266d3592.jpeg%3Fw=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/16/1793/63/98274d0b-0e5e-487e-b818-c3db266d3592.jpeg%3Fw=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/16/1793/63/98274d0b-0e5e-487e-b818-c3db266d3592.jpeg%3Fw=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/16/1793/63/98274d0b-0e5e-487e-b818-c3db266d3592.jpeg%3Fw=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Peugeot EXPERT 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(2073)"
:class="$store.favorites.has(2073) ? '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(2073) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(2073) && '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/peugeot/expert-cabine-approfondie/long-bluehdi-145-bv6-asphalt-gps-camera-2073" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Peugeot EXPERT CABINE APPROFONDIE</span>
<span class="text-sm text-gray-500 truncate block" title="LONG BlueHDi 145 BV6 ASPHALT GPS Caméra">
LONG BlueHDi 145 BV6 ASPHALT 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>
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>
69 200 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/2022
</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: #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">
24 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/photos/evialog_photos/logvo/15/1793/37/5f91c589-39e5-4060-a32c-800f41f340c5.jpeg%3Fw=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1793/37/5f91c589-39e5-4060-a32c-800f41f340c5.jpeg%3Fw=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1793/37/5f91c589-39e5-4060-a32c-800f41f340c5.jpeg%3Fw=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1793/37/5f91c589-39e5-4060-a32c-800f41f340c5.jpeg%3Fw=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Peugeot 2008"
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(1989)"
:class="$store.favorites.has(1989) ? '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(1989) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(1989) && '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/peugeot/2008/bluehdi-110-bv6-gt-gps-10-camera-adml-1989" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Peugeot 2008</span>
<span class="text-sm text-gray-500 truncate block" title="BlueHDi 110 BV6 GT GPS 10" Caméra ADML">
BlueHDi 110 BV6 GT GPS 10" Caméra ADML
</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>
33 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>
06/2021
</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: #FFA500"></span>
Orange
</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/1790/41/d89cb63d-1a0e-4d98-b925-45df3a6a4d50.jpeg%3Fw=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1790/41/d89cb63d-1a0e-4d98-b925-45df3a6a4d50.jpeg%3Fw=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1790/41/d89cb63d-1a0e-4d98-b925-45df3a6a4d50.jpeg%3Fw=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1790/41/d89cb63d-1a0e-4d98-b925-45df3a6a4d50.jpeg%3Fw=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Peugeot 308"
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: #FF6D1D; color: #FFFFFF"
aria-label="Petit prix"
>
Petit prix
</span>
<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(1970)"
:class="$store.favorites.has(1970) ? '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(1970) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(1970) && '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/peugeot/308/new-puretech-110-bv6-allure-pack-1970" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Peugeot 308</span>
<span class="text-sm text-gray-500 truncate block" title="NEW PureTech 110 BV6 ALLURE PACK">
NEW PureTech 110 BV6 ALLURE PACK
</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>
60 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>
07/2020
</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">
11 890 €
</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/1791/21/a187cff2-0130-4e59-a1d5-6be94cd686df.jpeg%3Fw=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1791/21/a187cff2-0130-4e59-a1d5-6be94cd686df.jpeg%3Fw=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1791/21/a187cff2-0130-4e59-a1d5-6be94cd686df.jpeg%3Fw=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1791/21/a187cff2-0130-4e59-a1d5-6be94cd686df.jpeg%3Fw=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Peugeot PARTNER FOURGON"
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 ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(1751)"
:class="$store.favorites.has(1751) ? '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(1751) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(1751) && '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/peugeot/partner-fourgon/m-bluehdi-100-bv6-gps-ecran-10-camera-radars-3-places-14150ht-1751" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Peugeot PARTNER FOURGON</span>
<span class="text-sm text-gray-500 truncate block" title="M BlueHDi 100 BV6 GPS Ecran 10" Caméra Radars 3 Places 14150HT">
M BlueHDi 100 BV6 GPS Ecran 10" Caméra Radars 3 Places 14150HT
</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>
43 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/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>
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 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/photos/evialog_photos/logvo/15/1789/11/eb540cd2-1deb-4cbc-947b-c9fa1d1ee0d6.jpeg%3Fw=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1789/11/eb540cd2-1deb-4cbc-947b-c9fa1d1ee0d6.jpeg%3Fw=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1789/11/eb540cd2-1deb-4cbc-947b-c9fa1d1ee0d6.jpeg%3Fw=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1789/11/eb540cd2-1deb-4cbc-947b-c9fa1d1ee0d6.jpeg%3Fw=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Peugeot PARTNER"
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 ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(1680)"
:class="$store.favorites.has(1680) ? '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(1680) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(1680) && '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/peugeot/partner/bluehdi-100-asphalt-gps-camera-3pl-1main-1680" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Peugeot PARTNER</span>
<span class="text-sm text-gray-500 truncate block" title="BlueHDi 100 ASPHALT GPS Caméra 3PL 1°Main">
BlueHDi 100 ASPHALT GPS Caméra 3PL 1°Main
</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>
96 700 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/2020
</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">
12 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/1786/72/352b9a30-1427-4e0c-ab40-63483e048c74.jpeg%3Fw=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1786/72/352b9a30-1427-4e0c-ab40-63483e048c74.jpeg%3Fw=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1786/72/352b9a30-1427-4e0c-ab40-63483e048c74.jpeg%3Fw=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1786/72/352b9a30-1427-4e0c-ab40-63483e048c74.jpeg%3Fw=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Peugeot 3008"
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 ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(1655)"
:class="$store.favorites.has(1655) ? '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(1655) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(1655) && '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/peugeot/3008/bluehdi-130-eat8-allure-pack-hayon-camera-360-1655" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Peugeot 3008</span>
<span class="text-sm text-gray-500 truncate block" title="BlueHDi 130 EAT8 ALLURE PACK Hayon Caméra 360°">
BlueHDi 130 EAT8 ALLURE PACK Hayon Caméra 360°
</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>
76 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>
05/2022
</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: #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">
20 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/1782/46/91e57088-5dd0-4c3c-a05f-38a903eddb41.jpg%3Fw=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1782/46/91e57088-5dd0-4c3c-a05f-38a903eddb41.jpg%3Fw=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1782/46/91e57088-5dd0-4c3c-a05f-38a903eddb41.jpg%3Fw=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/15/1782/46/91e57088-5dd0-4c3c-a05f-38a903eddb41.jpg%3Fw=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Peugeot 3008"
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 ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(1424)"
:class="$store.favorites.has(1424) ? '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(1424) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(1424) && '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/peugeot/3008/bluehdi-130-eat8-gt-hayon-grip-control-sc-1424" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Peugeot 3008</span>
<span class="text-sm text-gray-500 truncate block" title="BlueHDi 130 EAT8 GT Hayon Grip Control SC">
BlueHDi 130 EAT8 GT Hayon Grip Control SC
</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>
99 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/2022
</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: #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-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">
20 490 €
</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/16/1788/16/f135e431-3f3b-477e-8427-5ca2410f3c63.jpeg%3Fw=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/16/1788/16/f135e431-3f3b-477e-8427-5ca2410f3c63.jpeg%3Fw=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/16/1788/16/f135e431-3f3b-477e-8427-5ca2410f3c63.jpeg%3Fw=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/16/1788/16/f135e431-3f3b-477e-8427-5ca2410f3c63.jpeg%3Fw=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Peugeot 3008"
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 ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(1182)"
:class="$store.favorites.has(1182) ? '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(1182) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(1182) && '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/peugeot/3008/bluehdi-130-eat8-allure-pack-toit-noir-1182" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Peugeot 3008</span>
<span class="text-sm text-gray-500 truncate block" title="BlueHDi 130 EAT8 ALLURE PACK Toit Noir">
BlueHDi 130 EAT8 ALLURE PACK Toit Noir
</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>
111 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>
12/2021
</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: #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-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">
17 980 €
</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">212 €</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: 1182 })" 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/16/1761/57/f34a9798-60ab-4455-a8c6-0adf7c3a2906.jpg%3Fw=600"
srcset="https://www.sndiffusion.fr/photos/evialog_photos/logvo/16/1761/57/f34a9798-60ab-4455-a8c6-0adf7c3a2906.jpg%3Fw=320 320w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/16/1761/57/f34a9798-60ab-4455-a8c6-0adf7c3a2906.jpg%3Fw=480 480w, https://www.sndiffusion.fr/photos/evialog_photos/logvo/16/1761/57/f34a9798-60ab-4455-a8c6-0adf7c3a2906.jpg%3Fw=768 768w"
sizes="(min-width: 1280px) 25vw, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
alt="Peugeot 3008"
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 ENDBLOCK]><![endif]--> </div>
<button
type="button"
x-data
@click.prevent.stop="$store.favorites.toggle(21)"
:class="$store.favorites.has(21) ? '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(21) ? 'Retirer des favoris' : 'Ajouter aux favoris'"
>
<svg class="shrink-0 [:where(&)]:size-6 size-4" :class="$store.favorites.has(21) && '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/peugeot/3008/puretech-130-eat8-gt-line-21" wire:navigate>
<span aria-hidden="true" class="absolute inset-0"></span>
<h3>
<span class="text-lg font-bold text-primary-500 block">Peugeot 3008</span>
<span class="text-sm text-gray-500 truncate block" title="Puretech 130 EAT8 GT LINE">
Puretech 130 EAT8 GT LINE
</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>
91 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>
06/2020
</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: #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">
15 750 €
</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 Peugeot occasion à Foix : sécurisez votre projet automobile en Ariège</h2>
<p>L’achat d’une <strong>voiture Peugeot occasion à Foix</strong> constitue un projet important qui nécessite souvent un accompagnement professionnel. Face à l’abondance des offres disponibles sur le marché, il est parfois difficile de distinguer les véhicules réellement fiables des annonces plus risquées.</p>
<p>En Ariège, les automobilistes évoluent dans un environnement particulier où les trajets quotidiens alternent entre axes routiers principaux, routes départementales et secteurs montagneux. Le choix du véhicule doit donc tenir compte de contraintes spécifiques liées au territoire.</p>
<p>Faire appel à un <em>mandataire automobile à Foix</em> permet de bénéficier d’une expertise reconnue et d’un accès privilégié à des véhicules soigneusement sélectionnés. Nous contrôlons chaque modèle afin de garantir sa qualité et sa conformité avant toute proposition à nos clients.</p>
<h2>Mandataire auto à Foix : plus de trois décennies d’expérience</h2>
<p>Depuis plus de trente ans, nous accompagnons les particuliers et les professionnels dans leurs projets automobiles. Cette expérience nous permet d’anticiper les évolutions du marché et de proposer des solutions adaptées aux besoins des automobilistes ariégeois.</p>
<p>Chaque <strong>voiture occasion proposée à Foix</strong> fait l’objet d’un contrôle complet portant sur son état général, son historique et sa conformité administrative. Cette exigence garantit une qualité constante et une sécurité maximale.</p>
<p>Notre réseau de partenaires nous permet également d’accéder à un large choix de véhicules à des conditions particulièrement avantageuses.</p>
<h2>Achat de voiture Peugeot occasion à Foix : un accompagnement complet</h2>
<p>Nous prenons le temps de comprendre précisément vos attentes afin de sélectionner les véhicules les plus adaptés à votre profil. Budget, kilométrage annuel, type d’utilisation ou motorisation souhaitée : chaque critère est étudié avec attention.</p>
<p>Nous assurons ensuite l’ensemble des démarches nécessaires jusqu’à la livraison du véhicule. Grâce à cet accompagnement personnalisé, votre <strong>achat voiture Peugeot occasion à Foix</strong> se déroule en toute sérénité.</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 les Peugeot occasion en vente à Foix
</h2>
<div class="flex flex-wrap gap-2">
<!--[if BLOCK]><![endif]--> <a
href="https://www.sndiffusion.fr/mandataire/occasion/peugeot/3008/ville-foix"
title="Peugeot 3008 occasion à Foix" 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 3008 occasion à Foix
</a>
<!--[if ENDBLOCK]><![endif]--> </div>
</div>
<!--[if ENDBLOCK]><![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 à Foix
</h2>
<div class="flex flex-wrap gap-2">
<!--[if BLOCK]><![endif]--> <a
href="https://www.sndiffusion.fr/mandataire/occasion/renault/ville-foix"
title="Renault occasion à Foix" 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 à Foix
</a>
<a
href="https://www.sndiffusion.fr/mandataire/occasion/citroen/ville-foix"
title="Citroën occasion à Foix" 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 à Foix
</a>
<a
href="https://www.sndiffusion.fr/mandataire/occasion/volkswagen/ville-foix"
title="Volkswagen occasion à Foix" 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 à Foix
</a>
<a
href="https://www.sndiffusion.fr/mandataire/occasion/bmw/ville-foix"
title="BMW occasion à Foix" 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 à Foix
</a>
<a
href="https://www.sndiffusion.fr/mandataire/occasion/nissan/ville-foix"
title="Nissan occasion à Foix" 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 à Foix
</a>
<a
href="https://www.sndiffusion.fr/mandataire/occasion/fiat/ville-foix"
title="Fiat occasion à Foix" wire:navigate
class="rounded-lg bg-primary-50 px-4 py-2 text-sm font-medium text-primary-800 transition hover:bg-primary-100"
>
Fiat occasion à Foix
</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/peugeot/ville-foix-1" wire:snapshot="{"data":{"vehicleIds":[[],{"s":"arr"}]},"memo":{"id":"cliVV5B2OlsCPTqZGyy0","name":"vehicles.favorites-flyout","path":"mandataire\/occasion\/peugeot\/ville-foix","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr","islands":[]},"checksum":"f0b2e0c098b827f91c800873960b5a6bb12863a80524cfa22b4f489c3e54e96e"}" wire:effects="{"partials":[],"listeners":["load-favorites"]}" wire:id="cliVV5B2OlsCPTqZGyy0" 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', 'cliVV5B2OlsCPTqZGyy0')"
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/peugeot/ville-foix-2" wire:snapshot="{"data":{"legalNotice":""},"memo":{"id":"qpUTsWfIBnvNOHgJgRMb","name":"vehicles.financing-legal-notice","path":"mandataire\/occasion\/peugeot\/ville-foix","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"fr","islands":[]},"checksum":"7547c7105a2edf86d9968dff484870e35cf3eec4445553ebe4a212d5a04ead63"}" wire:effects="{"partials":[],"listeners":["show-legal-notice"]}" wire:id="qpUTsWfIBnvNOHgJgRMb" 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', 'qpUTsWfIBnvNOHgJgRMb')"
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":"KoAt031yfq4iIHav9hbyMqAdW7wpGE8XIIKF5TrS","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>