

<!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" >
        
        
        <title>Volvo EX30 | Villeneuve Volvo à Matane</title>
<meta name="description" content="Découvrez le Volvo EX30 et apprenez-en plus sur ses principales caractéristiques et avantages. Testez et possédez votre EX30 avec l'aide de nos experts à Villeneuve Volvo !">


<meta property="og:type" content="website"/>
<meta property="og:title" content="Volvo EX30 | Villeneuve Volvo à Matane"/>
<meta property="og:description" content="Découvrez le Volvo EX30 et apprenez-en plus sur ses principales caractéristiques et avantages. Testez et possédez votre EX30 avec l'aide de nos experts à Villeneuve Volvo !"/>
<meta property="og:site_name" content="Villeneuve Volvo"/>

<meta property="og:image" content="https://img.sm360.ca/images/web/bweb-villeneuve-mazda/4629/volvo-wordmark-black1729604195508.svg"/>


<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Volvo EX30 | Villeneuve Volvo à Matane">
<meta name="twitter:description" content="Découvrez le Volvo EX30 et apprenez-en plus sur ses principales caractéristiques et avantages. Testez et possédez votre EX30 avec l'aide de nos experts à Villeneuve Volvo !">


    <meta name="twitter:image" content="https://img.sm360.ca/images/web/bweb-villeneuve-mazda/4629/volvo-wordmark-black1729604195508.svg">


<meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        
    <!-- Google Site -->
    <meta name="google-site-verification" content="HDo4fiDBvismFRPfXM9mF1K32oS2PU0acyrq-Yh1kB4" />


<link type="text/css" rel="stylesheet" href="/css/core-ux/core-ux.min.css">


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


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


<link type="text/css" rel="stylesheet" href="/css/manufacturers/volvo/volvo.min.css">
<link rel="stylesheet" href="https://unpkg.com/swiper@6.8.4/swiper-bundle.min.css">

        
        <link rel="icon" href="https://img.sm360.ca/images/web/bweb-villeneuve-mazda/4629/volvo-new-2021-logo-2a7acc5d58-seeklogo-com16540118548011731435079411.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=070435876" defer="defer"/></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": "Villeneuve Volvo",
            
        });
    }
</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": "Villeneuve Volvo",
            
        });
    }
</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": "Villeneuve Volvo",
            
        });
    }
</script>


        <script type="text/javascript">
        dataLayer = [{
            "isLoggedIn": "false",
            "hasVehicleInGarage": "false",
            "page404": "no",
            "dealership": "Villeneuve Volvo",
            "language": "fr",
            "device": "desktop",
            pageType:'static_page' ,profitCenter:'generic' ,department:'other' ,pageName:'Other'
        }];
</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>

                
<script>
    function clickToCallVolvo(){
        var dataLayerVolvo = window.dataLayer = window.dataLayer || [];
        dataLayerVolvo.push({
            "event": "volvo_click_to_call",
            "eventCategory": "profitCenter",
            "eventAction": "click-to-call",
            "mediaConversionType": "soft conversion", // Hardcoded
            "dealership": "Villeneuve Volvo",
            
        });
    }
</script>

<script type="text/javascript">
    function clickToDirectionsVolvo(){
        var dataLayerVolvo = window.dataLayer = window.dataLayer || [];
        dataLayerVolvo.push({
            "event": "volvo_click_to_call",
            "eventCategory": "profitCenter",
            "eventAction": "click-to-directions",
            "mediaConversionType": "soft conversion", // Hardcoded
            "dealership": "Villeneuve Volvo",
            
        });
    }
</script>

<script type="text/javascript">
    function clickToLinkVolvoCarsCa(){
        var dataLayerVolvo = window.dataLayer = window.dataLayer || [];
        dataLayerVolvo.push({
            "event": "volvo_explore_payments",
            "page_type": "ex30.electric",
            "retailer_id": "1508",
            "retailer_name": "Villeneuve Volvo",
            "web_provider": "SM360",
            "retailer_province": "QC",
            "retailer_region": "",
            
        });
    }
</script>

<script type="text/javascript">
    function clickToLinkVolvoCarsCom(){
        var dataLayerVolvo = window.dataLayer = window.dataLayer || [];
        dataLayerVolvo.push({
            "event": "volvo_t3_t1brand",
            "page_type": "ex30.electric",
            "retailer_id": "1508",
            "retailer_name": "Villeneuve Volvo",
            "web_provider": "SM360",
            "retailer_province": "QC",
            "retailer_region": "",
            
        });
    }
</script>

<script>
    function formSubmittedVolvo(formName){
        var dataLayerVolvo = window.dataLayer = window.dataLayer || [];
        dataLayerVolvo.push({
            "event": "volvo_form_submit",
            "form_type": formName || '',
            "eventCategory": "profitCenter",
            "eventAction": "form submitted",
            "mediaConversionType": "hard conversion", // Hardcoded
            "dealership": "Villeneuve Volvo",
            
        });
    }
</script>


        <script type="text/javascript">
    var dataLayerVolvo = window.dataLayer = window.dataLayer || [];
    dataLayerVolvo.push({
        'event': 'volvo_page_view',
        "page_type": "ex30.electric",
        "retailer_id": "1508",
        "retailer_name": "Villeneuve Volvo",
        "web_provider": "SM360",
        "retailer_province": "QC",
        pageType:'static_page' ,profitCenter:'generic' ,department:'other' ,pageName:'Other'
    });
</script>

    
<script type="text/javascript">
    function setCookieVolvo(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 getCookieVolvo(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 initVdpVisitedEventVolvo() {
        var vdpVisited_cookie = getCookieVolvo('vdpVolvoVisited');
        var lastVdpVisited_cookie = getCookieVolvo('lastVisitedVolvoVdp');
        var currentUrl = window.location.href;
        if(vdpVisited_cookie){
            var vdpVisited = parseInt(vdpVisited_cookie);
            if(lastVdpVisited_cookie != currentUrl) {
                vdpVisited++;
                setCookieVolvo('vdpVolvoVisited', vdpVisited);
                if (vdpVisited == 3) {
                    var eventLabel = '3 VDP Hits';
                    if (typeof (dataLayerVolvo) !== 'undefined') {
                        dataLayerVolvo.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 {
            setCookieVolvo('vdpVolvoVisited', 1);
        }
        setCookieVolvo('lastVisitedVolvoVdp', currentUrl);
    }

</script>

<script>
    if (typeof (dataLayer) !== 'undefined') {
        function checkVolvoFormsInView() {
            var forms = document.forms;
            for (var i = 0; i < forms.length; i++) {
                const formTypeId = getVolvoFormIdFromInput(forms[i]);
                if (formTypeId) {
                    handleVolvoFormInView(forms[i], formTypeId);
                }
            }
        }

        function getVolvoFormType(formTypeList, formId) {
            var formType = '';
            var formTypeListArray = formTypeList.split(",");

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

            return formType;
        }

        function pushVolvoFormLoad(formName) {
            dataLayer.push({
                'event': 'volvo_form_load',
                'form_type': formName,
                ...dataLayer[0],
            });
        }

        function getVolvoFormName(formId) {
            return getVolvoFormType('Get a Quote=1,Finance=2,Test Drive=3,Trade In=4,Schedule Service=5,General Contact=6,Request More Info=7,Trade In=8,Trade In=9,Finance=10,Get a Quote=11,Other=12,Other=13,Request More Info=14,Parts=15,Request More Info=16,Get a Quote=17,Test Drive=18,General Contact=19,General Contact=20,Request More Info=21,Get a Quote=22,General Contact=23,Request More Info=24,Request More Info=25,Specials=26,Request More Info=27,Get a Quote=28,General Contact=29,Specials=30,Request More Info=31,Dealer Custom=32,Specials=33,General Contact=34,Request More Info=35,Test Drive=36,Specials=37,Specials=38,Specials=39,Get a Quote=40,Dealer Custom=41,Trade In=42,Employment=43,Get a Quote=44,Get a Quote=45,Get a Quote=46,Schedule Service=47,Get a Quote=48,Specials=49,Get a Quote=50,Get a Quote=51,Test Drive=52,Request More Info=53,Request More Info=54,Specials=55,Get a Quote=56,Trade In=57,Specials=58,Test Drive=59,Employment=60,Employment=61,Schedule Service=62,Schedule Service=63,Request More Info=64,Request More Info=65,Specials=66,Get a Quote=67,Trade In=68,Trade In=69,Specials=70,Specials=71,Get a Quote=72,Test Drive=73,Request More Info=74,Specials=75,Specials=76,Specials=77,Specials=78,Employment=79,General Contact=80,Trade In=81,Finance=82,Request More Info=83,Dealer Custom=84,Specials=85,Get a Quote=86,Get a Quote=87,Request More Info=88,Trade In=89,Specials=91,Request More Info=92,Specials=93,General Contact=94,Specials=95,Schedule Service=96,General Contact=97,General Contact=98,Finance=99,Finance=100,Request More Info=101,Employment=102,Schedule Service=103,Other=104,Email Register=900, Get a Quote=106,Accessories=107,Accessories=108', formId) || formId;
        }

        function handleVolvoFormInView(form, formId) {
            const footerFormClasses = ['form-footer__content', 'form-footer-2columns__content', 'inventoryDetail'];
            const isFooterForm = !!(form?.parentElement && [...form.parentElement.classList].some(r => footerFormClasses.includes(r)));
            if (!formId || isFooterForm) {
                return false;
            }
            const formName = getVolvoFormName(formId);
            pushVolvoFormLoad(formName);
            const submitButton = form.querySelector('.submit');
            if (submitButton) {
                submitButton.onclick = function() {
                    if (typeof formSubmitted === 'function') formSubmitted(formName);
                }
            }
        }

        function getVolvoFormIdFromInput(form) {
            return form.querySelector('input[name=formTypeId]')?.value || false;
        }

        $(document).on('ready', function () {
            checkVolvoFormsInView();
            $('.inventory-details__cta-price, .-inventoryDetailModalCta, .-vehicleInstanceCta').on('click', function() {
                const formId = $(this).attr('data-form-id');
                if (formId) {
                    const formName = getVolvoFormName(formId);
                    pushVolvoFormLoad(formName);
                }
            });
        });
    }
</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-MMR4K5C');</script>
        
    
<!-- End Google Tag Manager -->


                <!-- Google Tag Manager -->
                <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push(
                    {'gtm.start': new Date().getTime(),event:'gtm.js'}
                );var f=d.getElementsByTagName(s)[0],
                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src=
                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                })(window,document,'script','dataLayer','GTM-WNZ7CJ6');</script>
                <!-- End Google Tag Manager -->
            
                <!-- Google Tag Manager -->
                <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push(
                    {'gtm.start': new Date().getTime(),event:'gtm.js'}
                );var f=d.getElementsByTagName(s)[0],
                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src=
                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                })(window,document,'script','dataLayer','GTM-TCM4Q8Q8');</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=6LeOCDIpAAAAAMuhIbwNx72dB2CJZv0-pIkvh2-F"></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('6LeOCDIpAAAAAMuhIbwNx72dB2CJZv0-pIkvh2-F', { action: 'homepage' })
                        .then((token) => {
                            resolve(token);
                        })
                        .catch((error) => {
                            reject(error);
                        });
                });
            });
        }
    </script>


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


<script type='application/ld+json'>
{
    "@context": "http://www.schema.org",
    "@type": "AutoDealer",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "1786 Avenue du Phare O",
        "addressLocality": "Matane",
        "addressRegion": "s/o",
        "postalCode": "G4W 3M6",
        "addressCountry": "CA"
    },
    "brand": "volvo",
    "description": "Villeneuve Volvo, concessionnaire Volvo à Matane",
    "email": "volvomatane@outlook.fr",
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "48.830613",
        "longitude": "-67.579668"
    },
    "image": "https://img.sm360.ca/images/web/groupe-villeneuve-volvo/villeneuvevolvo1702061285957.jpg",
    "knowsLanguage": "fr-CA
    ,
    en-CA",
    "logo": "https://img.sm360.ca/images/web/groupe-villeneuve-volvo/villeneuvevolvo1702061285957.jpg",
    "memberOf": {
        "@type": "ProgramMembership",
        "programName": "VCA"
    },
    "name": "Villeneuve Volvo",
    "openingHours": "Mo 08:00-17:00 
            
                
                Tu 08:00-17:00 
            
                
                We 08:00-17:00 
            
                
                Th 08:00-17:00 
            
                
                Fr 08:00-17:00 
            
                
                Su -",
    "priceRange": "5000.0-250000.0 $",
    "sameAs": [
        "https://www.facebook.com/VilleneuveVolvo/",
        "",
        "",
        "",
        ""
    ],
    "telephone": "1-833-453-4890",
    "url": "www.villeneuvevolvo.com"
}
</script>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    :root {
        --font-family-volvoNovum-regular: 'VolvoNovum-Regular';
        --font-family-volvoNovum-bold: 'VolvoNovum-Bold';
        --font-family-volvoNovum-italic: 'VolvoNovum-Italic';
        --font-family-volvoNovum-light: 'VolvoNovum-Light';
        --font-family-volvoNovum-semiLight: 'VolvoNovum-SemiLight';
        --font-family-volvoNovum-medium: 'VolvoNovum-Medium';
        --font-family-volvoNovum-boldItalic: 'VolvoNovum-BoldItalic';
        --font-family-volvoNovum-lightItalic: 'VolvoNovum-LightItalic';
        --font-family-volvoNovum-semiLightItalic: 'VolvoNovum-SemiLightItalic';
        --font-family-volvoNovum-mediumItalic: 'VolvoNovum-MediumItalic';
        --font-family-volvoBroadPro-regular: 'VolvoBroadPro';
        --font-family-volvoSerifPro-regular: 'VolvoSerifPro-Regular';
        --font-family-volvoSerifPro-bold: 'VolvoSerifPro-Bold';
        --font-family-volvoSerifPro-boldItalic: 'VolvoSerifPro-BoldItalic';
        --font-family-volvoSerifPro-italic: 'VolvoSerifPro-Italic';
    }
</style>

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


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

<script type='application/ld+json'>
{
  "@context": "http://www.schema.org",
  "@type": "AutoDealer",
  "name": "Villeneuve Volvo",
  "url": "www.villeneuvevolvo.com",
  "logo": "https://img.sm360.ca/images/manufacturer/volvo/volvo-color-128-notag.png",
  "priceRange": "5000.0-250000.0 $",
  "image": "https://img.sm360.ca/images/manufacturer/volvo/volvo-color-128-notag.png",
  "description": "Villeneuve Volvo, concessionnaire Volvo à Matane",
  "address": {
     "@type": "PostalAddress",
     "streetAddress": "1786 Avenue du Phare O",
     "addressLocality": "Matane",
     "addressRegion": "Québec",
     "postalCode": "G4W 3M6",
     "addressCountry": "CA"
  },
  "geo": {
     "@type": "GeoCoordinates",
     "latitude": "48.830613",
     "longitude": "-67.579668"
  },
   "openingHours": "Mo 08:00-17:00 
            
                
                Tu 08:00-17:00 
            
                
                We 08:00-17:00 
            
                
                Th 08:00-17:00 
            
                
                Fr 08:00-17:00 
            
                
                Su -",
   "telephone": "1-833-453-4890"
}
</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"
    >
        
            
        Aller au contenu principal

        
    </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"
    >
        
            
        Aller au pied de page

        
    </a>


<div
                                class="headerWrapper "
                                x-ref="header"
                        >
                            <!-- Widget Login Bar Showroom -->
                            

<header
        class="o-header -bravo "
        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"
            
            
    >
        Villeneuve Volvo
    </p>


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

                
<address class="m-addressLink -darkMode">
    
        
        <svg
                aria-hidden="true"
                class="i-icon i-pin m-addressLink__icon"
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m11.99878,5.35535c-2.28113,0-4.14154,1.85699-4.14722,4.15063,0,2.2887,1.86017,4.1507,4.14655,4.1507,2.27789,0,4.138-1.85645,4.14648-4.13959.00562-2.28625-1.84894-4.15326-4.14581-4.16174Zm-.00067,7.30133c-1.73779,0-3.14655-1.41064-3.14655-3.1507v-.00861c.00433-1.73743,1.41302-3.14203,3.14722-3.14203h.00793c1.73773.00647,3.14215,1.42133,3.13788,3.1593-.00647,1.73785-1.41302,3.14203-3.14648,3.14203Zm.00964-12.65668c-.16309,0-.3266.00433-.49139.01324C6.55298.28076,2.74603,4.52625,3.01324,9.49622c0,6.39557,7.99023,13.60352,8.33148,13.9101l.66119.59369.65723-.59955c.33545-.31439,8.32367-7.73126,8.32367-13.90424.01758-.3222.01758-.64441,0-.96857C20.72852,3.72455,16.75647,0,12.00775,0Zm7.98053,9.44171l-.00146.02722v.02728c0,5.49841-7.11359,12.33667-7.98633,13.15491-.47339-.42737-7.98724-7.3056-7.98724-13.15491v-.02686l-.00146-.02686c-.23718-4.41132,3.1535-8.1933,7.55841-8.43073.14673-.00793.2923-.01184.43756-.01184,4.24646,0,7.75189,3.33014,7.98053,7.58185.0155.28625.01556.57562,0,.85992Z" stroke-width="0"/>
                

        </svg>
    

    <a
            class="m-addressLink__anchor "
            data-theme-style="addressLink"
            href="http://maps.google.com/?q=Villeneuve+Volvo+1786+Avenue+du+Phare+O+G4W+3M6+QC+Matane"
            taggingEvent="contacts"
            taggingPrecision="address"
            taggingScope="header"
            target="_blank"
    >
        

        1786 Avenue du Phare O, Matane, 

        <span class="m-addressLink__addressEnd">
            QC, G4W 3M6 <svg
                aria-hidden="false"
                class="i-icon i-linkExternal m-addressLink__iconExternalLink"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </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 "
            
            
    >
        Général:
    </span>


    <a class="m-phoneNumberAnchor shiftdigital-event m-generalPhoneNumber m-selectedSinglePhoneNumber"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Général"
       data-shiftdigital-url="tel:1-833-453-4890"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-specificity="Général"
       data-theme-style="phoneNumberAnchor"
       href="tel:1-833-453-4890"
    >
        
        1-833-453-4890
    
    </a>


</div>


        </div>
    

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

    <span
            class="a-typography    m-selectedDepartmentPhoneNumbers__phoneLabel"
            
            
    >
        Bureau:
    </span>


    <a class="m-phoneNumberAnchor shiftdigital-event m-selectedDepartmentPhoneNumbers__anchor"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Ventes"
       data-shiftdigital-url="tel:1-833-453-4891"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-specificity="Ventes"
       data-theme-style="phoneNumberAnchor"
       href="tel:1-833-453-4891"
    >
        
                            1-833-453-4891
                        
    </a>


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

    <span
            class="a-typography    m-selectedDepartmentPhoneNumbers__phoneLabel"
            
            
    >
        Ventes:
    </span>


    <a class="m-phoneNumberAnchor shiftdigital-event m-selectedDepartmentPhoneNumbers__anchor"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Ventes"
       data-shiftdigital-url="tel:1-833-439-7560"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-specificity="Ventes"
       data-theme-style="phoneNumberAnchor"
       href="tel:1-833-439-7560"
    >
        
                            1-833-439-7560
                        
    </a>


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

    <span
            class="a-typography    m-selectedDepartmentPhoneNumbers__phoneLabel"
            
            
    >
        Services:
    </span>


    <a class="m-phoneNumberAnchor shiftdigital-event m-selectedDepartmentPhoneNumbers__anchor"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Service"
       data-shiftdigital-url="tel:1-833-439-7561"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-specificity="Service"
       data-theme-style="phoneNumberAnchor"
       href="tel:1-833-439-7561"
    >
        
                            1-833-439-7561
                        
    </a>


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

    <span
            class="a-typography    m-selectedDepartmentPhoneNumbers__phoneLabel"
            
            
    >
        Pièces:
    </span>


    <a class="m-phoneNumberAnchor shiftdigital-event m-selectedDepartmentPhoneNumbers__anchor"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Pièces"
       data-shiftdigital-url="tel:1-833-439-7562"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-specificity="Pièces"
       data-theme-style="phoneNumberAnchor"
       href="tel:1-833-439-7562"
    >
        
                            1-833-439-7562
                        
    </a>


                    </li>
                
            
    </ul>


</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 Villeneuve Volvo, concessionnaire Volvo à Matane"
>
    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/images/web/bweb-villeneuve-mazda/4629/volvo-wordmark-black1729604195508.svg" height="" width="" alt="Logo de Villeneuve Volvo" imgExtraClasses="m-dealerLogo__image"/>
        </figure>
</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 d="m12.75444,11.98468l11.26085,11.26085-.73912.73918-11.26085-11.26091L.75441,23.98471.01529,23.24553l11.26085-11.26085L.01529.72383.75441-.01529l11.26091,11.26085L23.27617-.01529l.73912.73912-11.26085,11.26085Z" fill-rule="evenodd" stroke-width="0"/>
                

        </svg>
    

</div>

</div>


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

<nav
        aria-label="Navigation principale du site web"
        class="o-menuBravo -lightMode"
        data-sr360-header
        role="navigation"
>
    

<a
        class="m-dealerLogo"
        data-czone="logo.dealer.header"
        data-czone-group="logo"
        href="/fr"
        title="Logo de Villeneuve Volvo, concessionnaire Volvo à Matane"
>
    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/images/web/bweb-villeneuve-mazda/4629/volvo-wordmark-black1729604195508.svg" height="" width="" alt="Logo de Villeneuve Volvo" imgExtraClasses="m-dealerLogo__image"/>
        </figure>
</a>


    <ul class="o-menuBravo__list">
        
            
    <li class="o-navListItem"
        data-menu-item-click
    >
         <span class="o-navListItem__text" data-list-item>
            

<a
            class="o-navListItem__anchor"
            data-menu-anchor
            data-tagging-precision="firstLevel"
            data-tagging-scope="header-menu"
            href="#"
            role="button"
            
        >
    

    <span
            class="a-typography    "
            
            
            data-list-item=""
            
    >
        Nos voitures
    </span>


        </a
            href="">

        </span>

        <div class="o-navSubmenu -collapsed" data-submenu>
            <div class="o-navSubmenu__container">
                <div class="o-catalogSubmenuBravo">
                    <div class="o-catalogSubmenuBravo__content">
                        <div class="o-catalogSubmenuBravo__left">
                            

        <a
            class="o-catalogSubmenuBravo__item -active"
            data-submenu-category
            data-tagging-precision="secondLevel"
            data-tagging-scope="header-menu"
            data-target="electric"
            href="#"
            role="button"
        >
            <div class="o-catalogSubmenuBravo__itemWrapper">
                <span class="o-catalogSubmenuBravo__title">Électrique</span>
                <span class="o-catalogSubmenuBravo__subtitle">entièrement électrique</span>
            </div>
        </a>
    
        <a
            class="o-catalogSubmenuBravo__item "
            data-submenu-category
            data-tagging-precision="secondLevel"
            data-tagging-scope="header-menu"
            data-target="hybrids"
            href="#"
            role="button"
        >
            <div class="o-catalogSubmenuBravo__itemWrapper">
                <span class="o-catalogSubmenuBravo__title">Hybrides</span>
                <span class="o-catalogSubmenuBravo__subtitle">hybride rechargeable</span>
            </div>
        </a>
    
        <a
            class="o-catalogSubmenuBravo__item "
            data-submenu-category
            data-tagging-precision="secondLevel"
            data-tagging-scope="header-menu"
            data-target="gasoline"
            href="#"
            role="button"
        >
            <div class="o-catalogSubmenuBravo__itemWrapper">
                <span class="o-catalogSubmenuBravo__title">Essence</span>
                <span class="o-catalogSubmenuBravo__subtitle">hybride doux</span>
            </div>
        </a>
    

                        </div>

                        
                            <div class="o-catalogSubmenuBravo__right -active"
                                 data-target-vehicles
                                 id="electric"
                            >
                                

<div class="o-catalogSubmenuBravo__wrapper">

    <div class="o-catalogSubmenuBravo__link">
        
            
    <p
            class="a-typography    "
            
            
    >
        Crossover
    </p>


    </div>

    <div class="o-catalogSubmenuBravo__items">
        
            
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="https://villeneuve.volvocars.ca/fr/search?make=Volvo&model=EC40"
                    role="button"
                    target="_blank"
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>EC40</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/ec40-my251732219666584.png"
                     alt="EC40"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
        
    </div>
</div>


<div class="o-catalogSubmenuBravo__wrapper">

    <div class="o-catalogSubmenuBravo__link">
        
            
    <p
            class="a-typography    "
            
            
    >
        VUSs
    </p>


    </div>

    <div class="o-catalogSubmenuBravo__items">
        
            
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="https://villeneuve.volvocars.ca/fr/search?make=Volvo&model=EX90"
                    role="button"
                    target="_blank"
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>EX90</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/ex901732222060130.png"
                     alt="EX90"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
                
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="https://villeneuve.volvocars.ca/fr/search?make=Volvo&model=EX40"
                    role="button"
                    target="_blank"
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>EX40</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/exc40-my251732222274759.png"
                     alt="EX40"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
                
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="https://villeneuve.volvocars.ca/fr/search?make=Volvo&model=EX30"
                    role="button"
                    target="_blank"
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>EX30</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/ex30-reveal1732222292283.png"
                     alt="EX30"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
        
    </div>
</div>

                            </div>
                        

                            <div class="o-catalogSubmenuBravo__right"
                                 data-target-vehicles
                                 id="hybrids"
                            >
                                

<div class="o-catalogSubmenuBravo__wrapper">

    <div class="o-catalogSubmenuBravo__link">
        
            
    <p
            class="a-typography    "
            
            
    >
        VUSs
    </p>


    </div>

    <div class="o-catalogSubmenuBravo__items">
        
            
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="https://villeneuve.volvocars.ca/fr/search?make=Volvo&model=XC90"
                    role="button"
                    target="_blank"
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>XC90</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/xc90-hybrid1732222406121.png"
                     alt="XC90"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
                
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="https://villeneuve.volvocars.ca/fr/search?make=Volvo&model=XC60"
                    role="button"
                    target="_blank"
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>XC60</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/xc60-hybrid1732222421076.png"
                     alt="XC60"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
        
    </div>
</div>


<div class="o-catalogSubmenuBravo__wrapper">

    <div class="o-catalogSubmenuBravo__link">
        
            
    <p
            class="a-typography    "
            
            
    >
        Sedans
    </p>


    </div>

    <div class="o-catalogSubmenuBravo__items">
        
            
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="https://villeneuve.volvocars.ca/fr/search?make=Volvo&model=S90"
                    role="button"
                    target="_blank"
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>S90</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/s90-hybrid1732222478718.png"
                     alt="S90"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
                
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="https://villeneuve.volvocars.ca/fr/search?make=Volvo&model=S60"
                    role="button"
                    target="_blank"
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>S60</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/s60-hybrid1732222489301.png"
                     alt="S60"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
        
    </div>
</div>


<div class="o-catalogSubmenuBravo__wrapper">

    <div class="o-catalogSubmenuBravo__link">
        
            
    <p
            class="a-typography    "
            
            
    >
        Wagons
    </p>


    </div>

    <div class="o-catalogSubmenuBravo__items">
        
            
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="https://villeneuve.volvocars.ca/fr/search?make=Volvo&model=V60"
                    role="button"
                    target="_blank"
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>V60</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/v60-pse-ca1732222830237.png"
                     alt="V60"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
        
    </div>
</div>

                            </div>
                        

                            <div class="o-catalogSubmenuBravo__right"
                                 data-target-vehicles
                                 id="gasoline"
                            >
                                

<div class="o-catalogSubmenuBravo__wrapper">

    <div class="o-catalogSubmenuBravo__link">
        
            
    <p
            class="a-typography    "
            
            
    >
        SUVs
    </p>


    </div>

    <div class="o-catalogSubmenuBravo__items">
        
            
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="/fr/inventaire-neuf?text=xc90"
                    role="button"
                    
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>XC90</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/xc901732219529777.png"
                     alt="XC90"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
                
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="/fr/inventaire-neuf?text=xc60"
                    role="button"
                    
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>XC60</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/xc601732219542364.png"
                     alt="XC60"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
                
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="/fr/inventaire-neuf?text=xc40"
                    role="button"
                    
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>XC40</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/xc401732219551577.png"
                     alt="XC40"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
        
    </div>
</div>


<div class="o-catalogSubmenuBravo__wrapper">

    <div class="o-catalogSubmenuBravo__link">
        
            
    <p
            class="a-typography    "
            
            
    >
        Sedans
    </p>


    </div>

    <div class="o-catalogSubmenuBravo__items">
        
            
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="/fr/inventaire-neuf?text=s90"
                    role="button"
                    
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>S90</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/s901732219592272.png"
                     alt="S90"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
                
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="/fr/inventaire-neuf?text=s60"
                    role="button"
                    
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>S60</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/s601732219601546.png"
                     alt="S60"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
        
    </div>
</div>


<div class="o-catalogSubmenuBravo__wrapper">

    <div class="o-catalogSubmenuBravo__link">
        
            
    <p
            class="a-typography    "
            
            
    >
        Wagons
    </p>


    </div>

    <div class="o-catalogSubmenuBravo__items">
        
            
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="/fr/inventaire-neuf?text=v60"
                    role="button"
                    
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>V60</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/v60-pse-ca1732222979493.png"
                     alt="V60"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
                
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="/fr/inventaire-neuf?text=v60%20cross%20country"
                    role="button"
                    
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>V60 Cross Country</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/v60-cross-country1732222995847.png"
                     alt="V60 Cross Country"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
                
                <a
                    class="o-catalogSubmenuBravo__vehicle"
                    data-tagging-scope="header-menu"
                    data-tagging-precision="secondLevel"
                    data-target-vehicle
                    href="/fr/inventaire-neuf?text=v90%20cross%20country"
                    role="button"
                    
                >
                    <span class="o-catalogSubmenuBravo__vehicleWrapper">
                        <span>V90 Cross Country</span>

                        
            <img src="https://img.sm360.ca/images/web/default/global/v90-cross-country1732223003500.png"
                     alt="V90 Cross Country"
                     class="a-image__img o-catalogSubmenuBravo__image"
                     height="70"
                     width="230"
                    imageType="web"
                     data-atom-version="1.0"
                >
        
    
                    </span>
                </a>
            
        
    </div>
</div>

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

                
                   <button
        class="a-closeButtonAlpha group "
        
        
        data-menu-close
        type="button"
>
    

        <svg
                aria-hidden="false"
                class="i-icon i-closeButton "
                
                height="24"
                role="img"
                title="Fermer la fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m12.75444,11.98468l11.26085,11.26085-.73912.73918-11.26085-11.26091L.75441,23.98471.01529,23.24553l11.26085-11.26085L.01529.72383.75441-.01529l11.26091,11.26085L23.27617-.01529l.73912.73912-11.26085,11.26085Z" fill-rule="evenodd" stroke-width="0"/>
                

        </svg>
    

</button>
                
            </div>
        </div>
    </li>


    <li class="o-navListItem"
        data-menu-item-click
    >
        <span class="o-navListItem__text" data-list-item>
            

<a
            class="o-navListItem__anchor"
            data-menu-anchor
            data-tagging-precision="firstLevel"
            data-tagging-scope="header-menu"
            href="#"
            role="button"
            
        >
    

    <span
            class="a-typography    "
            
            
            data-list-item=""
            
    >
        Outils d'achat
    </span>


        </a
            href="">


                 <svg
                aria-hidden="false"
                class="i-icon i-expandMore -menu"
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
             
        </span>

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

<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">Magasiner un Volvo</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

    
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/inventaire-neuf"
                role="button"
                
            >
                Inventaire neuf

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/inventaire-occasion"
                role="button"
                
            >
                Inventaire d'occasion

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/inventaire-certifie"
                role="button"
                
            >
                Inventaire d'occasion certifié

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/inventaire-demo"
                role="button"
                
            >
                Inventaire démo

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


<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">Location et financement</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

    
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/financement"
                role="button"
                
            >
                Services de financement

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/formulaire/demande-de-prix-neuf/1"
                role="button"
                
            >
                Obtenir un devis

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/promotions"
                role="button"
                
            >
                Offres spéciales

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://fr.vipbyvolvocars.ca/publique/Programmes"
                role="button"
                target="_blank"
            >
                Offres Volvo Affinity

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://fr.vipbyvolvocars.ca/"
                role="button"
                target="_blank"
            >
                Offres VIP de Volvo

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

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


<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">Programmes Volvo</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

    
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/certifie-par-volvo"
                role="button"
                
            >
                Certifiés par Volvo

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/promesse-de-prix-unique"
                role="button"
                
            >
                Promesse de prix unique

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://fr.vipbyvolvocars.ca/publique/Programmes"
                role="button"
                target="_blank"
            >
                Rabais Volvo

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

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


<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">Extras</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

    
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/formulaire/demande-d-essai-routier-neuf/3"
                role="button"
                
            >
                Réservez un essai routier

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://www.volvocars.com/fr-ca/support/topic/af6b6fd04679ee5fc0a801892df304b6/"
                role="button"
                target="_blank"
            >
                Extras

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

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


                    <button
        class="a-closeButtonAlpha group "
        
        
        data-menu-close
        type="button"
>
    

        <svg
                aria-hidden="false"
                class="i-icon i-closeButton "
                
                height="24"
                role="img"
                title="Fermer la fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m12.75444,11.98468l11.26085,11.26085-.73912.73918-11.26085-11.26091L.75441,23.98471.01529,23.24553l11.26085-11.26085L.01529.72383.75441-.01529l11.26091,11.26085L23.27617-.01529l.73912.73912-11.26085,11.26085Z" fill-rule="evenodd" stroke-width="0"/>
                

        </svg>
    

</button>
                
            </div>
        </div>
    </li>


    <li class="o-navListItem"
        data-menu-item-click
    >
        <span class="o-navListItem__text" data-list-item>
            

<a
            class="o-navListItem__anchor"
            data-menu-anchor
            data-tagging-precision="firstLevel"
            data-tagging-scope="header-menu"
            href="#"
            role="button"
            
        >
    

    <span
            class="a-typography    "
            
            
            data-list-item=""
            
    >
        Propriétaires
    </span>


        </a
            href="">


                <svg
                aria-hidden="false"
                class="i-icon i-expandMore -menu"
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
            
        </span>

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

<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">Service</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

    
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://www.volvocars.com/fr-ca/l/roadside-assistance/"
                role="button"
                target="_blank"
            >
                Assistance routière 24/7

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/calendrier-entretien"
                role="button"
                
            >
                Entretien programmé

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/services"
                role="button"
                
            >
                Mon expérience Volvo

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


<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">Pièces et accessoires</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

    
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://www.volvocars.com/fr-ca/collections/car-accessories/"
                role="button"
                target="_blank"
            >
                Accessoires

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://pieces.villeneuvevolvo.com/"
                role="button"
                target="_blank"
            >
                Pièces d'origine Volvo

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/ensemble-jantes-hiver"
                role="button"
                
            >
                Jantes et pneus d'hiver

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


<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">Soutien</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

    
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/contactez-nous"
                role="button"
                
            >
                Nous joindre

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://www.volvocars.com/fr-ca/support"
                role="button"
                target="_blank"
            >
                Soutien et manuel

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

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


                    <button
        class="a-closeButtonAlpha group "
        
        
        data-menu-close
        type="button"
>
    

        <svg
                aria-hidden="false"
                class="i-icon i-closeButton "
                
                height="24"
                role="img"
                title="Fermer la fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m12.75444,11.98468l11.26085,11.26085-.73912.73918-11.26085-11.26091L.75441,23.98471.01529,23.24553l11.26085-11.26085L.01529.72383.75441-.01529l11.26091,11.26085L23.27617-.01529l.73912.73912-11.26085,11.26085Z" fill-rule="evenodd" stroke-width="0"/>
                

        </svg>
    

</button>
                
            </div>
        </div>
    </li>


    <li class="o-navListItem"
        data-menu-item-click
    >
        <span class="o-navListItem__text" data-list-item>
            

<a
            class="o-navListItem__anchor"
            data-menu-anchor
            data-tagging-precision="firstLevel"
            data-tagging-scope="header-menu"
            href="#"
            role="button"
            
        >
    

    <span
            class="a-typography    "
            
            
            data-list-item=""
            
    >
        Électrique
    </span>


        </a
            href="">


                 <svg
                aria-hidden="false"
                class="i-icon i-expandMore -menu"
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
             
        </span>

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

<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">Magasiner l'inventaire</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

    
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://shop.volvocars.ca/fr/search?make=Volvo&fuelType=electric"
                role="button"
                target="_blank"
            >
                Inventaire des voitures électriques

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://shop.volvocars.ca/fr/search?make=Volvo&fuelType=plug-in%20hybrid"
                role="button"
                target="_blank"
            >
                Inventaire des voitures hybrides rechargeables

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://www.volvocars.com/fr-ca/cars/electrification/cost-benefits/"
                role="button"
                target="_blank"
            >
                Coût-bénéfice

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

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


<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">Passer à l'électrique avec Volvo</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

    
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://www.volvocars.com/fr-ca/cars/electrification/"
                role="button"
                target="_blank"
            >
                Hub d'électrification

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://www.volvocars.com/fr-ca/cars/ex40-electric/"
                role="button"
                target="_blank"
            >
                EX40 électrique

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://www.volvocars.com/fr-ca/cars/ec40-electric/?gad_source=1&gclid=Cj0KCQjw4cS-BhDGARIsABg4_J1yarPSjYA6SBf4YasQSl6TyUzaBxbLTH9dL9nr9Wob4Q-isBq9fSYaAlYCEALw_wcB&gclsrc=aw.ds"
                role="button"
                target="_blank"
            >
                EC40 électrique

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/volvo-ex90"
                role="button"
                
            >
                EX90

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/ex30-electrique"
                role="button"
                
            >
                EX30 électrique

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


<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">Chargement et installation</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

    
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://www.volvocars.com/fr-ca/cars/electrification/charging-your-volvo/"
                role="button"
                target="_blank"
            >
                Charger votre Volvo

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://store.chargepoint.com/fr-CA/volvo/"
                role="button"
                target="_blank"
            >
                Chargeur à domicile

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://qmerit.ca/fr/ev/volvo/"
                role="button"
                target="_blank"
            >
                Installations

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

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


<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">Explorez les véhicules électriques</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

    
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/formulaire/demande-d-essai-routier-neuf/3"
                role="button"
                
            >
                Réservez un essai routier

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


                    <button
        class="a-closeButtonAlpha group "
        
        
        data-menu-close
        type="button"
>
    

        <svg
                aria-hidden="false"
                class="i-icon i-closeButton "
                
                height="24"
                role="img"
                title="Fermer la fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m12.75444,11.98468l11.26085,11.26085-.73912.73918-11.26085-11.26091L.75441,23.98471.01529,23.24553l11.26085-11.26085L.01529.72383.75441-.01529l11.26091,11.26085L23.27617-.01529l.73912.73912-11.26085,11.26085Z" fill-rule="evenodd" stroke-width="0"/>
                

        </svg>
    

</button>
                
            </div>
        </div>
    </li>


    <li class="o-navListItem"
        data-menu-item-click
    >
         <span class="o-navListItem__text" data-list-item>
             

<a
            class="o-navListItem__anchor"
            data-menu-anchor
            data-tagging-precision="firstLevel"
            data-tagging-scope="header-menu"
            href="#"
            role="button"
            
        >
    

    <span
            class="a-typography    "
            
            
            data-list-item=""
            
    >
        À propos de nous
    </span>


        </a
            href="">


                 <svg
                aria-hidden="false"
                class="i-icon i-expandMore -menu"
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
             
        </span>

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

<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">À propos de Volvo cars</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

    
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://www.volvocars.com/fr-ca/our-story/"
                role="button"
                target="_blank"
            >
                Notre histoire

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://www.volvocars.com/fr-ca/v/safety/highlights"
                role="button"
                target="_blank"
            >
                Sécurité

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="https://www.volvocars.com/fr-ca/sustainability/highlights/"
                role="button"
                target="_blank"
            >
                Développement durable

                
                    <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

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


<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">Villeneuve Volvo</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

    
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/a-propos"
                role="button"
                
            >
                À propos de nous

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

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

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/nouvelles/liste/temoignage"
                role="button"
                
            >
                Témoignages

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

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


<div class="o-navSubmenuListItem__wrapper">
    
        <p class="o-navSubmenuListItem__text">Informations supplémentaires</p>
    

    <div
            class="o-navSubmenuListItem -body2"
            data-submenu-item
    >

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

                
            </a>
        
            
            <a
                class="o-navSubmenuAnchor"
                data-menu-anchor
                data-tagging-precision="secondLevel"
                data-tagging-scope="header-menu"
                href="/fr/volvo-semi-hybride"
                role="button"
                
            >
                Découvrez semi-hybride

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


                    <button
        class="a-closeButtonAlpha group "
        
        
        data-menu-close
        type="button"
>
    

        <svg
                aria-hidden="false"
                class="i-icon i-closeButton "
                
                height="24"
                role="img"
                title="Fermer la fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m12.75444,11.98468l11.26085,11.26085-.73912.73918-11.26085-11.26091L.75441,23.98471.01529,23.24553l11.26085-11.26085L.01529.72383.75441-.01529l11.26091,11.26085L23.27617-.01529l.73912.73912-11.26085,11.26085Z" fill-rule="evenodd" stroke-width="0"/>
                

        </svg>
    

</button>
                
            </div>
        </div>
    </li>


    <li class="o-navListItem"
        
    >
         <span class="o-navListItem__text" data-list-item>
            

<a
            class="o-navListItem__anchor"
            data-menu-anchor
            data-tagging-precision="firstLevel"
            data-tagging-scope="header-menu"
            href="/fr/formulaire/demande-de-rendez-vous-d-entretien/5"
            role="button"
            
        >
    

    <span
            class="a-typography    "
            
            
            data-list-item=""
            
    >
        Prendre rendez-vous
    </span>


        </a
            href="/fr/formulaire/demande-de-rendez-vous-d-entretien/5">


                 <svg
                aria-hidden="false"
                class="i-icon i-expandMore -menu"
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
             
        </span>

        
    </li>


<li
        class="o-navListItem -compare"
        data-menu-item
        style="order:"
        tabindex="0"
>
    <a
            aria-expanded="false"
            aria-haspopup="true"
            class="o-navListItem__text"
            data-alignment="center"
            data-click-open="false"
            data-menu-anchor
            data-position="bottom"
            data-tagging-precision="firstLevel"
            data-tagging-scope="header-menu"
            data-trigger-class=""
            data-widget-compare
            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">
            

        <svg
                aria-hidden="false"
                class="i-icon i-carCompare -compare"
                
                height="24"
                role="img"
                title="Sélectionnez 2 véhicules pour comparer"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m11.99951,0h1v24h-1V0Zm-5.81934,4.87701c.35199-.11023.69659-.13971.95581-.16193.07483-.00641.14252-.01215.20117-.0191h.00513l.0592-.00708c.21899-.02618,2.99811-.23456,2.99811-.23456l.00055-.99921s-2.88873.21436-3.11749.2417h-.02484l-.0224-.00079c-.00787-.00079-.0152-.00226-.02124-.00537-.02991-.00745-.06055-.01886-.09552-.03186-.11029-.04108-.26385-.09821-.57507-.09821-.70154,0-1.99908,1.49268-2.48358,2.32263-.85071,1.45544-1.40308,2.39062-1.40308,2.39062l-1.5213,1.36884C.60144,10.15673.00543,11.46355.00543,12.17583v.13617c.00006.86505.00024,4.48938-.00543,7.02509,0,1.04059.62378,1.49866,1.66669,1.49866h2.18872c.06952,0,.1377.00177.2038.0036.40601.0108.73279.01935.80212-.40674l.24823-2.05316,1.10944-.54102h4.18115v-.99908h-4.47723l-1.74243.89362-.25439,2.10419c-.02301-.00031-.04663-.00049-.07068-.00049H1.66669c-.39624,0-.53992-.08984-.57452-.11938-.00989-.008-.09198-.07416-.09216-.37921.00568-2.53687.00549-6.16144.00543-7.02612v-.13611c0-.14459.08075-.49506.27698-.93158.18842-.41913.40228-.73761.53766-.8728l1.62012-1.45776.078-.13208.10004-.16968c.06525-.11066.16107-.27332.28351-.48157.24481-.41638.59601-1.01477,1.02179-1.74329.19385-.33215.58521-.84735,1.00745-1.27338.08667-.08752.17017-.16669.24921-.23669Zm-.81061,6.76611l-2.61298-.14807-.02899-.3009-.77448-.07025.11237,1.64191.82172.08392-.03363-.34845,2.45941.13934.05658-.9975Zm-3.50275-3.43878c.05524-.00574.09491-.00989.11346-.00989.22345-.04871.27643-.16486.31287-.34082.04443-.2146.04474-.65039.04474-.94257,0-.24347-.31287-.24347-.31287-.24347-.70319-.05475-1.94183.24426-1.65369,1.18604.15009.49054,1.14166.38745,1.49548.35071Zm22.12775,4.10767v-.13617c0-.71228-.59601-2.0191-1.13019-2.53314l-1.5213-1.36884s-.55237-.93518-1.40308-2.39062c-.4845-.82996-1.78204-2.32263-2.48358-2.32263-.31122,0-.46478.05713-.57507.09821-.03497.013-.06561.02441-.09552.03186-.00604.00311-.01337.00458-.02124.00537l-.0224.00079h-.02484c-.22876-.02734-2.15082-.2417-2.15082-.2417l.00049.99921s1.8125.20837,2.03149.23456l.0592.00708h.00513c.05865.00696.12634.0127.20117.0191.25922.02222.60382.0517.95581.16193.07904.07001.16254.14917.24921.23669.42224.42603.8136.94122,1.00745,1.27338.42578.72852.77698,1.3269,1.02179,1.74329.12244.20825.21826.37091.28351.48157l.10004.16968.078.13208,1.62012,1.45776c.13538.13519.34924.45367.53766.8728.19623.43652.27698.78699.27698.93158v.13611c-.00006.86469-.00024,4.48926.00543,7.02612-.00018.30505-.08228.37122-.09216.37921-.03461.02954-.17828.11938-.57452.11938h-2.18872c-.02405,0-.04767.00018-.07068.00049l-.25439-2.10419-1.74243-.89362h-3.51056l.01208.99908h3.20239l1.10944.54102.24823,2.05316c.06934.42609.39612.41754.80212.40674.0661-.00183.13428-.0036.2038-.0036h2.18872c1.04291,0,1.66669-.45807,1.66669-1.49866-.00568-2.53571-.00549-6.16003-.00543-7.02509Zm-2.06006.4538l.11237-1.64191-.77448.07025-.02899.3009-2.61298.14807.05658.9975,2.45941-.13934-.03363.34845.82172-.08392Zm.08521-4.57135c.01855,0,.05823.00415.11346.00989.35382.03674,1.3454.13983,1.49548-.35071.28815-.94177-.9505-1.24078-1.65369-1.18604,0,0-.31287,0-.31287.24347,0,.29218.00031.72797.04474.94257.03644.17596.08942.29211.31287.34082Z" fill-rule="evenodd" stroke-width="0"/>
                

        </svg>
    

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

    
<ul
        class="o-navSubMenuCompareBravo"
        data-submenu
        data-widget-comparebox
>
    
    
<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"
    >
        

        Comparer

        
    </a>


</li>

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

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


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


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

        Comparer

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

    <div class="o-menuBravo__language">
        
            
<div
    class="m-languageSwitchCharlie "
    data-theme-style="languageSwitch"
>
    <a
                        class="m-languageSwitchCharlie__item m-languageSwitch__item -en"
                        href="/en/ex30-electric" 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>
</nav>


    <div class="o-headerBottomBravo__infos -lightMode">
        
        
    <p
            class="a-typography    o-headerBottomBravo__dealerName -subheading1"
            
            
    >
        Villeneuve Volvo
    </p>


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

    <a
            class="m-addressLink__anchor -splitted"
            data-theme-style="addressLink"
            href="http://maps.google.com/?q=Villeneuve+Volvo+1786+Avenue+du+Phare+O+G4W+3M6+QC+Matane"
            taggingEvent="contacts"
            taggingPrecision="address"
            taggingScope="header"
            target="_blank"
    >
        

        1786 Avenue du Phare O, Matane, 

        <span class="m-addressLink__addressEnd">
            QC, G4W 3M6 <svg
                aria-hidden="false"
                class="i-icon i-linkExternal m-addressLink__iconExternalLink"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

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

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

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


    <a class="m-phoneNumberAnchor shiftdigital-event m-generalPhoneNumber o-headerBottomBravo__dealerPhoneNumber"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Général"
       data-shiftdigital-url="tel:1-833-453-4890"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-specificity="Général"
       data-theme-style="phoneNumberAnchor"
       href="tel:1-833-453-4890"
    >
        
        1-833-453-4890
    
    </a>


</div>

    </div>
</div>

</header>

    
</div>

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

<section class="l-fullWidth -defaultMarginBottom  p-volvoExElectric"
              
              
              >
    
    
<div class="l-fullWidth   p-volvoExElectric__mainContent"
              
              
              >
    
        
<section class="l-container -defaultMarginBottom  "
              
              
              >
    
            
<div class="l-row -defaultPaddingBottom "
              
              
              >
    
                
<nav
        aria-label=""
        class="m-breadcrumbs  "
        data-atom-version="1.0"
        
        
>
    <ol class="m-breadcrumbs__list">
        

                <li
            
            class="m-breadcrumbItem  "
            
            
    >
        
            
                <a
                        class="m-breadcrumbItem__anchor"
                        href="/fr"
                >
                    Accueil
                </a>

                <svg
                aria-hidden="true"
                class="i-icon i-breadcrumbSeparator m-breadcrumbItem__separatorIcon"
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m7.81616,24h-1.7193L16.19029,0h1.71285L7.81616,24Z" stroke-width="0"/>
                

        </svg>
            

    </li>


    <li
            aria-current='page'
            class="m-breadcrumbItem -active "
            
            
    >
        
            
                EX30 Electrique
            
        
    </li>
            

    </ol>
</nav>


</div>

        
</section>

    
</div>


<section class="l-fullWidth   o-bannerDelta p-volvoExElectric__banner"
              
              x-data
        x-interchange="{
    &#034;default&#034;: &#034;https://img.sm360.ca/images/web/default/global/header-ex30-mobile1741358634501.jpg&#034;,
    &#034;md&#034;: &#034;https://img.sm360.ca/images/web/default/global/header-ex30-desk1740686397946.jpg&#034;
    }"
              style="height: ;"
              
              >
    
    
<div class="l-container -defaultMarginBottom  o-bannerDelta__contentWrapper"
              
              
              >
    
        
<div class="l-row  o-bannerDelta__content"
              
              
              >
    
            
    <h1
            class="a-typography -heading1   o-bannerDelta__title"
            
            
    >
        Le EX30 entièrement électrique. Notre plus petit VUS.
    </h1>


</div>

        
<div class="l-row  o-bannerDelta__content"
              
              
              >
    
            
</div>

    
</div>


</section>


<section class="l-fullWidth   o-performance "
              
              
              >
    
    
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
        
<div class="l-grid -defaultPaddingBottom o-performance__wrapper"
              
              
              >
    
            
<div class="l-row  o-performance__titleWrapper"
              
              
              >
    
                
    <h2
            class="a-typography -heading2   o-performance__title"
            
            
    >
        <p>EX30. <span>Un v&eacute;hicule compact &agrave; la performance &eacute;lectrique impressionnante.</span></p>
    </h2>


</div>


<div class="l-grid  o-performance__instances"
              
              
              >
    
                
                    <article class="o-performance__instanceCard">
                        

    <h3
            class="a-typography -heading2   o-performance__instanceTitle"
            
            
    >
        26,5 min
    </h3>


                        <div class="o-performance__instanceHtml">
                            

        <svg
                aria-hidden="false"
                class="i-icon i-info o-performance__instanceIcon"
                x-init=""
    
        x-modal-trigger="modal-1"
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m12.00003,0C5.376.0083.00784,5.37598.00003,12c.00684,6.62451,5.37598,11.99268,12,12,6.62402-.00732,11.99316-5.37549,12-12C23.99221,5.37598,18.62405.00781,12.00003,0Zm.0011,23c-6.05975-.00671-10.99481-4.94177-11.0011-10.99884.00714-6.05811,4.94159-10.99298,11.00006-11.00116,6.05841.00775,10.9928,4.94263,10.99994,10.99896-.00629,6.05927-4.94135,10.99432-10.9989,11.00104Zm.41559-6.37012c.22296,0,.54852-.06866.82294-.17145l-.18872.78851c-.32568.13721-.70276.22296-1.13129.22296-1.14868,0-1.49146-.56573-1.49146-1.25153,0-.53772.34662-1.75946.67755-2.92554.30206-1.06451.59094-2.08264.59094-2.49164,0-.39429-.17145-.63428-.617-.63428-.22296,0-.54871.05145-.823.15424l.18854-.7713c.32574-.13721.70294-.23999,1.13147-.23999,1.14856,0,1.49152.56555,1.49152,1.26855,0,.52661-.34406,1.73633-.67358,2.89618-.30365,1.06763-.59497,2.09283-.59497,2.50378,0,.4115.17133.65149.61707.65149Zm1.73145-9.89148c0,.61707-.49719,1.08002-1.07996,1.08002-.58301,0-.92578-.44574-.92578-.96002,0-.61719.53149-1.09723,1.08002-1.09723.58276,0,.92572.46295.92572.97723Z" stroke-width="0"/>
                    <path d="m12.00003,0C5.376.0083.00784,5.37598.00003,12c.00684,6.62451,5.37598,11.99268,12,12,6.62402-.00732,11.99316-5.37549,12-12C23.99221,5.37598,18.62405.00781,12.00003,0Zm.0011,23c-6.05975-.00671-10.99481-4.94177-11.0011-10.99884.00714-6.05811,4.94159-10.99298,11.00006-11.00116,6.05841.00775,10.9928,4.94263,10.99994,10.99896-.00629,6.05927-4.94135,10.99432-10.9989,11.00104Zm.41559-6.37012c.22296,0,.54852-.06866.82294-.17145l-.18872.78851c-.32568.13721-.70276.22296-1.13129.22296-1.14868,0-1.49146-.56573-1.49146-1.25153,0-.53772.34662-1.75946.67755-2.92554.30206-1.06451.59094-2.08264.59094-2.49164,0-.39429-.17145-.63428-.617-.63428-.22296,0-.54871.05145-.823.15424l.18854-.7713c.32574-.13721.70294-.23999,1.13147-.23999,1.14856,0,1.49152.56555,1.49152,1.26855,0,.52661-.34406,1.73633-.67358,2.89618-.30365,1.06763-.59497,2.09283-.59497,2.50378,0,.4115.17133.65149.61707.65149Zm1.73145-9.89148c0,.61707-.49719,1.08002-1.07996,1.08002-.58301,0-.92578-.44574-.92578-.96002,0-.61719.53149-1.09723,1.08002-1.09723.58276,0,.92572.46295.92572.97723Z" stroke-width="0"/>
                

        </svg>
    

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

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

        <svg
                aria-hidden="false"
                class="i-icon i-closeButton "
                
                height="24"
                role="img"
                title=""
                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>
    

</button>


                <div class="m-modal__content">
                    

    <h3
            class="a-typography -subheading1   o-performance__instanceModalTitle"
            
            
    >
        <p>Estimation de la dur&eacute;e de recharge rapide CC</p>
<p>(10 &agrave; 80 %)</p>
    </h3>


<span class="a-separator o-performance__separator" data-theme-style="separator"  role="none"></span>

                                    
    <div
            class="a-typography   -wysiwyg o-performance__instanceModalContent"
            
            
    >
        <meta charset="utf-8" />
<p>Temps moyen pour recharger la batterie de 10 &agrave; 80 % &agrave; une station de recharge rapide &agrave; CC de 153kW (CCS2).</p>
<p>Les chiffres sont des estimations pr&eacute;liminaires qui proviennent de calculs effectu&eacute;s par Volvo Cars pour l'EX30. Ces r&eacute;sultats ne sont pas garantis. Les dur&eacute;es de recharge peuvent varier et d&eacute;pendent de facteurs tels que la temp&eacute;rature ext&eacute;rieure, la temp&eacute;rature de la batterie, le type de dispositif utilis&eacute; pour la recharge ainsi que l'&eacute;tat de la batterie et du v&eacute;hicule.</p>
    </div>


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


    <span
            class="a-typography -fineprint   "
            
            
    >
        <p>Estimation de la dur&eacute;e de recharge rapide CC</p>
<p>(10 &agrave; 80 %)</p>
    </span>


                        </div>
                    </article>
                
                    <article class="o-performance__instanceCard">
                        

    <h3
            class="a-typography -heading2   o-performance__instanceTitle"
            
            
    >
        16,5 kWh
    </h3>


                        <div class="o-performance__instanceHtml">
                            

        <svg
                aria-hidden="false"
                class="i-icon i-info o-performance__instanceIcon"
                x-init=""
    
        x-modal-trigger="modal-2"
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m12.00003,0C5.376.0083.00784,5.37598.00003,12c.00684,6.62451,5.37598,11.99268,12,12,6.62402-.00732,11.99316-5.37549,12-12C23.99221,5.37598,18.62405.00781,12.00003,0Zm.0011,23c-6.05975-.00671-10.99481-4.94177-11.0011-10.99884.00714-6.05811,4.94159-10.99298,11.00006-11.00116,6.05841.00775,10.9928,4.94263,10.99994,10.99896-.00629,6.05927-4.94135,10.99432-10.9989,11.00104Zm.41559-6.37012c.22296,0,.54852-.06866.82294-.17145l-.18872.78851c-.32568.13721-.70276.22296-1.13129.22296-1.14868,0-1.49146-.56573-1.49146-1.25153,0-.53772.34662-1.75946.67755-2.92554.30206-1.06451.59094-2.08264.59094-2.49164,0-.39429-.17145-.63428-.617-.63428-.22296,0-.54871.05145-.823.15424l.18854-.7713c.32574-.13721.70294-.23999,1.13147-.23999,1.14856,0,1.49152.56555,1.49152,1.26855,0,.52661-.34406,1.73633-.67358,2.89618-.30365,1.06763-.59497,2.09283-.59497,2.50378,0,.4115.17133.65149.61707.65149Zm1.73145-9.89148c0,.61707-.49719,1.08002-1.07996,1.08002-.58301,0-.92578-.44574-.92578-.96002,0-.61719.53149-1.09723,1.08002-1.09723.58276,0,.92572.46295.92572.97723Z" stroke-width="0"/>
                    <path d="m12.00003,0C5.376.0083.00784,5.37598.00003,12c.00684,6.62451,5.37598,11.99268,12,12,6.62402-.00732,11.99316-5.37549,12-12C23.99221,5.37598,18.62405.00781,12.00003,0Zm.0011,23c-6.05975-.00671-10.99481-4.94177-11.0011-10.99884.00714-6.05811,4.94159-10.99298,11.00006-11.00116,6.05841.00775,10.9928,4.94263,10.99994,10.99896-.00629,6.05927-4.94135,10.99432-10.9989,11.00104Zm.41559-6.37012c.22296,0,.54852-.06866.82294-.17145l-.18872.78851c-.32568.13721-.70276.22296-1.13129.22296-1.14868,0-1.49146-.56573-1.49146-1.25153,0-.53772.34662-1.75946.67755-2.92554.30206-1.06451.59094-2.08264.59094-2.49164,0-.39429-.17145-.63428-.617-.63428-.22296,0-.54871.05145-.823.15424l.18854-.7713c.32574-.13721.70294-.23999,1.13147-.23999,1.14856,0,1.49152.56555,1.49152,1.26855,0,.52661-.34406,1.73633-.67358,2.89618-.30365,1.06763-.59497,2.09283-.59497,2.50378,0,.4115.17133.65149.61707.65149Zm1.73145-9.89148c0,.61707-.49719,1.08002-1.07996,1.08002-.58301,0-.92578-.44574-.92578-.96002,0-.61719.53149-1.09723,1.08002-1.09723.58276,0,.92572.46295.92572.97723Z" stroke-width="0"/>
                

        </svg>
    

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

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

        <svg
                aria-hidden="false"
                class="i-icon i-closeButton "
                
                height="24"
                role="img"
                title=""
                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>
    

</button>


                <div class="m-modal__content">
                    

    <h3
            class="a-typography -subheading1   o-performance__instanceModalTitle"
            
            
    >
        <p>Consommation d&rsquo;&eacute;nergie</p>
<p>(pour 100 km)</p>
    </h3>


<span class="a-separator o-performance__separator" data-theme-style="separator"  role="none"></span>

                                    
    <div
            class="a-typography   -wysiwyg o-performance__instanceModalContent"
            
            
    >
        <meta charset="utf-8" />
<p>Valeurs selon le cycle d&rsquo;essai de l&rsquo;EPA des &Eacute;tats-Unis pour la variante Single Motor Extended Range avec roues de 19 po ou 20 po. Consommation &eacute;nerg&eacute;tique (kWh/100 km) : 15,6 (ville), 20,1 (autoroute), 18,1 (combin&eacute;e). L'autonomie et la consommation d'&eacute;nergie en conditions r&eacute;elles d&eacute;pendent des habitudes de conduite et d'autres facteurs externes.</p>
    </div>


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


    <span
            class="a-typography -fineprint   "
            
            
    >
        <p>Consommation d&rsquo;&eacute;nergie</p>
<p>(pour 100 km)</p>
    </span>


                        </div>
                    </article>
                
                    <article class="o-performance__instanceCard">
                        

    <h3
            class="a-typography -heading2   o-performance__instanceTitle"
            
            
    >
        3,6 s
    </h3>


                        <div class="o-performance__instanceHtml">
                            

        <svg
                aria-hidden="false"
                class="i-icon i-info o-performance__instanceIcon"
                x-init=""
    
        x-modal-trigger="modal-3"
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m12.00003,0C5.376.0083.00784,5.37598.00003,12c.00684,6.62451,5.37598,11.99268,12,12,6.62402-.00732,11.99316-5.37549,12-12C23.99221,5.37598,18.62405.00781,12.00003,0Zm.0011,23c-6.05975-.00671-10.99481-4.94177-11.0011-10.99884.00714-6.05811,4.94159-10.99298,11.00006-11.00116,6.05841.00775,10.9928,4.94263,10.99994,10.99896-.00629,6.05927-4.94135,10.99432-10.9989,11.00104Zm.41559-6.37012c.22296,0,.54852-.06866.82294-.17145l-.18872.78851c-.32568.13721-.70276.22296-1.13129.22296-1.14868,0-1.49146-.56573-1.49146-1.25153,0-.53772.34662-1.75946.67755-2.92554.30206-1.06451.59094-2.08264.59094-2.49164,0-.39429-.17145-.63428-.617-.63428-.22296,0-.54871.05145-.823.15424l.18854-.7713c.32574-.13721.70294-.23999,1.13147-.23999,1.14856,0,1.49152.56555,1.49152,1.26855,0,.52661-.34406,1.73633-.67358,2.89618-.30365,1.06763-.59497,2.09283-.59497,2.50378,0,.4115.17133.65149.61707.65149Zm1.73145-9.89148c0,.61707-.49719,1.08002-1.07996,1.08002-.58301,0-.92578-.44574-.92578-.96002,0-.61719.53149-1.09723,1.08002-1.09723.58276,0,.92572.46295.92572.97723Z" stroke-width="0"/>
                    <path d="m12.00003,0C5.376.0083.00784,5.37598.00003,12c.00684,6.62451,5.37598,11.99268,12,12,6.62402-.00732,11.99316-5.37549,12-12C23.99221,5.37598,18.62405.00781,12.00003,0Zm.0011,23c-6.05975-.00671-10.99481-4.94177-11.0011-10.99884.00714-6.05811,4.94159-10.99298,11.00006-11.00116,6.05841.00775,10.9928,4.94263,10.99994,10.99896-.00629,6.05927-4.94135,10.99432-10.9989,11.00104Zm.41559-6.37012c.22296,0,.54852-.06866.82294-.17145l-.18872.78851c-.32568.13721-.70276.22296-1.13129.22296-1.14868,0-1.49146-.56573-1.49146-1.25153,0-.53772.34662-1.75946.67755-2.92554.30206-1.06451.59094-2.08264.59094-2.49164,0-.39429-.17145-.63428-.617-.63428-.22296,0-.54871.05145-.823.15424l.18854-.7713c.32574-.13721.70294-.23999,1.13147-.23999,1.14856,0,1.49152.56555,1.49152,1.26855,0,.52661-.34406,1.73633-.67358,2.89618-.30365,1.06763-.59497,2.09283-.59497,2.50378,0,.4115.17133.65149.61707.65149Zm1.73145-9.89148c0,.61707-.49719,1.08002-1.07996,1.08002-.58301,0-.92578-.44574-.92578-.96002,0-.61719.53149-1.09723,1.08002-1.09723.58276,0,.92572.46295.92572.97723Z" stroke-width="0"/>
                

        </svg>
    

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

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

        <svg
                aria-hidden="false"
                class="i-icon i-closeButton "
                
                height="24"
                role="img"
                title=""
                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>
    

</button>


                <div class="m-modal__content">
                    

    <h3
            class="a-typography -subheading1   o-performance__instanceModalTitle"
            
            
    >
        <p>Acc&eacute;l&eacute;ration</p>
<p>(0 &agrave; 100 km/h)</p>
    </h3>


<span class="a-separator o-performance__separator" data-theme-style="separator"  role="none"></span>

                                    
    <div
            class="a-typography   -wysiwyg o-performance__instanceModalContent"
            
            
    >
        <meta charset="utf-8" />
<p><strong>Single Motor Extended Range (0-100km/h): 5.3s Twin Motor Performance (0-100km/h): 3.6s</strong></p>
    </div>


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


    <span
            class="a-typography -fineprint   "
            
            
    >
        <p>Acc&eacute;l&eacute;ration</p>
<p>(0 &agrave; 100 km/h)</p>
    </span>


                        </div>
                    </article>
                
                    <article class="o-performance__instanceCard">
                        

    <h3
            class="a-typography -heading2   o-performance__instanceTitle"
            
            
    >
        420 km
    </h3>


                        <div class="o-performance__instanceHtml">
                            

        <svg
                aria-hidden="false"
                class="i-icon i-info o-performance__instanceIcon"
                x-init=""
    
        x-modal-trigger="modal-4"
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m12.00003,0C5.376.0083.00784,5.37598.00003,12c.00684,6.62451,5.37598,11.99268,12,12,6.62402-.00732,11.99316-5.37549,12-12C23.99221,5.37598,18.62405.00781,12.00003,0Zm.0011,23c-6.05975-.00671-10.99481-4.94177-11.0011-10.99884.00714-6.05811,4.94159-10.99298,11.00006-11.00116,6.05841.00775,10.9928,4.94263,10.99994,10.99896-.00629,6.05927-4.94135,10.99432-10.9989,11.00104Zm.41559-6.37012c.22296,0,.54852-.06866.82294-.17145l-.18872.78851c-.32568.13721-.70276.22296-1.13129.22296-1.14868,0-1.49146-.56573-1.49146-1.25153,0-.53772.34662-1.75946.67755-2.92554.30206-1.06451.59094-2.08264.59094-2.49164,0-.39429-.17145-.63428-.617-.63428-.22296,0-.54871.05145-.823.15424l.18854-.7713c.32574-.13721.70294-.23999,1.13147-.23999,1.14856,0,1.49152.56555,1.49152,1.26855,0,.52661-.34406,1.73633-.67358,2.89618-.30365,1.06763-.59497,2.09283-.59497,2.50378,0,.4115.17133.65149.61707.65149Zm1.73145-9.89148c0,.61707-.49719,1.08002-1.07996,1.08002-.58301,0-.92578-.44574-.92578-.96002,0-.61719.53149-1.09723,1.08002-1.09723.58276,0,.92572.46295.92572.97723Z" stroke-width="0"/>
                    <path d="m12.00003,0C5.376.0083.00784,5.37598.00003,12c.00684,6.62451,5.37598,11.99268,12,12,6.62402-.00732,11.99316-5.37549,12-12C23.99221,5.37598,18.62405.00781,12.00003,0Zm.0011,23c-6.05975-.00671-10.99481-4.94177-11.0011-10.99884.00714-6.05811,4.94159-10.99298,11.00006-11.00116,6.05841.00775,10.9928,4.94263,10.99994,10.99896-.00629,6.05927-4.94135,10.99432-10.9989,11.00104Zm.41559-6.37012c.22296,0,.54852-.06866.82294-.17145l-.18872.78851c-.32568.13721-.70276.22296-1.13129.22296-1.14868,0-1.49146-.56573-1.49146-1.25153,0-.53772.34662-1.75946.67755-2.92554.30206-1.06451.59094-2.08264.59094-2.49164,0-.39429-.17145-.63428-.617-.63428-.22296,0-.54871.05145-.823.15424l.18854-.7713c.32574-.13721.70294-.23999,1.13147-.23999,1.14856,0,1.49152.56555,1.49152,1.26855,0,.52661-.34406,1.73633-.67358,2.89618-.30365,1.06763-.59497,2.09283-.59497,2.50378,0,.4115.17133.65149.61707.65149Zm1.73145-9.89148c0,.61707-.49719,1.08002-1.07996,1.08002-.58301,0-.92578-.44574-.92578-.96002,0-.61719.53149-1.09723,1.08002-1.09723.58276,0,.92572.46295.92572.97723Z" stroke-width="0"/>
                

        </svg>
    

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

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

        <svg
                aria-hidden="false"
                class="i-icon i-closeButton "
                
                height="24"
                role="img"
                title=""
                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>
    

</button>


                <div class="m-modal__content">
                    

    <h3
            class="a-typography -subheading1   o-performance__instanceModalTitle"
            
            
    >
        <p>Autonomie &eacute;lectrique</p>
<p>(jusqu'&agrave;)</p>
    </h3>


<span class="a-separator o-performance__separator" data-theme-style="separator"  role="none"></span>

                                    
    <div
            class="a-typography   -wysiwyg o-performance__instanceModalContent"
            
            
    >
        <meta charset="utf-8" />
<p>Volvo EX30 Single Motor Extended Range, 200 kW (268 ch), jantes de 18 po : consommation d&rsquo;&eacute;nergie combin&eacute;e de 18,4 kWh/100 km, autonomie : combin&eacute;e jusqu&rsquo;&agrave; 414 km. Jantes de 19 po ou 20 po : consommation d&rsquo;&eacute;nergie combin&eacute;e de 18,1 kWh/100 km, autonomie : combin&eacute;e jusqu&rsquo;&agrave; 420 km. Valeurs selon le cycle d&rsquo;essai de l'EPA (&Eacute;U). La port&eacute;e r&eacute;elle, la consommation d&rsquo;&eacute;nergie r&eacute;elle et les temps de charge d&eacute;pendent de divers facteurs, comme la temp&eacute;rature ext&eacute;rieure, la temp&eacute;rature actuelle de la batterie, le dispositif de chargement et d&rsquo;autres facteurs externes, ainsi que l&rsquo;&eacute;tat des batteries et du v&eacute;hicule.</p>
<p><br />Volvo EX30 Twin Motor Performance, 315 kW (422 ch) : consommation d&rsquo;&eacute;nergie combin&eacute;e de 19,3 kWh/100 km, autonomie : combin&eacute;e jusqu&rsquo;&agrave; 402 km. Valeurs selon le cycle d&rsquo;essai de l'EPA (&Eacute;U). La port&eacute;e r&eacute;elle, la consommation d&rsquo;&eacute;nergie r&eacute;elle et les temps de charge d&eacute;pendent de divers facteurs, comme la temp&eacute;rature ext&eacute;rieure, la temp&eacute;rature actuelle de la batterie, le dispositif de chargement et d&rsquo;autres facteurs externes, ainsi que l&rsquo;&eacute;tat des batteries et du v&eacute;hicule.</p>
    </div>


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


    <span
            class="a-typography -fineprint   "
            
            
    >
        <p>Autonomie &eacute;lectrique</p>
<p>(jusqu'&agrave;)</p>
    </span>


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


<div class="l-row  o-performance__action"
              
              
              >
    
                
    <a
        aria-label="Magasiner maintenant"
        class="a-button   -alpha group "
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="https://shop.volvocars.ca/fr/search?make=Volvo&model=EX30&fuelType=electric"
        role="button"
        target="_blank"
    >
        

        Magasiner maintenant

        
        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Icône de lien externe"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
    

    </a>


</div>

        
</div>

    
</div>


</section>


<section class="l-fullWidth -defaultMarginBottom  "
              
              
              >
    
            
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
                
<div class="o-galleryBravo__titleWrapper">
        

    <div
            class="a-typography -heading2   o-galleryBravo__title"
            
            
    >
        Galerie de photos du Volvo EX30 2025
    </div>


</div>

    <div class="o-galleryBravo__video">
            

    <iframe width="560" height="315" src="//www.youtube.com/embed/lXK7ugKyaY4?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

</div>
    <div class="o-galleryBravo p-volvoExElectric__gallery">
        

<a
        
        class="m-overlay group "
        data-overlay
        
        x-init=""
    
        x-modal-trigger="modal-images"
        
        href="javascript:void(0);"
        title=""
>
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 570 428'%2F%3E"
                     alt="photo-1"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="428"
                     width="570"
                     data-src="https://img.sm360.ca/images/web/default/global/videoframe_24951741379262905.png"
                    size="w570h428"
    
        imageExtraClasses="o-galleryBravo__image"
                     data-atom-version="1.0"
                >
        
    
    <div
            aria-labelledby="overlayTitle"
            class="m-overlay__container"
            role="dialog"
    >

        
        <svg
                aria-hidden="false"
                class="i-icon i-viewMore "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m20,12c0,.66985-.56816,1.21244-1.26962,1.21244h-5.46283v5.57314c0,.67096-.56725,1.21442-1.26755,1.21442s-1.26755-.54345-1.26755-1.21442v-5.57314h-5.46283c-.70146,0-1.26962-.54259-1.26962-1.21244s.56816-1.21244,1.26962-1.21244h5.46283v-5.57314c0-.67096.56725-1.21442,1.26755-1.21442s1.26755.54345,1.26755,1.21442v5.57314h5.46283c.70146,0,1.26962.54259,1.26962,1.21244Z" stroke-width="0" />
                
            
        </svg>
    

    </div>
</a>
<div class="o-galleryBravo__smallSection">
            

<a
        
        class="m-overlay group "
        data-overlay
        
        x-init=""
    
        x-modal-trigger="modal-images"
        
        href="javascript:void(0);"
        title=""
>
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 270 180'%2F%3E"
                     alt="photo-2"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="180"
                     width="270"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-2-16x91741379274910.jpg"
                    imageExtraClasses="o-galleryBravo__smallImage"
                     data-atom-version="1.0"
                >
        
    
    <div
            aria-labelledby="overlayTitle"
            class="m-overlay__container"
            role="dialog"
    >

        
        <svg
                aria-hidden="false"
                class="i-icon i-viewMore "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m20,12c0,.66985-.56816,1.21244-1.26962,1.21244h-5.46283v5.57314c0,.67096-.56725,1.21442-1.26755,1.21442s-1.26755-.54345-1.26755-1.21442v-5.57314h-5.46283c-.70146,0-1.26962-.54259-1.26962-1.21244s.56816-1.21244,1.26962-1.21244h5.46283v-5.57314c0-.67096.56725-1.21442,1.26755-1.21442s1.26755.54345,1.26755,1.21442v5.57314h5.46283c.70146,0,1.26962.54259,1.26962,1.21244Z" stroke-width="0" />
                
            
        </svg>
    

    </div>
</a>


<a
        
        class="m-overlay group "
        data-overlay
        
        x-init=""
    
        x-modal-trigger="modal-images"
        
        href="javascript:void(0);"
        title=""
>
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 270 180'%2F%3E"
                     alt="photo-3"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="180"
                     width="270"
                     data-src="https://img.sm360.ca/images/web/default/global/videoframe_26721741379286484.png"
                    imageExtraClasses="o-galleryBravo__smallImage"
                     data-atom-version="1.0"
                >
        
    
    <div
            aria-labelledby="overlayTitle"
            class="m-overlay__container"
            role="dialog"
    >

        
        <svg
                aria-hidden="false"
                class="i-icon i-viewMore "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m20,12c0,.66985-.56816,1.21244-1.26962,1.21244h-5.46283v5.57314c0,.67096-.56725,1.21442-1.26755,1.21442s-1.26755-.54345-1.26755-1.21442v-5.57314h-5.46283c-.70146,0-1.26962-.54259-1.26962-1.21244s.56816-1.21244,1.26962-1.21244h5.46283v-5.57314c0-.67096.56725-1.21442,1.26755-1.21442s1.26755.54345,1.26755,1.21442v5.57314h5.46283c.70146,0,1.26962.54259,1.26962,1.21244Z" stroke-width="0" />
                
            
        </svg>
    

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

        
<a
        
        class="m-overlay group "
        data-overlay
        
        x-init=""
    
        x-modal-trigger="modal-images"
        
        href="javascript:void(0);"
        title=""
>
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 570 428'%2F%3E"
                     alt="photo-4"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="428"
                     width="570"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-item2-16x91741379324541.jpg"
                    size="w570h428"
    
        imageExtraClasses="o-galleryBravo__image"
                     data-atom-version="1.0"
                >
        
    
    <div
            aria-labelledby="overlayTitle"
            class="m-overlay__container"
            role="dialog"
    >

        
        <svg
                aria-hidden="false"
                class="i-icon i-viewMore "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m20,12c0,.66985-.56816,1.21244-1.26962,1.21244h-5.46283v5.57314c0,.67096-.56725,1.21442-1.26755,1.21442s-1.26755-.54345-1.26755-1.21442v-5.57314h-5.46283c-.70146,0-1.26962-.54259-1.26962-1.21244s.56816-1.21244,1.26962-1.21244h5.46283v-5.57314c0-.67096.56725-1.21442,1.26755-1.21442s1.26755.54345,1.26755,1.21442v5.57314h5.46283c.70146,0,1.26962.54259,1.26962,1.21244Z" stroke-width="0" />
                
            
        </svg>
    

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

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

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

        <svg
                aria-hidden="false"
                class="i-icon i-closeButton "
                
                height="24"
                role="img"
                title=""
                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>
    

</button>


                <div class="m-modal__content">
                    

    <div
            class="o-carousel o-galleryBravo__modalCarousel"
            data-theme-style="carousel"
            
            
            x-carousel
            x-init
    >
        <div
                class="o-carousel__main splide "
                data-carousel
                data-splide='{
        &#034;lazyload&#034;: &#034;true&#034;,
        &#034;type&#034;: &#034;slide&#034;,
        &#034;pagination&#034;: false
    }'
        >
            <div class="o-carousel__mainTrack splide__track">
                <ul class="o-carousel__mainList splide__list ">
                    

<li class="o-carouselSlide splide__slide o-galleryBravo__carouselSlide" data-carousel-slide  >
    <video controls autoplay muted loop>
                                                <source
                                                        src="https://www.volvocars.com/files/cs/v3/assets/blt0feaa88e629251fc/blt51cd501889ecb86a/674d3e2dba71313073871a13/Running_Footage_EX30_Exterior_HD.mp4"
                                                        type="video/mp4"
                                                >
                                            </video>
                                        
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-2-16x91741379274910.jpg"
                     alt="image-2"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-2-16x91741379274910.jpg"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-2-16x91741379274910.jpg"
                     data-atom-version="1.0"
                >
        
    
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/videoframe_26721741379286484.png"
                     alt="image-3"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/videoframe_26721741379286484.png"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/videoframe_26721741379286484.png"
                     data-atom-version="1.0"
                >
        
    
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-item2-16x91741379324541.jpg"
                     alt="image-4"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-item2-16x91741379324541.jpg"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-item2-16x91741379324541.jpg"
                     data-atom-version="1.0"
                >
        
    
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-5-16x91741379328894.jpg"
                     alt="image-5"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-5-16x91741379328894.jpg"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-5-16x91741379328894.jpg"
                     data-atom-version="1.0"
                >
        
    
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-6-16x91741379335012.jpg"
                     alt="image-6"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-6-16x91741379335012.jpg"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-6-16x91741379335012.jpg"
                     data-atom-version="1.0"
                >
        
    
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-7-16x91741379341759.jpg"
                     alt="image-7"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-7-16x91741379341759.jpg"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-7-16x91741379341759.jpg"
                     data-atom-version="1.0"
                >
        
    
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-item8-16x91741379349764.jpg"
                     alt="image-8"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-item8-16x91741379349764.jpg"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-item8-16x91741379349764.jpg"
                     data-atom-version="1.0"
                >
        
    
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-9-16x91741379357588.jpg"
                     alt="image-9"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-9-16x91741379357588.jpg"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-9-16x91741379357588.jpg"
                     data-atom-version="1.0"
                >
        
    
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-item9-16x91741379364982.jpg"
                     alt="image-10"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-item9-16x91741379364982.jpg"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-item9-16x91741379364982.jpg"
                     data-atom-version="1.0"
                >
        
    
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-11-16x91741379372066.jpg"
                     alt="image-11"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-11-16x91741379372066.jpg"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-11-16x91741379372066.jpg"
                     data-atom-version="1.0"
                >
        
    
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-12-16x91741379395797.jpg"
                     alt="image-12"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-12-16x91741379395797.jpg"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-12-16x91741379395797.jpg"
                     data-atom-version="1.0"
                >
        
    
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-13-16x91741379404893.jpg"
                     alt="image-13"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-13-16x91741379404893.jpg"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-13-16x91741379404893.jpg"
                     data-atom-version="1.0"
                >
        
    
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-item15-16x91741379757097.jpg"
                     alt="image-14"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-item15-16x91741379757097.jpg"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-item15-16x91741379757097.jpg"
                     data-atom-version="1.0"
                >
        
    
</li>


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

            <img src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-16-16x91741379763701.jpg"
                     alt="image-15"
                     class="a-image__img lazyload o-galleryBravo__modalCarousel__images"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="940"
                     data-src="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-16-16x91741379763701.jpg"
                    data-splide-lazy="https://img.sm360.ca/images/web/default/global/ex30-electric-overview-gallery-new-item-16-16x91741379763701.jpg"
                     data-atom-version="1.0"
                >
        
    
</li>


<li class="o-carouselSlide splide__slide o-galleryBravo__carouselSlide" data-carousel-slide  >
    <video controls autoplay muted loop>
                                                <source
                                                        src="https://www.volvocars.com/files/cs/v3/assets/blt0feaa88e629251fc/blt9e11b39f6ea76e02/674d419ebcf41b79c07e02ab/Running_Footage_EX30_Exterior_Location_HD.mp4"
                                                        type="video/mp4"
                                                >
                                            </video>
                                        
</li>

                </ul>
            </div>

            
                <div class="o-carousel__mainArrows splide__arrows ">
                    

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

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselLeft "
                accessibilityRole=""
                height="24"
                role="img"
                title=""
                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  right-4 "
        data-tagging-precision="carouselRight"

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselRight "
                accessibilityRole=""
                height="24"
                role="img"
                title=""
                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 class="o-carousel__fraction" data-fraction></div>
        
    </div>


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


</div>

        
</section>

    
<section class="l-fullWidth -defaultMarginBottom  "
              
              
              >
    
            
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
                
    <div
            class="o-carousel o-colorsPickerSlider__colorsCarousel "
            data-theme-style="carousel"
            
            
            x-carousel
            x-init
    >
        <div
                class="o-carousel__main splide "
                data-carousel
                data-splide='{
        &#034;type&#034;: &#034;slide&#034;,
        &#034;arrows&#034;: false,
        &#034;pagination&#034;: true,
        &#034;perPage&#034;: 1,
        &#034;gap&#034;: 0,
        &#034;drag&#034;: false,
        &#034;classes&#034;: {
            &#034;pagination&#034;: &#034;splide__pagination o-colorsPickerSlider__colorsCarousel__pagination&#034;,
            &#034;page&#034;: &#034;splide__pagination__page o-colorsPickerSlider__colorsCarousel__paginationPage&#034;
        }
    }'
        >
            <div class="o-carousel__mainTrack splide__track">
                <ul class="o-carousel__mainList splide__list ">
                    
                <style>
                    :root {
                        .o-colorsPickerSlider__colorsCarousel__pagination li:nth-child(1) button {
                            background-color: #c8d4e1;
                        }

                        .o-colorsPickerSlider__colorsCarousel__pagination li:nth-child(1) button::after {
                            content: "Bleu Nuage";
                        }
                    }
                </style>

                
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                    
    <div
            class="o-carousel o-colorsPickerSlider__viewsCarousel"
            data-theme-style="carousel"
            
            
            x-carousel
            x-init
    >
        <div
                class="o-carousel__main splide "
                data-carousel
                data-splide='{
        &#034;type&#034;: &#034;slide&#034;,
        &#034;arrows&#034;: false,
        &#034;pagination&#034;: false,
        &#034;perPage&#034;: 1,
        &#034;gap&#034;: 0,
        &#034;noDrag&#034;: false
    }'
        >
            <div class="o-carousel__mainTrack splide__track">
                <ul class="o-carousel__mainList splide__list ">
                    

<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-side--blue1741365646194.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-side--blue1741365646194.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-semi-front-blue1741366400459.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-semi-front-blue1741366400459.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear-side--blue1741366473807.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear-side--blue1741366473807.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear_cloudblue1741363096299.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear_cloudblue1741363096299.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-front-grey1741363963352.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-front-grey1741363963352.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
                </ul>
            </div>

            
                <div class="o-carousel__mainArrows splide__arrows o-colorsPickerSlider__viewsArrows">
                    

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

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselLeft "
                accessibilityRole=""
                height="24"
                role="img"
                title=""
                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  right-4 "
        data-tagging-precision="carouselRight"

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselRight "
                accessibilityRole=""
                height="24"
                role="img"
                title=""
                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>


</li>

            
                <style>
                    :root {
                        .o-colorsPickerSlider__colorsCarousel__pagination li:nth-child(2) button {
                            background-color: #f2f2f2;
                        }

                        .o-colorsPickerSlider__colorsCarousel__pagination li:nth-child(2) button::after {
                            content: "Blanc Cristal";
                        }
                    }
                </style>

                
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                    
    <div
            class="o-carousel o-colorsPickerSlider__viewsCarousel"
            data-theme-style="carousel"
            
            
            x-carousel
            x-init
    >
        <div
                class="o-carousel__main splide "
                data-carousel
                data-splide='{
        &#034;type&#034;: &#034;slide&#034;,
        &#034;arrows&#034;: false,
        &#034;pagination&#034;: false,
        &#034;perPage&#034;: 1,
        &#034;gap&#034;: 0,
        &#034;noDrag&#034;: false
    }'
        >
            <div class="o-carousel__mainTrack splide__track">
                <ul class="o-carousel__mainList splide__list ">
                    

<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-side-white1741365661604.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-side-white1741365661604.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-semi-front-white1741366407704.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-semi-front-white1741366407704.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear-side-white1741366990238.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear-side-white1741366990238.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear_crystalwhite1741363104463.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear_crystalwhite1741363104463.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-front-white1741363971487.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-front-white1741363971487.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
                </ul>
            </div>

            
                <div class="o-carousel__mainArrows splide__arrows o-colorsPickerSlider__viewsArrows">
                    

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

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselLeft "
                accessibilityRole=""
                height="24"
                role="img"
                title=""
                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  right-4 "
        data-tagging-precision="carouselRight"

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselRight "
                accessibilityRole=""
                height="24"
                role="img"
                title=""
                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>


</li>

            
                <style>
                    :root {
                        .o-colorsPickerSlider__colorsCarousel__pagination li:nth-child(3) button {
                            background-color: #2d2926;
                        }

                        .o-colorsPickerSlider__colorsCarousel__pagination li:nth-child(3) button::after {
                            content: "Noir Onyx";
                        }
                    }
                </style>

                
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                    
    <div
            class="o-carousel o-colorsPickerSlider__viewsCarousel"
            data-theme-style="carousel"
            
            
            x-carousel
            x-init
    >
        <div
                class="o-carousel__main splide "
                data-carousel
                data-splide='{
        &#034;type&#034;: &#034;slide&#034;,
        &#034;arrows&#034;: false,
        &#034;pagination&#034;: false,
        &#034;perPage&#034;: 1,
        &#034;gap&#034;: 0,
        &#034;noDrag&#034;: false
    }'
        >
            <div class="o-carousel__mainTrack splide__track">
                <ul class="o-carousel__mainList splide__list ">
                    

<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-side-black1741365337137.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-side-black1741365337137.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-semi-front-black1741366415844.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-semi-front-black1741366415844.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear-side-black1741366490741.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear-side-black1741366490741.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear_onyxblack1741363154226.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear_onyxblack1741363154226.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-front-black1741363982696.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-front-black1741363982696.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
                </ul>
            </div>

            
                <div class="o-carousel__mainArrows splide__arrows o-colorsPickerSlider__viewsArrows">
                    

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

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselLeft "
                accessibilityRole=""
                height="24"
                role="img"
                title=""
                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  right-4 "
        data-tagging-precision="carouselRight"

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselRight "
                accessibilityRole=""
                height="24"
                role="img"
                title=""
                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>


</li>

            
                <style>
                    :root {
                        .o-colorsPickerSlider__colorsCarousel__pagination li:nth-child(4) button {
                            background-color: #7b8082;
                        }

                        .o-colorsPickerSlider__colorsCarousel__pagination li:nth-child(4) button::after {
                            content: "Gris Vaporeux";
                        }
                    }
                </style>

                
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                    
    <div
            class="o-carousel o-colorsPickerSlider__viewsCarousel"
            data-theme-style="carousel"
            
            
            x-carousel
            x-init
    >
        <div
                class="o-carousel__main splide "
                data-carousel
                data-splide='{
        &#034;type&#034;: &#034;slide&#034;,
        &#034;arrows&#034;: false,
        &#034;pagination&#034;: false,
        &#034;perPage&#034;: 1,
        &#034;gap&#034;: 0,
        &#034;noDrag&#034;: false
    }'
        >
            <div class="o-carousel__mainTrack splide__track">
                <ul class="o-carousel__mainList splide__list ">
                    

<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportiona-side--grey1741365800386.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportiona-side--grey1741365800386.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportiona-semil-front-grey1741366424273.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportiona-semil-front-grey1741366424273.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportiona-rear-side--grey1741366498324.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportiona-rear-side--grey1741366498324.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear_vaporgrey1741363200170.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear_vaporgrey1741363200170.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-front-grey-11741363992861.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-front-grey-11741363992861.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
                </ul>
            </div>

            
                <div class="o-carousel__mainArrows splide__arrows o-colorsPickerSlider__viewsArrows">
                    

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

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselLeft "
                accessibilityRole=""
                height="24"
                role="img"
                title=""
                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  right-4 "
        data-tagging-precision="carouselRight"

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselRight "
                accessibilityRole=""
                height="24"
                role="img"
                title=""
                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>


</li>

            
                <style>
                    :root {
                        .o-colorsPickerSlider__colorsCarousel__pagination li:nth-child(5) button {
                            background-color: #e9e95d;
                        }

                        .o-colorsPickerSlider__colorsCarousel__pagination li:nth-child(5) button::after {
                            content: "Jaune Floral";
                        }
                    }
                </style>

                
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                    
    <div
            class="o-carousel o-colorsPickerSlider__viewsCarousel"
            data-theme-style="carousel"
            
            
            x-carousel
            x-init
    >
        <div
                class="o-carousel__main splide "
                data-carousel
                data-splide='{
        &#034;type&#034;: &#034;slide&#034;,
        &#034;arrows&#034;: false,
        &#034;pagination&#034;: false,
        &#034;perPage&#034;: 1,
        &#034;gap&#034;: 0,
        &#034;noDrag&#034;: false
    }'
        >
            <div class="o-carousel__mainTrack splide__track">
                <ul class="o-carousel__mainList splide__list ">
                    

<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-side--yellow1741365679053.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-side--yellow1741365679053.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-semi-front-yellow1741366432077.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-semi-front-yellow1741366432077.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear-side--yellow1741366511733.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear-side--yellow1741366511733.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear_yellowmoss1741363207327.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-rear_yellowmoss1741363207327.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
<li class="o-carouselSlide splide__slide " data-carousel-slide  >
    
                                            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-front-yellow1741364000494.jpg"
                     class="a-image__img lazyload "
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/exterior-studioproportional-front-yellow1741364000494.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</li>

                                    
                </ul>
            </div>

            
                <div class="o-carousel__mainArrows splide__arrows o-colorsPickerSlider__viewsArrows">
                    

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

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselLeft "
                accessibilityRole=""
                height="24"
                role="img"
                title=""
                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  right-4 "
        data-tagging-precision="carouselRight"

        
            data-tagging-event="carousel"
        
>
    
        
        <svg
                aria-hidden="false"
                class="i-icon i-carouselRight "
                accessibilityRole=""
                height="24"
                role="img"
                title=""
                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>


</li>

            
                </ul>
            </div>

            
        </div>

        
    </div>


</div>

        
</section>

    
<div class="l-fullWidth -defaultMarginBottom  "
              
              
              >
    
            
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
                
<div class="l-grid  p-volvoExElectric__highlightsCardsWrapper"
              
              
              >
    
                    
<div class="l-grid  p-volvoExElectric__highlights t-highlights t-highlights-versions -lightMode "
              
              
              >
    
                        
<article class="m-highlightCard m-highlightCardFoxtrot -horizontal -lightMode">
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="Barre de son"
                     class="a-image__img lazyload m-highlightCardFoxtrot__image"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/01-volvo-ex30-highlights-instances1740770182935.svg"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardFoxtrot__content">
        

    <div
            class="a-typography -subheading1   m-highlightCardFoxtrot__title"
            
            
    >
        Barre de son
    </div>


    <div
            class="a-typography -body2  -wysiwyg m-highlightCardFoxtrot__text"
            
            
    >
        <p>L'&eacute;l&eacute;gante barre de son est la pi&egrave;ce centrale d'un syst&egrave;me audio haute performance.</p>
    </div>


    </div>
</article>
                                
                                    
<article class="m-highlightCard m-highlightCardFoxtrot -horizontal -lightMode">
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="Aide au stationnement"
                     class="a-image__img lazyload m-highlightCardFoxtrot__image"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/02-volvo-ex30-highlights-instances1740770200782.svg"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardFoxtrot__content">
        

    <div
            class="a-typography -subheading1   m-highlightCardFoxtrot__title"
            
            
    >
        Aide au stationnement
    </div>


    <div
            class="a-typography -body2  -wysiwyg m-highlightCardFoxtrot__text"
            
            
    >
        <p>L'EX30 peut se garer tout seul en dirigeant, en acc&eacute;l&eacute;rant et en freinant pour vous.</p>
    </div>


    </div>
</article>
                                
                                    
<article class="m-highlightCard m-highlightCardFoxtrot -horizontal -lightMode">
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="Thèmes d'ambiance"
                     class="a-image__img lazyload m-highlightCardFoxtrot__image"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/03-volvo-ex30-highlights-instances1740770218291.svg"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardFoxtrot__content">
        

    <div
            class="a-typography -subheading1   m-highlightCardFoxtrot__title"
            
            
    >
        Thèmes d'ambiance
    </div>


    <div
            class="a-typography -body2  -wysiwyg m-highlightCardFoxtrot__text"
            
            
    >
        <p>Cinq th&egrave;mes lumineux et sonores &eacute;voquent l'ambiance de la Scandinavie.</p>
    </div>


    </div>
</article>
                                
                                    
<article class="m-highlightCard m-highlightCardFoxtrot -horizontal -lightMode">
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 100'%2F%3E"
                     alt="Solutions de stockage intelligentes"
                     class="a-image__img lazyload m-highlightCardFoxtrot__image"
                     x-data x-lazy-image loading="lazy"
                     height="100"
                     width="100"
                     data-src="https://img.sm360.ca/images/web/default/global/04-volvo-ex30-highlights-instances1740770231536.svg"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardFoxtrot__content">
        

    <div
            class="a-typography -subheading1   m-highlightCardFoxtrot__title"
            
            
    >
        Solutions de stockage intelligentes
    </div>


    <div
            class="a-typography -body2  -wysiwyg m-highlightCardFoxtrot__text"
            
            
    >
        <p>Des solutions de rangement pratiques et un coffre polyvalent ajoutent &agrave; la commodit&eacute; et au confort.</p>
    </div>


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

                
</div>

                
<div class="l-grid -defaultPaddingBottom p-volvoExElectric__highlightsButtonWrapper"
              
              
              >
    
                    
<div class="l-row -defaultPaddingBottom p-volvoExElectric__highlightsButton"
              
              
              >
    
                        
    <a
        aria-label="Explorer les caractéristiques"
        class="a-button   -alpha
    
        -primary group "
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="https://www.volvocars.com/fr-ca/cars/ex30-electric/features"
        role="button"
        target="_blank"
    >
        

        Explorer les caractéristiques

        
        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Icône de lien externe"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
    

    </a>


</div>

                
</div>

            
</div>

        
</div>

    
<div class="l-fullWidth   t-highlights -lightMode"
              
              
              >
    
            
<div class="l-container   p-volvoExElectric__highlightsAdditional"
              
              
              >
    
                
<article
        class="m-highlightCard m-highlightCardJuliette -lightMode"
        
>
    <div class="m-highlightCardJuliette__contentWrapper">
        <div class="m-highlightCardJuliette__content">
            <div class="m-highlightCardJuliette__contentText">
                

    <span
            class="a-typography -heading2   m-highlightCardJuliette__title"
            
            
    >
        <p>Sp&eacute;cifications compl&egrave;tes et d&eacute;tails du mod&egrave;le</p>
    </span>


    <div
            class="a-typography -body1  -wysiwyg m-highlightCardJuliette__text"
            
            
    >
        <p>Sp&eacute;cifications</p>
    </div>


            </div>

            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 570 600'%2F%3E"
                     alt="<p>Sp&eacute;cifications compl&egrave;tes et d&eacute;tails du mod&egrave;le</p>"
                     class="a-image__img lazyload m-highlightCardJuliette__image"
                     x-data x-lazy-image loading="lazy"
                     height="600"
                     width="570"
                     data-src="https://img.sm360.ca/images/web/default/global/full-specifications-ex901741713153850.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
        </div>

        <div class="m-highlightCardJuliette__list">
            <div class="m-highlightCardJuliette__listIntroduction">
                

    <span
            class="a-typography -heading2   m-highlightCardJuliette__title"
            
            
    >
        <p>Sp&eacute;cifications compl&egrave;tes et d&eacute;tails du mod&egrave;le</p>
    </span>


    <div
            class="a-typography -body1  -wysiwyg m-highlightCardJuliette__text"
            
            
    >
        <p>Sp&eacute;cifications</p>
    </div>


            </div>

            
                <div class="m-highlightCardJuliette__listContent">
                        
                            <div>
                                

    <span
            class="a-typography -subheading1   p-volvoExElectric__highlightAdditionalTitle"
            
            
    >
        <p>Nombre de si&egrave;ges</p>
    </span>


    <div
            class="a-typography -body1  -wysiwyg p-volvoExElectric__highlightsAdditionalHtml"
            
            
    >
        <p>5</p>
    </div>


                            </div>
                        
                            <div>
                                

    <span
            class="a-typography -subheading1   p-volvoExElectric__highlightAdditionalTitle"
            
            
    >
        <p>Largeur</p>
    </span>


    <div
            class="a-typography -body1  -wysiwyg p-volvoExElectric__highlightsAdditionalHtml"
            
            
    >
        <p>1837 mm</p>
    </div>


                            </div>
                        
                            <div>
                                

    <span
            class="a-typography -subheading1   p-volvoExElectric__highlightAdditionalTitle"
            
            
    >
        <p>Hauteur</p>
    </span>


    <div
            class="a-typography -body1  -wysiwyg p-volvoExElectric__highlightsAdditionalHtml"
            
            
    >
        <p>1549 mm</p>
    </div>


                            </div>
                        
                            <div>
                                

    <span
            class="a-typography -subheading1   p-volvoExElectric__highlightAdditionalTitle"
            
            
    >
        <p>Longueur</p>
    </span>


    <div
            class="a-typography -body1  -wysiwyg p-volvoExElectric__highlightsAdditionalHtml"
            
            
    >
        <p>4233 mm</p>
    </div>


                            </div>
                        
                            <div>
                                

    <span
            class="a-typography -subheading1   p-volvoExElectric__highlightAdditionalTitle"
            
            
    >
        <p>Capacit&eacute; maximale de chargement</p>
    </span>


    <div
            class="a-typography -body1  -wysiwyg p-volvoExElectric__highlightsAdditionalHtml"
            
            
    >
        <p>jusqu'&agrave; 904 litres</p>
    </div>


                            </div>
                        
                            <div>
                                

    <span
            class="a-typography -subheading1   p-volvoExElectric__highlightAdditionalTitle"
            
            
    >
        <p>Remorquage Maximale</p>
    </span>


    <div
            class="a-typography -body1  -wysiwyg p-volvoExElectric__highlightsAdditionalHtml"
            
            
    >
        <p>900 kg</p>
    </div>


                            </div>
                        
                            <div>
                                

    <span
            class="a-typography -subheading1   p-volvoExElectric__highlightAdditionalTitle"
            
            
    >
        <p>Poids Masse r&eacute;elle</p>
    </span>


    <div
            class="a-typography -body1  -wysiwyg p-volvoExElectric__highlightsAdditionalHtml"
            
            
    >
        <p>2318 kg</p>
    </div>


                            </div>
                        
                            <div>
                                

    <span
            class="a-typography -subheading1   p-volvoExElectric__highlightAdditionalTitle"
            
            
    >
        <p>Capacit&eacute;&nbsp;de la batterie</p>
    </span>


    <div
            class="a-typography -body1  -wysiwyg p-volvoExElectric__highlightsAdditionalHtml"
            
            
    >
        <p>69 kWh</p>
    </div>


                            </div>
                        
                            <div>
                                

    <a
            aria-label="Voir les spécifications"
            class="a-link  -bravo group p-volvoExElectric__highlightsAdditionalAction"
            
            
            role="link"
            href="https://www.volvocars.com/fr-ca/cars/ex30-electric/specifications"
            target="_blank"
    >
        

        Voir les spécifications

        
        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Icône de lien externe"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m8.0013,24H1.19941c-.66222,0-1.19941-.53715-1.19941-1.19932V1.19932C0,.53911.53524.00586,1.19551.00586h6.8058c.33013-.03516.6251.20509.66026.53325.03516.3301-.20511.62505-.53329.66021-.04298.00391-.08595.00391-.12697,0H1.19941v21.60137h21.58554v-6.80133c.01172-.33206.29106-.58989.62119-.57817.3145.01172.5665.26369.57822.57817v6.80133c0,.66216-.5372,1.19932-1.19941,1.19932h-14.78366Zm2.88133-10.90714c-.23441-.23439-.23441-.61333-.00195-.84773l.00195-.00195L21.91568,1.19932h-7.77275c-.32818,0-.5958-.26565-.59971-.5938,0-.3301.26371-.5977.59385-.60552l9.26323.00586c.33209,0,.59971.2676.59971.59966v9.34646c-.01172.33206-.29106.58989-.62119.57622-.33209-.01172-.58994-.28909-.57822-.62114h0l-.00586-7.89322-11.07211,11.07707c-.23441.23244-.61143.23244-.84584,0l.00586.00195Z" stroke-width="0"/>
                
            
        </svg>
    

    </a>


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

        
</div>

    
<section class="l-fullWidth   o-customize p-volvoExElectric__customize"
              
              
              >
    
    
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
        
<div class="l-row  "
              
              
              >
    
            
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 0 0'%2F%3E"
                     alt="Configurer votre EX30"
                     class="a-image__img lazyload o-customize__image"
                     x-data x-lazy-image loading="lazy"
                     height="0"
                     width="0"
                     data-src="https://img.sm360.ca/images/web/default/global/build-your-ex30a-a-a-1740771063820.jpg"
                    
                     data-atom-version="1.0"
                >
        
    
</div>

        
<div class="l-row  o-customize__content"
              
              
              >
    
            <div>
                

    <h2
            class="a-typography -heading2   o-customize__title"
            
            
    >
        Configurer votre EX30
    </h2>


    <div
            class="a-typography   -wysiwyg o-customize__html"
            
            
    >
        <p>Personnaliser votre Volvo selon vos sp&eacute;cifications exactes.​</p>
    </div>


            </div>
            <div>
                

    <a
        aria-label="Réservez le votre"
        class="a-button   -alpha group "
        
        
        data-atom-version="1.0"
        
        data-theme-style="button"
        
        
        href="https://www.volvocars.com/fr-ca/build/ex30-electric"
        role="button"
        target="_blank"
    >
        

        Réservez le votre

        
        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Icône de lien externe"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
    

    </a>


            </div>
        
</div>

    
</div>


</section>

    
<div class="l-fullWidth   p-volvoExElectric__highlightsAdditionaTwo t-highlights"
              
              
              >
    
            
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
                
<div class="l-grid -defaultPaddingBottom p-volvoExElectric__highlightsAdditionaTwoInstances"
              
              
              >
    
                    
<article class="m-highlightCard m-highlightCardFoxtrot  ">
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 40 40'%2F%3E"
                     alt="Voir ce qui est en stock"
                     class="a-image__img lazyload m-highlightCardFoxtrot__image"
                     x-data x-lazy-image loading="lazy"
                     height="40"
                     width="40"
                     data-src="https://img.sm360.ca/images/web/default/global/01-ex30-highlights-additional-two-instances1740774327429.svg"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardFoxtrot__content">
        

    <div
            class="a-typography -subheading1   m-highlightCardFoxtrot__title"
            
            
    >
        Voir ce qui est en stock
    </div>


    <div
            class="a-typography -body2  -wysiwyg m-highlightCardFoxtrot__text"
            
            
    >
        <p>Magasiner les v&eacute;hicules en stock, pr&ecirc;ts pour la livraison.</p>
    </div>


            <div class="m-highlightCard__ctasContainer">
                    

    <a
            aria-label="Voir l'inventaire"
            class="a-link  -alpha group "
            
            
            role="link"
            href="https://shop.volvocars.ca/fr/search?make=Volvo&model=EX30&fuelType=electric"
            target="_blank"
    >
        

        Voir l'inventaire

        
        <svg
                aria-hidden="false"
                class="i-icon i-linkIconAfterText a-link__iconAfterText"
                
                height="24"
                role="img"
                title="icône après le texte"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m4.71602,21.10243l9.1673-9.1047L4.71602,2.89302,7.63123,0l12.0848,11.99772-12.0848,12.00228-2.9152-2.8953v-.00227Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal "
                
                height="24"
                role="img"
                title="Icône de lien externe"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="_Tracé_transparent_" data-name="&amp;lt;Tracé transparent&amp;gt;" d="m8.0013,24H1.19941c-.66222,0-1.19941-.53715-1.19941-1.19932V1.19932C0,.53911.53524.00586,1.19551.00586h6.8058c.33013-.03516.6251.20509.66026.53325.03516.3301-.20511.62505-.53329.66021-.04298.00391-.08595.00391-.12697,0H1.19941v21.60137h21.58554v-6.80133c.01172-.33206.29106-.58989.62119-.57817.3145.01172.5665.26369.57822.57817v6.80133c0,.66216-.5372,1.19932-1.19941,1.19932h-14.78366Zm2.88133-10.90714c-.23441-.23439-.23441-.61333-.00195-.84773l.00195-.00195L21.91568,1.19932h-7.77275c-.32818,0-.5958-.26565-.59971-.5938,0-.3301.26371-.5977.59385-.60552l9.26323.00586c.33209,0,.59971.2676.59971.59966v9.34646c-.01172.33206-.29106.58989-.62119.57622-.33209-.01172-.58994-.28909-.57822-.62114h0l-.00586-7.89322-11.07211,11.07707c-.23441.23244-.61143.23244-.84584,0l.00586.00195Z" stroke-width="0"/>
                
            
        </svg>
    

    </a>


            </div>
        
    </div>
</article>
                    
                        
<article class="m-highlightCard m-highlightCardFoxtrot  ">
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 40 40'%2F%3E"
                     alt="Réserver un essai routier"
                     class="a-image__img lazyload m-highlightCardFoxtrot__image"
                     x-data x-lazy-image loading="lazy"
                     height="40"
                     width="40"
                     data-src="https://img.sm360.ca/images/web/default/global/02-ex30-highlights-additional-two-instances1740774360619.svg"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardFoxtrot__content">
        

    <div
            class="a-typography -subheading1   m-highlightCardFoxtrot__title"
            
            
    >
        Réserver un essai routier
    </div>


    <div
            class="a-typography -body2  -wysiwyg m-highlightCardFoxtrot__text"
            
            
    >
        <p>Prenez le volant chez votre concessionnaire Volvo Cars.​</p>
    </div>


            <div class="m-highlightCard__ctasContainer">
                    

    <a
            aria-label="Réserver un essai routier"
            class="a-link  -alpha group "
            
            
            role="link"
            href="/fr/formulaire/demande-d-essai-routier-neuf/3"
            
    >
        

        Réserver un essai routier

        
        <svg
                aria-hidden="false"
                class="i-icon i-linkIconAfterText a-link__iconAfterText"
                
                height="24"
                role="img"
                title="icône après le texte"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m4.71602,21.10243l9.1673-9.1047L4.71602,2.89302,7.63123,0l12.0848,11.99772-12.0848,12.00228-2.9152-2.8953v-.00227Z" stroke-width="0"/>
                

        </svg>
    

    </a>


            </div>
        
    </div>
</article>
                    
                        
<article class="m-highlightCard m-highlightCardFoxtrot  ">
    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 40 40'%2F%3E"
                     alt="Contactez-nous"
                     class="a-image__img lazyload m-highlightCardFoxtrot__image"
                     x-data x-lazy-image loading="lazy"
                     height="40"
                     width="40"
                     data-src="https://img.sm360.ca/images/web/default/global/03-ex30-highlights-additional-two-instances1740774385237.svg"
                    
                     data-atom-version="1.0"
                >
        
    
    <div class="m-highlightCardFoxtrot__content">
        

    <div
            class="a-typography -subheading1   m-highlightCardFoxtrot__title"
            
            
    >
        Contactez-nous
    </div>


    <div
            class="a-typography -body2  -wysiwyg m-highlightCardFoxtrot__text"
            
            
    >
        <p>Communiquez avec votre concessionnaire Volvo Cars pour en savoir plus.</p>
    </div>


            <div class="m-highlightCard__ctasContainer">
                    

    <a
            aria-label="Contactez-nous"
            class="a-link  -alpha group "
            
            
            role="link"
            href="/fr/contactez-nous"
            
    >
        

        Contactez-nous

        
        <svg
                aria-hidden="false"
                class="i-icon i-linkIconAfterText a-link__iconAfterText"
                
                height="24"
                role="img"
                title="icône après le texte"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m4.71602,21.10243l9.1673-9.1047L4.71602,2.89302,7.63123,0l12.0848,11.99772-12.0848,12.00228-2.9152-2.8953v-.00227Z" stroke-width="0"/>
                

        </svg>
    

    </a>


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

            
</div>

        
</div>

    
<section class="l-fullWidth   o-faq -lightMode p-volvoExElectric__faq"
              
              
              >
    
    
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
        
<div class="l-grid  o-faq__content"
              
              
              >
    
            
    <h2
            class="a-typography -heading4   o-faq__title"
            
            
    >
        Que voulez-vous savoir sur le Volvo EX30?
    </h2>


<div class="m-accordion o-faq__accordion" 
     data-theme-style="accordion"
     x-data="{ selectedAccordionItem: '1' }"
>
    
                
<div
        class="m-accordionItemCollapse "
        data-theme-style="accordionItem"
>
    <button
            
            aria-controls="accordionItem1"
            id="controlsAccordionItem1"
            type="button"
            x-bind:aria-expanded="selectedAccordionItem === '1' ? 'true' : 'false'"
            x-bind:class="selectedAccordionItem === '1' ? 'm-accordionItemCollapse__title group -subheading1  -collapse'  : 'm-accordionItemCollapse__title group -subheading1 '"
            x-on:click="selectedAccordionItem = '1'"
    >
        

        Puis-je commander le Volvo EX30 en ligne?

        
        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

    </button>

    <div
            aria-labelledby="controlsAccordionItem1"
            id="accordionItem1"
            role="region"
            x-cloak=""
            x-collapse=""
            x-show="selectedAccordionItem === '1'"
    >
        <div
                class="m-accordionItemCollapse__content  -wysiwyg "
                data-theme-style="accordionItemContent"
        >
            <p>Oui. Veuillez suivre le lien &laquo; Configurer &raquo; en haut de cette page pour voir les options, configurer, et verser votre d&eacute;p&ocirc;t sur le Volvo EX30.</p>

            
        </div>
    </div>
</div>
                
                    
<div
        class="m-accordionItemCollapse "
        data-theme-style="accordionItem"
>
    <button
            
            aria-controls="accordionItem2"
            id="controlsAccordionItem2"
            type="button"
            x-bind:aria-expanded="selectedAccordionItem === '2' ? 'true' : 'false'"
            x-bind:class="selectedAccordionItem === '2' ? 'm-accordionItemCollapse__title group -subheading1  -collapse'  : 'm-accordionItemCollapse__title group -subheading1 '"
            x-on:click="selectedAccordionItem = '2'"
    >
        

        L'EX30 est-il uniquement livrable en version entièrement électrique?

        
        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

    </button>

    <div
            aria-labelledby="controlsAccordionItem2"
            id="accordionItem2"
            role="region"
            x-cloak=""
            x-collapse=""
            x-show="selectedAccordionItem === '2'"
    >
        <div
                class="m-accordionItemCollapse__content  -wysiwyg "
                data-theme-style="accordionItemContent"
        >
            <p>Oui.</p>

            
        </div>
    </div>
</div>
                
                    
<div
        class="m-accordionItemCollapse "
        data-theme-style="accordionItem"
>
    <button
            
            aria-controls="accordionItem3"
            id="controlsAccordionItem3"
            type="button"
            x-bind:aria-expanded="selectedAccordionItem === '3' ? 'true' : 'false'"
            x-bind:class="selectedAccordionItem === '3' ? 'm-accordionItemCollapse__title group -subheading1  -collapse'  : 'm-accordionItemCollapse__title group -subheading1 '"
            x-on:click="selectedAccordionItem = '3'"
    >
        

        Combien coûte la recharge de la batterie du Volvo EX30?

        
        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

    </button>

    <div
            aria-labelledby="controlsAccordionItem3"
            id="accordionItem3"
            role="region"
            x-cloak=""
            x-collapse=""
            x-show="selectedAccordionItem === '3'"
    >
        <div
                class="m-accordionItemCollapse__content  -wysiwyg "
                data-theme-style="accordionItemContent"
        >
            <p>Le co&ucirc;t de l'&eacute;lectricit&eacute; varie, mais le co&ucirc;t d'un &laquo; plein &raquo; de voiture peut &ecirc;tre inf&eacute;rieur &agrave; celui d'une voiture &agrave; essence ou diesel &eacute;quivalente. La r&eacute;duction des co&ucirc;ts d'utilisation est l'une des nombreuses raisons pour lesquelles certaines personnes optent pour des voitures enti&egrave;rement &eacute;lectriques.</p>

            
        </div>
    </div>
</div>
                
                    
<div
        class="m-accordionItemCollapse "
        data-theme-style="accordionItem"
>
    <button
            
            aria-controls="accordionItem4"
            id="controlsAccordionItem4"
            type="button"
            x-bind:aria-expanded="selectedAccordionItem === '4' ? 'true' : 'false'"
            x-bind:class="selectedAccordionItem === '4' ? 'm-accordionItemCollapse__title group -subheading1  -collapse'  : 'm-accordionItemCollapse__title group -subheading1 '"
            x-on:click="selectedAccordionItem = '4'"
    >
        

        Où puis-je recharger mon Volvo EX30?

        
        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

    </button>

    <div
            aria-labelledby="controlsAccordionItem4"
            id="accordionItem4"
            role="region"
            x-cloak=""
            x-collapse=""
            x-show="selectedAccordionItem === '4'"
    >
        <div
                class="m-accordionItemCollapse__content  -wysiwyg "
                data-theme-style="accordionItemContent"
        >
            <p>La recharge rapide est offerte aux bornes de recharge rapide CC. Vous trouverez des bornes de recharge sur votre itin&eacute;raire en utilisant Google Maps sur l'&eacute;cran central ou l'application Volvo EX30. ​</p>
<p><br />​Pour des temps de recharge beaucoup plus courts &agrave; la maison, nous recommandons une borne murale de 11 kW.</p>

            
        </div>
    </div>
</div>
                
                    
<div
        class="m-accordionItemCollapse "
        data-theme-style="accordionItem"
>
    <button
            
            aria-controls="accordionItem5"
            id="controlsAccordionItem5"
            type="button"
            x-bind:aria-expanded="selectedAccordionItem === '5' ? 'true' : 'false'"
            x-bind:class="selectedAccordionItem === '5' ? 'm-accordionItemCollapse__title group -subheading1  -collapse'  : 'm-accordionItemCollapse__title group -subheading1 '"
            x-on:click="selectedAccordionItem = '5'"
    >
        

        Combien de temps faut-il pour recharger mon Volvo EX30?

        
        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

    </button>

    <div
            aria-labelledby="controlsAccordionItem5"
            id="accordionItem5"
            role="region"
            x-cloak=""
            x-collapse=""
            x-show="selectedAccordionItem === '5'"
    >
        <div
                class="m-accordionItemCollapse__content  -wysiwyg "
                data-theme-style="accordionItemContent"
        >
            <p>Nous recommandons de recharger jusqu'&agrave; 80 % de la capacit&eacute; de la batterie pour b&eacute;n&eacute;ficier de la recharge la plus rapide possible. Le temps de recharge est ainsi r&eacute;duit, car les derniers 20 % sont les plus lents. En pr&eacute;-conditionnant la batterie avant d'arriver &agrave; une borne de recharge rapide, la recharge est plus rapide et efficace.</p>
<p><br />Vous pouvez ainsi recharger la batterie de 10 &agrave; 80 % &agrave; une borne de recharge rapide de 175 kW CC en seulement 26,5 minutes.</p>
<p><br />Vous avez besoin d'une recharge compl&egrave;te pour atteindre votre destination ou la prochaine borne de recharge? Utilisez les commandes de l'&eacute;cran central pour arriver &agrave; 100 %.</p>
<p><br />Les temps de recharge peuvent varier et d&eacute;pendent de facteurs tels que la temp&eacute;rature ext&eacute;rieure, la temp&eacute;rature de la batterie, l'&eacute;quipement de recharge ainsi que l'&eacute;tat de la batterie et du v&eacute;hicule.</p>

            
        </div>
    </div>
</div>
                
                    
<div
        class="m-accordionItemCollapse "
        data-theme-style="accordionItem"
>
    <button
            
            aria-controls="accordionItem6"
            id="controlsAccordionItem6"
            type="button"
            x-bind:aria-expanded="selectedAccordionItem === '6' ? 'true' : 'false'"
            x-bind:class="selectedAccordionItem === '6' ? 'm-accordionItemCollapse__title group -subheading1  -collapse'  : 'm-accordionItemCollapse__title group -subheading1 '"
            x-on:click="selectedAccordionItem = '6'"
    >
        

        Le Volvo EX30 est-il sûr?

        
        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

    </button>

    <div
            aria-labelledby="controlsAccordionItem6"
            id="accordionItem6"
            role="region"
            x-cloak=""
            x-collapse=""
            x-show="selectedAccordionItem === '6'"
    >
        <div
                class="m-accordionItemCollapse__content  -wysiwyg "
                data-theme-style="accordionItemContent"
        >
            <p>L'EX30 est peut-&ecirc;tre petit, mais il est aussi s&ucirc;r qu'un VUS Volvo conventionnel. Les normes de s&eacute;curit&eacute; les plus &eacute;lev&eacute;es de l'industrie ont &eacute;t&eacute; appliqu&eacute;es et de nouvelles fonctionnalit&eacute;s ont &eacute;t&eacute; ajout&eacute;es. En apprendre davantage sur notre longue <a href="https://www.volvocars.com/fr-ca/v/safety/heritage">tradition en mati&egrave;re de s&eacute;curit&eacute;</a>.</p>

            
        </div>
    </div>
</div>
                
                    
<div
        class="m-accordionItemCollapse "
        data-theme-style="accordionItem"
>
    <button
            
            aria-controls="accordionItem7"
            id="controlsAccordionItem7"
            type="button"
            x-bind:aria-expanded="selectedAccordionItem === '7' ? 'true' : 'false'"
            x-bind:class="selectedAccordionItem === '7' ? 'm-accordionItemCollapse__title group -subheading1  -collapse'  : 'm-accordionItemCollapse__title group -subheading1 '"
            x-on:click="selectedAccordionItem = '7'"
    >
        

        Le Volvo EX30 est-il doté d'Apple CarPlay?

        
        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

    </button>

    <div
            aria-labelledby="controlsAccordionItem7"
            id="accordionItem7"
            role="region"
            x-cloak=""
            x-collapse=""
            x-show="selectedAccordionItem === '7'"
    >
        <div
                class="m-accordionItemCollapse__content  -wysiwyg "
                data-theme-style="accordionItemContent"
        >
            <p>Oui.</p>

            
        </div>
    </div>
</div>
                
                    
<div
        class="m-accordionItemCollapse "
        data-theme-style="accordionItem"
>
    <button
            
            aria-controls="accordionItem8"
            id="controlsAccordionItem8"
            type="button"
            x-bind:aria-expanded="selectedAccordionItem === '8' ? 'true' : 'false'"
            x-bind:class="selectedAccordionItem === '8' ? 'm-accordionItemCollapse__title group -subheading1  -collapse'  : 'm-accordionItemCollapse__title group -subheading1 '"
            x-on:click="selectedAccordionItem = '8'"
    >
        

        Le Volvo EX30 est-il doté des services Google intégrés?

        
        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

    </button>

    <div
            aria-labelledby="controlsAccordionItem8"
            id="accordionItem8"
            role="region"
            x-cloak=""
            x-collapse=""
            x-show="selectedAccordionItem === '8'"
    >
        <div
                class="m-accordionItemCollapse__content  -wysiwyg "
                data-theme-style="accordionItemContent"
        >
            <p>Oui.*</p>
<p><br />* Les services Google sont offerts dans l'ensemble de services num&eacute;riques, qui est inclus pendant au moins quatre ans, selon les march&eacute;s. Apr&egrave;s cette p&eacute;riode, de nouvelles modalit&eacute;s et de nouveaux frais s'appliqueront si vous souhaitez renouveler l'abonnement.</p>

            
        </div>
    </div>
</div>
                
                    
<div
        class="m-accordionItemCollapse "
        data-theme-style="accordionItem"
>
    <button
            
            aria-controls="accordionItem9"
            id="controlsAccordionItem9"
            type="button"
            x-bind:aria-expanded="selectedAccordionItem === '9' ? 'true' : 'false'"
            x-bind:class="selectedAccordionItem === '9' ? 'm-accordionItemCollapse__title group -subheading1  -collapse'  : 'm-accordionItemCollapse__title group -subheading1 '"
            x-on:click="selectedAccordionItem = '9'"
    >
        

        Qu'est-ce qu'un VUS compact?

        
        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

    </button>

    <div
            aria-labelledby="controlsAccordionItem9"
            id="accordionItem9"
            role="region"
            x-cloak=""
            x-collapse=""
            x-show="selectedAccordionItem === '9'"
    >
        <div
                class="m-accordionItemCollapse__content  -wysiwyg "
                data-theme-style="accordionItemContent"
        >
            <p>VUS signifie &laquo; v&eacute;hicule utilitaire sport &raquo;. Ces v&eacute;hicules &agrave; 5 ou 7 places sont tr&egrave;s polyvalents et pr&eacute;sentent un design ext&eacute;rieur droit. Ils offrent une position assise plus sur&eacute;lev&eacute;e que dans une voiture familiale classique et ils sont g&eacute;n&eacute;ralement &eacute;quip&eacute;s d'une transmission int&eacute;grale. Les VUS sont offerts en diff&eacute;rentes tailles, ceux de plus petite taille sont consid&eacute;r&eacute;s comme des v&eacute;hicules compacts.</p>
<p><br />Du fait de sa taille r&eacute;duite, le Volvo EX30 est un VUS compact. Il reste toutefois polyvalent et droit, avec une capacit&eacute; de transport pouvant aller jusqu'&agrave; cinq personnes et des compartiments de chargement spacieux.</p>

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


</div>

    
</div>


</section>

    
</section>
</main>

                        
<footer
        class="o-footerBravo -lightMode"
        itemscope
        itemtype="https://schema.org/WPFooter"
>
    
        
<div
        class="m-scrolltopBravo "
        
        x-init=""
        x-scrolltop=""
>
    

    <span
            class="a-typography    m-scrolltopBravo__text"
            
            
    >
        Retour en haut
    </span>


        <svg
                aria-hidden="true"
                class="i-icon i-scrolltop "
                
                height="24"
                role="img"
                title="Aller en haut de la page"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    "0 0 24 24">
                    <path d="m21.10243,19.5l-9.1047-9.1673L2.89302,19.5l-2.89302-2.9152L11.99772,4.5l12.00228,12.0848-2.8953,2.9152h-.00227Z" stroke-width="0"/>
                

        </svg>
    

</div>

    
    <div class="o-footerBravo__wrapper">
        <div class="o-footerBravo__innerWrapper">
            

<div class="s-linksInstances o-footerBravo__block">
    <div class="s-linksInstances__blockTitle o-footerBravo__blockTitle" data-footer-title>
        

    <p
            class="a-typography    "
            
            
            aria-level="2"
    
        role="heading"
    
        content-zone-location="ContentZone{contentZoneId=1829277, contentZoneDefinitionId=459218, nameFr='FOOTER | Additional Links | Title', nameEn='FOOTER | Additional Links | Title', name='FOOTER | Additional Links | Title', descriptionFr='', descriptionEn='', description='', location='footer.additional-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='Aide & support', textEn='Help & Support', text='Aide & support', 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}"
            
    >
        Aide & support
    </p>


        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title="Réduire l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

    </div>

    <ul
            class="s-linksInstances__list o-footerBravo__blockList"
            content-zone="footer.useful.links.instances"
            role="list"
    >
        
            <li class="s-linksInstances__listItem">
                
                
                <a
                        class="s-linksInstances__anchor"
                        content-zone-instance-slug="1"
                        href="/fr/formulaire/demande-de-rendez-vous-d-entretien/5"
                        
                >
                        Réservez un service

                    
                </a>
            </li>
        
            <li class="s-linksInstances__listItem">
                
                
                <a
                        class="s-linksInstances__anchor"
                        content-zone-instance-slug="2"
                        href="https://www.volvocars.com/fr-ca/support"
                        target="_blank"
                >
                        Soutiens et manuels

                    
                        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal s-linksInstances__iconExternalLink"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                    
                </a>
            </li>
        
            <li class="s-linksInstances__listItem">
                
                
                <a
                        class="s-linksInstances__anchor"
                        content-zone-instance-slug="3"
                        href="https://www.volvocars.com/fr-ca/l/recall-information/"
                        target="_blank"
                >
                        Informations sur les rappels

                    
                        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal s-linksInstances__iconExternalLink"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                    
                </a>
            </li>
        
            <li class="s-linksInstances__listItem">
                
                
                <a
                        class="s-linksInstances__anchor"
                        content-zone-instance-slug="4"
                        href="https://volvoid.eu.volvocars.com/as/authorization.oauth2?client_id=Rf0n3Pz_10&scope=account_api%3Aaccount%3Acreate%20account_api%3Aaccount%3Adelete%20account_api%3Aaccount%3Aread%20account_api%3Aaccount%3Aupdate%20account_api%3Auser%3Aread%20account_api%3Auser%3Aupdate%20care_by_volvo%3Afinancial_information%3Ainvoice%3Aread%20care_by_volvo%3Asubscription%3Aread%20conve%3Abattery_charge_level%20conve%3Abrake_status%20conve%3Aclimatization_start_stop%20conve%3Acommands%20conve%3Aconnectivity_status%20conve%3Adiagnostics_engine_status%20conve%3Adiagnostics_workshop%20conve%3Adoors_status%20conve%3Aengine_start_stop%20conve%3Aengine_status%20conve%3Aenvironment%20conve%3Afuel_status%20conve%3Ahonk_flash%20conve%3Alock_status%20conve%3Alock%20conve%3Anavigation%20conve%3Aodometer_status%20conve%3Atrip_statistics%20conve%3Atyre_status%20conve%3Aunlock%20conve%3Avehicle_relation%20conve%3Awarnings%20conve%3Awindows_status%20customer%3Aattributes%20email%20energy%3Abattery_charge_level%20energy%3Acharging_connection_status%20energy%3Acharging_system_status%20energy%3Aelectric_range%20energy%3Aestimated_charging_time%20energy%3Arecharge_status%20fa%3Aagreements%20fa%3Aattributes%3Awrite%20fa%3Aattributes%20fa%3Afinancial_details%3Awrite%20fa%3Afinancial_details%20fa%3Ainvites%3Awrite%20fa%3Asignatories%3Awrite%20fa%3Asignatories%20fa%3Ausers%3Awrite%20fa%3Ausers%20fleet_telematics%3Abattery%3Aread%20fleet_telematics%3Adiagnostics%20fleet_telematics%3Aexterior%3Aread%20fleet_telematics%3Afuel%3Aread%20fleet_telematics%3Ahealth%3Aread%20fleet_telematics%3Aodometer%3Aread%20fleet_telematics%3Aodometer%20fleet_telematics%3Aparking_climatization%3Aread%20fleet_telematics%3Avehiclelocation%20fleet_telematics%3Avehiclestatistics%20fleet_telematics%3Avehiclestatus%20location%3Aread%20openid%20order%3Aattributes%20profile%20vehicle%3Aattributes&response_type=code&redirect_uri=https%3A%2F%2Fwww.volvocars.com%2Fapi%2Fauth%2Fauthservice%2Flogin%2Foauth%2Fcode%2Fvolvoid&relayFlags=%7B%22hideInfoLink%22%3Atrue%7D&state=https%3A%2F%2Fwww.volvocars.com%2Fen-ca%2Faccount%2F%3Fnavlogin%3D1&code_challenge=UxMzBnJUGx6Hfl8KqJCHmm58hVWws7DEIPW0sxNC4aU&code_challenge_method=S256&market=CA&language=fr"
                        target="_blank"
                >
                        Connexion au compte

                    
                        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal s-linksInstances__iconExternalLink"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                    
                </a>
            </li>
        
    </ul>
</div>


<div class="m-openingHoursDelta o-footerBravo__block">

    <div class="m-openingHoursDelta__blockTitle o-footerBravo__blockTitle" data-footer-title>
        

    <p
            class="a-typography    "
            
            
            aria-level="2"
    
        role="heading"
    
        content-zone-locataion="footer.business-hours"
            
    >
        Heures d'ouverture
    </p>


        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title="Réduire l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

    </div>

    <div class="m-openingHoursDelta__wrapper o-footerBravo__blockList" data-theme-style="openingHoursDelta">
        
            
                        <div class="m-openingHoursDelta__title gen-group">
                            Bureau

                            <div class="m-openingHoursDelta__businessHours">
                                

<table class="m-departmentHours " >
    
        
        <tr class="m-departmentHours__row  "
            data-theme-style="depHoursInfos_closedColor">
            

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        8:00a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        8:00a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        8:00a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        8:00a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        8:00a.m. / 5:00p.m.
    </td>


        </tr>

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

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


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


        </tr>

        
</table>

                            </div>
                        </div>
                    
                
                        <div class="m-openingHoursDelta__title gen-group">
                            Ventes

                            <div class="m-openingHoursDelta__businessHours">
                                

<table class="m-departmentHours " >
    
        
        <tr class="m-departmentHours__row  "
            data-theme-style="depHoursInfos_closedColor">
            

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        8:00a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        8:00a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        8:00a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        8:00a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        8:00a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        9:00a.m. / 12:00p.m.
    </td>


        </tr>

        
    <td
            class="a-typography -fineprint   m-departmentHours__dayNote"
            
            
    >
        Sur rendez-vous seulement
    </td>


</table>

                            </div>
                        </div>
                    
                
                        <div class="m-openingHoursDelta__title gen-group">
                            Services

                            <div class="m-openingHoursDelta__businessHours">
                                

<table class="m-departmentHours " >
    
        
        <tr class="m-departmentHours__row  "
            data-theme-style="depHoursInfos_closedColor">
            

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        7:30a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        7:30a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        7:30a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        7:30a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        7:30a.m. / 5:00p.m.
    </td>


        </tr>

        
</table>

                            </div>
                        </div>
                    
                
                        <div class="m-openingHoursDelta__title gen-group">
                            Pièces

                            <div class="m-openingHoursDelta__businessHours">
                                

<table class="m-departmentHours " >
    
        
        <tr class="m-departmentHours__row  "
            data-theme-style="depHoursInfos_closedColor">
            

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        7:30a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        7:30a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        7:30a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        7:30a.m. / 5:00p.m.
    </td>


        </tr>

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

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


    <td
            class="a-typography    m-departmentHours__hours"
            
            
    >
        7:30a.m. / 5:00p.m.
    </td>


        </tr>

        
</table>

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


            <div class="o-footerBravo__block">
                <div class="o-footerBravo__blockTitle" data-footer-title="">
                    

    <p
            class="a-typography    "
            
            
            aria-level="2"
    
        role="heading"
    
        content-zone-locataion="footer.contact-us"
            
    >
        Numéro de téléphone
    </p>


        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title="Réduire l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

                </div>

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

    <span
            class="a-typography    m-selectedDepartmentPhoneNumbers__phoneLabel"
            
            
    >
        Bureau:
    </span>


    <a class="m-phoneNumberAnchor shiftdigital-event m-selectedDepartmentPhoneNumbers__anchor"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Ventes"
       data-shiftdigital-url="tel:1-833-453-4891"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-specificity="Ventes"
       data-theme-style="phoneNumberAnchor"
       href="tel:1-833-453-4891"
    >
        
                            1-833-453-4891
                        
    </a>


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

    <span
            class="a-typography    m-selectedDepartmentPhoneNumbers__phoneLabel"
            
            
    >
        Ventes:
    </span>


    <a class="m-phoneNumberAnchor shiftdigital-event m-selectedDepartmentPhoneNumbers__anchor"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Ventes"
       data-shiftdigital-url="tel:1-833-439-7560"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-specificity="Ventes"
       data-theme-style="phoneNumberAnchor"
       href="tel:1-833-439-7560"
    >
        
                            1-833-439-7560
                        
    </a>


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

    <span
            class="a-typography    m-selectedDepartmentPhoneNumbers__phoneLabel"
            
            
    >
        Services:
    </span>


    <a class="m-phoneNumberAnchor shiftdigital-event m-selectedDepartmentPhoneNumbers__anchor"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Service"
       data-shiftdigital-url="tel:1-833-439-7561"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-specificity="Service"
       data-theme-style="phoneNumberAnchor"
       href="tel:1-833-439-7561"
    >
        
                            1-833-439-7561
                        
    </a>


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

    <span
            class="a-typography    m-selectedDepartmentPhoneNumbers__phoneLabel"
            
            
    >
        Pièces:
    </span>


    <a class="m-phoneNumberAnchor shiftdigital-event m-selectedDepartmentPhoneNumbers__anchor"
       data-shiftdigital-event="clickToCall"
       data-shiftdigital-title="Pièces"
       data-shiftdigital-url="tel:1-833-439-7562"
       data-tagging-event="contacts"
       data-tagging-precision="phone"
       data-tagging-specificity="Pièces"
       data-theme-style="phoneNumberAnchor"
       href="tel:1-833-439-7562"
    >
        
                            1-833-439-7562
                        
    </a>


                    </li>
                
            
    </ul>


            </div>

            
<div class="s-linksInstances o-footerBravo__block">
    <div class="s-linksInstances__blockTitle o-footerBravo__blockTitle" data-footer-title>
        

    <p
            class="a-typography    "
            
            
            aria-level="2"
    
        role="heading"
    
        content-zone-location="ContentZone{contentZoneId=1829271, contentZoneDefinitionId=459213, nameFr='FOOTER | Contact Links | Title', nameEn='FOOTER | Contact Links | Title', name='FOOTER | Contact Links | Title', descriptionFr='', descriptionEn='', description='', location='footer.contact-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='Contactez-nous', textEn='Contact Us', text='Contactez-nous', 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}"
            
    >
        Contactez-nous
    </p>


        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title="Réduire l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

    </div>

    <ul
            class="s-linksInstances__list o-footerBravo__blockList"
            content-zone="footer.useful.links.instances"
            role="list"
    >
        
            <li class="s-linksInstances__listItem">
                
                
                <a
                        class="s-linksInstances__anchor"
                        content-zone-instance-slug="1"
                        href="/fr/contactez-nous"
                        
                >
                        Contactez-nous

                    
                </a>
            </li>
        
            <li class="s-linksInstances__listItem">
                
                
                <a
                        class="s-linksInstances__anchor"
                        content-zone-instance-slug="3"
                        href="/fr/formulaire/demande-d-essai-routier-neuf/3"
                        
                >
                        Réservez un essai routier

                    
                </a>
            </li>
        
            <li class="s-linksInstances__listItem">
                
                
                <a
                        class="s-linksInstances__anchor"
                        content-zone-instance-slug="4"
                        href="https://www.volvocars.com/fr-ca/keep-me-updated"
                        target="_blank"
                >
                        Tenez-moi informé

                    
                        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal s-linksInstances__iconExternalLink"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                    
                </a>
            </li>
        
    </ul>
</div>


<div class="s-linksInstances o-footerBravo__block">
    <div class="s-linksInstances__blockTitle o-footerBravo__blockTitle" data-footer-title>
        

    <p
            class="a-typography    "
            
            
            aria-level="2"
    
        role="heading"
    
        content-zone-location="ContentZone{contentZoneId=1828483, 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='Application Volvo Cars', textEn='Volvo Cars App', text='Application Volvo Cars', 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}"
            
    >
        Application Volvo Cars
    </p>


        <svg
                aria-hidden="false"
                class="i-icon i-expandLess "
                
                height="24"
                role="img"
                title="Réduire l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            

                    <path d="m23.27187,18.36627L11.9956,7.09.72813,18.35746l-.72813-.72813L11.9956,5.63373l12.0044,12.0044-.72813.72813Z" stroke-width="0"/>
                

        </svg>
    

        <svg
                aria-hidden="false"
                class="i-icon i-expandMore "
                
                height="24"
                role="img"
                title="Développer l'élément accordéon"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m.72813,5.63373l11.27627,11.27627,11.26746-11.26746.72813.72813-11.9956,11.9956L0,6.36186l.72813-.72813Z" stroke-width="0"/>
                

        </svg>
    

    </div>

    <ul
            class="s-linksInstances__list o-footerBravo__blockList"
            content-zone="footer.useful.links.instances"
            role="list"
    >
        
            <li class="s-linksInstances__listItem">
                
                
                <a
                        class="s-linksInstances__anchor"
                        content-zone-instance-slug="app.store"
                        href="https://apps.apple.com/us/app/volvo-cars/id439635293"
                        target="_blank"
                >
                        App Store

                    
                        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal s-linksInstances__iconExternalLink"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                    
                </a>
            </li>
        
            <li class="s-linksInstances__listItem">
                
                
                <a
                        class="s-linksInstances__anchor"
                        content-zone-instance-slug="google"
                        href="https://play.google.com/store/apps/details?id=se.volvo.vcc&hl=fr"
                        target="_blank"
                >
                        Google Play

                    
                        <svg
                aria-hidden="false"
                class="i-icon i-linkExternal s-linksInstances__iconExternalLink"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

        </svg>
                    
                </a>
            </li>
        
    </ul>
</div>

        </div>
    </div>

    <div class="o-footerBravo__addressWrapper gen-text-center">
        

<address class="m-addressLink o-footerBravo__address -body2">
    
        
        <svg
                aria-hidden="true"
                class="i-icon i-pin m-addressLink__icon"
                
                height="24"
                role="img"
                title=""
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m11.99878,5.35535c-2.28113,0-4.14154,1.85699-4.14722,4.15063,0,2.2887,1.86017,4.1507,4.14655,4.1507,2.27789,0,4.138-1.85645,4.14648-4.13959.00562-2.28625-1.84894-4.15326-4.14581-4.16174Zm-.00067,7.30133c-1.73779,0-3.14655-1.41064-3.14655-3.1507v-.00861c.00433-1.73743,1.41302-3.14203,3.14722-3.14203h.00793c1.73773.00647,3.14215,1.42133,3.13788,3.1593-.00647,1.73785-1.41302,3.14203-3.14648,3.14203Zm.00964-12.65668c-.16309,0-.3266.00433-.49139.01324C6.55298.28076,2.74603,4.52625,3.01324,9.49622c0,6.39557,7.99023,13.60352,8.33148,13.9101l.66119.59369.65723-.59955c.33545-.31439,8.32367-7.73126,8.32367-13.90424.01758-.3222.01758-.64441,0-.96857C20.72852,3.72455,16.75647,0,12.00775,0Zm7.98053,9.44171l-.00146.02722v.02728c0,5.49841-7.11359,12.33667-7.98633,13.15491-.47339-.42737-7.98724-7.3056-7.98724-13.15491v-.02686l-.00146-.02686c-.23718-4.41132,3.1535-8.1933,7.55841-8.43073.14673-.00793.2923-.01184.43756-.01184,4.24646,0,7.75189,3.33014,7.98053,7.58185.0155.28625.01556.57562,0,.85992Z" stroke-width="0"/>
                

        </svg>
    

    <a
            class="m-addressLink__anchor "
            data-theme-style="addressLink"
            href="http://maps.google.com/?q=Villeneuve+Volvo+1786+Avenue+du+Phare+O+G4W+3M6+QC+Matane"
            taggingEvent="contacts"
            taggingPrecision="address"
            taggingScope="footer"
            target="_blank"
    >
        

        1786 Avenue du Phare O, Matane, 

        <span class="m-addressLink__addressEnd">
            QC, G4W 3M6 <svg
                aria-hidden="false"
                class="i-icon i-linkExternal m-addressLink__iconExternalLink"
                
                height="24"
                role="img"
                title="Ouvre une nouvelle fenêtre"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path d="m9.48584,13.77008L22.2262,1.02972l-9.73035.00037V.00037l11.50415-.00037-.00037,11.12408-1.02972.00006.00037-9.36279-12.74658,12.74658-.73785-.73785Zm13.4754,4.65131l-.00018,3.4917c0,.57391-.47003,1.04352-1.0448,1.04352l-19.82776-.0014c-.57129-.00403-1.0379-.47064-1.0379-1.04211l-.0072-19.82355c0-.57458.4696-1.0448,1.04352-1.0448h2.44836v.00018h1.04333V0h-3.4917C.93384,0,0,.93512,0,2.08954v19.82086c0,1.15442.93384,2.0896,2.08691,2.0896h19.82935c1.15442,0,2.0896-.93384,2.0896-2.08691v-3.4917h-1.04462Z" stroke-width="0"/>
                

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


<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 class="m-socialNetworks o-footerBravo__socialNetworks ">
    

    <div class="m-socialNetworks__wrapper">
        
        
   <div class="a-socialMedia__item group">
        <a
                aria-label="facebook - Ouvre une nouvelle fenêtre"
                class="a-socialMedia  "
                href="https://www.facebook.com/VilleneuveVolvo/"
                taggingEvent="social"
                taggingPrecision="facebook"
                taggingScope="footer"
                target="_blank"
        >
            
                
        <svg
                aria-hidden="false"
                class="i-icon i-facebook "
                
                height="24"
                role="img"
                title="facebook | Villeneuve Volvo"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
        >
            
                
                    <path id="Initiator" d="m24,12.04394C24,5.41652,18.62742.04394,12,.04394S0,5.41652,0,12.04394c0,5.62774,3.87434,10.34987,9.10107,11.64662v-7.9796h-2.4745v-3.66703h2.4745v-1.5801c0-4.08441,1.84842-5.97755,5.8583-5.97755.76023,0,2.07202.14907,2.60866.29813v3.32418c-.28322-.02981-.77514-.04472-1.38632-.04472-1.96767,0-2.72791.74533-2.72791,2.68319v1.29687h3.91963l-.67339,3.66703h-3.24624v8.24508c5.94172-.71766,10.5462-5.77685,10.5462-11.91211Z" stroke-width="0"/>
                

        </svg>
    

        </a>

        
   </div>


    </div>
</div>


    </div>

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

    <span
            class="a-typography -fineprint   s-copyright__name"
            
            
            itemprop="copyrightHolder"
            
    >
        &copy; 2025 Villeneuve Volvo
    </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>

        
    </div>
</nav>

</footer>

</div>
                </div>
            </div>
        </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-volvo/svgxuse.js?lkn9tq"></script>


<script src="/js/manufacturers/volvo/volvo.min.js" defer></script>


<script defer src="/js/theme/manticore360/main.min.js?v=024254312"></script>
<script defer src="//cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js"></script>
        <script defer src="https://unpkg.com/swiper@6.8.4/swiper-bundle.min.js"></script>

        <script type="text/javascript">
</script>


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

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

        </script>

        
                    <script>
    function generateUrlWithTr(){
        var url = window.location.href;
        var query = window.location.search.substring(1);
        if(query){
            url = url.concat('&tr=14')
        }
        else{
            url =  url.concat('?tr=14')
        }
        return url;
    }
    function removeAccents(vehicleName){
        var accents = ['à','â','ä','è','ê','é','ë','ï','î','ô','ö','ù','û','ü','ÿ','ç','À','Â','Ä','Ç','É','È','Ê','Ë','Î','Ï','Ô','Ö','Ù','Û','Ü','Ÿ'];
        var letterWitoutAccents = ['a','a','a','e','e','e','e','i','i','o','o','u','u','u','y','c','A','A','A','C','E','E','E','E','I','I','O','O','U','U','U','Y'];
        for(var i = 0;i != accents.length;i++){
            vehicleName = vehicleName.replace(accents[i], letterWitoutAccents[i]);
        }
        return vehicleName;
    }
    function tagUserView(language, image, vehicleName, ttl) {
        if (!ttl) ttl = 2591999;
        if(vehicleName){
            vehicleName = removeAccents(vehicleName);
        }

        iframeSrcBuilder(language, image, vehicleName, ttl);

    }
    function iframeSrcBuilder(language, image, vehicleName, ttl) {
        var iFrameSRC = "//script.sm360.ca/dynamic-ads/adunit/tag_user_view.html?"
        var iFrameID = "adgear-car-tag";
        var $iframe = document.getElementById(iFrameID);
        if (typeof image != "undefined" && image != null) {
            iFrameSRC = iFrameSRC + "&i=" + encodeURIComponent(String(image));
        }
        if (typeof vehicleName != "undefined" && vehicleName != null) {
            iFrameSRC = iFrameSRC + "&v=" + encodeURIComponent(String(vehicleName));
        }
        if (typeof language != "undefined" && language != null) {
            iFrameSRC = iFrameSRC + "&l=" + encodeURIComponent(String(language));
        }
        iFrameSRC = iFrameSRC +
                "&ttl=" + encodeURIComponent(String(ttl)) +
                "&AG_R=" + String(Math.random());

        $iframe = iframeGenerator($iframe, iFrameID, iFrameSRC);
    }
    function iframeGenerator($iframe, iFrameID, iFrameSRC) {
        if (!$iframe) {
            $iframe = document.createElement('iframe');
            $iframe.id = iFrameID;
            $iframe.style.visibility = "hidden";
            $iframe.style.display = "none";
            $iframe.style.width = "1px";
            $iframe.style.height = "1px";
            $iframe.setAttribute("width", "1");
            $iframe.setAttribute("height", "1");
            $iframe.setAttribute("frameborder", "0");
            $iframe.setAttribute("marginwidth", "0");
            $iframe.setAttribute("marginheight", "0");
            $iframe.setAttribute("scrolling", "no");
            $iframe.setAttribute("src", iFrameSRC);
            document.body.appendChild($iframe);
        } else {
            $iframe.setAttribute("src", iFrameSRC);
        }
        return $iframe
    }
    $(document).ready(function () {
        if (typeof dataLayer !== 'undefined' && typeof dataLayer[0].make !== 'undefined') {
            var language = document.getElementsByTagName('html')[0].getAttribute('lang'),
                    vehicleName = "",
                    image;
            if (language == null || language == "") {
                language = "fr";
            }

            if (language == 'fr') {
                vehicleName = dataLayer[0].make + " " + dataLayer[0].model + " " + dataLayer[0].year;
            } else {
                vehicleName = dataLayer[0].year + " " + dataLayer[0].make + " " + dataLayer[0].model;
            }

            
                    tagUserView(language, null, vehicleName);
                
        }
    });
</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=024254312").done(function( script, textStatus ) {
                $('#cherry-popper').popper({
                    serviceUrl:"//cherry.sm360.ca/cherries",
                    websiteId: 4629,
                    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: 1508,
                    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-contact') {
                        if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__body-social-media-meta');
                        }
                    }
                    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');
                        }
                    }
                }
            }

        }

        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>