

<!doctype html>
<html  lang="fr">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" >
        <link rel="canonical" href="https://www.spinellivw.com/fr">
        
        
        <title>Spinelli Volkswagen Lachine | Concessionnaire Volkswagen</title>
<meta name="description" content="Chez Spinelli Volkswagen Lachine, découvrez les Volkswagen neufs et d'occasion dès aujourd'hui. Nous sommes votre concessionnaire numéro un pour les services Volkswagen à Montréal.">


<meta property="og:type" content="website"/>
<meta property="og:title" content="Spinelli Volkswagen Lachine | Concessionnaire Volkswagen"/>
<meta property="og:description" content="Chez Spinelli Volkswagen Lachine, découvrez les Volkswagen neufs et d'occasion dès aujourd'hui. Nous sommes votre concessionnaire numéro un pour les services Volkswagen à Montréal."/>
<meta property="og:site_name" content="Spinelli Volkswagen Lachine"/>
<meta property="og:url" content="/fr"/>
<meta property="og:image" content="https://img.sm360.ca/images/web/spinelli/4859/logo-spinelli-volkswagen-lachine1770650092924.svg"/>
<meta property="og:locale" content="fr"/>


<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Spinelli Volkswagen Lachine | Concessionnaire Volkswagen">
<meta name="twitter:description" content="Chez Spinelli Volkswagen Lachine, découvrez les Volkswagen neufs et d'occasion dès aujourd'hui. Nous sommes votre concessionnaire numéro un pour les services Volkswagen à Montréal.">


    <meta name="twitter:image" content="https://img.sm360.ca/images/web/spinelli/4859/logo-spinelli-volkswagen-lachine1770650092924.svg">


<meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        
<link rel="preload" href="/css/core-ux/core-ux.min.css" as="style">
<link type="text/css" rel="stylesheet" href="/css/core-ux/core-ux.min.css">


<link href="/css/theme/manticore360/main.css?v=080958284" type="text/css" rel="stylesheet"/>


    <link rel="preload" href="https://cdn.icomoon.io/78355/manufacturer-volkswagen/style-svg.css?false" as="style" />
    <link rel="stylesheet" href="https://cdn.icomoon.io/78355/manufacturer-volkswagen/style-svg.css?false" />


<link rel="preload" href="/css/manufacturers/volkswagen/volkswagen.min.css" as="style" />
<link type="text/css" rel="stylesheet" href="/css/manufacturers/volkswagen/volkswagen.min.css" />
<link rel="preload" href="/css/showroom/specific-make/volkswagen.css" as="style">
            <link type="text/css" rel="stylesheet" href="/css/showroom/specific-make/volkswagen.css">
        <link rel="preload" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css" as="style" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css" />
        

        <link rel="icon" href="https://img.sm360.ca/images/web/spinelli/4859/favicon-vw1761924380323.svg">
        <link rel="apple-touch-icon-precomposed" href="https://img.sm360.ca/images/web/spinelli/4859/logo-icon-appletouch1767823272960.png">
        

        <!--[if lt IE 9]>
        <script src="//cdn.sm360.ca/varia/js/src/min/html5.js"></script>
        <![endif]-->

        <script type="text/javascript">
            if (typeof console === "undefined") {
                var console = {
                    log: function(value) {
                        return;
                    }
                };
            }
        </script>

        <link rel="dns-prefetch" href="//cdn.sm360.ca">
        <link rel="preconnect" href="//cdn.sm360.ca">

        
            <link rel="dns-prefetch" href="https://img0.sm360.ca">
            <link rel="preconnect" href="https://img0.sm360.ca">
        
            <link rel="dns-prefetch" href="https://img1.sm360.ca">
            <link rel="preconnect" href="https://img1.sm360.ca">
        
            <link rel="dns-prefetch" href="https://img2.sm360.ca">
            <link rel="preconnect" href="https://img2.sm360.ca">
        

            <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>

            
                        <script defer src="https://code.jquery.com/jquery-migrate-1.2.1.min.js" integrity="sha256-HmfY28yh9v2U4HfIXC+0D6HCdWyZI42qjaiCFEJgpo0=" crossorigin="anonymous"></script>
                    
                
            <script defer src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" integrity="sha256-xNjb53/rY+WmG+4L6tTl9m6PpqknWZvRt0rO1SRnJzw=" crossorigin="anonymous"></script>
        
    
    <script defer src="//cdn.sm360.ca/varia/js/src/min/jquery.cookie.js"></script>
    <script defer src="//cdn.sm360.ca/varia/js/src/min/jquery.sm360.cookieArray.js"></script>
    <script defer src="//cdn.sm360.ca/varia/js/src/min/compareTool.js"></script>


<script type="text/javascript" src="/js/core-ux/core-ux.min.js?v=064908968" defer="defer"/></script>

        
            <script type="text/javascript">
                  window.didomiConfig = {
                    languages: {
                        enabled: ['fr'],
                        default: 'fr'
                    }
                };
window.gdprAppliesGlobally=false;(function(){function n(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var r=document.createElement("iframe");r.style.display="none";r.name=e;r.title=e;t.insertBefore(r,t.firstChild)}else{setTimeout(function(){n(e)},5)}}}function e(r,i,o,c,s){function e(e,t,r,n){if(typeof r!=="function"){return}if(!window[i]){window[i]=[]}var a=false;if(s){a=s(e,n,r)}if(!a){window[i].push({command:e,version:t,callback:r,parameter:n})}}e.stub=true;e.stubVersion=2;function t(n){if(!window[r]||window[r].stub!==true){return}if(!n.data){return}var a=typeof n.data==="string";var e;try{e=a?JSON.parse(n.data):n.data}catch(t){return}if(e[o]){var i=e[o];window[r](i.command,i.version,function(e,t){var r={};r[c]={returnValue:e,success:t,callId:i.callId};n.source.postMessage(a?JSON.stringify(r):r,"*")},i.parameter)}}if(typeof window[r]!=="function"){window[r]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");n("__tcfapiLocator");(function(e,t){var r=document.createElement("link");r.rel="preconnect";r.as="script";var n=document.createElement("link");n.rel="dns-prefetch";n.as="script";var a=document.createElement("link");a.rel="preload";a.as="script";var i=document.createElement("script");i.id="spcloader";i.type="text/javascript";i["async"]=true;i.charset="utf-8";var o="https://sdk.privacy-center.org/"+e+"/loader.js?target_type=notice&target="+t;r.href="https://sdk.privacy-center.org/";n.href="https://sdk.privacy-center.org/";a.href=o;i.src=o;var c=document.getElementsByTagName("script")[0];c.parentNode.insertBefore(r,c);c.parentNode.insertBefore(n,c);c.parentNode.insertBefore(a,c);c.parentNode.insertBefore(i,c)})("9f2f0210-19d1-48f0-a8e7-3e949ac7ab5b","xGnYhWVm")})();
            </script>
        

                <!-- Datalayer-->
                

<script>
    function clickToCall(){
        var dataLayer = window.dataLayer = window.dataLayer || [];

        dataLayer.push({
            "event": "clickToCall",
            "eventCategory": "profitCenter",
            "eventAction": "click-to-call",
            "mediaConversionType": "soft conversion", // Hardcoded
            "dealership": "Spinelli Volkswagen Lachine",
            
        });
    }
</script>

<script type="text/javascript">
    function clickToDirections(){
        var dataLayer = window.dataLayer = window.dataLayer || [];
        dataLayer.push({
            "event": "clickToCall",
            "eventCategory": "profitCenter",
            "eventAction": "click-to-directions",
            "mediaConversionType": "soft conversion", // Hardcoded
            "dealership": "Spinelli Volkswagen Lachine",
            
        });
    }
</script>

<script>
    function formSubmitted(formName){
        var dataLayer = window.dataLayer = window.dataLayer || [];
        dataLayer.push({
            "event": "formSubmitted",
            "eventCategory": "profitCenter",
            "eventAction": "form submitted",
            "mediaConversionType": "hard conversion", // Hardcoded
            "dealership": "Spinelli Volkswagen Lachine",
            
        });
    }
</script>


        <script type="text/javascript">
        dataLayer = [{
            "isLoggedIn": "false",
            "hasVehicleInGarage": "false",
            "page404": "no",
            "dealership": "Spinelli Volkswagen Lachine",
            "language": "fr",
            "device": "desktop",
            pageType:'home' ,profitCenter:'generic' ,department:'Home' ,pageName:'Home'
        }];

        // Data Layer builder for gaTriggerEvent
        dataLayerGaTrigger = [{
            pageType:'home' ,profitCenter:'generic' ,department:'Home' ,pageName:'Home'
        }];
</script>

    
<script type="text/javascript">
    function setCookie(cname, cvalue, exdays) {
        var expires = "";
        if(exdays) {
            var d = new Date();
            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
            expires = "; expires=" + d.toUTCString();
        }
        document.cookie = cname + "=" + cvalue + expires + "; path=/;";
    }

    function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i <ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

    function initVdpVisitedEvent() {
        var vdpVisited_cookie = getCookie('vdpVisited');
        var lastVdpVisited_cookie = getCookie('lastVisitedVdp');
        var currentUrl = window.location.href;
        if(vdpVisited_cookie){
            var vdpVisited = parseInt(vdpVisited_cookie);
            if(lastVdpVisited_cookie != currentUrl) {
                vdpVisited++;
                setCookie('vdpVisited', vdpVisited);
                if (vdpVisited == 3) {
                    var eventLabel = '3 VDP Hits';
                    if (typeof (dataLayer) !== 'undefined') {
                        dataLayer.push({
                            'event': 'gaTriggerEvent',
                            'gaEventCategory': 'vdp',
                            'gaEventAction': 'vdpHit',
                            'gaEventLabel': eventLabel
                        });
                    } else if (typeof (ga) !== 'undefined') {
                        //Sending event to analytics
                        ga('send', 'event', 'vdp', 'vdpHit', eventLabel);
                    }
                }
            }
        } else {
            setCookie('vdpVisited', 1);
        }
        setCookie('lastVisitedVdp', currentUrl);
    }

</script>

                
                <!-- Datalayer-->
                

<!-- Google Tag Manager -->
    
        
            <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.defer=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-K9PF5F4');</script>
        
    
<!-- End Google Tag Manager -->


                <!-- Google Tag Manager -->
                <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.defer=true;j.src=
                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                })(window,document,'script','dataLayer','GTM-KZHR7TM');</script>
                <!-- End Google Tag Manager -->
            
        
        <script>
    /**
     * Add a hidden input if reCaptcha is enabled
     * @form : form element
     */
    async function handleRecaptcha(form) {
        if(typeof hasRecaptchaEnabled !== "undefined") {
            try{
                const token = await getRecaptchaToken();
                addHiddenInput(token, form);
            }
            catch(e) {
                console.error('An error Recaptcha occurred');
            }
        }
    }

    window.handleRecaptcha = handleRecaptcha;
</script>

<script src="https://www.google.com/recaptcha/enterprise.js?render=6LczdUopAAAAAFckGx0fz25SKme7y22Opv0ForV7"></script>

    <script type="text/javascript">
        window.hasRecaptchaEnabled = true;
        /**
         * Add Hidden Input tag.
         * @param { String } token - Recaptcha token
         * @param { HTMLCollection } form - Form.
         */
        function addHiddenInput(token, form){
            const hiddenRecaptchaInput = form[0].querySelector('[data-recaptcha-response]');
            if(!hiddenRecaptchaInput) {
                var hiddenInput = document.createElement('input');
                hiddenInput.type = 'hidden';
                hiddenInput.name = 'recaptchaResponse';
                hiddenInput.dataset.recaptchaResponse = '';
                hiddenInput.value = token;
                form[0].appendChild(hiddenInput);
            } else {
                hiddenRecaptchaInput.value = token;
            }
        }

        /**
         * Call grecaptcha.enterprise.execute to get the token.
         */
        function getRecaptchaToken() {
            return new Promise((resolve, reject) => {
                grecaptcha.enterprise.ready(() => {
                    grecaptcha.enterprise
                        .execute('6LczdUopAAAAAFckGx0fz25SKme7y22Opv0ForV7', { action: 'homepage' })
                        .then((token) => {
                            resolve(token);
                        })
                        .catch((error) => {
                            reject(error);
                        });
                });
            });
        }
    </script>


<script type="text/javascript">
    function offerEvent(offerId, offerName, departmentId, offerUrl, offerExpire) {
        // departmentId 15 is the Service department
        if(departmentId === '2' || departmentId === '3' || departmentId === '14' || departmentId === '15') {
            var data = {
                serviceOfferClick: {
                    offerId: offerId,
                    offerName: offerName
                },
                events: 'serviceOfferClick'
            };
            if(offerExpire) data.serviceOfferClick.offerExpire = offerExpire;
            sd('dataLayer', data);

            sd('send', 'event', 'serviceOfferClick', {
                hitCallback: function() {
                    window.location.href = offerUrl;
                }
            });
        }
        else {
            sd('dataLayer', {
                offerClick: {
                    offerId: offerId,
                    offerName: offerName
                },
                events: 'offerClick'
            });

            sd('send', 'event', 'offerClick', {
                hitCallback: function() {
                    window.location.href = offerUrl;
                }
            });
        }
    }
</script>

<script type="text/javascript">
    function couponEvent(offerId,offerName){
        sd('dataLayer', {
            couponClick: {
                couponId: offerId,
                couponName: offerName
            },
            events: 'couponClick'
        });
        sd('send');
    }
</script>

<script type="text/javascript">
    function carouselEvent(assetPosition,assetName){
        sd('dataLayer', {
            carouselClick: {
                assetPosition: assetPosition,
                assetName: assetName
            },
            events: 'carouselClick'
        });
        sd('send');
    };
</script>

<script type="text/javascript">
    function clickToCallEvent(clickToCallDepartment){
        sd('dataLayer', {
            clickToCallDepartment: clickToCallDepartment,
            events: 'clickToCall',
        });
        sd('send');
    }
</script>

<script type="text/javascript">
    function searchSubmitEvent(typeSearch){
        sd('dataLayer', {
            typedSearchContent: typeSearch,
            events: 'typedSearch'
        });
        sd('send');
    }
</script>

<script type="text/javascript">
    /**
     * Retrieve useful data from a form for Shift Digital.
     * @param formId
     * @return {{formDisplayType: String, formType: String, formElement: Element, optInValue: (String|undefined)}}
     */
    function getFormData(formId) {
        var formElement = getFormElement(formId);
        var optInValue = getOptInValue(formElement);
        var formDisplayType = getFormDisplayType(formElement);
        var formType = getFormType('Get a Quote=1,Finance=2,Test Drive=3,Trade In=4,Schedule Service=5,General Contact=6,Request More Info=7,Trade In=8,Trade In=9,Finance=10,Get a Quote=11,Other=12,Other=13,Request More Info=14,Parts=15,Request More Info=16,Get a Quote=17,Test Drive=18,General Contact=19,General Contact=20,Request More Info=21,Get a Quote=22,General Contact=23,Request More Info=24,Request More Info=25,Specials=26,Request More Info=27,Get a Quote=28,General Contact=29,Specials=30,Request More Info=31,Dealer Custom=32,Specials=33,General Contact=34,Request More Info=35,Test Drive=36,Specials=37,Specials=38,Specials=39,Finance=40,Dealer Custom=41,Trade In=42,Employment=43,Finance=44,Get a Quote=45,Get a Quote=46,Schedule Service=47,Get a Quote=48,Specials=49,Get a Quote=50,Get a Quote=51,Test Drive=52,Request More Info=53,Request More Info=54,Specials=55,Get a Quote=56,Trade In=57,Specials=58,Test Drive=59,Employment=60,Employment=61,Schedule Service=62,Schedule Service=63,Request More Info=64,Request More Info=65,Specials=66,Get a Quote=67,Trade In=68,Trade In=69,Specials=70,Specials=71,Get a Quote=72,Test Drive=73,Request More Info=74,Specials=75,Specials=76,Specials=77,Specials=78,Employment=79,General Contact=80,Trade In=81,Finance=82,Request More Info=83,Dealer Custom=84,Specials=85,Get a Quote=86,Get a Quote=87,Request More Info=88,Trade In=89,Specials=91,Specials=92,Specials=93,General Contact=94,Specials=95,Schedule Service=96,General Contact=97,General Contact=98,Finance=99,Finance=100,Request More Info=101,Employment=102,Schedule Service=103,Other=104,Email Register=900, Get a Quote=106,Service=107,Service=108', formId);

        return {
            formElement: formElement,
            optInValue: optInValue,
            formDisplayType: formDisplayType,
            formType: formType
        };
    }

    /**
     * Get whether the form is displayed in a modal or inside a page.
     * @param { Element } formElement - DOM element for the form.
     * @return { String }
     */
    function getFormDisplayType(formElement) {
        function getLegacyFormDisplay() {
            return formElement.closest('[data-ninjabox]') !== null;
        }
        function getRecentFormDisplay() {
            return formElement.closest('[data-modal]') !== null;
        }
        function getFoundationFormDisplay() {
            return formElement.closest('[data-reveal]') !== null;
        }

        if(formElement && (getRecentFormDisplay() || getFoundationFormDisplay() || getLegacyFormDisplay())) return 'modal';
        else return 'in-page';
    }

    /**
     * Target and return a form element using its id.
     * @param { String } formId - DOM element for the form.
     * @return { Element }
     */
    function getFormElement(formId) {
        function getLegacyForm() {
            return document.querySelector('[datashiftdigitalformid="' + formId + '"]');
        }

        function getRecentForm() {
            return document.querySelector('[data-shift-digital-form-id="' + formId + '"]');
        }

        function getShowroomForm() {
            return document.querySelector('[name="formTypeId"][value="' + formId + '"]') && document.querySelector('[name="formTypeId"][value="' + formId + '"]').closest("form");
        }

        return getRecentForm() || getLegacyForm() || getShowroomForm();
    }

    /**
     * Return the type of a form using its id and a defined list of form types paired with form ids.
     * @param { String } formTypeList - A defined list of form types paired with form ids.
     * @param { String } formId - A form id.
     * @return { String }
     */
    function getFormType(formTypeList, formId) {
        var formType = '';
        var formTypeListArray = formTypeList.split(",");

        for (var i = 0; i < formTypeListArray.length; i++) {
            var formTypeData = formTypeListArray[i].split("=");
            if (formTypeData.length === 2 && formTypeData[1] === formId) {
                formType = formTypeData[0];
                break;
            }
        }

        return formType;
    }

    /**
     * Get whether the user as opted in for the newsletter/marketing checkbox.
     * @param { Element } formElement - DOM element for the form.
     * @return { String|undefined }
     */
    function getOptInValue(formElement) {
        try {
            var optInCheckBox = formElement.querySelector('[name="newsletter|marketing|service"][type="checkbox"]'); // Support for old projects
            return optInCheckBox && optInCheckBox.checked ? 'in-explicit' : 'out';
        }
        catch (e) {
            return undefined;
        }
    }

    /**
     * Extract the value of the "make" input inside a form element.
     * @param { Element } formElement - DOM element for the form.
     * @return {undefined|*}
     */
    function getTradeInMake(formElement) {
        try {
            return formElement.querySelector('input[name="make"]').value;
        }
        catch (e) {
            return undefined;
        }
    }

    /**
     * Extract the value of the "model" input inside a form element.
     * @param { Element } formElement - DOM element for the form.
     * @return {undefined|*}
     */
    function getTradeInModel(formElement) {
        try {
            return formElement.querySelector('input[name="model"]').value;
        }
        catch (e) {
            return undefined;
        }
    }

    /**
     * Extract values for the traded vehicle from a trade in form.
     * @param { Element } formElement - DOM element for the form.
     * @return {undefined|*}
     */
    function getTradeInProperties(formElement) {
        var tradeInProperties = {};
        var tradeInMake = getTradeInMake(formElement);
        var tradeInModel = getTradeInModel(formElement);
        var tradeInYear = getTradeInYear(formElement);

        if(tradeInMake) tradeInProperties.make = tradeInMake;
        if(tradeInModel) tradeInProperties.model = tradeInModel;
        if(tradeInYear) tradeInProperties.year = tradeInYear;

        return tradeInProperties;
    }

    /**
     * Extract the value of the "year" input inside a form element.
     * @param { Element } formElement - DOM element for the form.
     * @return {undefined|*}
     */
    function getTradeInYear(formElement) {
        try {
            return formElement.querySelector('input[name="year"]').value;
        }
        catch (e) {
            return undefined;
        }
    }

</script>

<script type="text/javascript">
            function sendForSubmitEvent(leadId, formId, eventName) {
                var formData = getFormData(formId);

                sd('dataLayer', {
                    displayType: formData.formDisplayType,
                    leadId: leadId,
                    leadType: 'lead',
                    formType: formData.formType,
                    formOptIn: formData.optInValue,
                    events: eventName
                });
            }

            function sendFormInitEvent(formId) {
                var formData = getFormData(formId);

                if (action == 1) {
                    sd('dataLayer', {
                        displayType: formData.formDisplayType,
                        formType: formData.formType,
                        events: 'formInitiation'
                    });
                    sd('send');
                    action = 2;
                }
            }

            function sendFormShowEvent(formId) {
                var formData = getFormData(formId);

                sd('dataLayer', {
                    displayType: formData.formDisplayType,
                    formType: formData.formType,
                    events: 'formShown'
                });
                sd('send');
            }
        </script>
    
<script type="text/javascript">
    window.addEventListener('DOMContentLoaded', () => {
        initScheduleServiceClick()
    })

    /**
     * Initial Schedule Service Click ()
     */
    function initScheduleServiceClick (){
        // const ctas = document.querySelectorAll("a[href$='/5'][data-gtmsm360='ux__cta'], a[href$='/5'][data-gtmsm360='ux__header-cta'], a[href$='/5'][data-gtmsm360='ux__footer-link']")
        const ctas = document.querySelectorAll('a[href$="/5"]')

        if (ctas.length > 0) {
            ctas.forEach(cta => {
                hrefMatchRegex(cta);
            })
        }
    }

    /**
     * Check if button contains form reference = 5 & Add Click Event
     */
    function hrefMatchRegex(element) {
        let regex = /\bform.*\b5\b$/;
        const regexCondition = element.href.match(regex) ? true : false;

        if(regexCondition){
            element.addEventListener("click", sendScheduleServiceClick, false);
        }
    }

    /**
     * Send Schedule Service Click Event
     */
    function sendScheduleServiceClick (e){
        const redirectTo = e.currentTarget?.href;
        if (redirectTo) {
            e.preventDefault();
        }
        sd('dataLayer', {
            events: 'scheduleServiceClick'
        });
        sd('send');

        if (redirectTo) {
            setTimeout(() => {
                window.location = redirectTo;
            }, 500);
        }
    }
</script>

<script type="text/javascript">
    window.addEventListener('DOMContentLoaded', (event) => {
        initGetDirectionsClick ()
    });

    function initGetDirectionsClick (){
        const ctas = document.querySelectorAll("[data-gtmsm360='ux__cta'],[data-tagging-precision='address']")
        for (let i = 0; i < ctas.length; i++) {
            hrefMatchMapsRegex(ctas[i]);
        }
    }
// Check url if it is for google map
    function hrefMatchMapsRegex(element) {
        const regex = /(www\.|maps\.)?google/;
        const regexCondition = element.href.match(regex);

        if(regexCondition){
            element.addEventListener("click", function (e) {
                sendGetDirectionsClick();
            }, false);
        }
    }

// Push event: 'Getdirections'
    function sendGetDirectionsClick (){
        sd('dataLayer', {
            events: 'Getdirections'
        });
        sd('send');
    }
</script>


        <script type="text/javascript">
        

    (function (i, s, o, g, r, a, m) {
        i['ShiftAnalyticsObject'] = r; i[r] = i[r] || function () {
                        (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date(); a = s.createElement(o),
        m = s.getElementsByTagName(o)[0]; a.defer = 1; a.src = g;    m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//sdtagging.azureedge.net/scripts/vwca/sd.js', 'sd');

    sd('create', 'VWCA',
    '4994709', 'SM360');


        sd('dataLayer',{
            pageType: "Home",
            websiteTier: "Tier 3",
            pageBrand: "Volkswagen",
            language: "fr",
            
            dealerZipCode: "H8S 1B8",
            dealerState: "QC",
            dealerCity: "Montréal",
            dealerName: "Spinelli Volkswagen Lachine",
            trafficType: "Typed/Bookmarked",
            dealerBac: "",
            siteTechnologyVersion: "manticore360",

            
        });
        sd('send', 'pageview');

        // --- NEW IMPLEMENTATION TO CAPTURE AND SET COOKIE ---

        // Helper function to set the cookie
        function setCookie(name, value, days) {
            var expires = "";
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = "; expires=" + date.toUTCString();
            }
            // Using 'path=/', 'secure', and 'samesite=Lax' are best practices
            document.cookie = name + "=" + (value || "")  + expires + "; path=/;";
        }

        // Callback function to set the third-party cookie
        function setThirdPartySessionCookie(sessionId) {
            // Set the cookie 'third_party_session_id' with a 1-day expiration
            setCookie('third_party_session_id', sessionId, 1);
        }

        // Execute the SD function to get the ID and run the callback
        sd('getSessionId', setThirdPartySessionCookie);

</script>
    

<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "url": "www.spinellivw.com"
    }
</script>


<script type='application/ld+json'>
{
    "@context": "http://www.schema.org",
    "@type": "AutoDealer",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "208, boul. Montréal-Toronto",
        "addressLocality": "Montréal",
        "addressRegion": "QC",
        "postalCode": "H8S 1B8",
        "addressCountry": "CA"
    },
    "brand": "volkswagen",
    "description": "Spinelli Volkswagen Lachine, concessionnaire Volkswagen à Montréal",
    "email": "s/o",
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "45.429968",
        "longitude": "-73.632563"
    },
    "image": "https://img.sm360.ca/images/web/spinelli/logo-spinelli-volkswagen-lachine-print1770650416762.png",
    "knowsLanguage": "fr-CA
    ,
    en-CA",
    "logo": "https://img.sm360.ca/images/web/spinelli/logo-spinelli-volkswagen-lachine-print1770650416762.png",
    "memberOf": {
        "@type": "ProgramMembership",
        "programName": "VWCA"
    },
    "name": "Spinelli Volkswagen Lachine",
    "openingHours": "s/o",
    "priceRange": "5000.0-250000.0 $",
    "sameAs": [
        "https://www.facebook.com/SpinelliVWLachine/",
        "",
        "https://www.youtube.com/@spinellivolkswagen",
        "",
        "https://www.instagram.com/spinelli.volks/"
    ],
    "telephone": "1 514 762-9777",
    "url": "www.spinellivw.com"
}
</script>

    
        <link rel="stylesheet" href="//cdn.sm360.ca/varia/css/src/min/reset.css"/>
    

            <style>
    
    @font-face {
        font-family: 'VWHead-Bold';
        src: url('//cdn.sm360.ca/varia/fonts/volkswagen/VWHead-Bold.eot');
        src: url('//cdn.sm360.ca/varia/fonts/volkswagen/VWHead-Bold?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/volkswagen/VWHead-Bold.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/volkswagen/VWHead-Bold.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/volkswagen/VWHead-Bold.ttf') format('truetype');
    }

    
    @font-face {
        font-family: 'VWHead-Light';
        src: url('//cdn.sm360.ca/varia/fonts/volkswagen/VWHead-Light.eot');
        src: url('//cdn.sm360.ca/varia/fonts/volkswagen/VWHead-Light.eot?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/volkswagen/VWHead-Light.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/volkswagen/VWHead-Light.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/volkswagen/VWHead-Light.ttf') format('truetype');
    }

    
    @font-face {
        font-family: 'VWText-Bold';
        src: url('//cdn.sm360.ca/varia/fonts/volkswagen/VWText-Bold.eot');
        src: url('//cdn.sm360.ca/varia/fonts/volkswagen/VWText-Bold.eot?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/volkswagen/VWText-Bold.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/volkswagen/VWText-Bold.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/volkswagen/VWText-Bold.ttf') format('truetype');
    }

    
    @font-face {
        font-family: 'VWText';
        src: url('//cdn.sm360.ca/varia/fonts/volkswagen/VWText.eot');
        src: url('//cdn.sm360.ca/varia/fonts/volkswagen/VWText.eot?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/volkswagen/VWText.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/volkswagen/VWText.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/volkswagen/VWText.ttf') format('truetype');
    }

    :root {
        --font-family-VWHead-bold: 'VWHead-Bold';
        --font-family-VWHead-light: 'VWHead-Light';
        --font-family-VWText-bold: 'VWText-Bold';
        --font-family-VWText-regular: 'VWText';
    }
</style>

        
<link href="/theme/css/theme?v=080958284" type="text/css" rel="stylesheet"/>


<noscript id="deferred-styles">

    
</noscript>


<script>
    var loadDeferredStyles = function() {
        var addStylesNode = document.getElementById("deferred-styles");
        var replacement = document.createElement("div");
        replacement.innerHTML = addStylesNode.textContent;
        document.body.appendChild(replacement);
        addStylesNode.parentElement.removeChild(addStylesNode);

    };
    var raf = requestAnimationFrame || mozRequestAnimationFrame ||
        webkitRequestAnimationFrame || msRequestAnimationFrame;
    if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
    else window.addEventListener('load', loadDeferredStyles);
</script>

    </head>
    <body  itemscope="" itemtype="http://schema.org/WebPage">

    
<!-- Google Tag Manager -->
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-K9PF5F4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager -->


        <!-- Google Tag Manager (noscript) 2-->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KZHR7TM"
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
    

<script type='application/ld+json'>
{
  "@context": "http://www.schema.org",
  "@type": "AutoDealer",
  "name": "Spinelli Volkswagen Lachine",
  "url": "www.spinellivw.com",
  "logo": "https://img.sm360.ca/images/manufacturer/volkswagen/volkswagen-color-128-notag.png",
  "priceRange": "5000.0-250000.0 $",
  "image": "https://img.sm360.ca/images/manufacturer/volkswagen/volkswagen-color-128-notag.png",
  "description": "Spinelli Volkswagen Lachine, concessionnaire Volkswagen à Montréal",
  "address": {
     "@type": "PostalAddress",
     "streetAddress": "208, boul. Montréal-Toronto",
     "addressLocality": "Montréal",
     "addressRegion": "Québec",
     "postalCode": "H8S 1B8",
     "addressCountry": "CA"
  },
  "geo": {
     "@type": "GeoCoordinates",
     "latitude": "45.429968",
     "longitude": "-73.632563"
  },
   "openingHours": "",
   "telephone": "1 514 762-9777"
}
</script>
<div
            class="off-canvas-wrapper -body1"
            
        >
            <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper >
                <div class="off-canvas-content" data-off-canvas-content>
                    <div class="site-container"
                         x-data="{ prevPageYOffset: window.pageYOffset }"
                         @scroll.window="currentPageYOffset = window.pageYOffset; (currentPageYOffset > $refs.header.offsetHeight && prevPageYOffset < currentPageYOffset) ? $el.classList.add('pageIsScrollingDown') : $el.classList.remove('pageIsScrollingDown'), prevPageYOffset = currentPageYOffset"
                    >
                        

    <a
        aria-label="Aller au contenu principal"
        class="a-button -primary   group accessibility-hidden-button accessibility-hidden-button--has-v2"
        context-key="headerCta_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="#mainContent"
        role="button"
        target="_self"
    >
        
            
        <span class="a-button__text">
            Aller au contenu principal

            
        </span>

        
    </a>


    <a
        aria-label="Aller au pied de page"
        class="a-button -primary   group accessibility-hidden-button accessibility-hidden-button--has-v2"
        context-key="headerCta_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="#footer"
        role="button"
        target="_self"
    >
        
            
        <span class="a-button__text">
            Aller au pied de page

            
        </span>

        
    </a>


<div
                                class="headerWrapper -showroom"
                                x-ref="header"
                        >

                            <!-- Widget Login Bar Showroom -->
                                <div
                                        class="widget-sr makes__volkswagen groups__210 dealer__campbell-et-cameron sticky-login"
                                        x-ref="loginShowroom"
                                >
                                    

            <script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/react/16.14.0/umd/react.production.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.14.0/umd/react-dom.production.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.21.0/moment.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.21.0/locale/fr.js" ></script>
<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.2/immutable.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/raven.js/3.26.2/raven.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="https://unpkg.com/axios@0.21.1/dist/axios.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js" ></script>

            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-core-services/widget-16.142.5.min.js?timestamp=1772651358850" ></script>
            
        
            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-basic-components/widget-16.142.5.min.js?timestamp=1772651358850" ></script>
            <link type="text/css" rel="stylesheet" href="https://widgets-cdn.sm360.ca/commons-basic-components/widget-16.142.5.min.css?timestamp=1772651358850" />
        

            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-general/widget-16.142.5.min.js?timestamp=1772651358850" ></script>
            <link type="text/css" rel="stylesheet" href="https://widgets-cdn.sm360.ca/commons-general/widget-16.142.5.min.css?timestamp=1772651358850" />
        

            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-leads/widget-16.142.5.min.js?timestamp=1772651358850" ></script>
            
        
            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-forms/widget-16.142.5.min.js?timestamp=1772651358850" ></script>
            <link type="text/css" rel="stylesheet" href="https://widgets-cdn.sm360.ca/commons-forms/widget-16.142.5.min.css?timestamp=1772651358850" />
        

            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-vehicle/widget-16.142.5.min.js?timestamp=1772651358850" ></script>
            <link type="text/css" rel="stylesheet" href="https://widgets-cdn.sm360.ca/commons-vehicle/widget-16.142.5.min.css?timestamp=1772651358850" />
        

            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/commons-garage/widget-16.142.5.min.js?timestamp=1772651358850" ></script>
            <link type="text/css" rel="stylesheet" href="https://widgets-cdn.sm360.ca/commons-garage/widget-16.142.5.min.css?timestamp=1772651358850" />
        
            
            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/login/widget-16.142.5.min.js?timestamp=1772651358850" ></script>
            <link type="text/css" rel="stylesheet" href="https://widgets-cdn.sm360.ca/login/widget-16.142.5.min.css?timestamp=1772651358850" />
        
            <div id="showroom.login.responsive"><div id="loginWidget" class="widget-login" data-reactroot=""><div id="LoginBanner" class="LoginBanner widget-login-desktop widget-login-desktop-reset sr-topbar-login"><div class="LoginBannerWrapper clearfix"><div class="TransactionSummary--wrapper sr-progressBar"><div class="TransactionSummary--wrapper--title sr-progressBar-bg-title" role="button" tabindex="0" data-test="login.transaction.open"><span class="is-bold">Ma transaction</span></div><ul class="TransactionSummaryUnit--wrapper"><li class="TransactionSummaryUnit--single" data-test="garage"><button><div class="wrapper-icon"><img src="https://img.sm360.ca/images/web//sm360-plateform/4772/transaction-bar-garage-icon1765895807573.svg" alt="Mon garage" width="33"/></div><div class="validFlag"><icon class="icon-Crochet"></icon></div></button></li><li class="TransactionSummaryUnit--single" data-test="tradein"><button><div class="wrapper-icon"><img src="https://img.sm360.ca/images/web//sm360-plateform/4772/transaction-bar-tradein-icon1765895831719.svg" alt="Mon échange" width="33"/></div><div class="validFlag"><icon class="icon-Crochet"></icon></div></button></li><li class="TransactionSummaryUnit--single" data-test="finance"><button><div class="wrapper-icon"><img src="https://img.sm360.ca/images/web//sm360-plateform/4772/transaction-bar-finance-icon1765895921233.svg" alt="Financez" width="33"/></div><div class="validFlag"><icon class="icon-Crochet"></icon></div></button></li></ul><div class="TransactionSummary--closeButton"><button class="sr-progressBar-closeButton"></button></div></div><div class="login-content"><button id="button-login" class="btn-login button secondary" data-test="login.sign-in.open"><icon class="icon-login"></icon><span class="label">Connexion</span></button><button id="button-register" class="btn-register button sr-button-1 is-small" data-test="login.sign-up.open"><span class="label">Créer un compte</span></button></div></div></div></div></div>
            
            <script type="text/javascript">
                'use strict';
                function renderWidgetLogin_7kabhhznpim() {
                    var props = {"location":"showroom.login.responsive","locale":"fr","websiteId":4859,"organizationUnitLocation":"QC","organizationUnitId":1434,"organizationId":210,"loadCommons":true,"isMultiDealerGarage":false,"hasAdobeTagging":false,"facebookAppId":"","imageServerUrl":"https://img.sm360.ca","usedUrl":"/fr/inventaire-occasion","isNewEnabled":false,"isUsedEnabled":false,"isShowroomV2Enabled":false,"isShowroomV25Enabled":true,"configs":{"endpoint":{"widget":"https://widget.sm360.ca","account":"https://account.sm360.ca/api","showroom":"https://api.showroom360.ca","graphql":"https://webauto-supplier-api.sm360.ca/webauto/graphql"},"source":{"image":"https://img.sm360.ca","widget":"https://s3.amazonaws.com/widgets-cdn/catalog"},"secureCookies":true,"sentry":{"url":"https://3af74c00e86c4c828216e2111e0a86d1@sentry.io/216050","sentryLevel":"WARNING","consoleLevel":"ERROR","whitelistUrls":["^.*(widgets-cdn.sm360.ca).*$"],"includePaths":["^.*(widgets-cdn.sm360.ca).*$"]}},"contentZones":{"widget.login.bar.colors":[{"contentZoneId":-1,"contentZoneDefinitionId":37515,"name":"Couleur du fond de la barre","description":"Couleur du fond de la barre","location":"widget.login.bar.background","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#111111","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37516,"name":"Couleur de la police (se connecter)","description":"Couleur de la police (se connecter)","location":"widget.login.bar.conexion.font","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#00b4fc","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37517,"name":"Couleur de la police","description":"Couleur de la police","location":"widget.login.bar.forecolor","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#ffffff","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37518,"name":"Couleur de fond des options","description":"Couleur de fond des options","location":"widget.login.bar.iotion","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#222222","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37519,"name":"Couleur de la police des options","description":"Couleur de la police des options","location":"widget.login.bar.option.font","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#ffffff","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37520,"name":"Couleur de la police d'option active","description":"Couleur de la police d'option active","location":"widget.login.bar.option.font.hover","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#ffffff","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37521,"name":"Couleur de fond d'option active","description":"Couleur de fond d'option active","location":"widget.login.bar.option.hover","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#555555","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37522,"name":"Couleur de fond (s'inscrire)","description":"Couleur de fond (s'inscrire)","location":"widget.login.bar.register","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#0073a1","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37523,"name":"Couleur de la police (s'inscrire)","description":"Couleur de la police (s'inscrire)","location":"widget.login.bar.register.font","locationGroup":"widget.login.bar.colors","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#ffffff","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.bar.quotes":[{"contentZoneId":2133621,"contentZoneDefinitionId":37117,"name":"Image pour les quotes","description":"Image pour les quotes","location":"widget.login.bar.quotes.image","locationGroup":"widget.login.bar.quotes","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/login-bar-quotes-image1764018657784.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.forms.forgotpassword":[{"contentZoneId":2133622,"contentZoneDefinitionId":45053,"name":"Image d'arriere plan du formulaire de mot de passe oublié","description":"Image d'arriere plan du formulaire de mot de passe oublié","location":"widget.login.forms.forgotpassword.background","locationGroup":"widget.login.forms.forgotpassword","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/login-forms-background1763411019398.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37351,"name":"Texte principale pour le formulaire d'oublie du mot de passe","description":"Texte principale pour le formulaire d'oublie du mot de passe","location":"widget.login.forms.forgotpassword.maintext","locationGroup":"widget.login.forms.forgotpassword","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Mot de passe oublié?","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37352,"name":"Texte secondaire pour le formulaire d'oublie du mot de passe","description":"Texte secondaire pour le formulaire d'oublie du mot de passe","location":"widget.login.forms.forgotpassword.subtext","locationGroup":"widget.login.forms.forgotpassword","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Veuillez entrer l'adresse de courriel de votre compte.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.forms.login":[{"contentZoneId":2133623,"contentZoneDefinitionId":42690,"name":"Image d'arriere plan pour le formulaire de connexion","description":"Image d'arriere plan pour le formulaire de connexion","location":"widget.login.forms.login.background","locationGroup":"widget.login.forms.login","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/login-forms-background1763411059252.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37353,"name":"Texte principale pour le formulaire de connexion","description":"Texte principale pour le formulaire de connexion","location":"widget.login.forms.login.maintext","locationGroup":"widget.login.forms.login","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Accédez aux multiples possibilités","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37354,"name":"Texte secondaire pour le formulaire de connexion","description":"Texte secondaire pour le formulaire de connexion","location":"widget.login.forms.login.subtext","locationGroup":"widget.login.forms.login","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Démarrez l'expérience!","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.forms.profile":[{"contentZoneId":2133624,"contentZoneDefinitionId":37118,"name":"Image pour le formulaire du profil","description":"Image pour le formulaire du profil","location":"widget.login.forms.profile.image","locationGroup":"widget.login.forms.profile","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/login-forms-profile-image-fr1766180709679.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37355,"name":"Texte principale pour le formulaire du profil","description":"Texte principale pour le formulaire du profil","location":"widget.login.forms.profile.maintext","locationGroup":"widget.login.forms.profile","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"VOTRE <span>COMPTE</span>","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37356,"name":"Texte secondaire pour le formulaire du profil","description":"Texte secondaire pour le formulaire du profil","location":"widget.login.forms.profile.subtext","locationGroup":"widget.login.forms.profile","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Accéder ou éditer votre compte.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.forms.resetpassword":[{"contentZoneId":2133625,"contentZoneDefinitionId":45052,"name":"Image d'arriere plan du formulaire de nouveau mot de passe","description":"Image d'arriere plan du formulaire de nouveau mot de passe","location":"widget.login.forms.resetpassword.background","locationGroup":"widget.login.forms.resetpassword","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/login-forms-background1763411144917.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37357,"name":"Texte principale pour le formulaire de réinitialisation du mot de pass","description":"Texte principale pour le formulaire de réinitialisation du mot de passe","location":"widget.login.forms.resetpassword.maintext","locationGroup":"widget.login.forms.resetpassword","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Réinitialiser votre mot de passe","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37358,"name":"Texte secondaire pour le formulaire de réinitialisation du mot de pass","description":"Texte secondaire pour le formulaire de réinitialisation du mot de passe","location":"widget.login.forms.resetpassword.subtext","locationGroup":"widget.login.forms.resetpassword","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Veuillez entrer un nouveau mot de passe.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.forms.signup":[{"contentZoneId":2133626,"contentZoneDefinitionId":42691,"name":"Image d'arriere plan pour le formulaire d'enregistrement","description":"Image d'arriere plan pour le formulaire d'enregistrement","location":"widget.login.forms.signup.background","locationGroup":"widget.login.forms.signup","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"/spinelli/4859/login-forms-background1763411173843.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37359,"name":"Texte pour le bouton du formulaire d'enregistrement","description":"Texte pour le bouton du formulaire d'enregistrement","location":"widget.login.forms.signup.buttontext","locationGroup":"widget.login.forms.signup","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Créez votre compte","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133627,"contentZoneDefinitionId":37119,"name":"Image de gauche pour le formulaire d'enregistrement","description":"Image de gauche pour le formulaire d'enregistrement","location":"widget.login.forms.signup.image","locationGroup":"widget.login.forms.signup","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4772/login-forms-signup-image-fr1765899284768.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37360,"name":"Texte principale pour le formulaire d'inscription","description":"Texte principale pour le formulaire d'inscription","location":"widget.login.forms.signup.maintext","locationGroup":"widget.login.forms.signup","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Inscrivez-vous et continuez","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37361,"name":"Texte de promotion pour le formulaire d'enregistrement","description":"Texte de promotion pour le formulaire d'enregistrement","location":"widget.login.forms.signup.promotiontext","locationGroup":"widget.login.forms.signup","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Je désire recevoir des rappels, les plus récentes nouvelles et des offres promotionnelles.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37362,"name":"Texte secondaire pour le formulaire d'enregistrement","description":"Texte secondaire pour le formulaire d'enregistrement","location":"widget.login.forms.signup.subtext","locationGroup":"widget.login.forms.signup","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Toutes vos informations de véhicule au même endroit","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.popup":[{"contentZoneId":-1,"contentZoneDefinitionId":462547,"name":"Désactiver Facebook","description":"","location":"widget.login.popup.facebook.disable","locationGroup":"widget.login.popup","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"false","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133628,"contentZoneDefinitionId":37120,"name":"Image de l'entête du popup","description":"Image de l'entête du popup","location":"widget.login.popup.header","locationGroup":"widget.login.popup","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/spinelli/4859/widget-login-popup-header1770650119331.png","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.privacypolicy":[{"contentZoneId":-1,"contentZoneDefinitionId":37363,"name":"Texte pour lien de la  politique de confidentialité","description":"Texte pour lien de la  politique de confidentialité","location":"widget.login.privacypolicy.linktext","locationGroup":"widget.login.privacypolicy","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Politiques de confidentialité","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37364,"name":"Texte principale pour le lien de la politique de confidentialité","description":"Texte principale pour le lien de la politique de confidentialité","location":"widget.login.privacypolicy.maintext","locationGroup":"widget.login.privacypolicy","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Vos informations sont confidentielles.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.transaction":[{"contentZoneId":2133648,"contentZoneDefinitionId":37122,"name":"Barre transaction - Finance icon","description":"Barre transaction - Finance icon","location":"widget.transaction.bar.finance.icon","locationGroup":"widget.transaction","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web//sm360-plateform/4772/transaction-bar-finance-icon1765895921233.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37365,"name":"Barre transaction - Finance label","description":"Barre transaction - Finance label","location":"widget.transaction.bar.finance.label","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Financez","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133649,"contentZoneDefinitionId":37123,"name":"Barre transaction - Garage icon","description":"Barre transaction - Garage icon","location":"widget.transaction.bar.garage.icon","locationGroup":"widget.transaction","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web//sm360-plateform/4772/transaction-bar-garage-icon1765895807573.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37366,"name":"Barre transaction - Garage label","description":"Barre transaction - Garage label","location":"widget.transaction.bar.garage.label","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Mon garage","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133650,"contentZoneDefinitionId":37124,"name":"Barre transaction - Reserve icon","description":"Barre transaction - Reserve icon","location":"widget.transaction.bar.reserve.icon","locationGroup":"widget.transaction","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web//sm360-plateform/4772/transaction-bar-reserve-icon1765894287700.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37367,"name":"Barre transaction - Reserve label","description":"Barre transaction - Reserve label","location":"widget.transaction.bar.reserve.label","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Réservez-le","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37368,"name":"Barre transaction - Titre","description":"Barre transaction - Titre","location":"widget.transaction.bar.title","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Ma transaction","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37369,"name":"Canadian Black Book activé","description":"Canadian Black Book activé","location":"widget.transaction.bar.tradein.hascbb","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"false","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133651,"contentZoneDefinitionId":37125,"name":"Barre transaction - Échange icon","description":"Barre transaction - Échange icon","location":"widget.transaction.bar.tradein.icon","locationGroup":"widget.transaction","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web//sm360-plateform/4772/transaction-bar-tradein-icon1765895831719.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37370,"name":"Barre transaction - Échange label","description":"Barre transaction - Échange label","location":"widget.transaction.bar.tradein.label","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Mon échange","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":407492,"name":"Autoriser commande - Véhicule de catalogue","description":"Autoriser commande - Véhicule de catalogue","location":"widget.transaction.enable.checkout.for.catalog","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"true","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":407493,"name":"Autoriser commande - Véhicule neuf","description":"Autoriser commande - Véhicule neuf","location":"widget.transaction.enable.checkout.for.new","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"true","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":407494,"name":"Autoriser commande - Véhicule d'occasion","description":"Autoriser commande - Véhicule d'occasion","location":"widget.transaction.enable.checkout.for.used","locationGroup":"widget.transaction","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"true","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.register.popup":[{"contentZoneId":2133680,"contentZoneDefinitionId":37121,"name":"Image à gauche du popup","description":"Image à gauche du popup","location":"widget.register.popup.image","locationGroup":"widget.register.popup","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/login-forms-signup-image-fr1766181278686.jpg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.signup.information":[{"contentZoneId":2133632,"contentZoneDefinitionId":42660,"name":"Image du premier element","description":"Image du premier element","location":"widget.login.signup.information.firstImage","locationGroup":"widget.login.signup.information","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/firstimage-21763411428992.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42666,"name":"Sous-Titre du premier element","description":"Sous-Titre du premier element","location":"widget.login.signup.information.firstSubTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Remplissez le formulaire complet et votre évaluation sera sauvegardée dans votre compte.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42664,"name":"Titre du premier element","description":"Titre du premier element","location":"widget.login.signup.information.firstTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Obtenez une évaluation officielle","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42658,"name":"Sous-titre principale de la zone d'information","description":"Sous-titre principale de la zone d'information","location":"widget.login.signup.information.mainSubTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"La manière la plus efficace d’acheter votre prochain véhicule","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42659,"name":"Titre principale de la zone d'information","description":"Titre principale de la zone d'information","location":"widget.login.signup.information.mainTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Maximiser votre expérience de magasinage de véhicule en ligne","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133633,"contentZoneDefinitionId":42661,"name":"Image du second element","description":"Image du second element","location":"widget.login.signup.information.secondImage","locationGroup":"widget.login.signup.information","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/secondimage-favourite1763411446988.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42670,"name":"Sous-Titre du second element","description":"Sous-Titre du second element","location":"widget.login.signup.information.secondSubTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Explorez notre inventaire complet ou configurez votre prochain véhicule selon vos spécifications du confort de votre foyer.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42668,"name":"Titre du second element","description":"Titre du second element","location":"widget.login.signup.information.secondTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Trouvez votre véhicule de rêve","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133634,"contentZoneDefinitionId":42662,"name":"Image du troisieme element","description":"Image du troisieme element","location":"widget.login.signup.information.thirdImage","locationGroup":"widget.login.signup.information","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/thirdimage-online1763411462391.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42673,"name":"Sous-Titre du troisieme element","description":"Sous-Titre du troisieme element","location":"widget.login.signup.information.thirdSubTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Obtenez l’accès à votre évaluation à tout moment et peu importe l’endroit. C’est simple!","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42671,"name":"Titre du troisieme element","description":"Titre du troisieme element","location":"widget.login.signup.information.thirdTitle","locationGroup":"widget.login.signup.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Sauvegardez l’évaluation de votre véhicule d’échange","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.login.signin.information":[{"contentZoneId":2133629,"contentZoneDefinitionId":42679,"name":"Image du premier element","description":"Image du premier element","location":"widget.login.signin.information.firstImage","locationGroup":"widget.login.signin.information","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/firstimage-21763411267704.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42684,"name":"Sous-Titre du premier element","description":"Sous-Titre du premier element","location":"widget.login.signin.information.firstSubTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Remplissez le formulaire complet et votre évaluation sera sauvegardée dans votre compte.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42682,"name":"Titre du premier element","description":"Titre du premier element","location":"widget.login.signin.information.firstTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Obtenez une évaluation officielle","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42677,"name":"Sous-titre principale de la zone d'information","description":"Sous-titre principale de la zone d'information","location":"widget.login.signin.information.mainSubTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"La manière la plus efficace d’acheter votre prochain véhicule","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42678,"name":"Titre principale de la zone d'information","description":"Titre principale de la zone d'information","location":"widget.login.signin.information.mainTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Maximiser votre expérience de magasinage de véhicule en ligne","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133630,"contentZoneDefinitionId":42680,"name":"Image du second element","description":"Image du second element","location":"widget.login.signin.information.secondImage","locationGroup":"widget.login.signin.information","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/secondimage-favourite1763411300300.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42686,"name":"Sous-Titre du second element","description":"Sous-Titre du second element","location":"widget.login.signin.information.secondSubTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Explorez notre inventaire complet ou configurez votre prochain véhicule selon vos spécifications du confort de votre foyer.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42685,"name":"Titre du second element","description":"Titre du second element","location":"widget.login.signin.information.secondTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Trouvez votre véhicule de rêve","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133631,"contentZoneDefinitionId":42681,"name":"Image du troisieme element","description":"Image du troisieme element","location":"widget.login.signin.information.thirdImage","locationGroup":"widget.login.signin.information","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/thirdimage-online1763411311260.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42688,"name":"Sous-Titre du troisieme element","description":"Sous-Titre du troisieme element","location":"widget.login.signin.information.thirdSubTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Obtenez l’accès à votre évaluation à tout moment et peu importe l’endroit. C’est simple!","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":42687,"name":"Titre du troisieme element","description":"Titre du troisieme element","location":"widget.login.signin.information.thirdTitle","locationGroup":"widget.login.signin.information","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Sauvegardez l’évaluation de votre véhicule d’échange","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.commons":[{"contentZoneId":-1,"contentZoneDefinitionId":48866,"name":"Texte d'inclusion de prix - Véhicule neuf","description":"Texte d'inclusion de prix - Véhicule neuf","location":"widget.commons.disclaimer.price.included.new","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Frais de transport et de préparation, options installées et autres frais applicables inclus","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":48865,"name":"Texte d'inclusion de prix - Véhicule usagé - Achat","description":"Texte d'inclusion de prix - Véhicule usagé - Achat","location":"widget.commons.disclaimer.price.included.used.cash","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":48864,"name":"Texte d'inclusion de prix - Véhicule usagé - Financement","description":"Texte d'inclusion de prix - Véhicule usagé - Financement","location":"widget.commons.disclaimer.price.included.used.finance","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":458366,"name":"Avis de non-responsabilité sur le prix de vente - Véhicule neuf","description":"Avis de non-responsabilité sur le prix de vente - Véhicule neuf","location":"widget.commons.disclaimer.selling.price.new","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":462843,"name":"Affiche la marque du vehicule","description":"Affiche la marque du vehicule dans VLP V2","location":"widget.commons.year.brand.model.trim.name","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"false","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}]},"deferScripts":false};
                    var instance = React.createElement(
                        window["Login"].default["Login"], props, null);
                    ReactDOM.render(instance, document.getElementById("showroom.login.responsive"));
                }
                if (false) {
                    document.addEventListener('DOMContentLoaded', function() { renderWidgetLogin_7kabhhznpim() });
                } else {
                    renderWidgetLogin_7kabhhznpim();
                }
            </script>
        
        
</div>
                            

<header
        class="o-header -alpha -showroomEnabled"
        data-header
        data-mobile-header
        x-intersect:enter="$refs.nav.style.position = 'static', window.innerWidth < 1024 ? $refs.nav.style.top = $refs.header.offsetHeight + 'px' : $refs.nav.style.top = $refs.loginShowroom.offsetHeight + 'px'"
            x-intersect:leave="$refs.nav.style.position = 'fixed', window.innerWidth < 1024 ? $refs.nav.style.top = $refs.header.offsetHeight + 'px' : $refs.nav.style.top = $refs.loginShowroom.offsetHeight + 'px'"
        itemscope
        itemtype="https://schema.org/WPHeader"
        role="banner"
>
    

<div class="o-headerTopAlpha__wrapper -lightMode">
    <div class="o-headerTopAlpha -lightMode gen-group">
        

<a
    class="m-dealerLogo"
    data-czone="logo.dealer.header"
    data-czone-group="logo"
    href="/fr"
    title="Logo de Spinelli Volkswagen Lachine, concessionnaire Volkswagen à Montréal"
>
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0  70'%2F%3E"
                     alt="Logo de Spinelli Volkswagen Lachine"
                     class="a-image__img lazyload m-dealerLogo__image "
                     x-data x-lazy-image loading="lazy"
                     height="70"
                     width=""
                     data-src="https://img.sm360.ca/images/web/spinelli/4859/logo-spinelli-volkswagen-lachine1770650092924.svg"
                    
                     data-atom-version="1.0"
                >
        
    
</a>


        <div class="o-headerTopAlpha__rightContent">
            <div class="o-headerTopAlpha__dealerCoordinates">
                
                
    <a class="m-phoneNumberAnchor a-link shiftdigital-event o-headerTopAlpha__mobileGeneralNumber"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Général"
       data-shiftdigital-url="tel:1-514-762-9777"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-scope=""
       data-tagging-specificity="Général"
       data-theme-style="phoneNumberAnchor"
       href="tel:+15147629777"
    >
        
    
        <svg
                aria-hidden="true"
                class="i-icon i-phone "
                
                height="24"
                role="img"
                title="TÉlÉphone"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m23.315 16.96 -5.25 -2.25a1.128 1.128 0 0 0 -1.313 0.324l-2.325 2.845A17.364 17.364 0 0 1 6.122 9.568l2.845 -2.325a1.122 1.122 0 0 0 0.324 -1.313L7.036 0.68A1.132 1.132 0 0 0 5.747 0.028L0.872 1.154A1.128 1.128 0 0 0 0 2.25a21.75 21.75 0 0 0 21.75 21.75 1.128 1.128 0 0 0 1.097 -0.872l1.125 -4.875a1.138 1.138 0 0 0 -0.657 -1.293" stroke-width="0"/>
                

        </svg>
    

    </a>


<div class="s-headerPhoneNumbers -list">
    

        <div class="m-selectedSinglePhoneNumber">
            

<div class="m-generalPhoneNumber m-selectedSinglePhoneNumber">
    

    <span
            class="a-typography    m-generalPhoneNumber__phoneLabel "
            
            
    >
        Général:
    </span>


    <a class="m-phoneNumberAnchor a-link shiftdigital-event m-generalPhoneNumber__anchor m-selectedSinglePhoneNumber"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Général"
       data-shiftdigital-url="tel:1-514-762-9777"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-scope=""
       data-tagging-specificity="Général"
       data-theme-style="phoneNumberAnchor"
       href="tel:+15147629777"
    >
        
        1-514-762-9777
    
    </a>


</div>


        </div>
    

</div>


<a
        class="m-iconAddress__anchor "
        href="http://maps.google.com/?q=Spinelli+Volkswagen+Lachine+208,+boul.+Montréal-Toronto+H8S+1B8+QC+Montréal"
        target="_blank"
        title="Ouvrir la page Google Map du concessionnaire dans un nouvel onglet"
>
    

        <svg
                aria-hidden="false"
                class="i-icon i-pin "
                
                height="24"
                role="img"
                title="Emplacement du concessionnaire"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M13.518 3.345h0.649a7.72 7.72 0 0 1 5.298 2.097 7.6 7.6 0 0 1 2.107 5.517c0 3.018 -2.597 7.418 -7.729 13.098 -5.127 -5.67 -7.729 -10.077 -7.729 -13.151a7.56 7.56 0 0 1 2.104 -5.467 7.73 7.73 0 0 1 5.3 -2.094m0.325 11.998h0.197a4.268 4.268 0 0 0 0 -8.527h-0.393a4.268 4.268 0 0 0 0.196 8.527m-0.323 -13.497a9.241 9.241 0 0 0 -6.355 2.525 9.02 9.02 0 0 0 -2.55 6.588c0 3.545 2.796 8.312 8.55 14.584a0.915 0.915 0 0 0 1.359 -0.009c5.752 -6.269 8.548 -11.033 8.548 -14.575a9.02 9.02 0 0 0 -2.553 -6.59 9.23 9.23 0 0 0 -6.351 -2.523zm0.323 11.997a2.768 2.768 0 0 1 -0.125 -5.537h0.254a2.768 2.768 0 0 1 0 5.531z" transform="translate(-3.996 -1.598)" stroke-width="0"/>
                

        </svg>
    

</a>


<address class="m-addressLink ">
    
        <span class="m-addressLink__pinContainer">
            

        <svg
                aria-hidden="true"
                class="i-icon i-pin m-addressLink__icon"
                
                height="24"
                role="img"
                title="Emplacement"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M13.518 3.345h0.649a7.72 7.72 0 0 1 5.298 2.097 7.6 7.6 0 0 1 2.107 5.517c0 3.018 -2.597 7.418 -7.729 13.098 -5.127 -5.67 -7.729 -10.077 -7.729 -13.151a7.56 7.56 0 0 1 2.104 -5.467 7.73 7.73 0 0 1 5.3 -2.094m0.325 11.998h0.197a4.268 4.268 0 0 0 0 -8.527h-0.393a4.268 4.268 0 0 0 0.196 8.527m-0.323 -13.497a9.241 9.241 0 0 0 -6.355 2.525 9.02 9.02 0 0 0 -2.55 6.588c0 3.545 2.796 8.312 8.55 14.584a0.915 0.915 0 0 0 1.359 -0.009c5.752 -6.269 8.548 -11.033 8.548 -14.575a9.02 9.02 0 0 0 -2.553 -6.59 9.23 9.23 0 0 0 -6.351 -2.523zm0.323 11.997a2.768 2.768 0 0 1 -0.125 -5.537h0.254a2.768 2.768 0 0 1 0 5.531z" transform="translate(-3.996 -1.598)" stroke-width="0"/>
                

        </svg>
    

        </span>
    

    <a
        class="m-addressLink__anchor a-link "
        data-theme-style="addressLink"
        href="http://maps.google.com/?q=Spinelli+Volkswagen+Lachine+208,+boul.+Montréal-Toronto+H8S+1B8+QC+Montréal"
        data-tagging-event="contacts"
        data-tagging-precision="address"
        data-tagging-scope="header"
        target="_blank"
    >
        

        <span class="m-addressLink__addressStart">
            208, boul. Montréal-Toronto, 
            Montréal, 
        </span>

        <span class="m-addressLink__addressEnd">
            QC, 
            H8S 1B8 
            <svg
                aria-hidden="false"
                class="i-icon i-linkExternal m-addressLink__iconExternalLink"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M0 24.172V2.895h13.09V4.25H1.36v18.566h18.745V11.2h1.356v12.973Zm12.496-13.39 9.356-9.36c-1.477-.05-4.004-.05-6.95.101L14.828.137c.086 0 8.422-.43 9.07.215.63.625.184 8.945.176 9.03l-1.383-.073c.16-2.942.168-5.434.133-6.895l-9.347 9.344Zm0 0" stroke-width="0"/>
                

        </svg>
        </span>
    </a>
</address>

                    
<div class="tp-googleRatingAlpha">
            <a
            aria-label="Avis Google"
            class="a-link -charlie  group "
            context-key="googleRatingAlpha_link"
            data-content-zone-group="third.party"
            data-content-zone-location="google.reviews.rating"
            
            
            role="link"
            href="https://www.google.com/search?q=spinelli+vw&rlz=1C1UEAD_enCA1120CA1120&oq=spinelli+vw&gs_lcrp=EgZjaHJvbWUqBggAEEUYOzIGCAAQRRg7MhAIARAuGK8BGMcBGIAEGI4FMgcIAhAAGIAEMgcIAxAAGIAEMgcIBBAAGIAEMgYIBRBFGDwyBggGEEUYPDIGCAcQRRg80gEIODgwNWowajeoAgCwAgA&sourceid=chrome&ie=UTF-8#lrd=0x4cc9113844cead61:0xbcd86a5b01e99482,1,,,,"
            target="_blank"
    >
        

        Avis Google

        
        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Icône de lien externe"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M0 24.172V2.895h13.09V4.25H1.36v18.566h18.745V11.2h1.356v12.973Zm12.496-13.39 9.356-9.36c-1.477-.05-4.004-.05-6.95.101L14.828.137c.086 0 8.422-.43 9.07.215.63.625.184 8.945.176 9.03l-1.383-.073c.16-2.942.168-5.434.133-6.895l-9.347 9.344Zm0 0" stroke-width="0"/>
                

        </svg>
    

    </a></div>
    

            </div>

            
<div
        class="m-menuButtonAlpha "
        data-menu-icon
        
        
>
    <span class="m-menuButtonAlpha__bar -top"></span>
    <span class="m-menuButtonAlpha__bar -middle"></span>
    <span class="m-menuButtonAlpha__bar -bottom"></span>
</div>


<div class="o-headerTopAlpha__ctas">
    

    <a
        aria-label="Rendez-vous au service"
        class="a-button -alpha   group o-headerTopAlpha__ctas -button1"
        context-key="header_cta1"
        data-content-zone-group="header"
        data-content-zone-location="header.menu.cta"
        data-atom-version="1.0"
        data-tagging-precision="ctaService"

        
            data-tagging-scope="header"
        data-theme-style="button"
        
        
        href="/fr/formulaire/demande-de-rendez-vous-d-entretien/5"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Rendez-vous au service

            
        </span>

        
    </a>


</div>


<div
        class="m-languageSwitch "
        data-theme-style="languageSwitch"
>
    <span
                        class="m-languageSwitch__item -active -fr"
                        title='View website in English'
                >
                        Fr
                </span>
    <a
                        class="m-languageSwitch__item -en"
                        href="/en" title='View website in English'
                >
                        En
                </a>
</div>

    
        </div>
    </div>
</div>


<div
        class="o-headerBottomAlpha"
        data-header-bottom
        x-ref="nav"
>
    

<nav
        aria-label="Navigation principale du site web"
        class="o-menuAlpha -lightMode"
        data-sr360-header
        role="navigation"
>
    <ul class="o-menuAlpha__list">
        
            
    <li
            class="o-navListItem "
            data-menu-item
            style="order:1"
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navListAnchor'), (anchor) => anchor.getAttribute('href')) }"
            @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        
            
                <a
            data-menu-anchor
            data-tagging-scope="header-menu"
            data-tagging-precision="firstLevel"
            href="/fr/catalogue-neuf"
            role="button"
            
        >
    

    <span
            class="a-typography    o-navListItem__text"
            
            
            data-list-item=""
    
        data-nav-item-text=""
            
    >
        Véhicules neufs

                
        <svg
                aria-hidden="false"
                class="i-icon i-expandMore -menu"
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m23.4,6.65l-10.2,10.7a2.239,2.239 0 0 1 -1.5,0.8a1.9,1.9 0 0 1 -1.5,-0.8l-10.2,-10.7l0.8,-0.8l10.2,10.7c0.7,0.7 0.9,0.6 1.5,0l10.2,-10.7l0.7,0.8z" stroke-width="0"/>
                

        </svg>
    </span>


        </a>

                
        <div
    class="o-navSubmenu -collapsed"
    data-submenu
>
    

<div class="l-fullWidth   o-catalogSubmenuAlpha"
              
              
              data-menu-submenu=""
              
              >
    

<div class="l-container -defaultMarginBottom  o-catalogSubmenuAlpha__container"
              
              
              >
    

<div class="l-row -defaultPaddingBottom o-catalogSubmenuAlpha__wrapper"
              
              
              >
    <div class="o-catalogSubmenuAlpha__content m-scrollbar m-scrollbarBravo">
                    <div class="o-catalogSubmenuAlpha__left">
                        <div class="o-catalogSubmenuAlpha__links">
                            

<ul class="m-catalogSubmenuLinks ">
    

<li class="m-catalogSubmenuLinks__item">
            

    <a
            aria-label="Véhicules neufs en inventaire"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="Véhicules neufs en inventaire"
            
            
            role="link"
            href="/fr/inventaire-neuf"
            
    >
        

        Véhicules neufs en inventaire

        
    </a>


</li>
    <li class="m-catalogSubmenuLinks__item">
            

    <a
            aria-label="Véhicules hybrides et électriques neufs"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="Véhicules hybrides et électriques neufs"
            
            
            role="link"
            href="/fr/inventaire-hybride-electrique"
            
    >
        

        Véhicules hybrides et électriques neufs

        
    </a>


</li>
    

            <li class="m-catalogSubmenuLinks__item">
                

    <a
            aria-label="Comment acheter en ligne"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="Comment acheter en ligne"
            
            
            role="link"
            href="/fr/comment-ca-marche"
            
    >
        

        Comment acheter en ligne

        
    </a>


            </li>
        
            <li class="m-catalogSubmenuLinks__item">
                

    <a
            aria-label="Collection complète"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="Collection complète"
            
            
            role="link"
            href="/fr/catalogue-neuf"
            
    >
        

        Collection complète

        
    </a>


            </li>
        
            <li class="m-catalogSubmenuLinks__item">
                

    <a
            aria-label="Taos 2026"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="Taos 2026"
            
            
            role="link"
            href="/fr/taos-2026"
            
    >
        

        Taos 2026

        
    </a>


            </li>
        
            <li class="m-catalogSubmenuLinks__item">
                

    <a
            aria-label="Jetta GLI 2026"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="Jetta GLI 2026"
            
            
            role="link"
            href="/fr/jetta-gli-2026"
            
    >
        

        Jetta GLI 2026

        
    </a>


            </li>
        
            <li class="m-catalogSubmenuLinks__item">
                

    <a
            aria-label="Golf GTI 2026"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="Golf GTI 2026"
            
            
            role="link"
            href="/fr/golf-gti-2026"
            
    >
        

        Golf GTI 2026

        
    </a>


            </li>
        
            <li class="m-catalogSubmenuLinks__item">
                

    <a
            aria-label="Golf R 2026"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="Golf R 2026"
            
            
            role="link"
            href="/fr/golf-r-2026"
            
    >
        

        Golf R 2026

        
    </a>


            </li>
        
            <li class="m-catalogSubmenuLinks__item">
                

    <a
            aria-label="Jetta 2026"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="Jetta 2026"
            
            
            role="link"
            href="/fr/jetta-2026"
            
    >
        

        Jetta 2026

        
    </a>


            </li>
        
            <li class="m-catalogSubmenuLinks__item">
                

    <a
            aria-label="Atlas Cross Sport 2026"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="Atlas Cross Sport 2026"
            
            
            role="link"
            href="/fr/atlas-cross-sport-2026"
            
    >
        

        Atlas Cross Sport 2026

        
    </a>


            </li>
        
            <li class="m-catalogSubmenuLinks__item">
                

    <a
            aria-label="Atlas 2026"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="Atlas 2026"
            
            
            role="link"
            href="/fr/atlas-2026"
            
    >
        

        Atlas 2026

        
    </a>


            </li>
        
            <li class="m-catalogSubmenuLinks__item">
                

    <a
            aria-label="Tiguan 2026"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="Tiguan 2026"
            
            
            role="link"
            href="/fr/tiguan-2026"
            
    >
        

        Tiguan 2026

        
    </a>


            </li>
        
            <li class="m-catalogSubmenuLinks__item">
                

    <a
            aria-label="ID. Buzz 2025"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="ID. Buzz 2025"
            
            
            role="link"
            href="/fr/id-buzz-2025"
            
    >
        

        ID. Buzz 2025

        
    </a>


            </li>
        
            <li class="m-catalogSubmenuLinks__item">
                

    <a
            aria-label="ID.4 2025"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="ID.4 2025"
            
            
            role="link"
            href="/fr/id4-2025"
            
    >
        

        ID.4 2025

        
    </a>


            </li>
        
            <li class="m-catalogSubmenuLinks__item">
                

    <a
            aria-label="MyVW"
            class="a-link   group m-catalogSubmenuLinks__link"
            
            
            title="MyVW"
            
            
            role="link"
            href="/fr/myvw"
            
    >
        

        MyVW

        
    </a>


            </li>
        
    
</ul>
</div>
                    </div>
                </div>

                <div class="o-catalogSubmenuAlpha__right">
                    

<div class="m-catalogSubmenuBodystyles ">
    <div class="m-catalogSubmenuBodystyles__item">
        <a class="m-catalogSubmenuBodystyles__itemLink -active -all"
           data-menu-vehicle-filter="all"
           href="/fr/catalogue-neuf"
           title="Voir les véhicules"
        >
            Voir les véhicules
        </a>
    </div>

    
        <div class="m-catalogSubmenuBodystyles__item">
            <a
                class="m-catalogSubmenuBodystyles__itemLink"
                data-menu-vehicle-filter="suv"
                href="/fr/catalogue-neuf?bodystyles=suv"
                title="VUS"
            >
                VUS
            </a>
        </div>
    
        
        <div class="m-catalogSubmenuBodystyles__item">
            <a
                class="m-catalogSubmenuBodystyles__itemLink"
                data-menu-vehicle-filter="hatchback"
                href="/fr/catalogue-neuf?bodystyles=hatchback"
                title="Hayon"
            >
                Hayon
            </a>
        </div>
    
        
        <div class="m-catalogSubmenuBodystyles__item">
            <a
                class="m-catalogSubmenuBodystyles__itemLink"
                data-menu-vehicle-filter="minivan"
                href="/fr/catalogue-neuf?bodystyles=minivan"
                title="Minivan"
            >
                Minivan
            </a>
        </div>
    
        
        <div class="m-catalogSubmenuBodystyles__item">
            <a
                class="m-catalogSubmenuBodystyles__itemLink"
                data-menu-vehicle-filter="sedan"
                href="/fr/catalogue-neuf?bodystyles=sedan"
                title="Berline"
            >
                Berline
            </a>
        </div>
    
</div>

<div class="o-catalogSubmenuAlpha__vehicles m-scrollbar m-scrollbarBravo">
                        <a
    class="m-catalogSubmenuVehicle  "
    data-tagging-scope="header-submenu"
    data-tagging-precision="vehicle"
    data-theme-style="catalogSubmenuAlphaVehicle"
    data-vehicle-filter="suv"
    href="/fr/catalogue-neuf/volkswagen/volkswagen-atlas-comfortline--2026-id33396"
    title="Atlas"
>
    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/volkswagen/atlas/execline/suv/main/2026_Volkswagen_Atlas_Execline_Main.png" height="127" width="140" alt="Atlas" />
        </figure>


    <span
            class="a-typography    m-catalogSubmenuVehicle__name"
            
            
    >
        Atlas
    </span>


</a>


<a
    class="m-catalogSubmenuVehicle  "
    data-tagging-scope="header-submenu"
    data-tagging-precision="vehicle"
    data-theme-style="catalogSubmenuAlphaVehicle"
    data-vehicle-filter="suv"
    href="/fr/catalogue-neuf/volkswagen/volkswagen-atlas-cross-sport-comfortline-2026-id33397"
    title="Atlas Cross Sport"
>
    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/volkswagen/atlas-cross-sport/execline-/suv/main/2026_Volkswagen_Atlas-Cross-Sport_Execline_EXT_001_Q3Q3.png" height="127" width="140" alt="Atlas Cross Sport" />
        </figure>


    <span
            class="a-typography    m-catalogSubmenuVehicle__name"
            
            
    >
        Atlas Cross Sport
    </span>


</a>


<a
    class="m-catalogSubmenuVehicle  "
    data-tagging-scope="header-submenu"
    data-tagging-precision="vehicle"
    data-theme-style="catalogSubmenuAlphaVehicle"
    data-vehicle-filter="hatchback"
    href="/fr/catalogue-neuf/volkswagen/volkswagen-golf-gti-gti--2026-id32231"
    title="Golf GTI"
>
    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/volkswagen/golf-gti/gti-autobahn/hatchback/main/2026_Volkswagen_Golf-GTI_2-GTI-Autobahn_MAIN--3d6c9d.png" height="127" width="140" alt="Golf GTI" />
        </figure>


    <span
            class="a-typography    m-catalogSubmenuVehicle__name"
            
            
    >
        Golf GTI
    </span>


</a>


<a
    class="m-catalogSubmenuVehicle  "
    data-tagging-scope="header-submenu"
    data-tagging-precision="vehicle"
    data-theme-style="catalogSubmenuAlphaVehicle"
    data-vehicle-filter="hatchback"
    href="/fr/catalogue-neuf/volkswagen/volkswagen-golf-r-4motion-2026-id32232"
    title="Golf R"
>
    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/volkswagen/golf-r/black-edition-4motion/hatchback/main/2026_Volkswagen_Golf-R_2-Black-Edition-4MOTION_MAIN--06070c.png" height="127" width="140" alt="Golf R" />
        </figure>


    <span
            class="a-typography    m-catalogSubmenuVehicle__name"
            
            
    >
        Golf R
    </span>


</a>


<a
    class="m-catalogSubmenuVehicle  "
    data-tagging-scope="header-submenu"
    data-tagging-precision="vehicle"
    data-theme-style="catalogSubmenuAlphaVehicle"
    data-vehicle-filter="minivan"
    href="/fr/catalogue-neuf/volkswagen/volkswagen-id-buzz-1re-edition-2025-id29481"
    title="ID. Buzz"
>
    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/volkswagen/id-buzz/1st-edition-4motion/minivan/main/2025_Volkswagen_ID-Buzz_1e-Edition_001_main--1a2938.png" height="127" width="140" alt="ID. Buzz" />
        </figure>


    <span
            class="a-typography    m-catalogSubmenuVehicle__name"
            
            
    >
        ID. Buzz
    </span>


</a>


<a
    class="m-catalogSubmenuVehicle  "
    data-tagging-scope="header-submenu"
    data-tagging-precision="vehicle"
    data-theme-style="catalogSubmenuAlphaVehicle"
    data-vehicle-filter="suv"
    href="/fr/catalogue-neuf/volkswagen/volkswagen-id-4-base-2025-id31172"
    title="ID.4"
>
    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/volkswagen/id-4/pro-s-awd/suv/main/2025_Volskwagen_ID4_Main.png" height="127" width="140" alt="ID.4" />
        </figure>


    <span
            class="a-typography    m-catalogSubmenuVehicle__name"
            
            
    >
        ID.4
    </span>


</a>


<a
    class="m-catalogSubmenuVehicle  "
    data-tagging-scope="header-submenu"
    data-tagging-precision="vehicle"
    data-theme-style="catalogSubmenuAlphaVehicle"
    data-vehicle-filter="sedan"
    href="/fr/catalogue-neuf/volkswagen/volkswagen-jetta-trendline--2026-id32227"
    title="Jetta"
>
    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/volkswagen/jetta/highline-/sedan/main/2025_Volkswagen_WIP_JETTA_3-HIGHLINE_MAIN.png" height="127" width="140" alt="Jetta" />
        </figure>


    <span
            class="a-typography    m-catalogSubmenuVehicle__name"
            
            
    >
        Jetta
    </span>


</a>


<a
    class="m-catalogSubmenuVehicle  "
    data-tagging-scope="header-submenu"
    data-tagging-precision="vehicle"
    data-theme-style="catalogSubmenuAlphaVehicle"
    data-vehicle-filter="sedan"
    href="/fr/catalogue-neuf/volkswagen/volkswagen-jetta-gli-autobahn-2026-id32229"
    title="Jetta GLI"
>
    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/volkswagen/jetta-gli/autobahn-/sedan/main/2025_Volkswagen_WIP_JETTA-GLI_1-AUTOBAHN_MAIN.png" height="127" width="140" alt="Jetta GLI" />
        </figure>


    <span
            class="a-typography    m-catalogSubmenuVehicle__name"
            
            
    >
        Jetta GLI
    </span>


</a>


<a
    class="m-catalogSubmenuVehicle  "
    data-tagging-scope="header-submenu"
    data-tagging-precision="vehicle"
    data-theme-style="catalogSubmenuAlphaVehicle"
    data-vehicle-filter="suv"
    href="/fr/catalogue-neuf/volkswagen/volkswagen-taos-trendline-2026-id32221"
    title="Taos"
>
    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/volkswagen/taos/highline-4motion/suv/main/2026_VW_Taos_5-Highline-4MOTION_MAIN.png" height="127" width="140" alt="Taos" />
        </figure>


    <span
            class="a-typography    m-catalogSubmenuVehicle__name"
            
            
    >
        Taos
    </span>


</a>


<a
    class="m-catalogSubmenuVehicle  "
    data-tagging-scope="header-submenu"
    data-tagging-precision="vehicle"
    data-theme-style="catalogSubmenuAlphaVehicle"
    data-vehicle-filter="suv"
    href="/fr/catalogue-neuf/volkswagen/volkswagen-tiguan-trendline-4motion-2026-id32220"
    title="Tiguan"
>
    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2026/volkswagen/tiguan/highline-r-line-4motion/suv/main/2026_Volkswagen_Tiguan_Highline-R-Line_Main.png" height="127" width="140" alt="Tiguan" />
        </figure>


    <span
            class="a-typography    m-catalogSubmenuVehicle__name"
            
            
    >
        Tiguan
    </span>


</a></div>
                </div>
            
</div>

</div>

</div>
</div>

    
    </li>

            
    <li
            class="o-navListItem "
            data-menu-item
            style="order:2"
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navListAnchor'), (anchor) => anchor.getAttribute('href')) }"
            @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        
            
                <a
            data-menu-anchor
            data-tagging-scope="header-menu"
            data-tagging-precision="firstLevel"
            href="/fr/inventaire-occasion"
            role="button"
            
        >
    

    <span
            class="a-typography    o-navListItem__text"
            
            
            data-list-item=""
    
        data-nav-item-text=""
            
    >
        Véhicules d'occasion

                
        <svg
                aria-hidden="false"
                class="i-icon i-expandMore -menu"
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m23.4,6.65l-10.2,10.7a2.239,2.239 0 0 1 -1.5,0.8a1.9,1.9 0 0 1 -1.5,-0.8l-10.2,-10.7l0.8,-0.8l10.2,10.7c0.7,0.7 0.9,0.6 1.5,0l10.2,-10.7l0.7,0.8z" stroke-width="0"/>
                

        </svg>
    </span>


        </a>

                
        <ul
            class="o-navSubmenu -collapsed"
            data-submenu
    >
        <li class="o-navSubmenuListItem -body2">
            

    <a
            aria-label="Inventaire d'occasion"
            class="a-link   group o-navSubmenuAnchor"
            
            
            title="Inventaire d'occasion"
            
            
            role="link"
            href="/fr/inventaire-occasion"
            
    >
        

        Inventaire d'occasion

        
    </a>


</li>
    <li class="o-navSubmenuListItem -body2">
            

    <a
            aria-label="Inventaire démonstrateur"
            class="a-link   group o-navSubmenuAnchor"
            
            
            title="Inventaire démonstrateur"
            
            
            role="link"
            href="/fr/inventaire-demo"
            
    >
        

        Inventaire démonstrateur

        
    </a>


</li>
    <li class="o-navSubmenuListItem -body2">
            

    <a
            aria-label="Inventaire électrique et hybride d'occasion"
            class="a-link   group o-navSubmenuAnchor"
            
            
            title="Inventaire électrique et hybride d'occasion"
            
            
            role="link"
            href="/fr/inventaire-hybride-électrique-occasion"
            
    >
        

        Inventaire électrique et hybride d'occasion

        
    </a>


</li>
    <li class="o-navSubmenuListItem -body2">
            

    <a
            aria-label="Véhicules certifiés Spinelli"
            class="a-link   group o-navSubmenuAnchor"
            
            
            title="Véhicules certifiés Spinelli"
            
            
            role="link"
            href="/fr/inventaire-certifie-spinelli"
            
    >
        

        Véhicules certifiés Spinelli

        
    </a>


</li>
    <li class="o-navSubmenuListItem -body2">
            

    <a
            aria-label="Inventaire d’occasion certifié Volkswagen"
            class="a-link   group o-navSubmenuAnchor"
            
            
            title="Inventaire d’occasion certifié Volkswagen"
            
            
            role="link"
            href="/fr/inventaire-certifie"
            
    >
        

        Inventaire d’occasion certifié Volkswagen

        
    </a>


</li>
    <li class="o-navSubmenuListItem -body2">
            

    <a
            aria-label="Les meilleures offres"
            class="a-link   group o-navSubmenuAnchor"
            
            
            title="Les meilleures offres"
            
            
            role="link"
            href="/fr/inventaire-les-meilleures-offres"
            
    >
        

        Les meilleures offres

        
    </a>


</li>

        
    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/formulaire/evaluation-de-vehicule-d-echange-occasion/8"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Évaluer mon échange

    
</a>

    </li>


    </ul>
    

    </li>

            
    <li
            class="o-navListItem "
            data-menu-item
            style="order:5"
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navListAnchor'), (anchor) => anchor.getAttribute('href')) }"
            @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        
            
                <a
            data-menu-anchor
            data-tagging-scope="header-menu"
            data-tagging-precision="firstLevel"
            href="/fr/promotions"
            role="button"
            
        >
    

    <span
            class="a-typography    o-navListItem__text"
            
            
            data-list-item=""
    
        data-nav-item-text=""
            
    >
        Offres spéciales

                
        <svg
                aria-hidden="false"
                class="i-icon i-expandMore -menu"
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m23.4,6.65l-10.2,10.7a2.239,2.239 0 0 1 -1.5,0.8a1.9,1.9 0 0 1 -1.5,-0.8l-10.2,-10.7l0.8,-0.8l10.2,10.7c0.7,0.7 0.9,0.6 1.5,0l10.2,-10.7l0.7,0.8z" stroke-width="0"/>
                

        </svg>
    </span>


        </a>

                
        <ul
            class="o-navSubmenu -collapsed"
            data-submenu
    >
        <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/promotions"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Tous

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/promotions/departement/programmes-du-manufacturier/4"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Programmes du manufacturier

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/promotions/departement/service-et-pieces/2"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Service et pièces

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/promotions/departement/ventes-d-occasion/10"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Ventes d'occasion

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/promotions/departement/ventes/1"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Ventes

    
</a>

    </li>

        
    </ul>
    

    </li>

            
    <li
            class="o-navListItem "
            data-menu-item
            style="order:6"
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navListAnchor'), (anchor) => anchor.getAttribute('href')) }"
            @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        
            
                <a
            data-menu-anchor
            data-tagging-scope="header-menu"
            data-tagging-precision="firstLevel"
            href="/fr/services"
            role="button"
            
        >
    

    <span
            class="a-typography    o-navListItem__text"
            
            
            data-list-item=""
    
        data-nav-item-text=""
            
    >
        Services et carrosserie

                
        <svg
                aria-hidden="false"
                class="i-icon i-expandMore -menu"
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m23.4,6.65l-10.2,10.7a2.239,2.239 0 0 1 -1.5,0.8a1.9,1.9 0 0 1 -1.5,-0.8l-10.2,-10.7l0.8,-0.8l10.2,10.7c0.7,0.7 0.9,0.6 1.5,0l10.2,-10.7l0.7,0.8z" stroke-width="0"/>
                

        </svg>
    </span>


        </a>

                
        <ul
                class="o-navSubmenu -collapsed"
                data-submenu
        >
            
                
    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/formulaire/demande-de-rendez-vous-d-entretien/5"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Rendez-vous de service

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/services"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Département de service

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/services/pieces"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Pièces et accessoires

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/services/centre-du-pneu"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Centre du pneu

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/services/esthetique"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Service d'esthétique

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/services/carrosserie"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Service de carrosserie

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="https://www.vw.ca/fr/proprietaires-et-conducteurs/services/calendrier-entretien.html"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        target="_blank"
>
    Calendrier d'entretien

    
        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal o-navSubmenuAnchor__icon"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M0 24.172V2.895h13.09V4.25H1.36v18.566h18.745V11.2h1.356v12.973Zm12.496-13.39 9.356-9.36c-1.477-.05-4.004-.05-6.95.101L14.828.137c.086 0 8.422-.43 9.07.215.63.625.184 8.945.176 9.03l-1.383-.073c.16-2.942.168-5.434.133-6.895l-9.347 9.344Zm0 0" stroke-width="0"/>
                

        </svg>
    

</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/assistance-routiere"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Assistance routière

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/promotions/faites-reparer-votre-pare-brise-par-des-experts/221850"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Réparation de pare-brise

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/programmes-dentretien-prepaye"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Programmes d'entretien prépayé

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/solutions-de-financement"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Solutions de financement pour les services et la carrosserie

    
</a>

    </li>


        </ul>
    

    </li>

            
    <li
            class="o-navListItem "
            data-menu-item
            style="order:7"
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navListAnchor'), (anchor) => anchor.getAttribute('href')) }"
            @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        
            
                <a
            data-menu-anchor
            data-tagging-scope="header-menu"
            data-tagging-precision="firstLevel"
            href="/fr/financement-volkswagen"
            role="button"
            
        >
    

    <span
            class="a-typography    o-navListItem__text"
            
            
            data-list-item=""
    
        data-nav-item-text=""
            
    >
        Financement

                
        <svg
                aria-hidden="false"
                class="i-icon i-expandMore -menu"
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m23.4,6.65l-10.2,10.7a2.239,2.239 0 0 1 -1.5,0.8a1.9,1.9 0 0 1 -1.5,-0.8l-10.2,-10.7l0.8,-0.8l10.2,10.7c0.7,0.7 0.9,0.6 1.5,0l10.2,-10.7l0.7,0.8z" stroke-width="0"/>
                

        </svg>
    </span>


        </a>

                
        <ul
                class="o-navSubmenu -collapsed"
                data-submenu
        >
            
                
    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/demande-de-financement"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Soumettre une demande de crédit

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/financement-volkswagen"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Financement Volkswagen

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/formulaire/demande-de-financement-etape-1/44"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Financement alternatif

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/financement/deuxieme-chance"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Deuxième chance au crédit

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/financement/louer-ou-acheter"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Louer ou acheter?

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/protection-plus"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Protection Plus

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/financement"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Département de financement

    
</a>

    </li>


        </ul>
    

    </li>

            
    <li
            class="o-navListItem "
            data-menu-item
            style="order:8"
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navListAnchor'), (anchor) => anchor.getAttribute('href')) }"
            @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        
            
                <a
            data-menu-anchor
            data-tagging-scope="header-menu"
            data-tagging-precision="firstLevel"
            href="/fr/carrieres"
            role="button"
            
        >
    

    <span
            class="a-typography    o-navListItem__text"
            
            
            data-list-item=""
    
        data-nav-item-text=""
            
    >
        Carrières

                
        <svg
                aria-hidden="false"
                class="i-icon i-expandMore -menu"
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m23.4,6.65l-10.2,10.7a2.239,2.239 0 0 1 -1.5,0.8a1.9,1.9 0 0 1 -1.5,-0.8l-10.2,-10.7l0.8,-0.8l10.2,10.7c0.7,0.7 0.9,0.6 1.5,0l10.2,-10.7l0.7,0.8z" stroke-width="0"/>
                

        </svg>
    </span>


        </a>

                
        <ul
                class="o-navSubmenu -collapsed"
                data-submenu
        >
            
                
    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/carrieres"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Carrières

    
</a>

    </li>


        </ul>
    

    </li>

            
    <li
            class="o-navListItem "
            data-menu-item
            style="order:9"
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navListAnchor'), (anchor) => anchor.getAttribute('href')) }"
            @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        
            
                <a
            data-menu-anchor
            data-tagging-scope="header-menu"
            data-tagging-precision="firstLevel"
            href="/fr/nos-programmes-exclusifs"
            role="button"
            
        >
    

    <span
            class="a-typography    o-navListItem__text"
            
            
            data-list-item=""
    
        data-nav-item-text=""
            
    >
        En savoir plus

                
        <svg
                aria-hidden="false"
                class="i-icon i-expandMore -menu"
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m23.4,6.65l-10.2,10.7a2.239,2.239 0 0 1 -1.5,0.8a1.9,1.9 0 0 1 -1.5,-0.8l-10.2,-10.7l0.8,-0.8l10.2,10.7c0.7,0.7 0.9,0.6 1.5,0l10.2,-10.7l0.7,0.8z" stroke-width="0"/>
                

        </svg>
    </span>


        </a>

                
        <ul
                class="o-navSubmenu -collapsed"
                data-submenu
        >
            
                
    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/nos-programmes-exclusifs"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Nos programmes exclusifs

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/spinelli-environnement"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Spinelli et l'environnement

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/contactez-nous"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Contactez-nous

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/nouvelles"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Actualités

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="/fr/notre-equipe"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Notre équipe

    
</a>

    </li>


    <li
            class="o-navSubmenuListItem -body2 "
            data-submenu-item
            x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.o-navSubmenuAnchor'), (anchor) => anchor.getAttribute('href')) }"
    >
        

<a
        class="o-navSubmenuAnchor"
        href="https://www.spinelli.com/fr/historique"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        target="_blank"
>
    Historique Spinelli

    
        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal o-navSubmenuAnchor__icon"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M0 24.172V2.895h13.09V4.25H1.36v18.566h18.745V11.2h1.356v12.973Zm12.496-13.39 9.356-9.36c-1.477-.05-4.004-.05-6.95.101L14.828.137c.086 0 8.422-.43 9.07.215.63.625.184 8.945.176 9.03l-1.383-.073c.16-2.942.168-5.434.133-6.895l-9.347 9.344Zm0 0" stroke-width="0"/>
                

        </svg>
    

</a>

    </li>


        </ul>
    

    </li>

            
<li
        class="o-navListItem -compare "
        data-menu-item=""
        style="order:10"
        tabindex="0"
>
    <a
            aria-expanded="false"
            aria-haspopup="true"
            class="o-navListItem__text"
            data-alignment="center"
            data-click-open="false"
            data-menu-anchor
            data-nav-item-text=""
            data-position="bottom"
            data-tagging-precision="firstLevel"
            data-tagging-scope="header-menu"
            data-trigger-class=""
            href="javascript:void(0);"
            role="button"
            tabindex="-1"
            title="Sélectionnez 2 véhicules pour comparer"
    >
        

    <span
            class="a-typography    o-navListItem__label"
            
            
            data-theme-style="desktopMenu_item_fontColor"
            
    >
        Comparer
    </span>


        <div class="o-navListItem__compareCount" data-list-item="">
            

        <svg
                aria-hidden="false"
                class="i-icon i-carCompare -compare"
                
                height="24"
                role="img"
                title="Sélectionnez 2 véhicules pour comparer"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M23.93274,12.96469c-.18945-.5151-.52288-.93985-.95132-1.23737-.55554-1.23409-.94426-1.75719-1.87525-2.28988h.01858c.62064,0,1.22284-.07878,1.79723-.22684.05336-.14401.11477-.33432.11477-.53908,0-.1356-.02695-.26495-.07581-.38291-.10793-.17092-1.10132-.3821-1.48523-.43969-.37432.00162-.68705.26342-.76682.61381-.64867-1.32178-1.40874-2.46534-2.29776-3.49437-.08373-.06794-.20624-.13443-.34121-.17011-1.51362-.20966-3.26888-.33653-5.05077-.3516l-.0184.75809c1.54047.03838,3.95916.1392,4.78456.26877.15279.02286.29037.1051.38282.22882.70532.9843,1.3202,2.10749,1.79251,3.30257-1.99371-.18145-4.41285-.38323-6.8651-.4531l-.09484,10.34925c2.80741-.00963,5.6244-.0624,7.47202-.23035v1.78045c.00427.21294.17794.38395.39151.38395.00238,0,.00477-.00005.00715-.00009h2.73029l.00679.00009c.10249,0,.20084-.04018.27404-.11189.0732-.07171.11535-.16925.11747-.2717v-7.1413c-.01161-.12156-.03527-.24164-.07059-.35853l.00333.013ZM22.10433,13.74689c-.3503.0768-3.85362.53269-4.07434.52311-.35763-.02029-.68386-.13943-.95614-.33028-.00315-.04351-.00832-.09808-.00832-.15382,0-.15315.03905-.29721.10771-.42273.04719-.06506.10969-.11742.18199-.15252.68431-.23643,3.95723-.94665,4.22119-.95146.4127-.0144.76304.03838.84465.23993.08161.20156.03838,1.17092-.31673,1.24772v.00004ZM11.92086,23.0377h-.00148c-.07028,0-.13776-.02767-.18779-.07702-.05003-.04935-.0786-.11648-.0795-.18676V1.22626c.0009-.0703.02947-.13742.0795-.18683.05003-.0494.11747-.07711.18779-.07713h.00153-.00009.00148c.07028-.00002.13776.02766.18779.07703.05003.04937.0786.11647.0795.18675v21.54766c-.0009.07032-.02947.13745-.0795.18685-.05003.0494-.11747.07711-.18779.07711h-.00153.00009ZM6.21967,5.531c.59986-.34553,3.05216-.4751,4.62142-.51348v-.56148c-1.86202.02403-4.69341.14397-5.17814.68628-.8734.98381-1.74203,2.70663-2.33231,3.81519-.03038-.03154-.0674-.05588-.10838-.07131-.09799-.04387-.2084-.09187-.31876-.15423,0-.24956.16799-.88298-.60949-.82063-.35992.02879-1.38688.31196-1.49247.54232-.10312.163-.16431.36136-.16431.57408,0,.12611.02151.24718.06105.3597.15121.40033,1.35102.09799,1.70132.07396.03763-.00274.07534-.00405.11306-.004.17924,0,.35165.02956.51249.08409-.01602.00148-.01602.0063-.02083.01107-1.44001.64156-2.51803,1.87363-2.93783,3.38014-.04549.36393-.0665.7432-.0665,1.12733,0,.31376.01399.62433.04135.93099l-.00288,5.07133c-.00112.01341-.00175.02897-.00175.04468,0,.29073.22041.52999.50322.55977l2.55551.00023c.28528-.03005.50565-.26927.50565-.56,0-.0157-.00064-.03127-.00193-.0467l.00013-1.33689c1.70366.09115,4.65499.19674,7.24167.22072v-9.95788c-2.24116.04796-5.46603.20637-6.93452.29752.45107-.85905,1.75643-3.43125,2.3131-3.75279h.00014ZM4.84237,13.38697l.00009.01678c0,.85212-.69074,1.54286-1.54286,1.54286s-1.5429-.69074-1.5429-1.54286c0-.85122.68934-1.54146,1.54025-1.54286h.00976c.84474,0,1.53022.6821,1.53566,1.52558v.00049Z" />
                

        </svg>
    

<span
        class="a-quantity "
        data-theme-style="quantity"
        data-comparetool-count="all"
        
>
    
                0
            
</span>
        </div>
    </a>

    
<ul
        class="o-navSubMenuCompareAlpha o-navSubmenu -collapsed -lightMode"
        data-submenu
        data-widget-comparebox
>

    
        <div class="o-navSubMenuCompareAlpha__triangleWrapper">
            <svg
                    class="o-navSubMenuCompareAlpha__triangle"
                    preserveAspectRatio="none"
                    viewBox="0 0 100 100"
            >
                <polygon points="0 0,100 0, 100 8, 50 100, 0 8" data-theme-style="desktopMenu_compareSubmenuTriangle_bgColor"></polygon>
            </svg>
        </div>
    

<li class="o-navSubmenuListItemCompare -inactive">
    

    <span
            class="a-typography    o-navSubmenuListItemCompare__count"
            
            
            data-comparetool-count="catalog"
            
    >
        0
    </span>


    <span
            class="a-typography    o-navSubmenuListItemCompare__text"
            
            
    >
        Véhicule(s) neufs
    </span>


    <a
        aria-label="Comparer"
        class="a-button -alpha   group "
        context-key="header_nav_listItem_compare_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        data-comparetool-link="/fr/catalogue-neuf/comparer"
    
        data-comparetool-link-type="catalog"
        href="#"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Comparer

            
        </span>

        
    </a>


</li>

    
<li class="o-navSubmenuListItemCompare -inactive">
    

    <span
            class="a-typography    o-navSubmenuListItemCompare__count"
            
            
            data-comparetool-count="used"
            
    >
        0
    </span>


    <span
            class="a-typography    o-navSubmenuListItemCompare__text"
            
            
    >
        Véhicule(s) d'occasion
    </span>


    <a
        aria-label="Comparer"
        class="a-button -alpha   group "
        context-key="header_nav_listItem_compare_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        data-comparetool-link="/fr/inventaire-occasion/comparer/"
    
        data-comparetool-link-type="used"
        href="#"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Comparer

            
        </span>

        
    </a>


</li>

    
<li class="o-navSubmenuListItemCompare -inactive">
    

    <span
            class="a-typography    o-navSubmenuListItemCompare__count"
            
            
            data-comparetool-count="new-inventory"
            
    >
        0
    </span>


    <span
            class="a-typography    o-navSubmenuListItemCompare__text"
            
            
    >
        Véhicule(s) neufs en inventaire
    </span>


    <a
        aria-label="Comparer"
        class="a-button -alpha   group "
        context-key="header_nav_listItem_compare_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        data-comparetool-link="/fr/inventaire-neuf/comparer/"
    
        data-comparetool-link-type="new-inventory"
        href="#"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Comparer

            
        </span>

        
    </a>


</li>

    
</ul>


    <div
            class="o-navListItem__compareNotification widget-comparebox__notification"
            data-theme-style="desktopMenu_compareSubmenu_fontColor desktopMenu_compareSubmenu_bgColor"
    >
        <div class="widget-comparebox__notification-element widget-comparebox__notification-template">
            <div class="widget-comparebox__notification-icon">
                <span data-theme-sprite=""></span>
            </div>

            <div class="widget-comparebox__notification-text"></div>
        </div>
    </div>
</li>

            
    </ul>
</nav>


    <div class="o-headerBottomAlpha__infos -lightMode">
        
            
        <a href="/en" class='o-headerBottomAlpha__languageSwitch'  data-language-link>
            English
        </a>
    

    <p
            class="a-typography    o-headerBottomAlpha__dealerName -subheading1"
            
            
    >
        Spinelli Volkswagen Lachine
    </p>


<address class="m-addressLink o-headerBottomAlpha__dealerAddress">
    
        <span class="m-addressLink__pinContainer">
            

        <svg
                aria-hidden="true"
                class="i-icon i-pin m-addressLink__icon"
                
                height="24"
                role="img"
                title="Emplacement"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M13.518 3.345h0.649a7.72 7.72 0 0 1 5.298 2.097 7.6 7.6 0 0 1 2.107 5.517c0 3.018 -2.597 7.418 -7.729 13.098 -5.127 -5.67 -7.729 -10.077 -7.729 -13.151a7.56 7.56 0 0 1 2.104 -5.467 7.73 7.73 0 0 1 5.3 -2.094m0.325 11.998h0.197a4.268 4.268 0 0 0 0 -8.527h-0.393a4.268 4.268 0 0 0 0.196 8.527m-0.323 -13.497a9.241 9.241 0 0 0 -6.355 2.525 9.02 9.02 0 0 0 -2.55 6.588c0 3.545 2.796 8.312 8.55 14.584a0.915 0.915 0 0 0 1.359 -0.009c5.752 -6.269 8.548 -11.033 8.548 -14.575a9.02 9.02 0 0 0 -2.553 -6.59 9.23 9.23 0 0 0 -6.351 -2.523zm0.323 11.997a2.768 2.768 0 0 1 -0.125 -5.537h0.254a2.768 2.768 0 0 1 0 5.531z" transform="translate(-3.996 -1.598)" stroke-width="0"/>
                

        </svg>
    

        </span>
    

    <a
        class="m-addressLink__anchor a-link -splitted"
        data-theme-style="addressLink"
        href="http://maps.google.com/?q=Spinelli+Volkswagen+Lachine+208,+boul.+Montréal-Toronto+H8S+1B8+QC+Montréal"
        data-tagging-event="contacts"
        data-tagging-precision="address"
        data-tagging-scope="header"
        target="_blank"
    >
        

        <span class="m-addressLink__addressStart">
            208, boul. Montréal-Toronto, 
            Montréal, 
        </span>

        <span class="m-addressLink__addressEnd">
            QC, 
            H8S 1B8 
            <svg
                aria-hidden="false"
                class="i-icon i-linkExternal m-addressLink__iconExternalLink"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M0 24.172V2.895h13.09V4.25H1.36v18.566h18.745V11.2h1.356v12.973Zm12.496-13.39 9.356-9.36c-1.477-.05-4.004-.05-6.95.101L14.828.137c.086 0 8.422-.43 9.07.215.63.625.184 8.945.176 9.03l-1.383-.073c.16-2.942.168-5.434.133-6.895l-9.347 9.344Zm0 0" stroke-width="0"/>
                

        </svg>
        </span>
    </a>
</address>

            
<div class="tp-googleRatingAlpha">
            <a
            aria-label="Avis Google"
            class="a-link -charlie  group "
            context-key="googleRatingAlpha_link"
            data-content-zone-group="third.party"
            data-content-zone-location="google.reviews.rating"
            
            
            role="link"
            href="https://www.google.com/search?q=spinelli+vw&rlz=1C1UEAD_enCA1120CA1120&oq=spinelli+vw&gs_lcrp=EgZjaHJvbWUqBggAEEUYOzIGCAAQRRg7MhAIARAuGK8BGMcBGIAEGI4FMgcIAhAAGIAEMgcIAxAAGIAEMgcIBBAAGIAEMgYIBRBFGDwyBggGEEUYPDIGCAcQRRg80gEIODgwNWowajeoAgCwAgA&sourceid=chrome&ie=UTF-8#lrd=0x4cc9113844cead61:0xbcd86a5b01e99482,1,,,,"
            target="_blank"
    >
        

        Avis Google

        
        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Icône de lien externe"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M0 24.172V2.895h13.09V4.25H1.36v18.566h18.745V11.2h1.356v12.973Zm12.496-13.39 9.356-9.36c-1.477-.05-4.004-.05-6.95.101L14.828.137c.086 0 8.422-.43 9.07.215.63.625.184 8.945.176 9.03l-1.383-.073c.16-2.942.168-5.434.133-6.895l-9.347 9.344Zm0 0" stroke-width="0"/>
                

        </svg>
    

    </a></div>
    

<div class="m-socialNetworks o-headerBottomAlpha__socialNetworks ">
    
        
    <p
            class="a-typography -subheading1   m-socialNetworks__title o-headerBottomAlpha__socialNetworksTitle -subheading1"
            
            
    >
        Suivez-nous en ligne
    </p>


    <div class="m-socialNetworks__wrapper">
        
        
   <div class="a-socialMedia__item group ">
        <a
                aria-label="facebook - Ouvre une nouvelle fenêtre"
                class="a-socialMedia  "
                data-tagging-event="social"
                data-tagging-precision="facebook"
                data-tagging-scope="header"
                data-tagging-specificity="facebook"
                href="https://www.facebook.com/SpinelliVWLachine/"
                target="_blank"
        >
            
                
        <svg
                aria-hidden="false"
                class="i-icon i-facebook "
                
                height="24"
                role="img"
                title="facebook | Spinelli Volkswagen Lachine"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m9.574,23.994v-10.928h-3.574v-4.26h3.574v-3.2C9.574,2.006,11.744.006,14.808.006c1.405,0,2.681.133,3.192.133v3.865h-2.17c-1.66,0-2.043.932-2.043,2.132v2.67h4.085l-.511,4.26h-3.574v10.928h-4.21301Z" stroke-width="0"/>
                

        </svg>
    

        </a>

        
   </div>


   <div class="a-socialMedia__item group ">
        <a
                aria-label="instagram - Ouvre une nouvelle fenêtre"
                class="a-socialMedia  "
                data-tagging-event="social"
                data-tagging-precision="instagram"
                data-tagging-scope="header"
                data-tagging-specificity="instagram"
                href="https://www.instagram.com/spinelli.volks/"
                target="_blank"
        >
            
                
        <svg
                aria-hidden="false"
                class="i-icon i-instagram "
                
                height="24"
                role="img"
                title="instagram | Spinelli Volkswagen Lachine"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m12,2.15361c1.59784-.06009,3.19791-.01575,4.78997.13272.77243-.00971,1.53981.12569,2.26226.39916.99677.46443,1.79783,1.2655,2.26226,2.26226.27348.72246.40888,1.48984.39916,2.26226,0,1.19749.13272,1.59666.13272,4.78997.06009,1.59784.01575,3.19791-.13272,4.78997.00971.77243-.12569,1.53981-.39916,2.26226-.46443.99677-1.2655,1.79783-2.26226,2.26226-.72246.27348-1.48984.40888-2.26226.39916-1.19749,0-1.59666.13272-4.78997.13272-1.59784.06009-3.19791.01575-4.78997-.13272-.77242.00971-1.53981-.12569-2.26226-.39916-.99677-.46443-1.79783-1.2655-2.26226-2.26226-.27348-.72246-.40888-1.48984-.39916-2.26226,0-1.19749-.13272-1.59666-.13272-4.78997-.06009-1.59784-.01575-3.19791.13272-4.78997-.00971-.77242.12569-1.53981.39916-2.26226.2325-.49334.54774-.94324.93205-1.33021.31202-.46515.78635-.79715,1.33022-.93105.72246-.27348,1.48984-.40888,2.26226-.39916,1.59204-.14881,3.19211-.19348,4.78997-.13372M12,.02507c-1.64206-.05866-3.28618-.01434-4.9227.13272-1.00026-.00211-1.9925.17848-2.92787.53288-.80733.26328-1.53806.71994-2.12854,1.33022-.61027.59048-1.06693,1.32121-1.33022,2.12854-.41814.91652-.60128,1.9228-.53288,2.92787C.01073,8.71382-.0336,10.35794.02507,12c-.05866,1.64206-.01434,3.28618.13272,4.9227-.00233.99987.17792,1.99175.53189,2.92687.26342.80779.72044,1.53889,1.33121,2.12954.59048.61027,1.32121,1.06693,2.12854,1.33022.93512.35394,1.92701.53419,2.92687.53189,1.63682.14743,3.28128.19209,4.92369.13372,1.64206.05866,3.28618.01434,4.9227-.13272.99986.0023,1.99175-.17795,2.92687-.53189,1.62415-.5595,2.90026-1.83561,3.45976-3.45976.35396-.93512.53421-1.92701.53189-2.92687.001-1.33121.13372-1.73038.13372-4.92369.05866-1.64206.01434-3.28618-.13272-4.9227.0023-.99986-.17795-1.99175-.53189-2.92687-.26342-.80779-.72044-1.53889-1.33121-2.12954-.59048-.61027-1.32121-1.06693-2.12854-1.33022-.93537-.35442-1.92761-.53501-2.92787-.53288C15.28618.01073,13.64206-.0336,12,.02507m0,5.85474c-3.32563-.05446-6.06573,2.59735-6.12019,5.92298-.00108.06573-.00108.13147,0,.19721,0,3.38009,2.7401,6.12019,6.12019,6.12019s6.12019-2.7401,6.12019-6.12019-2.7401-6.12019-6.12019-6.12019h0m0,10.11183c-2.16503.03949-3.95215-1.6836-3.99164-3.84864-.00087-.04767-.00087-.09534,0-.14301-.03949-2.16503,1.6836-3.95215,3.84864-3.99164.04767-.00087.09534-.00087.14301,0,2.16503-.03949,3.95215,1.6836,3.99164,3.84864.00087.04767.00087.09534,0,.14301.03949,2.16503-1.6836,3.95215-3.84864,3.99164-.04767.00087-.09534.00087-.14301,0m6.38663-11.84221c-.80851,0-1.46393.65543-1.46393,1.46394s.65543,1.46394,1.46394,1.46393,1.46393-.65543,1.46393-1.46394c-.00705-.80557-.65836-1.45689-1.46394-1.46394" stroke-width="0"/>
                

        </svg>
    

        </a>

        
   </div>


   <div class="a-socialMedia__item group ">
        <a
                aria-label="linkedin - Ouvre une nouvelle fenêtre"
                class="a-socialMedia  "
                data-tagging-event="social"
                data-tagging-precision="linkedin"
                data-tagging-scope="header"
                data-tagging-specificity="linkedin"
                href="https://www.linkedin.com/company/spinelli/"
                target="_blank"
        >
            
                
        <svg
                aria-hidden="false"
                class="i-icon i-linkedIn "
                
                height="24"
                role="img"
                title="linkedin | Spinelli Volkswagen Lachine"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m22.2,24H1.8c-.99411,0-1.8-.80589-1.8-1.8V1.8C0,.80589.80589,0,1.8,0h20.4c.99411,0,1.8.80589,1.8,1.8v20.4c0,.99411-.80589,1.8-1.8,1.8ZM7.10699,9.01001h-3.50702v11.41595h3.50702v-11.41595Zm.30402-3.62903c0-.00665,0-.01331-.00006-.01996-.00885-1.13159-.93335-2.04175-2.06494-2.0329-1.13159.00879-2.04175.93335-2.03296,2.06494.00885,1.13159.93335,2.04175,2.06494,2.0329v.00299c1.12683-.00439,2.03687-.92114,2.03302-2.04797Zm13.039,15.04797l-.00403-6.59094c0-2.31006-.50098-3.83301-1.88098-4.58502-2.18903-1.18103-4.90698-.43799-5.76501,1.34698v-1.58997h-3.38098v11.42096h3.52399v-5.89001c0-1.77795.75201-2.69995,2.078-2.69995s1.87103.97198,1.87103,2.46698v6.12097h3.55798Z" stroke-width="0"/>
                

        </svg>
    

        </a>

        
   </div>


   <div class="a-socialMedia__item group ">
        <a
                aria-label="youtube - Ouvre une nouvelle fenêtre"
                class="a-socialMedia  "
                data-tagging-event="social"
                data-tagging-precision="youtube"
                data-tagging-scope="header"
                data-tagging-specificity="youtube"
                href="https://www.youtube.com/@spinellivolkswagen"
                target="_blank"
        >
            
                
        <svg
                aria-hidden="false"
                class="i-icon i-youtube "
                
                height="24"
                role="img"
                title="youtube | Spinelli Volkswagen Lachine"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m12,2.72797C.20599,2.72797,0,3.77997,0,12s.20697,9.27197,12,9.27197h.00098c11.79303,0,11.99902-1.05298,11.99902-9.27197s-.20599-9.27203-12-9.27203Zm3.84399,9.66803l-5.38696,2.49298c-.11261.07373-.24805.10425-.38135.08588-.30469-.04205-.5177-.32312-.47571-.62787v-4.69299c-.01837-.1333.01215-.26874.08588-.38129.16858-.25732.51379-.32928.77118-.16071l5.38995,2.49097-.00299-.00098c.47302.21899.47302.57501,0,.79401Z" fill-rule="evenodd" stroke-width="0"/>
                

        </svg>
    

        </a>

        
   </div>


    </div>
</div>


<div class="o-headerBottomAlpha__ctas">
    

    <a
        aria-label="Rendez-vous au service"
        class="a-button -alpha   group o-headerBottomAlpha__ctas -button1"
        context-key="header_cta1"
        data-content-zone-group="header"
        data-content-zone-location="header.menu.cta"
        data-atom-version="1.0"
        data-tagging-precision="ctaService"

        
            data-tagging-scope="header"
        data-theme-style="button"
        
        
        href="/fr/formulaire/demande-de-rendez-vous-d-entretien/5"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Rendez-vous au service

            
        </span>

        
    </a>


</div>


    </div>
</div>

</header>

    
</div>

                        <main
                                class="page page-index p-home"
                                data-index-page
                                id="mainContent"
                                role="main"
                                x-init="window.innerWidth < 1024 ? $el.style.marginTop = $refs.header.offsetHeight + 'px' : $el.style.marginTop = '0'"
            @resize.window="window.innerWidth < 1024 ? $el.style.marginTop = $refs.header.offsetHeight + 'px' : $el.style.marginTop = '0'"
                        >
                            

<section class="l-fullWidth   -lightMode"
              
              
              >
    

    <div
            class="o-carousel o-promoBanner__carousel"
            data-theme-style="carousel"
            
            data-promo-banner=""
    
        taggingScope="header"
            x-carousel
            x-init
    >
        <div
                class="o-carousel__main splide "
                data-carousel
                data-splide='{
        &#034;type&#034;: &#034;slide&#034;,
        &#034;perPage&#034;: &#034;1&#034;,
        &#034;autoplay&#034;: &#034;&#034;,
        &#034;height&#034;: &#034;auto&#034;,
        &#034;autoHeight&#034;: true,
        &#034;speed&#034;: &#034;500&#034;,
        &#034;rewind&#034;: &#034;true&#034;
    }'
        >
            <div class="o-carousel__mainTrack splide__track">
                <ul class="o-carousel__mainList splide__list ">
                    <li class="o-carouselSlide splide__slide o-promoBanner__slide" data-carousel-slide  >
    

        <a
                class="o-promoBannerItem__slide-link shiftdigital-event"
                data-attribute-id="221577"
                data-attribute-position="1"
                data-shiftdigital-event="carousel"
                data-shiftdigital-index="1"
                data-shiftdigital-title="VWCA March2026 Monthly offer - ID.4"
                data-shiftdigital-url="/fr/promotions"
                href="/fr/promotions"
                target=""
                title="VWCA March2026 Monthly offer - ID.4"
        >
                <picture class="a-image w-full o-promoBannerItem__picture">
                
                
                    <source media="(min-width:1024px)" srcset="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-ID.4-fr.jpg">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-ID.4-fr.jpg">
                
                
                <img src="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-ID.4-fr.jpg"
                     alt="VWCA March2026 Monthly offer - ID.4"
                     class="a-image__img o-promoBannerItem__img"
                     height="500"
                     width="1920"
                    
                     data-atom-version="1.0"
                >
            </picture>
        </a>
    

</li>


<li class="o-carouselSlide splide__slide o-promoBanner__slide" data-carousel-slide  >
    

        <a
                class="o-promoBannerItem__slide-link shiftdigital-event"
                data-attribute-id="221574"
                data-attribute-position="2"
                data-shiftdigital-event="carousel"
                data-shiftdigital-index="2"
                data-shiftdigital-title="VWCA March2026 Monthly offer - Taos"
                data-shiftdigital-url="/fr/promotions/procurez-vous-la-volkswagen-taos-2026/"
                href="/fr/promotions/procurez-vous-la-volkswagen-taos-2026/"
                target=""
                title="VWCA March2026 Monthly offer - Taos"
        >
                <picture class="a-image w-full o-promoBannerItem__picture">
                
                
                    <source media="(min-width:1024px)" srcset="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-taos-fr.jpg">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-taos-fr.jpg">
                
                
                <img src="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-taos-fr.jpg"
                     alt="VWCA March2026 Monthly offer - Taos"
                     class="a-image__img o-promoBannerItem__img"
                     height="500"
                     width="1920"
                    
                     data-atom-version="1.0"
                >
            </picture>
        </a>
    

</li>


<li class="o-carouselSlide splide__slide o-promoBanner__slide" data-carousel-slide  >
    

        <a
                class="o-promoBannerItem__slide-link shiftdigital-event"
                data-attribute-id="221580"
                data-attribute-position="3"
                data-shiftdigital-event="carousel"
                data-shiftdigital-index="3"
                data-shiftdigital-title="VWCA March2025 Monthly offer - Tiguan"
                data-shiftdigital-url="/fr/promotions/procurez-vous-le-volkswagen-tiguan-2026/"
                href="/fr/promotions/procurez-vous-le-volkswagen-tiguan-2026/"
                target=""
                title="VWCA March2025 Monthly offer - Tiguan"
        >
                <picture class="a-image w-full o-promoBannerItem__picture">
                
                
                    <source media="(min-width:1024px)" srcset="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-tiguan-fr.jpg">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-tiguan-fr.jpg">
                
                
                <img src="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-tiguan-fr.jpg"
                     alt="VWCA March2025 Monthly offer - Tiguan"
                     class="a-image__img o-promoBannerItem__img"
                     height="500"
                     width="1920"
                    
                     data-atom-version="1.0"
                >
            </picture>
        </a>
    

</li>


<li class="o-carouselSlide splide__slide o-promoBanner__slide" data-carousel-slide  >
    

        <a
                class="o-promoBannerItem__slide-link shiftdigital-event"
                data-attribute-id="221575"
                data-attribute-position="4"
                data-shiftdigital-event="carousel"
                data-shiftdigital-index="4"
                data-shiftdigital-title="VWCA March2026 Monthly offer - Atlas "
                data-shiftdigital-url="/fr/promotions/procurez-vous-le-volkswagen-atlas-2026/"
                href="/fr/promotions/procurez-vous-le-volkswagen-atlas-2026/"
                target=""
                title="VWCA March2026 Monthly offer - Atlas "
        >
                <picture class="a-image w-full o-promoBannerItem__picture">
                
                
                    <source media="(min-width:1024px)" srcset="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-Atlas-fr.jpg">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-Atlas-fr.jpg">
                
                
                <img src="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-Atlas-fr.jpg"
                     alt="VWCA March2026 Monthly offer - Atlas "
                     class="a-image__img o-promoBannerItem__img"
                     height="500"
                     width="1920"
                    
                     data-atom-version="1.0"
                >
            </picture>
        </a>
    

</li>


<li class="o-carouselSlide splide__slide o-promoBanner__slide" data-carousel-slide  >
    

        <a
                class="o-promoBannerItem__slide-link shiftdigital-event"
                data-attribute-id="210674"
                data-attribute-position="5"
                data-shiftdigital-event="carousel"
                data-shiftdigital-index="5"
                data-shiftdigital-title="VWCA March2026 Monthly offer - Jetta "
                data-shiftdigital-url="/fr/promotions/procurez-vous-le-volkswagen-jetta-2026/"
                href="/fr/promotions/procurez-vous-le-volkswagen-jetta-2026/"
                target=""
                title="VWCA March2026 Monthly offer - Jetta "
        >
                <picture class="a-image w-full o-promoBannerItem__picture">
                
                
                    <source media="(min-width:1024px)" srcset="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-jetta-fr.jpg">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-jetta-fr.jpg">
                
                
                <img src="https://img.sm360.ca/images/generator/promotions/volkswagen/qc/volkswagen-desktop-2000x555-jetta-fr.jpg"
                     alt="VWCA March2026 Monthly offer - Jetta "
                     class="a-image__img o-promoBannerItem__img"
                     height="500"
                     width="1920"
                    
                     data-atom-version="1.0"
                >
            </picture>
        </a>
    

</li>


<li class="o-carouselSlide splide__slide o-promoBanner__slide" data-carousel-slide  >
    

        <a
                class="o-promoBannerItem__slide-link shiftdigital-event"
                data-attribute-id="223346"
                data-attribute-position="6"
                data-shiftdigital-event="carousel"
                data-shiftdigital-index="6"
                data-shiftdigital-title="Tous nos véhicules d'occasion sont garantis"
                data-shiftdigital-url="/fr/promotions/tous-nos-vehicules-d-occasion-sont-garantis/223340"
                href="/fr/promotions/tous-nos-vehicules-d-occasion-sont-garantis/223340"
                target=""
                title="Tous nos véhicules d'occasion sont garantis"
        >
                <picture class="a-image w-full o-promoBannerItem__picture">
                
                
                    <source media="(min-width:1024px)" srcset="https://img.sm360.ca/images/promo/spinelli/223346//g20427_used_vw_2000x555-fr1770392542838.jpg">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/promo/spinelli/223346//g20427_used_vw_800x600-fr1770392561719.jpg">
                
                
                <img src="https://img.sm360.ca/images/promo/spinelli/223346//g20427_used_vw_800x600-fr1770392682411.jpg"
                     alt="Tous nos véhicules d'occasion sont garantis"
                     class="a-image__img o-promoBannerItem__img"
                     height="500"
                     width="1920"
                    
                     data-atom-version="1.0"
                >
            </picture>
        </a>
    

</li>


<li class="o-carouselSlide splide__slide o-promoBanner__slide" data-carousel-slide  >
    

        <div class="o-promoBannerItem">
            <picture class="a-image w-full o-promoBannerItem__picture">
                
                
                    <source media="(min-width:1024px)" srcset="https://img.sm360.ca/images/promo/spinelli/228068//g20431_detailing_2000x555_v1772565863224.jpg">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/promo/spinelli/228068//g20431_detailing_800x600_v1772565878056.jpg">
                
                
                <img src="https://img.sm360.ca/images/promo/spinelli/228068//g20431_detailing_800x600_v1772565892184.jpg"
                     alt="Démarrez le printemps en beauté"
                     class="a-image__img o-promoBannerItem__img"
                     height="500"
                     width="1920"
                    
                     data-atom-version="1.0"
                >
            </picture>
            
            
<div class="l-container -defaultMarginBottom  m-promoBannerContent"
              
              
              >
    

<div class="l-row -defaultPaddingBottom "
              
              
              >
    <div class="m-promoBannerContent__wrapper">
            

    <div
            class="a-typography -heading2   m-promoBannerContent__title"
            
            
            data-theme-style="promoBanner_content_titleColor"
            
    >
        Démarrez le printemps en beauté
    </div>


    <div
            class="a-typography   -wysiwyg m-promoBannerContent__text"
            
            
            data-theme-style="promoBanner_content_textColor"
            
    >
        <p>Forfait nettoyage complet de la saison &agrave; 109,95 $</p>
    </div>

<div class="m-promoBannerContent__button">
                    

    <a
        aria-label="Voir les détails du forfait"
        class="a-button -bravo
        
            -primary   group shiftdigital-event"
        context-key="promoBannerContent_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        data-shiftdigital-url="/fr/promotions/demarrez-le-printemps-en-beaute/228041"
    
        data-shiftdigital-title="Démarrez le printemps en beauté"
    
        data-shiftdigital-event="carousel"
    
        data-attribute-id="228068"
    
        data-promo-banner-link=""
    
        data-shiftdigital-index="7"
    
        data-attribute-position="7"
        href="/fr/promotions/demarrez-le-printemps-en-beaute/228041"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Voir les détails du forfait

            
        </span>

        
    </a>


</div>
            </div>
    
</div>

</div>

            
        </div>
    

</li>


<li class="o-carouselSlide splide__slide o-promoBanner__slide" data-carousel-slide  >
    

        <a
                class="o-promoBannerItem__slide-link shiftdigital-event"
                data-attribute-id="221695"
                data-attribute-position="8"
                data-shiftdigital-event="carousel"
                data-shiftdigital-index="8"
                data-shiftdigital-title="Événement VOC VW"
                data-shiftdigital-url="/fr/programmes-dentretien-prepaye"
                href="/fr/programmes-dentretien-prepaye"
                target=""
                title="Événement VOC VW"
        >
                <picture class="a-image w-full o-promoBannerItem__picture">
                
                
                    <source media="(min-width:1024px)" srcset="https://img.sm360.ca/images/promo/spinelli/151170/2024-12-vw-header-desktop-2000x555-cpo-upadate-fr1733936328302.jpg">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/promo/spinelli/151170/2024-07-vw-header-mobile-800x600-cpo-upadate-fr1733936239310.jpg">
                
                
                <img src="https://img.sm360.ca/images/promo/spinelli/151170/2024-07-vw-header-mobile-800x600-cpo-upadate-fr1733936232289.jpg"
                     alt="Événement VOC VW"
                     class="a-image__img o-promoBannerItem__img"
                     height="500"
                     width="1920"
                    
                     data-atom-version="1.0"
                >
            </picture>
        </a>
    

</li>


<li class="o-carouselSlide splide__slide o-promoBanner__slide" data-carousel-slide  >
    

        <a
                class="o-promoBannerItem__slide-link shiftdigital-event"
                data-attribute-id="226875"
                data-attribute-position="9"
                data-shiftdigital-event="carousel"
                data-shiftdigital-index="9"
                data-shiftdigital-title="Participez pour tenter de gagner !"
                data-shiftdigital-url="/fr/promotions/passez-nous-voir-pour-une-chance-de-gagner/"
                href="/fr/promotions/passez-nous-voir-pour-une-chance-de-gagner/"
                target=""
                title="Participez pour tenter de gagner !"
        >
                <picture class="a-image w-full o-promoBannerItem__picture">
                
                
                    <source media="(min-width:1024px)" srcset="https://img.sm360.ca/images/generator/headers/VW/NAT/vw-nat-header-2000x555-event-fr.png">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/generator/headers/VW/NAT/Welcome-Home_Shift-Banner_FR-2.png">
                
                
                <img src="https://img.sm360.ca/images/generator/headers/VW/NAT/Welcome-Home_Shift-Banner_FR-2.png"
                     alt="Participez pour tenter de gagner !"
                     class="a-image__img o-promoBannerItem__img"
                     height="500"
                     width="1920"
                    
                     data-atom-version="1.0"
                >
            </picture>
        </a>
    

</li>
                </ul>
            </div>

            
                <div class="o-carousel__mainArrows splide__arrows ">
                    

<button
        class="a-carouselArrow splide__arrow splide__arrow--prev -left  left-4 "
        data-tagging-precision="carouselLeft"

        
            data-tagging-event="home"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselLeft "
                accessibilityRole=""
                height="24"
                role="img"
                title="Montrer les images précédentes"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M0 12.06c0 1.08 7.08 7.44 7.2 7.44l1.08-1.2c-2.52-2.28-4.56-4.32-5.76-5.52H24v-1.56H2.52c1.2-1.2 3.24-3.36 5.76-5.52L7.2 4.5c-.12.12-7.2 6.48-7.2 7.56" stroke-width="0"/>
                

        </svg>
    

</button>


<button
        class="a-carouselArrow splide__arrow splide__arrow--next -right  right-4 "
        data-tagging-precision="carouselRight"

        
            data-tagging-event="home"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselRight "
                accessibilityRole=""
                height="24"
                role="img"
                title="Montrer les prochaines images"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m16.8 4.5-1.08 1.2c2.52 2.28 4.56 4.32 5.76 5.52H0v1.56h21.48c-1.2 1.2-3.24 3.24-5.76 5.52l1.08 1.2c.12-.12 7.2-6.48 7.2-7.44 0-1.08-7.08-7.44-7.2-7.56" stroke-width="0"/>
                

        </svg>
    

</button>

                </div>
            
        </div>

        
    </div>


</section>


<section class="l-fullWidth   o-inventorySearchAlpha  -lightMode"
              
              
              data-theme-style="inventorySearchAlpha"
              >
    

<div class="l-container -defaultMarginBottom  o-inventorySearchAlpha__container"
              
              
              >
    

<div class="l-row -defaultPaddingBottom o-inventorySearchAlpha__wrapper"
              
              
              removeGutters="true"
    
        data-module-version="alpha-with-hubs"
    
        data-module=""
    
        data-inventory-search-wrapper=""
    
        data-module-type="inventory-search"
              
              >
    

    <p
            class="a-typography -heading2   o-inventorySearchAlpha__title"
            
            
    >
        Trouvez votre prochain véhicule
    </p>

<div class="o-inventorySearchAlpha__radioWrapper">
                    

<div class="o-inventorySearchAlpha__hubItem p-home__promoBanner"
             data-theme-style="inventorySearchAlpha_hubItem_fontColor inventorySearchAlpha_hubItem_bgColor"
             data-inventory-search-alpha-hub-item
        >
            

<div
        class="m-radio__container"
        data-theme-style="radio"
>
    <input
            class="m-radio o-inventorySearchAlpha__radio"
            id="Véhicules neufs en inventaire"
            checked
            data-listing-url="/fr/inventaire-neuf"
        
    
            iconThemeStyle="inventorySearchAlpha_hubItem_iconColor"
        
    
            data-api-url="/fr/api/searchtool/filters/inventaire-neuf"
            name="hubFilter"
            tabindex="-1"
            type="radio"
            value="Véhicules neufs en inventaire"
    />

    <label
            class="m-radio__label"
            data-navigation-enter-press
            for="Véhicules neufs en inventaire"
            tabindex="0"
    >
        <span class="m-radio__hover"></span>

        Véhicules neufs en inventaire
    </label>
</div>

</div>
    <div class="o-inventorySearchAlpha__hubItem p-home__promoBanner"
             data-theme-style="inventorySearchAlpha_hubItem_fontColor inventorySearchAlpha_hubItem_bgColor"
             data-inventory-search-alpha-hub-item
        >
            

<div
        class="m-radio__container"
        data-theme-style="radio"
>
    <input
            class="m-radio o-inventorySearchAlpha__radio"
            id="Inventaire d'occasion"
            
            data-listing-url="/fr/inventaire-occasion"
        
    
            iconThemeStyle="inventorySearchAlpha_hubItem_iconColor"
        
    
            data-api-url="/fr/api/searchtool/filters/inventaire-occasion"
            name="hubFilter"
            tabindex="-1"
            type="radio"
            value="Inventaire d'occasion"
    />

    <label
            class="m-radio__label"
            data-navigation-enter-press
            for="Inventaire d'occasion"
            tabindex="0"
    >
        <span class="m-radio__hover"></span>

        Inventaire d'occasion
    </label>
</div>

</div>
    <div class="o-inventorySearchAlpha__hubItem p-home__promoBanner"
             data-theme-style="inventorySearchAlpha_hubItem_fontColor inventorySearchAlpha_hubItem_bgColor"
             data-inventory-search-alpha-hub-item
        >
            

<div
        class="m-radio__container"
        data-theme-style="radio"
>
    <input
            class="m-radio o-inventorySearchAlpha__radio"
            id="Inventaire démonstrateur"
            
            data-listing-url="/fr/inventaire-demo"
        
    
            iconThemeStyle="inventorySearchAlpha_hubItem_iconColor"
        
    
            data-api-url="/fr/api/searchtool/filters/inventaire-demo"
            name="hubFilter"
            tabindex="-1"
            type="radio"
            value="Inventaire démonstrateur"
    />

    <label
            class="m-radio__label"
            data-navigation-enter-press
            for="Inventaire démonstrateur"
            tabindex="0"
    >
        <span class="m-radio__hover"></span>

        Inventaire démonstrateur
    </label>
</div>

</div>
    <div class="o-inventorySearchAlpha__hubItem p-home__promoBanner"
             data-theme-style="inventorySearchAlpha_hubItem_fontColor inventorySearchAlpha_hubItem_bgColor"
             data-inventory-search-alpha-hub-item
        >
            

<div
        class="m-radio__container"
        data-theme-style="radio"
>
    <input
            class="m-radio o-inventorySearchAlpha__radio"
            id="Inventaire électrique et hybride d'occasion"
            
            data-listing-url="/fr/inventaire-hybride-électrique-occasion"
        
    
            iconThemeStyle="inventorySearchAlpha_hubItem_iconColor"
        
    
            data-api-url="/fr/api/searchtool/filters/inventaire-hybride-électrique-occasion"
            name="hubFilter"
            tabindex="-1"
            type="radio"
            value="Inventaire électrique et hybride d'occasion"
    />

    <label
            class="m-radio__label"
            data-navigation-enter-press
            for="Inventaire électrique et hybride d'occasion"
            tabindex="0"
    >
        <span class="m-radio__hover"></span>

        Inventaire électrique et hybride d'occasion
    </label>
</div>

</div>
    <div class="o-inventorySearchAlpha__hubItem p-home__promoBanner"
             data-theme-style="inventorySearchAlpha_hubItem_fontColor inventorySearchAlpha_hubItem_bgColor"
             data-inventory-search-alpha-hub-item
        >
            

<div
        class="m-radio__container"
        data-theme-style="radio"
>
    <input
            class="m-radio o-inventorySearchAlpha__radio"
            id="Véhicules certifiés Spinelli"
            
            data-listing-url="/fr/inventaire-certifie-spinelli"
        
    
            iconThemeStyle="inventorySearchAlpha_hubItem_iconColor"
        
    
            data-api-url="/fr/api/searchtool/filters/inventaire-certifie-spinelli"
            name="hubFilter"
            tabindex="-1"
            type="radio"
            value="Véhicules certifiés Spinelli"
    />

    <label
            class="m-radio__label"
            data-navigation-enter-press
            for="Véhicules certifiés Spinelli"
            tabindex="0"
    >
        <span class="m-radio__hover"></span>

        Véhicules certifiés Spinelli
    </label>
</div>

</div>
    <div class="o-inventorySearchAlpha__hubItem p-home__promoBanner"
             data-theme-style="inventorySearchAlpha_hubItem_fontColor inventorySearchAlpha_hubItem_bgColor"
             data-inventory-search-alpha-hub-item
        >
            

<div
        class="m-radio__container"
        data-theme-style="radio"
>
    <input
            class="m-radio o-inventorySearchAlpha__radio"
            id="Inventaire d’occasion certifié Volkswagen"
            
            data-listing-url="/fr/inventaire-certifie"
        
    
            iconThemeStyle="inventorySearchAlpha_hubItem_iconColor"
        
    
            data-api-url="/fr/api/searchtool/filters/inventaire-certifie"
            name="hubFilter"
            tabindex="-1"
            type="radio"
            value="Inventaire d’occasion certifié Volkswagen"
    />

    <label
            class="m-radio__label"
            data-navigation-enter-press
            for="Inventaire d’occasion certifié Volkswagen"
            tabindex="0"
    >
        <span class="m-radio__hover"></span>

        Inventaire d’occasion certifié Volkswagen
    </label>
</div>

</div>
    <div class="o-inventorySearchAlpha__hubItem p-home__promoBanner"
             data-theme-style="inventorySearchAlpha_hubItem_fontColor inventorySearchAlpha_hubItem_bgColor"
             data-inventory-search-alpha-hub-item
        >
            

<div
        class="m-radio__container"
        data-theme-style="radio"
>
    <input
            class="m-radio o-inventorySearchAlpha__radio"
            id="Les meilleures offres"
            
            data-listing-url="/fr/inventaire-les-meilleures-offres"
        
    
            iconThemeStyle="inventorySearchAlpha_hubItem_iconColor"
        
    
            data-api-url="/fr/api/searchtool/filters/inventaire-les-meilleures-offres"
            name="hubFilter"
            tabindex="-1"
            type="radio"
            value="Les meilleures offres"
    />

    <label
            class="m-radio__label"
            data-navigation-enter-press
            for="Les meilleures offres"
            tabindex="0"
    >
        <span class="m-radio__hover"></span>

        Les meilleures offres
    </label>
</div>

</div>
    <div class="o-inventorySearchAlpha__hubItem p-home__promoBanner"
             data-theme-style="inventorySearchAlpha_hubItem_fontColor inventorySearchAlpha_hubItem_bgColor"
             data-inventory-search-alpha-hub-item
        >
            

<div
        class="m-radio__container"
        data-theme-style="radio"
>
    <input
            class="m-radio o-inventorySearchAlpha__radio"
            id="Véhicules hybrides et électriques neufs"
            
            data-listing-url="/fr/inventaire-hybride-electrique"
        
    
            iconThemeStyle="inventorySearchAlpha_hubItem_iconColor"
        
    
            data-api-url="/fr/api/searchtool/filters/inventaire-hybride-electrique"
            name="hubFilter"
            tabindex="-1"
            type="radio"
            value="Véhicules hybrides et électriques neufs"
    />

    <label
            class="m-radio__label"
            data-navigation-enter-press
            for="Véhicules hybrides et électriques neufs"
            tabindex="0"
    >
        <span class="m-radio__hover"></span>

        Véhicules hybrides et électriques neufs
    </label>
</div>

</div>
    
</div>
            <div class="o-inventorySearchAlpha__searchWrapper">
                

<label
        class="m-search o-inventorySearchAlpha__search"
        
        data-search-inventory-alpha-with-hubs
        for="searchFilter"
>
    <span class="m-search__labelText">
        Rechercher des véhicules
    </span>

    <input
            data-tagging-page="search"
            data-tagging-precision="search"
            data-tagging-event="search"
            data-tagging-scope="search"
            data-tagging-specificity="search"
            id="searchFilter"
            data-js='form-text' data-search-input data-search-param='text''
            name="searchFilter"
            placeholder="(Ex: Marque, Modèle, Année ...)"
            type="search"
            value=""
    />

    
        <svg
                aria-hidden="true"
                class="i-icon i-search "
                
                height="24"
                role="img"
                title="Rechercher"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m24.629 25.713 -5.45 -5.588a10.171 10.171 0 0 1 -7.074 2.868A10.514 10.514 0 0 1 1.714 12.357 10.514 10.514 0 0 1 12.101 1.714a10.502 10.502 0 0 1 10.4 10.602v0.039a10.742 10.742 0 0 1 -2.286 6.617L25.713 24.605zM12.102 3.291a8.971 8.971 0 0 0 -8.857 9.062 8.982 8.982 0 0 0 8.857 9.074 8.971 8.971 0 0 0 8.845 -9.075 8.971 8.971 0 0 0 -8.845 -9.061" transform="translate(-1.5 -1.5)" stroke-width="0"/>
                

        </svg>
    

    <button
            data-search-submit data-search-url='/fr/inventaire-neuf'
            class="m-search__submit -disabled"
            type="button"
    ></button>
</label>

</div>

            <div class="o-inventorySearchAlpha__ctas">
                    </div>
            
</div>

</div>

</section>

    
<section class="l-fullWidth   o-bestDealsAlpha -lightMode s-bestDeals -bgFullWidth"
              
              
              data-theme-style="bestDeals"
              >
    

<div class="l-container -defaultMarginBottom  o-bestDealsAlpha__container "
              
              
              >
    

<div class="l-row  "
              
              
              >
    

    <p
            class="a-typography -heading2   o-bestDealsAlpha__title"
            
            
    >
        Véhicules d'occasion en vedette
    </p>


    <div
            class="o-carousel o-bestDealsAlpha__carousel -primary"
            data-theme-style="carousel"
            
            
            x-carousel
            x-init
    >
        <div
                class="o-carousel__main splide o-bestDealsAlpha__carouselWrapper"
                data-carousel
                data-splide='{
        &#034;type&#034;: &#034;slide&#034;,
        &#034;perPage&#034;: &#034;1&#034;,
        &#034;perMove&#034;: &#034;1&#034;,
        &#034;gap&#034;: &#034;20px&#034;,
        &#034;arrows&#034;: &#034;false&#034;,
        &#034;breakpoints&#034;: {
            &#034;768&#034;: {
                &#034;perPage&#034;: &#034;2&#034;,
                &#034;perMove&#034;: &#034;2&#034;
            },
            &#034;1024&#034;: {
                &#034;perPage&#034;: &#034;3&#034;,
                &#034;perMove&#034;: &#034;3&#034;,
                &#034;arrows&#034;: &#034;true&#034;
            }
        }
    }'
        >
            <div class="o-carousel__mainTrack splide__track">
                <ul class="o-carousel__mainList splide__list ">
                    

<li class="o-carouselSlide splide__slide o-bestDealsAlpha__carouselSlide" data-carousel-slide  >
    

<article
    class="o-vehicleCardAlpha -lightMode o-vehicleCardTile"
    data-theme-style="vehicleCardAlpha"
    color=""
    
        useTooltipCssColorVariables="true"
    
        displayDealer=""
>
    <div class="o-vehicleCardAlpha__medias">
        <a
            class="o-vehicleCardAlpha__linkOverImage"
            href="/fr/inventaire-occasion/volkswagen/id.4/volkswagen-id.4-2025-id37843382"
            title="ID.4"
            
            
        >
            
                
<a
        
        class="m-overlay group o-vehicleCardAlpha__imageOverlay"
        data-overlay
        
        
        href="/fr/inventaire-occasion/volkswagen/id.4/volkswagen-id.4-2025-id37843382"
        title="ID.4"
>
    
    
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 460 350'%2F%3E"
                     alt="ID.4"
                     class="a-image__img lazyload o-vehicleCardAlpha__image  "
                     x-data x-lazy-image loading="lazy"
                     height="350"
                     width="460"
                     data-src="https://img.sm360.ca/ir/w400h300c/images/inventory/campbell-et-cameron/volkswagen/id-4/2025/37843382/37843382_05753_2025-volkswagen-id-4_031.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
    <div
            aria-labelledby="overlayTitle"
            class="m-overlay__container"
            role="dialog"
    >

        
        <svg
                aria-hidden="false"
                class="i-icon i-viewMore "
                
                height="24"
                role="img"
                title="Voir plus"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M12.717 11.138V0h-1.738v11.138H0v1.751h10.98v11.111h1.738V12.889h10.98v-1.751z" stroke-width="0"/>
                

        </svg>
    

    </div>
</a>

                
        </a>

        <div class="o-vehicleCardAlpha__mediasTopContent">
            

    <div
            class="m-viewCount o-vehicleCardAlpha__viewCount   group"
            
            x-init=""
            x-tooltip-target="view-count-37843382"
    >
        

        <svg
                aria-hidden="false"
                class="i-icon i-view "
                
                height="24"
                role="img"
                title="Nombre de personnes qui ont récemment vu ce véhicule"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m16.453 12 .001-.082c0-.679-.152-1.322-.423-1.898l.011.027a4.25 4.25 0 0 0-2.132-2.046l-.027-.011a.36.36 0 0 0-.204-.103h-.002a.6.6 0 0 0-.346-.106q-.034 0-.068.004h.003c-.103 0-.308-.103-.411-.103l-.065.003a.6.6 0 0 1-.348-.108l.002.001h-.822l-.065-.003a.6.6 0 0 0-.348.108l.002-.001c-.103 0-.308.103-.411.103s-.308.103-.411.103a.36.36 0 0 0-.206.103 4.67 4.67 0 0 0-2.147 2.031l-.012.025a4.1 4.1 0 0 0-.414 1.811q0 .075.003.149V12l-.001.082c0 .679.152 1.322.423 1.898l-.011-.027a4.25 4.25 0 0 0 2.132 2.046l.027.011a.36.36 0 0 0 .204.103h.002a.6.6 0 0 0 .346.106q.034 0 .068-.004H10.8c.103 0 .308.103.411.103l.065-.003c.129 0 .249.04.348.108l-.002-.001h.822l.065.003c.129 0 .249-.04.348-.108l-.002.001c.103 0 .308-.103.411-.103s.308-.103.411-.103a.36.36 0 0 0 .206-.103 4.67 4.67 0 0 0 2.147-2.031l.012-.025a4.4 4.4 0 0 0 .412-1.871l-.001-.087v.004zm-3.598 2.981c-.195.07-.42.11-.654.11q-.089 0-.176-.008l.008.001a2 2 0 0 1-.168.007q-.353-.002-.668-.114l.014.004a3 3 0 0 1-2.156-2.346l-.003-.018.003-.047a.37.37 0 0 0-.106-.262v-.616l-.003-.047c0-.102.04-.194.106-.262a3.32 3.32 0 0 1 2.136-2.358l.023-.007c.195-.07.42-.11.654-.11q.089 0 .176.008l-.008-.001a2 2 0 0 1 .168-.007q.353.001.668.114l-.014-.004a3 3 0 0 1 2.156 2.346l.003.018-.003.047c0 .102.04.194.106.262v.617q.003.021.003.047c0 .102-.04.194-.106.262a3 3 0 0 1-2.138 2.36l-.021.005z" stroke-width="0"/>
                    <path d="M23.855 11.589c-.411-.617-1.028-1.234-1.542-1.851l-.925-.925c-.206-.206-.411-.308-.617-.514-.206-.103-.308-.308-.514-.411l-.206-.206c-.308-.206-.617-.514-.925-.72-1.028-.411-1.953-.822-2.981-1.131a2.3 2.3 0 0 0-.398-.101l-.013-.002c-.103 0-.206-.103-.411-.103a6.7 6.7 0 0 0-1.426-.205h-.321a7.6 7.6 0 0 0-1.286-.107q-.135 0-.269.005h.013a8 8 0 0 0-.256-.004 8 8 0 0 0-1.332.114l.046-.007h-.308a3.4 3.4 0 0 0-1.463.109l.024-.006c-.103 0-.206.103-.411.103a1.5 1.5 0 0 1-.401.203l-.01.003a14.3 14.3 0 0 0-2.948 1.27l.07-.037c-.4.206-.736.411-1.057.636l.029-.019c-.103.103-.206.206-.308.206a1.03 1.03 0 0 1-.507.409l-.007.002a2.7 2.7 0 0 1-.605.507l-.012.007a2.7 2.7 0 0 0-.507.605l-.007.012a1.4 1.4 0 0 0-.41.307l-.001.001-1.547 1.85a.6.6 0 0 0-.106.346q0 .034.004.068L.003 12 0 12.065c0 .129.04.249.108.348l-.001-.002c.411.617 1.028 1.234 1.542 1.851l.925.925c.206.206.411.308.617.514.206.103.308.308.514.411.103 0 .206.103.308.206.308.206.617.514.925.72 1.028.411 1.953.822 2.981 1.131.117.042.255.078.398.101l.013.002c.103 0 .206.103.411.103a6.7 6.7 0 0 0 1.426.205h.321c.387.068.832.107 1.286.107q.135 0 .269-.005h-.013a7.8 7.8 0 0 0 1.588-.11l-.046.007h.308c.514-.103.925-.103 1.439-.206.103 0 .206-.103.411-.103q.227-.012.418-.106l-.006.003a10.5 10.5 0 0 0 2.916-1.36l-.037.024c.348-.219.651-.456.927-.721l-.002.002c.103-.103.206-.103.308-.206.206-.103.308-.308.514-.411.206-.206.411-.308.617-.514l.925-.925 1.542-1.851a.6.6 0 0 0 .106-.346q0-.034-.004-.068v.003c.103.103 0-.103-.103-.206zm-9.356 5.654c-.206 0-.308.103-.514.103s-.514.103-.822.103c-.411 0-.72.103-1.131.103a4 4 0 0 1-.187.004 4.2 4.2 0 0 1-.972-.113l.029.006c-.04.003-.088.004-.135.004a2.3 2.3 0 0 1-.703-.111l.016.005c-.206 0-.308-.103-.514-.103a12 12 0 0 1-3.957-1.571l.05.029a12.7 12.7 0 0 1-3.475-3.057l-.021-.027-.206-.308-.103-.103-.308-.206.206-.308.103-.103.206-.308a14.4 14.4 0 0 1 3.437-3.05l.058-.035a20 20 0 0 1 3.865-1.408l.144-.031c.206 0 .308-.103.514-.103s.514-.103.822-.103c.411 0 .72-.103 1.131-.103a4.2 4.2 0 0 1 1.159.109l-.029-.006c.04-.003.088-.004.135-.004a2.3 2.3 0 0 1 .703.111l-.016-.005c.206 0 .308.103.514.103 1.476.304 2.784.839 3.957 1.571l-.05-.029a12.7 12.7 0 0 1 3.475 3.057l.021.027.206.308.103.103.206.308-.103.206-.103.103-.206.308a14.4 14.4 0 0 1-3.437 3.05l-.058.035a20 20 0 0 1-3.865 1.408z" stroke-width="0"/>
                

        </svg>
    

        <span class="m-viewCount__count">
            19
        </span>
    </div>


<div
        class="m-rebateBanner o-vehicleCardAlpha__rebateBanner  "
        
>
    
        
            <span class="m-rebateBanner__iconContainer">
                

        <svg
                aria-hidden="true"
                class="i-icon i-rebateElectric "
                
                height="24"
                role="img"
                title="Rabais sur un vÉhicule Électrique"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m11.49936,18.49316v-1.50452c-1.03149-.07147-2.00433-.5061-2.74591-1.22687l.85687-1.10724c.63745.57111,1.46173.8891,2.31744.89404,1.03162,0,1.50769-.50061,1.50769-1.32001,0-1.77454-4.30334-1.82001-4.30334-4.50592-.02997-1.37189,1.00208-2.53503,2.36725-2.66803v-1.54779h1.28534v1.51532c.89996.10187,1.72803.54102,2.31744,1.229l-.96832.97089c-.48633-.50238-1.15802-.78229-1.85712-.77386-.06879-.00989-.13837-.01355-.20789-.01105-.64459.02325-1.14832.56488-1.12506,1.20978,0,1.62354,4.30121,1.6084,4.30121,4.44586.04889,1.44434-1.02411,2.68182-2.46027,2.83746v1.56293h-1.28534Zm12.50061-6.49316c0,6.62695-5.37305,12-12,12S.00003,18.62695.00003,11.99999,5.37308,0,11.99997,0C14.35422,0,16.50882.66064,18.36185,1.83215l.09863-.08167c1.22858-.8678,2.27356-.39417,2.68988.0351l1.23975,1.27826c.23883-.22906.61768-.22308.8479.01428.23071.23798.22449.61792-.0141.84857l-.42749.41376c-.00085.00079-.0011.00201-.00201.00275-.00079.00085-.00195.00104-.00281.00189l-.08099.07831.52563.54199c.23071.23785.22443.6178-.01416.84857-.23859.23071-.61902.22485-.84979-.01306l-.52545-.54175-.84595.81866.52521.5415c.23083.23792.22449.61786-.01404.84857s-.61908.22485-.84979-.013l-.52502-.54144-.51343.4967c-.23853.23077-.61902.22485-.84979-.013-.23041-.23743-.22412-.61597.01282-.84692l-1.24048-1.27881c-.40002-.41248-.80975-1.40698-.03717-2.54718l.00702-.01178c-1.61438-.96112-3.50073-1.51324-5.51624-1.51324-5.96088.00781-10.79291,4.83984-10.80072,10.80078,0,5.96484,4.83594,10.79883,10.80072,10.79883s10.79883-4.83594,10.79883-10.80078c0,0,.01105-.69904.59949-.69904.58838,0,.60168.70099.60168.70099Zm-5.59027-7.56366l1.23999,1.27832,1.87695-1.81598-1.23047-1.26843c-.09229-.08685-.59778-.47583-1.46606.36389-.86829.83984-.49506,1.35675-.42041,1.4422Z" stroke-width="0"/>
                

        </svg>
    

            </span>
        

    <span
            class="a-typography    m-rebateBanner__text"
            
            
    >
        Rabais jusqu'à 12 053 $
    </span>


</div>


<a
        class="m-compareButton o-vehicleCardAlpha__compare  "
        data-id="37843382"
        data-tagging-precision="compare"
        data-tagging-scope="vehicle-card"
        data-theme-style="compareButton"
        data-type="used"
        data-comparetool-type="used"
    
        data-comparetool-trigger=""
    
        data-comparetool-trimId="37843382"
        href="#"
        role="button"
        x-data
        x-compare
>
    

        <svg
                aria-hidden="false"
                class="i-icon i-addCar "
                
                height="24"
                role="img"
                title="Comparer les véhicules sélectionnés"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M23.93274,12.96469c-.18945-.5151-.52288-.93985-.95132-1.23737-.55554-1.23409-.94426-1.75719-1.87525-2.28988h.01858c.62064,0,1.22284-.07878,1.79723-.22684.05336-.14401.11477-.33432.11477-.53908,0-.1356-.02695-.26495-.07581-.38291-.10793-.17092-1.10132-.3821-1.48523-.43969-.37432.00162-.68705.26342-.76682.61381-.64867-1.32178-1.40874-2.46534-2.29776-3.49437-.08373-.06794-.20624-.13443-.34121-.17011-1.51362-.20966-3.26888-.33653-5.05077-.3516l-.0184.75809c1.54047.03838,3.95916.1392,4.78456.26877.15279.02286.29037.1051.38282.22882.70532.9843,1.3202,2.10749,1.79251,3.30257-1.99371-.18145-4.41285-.38323-6.8651-.4531l-.09484,10.34925c2.80741-.00963,5.6244-.0624,7.47202-.23035v1.78045c.00427.21294.17794.38395.39151.38395.00238,0,.00477-.00005.00715-.00009h2.73029l.00679.00009c.10249,0,.20084-.04018.27404-.11189.0732-.07171.11535-.16925.11747-.2717v-7.1413c-.01161-.12156-.03527-.24164-.07059-.35853l.00333.013ZM22.10433,13.74689c-.3503.0768-3.85362.53269-4.07434.52311-.35763-.02029-.68386-.13943-.95614-.33028-.00315-.04351-.00832-.09808-.00832-.15382,0-.15315.03905-.29721.10771-.42273.04719-.06506.10969-.11742.18199-.15252.68431-.23643,3.95723-.94665,4.22119-.95146.4127-.0144.76304.03838.84465.23993.08161.20156.03838,1.17092-.31673,1.24772v.00004ZM11.92086,23.0377h-.00148c-.07028,0-.13776-.02767-.18779-.07702-.05003-.04935-.0786-.11648-.0795-.18676V1.22626c.0009-.0703.02947-.13742.0795-.18683.05003-.0494.11747-.07711.18779-.07713h.00153-.00009.00148c.07028-.00002.13776.02766.18779.07703.05003.04937.0786.11647.0795.18675v21.54766c-.0009.07032-.02947.13745-.0795.18685-.05003.0494-.11747.07711-.18779.07711h-.00153.00009ZM6.21967,5.531c.59986-.34553,3.05216-.4751,4.62142-.51348v-.56148c-1.86202.02403-4.69341.14397-5.17814.68628-.8734.98381-1.74203,2.70663-2.33231,3.81519-.03038-.03154-.0674-.05588-.10838-.07131-.09799-.04387-.2084-.09187-.31876-.15423,0-.24956.16799-.88298-.60949-.82063-.35992.02879-1.38688.31196-1.49247.54232-.10312.163-.16431.36136-.16431.57408,0,.12611.02151.24718.06105.3597.15121.40033,1.35102.09799,1.70132.07396.03763-.00274.07534-.00405.11306-.004.17924,0,.35165.02956.51249.08409-.01602.00148-.01602.0063-.02083.01107-1.44001.64156-2.51803,1.87363-2.93783,3.38014-.04549.36393-.0665.7432-.0665,1.12733,0,.31376.01399.62433.04135.93099l-.00288,5.07133c-.00112.01341-.00175.02897-.00175.04468,0,.29073.22041.52999.50322.55977l2.55551.00023c.28528-.03005.50565-.26927.50565-.56,0-.0157-.00064-.03127-.00193-.0467l.00013-1.33689c1.70366.09115,4.65499.19674,7.24167.22072v-9.95788c-2.24116.04796-5.46603.20637-6.93452.29752.45107-.85905,1.75643-3.43125,2.3131-3.75279h.00014ZM4.84237,13.38697l.00009.01678c0,.85212-.69074,1.54286-1.54286,1.54286s-1.5429-.69074-1.5429-1.54286c0-.85122.68934-1.54146,1.54025-1.54286h.00976c.84474,0,1.53022.6821,1.53566,1.52558v.00049Z" />
                

        </svg>
    

    <span
            class="a-typography    m-compareButton__label -add"
            
            
    >
        Comparer
    </span>


    <span
            class="a-typography    m-compareButton__label -remove"
            
            
    >
        Retirer
    </span>


</a>


        </div>

        
    </div>

    
    <div class="o-vehicleCardAlpha__contentWrapper">
        

    <div class="o-vehicleCardTags ">
        <div class="o-vehicleCardTags__count">
            
                
    <div class="m-tag " >
        Démo
    </div>


        </div>

        
    </div>


        <div class="o-vehicleCardAlpha__titleVinWrapper">
            <div class="o-vehicleCardAlpha__vehicleTitle">
                

<a class="m-vehicleTitle o-vehicleCardAlpha__titleWrapper " href="/fr/inventaire-occasion/volkswagen/id.4/volkswagen-id.4-2025-id37843382" title="ID.4" >
    

    <p
            class="a-typography -subheading2   "
            
            
    >
        Volkswagen   2025
    </p>


    <p
            class="a-typography -subheading1   o-vehicleCardAlpha__titleModel "
            
            
    >
        ID.4
    </p>


    <p
            class="a-typography -body2   o-vehicleCardAlpha__trim"
            
            
    >
        Pro S
    </p>


</a>


                <div class="o-vehicleCardAlpha__vehicleInfos">
                    
                        
    <div
            class="a-typography -fineprint   "
            
            
    >
        VIN 1V2ASPE86SC003474
    </div>


    <div
            class="a-typography -fineprint   "
            
            
    >
        # stock DEMO-25216
    </div>


                </div>
            </div>

            
    <div
            class="a-typography    o-vehicleCardAlpha__tagline "
            
            
    >
        VOLKSWAGEN ID 4 PRO S AWD 2025 LIQUIDATION TOIT SUIR CARPLAY
    </div>


        </div>

        
<div
        class="m-vehicleSpecs o-vehicleCardAlpha__specs "
        
>
    
        <span class="m-vehicleSpecs__spec">
            

        <svg
                aria-hidden="false"
                class="i-icon i-specsDrivetrain "
                
                height="24"
                role="img"
                title="Transmission"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M22.507 21.026h-5.552a1.5 1.5 0 0 1-1.5-1.421v-2.242a1.504 1.504 0 0 1 1.501-1.422h2.139v-2.756a2.34 2.34 0 0 1-2-1.963H4.973v4.718h2.101a1.5 1.5 0 0 1 1.497 1.418v2.248a1.505 1.505 0 0 1-1.497 1.42H1.51a1.5 1.5 0 0 1-1.501-1.42v-2.244a1.504 1.504 0 0 1 1.502-1.422h2.096V5.136H1.511a1.505 1.505 0 0 1-1.502-1.42V1.474A1.505 1.505 0 0 1 1.511.051h5.563A1.5 1.5 0 0 1 8.57 1.47v2.247a1.506 1.506 0 0 1-1.502 1.422H4.973v4.719h12.121a2.334 2.334 0 0 1 2-1.963V5.136h-2.139a1.504 1.504 0 0 1-1.501-1.422v-2.24A1.505 1.505 0 0 1 16.957.051h5.552a1.5 1.5 0 0 1 1.497 1.419v2.247a1.505 1.505 0 0 1-1.503 1.422h-2.041v2.776a2.365 2.365 0 0 1 1.974 2.63 2.413 2.413 0 0 1-1.974 2.622v2.776h2.049a1.5 1.5 0 0 1 1.496 1.418v2.248a1.504 1.504 0 0 1-1.5 1.417m-5.69-3.717v2.347h5.823v-2.347Zm-15.445 0v2.347h5.835V17.31Zm18.359-8.107c-.937 0-1.337.399-1.337 1.337s.4 1.337 1.337 1.337 1.337-.399 1.337-1.337c.002-.984-.349-1.337-1.337-1.337m-2.914-7.781v2.348h5.823V1.42Zm-15.445 0v2.348h5.835V1.42Z" stroke-width="0"/>
                

        </svg>
    

    <div
            class="a-typography -fineprint   m-vehicleSpecs__specText"
            
            
    >
        4 roues motrices
    </div>


        </span>
    

        <span class="m-vehicleSpecs__spec">
            

        <svg
                aria-hidden="false"
                class="i-icon i-specsManual "
                
                height="24"
                role="img"
                title="Type de transmission"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m3.07192,19.83159c-.14752.00814-.29142-.04756-.39496-.15291-.10647-.10119-.16773-.24093-.16998-.38776-.00643-.14865.04894-.29334.15298-.39975.11108-.11449.26549-.17658.42496-.17089h17.85716c.14259.00007.27965.0551.38268.15362.22105.21139.22878.56186.01728.7828-.11158.11375-.26565.17571-.42496.17089H3.07192m1.99979-4.28534c-.14634.00122-.28763-.05347-.39496-.15291-.22106-.21116-.22912-.56142-.018-.78252.11134-.11422.26548-.17657.42496-.17189h5.7674l3.19467-8.24989-.32797-.22286c-.88635-.60173-1.42086-1.59986-1.4302-2.67075C12.2719,1.48941,13.72074.01584,15.52369.00013c1.80296-.01571,3.27729,1.43238,3.29301,3.2344s-1.43312,3.27559-3.23607,3.29131l-.47395-.01299-3.06768,7.92209h6.89229c.01437-.00092.02877-.00126.04316-.00101.29429.00502.5288.24753.52378.54168.00537.14848-.04985.29276-.15298.39975-.11141.11412-.2655.17645-.42496.17189H5.07172M13.32286,3.24986c0,1.24187,1.00726,2.24861,2.24977,2.24861.00067,0,.00133,0,.002,0,1.24306-.00055,2.25032-1.00818,2.24977-2.2506-.00055-1.24242-1.0087-2.24916-2.25177-2.24861-1.24306.00055-2.25032,1.00818-2.24977,2.2506m10.50392,19.78874c-.10304-.0986-.24031-.15341-.38296-.15291H.58418c-.16182-.00516-.31843.05753-.43196.17289-.21089.2236-.20151.57545.021.78751.10371.10633.24867.16217.39696.15291h22.84564c.16178.00491.31829-.05773.43195-.17289.21089-.2236.20151-.57545-.021-.78751" stroke-width="0" />
                

        </svg>
    

    <div
            class="a-typography -fineprint   m-vehicleSpecs__specText"
            
            
    >
        Automatique
    </div>


        </span>
    

        <span class="m-vehicleSpecs__spec">
            

        <svg
                aria-hidden="false"
                class="i-icon i-specsFuelType "
                
                height="24"
                role="img"
                title="Type de carburant"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M16.292 24.221h-16V2.397A2.176 2.176 0 0 1 2.468.221h11.648a2.176 2.176 0 0 1 2.176 2.176v9.263h1.239a2.19 2.19 0 0 1 2.176 2.189v5.635a1.04 1.04 0 0 0 1.041.954h.055a.848.848 0 0 0 .841-.952V11.67h1.524v7.815a2.37 2.37 0 0 1-2.259 2.473h-.178a2.543 2.543 0 0 1-2.552-2.479v-5.626a.653.653 0 0 0-.64-.666H16.29zM1.828 2.397v20.302h12.944l-.008-20.302a.653.653 0 0 0-.65-.65H2.469a.653.653 0 0 0-.64.65m11.498 8.106H3.317V3.642h10.011zM4.841 8.976h6.964V5.167H4.841zm16.45 1.521c-1.047-.047-2.176-.729-2.176-1.745v-1.41a2.3 2.3 0 0 1 2.156-1.929h.393a4.1 4.1 0 0 0-.498-1.947l-.009-.015-.007-.009a13 13 0 0 0-.283-.423l1.252-.866c.218.312.344.505.352.526a5.7 5.7 0 0 1 .715 2.872v4.184a.763.763 0 0 1-.762.762zm-.651-3.1v1.36a1.6 1.6 0 0 0 .687.222h.334V6.938h-.369a.96.96 0 0 0-.653.458Z" stroke-width="0"/>
                

        </svg>
    

    <div
            class="a-typography -fineprint   m-vehicleSpecs__specText"
            
            
    >
        Électrique
    </div>


        </span>
    

        <span class="m-vehicleSpecs__spec">
            

        <svg
                aria-hidden="false"
                class="i-icon i-specsOdometer "
                
                height="24"
                role="img"
                title="Kilométrage"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M10.331 10.518a2.53 2.53 0 0 0-.753 1.88 2.496 2.496 0 0 0 2.563 2.573h.167a2.485 2.485 0 0 0 2.396-2.573 2.8 2.8 0 0 0-.206-1.078l4.354-3.89-.985-1.114-4.338 3.881a2.7 2.7 0 0 0-1.389-.371 2.6 2.6 0 0 0-1.81.692m2.891 1.879a1 1 0 0 1 0 .136 1.081 1.081 0 0 1-2.156-.136 1.003 1.003 0 0 1 1.075-1.089 1.003 1.003 0 0 1 1.078 1.089ZM12.14.344h-.534A11.76 11.76 0 0 0 .144 12.399a13 13 0 0 0 2.555 8.004h18.882a13 13 0 0 0 2.555-8.004q.007-.267 0-.534A11.76 11.76 0 0 0 12.14.344m8.496 18.578H3.644a10.85 10.85 0 0 1-2.018-6.523q-.013-.351 0-.703A10.196 10.196 0 0 1 12.14 1.827q.351-.011.703 0a10.196 10.196 0 0 1 9.806 10.57 10.85 10.85 0 0 1-2.014 6.526ZM8.175 14.224h5.78v1.49h-5.78zM5.971 9.259l-1.312-.617a8 8 0 0 0-.431 1.13l1.387.419a7 7 0 0 1 .356-.932ZM12.422 5.478l.098-1.449a8 8 0 0 0-1.208.009l.117 1.449a7 7 0 0 1 .993-.009ZM14.874 4.547a8 8 0 0 0-1.158-.344l-.309 1.415a7 7 0 0 1 .949.283ZM16.974 5.735a8 8 0 0 0-1.003-.669l-.71 1.258a7 7 0 0 1 .826.557ZM6.889 5.817l.912 1.127a7 7 0 0 1 .816-.565l-.734-1.251a8 8 0 0 0-.994.689ZM5.26 7.587l1.201.81a7 7 0 0 1 .615-.78l-1.065-.975a8 8 0 0 0-.751.945ZM10.452 5.64l-.334-1.41a8 8 0 0 0-1.151.366l.539 1.344a7 7 0 0 1 .946-.3ZM5.401 11.16l-1.433-.209a8 8 0 0 0-.085 1.205l1.449-.006a7 7 0 0 1 .069-.991ZM5.408 13.137l-1.431.223a8 8 0 0 0 .275 1.178l1.382-.433a7 7 0 0 1-.226-.967ZM4.699 15.658a8 8 0 0 0 .61 1.045l1.192-.821a7 7 0 0 1-.499-.857Z" stroke-width="0"/>
                

        </svg>
    

    <div
            class="a-typography -fineprint   m-vehicleSpecs__specText"
            
            
    >
        12500 km
    </div>


        </span>
    
</div>


        <div class="o-vehicleCardAlpha__category">
            

            <a class="carfax "
               href="/fr/formulaire/demande-de-carfax-occasion/27?desired_make=Volkswagen&desired_model=ID.4&desired_year=2025&carId=37843382&stocknumber=DEMO-25216&desired=inventory"
               data-gtmsm360="ux__body-carfax"
               data-carfax-version="form"
            >
                <img src="https://img.sm360.ca/ir/w75h23/images/manufacturer/carproof/carproof-color-128.png" alt="Carfax Logo" class="carfax__image"  />

            </a>
        
    
            <span class="cargurus " data-cg-vin='1V2ASPE86SC003474' data-cg-price='73643'></span>
        </div>

        
<div class="m-tripleMathBox ">
    

<div class="m-tabs "
     data-theme-style="tabs"
     x-data="{ activeTabIndex: 0 }"
     
>
    <nav class="m-tabs__links"
         role="tablist"
         aria-label="Tabs"
    >
        
                
<button  
    class="m-tabLink m-tripleMathBox__tabLink "
    :class="activeTabIndex === 0 && '-active after:block'"
    role="tab"
    id="tab-0-37843382"
    tabindex="0"
    aria-controls="panel-0-37843382"
    @click="activeTabIndex = 0"
    x-bind:aria-selected="activeTabIndex === 0 ? 'true' : 'false'"
    
    
    data-tagging-event=""
    data-tagging-precision=""
    data-tagging-specificity=":Prix d'achat"
>
    
                    Prix d'achat
                
</button>

            
<button  
    class="m-tabLink m-tripleMathBox__tabLink "
    :class="activeTabIndex === 1 && '-active after:block'"
    role="tab"
    id="tab-1-37843382"
    tabindex="0"
    aria-controls="panel-1-37843382"
    @click="activeTabIndex = 1"
    x-bind:aria-selected="activeTabIndex === 1 ? 'true' : 'false'"
    
    
    data-tagging-event=""
    data-tagging-precision=""
    data-tagging-specificity=":Financement"
>
    
                    Financement
                
</button>

            
    </nav>

    
        <div class="m-tabs__panels">
            
                
<div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-0-37843382"
     aria-labelledby="tab-0-37843382"
     x-show="activeTabIndex === 0"
     
>
    
                    
<div class="m-vehicleCash " data-theme-style="">
    <div class="m-vehicleCash__container">
        <div class="m-vehicleCash__content">
            <div class="m-vehicleCash__price">
                
                    <span class="m-vehicleCash__previousPrice">73 643 $</span>
                

    <span
            class="a-typography -heading3   m-vehicleCash__currentPrice"
            
            
    >
        61 590 $*
    </span>


            </div>

            
                <div class="m-vehicleCash__rebates">
                    

                        <div class="m-vehicleCash__rebate">
                            <div class="m-vehicleCash__rebateText">
                                    Réduction de prix du concessionnaire
                            </div>

                            <div class="m-vehicleCash__rebateIconPriceWrapper">
                                
                            
<div
        class="m-rebateBanner o-vehicleCardAlpha__contentRebateBanner  "
        
>
    
        
            <span class="m-rebateBanner__iconContainer">
                

        <svg
                aria-hidden="true"
                class="i-icon i-rebateElectric "
                
                height="24"
                role="img"
                title="Rabais sur un vÉhicule Électrique"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m11.49936,18.49316v-1.50452c-1.03149-.07147-2.00433-.5061-2.74591-1.22687l.85687-1.10724c.63745.57111,1.46173.8891,2.31744.89404,1.03162,0,1.50769-.50061,1.50769-1.32001,0-1.77454-4.30334-1.82001-4.30334-4.50592-.02997-1.37189,1.00208-2.53503,2.36725-2.66803v-1.54779h1.28534v1.51532c.89996.10187,1.72803.54102,2.31744,1.229l-.96832.97089c-.48633-.50238-1.15802-.78229-1.85712-.77386-.06879-.00989-.13837-.01355-.20789-.01105-.64459.02325-1.14832.56488-1.12506,1.20978,0,1.62354,4.30121,1.6084,4.30121,4.44586.04889,1.44434-1.02411,2.68182-2.46027,2.83746v1.56293h-1.28534Zm12.50061-6.49316c0,6.62695-5.37305,12-12,12S.00003,18.62695.00003,11.99999,5.37308,0,11.99997,0C14.35422,0,16.50882.66064,18.36185,1.83215l.09863-.08167c1.22858-.8678,2.27356-.39417,2.68988.0351l1.23975,1.27826c.23883-.22906.61768-.22308.8479.01428.23071.23798.22449.61792-.0141.84857l-.42749.41376c-.00085.00079-.0011.00201-.00201.00275-.00079.00085-.00195.00104-.00281.00189l-.08099.07831.52563.54199c.23071.23785.22443.6178-.01416.84857-.23859.23071-.61902.22485-.84979-.01306l-.52545-.54175-.84595.81866.52521.5415c.23083.23792.22449.61786-.01404.84857s-.61908.22485-.84979-.013l-.52502-.54144-.51343.4967c-.23853.23077-.61902.22485-.84979-.013-.23041-.23743-.22412-.61597.01282-.84692l-1.24048-1.27881c-.40002-.41248-.80975-1.40698-.03717-2.54718l.00702-.01178c-1.61438-.96112-3.50073-1.51324-5.51624-1.51324-5.96088.00781-10.79291,4.83984-10.80072,10.80078,0,5.96484,4.83594,10.79883,10.80072,10.79883s10.79883-4.83594,10.79883-10.80078c0,0,.01105-.69904.59949-.69904.58838,0,.60168.70099.60168.70099Zm-5.59027-7.56366l1.23999,1.27832,1.87695-1.81598-1.23047-1.26843c-.09229-.08685-.59778-.47583-1.46606.36389-.86829.83984-.49506,1.35675-.42041,1.4422Z" stroke-width="0"/>
                

        </svg>
    

            </span>
        

    <span
            class="a-typography    m-rebateBanner__text"
            
            
    >
        Rabais jusqu'à 12 053 $
    </span>


</div>


                            </div>
                        </div>
                    
                </div>
            

    <span
            class="a-typography -fineprint   m-vehicleCash__disclaimer"
            
            
    >
        (TPS/TVQ), immatriculation, assurances & enregistrement non inclus.
    </span>


        </div>

        
    </div>

    
    <a
            aria-label="*Détails de l'offre"
            class="a-link -delta  group m-vehicleCash__offerLink "
            context-key="vehicleCard_offerDetail"
            
            
            x-init=""
    
        x-modal-trigger="vehicle-cash-offer-details-37843382"
            
            
            rel=nofollow
            role="button"
            href="javascript:void(0);"
            
    >
        

        *Détails de l'offre

        
    </a>


</div>


<template
        x-teleport="body"
        x-data="{ open: false }"
>
    <div
            @openmodalidvehicle-cash-offer-details-37843382.window="open=true"
            @keyup.escape.window="open = false"
            class="m-modal  -fineprint"
            data-modal
            
            x-cloak
            x-init="$watch('open', value => value ? $dispatch('modalOpened') : $dispatch('modalClosed'))"
    >
        <div
                @keyup.escape.window="open = false"
                aria-labelledby="modalTitle"
                aria-modal="true"
                class="m-modal__background"
                role="dialog"
                x-show="open"
                x-transition
        >
            <div
                    @click.away="open = false"
                    class="m-modal__surface"
            >
                

<button
        class="a-closeButtonAlpha group "
        
        
        @click.prevent='open = false'
        type="button"
>
    

        <svg
                aria-hidden="false"
                class="i-icon i-closeButton "
                
                height="24"
                role="img"
                title="Fermer la fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M24 1.333l-1.333-1.333-10.667 10.667-10.667-10.667-1.333 1.333 10.667 10.667-10.667 10.667 1.333 1.333 10.667-10.667 10.667 10.667 1.333-1.333-10.667-10.667z" stroke-width="0"/>
                

        </svg>
    

</button>


                <div class="m-modal__content">
                    Le prix de vente à l'achat au comptant est de 61 590,00 $ (plus taxes).  Le prix de vente (61 590,00 $) à l'achat au comptant inclut: Frais Inscription RDPRM (Applicable en Financement) (48,00 $) installation comprise. Plus (TPS/TVQ) et immatriculation. Le prix de vente en financement est de 61 542,00 $ (taxes en sus).  Les paiements en financement incluent: RDPRM (91,29 $) installation comprise.  L'offre de financement est basée sur un terme de 96 mois avec un taux d'intérêt de 9,47%.  Les 416 paiements à la semaine de 211,39 $ (243,04 $ taxes incluses) incluent un acompte de 0,00 $ et un échange net de 0,00 $. Les acomptes sont dus à la livraison du véhicule. Les crédits de taxes pour l'échange sont soumis à une preuve de propriété.  L’obligation totale en financement est de 101 104,64 $ (taxes comprises).  Les frais de crédit totaux en financement sont de 30 255,44 $.  Le taux annuel en pourcentage (TAP) est de 9,51%.  Offre de financement d'une periode limitée sur approbation de crédit. Les taux et les exigences peuvent varier en fonction de la solvabilité. Les paiements et conditions peuvent différer pour une utilisation commerciale. Certains client ne pourront se qualifier.  Les taxes applicables sont calculées sur le montant total avant déduction de l'acompte. Droits et autres frais environnementaux, immatriculation, assurance, enregistrement, options additionnelles et taxes applicables sont en sus.  Les véhicules d'échange dépendent de l'approbation du concessionnaire. Les crédits de taxes pour l'échange sont soumis à une preuve de propriété.
                </div>
            </div>
        </div>
    </div>
</template>


</div>

            
<div class="m-tabPanel "
     x-cloak
     role="tabpanel"
     id="panel-1-37843382"
     aria-labelledby="tab-1-37843382"
     x-show="activeTabIndex === 1"
     
>
    
                    
<div class="m-vehicleFinance " data-theme-style="">
    <div class="m-vehicleFinance__payment">
        <div class="m-vehicleFinance__paymentPriceContent">
            <div class="m-vehicleFinance__paymentPriceFrequency">
                

    <span
            class="a-typography -heading3   m-vehicleFinance__paymentPrice"
            
            
    >
        211 $*
    </span>


    <span
            class="a-typography -fineprint   m-vehicleFinance__paymentFrequency"
            
            
    >
        /semaine
    </span>


            </div>

            
    <div
            class="a-typography -body2   m-vehicleFinance__paymentTerm"
            
            
    >
        Pour 96 mois
    </div>


        </div>

        <div class="m-vehicleFinance__paymentRate">
            <div class="m-vehicleFinance__paymentAtRate">
                

    <span
            class="a-typography -fineprint   m-vehicleFinance__at"
            
            
    >
        à
    </span>


    <span
            class="a-typography -heading3   m-vehicleFinance__rate"
            
            
    >
        9.47%
    </span>


            </div>

            
    <div
            class="a-typography -body2   m-vehicleFinance__cashDown"
            
            
    >
        avec 0 $ argent comptant
    </div>


        </div>
    </div>

    
    <div
            class="a-typography -body2   m-vehicleFinance__totalCredit"
            
            
    >
        Coût total des intérêts 30 255 $
    </div>


<div
        class="m-rebateBanner o-vehicleCardAlpha__contentRebateBanner  "
        
>
    
        
            <span class="m-rebateBanner__iconContainer">
                

        <svg
                aria-hidden="true"
                class="i-icon i-rebateElectric "
                
                height="24"
                role="img"
                title="Rabais sur un vÉhicule Électrique"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m11.49936,18.49316v-1.50452c-1.03149-.07147-2.00433-.5061-2.74591-1.22687l.85687-1.10724c.63745.57111,1.46173.8891,2.31744.89404,1.03162,0,1.50769-.50061,1.50769-1.32001,0-1.77454-4.30334-1.82001-4.30334-4.50592-.02997-1.37189,1.00208-2.53503,2.36725-2.66803v-1.54779h1.28534v1.51532c.89996.10187,1.72803.54102,2.31744,1.229l-.96832.97089c-.48633-.50238-1.15802-.78229-1.85712-.77386-.06879-.00989-.13837-.01355-.20789-.01105-.64459.02325-1.14832.56488-1.12506,1.20978,0,1.62354,4.30121,1.6084,4.30121,4.44586.04889,1.44434-1.02411,2.68182-2.46027,2.83746v1.56293h-1.28534Zm12.50061-6.49316c0,6.62695-5.37305,12-12,12S.00003,18.62695.00003,11.99999,5.37308,0,11.99997,0C14.35422,0,16.50882.66064,18.36185,1.83215l.09863-.08167c1.22858-.8678,2.27356-.39417,2.68988.0351l1.23975,1.27826c.23883-.22906.61768-.22308.8479.01428.23071.23798.22449.61792-.0141.84857l-.42749.41376c-.00085.00079-.0011.00201-.00201.00275-.00079.00085-.00195.00104-.00281.00189l-.08099.07831.52563.54199c.23071.23785.22443.6178-.01416.84857-.23859.23071-.61902.22485-.84979-.01306l-.52545-.54175-.84595.81866.52521.5415c.23083.23792.22449.61786-.01404.84857s-.61908.22485-.84979-.013l-.52502-.54144-.51343.4967c-.23853.23077-.61902.22485-.84979-.013-.23041-.23743-.22412-.61597.01282-.84692l-1.24048-1.27881c-.40002-.41248-.80975-1.40698-.03717-2.54718l.00702-.01178c-1.61438-.96112-3.50073-1.51324-5.51624-1.51324-5.96088.00781-10.79291,4.83984-10.80072,10.80078,0,5.96484,4.83594,10.79883,10.80072,10.79883s10.79883-4.83594,10.79883-10.80078c0,0,.01105-.69904.59949-.69904.58838,0,.60168.70099.60168.70099Zm-5.59027-7.56366l1.23999,1.27832,1.87695-1.81598-1.23047-1.26843c-.09229-.08685-.59778-.47583-1.46606.36389-.86829.83984-.49506,1.35675-.42041,1.4422Z" stroke-width="0"/>
                

        </svg>
    

            </span>
        

    <span
            class="a-typography    m-rebateBanner__text"
            
            
    >
        Rabais jusqu'à 12 053 $
    </span>


</div>


    <div
            class="a-typography -fineprint   m-vehicleFinance__disclaimer"
            
            
    >
        (TPS/TVQ) & immatriculation non incluses.
    </div>


    <a
            aria-label="*Détails de l'offre"
            class="a-link -delta  group m-vehicleFinance__offerLink "
            context-key="vehicleCard_offerDetail"
            
            
            x-init=""
    
        x-modal-trigger="vehicle-finance-offer-details-37843382"
            
            
            rel=nofollow
            role="button"
            href="javascript:void(0);"
            
    >
        

        *Détails de l'offre

        
    </a>


</div>


<template
        x-teleport="body"
        x-data="{ open: false }"
>
    <div
            @openmodalidvehicle-finance-offer-details-37843382.window="open=true"
            @keyup.escape.window="open = false"
            class="m-modal  -fineprint"
            data-modal
            
            x-cloak
            x-init="$watch('open', value => value ? $dispatch('modalOpened') : $dispatch('modalClosed'))"
    >
        <div
                @keyup.escape.window="open = false"
                aria-labelledby="modalTitle"
                aria-modal="true"
                class="m-modal__background"
                role="dialog"
                x-show="open"
                x-transition
        >
            <div
                    @click.away="open = false"
                    class="m-modal__surface"
            >
                

<button
        class="a-closeButtonAlpha group "
        
        
        @click.prevent='open = false'
        type="button"
>
    

        <svg
                aria-hidden="false"
                class="i-icon i-closeButton "
                
                height="24"
                role="img"
                title="Fermer la fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M24 1.333l-1.333-1.333-10.667 10.667-10.667-10.667-1.333 1.333 10.667 10.667-10.667 10.667 1.333 1.333 10.667-10.667 10.667 10.667 1.333-1.333-10.667-10.667z" stroke-width="0"/>
                

        </svg>
    

</button>


                <div class="m-modal__content">
                    Le prix de vente à l'achat au comptant est de 61 590,00 $ (plus taxes).  Le prix de vente (61 590,00 $) à l'achat au comptant inclut: Frais Inscription RDPRM (Applicable en Financement) (48,00 $) installation comprise. Plus (TPS/TVQ) et immatriculation. Le prix de vente en financement est de 61 542,00 $ (taxes en sus).  Les paiements en financement incluent: RDPRM (91,29 $) installation comprise.  L'offre de financement est basée sur un terme de 96 mois avec un taux d'intérêt de 9,47%.  Les 416 paiements à la semaine de 211,39 $ (243,04 $ taxes incluses) incluent un acompte de 0,00 $ et un échange net de 0,00 $. Les acomptes sont dus à la livraison du véhicule. Les crédits de taxes pour l'échange sont soumis à une preuve de propriété.  L’obligation totale en financement est de 101 104,64 $ (taxes comprises).  Les frais de crédit totaux en financement sont de 30 255,44 $.  Le taux annuel en pourcentage (TAP) est de 9,51%.  Offre de financement d'une periode limitée sur approbation de crédit. Les taux et les exigences peuvent varier en fonction de la solvabilité. Les paiements et conditions peuvent différer pour une utilisation commerciale. Certains client ne pourront se qualifier.  Les taxes applicables sont calculées sur le montant total avant déduction de l'acompte. Droits et autres frais environnementaux, immatriculation, assurance, enregistrement, options additionnelles et taxes applicables sont en sus.  Les véhicules d'échange dépendent de l'approbation du concessionnaire. Les crédits de taxes pour l'échange sont soumis à une preuve de propriété.
                </div>
            </div>
        </div>
    </div>
</template>


</div>

            
        </div>
    
</div>


</div>

            
        <div class="o-vehicleCardAlpha__action">
            

    <a
        aria-label="Magasinez maintenant"
        class="a-button -alpha   group "
        context-key="vehicle_card_alpha_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="/fr/inventaire-occasion/volkswagen/id.4/volkswagen-id.4-2025-id37843382"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Magasinez maintenant

            
        </span>

        
    </a>


        </div>
    </div>
</article>

    
</li>

                </ul>
            </div>

            
                <div class="o-carousel__mainArrows splide__arrows ">
                    

<button
        class="a-carouselArrow splide__arrow splide__arrow--prev -left  left-4 "
        data-tagging-precision="carouselLeft"

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselLeft "
                accessibilityRole=""
                height="24"
                role="img"
                title="Montrer les images précédentes"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M0 12.06c0 1.08 7.08 7.44 7.2 7.44l1.08-1.2c-2.52-2.28-4.56-4.32-5.76-5.52H24v-1.56H2.52c1.2-1.2 3.24-3.36 5.76-5.52L7.2 4.5c-.12.12-7.2 6.48-7.2 7.56" stroke-width="0"/>
                

        </svg>
    

</button>


<button
        class="a-carouselArrow splide__arrow splide__arrow--next -right  right-4 "
        data-tagging-precision="carouselRight"

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselRight "
                accessibilityRole=""
                height="24"
                role="img"
                title="Montrer les prochaines images"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m16.8 4.5-1.08 1.2c2.52 2.28 4.56 4.32 5.76 5.52H0v1.56h21.48c-1.2 1.2-3.24 3.24-5.76 5.52l1.08 1.2c.12-.12 7.2-6.48 7.2-7.44 0-1.08-7.08-7.44-7.2-7.56" stroke-width="0"/>
                

        </svg>
    

</button>

                </div>
            
        </div>

        
    </div>


</div>

</div>

</section>

    
    <div class="o-vehicleThirdParty p-home__thirdParty">
        

            <div class="widget-wrapper widget-sr makes__volkswagen groups__210 dealer__campbell-et-cameron">
        
            
            <script type="text/javascript" charset="utf-8" src="https://widgets-cdn.sm360.ca/trade-in-360/widget-16.135.5.min.js?timestamp=1772651309356" ></script>
            <link type="text/css" rel="stylesheet" href="https://widgets-cdn.sm360.ca/trade-in-360/widget-16.135.5.min.css?timestamp=1772651309356" />
        
            <div id="standalone.tradein.responsive"><div class="instant-estimate__showroom" style="background-color:#21232e"><div class="new-instant-estimate__wrapper instant-estimate__wrapper"><div class="instant-estimate__image-section" style="background-color:#f8273f"><img src="https://img.sm360.ca/images/web/sm360-plateform/4567/tradein-teaser-icon1763408720575.png" alt="INSTANT_ESTIMATE"/></div><div class="instant-estimate__content"><div class="instant-estimate__text-content squareImg"><img src="https://img.sm360.ca/ir/w200/images/var/images/widget/showroom/asset/CBB-square-2022.png" alt="Black Book" class="teaser-cbb__image square"/><div class="CBBAutoComplete"><div class="InputAutoComplete " data-test="trade-in.instant-estimate-autocomplete.cbb-auto-complete"><p class="auto-complete-text">Entrez votre année, marque, modèle, NIV ...</p><div class="InputAutoComplete--input" data-placeholder=""><icon class="icon-review"></icon><input type="text" id="vehicleInformations" name="vehicleInformations" aria-label="Vehicles" class="input-control required" value="" autoComplete="off" required="" placeholder=""/></div><p class="cant-find-vehicle-link"><a>Impossible de trouver votre véhicule?</a></p></div></div></div></div><div role="img" class="instant-estimate__pattern" style="background-image:url(https://img.sm360.ca/images/widget)" aria-label="Instant Estimate"></div></div></div></div>
            
                <script type="text/javascript">
                  'use strict';
                  (function(){
                    function renderWidgetTradeIn360_nmb80454j9q() {
                      var props = {"location":"standalone.tradein.responsive","locale":"fr","organizationUnitLocation":"QC","websiteId":4859,"organizationUnitId":1434,"organizationId":210,"isShowroomV2Enabled":false,"loadCommons":false,"isModal":null,"deferScripts":false,"dealerMake":"volkswagen","organizationUnitName":"Spinelli Volkswagen Lachine","organizationUnitPhone":"1 514 762-9777","websiteDomain":"www.spinellivw.com","websiteLogo":"https://img.sm360.ca/images/web/spinelli/4859/logo-spinelli-volkswagen-lachine1770650092924.svg","websiteFacebookPageUrl":"https://www.facebook.com/SpinelliVWLachine/","websiteYoutubeUrl":"https://www.youtube.com/@spinellivolkswagen","websiteInstagramClientId":"https://www.instagram.com/spinelli.volks/","configs":{"endpoint":{"widget":"https://widget.sm360.ca","account":"https://account.sm360.ca/api","showroom":"https://api.showroom360.ca","graphql":"https://webauto-supplier-api.sm360.ca/webauto/graphql"},"source":{"image":"https://img.sm360.ca","widget":"https://s3.amazonaws.com/widgets-cdn/catalog"},"secureCookies":true,"sentry":{"url":"https://3af74c00e86c4c828216e2111e0a86d1@sentry.io/216050","sentryLevel":"WARNING","consoleLevel":"ERROR","whitelistUrls":["^.*(widgets-cdn.sm360.ca).*$"],"includePaths":["^.*(widgets-cdn.sm360.ca).*$"]}},"contentZones":{"widget.tradein":[{"contentZoneId":2133682,"contentZoneDefinitionId":37182,"name":"Échange - Image de fond","description":"Échange - Image de fond","location":"widget.tradein.background.img","locationGroup":"widget.tradein","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133644,"contentZoneDefinitionId":37183,"name":"Conditions voiture - Picto","description":"Conditions voiture - Picto","location":"widget.tradein.car.conditions.picto","locationGroup":"widget.tradein","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/widget-tradein-car-conditions-picto1766181664924.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37429,"name":"Conditions voiture - Texte","description":"Conditions voiture - Texte","location":"widget.tradein.car.conditions.text","locationGroup":"widget.tradein","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"État de votre véhicule","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133645,"contentZoneDefinitionId":37184,"name":"Photo voiture - Picto","description":"Photo voiture - Picto","location":"widget.tradein.car.picture.picto","locationGroup":"widget.tradein","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"/spinelli/4859/widget-tradein-car-picture-picto1763408589408.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37430,"name":"Photo voiture - Texte","description":"Photo voiture - Texte","location":"widget.tradein.car.picture.text","locationGroup":"widget.tradein","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"C'est l'heure du Selfie!","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133646,"contentZoneDefinitionId":37185,"name":"Histoire voiture - Picto","description":"Histoire voiture - Picto","location":"widget.tradein.car.story.picto","locationGroup":"widget.tradein","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/widget-tradein-car-story-picto1766181677622.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37431,"name":"Histoire voiture - Texte","description":"Histoire voiture - Texte","location":"widget.tradein.car.story.text","locationGroup":"widget.tradein","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Histoire de votre véhicule","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133647,"contentZoneDefinitionId":37186,"name":"Valeur voiture - Picto","description":"Valeur voiture - Picto","location":"widget.tradein.car.value.picto","locationGroup":"widget.tradein","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4770/widget-tradein-car-value-picto1766181683948.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37432,"name":"Valeur voiture - Texte","description":"Valeur voiture - Texte","location":"widget.tradein.car.value.text","locationGroup":"widget.tradein","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Obtenez la meilleure valeur!","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133683,"contentZoneDefinitionId":37467,"name":"Echanges - Actions - Plus d'information","description":"Echanges - Actions - Plus d'information","location":"widget.tradein.cta.more.info","locationGroup":"widget.tradein","hasImage":false,"hasHTML":true,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":"\u003cul>\r\n\u003cli>Vous recevrez un email de confirmation sous peu\u003c/li>\r\n\u003cli>Remplissez le rapport de condition plus tard\u003c/li>\r\n\u003c/ul>","link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37468,"name":"Echange - Actions - Valeur officielle","description":"Echange - Actions - Valeur officielle","location":"widget.tradein.cta.official.value","locationGroup":"widget.tradein","hasImage":false,"hasHTML":true,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":"\u003cul>\r\n\u003cli>Avoir votre NIV (numéro d'identification du véhicule) en main\u003c/li>\r\n\u003cli>Vous serez prêt en quelques minutes, dans le confort de votre maison ou en déplacement\u003c/li>\r\n\u003c/ul>","link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133684,"contentZoneDefinitionId":37210,"name":"Logo/Picto du dealer dans l'évaluation du véhicule","description":"Logo/Picto du dealer dans l'évaluation du véhicule","location":"widget.tradein.dealer.logo","locationGroup":"widget.tradein","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37433,"name":"Échange - Texte explicatif","description":"Échange - Texte explicatif","location":"widget.tradein.explanatory.text","locationGroup":"widget.tradein","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Ce processus de 10 minutes vous permettra de recevoir une valeur précise sur votre véhicule d'échange. Cette valeur considérera le kilométrage à l'odomètre, l'historique et la condition de celui-ci. Nous vous contacterons dès que l'évaluation sera prête. L'évaluation sera valide pour 30 jours à moins d'un changement de la condition de votre véhicule.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133616,"contentZoneDefinitionId":37434,"name":"Canadian Black Book activé","description":"Canadian Black Book activé","location":"widget.tradein.hascbb","locationGroup":"widget.tradein","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"true","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.tradein.teaser":[{"contentZoneId":-1,"contentZoneDefinitionId":289095,"name":"Valeur Unique Estimation - Texte Accueil","description":"Définit le texte d'accueil affiché lors de l'étape 'Estimation du véhicule' du nouveau widget d'évaluation de véhicule.","location":"widget.tradein.teaser.appraisal.description","locationGroup":"widget.tradein.teaser","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Merci d'avoir évalué votre véhicule avec nous ! Si vous choisissez d'échanger votre véhicule, vous pourriez réaliser des économies d'impôt grâce à l'échange. Cependant, nous sommes également intéressés par l'achat de votre véhicule même si vous n'achetez pas votre prochain véhicule chez nous. Nous vous enverrons des informations en fonction de votre plan, mais vous pouvez toujours changer d'avis.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":289092,"name":"Valeur Unique Estimation - Option 3 - Incertain","description":"Définit le texte de description du bouton pour l'option 3 : Incertain, affiché lors de l'étape 'Estimation du véhicule' du nouveau widget d'évaluation de véhicule.","location":"widget.tradein.teaser.appraisal.not.sure.description","locationGroup":"widget.tradein.teaser","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Que vous choisissiez d'échanger votre véhicule ou de nous le vendre sans acheter par la suite, nous devons tout de même effectuer une rapide inspection physique afin de confirmer votre évaluation en ligne. Prenez rendez-vous avec nous dès aujourd'hui.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":289093,"name":"Valeur Unique Estimation - Option 2 - Vendre Votre Véhicule","description":"Définit le texte de description du bouton pour l'option 2 : Vendre Votre Véhicule, affiché lors de l'étape 'Estimation du véhicule' du nouveau widget d'évaluation de véhicule.","location":"widget.tradein.teaser.appraisal.sell.your.vehicle.description","locationGroup":"widget.tradein.teaser","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Nous sommes toujours intéressés par des véhicules d'occasion de bonne qualité et pouvons acheter votre véhicule, même si vous n'achetez pas votre prochain véhicule chez nous. Contactez-nous dès aujourd'hui pour en savoir plus. Un certificat d'évaluation de votre véhicule vous sera envoyé par courriel.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":289094,"name":"Valeur Unique Estimation - Option 1 - Échange à l'achat","description":"Définit le texte de description du bouton pour l'option 1 : Échange à l'achat, affiché lors de l'étape 'Estimation du véhicule' du nouveau widget d'évaluation de véhicule.","location":"widget.tradein.teaser.appraisal.trade.on.purchase.description","locationGroup":"widget.tradein.teaser","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Si vous échangez votre véhicule lorsque vous achetez avec nous, la valeur de votre échange sera directement appliquée au montant de l'achat. Vous pourriez également réaliser des économies d'impôt sur votre achat. Les informations relatives à l'évaluation de votre véhicule vous seront envoyées par courriel.","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133685,"contentZoneDefinitionId":37211,"name":"Valeur Estimée - Image de description","description":"Valeur Estimée - Image de description","location":"widget.tradein.teaser.description.image","locationGroup":"widget.tradein.teaser","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/widget/default/widgetLayoutType/21/cbb-avantages-fr1535726346748.png","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37450,"name":"Valeur Estimée - Image description alt","description":"Valeur Estimée - Image description alt","location":"widget.tradein.teaser.description.image.alt","locationGroup":"widget.tradein.teaser","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37541,"name":"Valeur Estimée - Haute valeur","description":"Valeur Estimée - Haute valeur","location":"widget.tradein.teaser.estimate.value.high.color","locationGroup":"widget.tradein.teaser","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#1dd1a1","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37543,"name":"Valeur Estimée - Basse valeur","description":"Valeur Estimée - Basse valeur","location":"widget.tradein.teaser.estimate.value.low.color","locationGroup":"widget.tradein.teaser","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#eb3b5a","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133686,"contentZoneDefinitionId":37212,"name":"Valeur Estimée - Icone d'appercu","description":"Valeur Estimée - Icone d'appercu","location":"widget.tradein.teaser.icon","locationGroup":"widget.tradein.teaser","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4567/tradein-teaser-icon1763408720575.png","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37545,"name":"Valeur Estimée - Couleur de fond de l'icone","description":"Valeur Estimée - Couleur de fond de l'icone","location":"widget.tradein.teaser.icon.background.color","locationGroup":"widget.tradein.teaser","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#f8273f","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":2133687,"contentZoneDefinitionId":50027,"name":"Valeur réelle - Icone d'apercu","description":"Valeur réelle - Icone d'apercu","location":"widget.tradein.teaser.icon.official","locationGroup":"widget.tradein.teaser","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/web/sm360-plateform/4567/tradein-teaser-icon-official1763408749598.svg","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37451,"name":"Valeur Estimée - Sous-titre","description":"Valeur Estimée - Sous-titre","location":"widget.tradein.teaser.instant.estimate.subtitle","locationGroup":"widget.tradein.teaser","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Basée sur des milliers de véhicules au Canada","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37452,"name":"Valeur Estimée - Titre","description":"Valeur Estimée - Titre","location":"widget.tradein.teaser.instant.estimate.title","locationGroup":"widget.tradein.teaser","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Estimez votre valeur d’échange","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37213,"name":"Valeur Estimé - Modèle","description":"Valeur Estimé - Modèle","location":"widget.tradein.teaser.pattern","locationGroup":"widget.tradein.teaser","hasImage":true,"hasHTML":false,"hasText":false,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":"https://img.sm360.ca/images/widget","text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37547,"name":"Valeur Estimée - Couleur de fond","description":"Valeur Estimée - Couleur de fond","location":"widget.tradein.teaser.primary.background.color","locationGroup":"widget.tradein.teaser","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#21232e","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":37549,"name":"Valeur Estimée - Couleur Texte Primaire","description":"Valeur Estimée - Couleur Texte Primaire","location":"widget.tradein.teaser.primary.text.color","locationGroup":"widget.tradein.teaser","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#ffffff","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":50026,"name":"Valeur Estimée - Couleur Texte Slogan","description":"Valeur Estimée - Couleur Texte Slogan","location":"widget.tradein.teaser.tagline.text.color","locationGroup":"widget.tradein.teaser","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"#FFBE29","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}],"widget.commons":[{"contentZoneId":-1,"contentZoneDefinitionId":48866,"name":"Texte d'inclusion de prix - Véhicule neuf","description":"Texte d'inclusion de prix - Véhicule neuf","location":"widget.commons.disclaimer.price.included.new","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"Frais de transport et de préparation, options installées et autres frais applicables inclus","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":48865,"name":"Texte d'inclusion de prix - Véhicule usagé - Achat","description":"Texte d'inclusion de prix - Véhicule usagé - Achat","location":"widget.commons.disclaimer.price.included.used.cash","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":48864,"name":"Texte d'inclusion de prix - Véhicule usagé - Financement","description":"Texte d'inclusion de prix - Véhicule usagé - Financement","location":"widget.commons.disclaimer.price.included.used.finance","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":458366,"name":"Avis de non-responsabilité sur le prix de vente - Véhicule neuf","description":"Avis de non-responsabilité sur le prix de vente - Véhicule neuf","location":"widget.commons.disclaimer.selling.price.new","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":null,"html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0},{"contentZoneId":-1,"contentZoneDefinitionId":462843,"name":"Affiche la marque du vehicule","description":"Affiche la marque du vehicule dans VLP V2","location":"widget.commons.year.brand.model.trim.name","locationGroup":"widget.commons","hasImage":false,"hasHTML":false,"hasText":true,"hasLink":false,"hasImage2":false,"hasHTML2":false,"hasText2":false,"hasLink2":false,"image":null,"text":"false","html":null,"link":null,"image2":null,"text2":null,"html2":null,"link2":null,"multipleInstance":false,"instanceSlug":null,"priority":0}]}};
                      var containerId = props.parentElementId || 'standalone.tradein.responsive';

                      function getProvider() {
                        var lib = window["TradeIn360"];
                        if (!lib) return null;
                        return (lib.default && lib.default["TradeIn360"]) || lib["TradeIn360"] || null;
                      }

                      function unmount(container) {
                        try {
                          if (container && container.__root && typeof container.__root.unmount === 'function') {
                            container.__root.unmount();
                            container.__root = null;
                            return;
                          }
                          if (window.ReactDOM && typeof window.ReactDOM.unmountComponentAtNode === 'function') {
                            window.ReactDOM.unmountComponentAtNode(container);
                          }
                        } catch (e) {
                          // non-fatal
                        }
                      }

                      function mount() {
                        var container = document.getElementById(containerId);
                        if (!container) {
                          return;
                        }

                        var Provider = getProvider();
                        if (!Provider) {
                          console.error('[TradeIn360] component "TradeIn360" not found on global.');
                          return;
                        }

                        var element = React.createElement(Provider, props, null);

                        // Prefer React 18 createRoot
                        var createRoot =
                          (window.ReactDOMClient && window.ReactDOMClient.createRoot) ||
                          (window.ReactDOM && window.ReactDOM.createRoot);

                        // Clean previous mount
                        unmount(container);

                        if (createRoot) {
                          var root = createRoot(container);
                          container.__root = root;
                          root.render(element);
                          return;
                        }

                        if (window.ReactDOM && typeof window.ReactDOM.render === 'function') {
                          ReactDOM.render(element, container);
                          return;
                        }

                        console.error('[TradeIn360] No ReactDOM renderer available (neither createRoot nor render).');
                      }

                      // Wait for widget global if loaded async/defer
                      (function waitForGlobal(startTs){
                        if (getProvider()) return mount();
                        if (!startTs) startTs = Date.now();
                        if (Date.now() - startTs > 8000) {
                          console.error('[TradeIn360] Timeout waiting for global and component "TradeIn360".');
                          return;
                        }
                        setTimeout(function(){ waitForGlobal(startTs); }, 50);
                      })();
                    }

                    // Respect defer flag but also handle "interactive" state
                    if (false) {
                      if (document.readyState === 'complete' || document.readyState === 'interactive') {
                        renderWidgetTradeIn360_nmb80454j9q();
                      } else {
                        document.addEventListener('DOMContentLoaded', function(){ renderWidgetTradeIn360_nmb80454j9q(); }, { once: true });
                      }
                    } else {
                      renderWidgetTradeIn360_nmb80454j9q();
                    }
                  })();
                </script>
            
        </div>
        

    </div>


<style>
    .p-home .t-highlights .t-highlights__cardsWrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
        grid-template-columns: repeat(, minmax(0, 1fr));
    }
    .p-home .t-highlights .m-highlightCard.-featured {
        grid-column: span 1;
    }
    .p-home .t-highlightsAdditional  .m-highlightCard.-featured {
        grid-column: span 1;
    }
    .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
        grid-column: span ;
    }

    @media (min-width: 768px) {
        .p-home .t-highlights .t-highlights__cardsWrapper {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
            grid-template-columns: repeat(, minmax(0, 1fr));
        }
        .p-home .t-highlights .m-highlightCard.-featured {
            grid-column: span 2;
        }
        .p-home .t-highlightsAdditional  .m-highlightCard.-featured {
            grid-column: span 1;
        }
        .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
            grid-column: span ;
        }
    }

    @media (min-width: 1024px) {
        .p-home .t-highlights .t-highlights__cardsWrapper {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
            grid-template-columns: repeat(, minmax(0, 1fr));
        }
        .p-home .t-highlights .m-highlightCard.-featured {
            grid-column: span 2;
        }
        .p-home .t-highlightsAdditional  .m-highlightCard.-featured {
            grid-column: span 1;
        }
        .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
            grid-column: span ;
        }
    }

    @media (min-width: 1200px) {
        /* Define the number of columns */
        .p-home .t-highlights .t-highlights__cardsWrapper {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
            grid-template-columns: repeat(, minmax(0, 1fr));
        }

        /* Define the number of columns of the featured article (full-width). */
        .p-home .t-highlights.t-highlightsOne .m-highlightCard.-featured {
            grid-column: span 3 / span 3;
        }
        .p-home .t-highlightsAdditional .m-highlightCard.-featured {
            grid-column: span 1 / span 1;
        }
        .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
            grid-column: span  / span ;
        }

        /* Define the number of columns an article occupies when we display 2 cards per row. */
        
        
    }
</style>


<section class="l-fullWidth  -paddingY t-highlights -lightMode -center t-highlightsAdditional"
              
              
              data-theme-style="highlights"
              >
    
    
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
        
<div class="l-grid -defaultPaddingBottom t-highlights__cardsWrapper -juliette "
              
              
              >
    
            
<article class="m-highlightCard m-highlightCardJuliette -lightMode   ">
    <div class="m-highlightCardJuliette__introduction">
            

    <div
            class="a-typography -heading2   "
            
            
    >
        Découvrez nos programmes
    </div>


    <div
            class="a-typography -body1  -wysiwyg "
            
            
    >
        <p>Spinelli Volkswagen Lachine vous propose une gamme complète de programmes exclusifs Spinelli qui vous permettront de profiter d'économies bien méritées sur une variété de produits et services automobiles. Il est rentable d'acheter votre Volkswagen chez Spinelli Volkswagen Lachine!<br><a href="/fr/nos-programmes-exclusifs">En savoir plus</a></p>
    </div>


        </div>

    
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 600 '%2F%3E"
                     alt="Découvrez nos programmes"
                     class="a-image__img lazyload m-highlightCardJuliette__image"
                     x-data x-lazy-image loading="lazy"
                     height=""
                     width="600"
                     data-src="https://img.sm360.ca/images/web/spinelli/4859/vw-spinelli-home-hilite21772463106279.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardJuliette__content">
        <div class="m-highlightCardJuliette__introduction">
            

    <div
            class="a-typography -heading2   "
            
            
    >
        Découvrez nos programmes
    </div>


    <div
            class="a-typography -body1  -wysiwyg "
            
            
    >
        <p>Spinelli Volkswagen Lachine vous propose une gamme complète de programmes exclusifs Spinelli qui vous permettront de profiter d'économies bien méritées sur une variété de produits et services automobiles. Il est rentable d'acheter votre Volkswagen chez Spinelli Volkswagen Lachine!<br><a href="/fr/nos-programmes-exclusifs">En savoir plus</a></p>
    </div>


        </div>

        
            <div class="m-highlightCardJuliette__contentParagraphs">
                
                    <div class="m-highlightCardJuliette__paragraph">
                        

    <div
            class="a-typography -subheading1   m-highlightCardJuliette__paragraphTitle"
            
            
    >
        <p><span style="font-weight: 400;">Mon Spinelli</span></p>
    </div>


    <div
            class="a-typography -body1  -wysiwyg m-highlightCardJuliette__paragraphText"
            
            
    >
        <p>Spinelli vous permet d’accumuler des points Mon Spinelli pour tous les achats et transactions admissibles.<br><a title="En savoir plus" href="https://www.monspinelli.com/fr/public">En savoir plus</a></p>
    </div>


                    </div>
                
                    <div class="m-highlightCardJuliette__paragraph">
                        

    <div
            class="a-typography -subheading1   m-highlightCardJuliette__paragraphTitle"
            
            
    >
        <p>Garantie d’un an – Véhicules d’occasion</p>
    </div>


    <div
            class="a-typography -body1  -wysiwyg m-highlightCardJuliette__paragraphText"
            
            
    >
        <p>Tous nos véhicules d'occasion sont garantis 12 mois incluant une protection mécanique avec kilométrage illimité.</p>
    </div>


                    </div>
                
                    <div class="m-highlightCardJuliette__paragraph">
                        

    <div
            class="a-typography -subheading1   m-highlightCardJuliette__paragraphTitle"
            
            
    >
        <p>Rachat de bail avant terme</p>
    </div>


    <div
            class="a-typography -body1  -wysiwyg m-highlightCardJuliette__paragraphText"
            
            
    >
        <p>Peu importe le véhicule que vous conduisez, vous n’avez pas à attendre la fin de votre location pour prendre le volant d’un véhicule neuf.</p>
    </div>


                    </div>
                
                    <div class="m-highlightCardJuliette__paragraph">
                        

    <div
            class="a-typography -subheading1   m-highlightCardJuliette__paragraphTitle"
            
            
    >
        <p><span style="font-weight: 400;">Promesse de prix égalés sur les pneus </span></p>
    </div>


    <div
            class="a-typography -body1  -wysiwyg m-highlightCardJuliette__paragraphText"
            
            
    >
        <p><span>Si vous trouvez un prix inférieur pour un pneu identique dans les 30 jours avant ou après votre achat chez Spinelli, fournissez une preuve. Nous égalerons ce prix et vous offrirons un rabais équivalent à 10% de la différence entre notre prix et celui de l’autre détaillant.</span></p>
    </div>


                    </div>
                
                    <div class="m-highlightCardJuliette__paragraph">
                        

    <div
            class="a-typography -subheading1   m-highlightCardJuliette__paragraphTitle"
            
            
    >
        <p>Plus pour votre véhicule d'échange</p>
    </div>


    <div
            class="a-typography -body1  -wysiwyg m-highlightCardJuliette__paragraphText"
            
            
    >
        <p><span>Empochez encore plus de dollars lors de l’échange de votre véhicule chez Spinelli. Pratique et rapide, obtenez la meilleure offre d’un réseau de plus de 65 grossistes en moins de 15 minutes.</span></p>
    </div>


                    </div>
                
                    <div class="m-highlightCardJuliette__paragraph">
                        

    <div
            class="a-typography -subheading1   m-highlightCardJuliette__paragraphTitle"
            
            
    >
        <p>Protection des pneus contre les hasards de la route</p>
    </div>


    <div
            class="a-typography -body1  -wysiwyg m-highlightCardJuliette__paragraphText"
            
            
    >
        <p>Spinelli couvre la réparation/offre un crédit pour le remplacement d’un pneu endommagé sur la route. (des conditions s'appliquent)</p>
    </div>


                    </div>
                
            </div>
        
    </div>
</article>
                
                
</div>

    
</div>


</section>


<style>
    .p-home .t-highlights .t-highlights__cardsWrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
        grid-template-columns: repeat(, minmax(0, 1fr));
    }
    .p-home .t-highlights .m-highlightCard.-featured {
        grid-column: span 1;
    }
    .p-home .t-highlightsAdditional  .m-highlightCard.-featured {
        grid-column: span 1;
    }
    .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
        grid-column: span ;
    }

    @media (min-width: 768px) {
        .p-home .t-highlights .t-highlights__cardsWrapper {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
            grid-template-columns: repeat(, minmax(0, 1fr));
        }
        .p-home .t-highlights .m-highlightCard.-featured {
            grid-column: span 2;
        }
        .p-home .t-highlightsAdditional  .m-highlightCard.-featured {
            grid-column: span 1;
        }
        .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
            grid-column: span ;
        }
    }

    @media (min-width: 1024px) {
        .p-home .t-highlights .t-highlights__cardsWrapper {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
            grid-template-columns: repeat(, minmax(0, 1fr));
        }
        .p-home .t-highlights .m-highlightCard.-featured {
            grid-column: span 2;
        }
        .p-home .t-highlightsAdditional  .m-highlightCard.-featured {
            grid-column: span 1;
        }
        .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
            grid-column: span ;
        }
    }

    @media (min-width: 1200px) {
        /* Define the number of columns */
        .p-home .t-highlights .t-highlights__cardsWrapper {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditional .t-highlights__cardsWrapper {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .p-home .t-highlightsAdditionalTwo .t-highlights__cardsWrapper {
            grid-template-columns: repeat(, minmax(0, 1fr));
        }

        /* Define the number of columns of the featured article (full-width). */
        .p-home .t-highlights.t-highlightsOne .m-highlightCard.-featured {
            grid-column: span 3 / span 3;
        }
        .p-home .t-highlightsAdditional .m-highlightCard.-featured {
            grid-column: span 1 / span 1;
        }
        .p-home .t-highlightsAdditionalTwo.t-highlights .m-highlightCard.-featured {
            grid-column: span  / span ;
        }

        /* Define the number of columns an article occupies when we display 2 cards per row. */
        
        
    }
</style>


<section class="l-fullWidth  -paddingY t-highlights -lightMode -center t-highlightsOne"
              
              
              data-theme-style="highlights"
              >
    
    
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
        
<div class="l-grid -defaultPaddingBottom t-highlights__cardsWrapper -kilo m-scrollbarAlpha"
              
              
              data-theme-style="scrollbarCustom_horizontal_track_bgColor scrollbarCustom_track_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bg scrollbarCustom_thumb_bg"
              >
    
            
<article class="m-highlightCard m-highlightCardKilo -darkMode -center -variation1">
    <a
        class="m-highlightCardKilo__imageLinkWrapper"
        href="/fr/nos-programmes-exclusifs"
    >
        <div class="m-highlightCardKilo__image">
            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 300 500'%2F%3E"
                     alt="<p>Nos programmes</p>"
                     class="a-image__img lazyload m-highlightCardKilo__imageDefault"
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="300"
                     data-src="https://img.sm360.ca/images/web/spinelli/4859/vw-spinelli-home-hilits-programmes1770676984669.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 300 500'%2F%3E"
                     alt="<p>Nos programmes</p>"
                     class="a-image__img lazyload m-highlightCardKilo__imageHover"
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="300"
                     data-src="https://img.sm360.ca/images/web/spinelli/4859/vw-spinelli-home-hilits-programmes1770676984669.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
        </div>
    </a>

    <div class="m-highlightCardKilo__content">
        <div class="m-highlightCardKilo__infos">
            

    <div
            class="a-typography -heading3   m-highlightCardKilo__title"
            
            
    >
        Nos programmes
    </div>


        </div>
        
        
            <div class="m-highlightCard__ctasContainer m-highlightCardKilo__actions">
                    
                                        
    <a
        aria-label="En savoir plus"
        class="a-button -bravo   group m-highlightCardKilo__button"
        context-key="highlight_card_kilo_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="/fr/nos-programmes-exclusifs"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            En savoir plus

            
        </span>

        
    </a>


            </div>
        
    </div>
</article>
                    
                        
<article class="m-highlightCard m-highlightCardKilo -darkMode -center -variation1">
    <a
        class="m-highlightCardKilo__imageLinkWrapper"
        href="/fr/services/centre-du-pneu"
    >
        <div class="m-highlightCardKilo__image">
            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 300 500'%2F%3E"
                     alt="<p>Pneus</p>
<br>
<p>et accessoires</p>"
                     class="a-image__img lazyload m-highlightCardKilo__imageDefault"
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="300"
                     data-src="https://img.sm360.ca/images/web/spinelli/4859/vw-spinelli-home-hilits-tires1770677244798.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 300 500'%2F%3E"
                     alt="<p>Pneus</p>
<br>
<p>et accessoires</p>"
                     class="a-image__img lazyload m-highlightCardKilo__imageHover"
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="300"
                     data-src="https://img.sm360.ca/images/web/spinelli/4859/vw-spinelli-home-hilits-tires1770677254380.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
        </div>
    </a>

    <div class="m-highlightCardKilo__content">
        <div class="m-highlightCardKilo__infos">
            

    <div
            class="a-typography -heading3   m-highlightCardKilo__title"
            
            
    >
        Pneus et accessoires
    </div>


        </div>
        
        
            <div class="m-highlightCard__ctasContainer m-highlightCardKilo__actions">
                    
                                        
    <a
        aria-label="En savoir plus"
        class="a-button -bravo   group m-highlightCardKilo__button"
        context-key="highlight_card_kilo_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="/fr/services/centre-du-pneu"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            En savoir plus

            
        </span>

        
    </a>


            </div>
        
    </div>
</article>
                    
                        
<article class="m-highlightCard m-highlightCardKilo -darkMode -center -variation1">
    <a
        class="m-highlightCardKilo__imageLinkWrapper"
        href="/fr/financement"
    >
        <div class="m-highlightCardKilo__image">
            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 300 500'%2F%3E"
                     alt="<p>Financement</p>"
                     class="a-image__img lazyload m-highlightCardKilo__imageDefault"
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="300"
                     data-src="https://img.sm360.ca/images/web/spinelli/4859/vw-spinelli-home-hilits-financement1770677270953.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 300 500'%2F%3E"
                     alt="<p>Financement</p>"
                     class="a-image__img lazyload m-highlightCardKilo__imageHover"
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="300"
                     data-src="https://img.sm360.ca/images/web/spinelli/4859/vw-spinelli-home-hilits-financement1770677278939.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
        </div>
    </a>

    <div class="m-highlightCardKilo__content">
        <div class="m-highlightCardKilo__infos">
            

    <div
            class="a-typography -heading3   m-highlightCardKilo__title"
            
            
    >
        Financement
    </div>


        </div>
        
        
            <div class="m-highlightCard__ctasContainer m-highlightCardKilo__actions">
                    
                                        
    <a
        aria-label="En savoir plus"
        class="a-button -bravo   group m-highlightCardKilo__button"
        context-key="highlight_card_kilo_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="/fr/financement"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            En savoir plus

            
        </span>

        
    </a>


            </div>
        
    </div>
</article>
                    
                
</div>

    
</div>


</section>


<section class="l-fullWidth   s-video s-videoAlpha"
              
              
              data-theme-style="video"
              >
    
        
    <div
            class="m-videoPlayer aspect-auto o-videoAlpha"
            x-data="{showPlayerOverlay: true}"
            @click="showPlayerOverlay = false"
            
    >

        
<div
    class="m-videoPlayer__container"
    data-video-format="16:9"
    id="m-videoPlayer__container"
>
      <div
          id="dealer-youtube-video"
          class="m-videoPlayer__player "
          data-controls="false"
          data-video-autoplay="true"
          data-video-private="false"
          data-video-url="https://www.youtube.com/watch?v=BPFyAne4jWc&vq=hd1080"
          data-fullwidth
          x-youtube-video
          
     >
     </div>
</div>

            
    </div>


</section>


<section class="l-fullWidth   o-seoTextCharlie -darkMode s-seoText"
              
              
              x-interchange="{
    &#034;default&#034;: &#034;https://img.sm360.ca/images/web/spinelli/4859/page-home-seo-text-bg-mob1763159423543.jpg&#034;,
    &#034;md&#034;: &#034;https://img.sm360.ca/images/web/spinelli/4859/vw-spinelli-home-seo-map1772141527844.jpg&#034;
    }"
              data-theme-style="seoText"
              >
    

<div class="l-row -defaultPaddingBottom o-seoTextCharlie__seoWrapper"
              
              
              >
    <div class="o-seoTextCharlie__infos">
            

    <h1
            class="a-typography    o-seoTextCharlie__title"
            
            
    >
        Spinelli Volkswagen Lachine. L’innovation Volkswagen en mouvement à Montréal, le savoir-faire façon Spinelli.
    </h1>


    <div
            class="a-typography   -wysiwyg m-scrollbar m-scrollbarAlpha -body2"
            
            
            data-theme-style="scrollbarCustom_track_bg scrollbarCustom_thumb_bg "
            
    >
        <p>Spinelli Volkswagen Lachine fait évoluer l’expérience automobile à Montréal avec une gamme Volkswagen en constante progression. Nouveaux modèles, technologies avancées et électrification accélérée transforment la façon de conduire année après année. Ici, vous découvrez bien plus qu’un inventaire. Vous explorez une marque qui avance, qui innove et qui redéfinit ses standards.</p>
<p>Situé à Montréal, Spinelli Volkswagen Lachine propose un vaste inventaire de véhicules Volkswagen <a href="/fr/inventaire-neuf">neufs</a> et <a href="/fr/inventaire-certifie">d’occasion certifiés</a>, incluant les modèles électriques, les VUS polyvalents et les berlines performantes qui attirent l’attention des conducteurs québécois.</p>
<h2>La nouvelle génération Volkswagen. Performance, innovation et technologie</h2>
<p>Volkswagen poursuit son évolution avec des modèles conçus pour répondre aux réalités d’aujourd’hui. La Volkswagen Jetta et la GLI demeurent des choix solides pour ceux qui recherchent efficacité et plaisir de conduite. Les Golf GTI et Golf R incarnent l’ADN performance de la marque avec une approche plus connectée et plus technologique.</p>
<p>Chaque nouvelle génération apporte des améliorations concrètes. Sécurité intelligente, écrans numériques, aides à la conduite évoluées et plateformes innovantes positionnent Volkswagen parmi les marques les plus dynamiques du marché.</p>
<h3>Volkswagen électrique à Montréal. ID.4 et ID. Buzz</h3>
<p>L’électrification est au cœur du développement Volkswagen. Le Volkswagen ID.4 s’impose comme un VUS électrique polyvalent, pensé pour les routes du Québec avec une autonomie rassurante et une conduite fluide.</p>
<p>Le très attendu Volkswagen ID. Buzz marque une nouvelle étape dans l’évolution de la marque. Inspiré d’une icône, il combine design audacieux, espace intelligent et motorisation électrique moderne. Il reflète parfaitement la vision d’un futur plus durable sans compromis sur le style et l’expérience de conduite.</p>
<h3>VUS Volkswagen à Montréal. Taos, Tiguan, Atlas et Atlas Cross Sport</h3>
<p>Le Volkswagen Taos offre une agilité idéale pour la ville. Le Tiguan propose un équilibre reconnu entre confort et performance. L’Atlas se distingue par ses trois rangées et son espace généreux, tandis que l’Atlas Cross Sport mise sur une silhouette plus sportive.</p>
<p>Ces modèles démontrent l’engagement de Volkswagen envers le développement constant de nouveaux véhicules adaptés aux besoins réels des conducteurs.</p>
<h3>Véhicules d’occasion certifiés Volkswagen</h3>
<p>Chaque véhicule d’occasion certifié Volkswagen chez Spinelli Volkswagen Lachine passe une inspection complète en 112 points. Moteur, transmission, freins et systèmes essentiels sont vérifiés avec rigueur. L’historique CARFAX est fourni pour assurer une transparence totale.</p>
<p>Des options de garantie prolongée sont également disponibles afin d’offrir une tranquillité d’esprit durable.</p>
<h3>Service Volkswagen et entretien à Montréal</h3>
<p>Spinelli Volkswagen Lachine propose un <a href="/fr/services">service d’entretien complet</a> pour votre véhicule Volkswagen. Techniciens formés par Volkswagen, pièces d’origine, esthétique automobile et réparation de carrosserie sont réunis sous un même toit.</p>
<p><a href="/fr/financement-volkswagen">Financement Volkswagen</a>, <a href="/fr/promotions">promotions</a> en cours et solutions adaptées permettent de simplifier chaque étape de votre parcours.</p>
<p>Découvrez une concession qui évolue au rythme de l’innovation Volkswagen. Spinelli Volkswagen Lachine vous accueille à Montréal avec une gamme actuelle et tournée vers l’avenir.</p>
    </div>


</div>
    
</div>


<div class="l-row -defaultPaddingBottom o-seoTextCharlie__vehicleImageWrapper"
              
              
              >
    <div class="o-seoTextCharlie__vehicleImage ">
            

</div>
    
</div>

</section>

    
</main>

                        
<footer
        class="o-footerAlpha"
        id="footer"
        itemscope
        itemtype="https://schema.org/WPFooter"
>
    <div
        class="o-footerAlpha__wrapper -darkMode"
    >
        <div class="o-footerAlpha__innerWrapper">
            

<div class="s-contactUs ">
    

    <p
            class="a-typography    s-contactUs__title o-footerAlpha__blockTitle -subheading1"
            
            
            aria-level="2"
    
        role="heading"
    
        content-zone-locataion="footer.contact-us"
            
    >
        Contactez-nous
    </p>


    <p
            class="a-typography    s-contactUs__dealerName -subheading2"
            
            
    >
        Spinelli Volkswagen Lachine
    </p>


<address class="m-addressLink s-contactUs__address -body2">
    
        <span class="m-addressLink__pinContainer">
            

        <svg
                aria-hidden="true"
                class="i-icon i-pin m-addressLink__icon"
                
                height="24"
                role="img"
                title="Emplacement"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M13.518 3.345h0.649a7.72 7.72 0 0 1 5.298 2.097 7.6 7.6 0 0 1 2.107 5.517c0 3.018 -2.597 7.418 -7.729 13.098 -5.127 -5.67 -7.729 -10.077 -7.729 -13.151a7.56 7.56 0 0 1 2.104 -5.467 7.73 7.73 0 0 1 5.3 -2.094m0.325 11.998h0.197a4.268 4.268 0 0 0 0 -8.527h-0.393a4.268 4.268 0 0 0 0.196 8.527m-0.323 -13.497a9.241 9.241 0 0 0 -6.355 2.525 9.02 9.02 0 0 0 -2.55 6.588c0 3.545 2.796 8.312 8.55 14.584a0.915 0.915 0 0 0 1.359 -0.009c5.752 -6.269 8.548 -11.033 8.548 -14.575a9.02 9.02 0 0 0 -2.553 -6.59 9.23 9.23 0 0 0 -6.351 -2.523zm0.323 11.997a2.768 2.768 0 0 1 -0.125 -5.537h0.254a2.768 2.768 0 0 1 0 5.531z" transform="translate(-3.996 -1.598)" stroke-width="0"/>
                

        </svg>
    

        </span>
    

    <a
        class="m-addressLink__anchor a-link "
        data-theme-style="addressLink"
        href="http://maps.google.com/?q=Spinelli+Volkswagen+Lachine+208,+boul.+Montréal-Toronto+H8S+1B8+QC+Montréal"
        data-tagging-event="contacts"
        data-tagging-precision="address"
        data-tagging-scope=""
        target="_blank"
    >
        

        <span class="m-addressLink__addressStart">
            208, boul. Montréal-Toronto, 
            Montréal, 
        </span>

        <span class="m-addressLink__addressEnd">
            QC, 
            H8S 1B8 
            <svg
                aria-hidden="false"
                class="i-icon i-linkExternal m-addressLink__iconExternalLink"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="M0 24.172V2.895h13.09V4.25H1.36v18.566h18.745V11.2h1.356v12.973Zm12.496-13.39 9.356-9.36c-1.477-.05-4.004-.05-6.95.101L14.828.137c.086 0 8.422-.43 9.07.215.63.625.184 8.945.176 9.03l-1.383-.073c.16-2.942.168-5.434.133-6.895l-9.347 9.344Zm0 0" stroke-width="0"/>
                

        </svg>
        </span>
    </a>
</address>


<div class="m-generalPhoneNumber ">
    

    <span
            class="a-typography    m-generalPhoneNumber__phoneLabel "
            
            
    >
        Général:
    </span>


    <a class="m-phoneNumberAnchor a-link shiftdigital-event m-generalPhoneNumber__anchor "
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Général"
       data-shiftdigital-url="tel:1-514-762-9777"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-scope=""
       data-tagging-specificity="Général"
       data-theme-style="phoneNumberAnchor"
       href="tel:+15147629777"
    >
        
        1-514-762-9777
    
    </a>


</div>

            
<div class="m-socialNetworks s-contactUs__socialNetworks ">
    
        
    <p
            class="a-typography -subheading1   m-socialNetworks__title "
            
            
    >
        Suivez-nous en ligne
    </p>


    <div class="m-socialNetworks__wrapper">
        
        
   <div class="a-socialMedia__item group ">
        <a
                aria-label="facebook - Ouvre une nouvelle fenêtre"
                class="a-socialMedia  "
                data-tagging-event="social"
                data-tagging-precision="facebook"
                data-tagging-scope="footer"
                data-tagging-specificity="facebook"
                href="https://www.facebook.com/SpinelliVWLachine/"
                target="_blank"
        >
            
                
        <svg
                aria-hidden="false"
                class="i-icon i-facebook "
                
                height="24"
                role="img"
                title="facebook | Spinelli Volkswagen Lachine"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m9.574,23.994v-10.928h-3.574v-4.26h3.574v-3.2C9.574,2.006,11.744.006,14.808.006c1.405,0,2.681.133,3.192.133v3.865h-2.17c-1.66,0-2.043.932-2.043,2.132v2.67h4.085l-.511,4.26h-3.574v10.928h-4.21301Z" stroke-width="0"/>
                

        </svg>
    

        </a>

        
   </div>


   <div class="a-socialMedia__item group ">
        <a
                aria-label="instagram - Ouvre une nouvelle fenêtre"
                class="a-socialMedia  "
                data-tagging-event="social"
                data-tagging-precision="instagram"
                data-tagging-scope="footer"
                data-tagging-specificity="instagram"
                href="https://www.instagram.com/spinelli.volks/"
                target="_blank"
        >
            
                
        <svg
                aria-hidden="false"
                class="i-icon i-instagram "
                
                height="24"
                role="img"
                title="instagram | Spinelli Volkswagen Lachine"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m12,2.15361c1.59784-.06009,3.19791-.01575,4.78997.13272.77243-.00971,1.53981.12569,2.26226.39916.99677.46443,1.79783,1.2655,2.26226,2.26226.27348.72246.40888,1.48984.39916,2.26226,0,1.19749.13272,1.59666.13272,4.78997.06009,1.59784.01575,3.19791-.13272,4.78997.00971.77243-.12569,1.53981-.39916,2.26226-.46443.99677-1.2655,1.79783-2.26226,2.26226-.72246.27348-1.48984.40888-2.26226.39916-1.19749,0-1.59666.13272-4.78997.13272-1.59784.06009-3.19791.01575-4.78997-.13272-.77242.00971-1.53981-.12569-2.26226-.39916-.99677-.46443-1.79783-1.2655-2.26226-2.26226-.27348-.72246-.40888-1.48984-.39916-2.26226,0-1.19749-.13272-1.59666-.13272-4.78997-.06009-1.59784-.01575-3.19791.13272-4.78997-.00971-.77242.12569-1.53981.39916-2.26226.2325-.49334.54774-.94324.93205-1.33021.31202-.46515.78635-.79715,1.33022-.93105.72246-.27348,1.48984-.40888,2.26226-.39916,1.59204-.14881,3.19211-.19348,4.78997-.13372M12,.02507c-1.64206-.05866-3.28618-.01434-4.9227.13272-1.00026-.00211-1.9925.17848-2.92787.53288-.80733.26328-1.53806.71994-2.12854,1.33022-.61027.59048-1.06693,1.32121-1.33022,2.12854-.41814.91652-.60128,1.9228-.53288,2.92787C.01073,8.71382-.0336,10.35794.02507,12c-.05866,1.64206-.01434,3.28618.13272,4.9227-.00233.99987.17792,1.99175.53189,2.92687.26342.80779.72044,1.53889,1.33121,2.12954.59048.61027,1.32121,1.06693,2.12854,1.33022.93512.35394,1.92701.53419,2.92687.53189,1.63682.14743,3.28128.19209,4.92369.13372,1.64206.05866,3.28618.01434,4.9227-.13272.99986.0023,1.99175-.17795,2.92687-.53189,1.62415-.5595,2.90026-1.83561,3.45976-3.45976.35396-.93512.53421-1.92701.53189-2.92687.001-1.33121.13372-1.73038.13372-4.92369.05866-1.64206.01434-3.28618-.13272-4.9227.0023-.99986-.17795-1.99175-.53189-2.92687-.26342-.80779-.72044-1.53889-1.33121-2.12954-.59048-.61027-1.32121-1.06693-2.12854-1.33022-.93537-.35442-1.92761-.53501-2.92787-.53288C15.28618.01073,13.64206-.0336,12,.02507m0,5.85474c-3.32563-.05446-6.06573,2.59735-6.12019,5.92298-.00108.06573-.00108.13147,0,.19721,0,3.38009,2.7401,6.12019,6.12019,6.12019s6.12019-2.7401,6.12019-6.12019-2.7401-6.12019-6.12019-6.12019h0m0,10.11183c-2.16503.03949-3.95215-1.6836-3.99164-3.84864-.00087-.04767-.00087-.09534,0-.14301-.03949-2.16503,1.6836-3.95215,3.84864-3.99164.04767-.00087.09534-.00087.14301,0,2.16503-.03949,3.95215,1.6836,3.99164,3.84864.00087.04767.00087.09534,0,.14301.03949,2.16503-1.6836,3.95215-3.84864,3.99164-.04767.00087-.09534.00087-.14301,0m6.38663-11.84221c-.80851,0-1.46393.65543-1.46393,1.46394s.65543,1.46394,1.46394,1.46393,1.46393-.65543,1.46393-1.46394c-.00705-.80557-.65836-1.45689-1.46394-1.46394" stroke-width="0"/>
                

        </svg>
    

        </a>

        
   </div>


   <div class="a-socialMedia__item group ">
        <a
                aria-label="linkedin - Ouvre une nouvelle fenêtre"
                class="a-socialMedia  "
                data-tagging-event="social"
                data-tagging-precision="linkedin"
                data-tagging-scope="footer"
                data-tagging-specificity="linkedin"
                href="https://www.linkedin.com/company/spinelli/"
                target="_blank"
        >
            
                
        <svg
                aria-hidden="false"
                class="i-icon i-linkedIn "
                
                height="24"
                role="img"
                title="linkedin | Spinelli Volkswagen Lachine"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m22.2,24H1.8c-.99411,0-1.8-.80589-1.8-1.8V1.8C0,.80589.80589,0,1.8,0h20.4c.99411,0,1.8.80589,1.8,1.8v20.4c0,.99411-.80589,1.8-1.8,1.8ZM7.10699,9.01001h-3.50702v11.41595h3.50702v-11.41595Zm.30402-3.62903c0-.00665,0-.01331-.00006-.01996-.00885-1.13159-.93335-2.04175-2.06494-2.0329-1.13159.00879-2.04175.93335-2.03296,2.06494.00885,1.13159.93335,2.04175,2.06494,2.0329v.00299c1.12683-.00439,2.03687-.92114,2.03302-2.04797Zm13.039,15.04797l-.00403-6.59094c0-2.31006-.50098-3.83301-1.88098-4.58502-2.18903-1.18103-4.90698-.43799-5.76501,1.34698v-1.58997h-3.38098v11.42096h3.52399v-5.89001c0-1.77795.75201-2.69995,2.078-2.69995s1.87103.97198,1.87103,2.46698v6.12097h3.55798Z" stroke-width="0"/>
                

        </svg>
    

        </a>

        
   </div>


   <div class="a-socialMedia__item group ">
        <a
                aria-label="youtube - Ouvre une nouvelle fenêtre"
                class="a-socialMedia  "
                data-tagging-event="social"
                data-tagging-precision="youtube"
                data-tagging-scope="footer"
                data-tagging-specificity="youtube"
                href="https://www.youtube.com/@spinellivolkswagen"
                target="_blank"
        >
            
                
        <svg
                aria-hidden="false"
                class="i-icon i-youtube "
                
                height="24"
                role="img"
                title="youtube | Spinelli Volkswagen Lachine"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m12,2.72797C.20599,2.72797,0,3.77997,0,12s.20697,9.27197,12,9.27197h.00098c11.79303,0,11.99902-1.05298,11.99902-9.27197s-.20599-9.27203-12-9.27203Zm3.84399,9.66803l-5.38696,2.49298c-.11261.07373-.24805.10425-.38135.08588-.30469-.04205-.5177-.32312-.47571-.62787v-4.69299c-.01837-.1333.01215-.26874.08588-.38129.16858-.25732.51379-.32928.77118-.16071l5.38995,2.49097-.00299-.00098c.47302.21899.47302.57501,0,.79401Z" fill-rule="evenodd" stroke-width="0"/>
                

        </svg>
    

        </a>

        
   </div>


    </div>
</div>


    <a
        aria-label="Contactez-nous"
        class="a-button -bravo   group s-contactUs__cta"
        context-key="footer_light_button"
        data-content-zone-group="footer"
        data-content-zone-location="footer.contact-us"
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="/fr/contactez-nous"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Contactez-nous

            
        </span>

        
    </a>


</div>


<div class="s-businessHours ">
    

    <p
            class="a-typography    s-businessHours__title o-footerAlpha__blockTitle -subheading1"
            
            
            aria-level="2"
    
        role="heading"
    
        content-zone-location="footer.business-hours"
            
    >
        Heures d'ouverture
    </p>


<div class="m-tabs "
     data-theme-style="tabs"
     x-data="{ activeTabIndex: 0 }"
     
>
    <nav class="m-tabs__links"
         role="tablist"
         aria-label="Tabs"
    >
        <button  
    class="m-tabLink "
    :class="activeTabIndex === 0 && '-active after:block'"
    role="tab"
    id="tab-0"
    tabindex="0"
    aria-controls="panel-0"
    @click="activeTabIndex = 0"
    x-bind:aria-selected="activeTabIndex === 0 ? 'true' : 'false'"
    data-tagging-precision="hours"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Sales"
    
    data-tagging-event="contacts"
    data-tagging-precision="hours"
    data-tagging-specificity="Sales"
>
    
                            Ventes
                        
</button>

                        
<button  
    class="m-tabLink "
    :class="activeTabIndex === 1 && '-active after:block'"
    role="tab"
    id="tab-1"
    tabindex="0"
    aria-controls="panel-1"
    @click="activeTabIndex = 1"
    x-bind:aria-selected="activeTabIndex === 1 ? 'true' : 'false'"
    data-tagging-precision="hours"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Service"
    
    data-tagging-event="contacts"
    data-tagging-precision="hours"
    data-tagging-specificity="Service"
>
    
                            Service
                        
</button>

                        
<button  
    class="m-tabLink "
    :class="activeTabIndex === 2 && '-active after:block'"
    role="tab"
    id="tab-2"
    tabindex="0"
    aria-controls="panel-2"
    @click="activeTabIndex = 2"
    x-bind:aria-selected="activeTabIndex === 2 ? 'true' : 'false'"
    data-tagging-precision="hours"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Parts"
    
    data-tagging-event="contacts"
    data-tagging-precision="hours"
    data-tagging-specificity="Parts"
>
    
                            Pièces
                        
</button>
    </nav>

    
        <div class="m-tabs__panels">
            <div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-0"
     aria-labelledby="tab-0"
     x-show="activeTabIndex === 0"
     
>
    
                            
<table class="m-departmentHours " >
    
        
        <tr class="m-departmentHours__row -active -footer"
            data-theme-style="depHoursInfos_footer_open">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Lundi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        09h00 - 21h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Mardi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        09h00 - 21h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Mercredi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        09h00 - 21h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Jeudi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        09h00 - 21h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Vendredi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        09h00 - 18h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Samedi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        10h00 - 16h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Dimanche
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        Fermé
    </td>


        </tr>

        
</table>

                        
</div>

                        
<div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-1"
     aria-labelledby="tab-1"
     x-show="activeTabIndex === 1"
     
>
    
                            
<table class="m-departmentHours " >
    
        
        <tr class="m-departmentHours__row -active -footer"
            data-theme-style="depHoursInfos_footer_open">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Lundi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        07h00 - 16h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Mardi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        07h00 - 16h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Mercredi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        07h00 - 16h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Jeudi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        07h00 - 16h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Vendredi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        07h00 - 16h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Samedi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        Fermé
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Dimanche
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        Fermé
    </td>


        </tr>

        
</table>

                        
</div>

                        
<div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-2"
     aria-labelledby="tab-2"
     x-show="activeTabIndex === 2"
     
>
    
                            
<table class="m-departmentHours " >
    
        
        <tr class="m-departmentHours__row -active -footer"
            data-theme-style="depHoursInfos_footer_open">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Lundi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        07h30 - 16h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Mardi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        07h30 - 16h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Mercredi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        07h30 - 16h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Jeudi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        07h30 - 16h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Vendredi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        07h30 - 16h00
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Samedi
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        Fermé
    </td>


        </tr>

        
        <tr class="m-departmentHours__row  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

    <td
            class="a-typography    m-departmentHours__day"
            
            
    >
        Dimanche
    </td>


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        Fermé
    </td>


        </tr>

        
</table>

                        
</div>
        </div>
    
</div>


</div>


<div
        class="s-brands "
        data-theme-style="brands"
>
    

    <p
            class="a-typography    s-brands__title o-footerAlpha__blockTitle -subheading1"
            
            
            aria-level="2"
    
        role="heading"
    
        content-zone-location="footer.brands"
            
    >
        Véhicules Volkswagen
    </p>


            <ul
            class="s-brands__list"
            role="list"
    >
        

<li class="s-brands__listItem">
                <a
                        class="s-brands__anchor"
                        href="/fr/catalogue-neuf/volkswagen/volkswagen-atlas-comfortline--2026-id33396"
                        title="Atlas à vendre chez Spinelli Volkswagen Lachine à Montréal"
                >
                        Atlas</a>
            </li>
        

<li class="s-brands__listItem">
                <a
                        class="s-brands__anchor"
                        href="/fr/catalogue-neuf/volkswagen/volkswagen-atlas-cross-sport-comfortline-2026-id33397"
                        title="Atlas Cross Sport à vendre chez Spinelli Volkswagen Lachine à Montréal"
                >
                        Atlas Cross Sport</a>
            </li>
        

<li class="s-brands__listItem">
                <a
                        class="s-brands__anchor"
                        href="/fr/catalogue-neuf/volkswagen/volkswagen-golf-gti-gti--2026-id32231"
                        title="Golf GTI à vendre chez Spinelli Volkswagen Lachine à Montréal"
                >
                        Golf GTI</a>
            </li>
        

<li class="s-brands__listItem">
                <a
                        class="s-brands__anchor"
                        href="/fr/catalogue-neuf/volkswagen/volkswagen-golf-r-4motion-2026-id32232"
                        title="Golf R à vendre chez Spinelli Volkswagen Lachine à Montréal"
                >
                        Golf R</a>
            </li>
        

<li class="s-brands__listItem">
                <a
                        class="s-brands__anchor"
                        href="/fr/catalogue-neuf/volkswagen/volkswagen-id-buzz-1re-edition-2025-id29481"
                        title="ID. Buzz à vendre chez Spinelli Volkswagen Lachine à Montréal"
                >
                        ID. Buzz</a>
            </li>
        

<li class="s-brands__listItem">
                <a
                        class="s-brands__anchor"
                        href="/fr/catalogue-neuf/volkswagen/volkswagen-id-4-base-2025-id31172"
                        title="ID.4 à vendre chez Spinelli Volkswagen Lachine à Montréal"
                >
                        ID.4</a>
            </li>
        

<li class="s-brands__listItem">
                <a
                        class="s-brands__anchor"
                        href="/fr/catalogue-neuf/volkswagen/volkswagen-jetta-trendline--2026-id32227"
                        title="Jetta à vendre chez Spinelli Volkswagen Lachine à Montréal"
                >
                        Jetta</a>
            </li>
        

<li class="s-brands__listItem">
                <a
                        class="s-brands__anchor"
                        href="/fr/catalogue-neuf/volkswagen/volkswagen-jetta-gli-autobahn-2026-id32229"
                        title="Jetta GLI à vendre chez Spinelli Volkswagen Lachine à Montréal"
                >
                        Jetta GLI</a>
            </li>
        

<li class="s-brands__listItem">
                <a
                        class="s-brands__anchor"
                        href="/fr/catalogue-neuf/volkswagen/volkswagen-taos-trendline-2026-id32221"
                        title="Taos à vendre chez Spinelli Volkswagen Lachine à Montréal"
                >
                        Taos</a>
            </li>
        

<li class="s-brands__listItem">
                <a
                        class="s-brands__anchor"
                        href="/fr/catalogue-neuf/volkswagen/volkswagen-tiguan-trendline-4motion-2026-id32220"
                        title="Tiguan à vendre chez Spinelli Volkswagen Lachine à Montréal"
                >
                        Tiguan</a>
            </li>
        </ul>

        
</div>

            
<div class="s-usefulLinks ">
    

    <p
            class="a-typography    s-usefulLinks__title o-footerAlpha__blockTitle -subheading1"
            
            
            aria-level="2"
    
        role="heading"
    
        content-zone-location="ContentZone{contentZoneId=2133671, contentZoneDefinitionId=449831, nameFr='FOOTER | Liens Utiles | Title', nameEn='FOOTER | Liens Utiles | Title', name='FOOTER | Liens Utiles | Title', descriptionFr='', descriptionEn='', description='', location='footer.useful-links.title', locationGroup='footer', hasImage=false, hasHTML=false, hasText=true, hasLink=false, hasImage2=false, hasHTML2=false, hasText2=false, hasLink2=false, imageFr='null', imageEn='null', image='null', textFr='Liens utiles', textEn='Useful Links', text='Liens utiles', htmlFr='null', htmlEn='null', html='null', linkFr='null', linkEn='null', link='null', image2Fr='null', image2En='null', image2='null', text2Fr='null', text2En='null', text2='null', html2Fr='null', html2En='null', html2='null', link2Fr='null', link2En='null', link2='null', multipleInstance=false, instanceSlug='null', priority=0}"
            
    >
        Liens utiles
    </p>


    <ul
            class="s-usefulLinks__list"
            content-zone="footer.useful.links.instances"
            role="list"
    >
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="promotions"
                        href="/fr/promotions"
                >
                        Offres spéciales
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="services"
                        href="/fr/services"
                >
                        Département de service
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="financing"
                        href="/fr/financement"
                >
                        Département de financement
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="about"
                        href="/fr/nos-programmes-exclusifs"
                >
                        À propos
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="news"
                        href="/fr/nouvelles"
                >
                        Actualités
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="team"
                        href="/fr/notre-equipe"
                >
                        Notre équipe
                </a>
            </li>
        
    </ul>
</div>

        </div>

        
    </div>

    
<nav
        aria-label="Copyright du site web"
        class="s-copyright -lightMode"
        data-theme-style="copyright"
        data-copyright
>
    <div class="s-copyright__innerWrapper">
        

    <span
            class="a-typography -fineprint   s-copyright__name"
            
            
            itemprop="copyrightHolder"
            
    >
        &copy; 2026 Spinelli Volkswagen Lachine
    </span>


        <a
                class="s-copyright__anchor -fineprint"
                href="/fr/plan-du-site"
        >
            Plan du site
        </a>

        <a
                class="s-copyright__anchor -fineprint"
                href="/fr/conditions-utilisation"
        >
            Conditions d'utilisation
        </a>

        <a
                class="s-copyright__anchor -fineprint"
                href="/fr/politique-confidentialite"
        >
            Politique de confidentialité
        </a>

        
            <a
                    href="javascript:Didomi.preferences.show()"
                    class="s-copyright__anchor -fineprint"
            >
               Choix de consentement
            </a>
        

    </div>
</nav>

</footer>

</div>
                </div>
            </div>
        </div>
        

<div
        class="m-scrolltopAlpha "
        
        x-init=""
        x-scrolltop=""
>

    
        <svg
                aria-hidden="false"
                class="i-icon i-scrolltop "
                
                height="24"
                role="button"
                title="Aller en haut de la page"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m23,18.15l-10.2,-10.7c-0.6,-0.6 -0.8,-0.7 -1.5,0l-10.2,10.7l-0.8,-0.8l10.2,-10.7a1.9,1.9 0 0 1 1.5,-0.8a2.239,2.239 0 0 1 1.5,0.8l10.2,10.7l-0.7,0.8z" stroke-width="0"/>
                

        </svg>
    

</div>

    
<div id="fb-root"></div><script type="text/javascript">

        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id; js.defer = true;
            js.src = "//connect.facebook.net/fr_CA/sdk.js#xfbml=1&version=v2.11";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
</script>
<!--[if lt IE 8]>
        <div class="chromeframe" style="height:80px;">
            <div style="margin: 0; background: #ccc; color: #000; padding: 1.2em 0; position:fixed; bottom:0; width:100%; z-index:1000;">
                <div style="display:block; margin:0.5em auto; width:940px;">
                    Vous utilisez un navigateur <strong>désuet</strong>. S'il vous plaît <a href="http://browsehappy.com/">mettre à jour votre navigateur</a> ou <a href="http://www.google.com/chromeframe/?redirect=true">activer Google Chrome Frame</a> pour améliorer votre expérience.</div>
            </div>
        </div>
        <![endif]-->
    

        <script src="/js/shiftdigital-click-tracking.js"></script>
    

<script src="/js/core-ux/core-ux.min.js" defer></script>


<script defer src="https://cdn.icomoon.io/78355/manufacturer-volkswagen/svgxuse.js?a8n509"></script>


<script src="/js/manufacturers/volkswagen/volkswagen.min.js" defer></script>
<script>
    $(document).ready(function () {

        // Select all elements with the "data-max-char-reviews-slider" attribute
    const reviews = document.querySelectorAll('[data-max-char-reviews-slider]');
    const truncateElement = document.querySelector('[data-truncate]');
    const maxLength = truncateElement && truncateElement.dataset.truncate.trim() !== '' ? truncateElement.dataset.truncate : 200;
    const maxx = JSON.parse(maxLength);

    reviews.forEach(review => {
    const text = review.textContent.trim();

        // Check if the text is longer than the maximum length
        if (text.length > maxLength) {
            // Shorten the text and add ellipsis (...)
            const truncatedText = text.slice(0, maxLength) + '...';

            // Update the text content to show the truncated version
            review.textContent = truncatedText;

            // Create a "more" link that will allow the user to expand the text
            const moreLink = document.createElement('span');
            moreLink.textContent = ' +';
            moreLink.classList.add('more-text');
            review.appendChild(moreLink);

                // Add an event listener to the link that will show the full text when clicked
                moreLink.addEventListener('click', () => {
                review.textContent = text; // Replace the truncated text with the full text
                // review.appendChild(moreLink); // Re-add the "more" link so it can toggle back if needed
                });
        }
    });

    });

</script>


<script defer src="/js/theme/manticore360/main.min.js?v=080958284"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js"></script>
        <script defer src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>

        <script type="text/javascript">
</script>
<link rel="preload"     href="https://elements.decisioningit.com/styles.css" as="style">
            <link rel="stylesheet"  href="https://elements.decisioningit.com/styles.css">

            <script defer="" src="https://banners.decisioningit.com/dit-banner.js?i=sm360&ts=202509231000"></script>
            <script defer="" src="https://elements.decisioningit.com/dit-360-cta-integration-on-vdp.js?applicationToken=&executionMode=1&result=00330033&ts=202509231000"></script>
            <script defer="" src="https://financeapp.decisioningit.com/assets/iframe/widgetcontroller/1.1.0/ditWidgetController.js?i=sm360&ts=202509231000"></script>
            <script defer="" src="https://financeapp.decisioningit.com/assets/iframe/widgetinitializer/1.1.0/ditWidgetInitializer.js?i=sm360&ts=202509231000"></script>
        

        <script src="/js/urlTracker.js"></script>

        <script type="text/javascript">
            $(document).ready(function () {
                var contextPath = '';
                urlTracker.addUrl(contextPath);
            });

        </script>

        
                <div id="cherry-popper"></div>

    <script type="text/javascript">
        $(window).load(function(){
            $.getScript( "//cherry.sm360.ca/js/1.0.0/cherry-popper.min.js?v=080958284").done(function( script, textStatus ) {
                $('#cherry-popper').popper({
                    serviceUrl:"//cherry.sm360.ca/cherries",
                    websiteId: 4859,
                    vehicleInventoryId: window.dataLayer && window.dataLayer[0].stockNo ? window.dataLayer[0].id : undefined,
                    vehicleCatalogTrimId: window.dataLayer && window.dataLayer[0].condition && !window.dataLayer[0].stockNo ? window.dataLayer[0].id : undefined,
                    organizationUnitId: 1434,
                    currentPage: document.location.href,
                    locale: "fr"
                });

                $('#cherry-popper').popper("init");
            })
            .fail(function( jqxhr, settings, exception ) {
                console.log("Cherries not loaded, problem loading js");
            });
        });
        function closePopup() {
            $('#cherry-popper').popper("closeCurrentPopup");
        }
    </script>

            
<style>
    .footer-sm {
        margin: auto;
    }

    .footer-sm.custom {
        background-color: ;
    }

    .footer-sm.custom .content {
        color: ;
    }

    .footer-sm.light {
        background-color: #ffffff
    }

    .footer-sm.light .content {
        color: #666;
    }

    .footer-sm.dark {
        background-color: #111111
    }

    .footer-sm.dark .content {
        color: #f9f9f9;
    }

    .footer-sm--container {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        padding: 15px;
    }

    .footer-sm--container .content {
        padding: 0;
        margin: 0 10px 0 0;
        text-transform: uppercase;
        font-family: arial, sans-serif;
        font-size: 9px;
        float: left;
        line-height: 25px;
    }

    .footer-sm--container .logo-sm {
        height: 24px;
        display: block;
        float: left;
        clear: none;
    }

</style>
<style media="print">
    .footer-sm {
        display: none;
    }
</style>

<div class="footer-sm light" role="contentinfo" aria-label="Footer 360.Agency">
    <div class="footer-sm--container">
        
        
                <p class="content">Propulsé et développé par</p>
                
                    <a href="https://360.agency/fr/solutions-pour-concessionnaires-automobiles/solutions-automobiles-web-mobile/sites-web-sur-mesure/" target="_blank" rel="noopener" aria-label="Pied de page SM360">
                
                
                        <img src="https://img.sm360.ca/images/var/sm360/logo/fr-light.png" alt="360.Agency" width="122" class="logo-sm" height="24"  />

                    
                    </a>
                
            
        <br clear="all"/>
    </div>
</div>

        
        <script type="text/javascript">
    $(document).ready(function(){

        function insertDataAttribut() {
            var value, i, j;
            if (document.forms.length) {
                var forms = document.forms;
                for (i = 0; i < forms.length; i++) {
                    value = forms[i];
                    if (value.getAttribute('data-gtmsm360') == null) {
                        value.setAttribute('data-gtmsm360', 'conv__form');
                    }
                }
            }

            if (document.links.length) {
                var links = document.links;
                for (i = 0; i < links.length; i++) {
                    var testClass = links[i].className;

                    if (testClass.indexOf('header') >=0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__header-phone');
                    }
                    else if (testClass.indexOf('header') >= 0 && testClass.indexOf('logo') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-logo');
                    }
                    else if ((links[i].parentElement.className.indexOf('header') >=0) && (testClass.indexOf('button') >=0 )) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-cta');
                    }
                    else if ((links[i].parentElement.className.indexOf('header') >=0) && (testClass.indexOf('btn') >=0 )) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-cta');
                    }
                    else if (testClass.indexOf("header") >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__main-menu');
                    }
                    else if (testClass.indexOf('footer') >= 0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__footer-phone');
                    }
                    else if (testClass.indexOf('footer') >= 0 && testClass.indexOf('address') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__footer-address');
                    }
                    else if (testClass.indexOf("footer") >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__footer-link');
                    }
                    else if (testClass.indexOf('social') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__social-media');
                    }
                    else if (testClass.indexOf('pagination') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__pagination');
                    }
                    else if (testClass.indexOf('language') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__language');
                    }
                    else if (links[i].parentElement.className.indexOf('header') >=0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__header-phone');
                    }
                    else if (links[i].parentElement.className.indexOf('filter-section') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (testClass.indexOf('search-tool') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (testClass.indexOf('inventory-search') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (links[i].parentElement.className.indexOf('seo-section') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__contact-cta');
                    }
                    else if(links[i].hasAttribute('data-carfax-version')) {
                        links[i].setAttribute('data-gtmsm360', 'ux__body-carfax');
                    }
                    else {
                        links[i].setAttribute('data-gtmsm360', 'ux__cta');
                    }
                }
            }

            /**
             * Add data-gtmsm360 on the calculator widget input fields and all form input fields
             */
            if(document.getElementsByTagName('input').length){
                var inputs = document.getElementsByTagName('input');
                for (j = 0; j < inputs.length; j++) {
                    if(inputs[j].hasAttribute("data-calculator")){
                        inputs[j].setAttribute('data-gtmsm360', 'ux__estimate_your_payment');
                    } else if(inputs[j].getAttribute('type') !== 'hidden' && inputs[j].getAttribute('type') !== 'checkbox' && inputs[j].getAttribute('type') !== 'radio') {
                        inputs[j].setAttribute('data-gtmsm360', 'ux__form_input');
                    }
                }
            }

            /**
             * Add data-gtmsm360 on the home search tool radio button, all form radio buttons,
             * all radio and checkbox buttons in inventory filters and all form checkbox buttons
             */
            if ($('label').length>0) {
                $('label').each(function(){
                    if($(this).hasClass('radio-button__label')){
                        if($(this).prop('for').search('filter-hub') >= 0){
                            $(this).attr('data-gtmsm360', 'ux__new_used_button');
                        } else {
                            $(this).attr('data-gtmsm360', 'ux__radio-btn');
                        }
                    } else if($(this)[0].hasAttribute('class')){
                        if($(this).attr('class').search('filters-radio-button-label') >= 0){
                            $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                        }
                    } else if($(this).hasClass('filters-dropdown__checkbox-label')){
                        $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                    } else if($(this).hasClass('checkbox-label')){
                        $(this).attr('data-gtmsm360', 'ux__checkbox-btn');
                    }
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool radio button
             */
            if ($('.home-filter__radio-button').length>0) {
                $('.home-filter__radio-button label').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool tabs
             */
            if ($('.page-index [data-filters]').length>0) {
                $('.page-index [data-filters]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool dropdown
             */
            if ($('.home-filter [data-widget-dropdown-button]').length>0) {
                $('.home-filter [data-widget-dropdown-button]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }
            if ($('.page-index [data-options] [data-widget-dropdown-button]').length>0) {
                $('.page-index [data-options] [data-widget-dropdown-button]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the catalog listing bodystyle filter
             */
            if ($('[data-bodystyle-trigger]').length>0) {
                $('[data-bodystyle-trigger]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__first_level_filters');
                });
            }

            /**
             * Add data-gtmsm360 on the home promo slider arrows
             */

            if ($('.promo-header-slide').length>0) {
                $('.promo-header-slide .link__slider-arrows-text').each(function(){
                    $(this).parent().attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }
            if ($('[class^="promo-header-"] .slick-arrow').length>0) {
                $('[class^="promo-header-"] .slick-arrow').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                    $(this).find('i').attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }

            var arrows = $('[data-promo-banner-prev], [data-promo-banner-next]');
            if (arrows.length>0) {
                arrows.each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }

            /**
             * Add data-gtmsm360 on the home promo slider slide
             */

            if ($('[class^="promo-header-"] .slick-slide').length>0) {
                $('[class^="promo-header-"] .slick-slide').each(function(){
                    $(this).find('a').attr('data-gtmsm360', 'ux__home-caroussel');
                    $(this).find('img').attr('data-gtmsm360', 'ux__home-caroussel');
                });
            }

            var promoCarrossel = $('[data-promo-banner-image], [data-promo-banner-link]');
            if (promoCarrossel.length>0) {
                promoCarrossel.each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel');
                });
            }

            /**
             * Add data-gtmsm360 on the home catalog slider arrows for bxslider and slick slider
             * and the vehicle preview links
             */
            if ($('.catalog-section').length>0) {
                $('.catalog-section .controls-btn').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                });
                $('.catalog-section .link__slider-arrows-text').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                    $(this).parent().attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                });
                $('.catalog-section .bxslider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
                $('.catalog-section [data-catalog-index] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
                $('.catalog-section [data-catalog-vehicle] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
            }

            /**
             * Add data-gtmsm360 on the catalog vdp slider arrows
             */
            if ($('.catalog-details__views-wrapper .link__slider-arrows-text').length>0) {
                $('.catalog-details__views-wrapper .link__slider-arrows-text').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).parent().attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    if($(this).parent().attr('class').search('next') >= 0){
                        $(this).addClass('ux__vehicle_images_arrows--next');
                        $(this).parent().addClass('ux__vehicle_images_arrows--next');
                    } else {
                        $(this).addClass('ux__vehicle_images_arrows--prev');
                        $(this).parent().addClass('ux__vehicle_images_arrows--prev');
                    }
                });
            }
            if ($('.catalog-details__content-images__control').length>0) {
                $('.catalog-details__content-images__control .link__slider').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).find('i').attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).find('span').attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    if($(this).attr('class').search('next') >= 0){
                        $(this).addClass('ux__vehicle_images_arrows--next');
                        $(this).find('i').addClass('ux__vehicle_images_arrows--next');
                        $(this).find('span').addClass('ux__vehicle_images_arrows--next');
                    } else {
                        $(this).addClass('ux__vehicle_images_arrows--prev');
                        $(this).find('i').addClass('ux__vehicle_images_arrows--prev');
                        $(this).find('span').addClass('ux__vehicle_images_arrows--prev');
                    }
                });
            }

            /**
             * Add data-gtmsm360 on all add to compare checkbox buttons
             */
            if($('[data-comparetool-trigger]').length>0){
                $('[data-comparetool-trigger]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('span').attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('i').attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('>label').attr('data-gtmsm360', 'ux__add_to_compare_option');
                });
            }

            /**
             * Add data-gtmsm360 on all form submit buttons
             */
            if($('div.submit').length>0){
                $('div.submit').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__form-submit');
                });
            }

            if($('button[type=submit]').length>0){
                $('button[type=submit]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__form-submit');
                });
            }

            /**
             * Add data-gtmsm360 on the inventory odometer and price filter sliders
             */
            if($('[data-slider-handle]').length>0){
                $('[data-slider-handle]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }
            if($('.inventory-listing__filters .page-sidebar__left').length>0){
                $('.inventory-listing__filters .page-sidebar__left a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }
            if($('[data-collapsing-filters]').length>0){
                $('[data-collapsing-filters] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }

            /**
             * Add a class to the inventory image gallery links that have no class
             */
            if($('[data-gallery-image]').length > 0){
                $('[data-gallery-image] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }

            if($('.inventory-details__header-image').length>0){
                $('.inventory-details__header-image a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images');
                });
            }
            if($('.inventory-details__header-content').length>0){
                $('.inventory-details__header-content a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images');
                });
            }
            if($('[data-carousel-slide]').length > 0){
                $('[data-carousel-slide]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__body-photo-gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__body-photo-gallery');
                });
            }
            if($('.o-carouselThumbnail').length>0){
                $('.o-carouselThumbnail').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__body-photo-gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__body-photo-gallery');
                });
            }

            /**
             * Add a class to the catalog image gallery links that have no class
             */
            if($('.catalog-details__gallery-section').length>0){
                $('.catalog-details__gallery-section a').not('.link__regular').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }
            if($('.catalog-details-premium__gallery-section').length>0){
                $('.catalog-details-premium__gallery-section a').not('.link__regular').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }
            if($('.catalog-details__content-images__slider').length>0){
                $('.catalog-details__content-images__slider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                });
            }
            if($('.catalog-details-premium__content-images__slider').length>0){
                $('.catalog-details-premium__content-images__slider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                });
            }

            /**
             * Add a class to the promo preview image links that have no class
             */
            if($('.promotion-preview').length>0){
                $('.promotion-preview').each(function(){
                    if(!$(this).find('a').hasClass('promotion-preview__anchor')){
                        $(this).find('a').addClass('promotion-preview__anchor');
                    }
                });
            }

            const allTaggingScope = document.querySelectorAll('[data-tagging-scope]');
            if(allTaggingScope.length > 0){
                let taggingEvent = '';
                let taggingScope = '';
                let taggingPrecision = '';

                for(const scope of allTaggingScope) {
                    taggingEvent = scope.dataset.taggingEvent;
                    taggingScope = scope.dataset.taggingScope;
                    taggingPrecision = scope.dataset.taggingPrecision;
                    if(taggingScope === 'best-sellers') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-right');
                        }
                        else if(taggingPrecision === 'cta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-cta');
                        }
                    }
                    else if(taggingScope === 'body') {
                        if(taggingPrecision === 'ctaService') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-service');
                        }
                    }
                    else if(taggingScope === 'catalog-detail') {
                        if(taggingPrecision === 'quote') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-price-quote');
                        }
                        else if(taggingPrecision === 'specification') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-specs-accordion');
                        }
                        else if(taggingPrecision === 'trimChooser') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-trim');
                        }
                    }
                    else if(taggingScope === 'catalog-detail-images-interior' || taggingScope === 'catalog-detail-images-exterior') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vehicle-images-arrow-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', "ux__body-vehicle-images-arrow-right");
                        }
                        else if(taggingPrecision === 'cta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carrousel-cta');
                        }
                    }
                    else if(taggingScope === 'catalogDetails') {
                        if(taggingPrecision === 'colorChooser') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vdp-colors');
                        }
                        else if(taggingPrecision === 'photoGallery') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                        else if(taggingPrecision === 'basicAction') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                    }
                    else if(taggingScope === 'compare') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                    }
                    else if(taggingScope === 'dropdown') {
                        scope.setAttribute('data-gtmsm360', 'ux__body-select-option');
                    }
                    else if(taggingScope === 'footer') {
                        if(taggingPrecision === 'address') {
                            scope.setAttribute('data-gtmsm360', 'eng__footer-address');
                        }
                        else if(taggingPrecision === 'linkContact') {
                            scope.setAttribute('data-gtmsm360', 'ux__footer-link-contact');
                        }
                        else if(taggingPrecision === 'phone') {
                            scope.setAttribute('data-gtmsm360', 'conv__footer-phone');
                        }
                        else if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__footer-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'header') {
                        if(taggingPrecision === 'address') {
                            scope.setAttribute('data-gtmsm360', 'eng__header-address');
                        }
                        else if(taggingPrecision === 'ctaService') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-cta-service');
                        }
                        else if(taggingPrecision === 'phone') {
                            scope.setAttribute('data-gtmsm360', 'conv__header-phone');
                        }
                        else if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__header-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'header-menu') {
                        if(taggingPrecision === 'firstLevel') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-main-menu');
                        }
                    }
                    else if(taggingScope === 'header-submenu') {
                        if(taggingPrecision === 'vehicle') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-submenu-vehicle');
                        }
                    }
                    else if(taggingScope === 'home-promo') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-home-carousel-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-home-carousel-right');
                        }
                    }
                    else if(taggingScope === 'inventory-detail') {
                        if(taggingPrecision === 'quote') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-price-quote');
                        }
                    }
                    else if(taggingScope === 'inventoryDetails') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                        else if(taggingPrecision === 'photoGallery') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                        else if(taggingPrecision === 'basicAction') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                    }
                    else if(taggingScope === 'inventoryListing') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                    }
                    else if(taggingScope === 'newsletter') {
                        if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__body-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'page-about') {
                        if(taggingPrecision === 'shopOnline') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-about-cta');
                        }
                    }
                    else if(taggingScope === 'page-contact') {
                        if(taggingPrecision === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__body-social-media-meta');
                        }
                        if(taggingPrecision === 'phone') {
                            scope.setAttribute('data-gtmsm360', 'conv__contact-phone');
                        }
                        if(taggingPrecision === 'address') {
                            scope.setAttribute('data-gtmsm360', 'eng__contact-address');
                        }
                    }
                    else if(taggingScope === 'pagination') {
                        scope.setAttribute('data-gtmsm360', 'ux__body-pagination');
                    }
                    else if(taggingScope === 'promoCard') {
                        if(taggingPrecision === 'promoCardImage') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-images-promo');
                        }
                        else if(taggingPrecision === 'promoCardLink') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-promo');
                        }
                    }
                    else if(taggingScope === 'similar-vehicles') {
                        if(taggingPrecision === 'vehicleCardImage') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vehicle-images-similar-vehicle');
                        }
                        else if(taggingPrecision === 'vehicleCardCta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-similar-vehicle');
                        }
                        else if(taggingPrecision === 'vehicleCardTitle') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-similar-vehicle');
                        }
                    }
                    else if(taggingScope === 'sticky') {
                        scope.setAttribute('data-gtmsm360', 'eng__sticky-social-media');
                    }
                    else if(taggingScope === 'vehicle-card') {
                        if(taggingPrecision === 'compare') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-listing-compare');
                        }
                    }
                    else if(taggingScope === 'evCta') {
                        scope.setAttribute('data-gtmsm360', 'ux__main-menu');
                    }
                }
            }

        }

        insertDataAttribut();
        initFidelitixTracking();
    });

</script>


         <script type="text/javascript">

    /**
     * This function send data (leadId) of submitted form to Fidelitix
     */
    function sendFormSubmitData(leadId) {
        var fidelObj = window.ra || "data";
        var hasFidelitix = (typeof (fidelObj) === "object");
        if (hasFidelitix) {
            ra.logEvent({
                "event": "leadFormSubmited",
                "eventCategory": "lead",
                "eventAction": "lead-form-submit",
                "eventValue": leadId
            });
        }
    }

    /**
     * This function send data of click on phone CTA to Fidelitix
     */

    function clickToCallFidelitix(phoneData, phoneNumber) {
        var fidelObj = window.ra || "data";
        var hasFidelitix = (typeof (fidelObj) === "object");
        if (hasFidelitix) {
            ra.logEvent({
                "event": "clickToCall",
                "eventCategory": phoneData,
                "eventAction": "click",
                "eventValue": phoneNumber
            });
        }
    }

    /**
     * This function add Click Event Listener to selected element
     */
    function addClicktoCall (selector, attributeName) {
         var selectorPhoneNumber = selector.href;
         var selectorPhoneData = selector.getAttribute(attributeName);
        selector.addEventListener("click", function (e) {
            clickToCallFidelitix(selectorPhoneData,selectorPhoneNumber);
        }, false);

    }

    /**
     * This function initialise phone numbers tracking
     */
    function initFidelitixTracking () {
        var i;
        var phoneNumbers = document.querySelectorAll('a[href*="tel:"]', '[data-gtmsm360]');
        if (phoneNumbers.length) {
            for (i = 0; i < phoneNumbers.length; i++) {
                addClicktoCall(phoneNumbers[i], 'data-gtmsm360')
            }
        }
    }
</script>


<style> .m-highlightCardKilo__title{width: 70%; margin: 1.25rem auto; } </style><style> .p-contactAlpha__map{ display: none; } .p-contactAlpha__contactTheDealerWrapper{ top: 0; } </style><style> @media (min-width: 1024px) { .page-bodyshop .t-section.-center .t-section__title .t-section__subtitle, .t-section.-center .t-section__wysiwyg { grid-column-start: 1; } .page-bodyshop .t-staticPageBravo__form, .page-bodyshop .t-staticPageBravo__sectionDetail { margin-bottom: 0; } } </style><style> .grecaptcha-badge{ display: none; } </style>


<script>
    function colorChooserRedirect(colorCode) {
        const currentUrl = window.location;
        const currentUrlParams = new URLSearchParams(window.location.search);
        currentUrlParams.set('extColorCode', colorCode);
        window.location = currentUrl.origin + currentUrl.pathname + '?' + currentUrlParams.toString();
    }

    document.addEventListener("DOMContentLoaded", () => {
        const chooserItem = document.querySelectorAll('[data-color-chooser-redirect="true"] [data-color-chooser-item]');
        chooserItem.forEach(item => {
            item.addEventListener('click', e => {
                e.preventDefault();
                colorChooserRedirect(item.dataset.colorChooserCode);
            })
        });
    });

</script>
    </body>
    
</html>