

<!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.polestarvilledequebec.com/fr">
        
        
        <title>Polestar Ville de Québec | Concessionnaire Polestar à Québec</title>
<meta name="description" content="Chez Polestar Ville de Québec, découvrez les Polestar neufs et d'occasion dès aujourd'hui. Nous sommes votre concessionnaire numéro un pour les services Polestar à Québec.">


<meta property="og:type" content="website"/>
<meta property="og:title" content="Polestar Ville de Québec | Concessionnaire Polestar à Québec"/>
<meta property="og:description" content="Chez Polestar Ville de Québec, découvrez les Polestar neufs et d'occasion dès aujourd'hui. Nous sommes votre concessionnaire numéro un pour les services Polestar à Québec."/>
<meta property="og:site_name" content="Polestar Ville de Québec"/>
<meta property="og:url" content="https://www.polestarvilledequebec.com/fr"/>
<meta property="og:image" content="https://img.sm360.ca/images/web/groupesaillant-995/4954/logo-polestar-quebec1781876813586.svg"/>
<meta property="og:locale" content="fr"/>


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


    <meta name="twitter:image" content="https://img.sm360.ca/images/web/groupesaillant-995/4954/logo-polestar-quebec1781876813586.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=052710625" type="text/css" rel="stylesheet"/>


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


<link rel="preload" href="/css/manufacturers/polestar/polestar.min.css" as="style" />
<link type="text/css" rel="stylesheet" href="/css/manufacturers/polestar/polestar.min.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/groupesaillant-995/4954/favicon1777060026858.png">
        <link rel="apple-touch-icon-precomposed" href="https://img.sm360.ca/images/web/groupesaillant-995/4954/logo-icon-appletouch1777060033826.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=043124638" 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","FnpRgEYy")})();
            </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": "Polestar Ville de Québec",
            
        });
    }
</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": "Polestar Ville de Québec",
            
        });
    }
</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": "Polestar Ville de Québec",
            
        });
    }
</script>


        <script type="text/javascript">
        dataLayer = [{
            "isLoggedIn": "false",
            "hasVehicleInGarage": "false",
            "page404": "no",
            "dealership": "Polestar Ville de Québec",
            "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-WK9TMNF2');</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=6LfqpmwtAAAAACxfqkcK2rmFXvDKLfAjiKqSFs-d"></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('6LfqpmwtAAAAACxfqkcK2rmFXvDKLfAjiKqSFs-d', { action: 'homepage' })
                        .then((token) => {
                            resolve(token);
                        })
                        .catch((error) => {
                            reject(error);
                        });
                });
            });
        }
    </script>


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


<script type='application/ld+json'>
{
    "@context": "http://www.schema.org",
    "@type": "AutoDealer",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "2238 rue Cyrille-Duquet",
        "addressLocality": "Québec",
        "addressRegion": "QC",
        "postalCode": "G1N 2G3",
        "addressCountry": "CA"
    },
    "brand": "polestar",
    "description": "Polestar Ville de Québec, concessionnaire Polestar à Québec",
    "email": "s/o",
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "46.79532422",
        "longitude": "-71.28237927"
    },
    "image": "https://img.sm360.ca/images/web/groupesaillant-995/logo-polestar-quebec1781877357991.svg",
    "knowsLanguage": "fr-CA
    ,
    en-CA",
    "logo": "https://img.sm360.ca/images/web/groupesaillant-995/logo-polestar-quebec1781877357991.svg",
    "memberOf": {
        "@type": "ProgramMembership",
        "programName": "s/o"
    },
    "name": "Polestar Ville de Québec",
    "openingHours": "Mo 08:30-19:00 
            
                
                Tu 08:30-19:00 
            
                
                We 08:30-19:00 
            
                
                Th 08:30-19:00 
            
                
                Fr 08:30-18:00 
            
                
                Sa - 
            
                
                Su -",
    "priceRange": "5000.0-250000.0 $",
    "sameAs": [
        "https://www.facebook.com/polestarvilledequebec/",
        "",
        "",
        "",
        "https://www.instagram.com/polestarvilledequebec/"
    ],
    "telephone": "1-418-800-7490",
    "url": "www.polestarvilledequebec.com"
}
</script>

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

<link href="/theme/css/theme?v=052710625" 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-WK9TMNF2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager -->


<script type='application/ld+json'>
{
  "@context": "http://www.schema.org",
  "@type": "AutoDealer",
  "name": "Polestar Ville de Québec",
  "url": "www.polestarvilledequebec.com",
  "logo": "https://img.sm360.ca/images/manufacturer/polestar/polestar-color-128-notag.png",
  "priceRange": "5000.0-250000.0 $",
  "image": "https://img.sm360.ca/images/manufacturer/polestar/polestar-color-128-notag.png",
  "description": "Polestar Ville de Québec, concessionnaire Polestar à Québec",
  "address": {
     "@type": "PostalAddress",
     "streetAddress": "2238 rue Cyrille-Duquet",
     "addressLocality": "Québec",
     "addressRegion": "Québec",
     "postalCode": "G1N 2G3",
     "addressCountry": "CA"
  },
  "geo": {
     "@type": "GeoCoordinates",
     "latitude": "46.79532422",
     "longitude": "-71.28237927"
  },
   "openingHours": "Mo 08:30-19:00 
            
                
                Tu 08:30-19:00 
            
                
                We 08:30-19:00 
            
                
                Th 08:30-19:00 
            
                
                Fr 08:30-18:00 
            
                
                Sa - 
            
                
                Su -",
   "telephone": "1-418-800-7490"
}
</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 "
        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 "
        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 "
                                x-ref="header"
                        >

                            
<header
        class="o-header -delta "
        data-header
        data-mobile-header
        x-intersect:enter="$refs.nav.style.position = 'static'"
            x-intersect:leave="$refs.nav.style.position = 'fixed', $refs.nav.style.top = 0"
        itemscope
        itemtype="https://schema.org/WPHeader"
        role="banner"
>
    

<div
    class="o-headerTopBravo__wrapper"
>
    <div class="o-headerTopBravo -darkMode gen-group">
        

    <p
            class="a-typography    o-headerTopBravo__dealerName"
            
            
    >
        Polestar Ville de Québec
    </p>


        <div class="o-headerTopBravo__rightContent">
            <div class="o-headerTopBravo__dealerCoordinates">

                
<address class="m-addressLink -darkMode">
    
        <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 id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m5.25422,16.03646c-1.31192-1.85367-2.08892-4.03353-2.24705-6.30129-.09957-2.59396.84142-5.11956,2.61408-7.01424C7.21039,1.00399,9.43792.02149,11.77673,0h.43145c2.34467.01758,4.5761,1.00203,6.1711,2.72092,1.76875,1.89469,2.70974,4.41833,2.61408,7.00838-.15228,2.25995-.91171,4.43786-2.19825,6.30129-1.92688,2.92797-4.20908,5.60592-6.79778,7.9694-2.54185-2.39082-4.80256-5.06291-6.74311-7.96354Zm1.23578-12.48539c-1.54814,1.66615-2.37005,3.87922-2.28415,6.15284.14447,2.02751.84338,3.97689,2.02059,5.63327,1.68675,2.5256,3.62535,4.8754,5.7826,7.01424,2.17872-2.10369,4.11732-4.44177,5.7826-6.97322,1.17526-1.6935,1.86636-3.67608,1.99912-5.73289.07419-2.25214-.74576-4.44177-2.28219-6.08839-1.36658-1.4845-3.28761-2.33808-5.3043-2.35371h-.43145c-2.00888.01953-3.92209.86921-5.28282,2.34785Zm2.66679,5.30121c-.00195-1.57239,1.27092-2.84789,2.84249-2.84789,1.57157-.00195,2.8464,1.27159,2.8464,2.84398.00195,1.57044-1.27092,2.84593-2.84249,2.84789h0c-1.56962,0-2.84445-1.27354-2.8464-2.84398Zm1.19869,0c.00195.90828.73991,1.64467,1.64771,1.64467.9078-.00195,1.6438-.74029,1.6438-1.64857-.00195-.90828-.73796-1.64271-1.6438-1.64467-.90975,0-1.64771.73834-1.64771,1.64857Z" stroke-width="0" />
                
            
        </svg>
    

        </span>
    

    <a
        class="m-addressLink__anchor a-link "
        data-theme-style="addressLink"
        href="http://maps.google.com/?q=Polestar+Ville+de+Québec+2238+rue+Cyrille-Duquet+G1N+2G3+QC+Québec"
        data-tagging-event="contacts"
        data-tagging-precision="address"
        data-tagging-scope="header"
        target="_blank"
    >
        

        <span class="m-addressLink__addressStart">
            2238 rue Cyrille-Duquet, 
            Québec, 
        </span>

        <span class="m-addressLink__addressEnd">
            QC, 
            G1N 2G3 
            <svg
                aria-hidden="false"
                class="a-icon i-linkExternal m-addressLink__iconExternalLink"
                
                role="img"
                title="Ouvre une nouvelle fenêtre"
        >
            <use xlink:href="#icon-link-external"></use>
        </svg>
        </span>
    </a>
</address>

                    
            </div>

            
<div class="s-headerPhoneNumbers ">
    

        <div class="m-selectedSinglePhoneNumber">
            

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

    <span
            class="a-typography    m-generalPhoneNumber__phoneLabel "
            
            
    >
        Contactez-nous:
    </span>


    <a class="m-phoneNumberAnchor a-link shiftdigital-event m-generalPhoneNumber__anchor m-selectedSinglePhoneNumber"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Contactez-nous"
       data-shiftdigital-url="tel:1-418-800-7490"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-scope=""
       data-tagging-specificity="Contactez-nous"
       data-theme-style="phoneNumberAnchor"
       href="tel:+14188007490"
    >
        
        1-418-800-7490
    
    </a>


</div>


                <svg
                aria-hidden="true"
                class="i-icon i-arrowHeadDown m-selectedSinglePhoneNumber__dropdownIcon"
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m20.62311,7.36673c.01238.01187.02451.024.03639.03639.46786.48798.45156,1.26286-.03639,1.73075l-7.7141,7.50058c-.50801.48742-1.31001.48742-1.81802,0l-7.7141-7.50057c-.01238-.01187-.02451-.024-.03639-.03639-.46785-.48798-.45156-1.26286.03639-1.73075.50739-.48897,1.31064-.48897,1.81802,0l6.81609,6.61551,6.80009-6.61551c.50401-.48773,1.30401-.48773,1.80802,0" stroke-width="0"/>
                
            
        </svg>
            
        </div>
    

    <ul class="m-selectedDepartmentPhoneNumbers s-headerPhoneNumbers__listItem -dropdown ">
        
        
                    <li class="m-selectedDepartmentPhoneNumbers__listItem">
                        

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


    <a class="m-phoneNumberAnchor a-link shiftdigital-event m-selectedDepartmentPhoneNumbers__anchor"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Ventes"
       data-shiftdigital-url="tel:1-418-800-7490"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-scope=""
       data-tagging-specificity="Ventes"
       data-theme-style="phoneNumberAnchor"
       href="tel:+14188007490"
    >
        
                            1-418-800-7490
                        
    </a>


                    </li>
                
            
    </ul>


</div>


<div class="o-headerTopBravo__ctas">
    

    <a
        aria-label="Rendez-vous de service"
        class="a-button -alpha   group o-headerTopBravo__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/services"
        role="button"
        target="_self"
    >
        

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

            
        </span>

        
    </a>


</div>


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


<div class="o-headerMobileBravo -lightMode gen-group">

    
<a
    class="m-dealerLogo"
    data-czone="logo.dealer.header"
    data-czone-group="logo"
    href="/fr"
    title="Logo de Polestar Ville de Québec, concessionnaire Polestar à Québec"
>
    

            <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 Polestar Ville de Québec"
                     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/groupesaillant-995/4954/logo-polestar-quebec1781876813586.svg"
                    
                     data-atom-version="1.0"
                >
        
    
</a>


<div
        class="m-menuButtonBravo "
        data-menu-icon
        
        
>
        <div class="m-menuButtonBravo__text">
                Menu
        </div>

        
        <svg
                aria-hidden="false"
                class="i-icon i-closeButton m-menuButtonBravo__icon"
                
                height="24"
                role="img"
                title="Fermer la fenêtre"
                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="m0,12C0,5.37305,5.37305,0,12,0s12,5.37305,12,12-5.37305,12-12,12S0,18.62695,0,12Zm1.19922,0c0,5.96484,4.83594,10.79883,10.80078,10.79883s10.79883-4.83594,10.79883-10.80078c0-5.96289-4.83398-10.79883-10.79883-10.79883-5.96094.00781-10.79297,4.83984-10.80078,10.80078Zm14.27734,4.32031l-3.47461-3.47461-3.47656,3.47461c-.23438.23438-.61328.23438-.84766.00195l-.00195-.00195c-.22852-.23633-.22852-.61328,0-.84961l3.47461-3.4707-3.47461-3.48047c-.2168-.25-.19141-.62891.05859-.8457.22656-.19922.56445-.19727.79102.00195l3.47656,3.47461,3.47461-3.47461c.23438-.23242.61133-.23242.8457,0,.23242.22461.23828.59766.01367.83008l-.01367.01367-3.4707,3.47461,3.4707,3.47656c.23438.22852.23828.60547.00977.83984l-.00977.00977c-.11133.11328-.26172.17578-.41992.17578-.16016.00195-.31445-.06055-.42773-.17383l.00195-.00195Z" stroke-width="0"/>
                
            
        </svg>
    

</div>

</div>


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

        <div class="o-menuCharlie -lightMode">
            <a
    class="m-dealerLogo"
    data-czone="logo.dealer.header"
    data-czone-group="logo"
    href="/fr"
    title="Logo de Polestar Ville de Québec, concessionnaire Polestar à Québec"
>
    

            <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 Polestar Ville de Québec"
                     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/groupesaillant-995/4954/logo-polestar-quebec1781876813586.svg"
                    
                     data-atom-version="1.0"
                >
        
    
</a>


    <nav
            aria-label="Navigation principale du site web"
            data-sr360-header
            role="navigation"
    >
        <ul class="o-menuCharlie__list">
            
                
    <li
            class="o-navListItem "
            data-menu-item
            style="order:0"
            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-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="a-icon i-expandMore -menu"
                
                role="img"
                title="Développer l'élément accordéon"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </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="https://www.polestar.com/fr-ca/stock-cars/polestar-4-coupe/"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        target="_blank"
>
    Véhicules disponibles et en cours de livraison

    
        <svg
                aria-hidden="false"
                class="a-icon i-linkExternal o-navSubmenuAnchor__icon"
                
                role="img"
                title="Ouvre une nouvelle fenêtre"
        >
            <use xlink:href="#icon-link-external"></use>
        </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/formulaire/demande-d-essai-routier-neuf/3"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Demander un essai routier

    
</a>

    </li>


    </ul>
            
        
    </li>

                
    <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/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="a-icon i-expandMore -menu"
                
                role="img"
                title="Développer l'élément accordéon"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    </span>


        </a>

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

    <a
            aria-label="Acheter des véhicules d'occasion certifiés"
            class="a-link   group o-navSubmenuAnchor"
            
            
            title="Acheter des véhicules d'occasion certifiés"
            
            
            role="link"
            href="/fr/inventaire-certifie"
            
    >
        

        Acheter des véhicules d'occasion certifiés

        
    </a>


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

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

        Acheter des voitures 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/programme-certifie"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Programme Certifiés par Polestar

    
</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-d-essai-routier-occasion/18"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Demander un essai routier

    
</a>

    </li>


    </ul>
    

    </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="https://www.polestar.com/fr-ca/stock-cars/polestar-4/"
            role="button"
            target="_blank"
        >
    

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

                
        <svg
                aria-hidden="false"
                class="a-icon i-expandMore -menu"
                
                role="img"
                title="Développer l'élément accordéon"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </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="https://www.polestar.com/fr-ca/stock-cars/polestar-4/"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        target="_blank"
>
    Catalogue

    
        <svg
                aria-hidden="false"
                class="a-icon i-linkExternal o-navSubmenuAnchor__icon"
                
                role="img"
                title="Ouvre une nouvelle fenêtre"
        >
            <use xlink:href="#icon-link-external"></use>
        </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/polestar2"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Polestar 2

    
</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/polestar3"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Polestar 3

    
</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/polestar4"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Polestar 4

    
</a>

    </li>


        </ul>
    

    </li>

                
    <li
            class="o-navListItem "
            data-menu-item
            style="order:3"
            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=""
            
    >
        Service et accessoires

                
        <svg
                aria-hidden="false"
                class="a-icon i-expandMore -menu"
                
                role="img"
                title="Développer l'élément accordéon"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </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/services"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Point 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/supplements"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Accessoires et produits additionnels

    
</a>

    </li>


        </ul>
    

    </li>

                
    <li
            class="o-navListItem "
            data-menu-item
            style="order:4"
            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=""
            
    >
        Financements et offres

                
        <svg
                aria-hidden="false"
                class="a-icon i-expandMore -menu"
                
                role="img"
                title="Développer l'élément accordéon"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </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"
        
>
    Nos 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/financement"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Options de financement

    
</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/a-propos"
            role="button"
            
        >
    

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

                
        <svg
                aria-hidden="false"
                class="a-icon i-expandMore -menu"
                
                role="img"
                title="Développer l'élément accordéon"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </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/a-propos"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    À propos

    
</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/carrieres"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Carrières

    
</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/liste/temoignage"
        data-menu-anchor
        data-tagging-scope="header-menu"
        data-tagging-precision="secondLevel"
        tabindex="-1"
        
>
    Témoignages

    
</a>

    </li>


        </ul>
    

    </li>

                
<li
        class="o-navListItem -compare "
        data-menu-item=""
        style="order:6"
        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="a-icon i-carCompare -compare"
                
                role="img"
                title="Sélectionnez 2 véhicules pour comparer"
        >
            <use xlink:href="#icon-compare"></use>
        </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="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>

    
</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="m-languageSwitchCharlie "
    data-theme-style="languageSwitch"
>
    <a
                        class="m-languageSwitchCharlie__item m-languageSwitch__item -en"
                        href="/en" title='View website in English'
                >
                        <span
                                class="m-languageSwitchCharlie__itemLanguage m-languageSwitch__itemLanguage">
                                English
                        </span>
                </a>
    <span
                        class="m-languageSwitchCharlie__item m-languageSwitch__item -active -fr"
                        title='View website in English'
                >
                        <span
                                class="m-languageSwitchCharlie__itemLanguage m-languageSwitch__itemLanguage">
                                Français
                        </span>
                </span>
</div>
        </div>
    

    <div class="o-headerBottomDelta__infos -lightMode">
        
        
    <p
            class="a-typography -subheading1   o-headerBottomDelta__dealerName"
            
            
    >
        Polestar Ville de Québec
    </p>


<address class="m-addressLink o-headerBottomDelta__dealerAddress">
    

    <a
        class="m-addressLink__anchor a-link -splitted"
        data-theme-style="addressLink"
        href="http://maps.google.com/?q=Polestar+Ville+de+Québec+2238+rue+Cyrille-Duquet+G1N+2G3+QC+Québec"
        data-tagging-event="contacts"
        data-tagging-precision="address"
        data-tagging-scope="header"
        target="_blank"
    >
        

        <span class="m-addressLink__addressStart">
            2238 rue Cyrille-Duquet, 
            Québec, 
        </span>

        <span class="m-addressLink__addressEnd">
            QC, 
            G1N 2G3 
            <svg
                aria-hidden="false"
                class="a-icon i-linkExternal m-addressLink__iconExternalLink"
                
                role="img"
                title="Ouvre une nouvelle fenêtre"
        >
            <use xlink:href="#icon-link-external"></use>
        </svg>
        </span>
    </a>
</address>

            
<div class="m-generalPhoneNumber o-headerBottomDelta__dealerPhoneNumber">
    

    <span
            class="a-typography    m-generalPhoneNumber__phoneLabel "
            
            
    >
        Contactez-nous
    </span>


    <a class="m-phoneNumberAnchor a-link shiftdigital-event m-generalPhoneNumber__anchor o-headerBottomDelta__dealerPhoneNumber"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Contactez-nous"
       data-shiftdigital-url="tel:1-418-800-7490"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-scope=""
       data-tagging-specificity="Contactez-nous"
       data-theme-style="phoneNumberAnchor"
       href="tel:+14188007490"
    >
        
        1-418-800-7490
    
    </a>


</div>

    </div>
</div>

        
</header>

    
</div>

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

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

    <div
            class="o-carousel o-promoBanner__carousel"
            data-theme-style="carousel"
            
            data-promo-banner=""
    
        taggingScope=""
            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="238019"
                data-attribute-position="1"
                data-shiftdigital-event="carousel"
                data-shiftdigital-index="1"
                data-shiftdigital-title="Polestar - Event"
                data-shiftdigital-url="/fr/promotions/"
                href="/fr/promotions/"
                target=""
                title="Polestar - Event"
        >
                <picture class="a-image w-full o-promoBannerItem__picture">
                
                
                    <source media="(min-width:1024px)" srcset="https://img.sm360.ca/images/generator/headers/polestar/nat/polestar-nat-Polestar2-1920x500-fr.png">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/generator/headers/polestar/nat/polestar-nat-Polestar2-1200x500-fr.png">
                
                
                <img src="https://img.sm360.ca/images/generator/headers/polestar/nat/polestar-nat-Polestar2-1024x1024-fr.png"
                     alt="Polestar - Event"
                     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/groupesaillant-995/232394/2026-04-polestarcore-promo-banner-desk1776974723009.png">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/promo/groupesaillant-995/232394/2026-04-polestarcore-promo-banner-tab1776974736210.png">
                
                
                <img src="https://img.sm360.ca/images/promo/groupesaillant-995/232394/2026-04-polestarcore-promo-banner-mobile-v11776979428625.png"
                     alt="Trouvez votre Polestar chez {name}"
                     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"
            
    >
        Trouvez votre Polestar chez Polestar Ville de Québec
    </div>


    <div
            class="a-typography   -wysiwyg m-promoBannerContent__text"
            
            
            data-theme-style="promoBanner_content_textColor"
            
    >
        <meta charset="utf-8" />
<p><span>&nbsp;</span></p>
<meta charset="utf-8" />
<br />
    </div>

<div class="m-promoBannerContent__buttonsWrapper -horizontal">
                <div class="m-promoBannerContent__button">
                        

    <a
        aria-label="Contactez-nous"
        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/contactez-nous"
    
        data-shiftdigital-title="Trouvez votre Polestar chez {name}"
    
        data-shiftdigital-event="carousel"
    
        data-attribute-id="237248"
    
        data-promo-banner-link=""
    
        data-shiftdigital-index="2"
    
        data-attribute-position="2"
        href="/fr/contactez-nous"
        role="button"
        target="_self"
    >
        

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

            
        </span>

        
    </a>


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

    <a
        aria-label="Rendez-vous de service"
        class="a-button -charlie
        
            -primary   group shiftdigital-event"
        context-key="promoBannerContent_button2"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        data-shiftdigital-url="/fr/services"
    
        data-shiftdigital-title="Trouvez votre Polestar chez {name}"
    
        data-shiftdigital-event="carousel"
    
        data-attribute-id="237248"
    
        data-promo-banner-link=""
    
        data-shiftdigital-index="2"
    
        data-attribute-position="2"
        href="/fr/services"
        role="button"
        target="_self"
    >
        

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

            
        </span>

        
    </a>


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

</div>

            
        </div>
    

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

            
                <div class="o-carousel__mainArrows splide__arrows ">
                    

<button
        class="a-carouselArrow splide__arrow splide__arrow--prev -left "
        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="m18.5,1.35467l-10.3623,10.64533,10.3623,10.64533-1.31885,1.35467L5.5,12,17.18115,0l1.31885,1.35467Z" stroke-width="0" />
                
            
        </svg>
    

</button>


<button
        class="a-carouselArrow splide__arrow splide__arrow--next -right "
        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="m6.81885,0l11.68115,12-11.68115,12-1.31885-1.35467,10.3623-10.64533L5.5,1.35467l1.31885-1.35467Z" stroke-width="0" />
                
            
        </svg>
    

</button>

                </div>
            
        </div>

        
    </div>


</section>


        <template id="dropdownOptionTemplate">
    <li
        class="m-dropdownOptionBravo"
        data-theme-style="dropdownOptionBravo"
>
    <span data-value="">
        </span>
</li>
</template>


<section class="l-fullWidth   o-inventorySearchDelta -lightMode s-inventorySearch"
              
              
              data-theme-style="inventorySearchDelta"
              >
    

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

<div class="l-row -defaultPaddingBottom "
              
              
              data-showroom-enabled="false"
    
        data-module-version="delta"
    
        data-module=""
    
        data-module-type="inventory-search"
              
              >
    <div class="o-inventorySearchDelta__titleWrapper">
                

    <p
            class="a-typography -heading2   o-inventorySearchDelta__title"
            
            
            data-theme-style="titleUnderline"
            
    >
        Parcourir l'inventaire
    </p>


</div>

            <div class="o-inventorySearchDelta__hubs -notPopup" data-hubs>
                

<div class="o-inventorySearchDelta__hubItem -notPopup"
             data-theme-style="inventorySearchDelta_hubItem_fontColor inventorySearchDelta_hubItem_bgColor"
             data-inventory-search-delta-hub-item
        >
            

<div
        class="m-radio__container"
        data-theme-style="radio"
>
    <input
            class="m-radio o-inventorySearchDelta__radio"
            id="Acheter des véhicules d'occasion certifiés"
            checked
            data-listing-url="/fr/inventaire-certifie"
        
    
            iconThemeStyle="inventorySearchDelta_hubItem_iconColor"
        
    
            data-api-url="/fr/api/searchtool/filters/inventaire-certifie"
        
    
            data-use-showroom="false"
            name="hubFilter"
            tabindex="-1"
            type="radio"
            value="Acheter des véhicules d'occasion certifiés"
    />

    <label
            class="m-radio__label"
            data-navigation-enter-press
            for="Acheter des véhicules d'occasion certifiés"
            tabindex="0"
    >
        <span class="m-radio__hover"></span>

        Acheter des véhicules d'occasion certifiés
    </label>
</div>

</div>
    <div class="o-inventorySearchDelta__hubItem -notPopup"
             data-theme-style="inventorySearchDelta_hubItem_fontColor inventorySearchDelta_hubItem_bgColor"
             data-inventory-search-delta-hub-item
        >
            

<div
        class="m-radio__container"
        data-theme-style="radio"
>
    <input
            class="m-radio o-inventorySearchDelta__radio"
            id="Acheter des voitures d'occasion"
            
            data-listing-url="/fr/inventaire-occasion"
        
    
            iconThemeStyle="inventorySearchDelta_hubItem_iconColor"
        
    
            data-api-url="/fr/api/searchtool/filters/inventaire-occasion"
        
    
            data-use-showroom="false"
            name="hubFilter"
            tabindex="-1"
            type="radio"
            value="Acheter des voitures d'occasion"
    />

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

        Acheter des voitures d'occasion
    </label>
</div>

</div>
    
</div>

            <div class="o-inventorySearchDelta__filters -lightMode loading -notPopup" data-filters>
                

<div
        aria-label="Développer la liste déroulante"
        class="m-dropdownBravo o-inventorySearchDelta__filterItem -dropdownNotPopup"
        data-component
        data-component-scope="inventory-search"
        data-component-type="dropdown"
        data-dropdown-type="makeId"
        data-dropdown-bravo
        
>
    

    <div
            class="m-dropdownBravo__button"
            data-dropdown-bravo-button
            data-navigation-enter-press
            tabindex="0"
    >
        

    <span
            class="a-placeholder "
            data-placeholder
            
    >
        Marque
    </span>


        <span class="m-dropdownBravo__labelText" data-dropdown-bravo-button-text></span>

        
        <svg
                aria-hidden="true"
                class="a-icon i-dropdown "
                data-theme-style="dropdownBravoButtonIcon"
                data-dropdown-bravo-icon=""
                role="img"
                title="Afficher la liste de choix"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    

    </div>

    <ul
            class="m-dropdownBravo__panel"
            data-dropdown-bravo-panel
    >
        
    </ul>
</div>


<div
        aria-label="Développer la liste déroulante"
        class="m-dropdownBravo o-inventorySearchDelta__filterItem -dropdownNotPopup"
        data-component
        data-component-scope="inventory-search"
        data-component-type="dropdown"
        data-dropdown-type="modelId"
        data-dropdown-bravo
        
>
    

    <div
            class="m-dropdownBravo__button"
            data-dropdown-bravo-button
            data-navigation-enter-press
            tabindex="0"
    >
        

    <span
            class="a-placeholder "
            data-placeholder
            
    >
        Modèle
    </span>


        <span class="m-dropdownBravo__labelText" data-dropdown-bravo-button-text></span>

        
        <svg
                aria-hidden="true"
                class="a-icon i-dropdown "
                data-theme-style="dropdownBravoButtonIcon"
                data-dropdown-bravo-icon=""
                role="img"
                title="Afficher la liste de choix"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    

    </div>

    <ul
            class="m-dropdownBravo__panel"
            data-dropdown-bravo-panel
    >
        
    </ul>
</div>


<div
        aria-label="Développer la liste déroulante"
        class="m-dropdownBravo o-inventorySearchDelta__filterItem -dropdownNotPopup"
        data-component
        data-component-scope="inventory-search"
        data-component-type="dropdown"
        data-dropdown-type="year"
        data-dropdown-bravo
        
>
    

    <div
            class="m-dropdownBravo__button"
            data-dropdown-bravo-button
            data-navigation-enter-press
            tabindex="0"
    >
        

    <span
            class="a-placeholder "
            data-placeholder
            
    >
        Année
    </span>


        <span class="m-dropdownBravo__labelText" data-dropdown-bravo-button-text></span>

        
        <svg
                aria-hidden="true"
                class="a-icon i-dropdown "
                data-theme-style="dropdownBravoButtonIcon"
                data-dropdown-bravo-icon=""
                role="img"
                title="Afficher la liste de choix"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    

    </div>

    <ul
            class="m-dropdownBravo__panel"
            data-dropdown-bravo-panel
    >
        
    </ul>
</div>


<div
        aria-label="Développer la liste déroulante"
        class="m-dropdownBravo o-inventorySearchDelta__filterItem -dropdownNotPopup"
        data-component
        data-component-scope="inventory-search"
        data-component-type="dropdown"
        data-dropdown-type="odometerRange"
        data-dropdown-bravo
        
>
    

    <div
            class="m-dropdownBravo__button"
            data-dropdown-bravo-button
            data-navigation-enter-press
            tabindex="0"
    >
        

    <span
            class="a-placeholder "
            data-placeholder
            
    >
        Odomètre
    </span>


        <span class="m-dropdownBravo__labelText" data-dropdown-bravo-button-text></span>

        
        <svg
                aria-hidden="true"
                class="a-icon i-dropdown "
                data-theme-style="dropdownBravoButtonIcon"
                data-dropdown-bravo-icon=""
                role="img"
                title="Afficher la liste de choix"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    

    </div>

    <ul
            class="m-dropdownBravo__panel"
            data-dropdown-bravo-panel
    >
        
    </ul>
</div>


<div
        aria-label="Développer la liste déroulante"
        class="m-dropdownBravo o-inventorySearchDelta__filterItem -dropdownNotPopup"
        data-component
        data-component-scope="inventory-search"
        data-component-type="dropdown"
        data-dropdown-type="priceRange"
        data-dropdown-bravo
        
>
    

    <div
            class="m-dropdownBravo__button"
            data-dropdown-bravo-button
            data-navigation-enter-press
            tabindex="0"
    >
        

    <span
            class="a-placeholder "
            data-placeholder
            
    >
        Prix
    </span>


        <span class="m-dropdownBravo__labelText" data-dropdown-bravo-button-text></span>

        
        <svg
                aria-hidden="true"
                class="a-icon i-dropdown "
                data-theme-style="dropdownBravoButtonIcon"
                data-dropdown-bravo-icon=""
                role="img"
                title="Afficher la liste de choix"
        >
            <use xlink:href="#icon-arrowhead-down"></use>
        </svg>
    

    </div>

    <ul
            class="m-dropdownBravo__panel"
            data-dropdown-bravo-panel
    >
        
    </ul>
</div>
<div class="o-inventorySearchDelta__filterItem -center">
                    

    <a
        aria-label="Voir vos options"
        class="a-button -alpha   group -dropdownNotPopup"
        context-key="inventorySearchDelta_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        tabindex="-1"
    
        data-submit-btn=""
        href="#"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Voir vos options

            
        </span>

        
    </a>


</div>

                </div>
        
</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(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));
        }
        .p-home .t-highlights .m-highlightCard.-featured {
            grid-column: span 3;
        }
        .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(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));
        }
        .p-home .t-highlights .m-highlightCard.-featured {
            grid-column: span 3;
        }
        .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 -left
module alignment - horizontal: center t-highlightsOne"
              
              
              data-theme-style="highlights"
              >
    
    
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
        
<div class="l-grid  t-highlights__introduction"
              
              
              >
    
                
    <div
            class="a-typography -heading2   t-highlights__title"
            
            
    >
        Explorer nos modèles
    </div>


</div>

        
<div class="l-grid -defaultPaddingBottom t-highlights__cardsWrapper -kilo m-scrollbarAlpha -horizontal"
              
              
              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 -lightMode -right -variation2">
    <a
        class="m-highlightCardKilo__imageLinkWrapper"
        href="/fr/polestar2"
        
    >
        <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>Polestar 2</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/groupesaillant-995/4954/highlights-p21777645191159.png"
                    
                     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>Polestar 2</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/groupesaillant-995/4954/highlights-p21777645191159.png"
                    
                     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"
            
            
    >
        Polestar 2
    </div>


        </div>
        
        
            <div class="m-highlightCard__ctasContainer m-highlightCardKilo__actions">
                    
                                        
    <a
            aria-label="Découvrir"
            class="a-link -alpha  group m-highlightCardKilo__button"
            context-key="highlight_card_kilo_button"
            
            
            role="link"
            href="/fr/polestar2"
            
    >
        

        Découvrir

        
        <svg
                aria-hidden="true"
                class="a-icon i-linkIconAfterText a-link__iconAfterText"
                
                role="img"
                title="icône après le texte"
        >
            <use xlink:href="#icon-arrow-right"></use>
        </svg>
    

    </a>


            </div>
        
    </div>
</article>
                    
                        
<article class="m-highlightCard m-highlightCardKilo -lightMode -right -variation2">
    <a
        class="m-highlightCardKilo__imageLinkWrapper"
        href="/fr/polestar3"
        
    >
        <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>Polestar 3</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/groupesaillant-995/4954/highlights-p31777645205520.png"
                    
                     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>Polestar 3</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/groupesaillant-995/4954/highlights-p31777645205520.png"
                    
                     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"
            
            
    >
        Polestar 3
    </div>


        </div>
        
        
            <div class="m-highlightCard__ctasContainer m-highlightCardKilo__actions">
                    
                                        
    <a
            aria-label="Découvrir"
            class="a-link -alpha  group m-highlightCardKilo__button"
            context-key="highlight_card_kilo_button"
            
            
            role="link"
            href="/fr/polestar3"
            
    >
        

        Découvrir

        
        <svg
                aria-hidden="true"
                class="a-icon i-linkIconAfterText a-link__iconAfterText"
                
                role="img"
                title="icône après le texte"
        >
            <use xlink:href="#icon-arrow-right"></use>
        </svg>
    

    </a>


            </div>
        
    </div>
</article>
                    
                        
<article class="m-highlightCard m-highlightCardKilo -lightMode -right -variation2">
    <a
        class="m-highlightCardKilo__imageLinkWrapper"
        href="/fr/polestar4"
        
    >
        <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>Polestar 4</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/groupesaillant-995/4954/highlights-p41777645215665.png"
                    
                     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>Polestar 4</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/groupesaillant-995/4954/highlights-p41777645215665.png"
                    
                     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"
            
            
    >
        Polestar 4
    </div>


        </div>
        
        
            <div class="m-highlightCard__ctasContainer m-highlightCardKilo__actions">
                    
                                        
    <a
            aria-label="Découvrir"
            class="a-link -alpha  group m-highlightCardKilo__button"
            context-key="highlight_card_kilo_button"
            
            
            role="link"
            href="/fr/polestar4"
            
    >
        

        Découvrir

        
        <svg
                aria-hidden="true"
                class="a-icon i-linkIconAfterText a-link__iconAfterText"
                
                role="img"
                title="icône après le texte"
        >
            <use xlink:href="#icon-arrow-right"></use>
        </svg>
    

    </a>


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

    
</div>


</section>


<div class="m-mapBravo ">
        <div id="embeddedmap-canvas" style="overflow:hidden; max-width:100%; width:100%; height:350px;">
            <iframe style="height:100%; width:100%; border:0;" frameborder="0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyD0sJDcp-6Y8ahn1JtKbwXNOd5ONRs7clY&q=Polestar+Ville+de+Qu%c3%a9bec%2b2238+rue+Cyrille-Duquet%2bG1N+2G3%2bQC%2bQu%c3%a9bec&language=fr" title="Google Map"></iframe>
        </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(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));
        }
        .p-home .t-highlights .m-highlightCard.-featured {
            grid-column: span 3;
        }
        .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(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));
        }
        .p-home .t-highlights .m-highlightCard.-featured {
            grid-column: span 3;
        }
        .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 -echo "
              
              
              >
    
            
<article class="m-highlightCard m-highlightCardEcho -reversed -horizontal  -lightMode -left ">
    

            <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 500'%2F%3E"
                     alt="Prendre rendez-vous"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="600"
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/service_polestar1779730208910.png"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardEcho__contentWrapper">
        

    <div
            class="a-typography -heading3   m-highlightCardEcho__title"
            
            
    >
        Prendre rendez-vous
    </div>


    <div
            class="a-typography    m-highlightCardEcho__html"
            
            
    >
        <p>Assurez-vous que votre Polestar reste au meilleur de ses performances grâce aux soins prodigués par notre équipe d'entretien certifiée. Prenez rendez-vous pour votre prochain entretien de routine ou contactez notre équipe pour en savoir plus sur les contrats d'entretien Polestar et les fréquences d'entretien recommandées.</p>
    </div>


            <div class="m-highlightCard__ctasContainer">
                    

    <a
        aria-label="Contactez-nous"
        class="a-button -alpha   group m-highlightCardEcho__button"
        context-key="highlightCardEcho_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="/fr/services"
        role="button"
        target="_self"
    >
        

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

            
        </span>

        
    </a>


            </div>
        
    </div>
</article>
                    
                        
<article class="m-highlightCard m-highlightCardEcho -reversed -horizontal  -lightMode -left ">
    

            <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 500'%2F%3E"
                     alt="Prenez le volant"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="600"
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/page-home-highlights-additional-instances-test-drive1776978208504.png"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardEcho__contentWrapper">
        

    <div
            class="a-typography -heading3   m-highlightCardEcho__title"
            
            
    >
        Prenez le volant
    </div>


    <div
            class="a-typography    m-highlightCardEcho__html"
            
            
    >
        <p>Découvrez par vous-même les performances de Polestar. Rendez-vous dans un espace Polestar pour découvrir le design, l'innovation et les performances de notre gamme.</p>
    </div>


            <div class="m-highlightCard__ctasContainer">
                    

    <a
        aria-label="Demandez un essai routier"
        class="a-button -alpha   group m-highlightCardEcho__button"
        context-key="highlightCardEcho_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="/fr/formulaire/demande-d-essai-routier-neuf/3"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Demandez un essai routier

            
        </span>

        
    </a>


            </div>
        
    </div>
</article>
                    
                        
<article class="m-highlightCard m-highlightCardEcho -reversed -horizontal  -lightMode -left ">
    

            <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 500'%2F%3E"
                     alt="Offres du moment"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="500"
                     width="600"
                     data-src="https://img.sm360.ca/images/web/groupesaillant-995/4954/page-home-highlights-additional-instances-offers1776978244252.png"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardEcho__contentWrapper">
        

    <div
            class="a-typography -heading3   m-highlightCardEcho__title"
            
            
    >
        Offres du moment
    </div>


    <div
            class="a-typography    m-highlightCardEcho__html"
            
            
    >
        <p>Profitez de nos offres à durée limitée sur les véhicules neufs et d'occasion. Contactez-nous pour discuter des options de financement et des aides publiques éventuelles qui vous permettront d'acquérir votre Polestar en toute simplicité.</p>
    </div>


            <div class="m-highlightCard__ctasContainer">
                    

    <a
        aria-label="Explorer les offres"
        class="a-button -alpha   group m-highlightCardEcho__button"
        context-key="highlightCardEcho_button"
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="/fr/promotions"
        role="button"
        target="_self"
    >
        

        <span class="a-button__text">
            Explorer les offres

            
        </span>

        
    </a>


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

    
</div>


</section>


</main>

                        
<footer
        class="o-footerAlpha "
        id="footer"
        itemscope
        itemtype="https://schema.org/WPFooter"
>
    <div
        class="o-footerAlpha__wrapper -lightMode"
    >
        <div class="o-footerAlpha__innerWrapper -noCatalog">
            
                
<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"
            
    >
        Contact
    </p>


    <p
            class="a-typography    s-contactUs__dealerName -subheading2"
            
            
    >
        Polestar Ville de Québec
    </p>


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

    <a
        class="m-addressLink__anchor a-link "
        data-theme-style="addressLink"
        href="http://maps.google.com/?q=Polestar+Ville+de+Québec+2238+rue+Cyrille-Duquet+G1N+2G3+QC+Québec"
        data-tagging-event="contacts"
        data-tagging-precision="address"
        data-tagging-scope=""
        target="_blank"
    >
        

        <span class="m-addressLink__addressStart">
            2238 rue Cyrille-Duquet, 
            Québec, 
        </span>

        <span class="m-addressLink__addressEnd">
            QC, 
            G1N 2G3 
            <svg
                aria-hidden="false"
                class="a-icon i-linkExternal m-addressLink__iconExternalLink"
                
                role="img"
                title="Ouvre une nouvelle fenêtre"
        >
            <use xlink:href="#icon-link-external"></use>
        </svg>
        </span>
    </a>
</address>


    <ul class="m-selectedDepartmentPhoneNumbers ">
        
        
                    <li class="m-selectedDepartmentPhoneNumbers__listItem">
                        

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


    <a class="m-phoneNumberAnchor a-link shiftdigital-event m-selectedDepartmentPhoneNumbers__anchor"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Ventes"
       data-shiftdigital-url="tel:1-418-800-7490"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-scope=""
       data-tagging-specificity="Ventes"
       data-theme-style="phoneNumberAnchor"
       href="tel:+14188007490"
    >
        
                            1-418-800-7490
                        
    </a>


                    </li>
                
            
    </ul>


<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/polestarvilledequebec/"
                target="_blank"
        >
            
                
        <svg
                aria-hidden="false"
                class="i-icon i-facebook "
                
                height="24"
                role="img"
                title="facebook | Polestar Ville de Québec"
                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/polestarvilledequebec/"
                target="_blank"
        >
            
                
        <svg
                aria-hidden="false"
                class="i-icon i-instagram "
                
                height="24"
                role="img"
                title="instagram | Polestar Ville de Québec"
                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>
</div>


    <a
        aria-label="Contactez-nous"
        class="a-button -charlie   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="General"
    
    data-tagging-event="contacts"
    data-tagging-precision="hours"
    data-tagging-specificity="General"
>
    
                            Général
                        
</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  -footer"
            data-theme-style="depHoursInfos_footer_closed">
            

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        08h30 / 19h00
    </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"
            
            
    >
        08h30 / 19h00
    </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"
            
            
    >
        08h30 / 19h00
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        08h30 / 19h00
    </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"
            
            
    >
        08h30 / 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"
            
            
    >
        Fermé
    </td>


        </tr>

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


        <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>

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


</table>

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


</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=2244010, 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"
                >
                        Nos offres
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="certified"
                        href="/fr/inventaire-certifie"
                >
                        Acheter des véhicules d'occasion certifiés
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="pre.owned"
                        href="/fr/inventaire-occasion"
                >
                        Acheter des véhicules d'occasion
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="services"
                        href="/fr/services"
                >
                        Point de service
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="parts"
                        href="/fr/supplements"
                >
                        Accessoires et produits additionnels
                </a>
            </li>
        
            <li class="s-usefulLinks__listItem">
                <a
                        class="s-usefulLinks__anchor a-link"
                        content-zone-instance-slug="contact.us"
                        href="/fr/contactez-nous"
                >
                        Contactez-nous
                </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 Polestar Ville de Québec
    </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="a-icon i-scrolltop "
                
                role="button"
                title="Aller en haut de la page"
        >
            <use xlink:href="#icon-arrow-up"></use>
        </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/core-ux/core-ux.min.js" defer></script>


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


<script src="/js/manufacturers/polestar/polestar.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=052710625"></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>


<template id="coupon-close-button-icon-template">
    

        <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 id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m0,12C0,5.37305,5.37305,0,12,0s12,5.37305,12,12-5.37305,12-12,12S0,18.62695,0,12Zm1.19922,0c0,5.96484,4.83594,10.79883,10.80078,10.79883s10.79883-4.83594,10.79883-10.80078c0-5.96289-4.83398-10.79883-10.79883-10.79883-5.96094.00781-10.79297,4.83984-10.80078,10.80078Zm14.27734,4.32031l-3.47461-3.47461-3.47656,3.47461c-.23438.23438-.61328.23438-.84766.00195l-.00195-.00195c-.22852-.23633-.22852-.61328,0-.84961l3.47461-3.4707-3.47461-3.48047c-.2168-.25-.19141-.62891.05859-.8457.22656-.19922.56445-.19727.79102.00195l3.47656,3.47461,3.47461-3.47461c.23438-.23242.61133-.23242.8457,0,.23242.22461.23828.59766.01367.83008l-.01367.01367-3.4707,3.47461,3.4707,3.47656c.23438.22852.23828.60547.00977.83984l-.00977.00977c-.11133.11328-.26172.17578-.41992.17578-.16016.00195-.31445-.06055-.42773-.17383l.00195-.00195Z" stroke-width="0"/>
                
            
        </svg>
    

</template>

<template id="coupon-privacy-policy-icon-template">
    

        <svg
                aria-hidden="true"
                class="i-icon i-lock "
                
                height="24"
                role="img"
                title="AccÉder à la politique de confidentialitÉ"
                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="m4.27058,23.99948c-.68164.01954-1.24805-.51789-1.26758-1.19995v-12.94146c.01953-.68206.58594-1.21949,1.26758-1.19995h2.875v-3.72101c-.02148-1.31134.48828-2.57578,1.41602-3.50213l.0625-.06254c1.92188-1.86832,4.99414-1.82337,6.86133.09967.89258.92048,1.38672,2.15756,1.37109,3.43959v3.7386l2.875.00586c.68164-.01954,1.25.51789,1.27148,1.19995v12.94146c-.02148.68206-.58984,1.21949-1.27148,1.19995l-15.46094.00195Zm0-1.19995h15.46094v-12.94146H4.27058v12.94146ZM9.46199,2.23039c-.01562.01563-.03125.03322-.04492.05081-.70312.69378-1.08984,1.64553-1.07227,2.63246v3.74446l7.3125-.00586v-3.7386c.04297-2.0149-1.55469-3.68388-3.56836-3.72492-.98242-.0215-1.92969.35373-2.63086,1.04165h.00391Zm1.30664,14.3642c0-.68206.55469-1.23513,1.23633-1.23513.68164.00195,1.23438.55502,1.23438,1.23708-.00195.68401-.55469,1.23513-1.23633,1.23513h-.00195c-.68164-.00195-1.23242-.55502-1.23242-1.23708Z" stroke-width="0" />
                
            
        </svg>
    

</template>

<template id="coupon-read-more-link-template">
    <div
        data-read-more-btn-container=""
        data-read-less-text="Réduire le texte"
        data-read-more-text="Lire la suite"
    >
        

    <a
            aria-label="Lire la suite"
            class="a-link   group -charlie"
            
            
            data-read-more-btn-text=""
    
        iconAfterTextEnabled="false"
            
            
            role="link"
            href="#"
            
    >
        

        Lire la suite

        
    </a>


        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                data-coupon-read-more-icon=""
                height="24"
                role="img"
                title="DÉvelopper le contenu"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m19,7l-7,10L5,7h14Z" stroke-width="0" />
                
            
        </svg>
    

</div>
</template>

<script>
    const observer = new MutationObserver((mutations) => {
        for (const mutation of mutations) {
            for (const node of mutation.addedNodes) {
                // Verify that it is indeed an element (not a text node)
                if (node.nodeType !== Node.ELEMENT_NODE) continue;

                // Look for all the coupons, including 'node' itself
                const coupons = node.matches('.coupon-classic')
                    ? [node, ...node.querySelectorAll('.coupon-classic')]
                    : node.querySelectorAll('.coupon-classic');

                coupons.forEach(el => {
                    if (el.dataset.processed) return;
                    el.dataset.processed = "true";
                    handleSubscription(el);
                });
            }
        }
    });

    // Start the observation on the target node
    observer.observe(document.body, {
        childList: true,  // listen for direct insertions/deletions
        subtree: true     // includes all descendants
    });

    /**
     * Change the default text of the dealer's opt-in checkbox in the subscription
     * Add a second checkbox for the Group's opt-in (the brand)
     * @returns {Promise<void>}
     */
    const handleSubscription = (couponEl) => {
        // Change the close button of the modal
        const closeButtonIconTemplate = document.querySelector('#coupon-close-button-icon-template');
        if (closeButtonIconTemplate) {
            const closeButtonContainer = couponEl.querySelector('.coupon-classic__close');
            closeButtonContainer?.classList.add('a-closeButtonAlpha');

            const defaultCloseButton = couponEl.querySelector('.coupon-classic__close-picto');
            defaultCloseButton?.remove();

            const closeButtonIconClone = closeButtonIconTemplate.content.firstElementChild.cloneNode(true);
            closeButtonContainer.prepend(closeButtonIconClone);
        }

        const form = couponEl.querySelector('.coupon-form');
        if (!form) return;

        // Move the submit button after the subscription
        const formSubmit = form.querySelector('.coupon-form__actions');
        const formSubscription = form.querySelector('.coupon-form__subscription');
        if (formSubmit && formSubscription) {
            form.insertBefore(formSubscription, formSubmit);
        }

        // Add the lock icon to the privacy policy
        const lockIconTemplate = document.querySelector('#coupon-privacy-policy-icon-template');
        const privacyPolicyContainer = couponEl.querySelector('.coupon-classic__privacy-policy');
        if (lockIconTemplate && privacyPolicyContainer) {
            const lockIconClone = lockIconTemplate.content.firstElementChild.cloneNode(true);
            privacyPolicyContainer.prepend(lockIconClone);
        }

        // Overwrite the text of the Dealer's optin checkbox
        const dealerWrapper = couponEl.querySelector('.field-checkbox');
        if (!dealerWrapper) return;

        const dealerLabelText = dealerWrapper.querySelector('.field-checkbox__label-text');
        if (dealerLabelText) dealerLabelText.textContent = `Je veux recevoir des courriels de rappels, nouvelles et promotions de Polestar Ville de Québec. (Optionnel)`;

        // Add the Group's optin checkbox
        const groupCheckboxTemplate = document.querySelector('#coupon-group-checkbox-template');
        if (groupCheckboxTemplate) {
            const groupCheckboxClone = groupCheckboxTemplate.content.firstElementChild.cloneNode(true);
            if (!groupCheckboxClone) return;
            groupCheckboxClone.removeAttribute('id');

            // Secure IDs
            const groupInput = groupCheckboxClone.querySelector('input[type="checkbox"]');
            const groupLabel = groupCheckboxClone.querySelector('label');
            if (!groupInput) return;

            if (groupInput.id && groupLabel) {
                const newId = `-clone`;
                groupInput.id = newId;
                groupLabel.setAttribute('for', newId);
            }

            // Insert the Group's checkbox after the Dealer's checkbox
            dealerWrapper.insertAdjacentElement('afterend', groupCheckboxClone);
        }

        // Handle read-more
        buildReadMoreComponent(couponEl);
        initReadMoreLogic(couponEl);

        // Change the Submit button text
        const submitBtn = form.querySelector('button[type="submit"]');
        if (submitBtn) submitBtn.textContent = `Envoyer le coupon`;

        // Hide checkboxes and submit button after submitting the form
        form.addEventListener("submit", () => {
            const checkboxContainers = couponEl.querySelectorAll('.field-checkbox, .m-checkbox__container');
            if (checkboxContainers.length > 0) {
                checkboxContainers.forEach(container => {
                    container.style.display = "none";
                });
            }
            formSubmit.style.display = "none";
            formSubmit.style.margin = "0";
        });

        // Overwrite the cherry-webapp style
        styleCoupon(couponEl);

        // Stop the observation
        observer.disconnect();
    };

    // Build the HTML structure to make the read-more button work
    const buildReadMoreComponent = (couponEl) => {
        const checkboxContainers = couponEl.querySelectorAll('.field-checkbox, .m-checkbox__container');
        if (checkboxContainers.length > 0) {
            const template = document.querySelector('#coupon-read-more-link-template');

            checkboxContainers.forEach(container => {
                const labelTag = container.querySelector('label');
                if (!labelTag) return;

                container.setAttribute('data-read-more-wrapper', '');
                labelTag.setAttribute('data-read-more-content', '');

                const clone = template.content ? template.content.cloneNode(true) : template.cloneNode(true);
                if (!template.content) clone.removeAttribute('id'); // Avoid duplicate IDs

                labelTag.after(clone);
            });
        }
    };

    // Initialize the read-more button
    const initReadMoreLogic = (couponEl) => {
        const containers = couponEl.querySelectorAll('[data-read-more-wrapper]');

        if (containers.length > 0) {
            containers.forEach(container => {
                const content = container.querySelector('[data-read-more-content]');
                const btnContainer = container.querySelector('[data-read-more-btn-container]');

                if (!content || !btnContainer) return;

                // We define the base (7 lines * 20px = 140px)
                content.style.maxHeight = "140px";

                setTimeout(() => {
                    const isOverflown = content.scrollHeight > content.clientHeight;
                    if (!isOverflown) {
                        btnContainer.style.display = 'none';
                        content.style.maxHeight = "unset";
                    }
                }, 300);

                btnContainer.addEventListener('click', (e) => {
                    e.preventDefault();
                    const isExpanded = container.classList.contains('-isExpanded');
                    const btnTextElement = btnContainer.querySelector('[data-read-more-btn-text]');
                    const icon = btnContainer.querySelector('[data-coupon-read-more-icon]');

                    const txtMore = btnContainer.getAttribute('data-read-more-text');
                    const txtLess = btnContainer.getAttribute('data-read-less-text');

                    if (isExpanded) {
                        container.classList.remove('-isExpanded');
                        if (btnTextElement) btnTextElement.textContent = txtMore;
                        content.style.maxHeight = "140px";
                        if (icon) icon.style.transform = "rotate(0deg)";
                    } else {
                        container.classList.add('-isExpanded');
                        if (btnTextElement) btnTextElement.textContent = txtLess;

                        // The actual height is given for the animation.
                        const fullHeight = content.scrollHeight;
                        content.style.maxHeight = fullHeight + "px";
                        if (icon) icon.style.transform = "rotate(180deg)";
                    }
                });
            });
        }
    };

    /**
     * Add class names to coupon elements so they inherit the style of components used on Manticore.
     */
    const styleCoupon = (couponEl) => {
        couponEl.classList.add('-manticore');

        // Form
        const form = couponEl.querySelector('form');
        if (!form) return;
        form.classList.add('o-form');

        // Inputs
        const inputs = form.querySelectorAll('.field-input');
        if (inputs.length > 0) {
            inputs.forEach(input => {
                input.classList.add('m-field__container');

                const labelTag = input.querySelector('label');
                labelTag.classList.add('m-field__label')

                const inputTag = input.querySelector('input');
                inputTag.classList.add('m-field');
            });
        }

        // Checkboxes
        const checkboxes = form.querySelectorAll('.field-checkbox');
        if (checkboxes.length > 0) {
            checkboxes.forEach(checkbox => {
                checkbox.classList.add('m-checkbox__container');

                const labelTag = checkbox.querySelector('label');
                labelTag.classList.add('m-checkbox__label');
                labelTag.dataset.themeStyle = '';

                const labelText = checkbox.querySelector('.field-checkbox__label-text');
                labelText.style.padding = '0';

                const inputTag = checkbox.querySelector('input');
                inputTag.classList.add('m-checkbox');
            });
        }

        // Submit button
        const submitBtn = form.querySelector('button[type="submit"]');
        if (submitBtn) {
            submitBtn.classList.remove('coupon-button');
            submitBtn.classList.add('a-button', '-alpha');
            submitBtn.removeAttribute('data-theme-style');
        }

        // Privacy Policy
        const privacyPolicyContainer = couponEl.querySelector('.coupon-classic__privacy-policy');
        if (privacyPolicyContainer) {
            privacyPolicyContainer.classList.add('o-privacyPolicy', '-fineprint');
        }

        const privacyPolicyLink = couponEl.querySelector('.coupon-link');
        if (privacyPolicyLink) {
            privacyPolicyLink.classList.add('a-link', '-delta', '-primary');
            privacyPolicyLink.removeAttribute('data-theme-style');
        }

        // Download button
        const downloadBtn = couponEl.querySelector('[data-coupon-print]');
        if (downloadBtn) {
            downloadBtn.classList.remove('coupon-button');
            downloadBtn.classList.add('a-button', '-charlie');
            downloadBtn.removeAttribute('data-theme-style');
        }
    }
</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=052710625").done(function( script, textStatus ) {
                $('#cherry-popper').popper({
                    serviceUrl:"//cherry.sm360.ca/cherries",
                    websiteId: 4954,
                    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: 10613,
                    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>


<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>