Crown Equipment Corporation | Votre fournisseur d’équipement et de solutions de manutention

<!DOCTYPE html>       <html class="no-js">  <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="keywords"/> <meta name="description" content="Crown Equipment Corporation est un constructeur de chariots élévateurs et de technologies de manutention possédant un réseau de plus de 500 concessionnaires répartis dans 80 pays."/> <meta name="viewport" content="width=device-width, initial-scale=1"/>   <script defer type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="canonical" href="https://www.crown.com/fr-ca.html"/>  <script src="/etc/clientlibs/global-web/granite.lc-924b68355282635f248afbd8a75c823e-lc.min.js"></script> <script type="text/javascript"> var pageDomain="https:\/\/www.crown.com";</script> </meta> </meta> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "http://www.crown.com", "logo": "https://www.crown.com/content/dam/crown/logos/logo.png" } </script> <script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} // Set default consent to 'denied' as a placeholder gtag('consent', 'default', { 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'ad_storage': 'denied', 'analytics_storage': 'denied', });  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MJLHW2');   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-35686931-1', 'auto'); ga('require', 'GTM-PG9R4SC');  function consentGranted(){ gtag('consent', 'update', { 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'ad_storage': 'granted', 'analytics_storage': 'granted' }); } </script> <link rel="icon" type="image/vnd.microsoft.icon" href="/content/dam/crown/images/favicon.ico"/> <link rel="stylesheet" href="/etc/clientlibs/global-web/page/head/css/compiled/application.css"/> </link> <title>Crown Equipment Corporation | Votre fournisseur d’équipement et de solutions de manutention</title> <link rel="alternate" hreflang="en-us" href="https://www.crown.com/en-us/"/> <link rel="alternate" hreflang="en-ca" href="https://www.crown.com/en-ca/"/> <link rel="alternate" hreflang="fr-ca" href="https://www.crown.com/fr-ca/"/> <link rel="alternate" hreflang="en-bb" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="en-ky" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="en-jm" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="en-tt" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="es" href="https://www.crown.com/es-la/"/> <link rel="alternate" hreflang="en-br" href="https://www.crown.com/en-br/"/> <link rel="alternate" hreflang="pt-br" href="https://www.crown.com/pt-br/"/> <link rel="alternate" hreflang="en-au" href="https://www.crown.com/en-au/"/> <link rel="alternate" hreflang="en-nz" href="https://www.crown.com/en-nz/"/> <link rel="alternate" hreflang="en-ph" href="https://www.crown.com/en-ph/"/> <link rel="alternate" hreflang="en-my" href="https://www.crown.com/en-my/"/> <link rel="alternate" hreflang="en-sg" href="https://www.crown.com/en-sg/"/> <link rel="alternate" hreflang="en-kr" href="https://www.crown.com/en-kr/"/> <link rel="alternate" hreflang="ko-kr" href="https://www.crown.com/ko-kr/"/> <link rel="alternate" hreflang="en-th" href="https://www.crown.com/en-th/"/> <link rel="alternate" hreflang="th-th" href="https://www.crown.com/th-th/"/> <link rel="alternate" hreflang="en-vn" href="https://www.crown.com/en-vn/"/> <link rel="alternate" hreflang="vi-vn" href="https://www.crown.com/vi-vn/"/> <link rel="alternate" hreflang="en-uk" href="https://www.crown.com/en-uk/"/> <link rel="alternate" hreflang="en" href="https://www.crown.com/en-eu/"/> <link rel="alternate" hreflang="de-de" href="https://www.crown.com/de-de/"/> <link rel="alternate" hreflang="de" href="https://www.crown.com/de-eu/"/> <link rel="alternate" hreflang="fr-fr" href="https://www.crown.com/fr-fr/"/> <link rel="alternate" hreflang="fr-be" href="https://www.crown.com/fr-be/"/> <link rel="alternate" hreflang="nl-be" href="https://www.crown.com/nl-be/"/> <link rel="alternate" hreflang="nl" href="https://www.crown.com/nl-nl/"/> <link rel="alternate" hreflang="ru" href="https://www.crown.com/ru-ru/"/> <link rel="alternate" hreflang="es-es" href="https://www.crown.com/es-es/"/> <link rel="alternate" hreflang="it" href="https://www.crown.com/it-it/"/> <link rel="alternate" hreflang="en-cn" href="https://www.crown.com/en-cn/"/> <link rel="alternate" hreflang="zh-cn" href="https://www.crown.com/zh-cn/"/> <link rel="alternate" hreflang="en-hk" href="https://www.crown.com/en-hk/"/> <link rel="alternate" hreflang="zh-hk" href="https://www.crown.com/zh-hk/"/>  <link rel="stylesheet" href="https://use.typekit.net/teg2oye.css"/> </head>  <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJLHW2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <input type="hidden" id="isoLanguageCountryCode" value="fr-CA"/> <link rel="stylesheet" href="/etc.clientlibs/global-web/clientlibs/clientlib-vendor.lc-ecafdfecbde2289002f0578413993c39-lc.min.css" type="text/css"> <script src="/etc.clientlibs/global-web/clientlibs/clientlib-vendor.lc-65f898139c7e0d2a5d8a92360ae0f892-lc.min.js"></script> <header>  <p id="is404" hidden></p> <div class="modal fade" id="ecatalog-viewer-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-full-page"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></a> <div class="modal-body"> <div id="ecatalog"></div> </div> </div> </div> </div> <div class="modal fade" id="cookiePolicyModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close" id="modalBtnCloseCookieNotAccept"> <span aria-hidden="true" class="float-right">×</span> </a> <div class="modal-body"> <h2 style=" text-align: center; "><span style=" font-weight: normal; "><b>Nous utilisons des témoins de connexion et des modules d’extension pour:</b></span></h2> <p style=" text-align: center; ">Améliorer la fonctionnalité et les performances<br /> Personnaliser le contenu et les publicités<br /> Proposer des fonctions relatives aux réseaux sociaux=<br /> Analyser le trafic sur notre page Web</p> <p style=" text-align: center; ">Il peut s’agir de transférer vos données personnelles à des tiers situés dans des pays autres que votre pays ou région de résidence, qui n’offrent pas le même niveau de protection des données. Nous ne traiterons les données recueillies par les témoins de connexion et/ou transférerons ces données que si vous donnez votre accord en cliquant sur “Accepter les témoins”. Vous pouvez retirer votre consentement à tout moment. Des renseignements supplémentaires sont disponibles dans <a href="/fr-ca/privacy-policy.html">les politiques de confidentialité</a> et la <a href="/fr-ca/cookie-policy-legal-notice.html">mention légale</a>.</p> <div id="cookie-modal-buttons"> <button type="button" class="btn btn-cta text-white background-orange" id="modalCookieAccept" data-dismiss="modal">Accepter les témoins</button> <button type="button" class="btn btn-cta text-white background-orange" id="modalCookieNotAccept" data-dismiss="modal">Refuser les témoins</button> </div> </div> </div> </div> </div> <div><div class="cookiepolicy"> <script> jQuery(document).ready(function() { Crown.Components.CookiePolicy.checkCookiePolicyStatus(); }); $(window).resize(function(){ let cookiePolicy = Crown.Common.Cookies.readCookie("cookiePolicy"); let width = window.innerWidth; if(cookiePolicy != "accepted") { if (width > 767 ) { $(".cookiePolicyMobile").removeClass("show"); $(".cookiePolicyMobile").addClass("hide"); $(".cookie-policy").addClass("show"); } else { $(".cookie-policy").removeClass("show"); $(".cookie-policy").addClass("hide"); $(".cookiePolicyMobile").addClass("show"); } } }); function onHover() { $("#closeButton").css("backgroundColor", "#f7f7f7"); $("#closeButtonMobile").css("backgroundColor", "#f7f7f7"); } function onHoverOut() { $("#closeButton").css("backgroundColor", ""); $("#closeButtonMobile").css("backgroundColor", ""); } function delayCookieView() { let width = window.innerWidth; if (width > 767 ) { $(".cookie-policy").removeClass("hide"); $(".cookie-policy").addClass("show"); } else { $(".cookiePolicyMobile").removeClass("hide"); $(".cookiePolicyMobile").addClass("show"); } } </script> </div> </div> <div><div class="header iparsys parsys"> <div class="header"><header class="header-main"> <div class="d-none d-md-block"><div class="container-fluid clearfix localeselectorheader background-light-black"> <div id="menubar" class="container"> <ul> <a onclick="addLocaleSelectorGA('Trouvez un concessionnaire')" href="/content/fr-ca/forklift-dealers" tabindex="0"> Trouvez un concessionnaire </a> <span>|</span> <span> <a href="#" onclick="addLocaleSelectorGA('Nous joindre')" data-toggle="modal" data-target="#modal-form" data-formsource="/content/fr-ca/contact-us.html" tabindex="0"> Nous joindre </a> </span> <span>|</span> <a onclick="addLocaleSelectorGA('English')" href="/content/en-ca" tabindex="0"> English </a> <span>|</span> <span> <li><a onclick="Crown.Common.Cookies.eraseCookie('crownlocation'); addLocaleSelectorGA('Canada – français (modifier)');" href="/global-selector-page.html" tabindex="0">Canada – français (modifier)</a> </li> </span> </ul> </div> </div> <script> window.addEventListener("load", () => { if("") { $.ajax({ url: "/content/fr-ca/jcr:content/header/header/locatorselector" + ".userTokenValidate.json", type: 'GET', dataType: 'json', success: function(response) { if(response.isValid) { $('.signIn').hide(); $('.signInMobile').hide(); $('.myAccount').show(); $('.myAccountMobile').show(); } else { $('.signIn').show(); $('.signInMobile').show().css('display', 'inline-flex'); $('.myAccount').hide(); $('.myAccountMobile').hide(); if(response.isUnauthorized) { $("#authErrorModal").modal(); } } }, error: function() { // Using console log as there is no error that the user will see if an error happens. Waiting for store to implement a solution console.log("Token validation Failure"); $('.signIn').show(); $('.myAccount').hide(); } }) } }); $(document).click(function(event) { if("") { const signInDropdown = $(".signIn"); const myAccountDropdown = $(".myAccount"); if($("#signInDropdownContent").hasClass("show") && !signInDropdown.is(event.target) && !signInDropdown.has(event.target).length) { toggleAuthDropdown("signIn"); } else if($("#myAccountDropdownContent").hasClass("show") && !myAccountDropdown.is(event.target) && !myAccountDropdown.has(event.target).length) { toggleAuthDropdown("myAccount"); } else if($("#myAccountDropdownMobile").hasClass("show") && !$(event.target).is('.myAccountButtonMobile, .myAccountUserIcon, .myAccountPortion')) { $("#myAccountDropdownMobile").toggleClass("show"); $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } }); function addLocaleSelectorGA(labelName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'header_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': labelName, 'eventLabel': currentPage }); } } } // Toggle hide and show behavior for Sign In and My Account dropdowns function toggleAuthDropdown(dropdownType) { const dropdownClass = "#" + dropdownType + "DropdownContent"; $(dropdownClass).toggleClass("show"); if($(dropdownClass).hasClass("show")) { toggleAuthButtonCSS("#c2c2c2", "#333", dropdownType); $("." + dropdownType + "Button").addClass("caretUp"); } else { toggleAuthButtonCSS("#444", "#fff", dropdownType); $("." + dropdownType + "Button").removeClass("caretUp"); } } // Toggle CSS of SignIn and My Account buttons function toggleAuthButtonCSS(background, color, buttonType) { $("." + buttonType).css("background-color", background); $("." + buttonType + "Button").css("color", color); $("." + buttonType + " .textIcon").css("color", color); } function onSignInButtonClick() { $.ajax({ url: "/content/fr-ca/jcr:content/header/header/locatorselector" + ".auth0login.json", type: 'GET', data: { redirectUrl: window.location.pathname, hash: window.location.hash, urlParams: window.location.search.substring(1) }, dataType: 'json', success: function(result) { if(result.redirect === true) { window.location = result.location; } }, error: function() { alert("Redirection Failure, please try again after sometime"); } }); } function onSignOutButtonClick() { $.ajax({ url: "/content/fr-ca/jcr:content/header/header/locatorselector" + ".auth0logout.json", type: 'GET', data: { redirectUrl: window.location.pathname, hash: window.location.hash, urlParams: window.location.search.substring(1) }, dataType: 'json', success: function(result) { if(result.redirect === true) { window.location = result.location; } }, error: function(result) { alert("Redirection Failure"); } }); } $(".signIn").keypress(function(event) { if(event.keyCode === 13) { toggleAuthDropdown("signIn"); } }); $(".myAccount").keypress(function(event) { if(event.keyCode === 13) { toggleAuthDropdown("myAccount"); } }); $(".signOutText").keypress(function(event) { if(event.keyCode === 13) { toggleAuthDropdown("myAccount"); } }); $(".signInBtn").keypress(function(event) { if(event.keyCode === 13) { onSignInButtonClick(); } }) </script></div> <nav class="navbar theme-nav-main" role="navigation"> <div class="theme-container-nav"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-main" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="hamburger"> <i class="fas fa-bars fa-fw"></i> </span> <span class="close"> × </span> </button> <div class="nav-logo"> <a class="navbar-brand theme-navbar-brand" href="/fr-ca.html" tabindex="0"> <img class="img-responsive" src="/content/dam/crown/logos/logo.png" alt="Crown Equipment Corporation" title="Crown" data-emptytext="Logo"/> </a> </div>  <div class="nav-button-navigation navbar-right text-right d-xl-none"> <ul class="list-inline"> <li> <a href="tel:5143423471" onclick="addDealerLocatorCTAGA('(514) 342\u002D3471 Click')" class="btn-dealerLocator btn-orange dealerLocatorMobile" tabindex="0"> <i class="fas fa-phone-alt dealerLocatorIcon"></i> <span class="btn-dealerLocator-text">(514) 342-3471</span> </a> <script> function addDealerLocatorCTAGA(eventLabel) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_find_dealer', 'eventCategory': 'Call to Actions', 'eventLabel': eventLabel, 'eventAction': 'Header' }); } } } </script> </li> <li> <a class="btn-search btn-rounded btn-grey-lightester text-black" href="javascript: void(0);" style="background: transparent !important" data-toggle="modal" data-target="#modal-search"> <i class="fas fa-search headerSearchIcon"></i> </a> </li> </ul>  </div> <span class="headerItems">  <div class="collapse navbar-collapse theme-navbar-collapse low" data-activedrawer="" id="navbar-main"> <ul class="nav navbar-nav theme-navbar-nav "> <li class="dropdown"> <a class="dropdown-toggle" unique-id="2134249538" data-toggle="dropdown" id="drawer" onclick="triggerFirstItemClick_(this); triggerDrawerClick(this);" tabindex="0" href="javascript: void(0);"> Produits </a> <div class="dropdown-menu multi-level theme-nav-dropdown-menu background-black dualLayer" role="menu"> <div class="container container-dropdown text-black background-black dualLayerContainer" id="minHeight_"> <div class="row"> <div class="col-xl-3 col-sm-12 theme-nav-dropdown-menu-list-container dualLayerMenuListContainer"> <ul class="firstLayerList" id="firstLayerListId2134249538"> <li id="item02134249538" side-content-url="/content/fr-ca/main-navigation-drawer/products" unique-id="2134249538" class="dropdown-submenu firstLayerItem_ "> <a id="item02134249538Text" class="firstLayerText" data-toggle="dropdown-menu" tabindex="-1" href="#">Chariots élévateurs Crown</a>  <div class="d-block d-xl-none "> <div class="secondLayerInner"> <ul class="dropdown-menu hideContent secondLayerMobileList" id="item02134249538ChildListMobile"> <li> <a onclick="addMainNavGA('Produits', 'Sélecteur de produit')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklift-product-selector.html">Sélecteur de produit</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Transpalettes')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts/pallet-trucks.html">Transpalettes</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Gerbeurs')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts/stackers.html">Gerbeurs</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Chariots élévateurs électriques à contrepoids')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts/electric-counterbalance-forklifts.html">Chariots élévateurs électriques à contrepoids</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Chariots élévateurs à contrepoids combustion interne')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts/internal-combustion-counterbalance-forklifts.html">Chariots élévateurs à contrepoids combustion interne</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Chariots à fourches extensibles')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts/reach-trucks.html">Chariots à fourches extensibles</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Préparateurs de commandes à poste de conduite élevable')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts/man-up-order-pickers.html">Préparateurs de commandes à poste de conduite élevable</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Tous les chariots élévateurs')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts.html">Tous les chariots élévateurs</a> </li> </ul> </div> </div> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Produits', 'Chariots élévateurs tout\u002Dterrain')" href="/fr-ca/rough-terrain.html">Chariots élévateurs tout-terrain</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Produits', 'Location de chariots élévateurs')" href="/fr-ca/forklift-rentals.html">Location de chariots élévateurs</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Produits', 'Chariots élévateur réusinés')" href="/fr-ca/remanufactured-forklifts.html">Chariots élévateur réusinés</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Produits', 'Chariots élévateurs d\x27occasion')" href="/fr-ca/pre-owned-forklifts.html">Chariots élévateurs d'occasion</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Produits', 'Batteries et chargeurs V\u002DForce')" href="/fr-ca/batteries-and-chargers.html">Batteries et chargeurs V-Force</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Produits', 'Voir tous les produits')" href="/fr-ca/products.html">Voir tous les produits</a> </li> </ul> </div> <div class="col-xl-3 d-none d-xl-block float-left secondLayerDesktopDiv"> <ul class="firstLayerList" id="secondLayerList">  <div class="secondLayerDiv hideContent" id="item02134249538Child"> <ul class="secondLayerDesktopList"> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Sélecteur de produit')" tabindex="-1" href="/fr-ca/forklift-product-selector.html">Sélecteur de produit</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Transpalettes')" tabindex="-1" href="/fr-ca/forklifts/pallet-trucks.html">Transpalettes</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Gerbeurs')" tabindex="-1" href="/fr-ca/forklifts/stackers.html">Gerbeurs</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Chariots élévateurs électriques à contrepoids')" tabindex="-1" href="/fr-ca/forklifts/electric-counterbalance-forklifts.html">Chariots élévateurs électriques à contrepoids</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Chariots élévateurs à contrepoids combustion interne')" tabindex="-1" href="/fr-ca/forklifts/internal-combustion-counterbalance-forklifts.html">Chariots élévateurs à contrepoids combustion interne</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Chariots à fourches extensibles')" tabindex="-1" href="/fr-ca/forklifts/reach-trucks.html">Chariots à fourches extensibles</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Préparateurs de commandes à poste de conduite élevable')" tabindex="-1" href="/fr-ca/forklifts/man-up-order-pickers.html">Préparateurs de commandes à poste de conduite élevable</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Tous les chariots élévateurs')" tabindex="-1" href="/fr-ca/forklifts.html">Tous les chariots élévateurs</a> </li> </ul> </div>  <div class="secondLayerDiv hideContent" id="item12134249538Child"> </div>  <div class="secondLayerDiv hideContent" id="item22134249538Child"> </div>  <div class="secondLayerDiv hideContent" id="item32134249538Child"> </div>  <div class="secondLayerDiv hideContent" id="item42134249538Child"> </div>  <div class="secondLayerDiv hideContent" id="item52134249538Child"> </div>  <div class="secondLayerDiv hideContent" id="item62134249538Child"> </div> </ul> </div> <div class="col-xl-6 d-none d-xl-block container-side-content dualLayerSideContent" id="drawer-side-content"></div> </div> </div> </div> <script> let currentActiveParent_ = ""; let currentActiveChild_ = ""; let currentActiveChildMobile_ = ""; $(document).ready(function() { $('.firstLayerItem_').on("click", function(e) { const selectedOptionId = e.currentTarget.id; const sideContentUrl = $('#' + selectedOptionId).attr('side-content-url'); // Load side content $.ajax({ url: sideContentUrl + '.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer-side-content').html(content); } }); // Toggle Second Layer Drop-downs toggleSecondLayerDropDowns_(selectedOptionId); $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); // Redirect to the specified link when the user clicks on the second dropdown option $('.secondLayerText').on('click', function(e) { e.preventDefault(); window.location.href = $(this).attr('href'); }) }); // Clicks on the first option in the list to load the side content and the second layer on desktop function triggerFirstItemClick_(element) { const firstLayerListId = '#firstLayerListId' + element.getAttribute('unique-id'); let firstDropdownItemId = $('ul' + firstLayerListId + ' li:first').get(0).id; if(element.getAttribute('aria-expanded') !== 'true') { $("#" + firstDropdownItemId).trigger("click"); hideDropdown(firstDropdownItemId + "ChildListMobile"); $('#' + firstDropdownItemId + 'Text').removeClass('caretUp'); } $("#"+ firstDropdownItemId+"Child").find("li a[tabindex='-1']").each( function() { $(this).attr("tabindex", 0); }); $(firstLayerListId).find("li a[tabindex='-1']").each( function() { $(this).attr("tabindex", 0); }) } function toggleSecondLayerDropDowns_(selectedOptionId) { const newChild = selectedOptionId + 'Child'; const newChildMobile = selectedOptionId + 'ChildListMobile'; // Check if the selected option's dropdown is open already. If it is, open/close the dropdown. If not, close the current dropdown and open the selected option's dropdown if((currentActiveChild_ === "" && currentActiveChildMobile_ === "") || (currentActiveChild_ === newChild && currentActiveChildMobile_ === newChildMobile)) { currentActiveChild_ = newChild; currentActiveChildMobile_ = newChildMobile; currentActiveParent_ = selectedOptionId; // Change the css of the selected option $('#' + selectedOptionId + 'Text').addClass('firstLayerSelectedColor'); // Check if the selected dropdown is open/closed and toggle the dropdown accordingly (2nd layer dropdown should not close in desktop view) if($('#' + currentActiveChild_).hasClass('showContent') && $('#' + currentActiveChildMobile_).hasClass('showContent')) { hideDropdown(currentActiveChildMobile_); $('#' + selectedOptionId + 'Text').removeClass('caretUp'); } else { showDropdown(currentActiveChild_); showDropdown(currentActiveChildMobile_); $('#' + selectedOptionId + 'Text').addClass('caretUp'); } } else { hideDropdown(currentActiveChild_); hideDropdown(currentActiveChildMobile_); showDropdown(newChild); showDropdown(newChildMobile); // Toggle first layer css on select $('#' + currentActiveParent_ + 'Text').removeClass('firstLayerSelectedColor'); $('#' + currentActiveParent_ + 'Text').removeClass('caretUp'); $('#' + selectedOptionId + 'Text').addClass('firstLayerSelectedColor'); $('#' + selectedOptionId + 'Text').addClass('caretUp'); currentActiveChild_ = newChild; currentActiveChildMobile_ = newChildMobile; currentActiveParent_ = selectedOptionId; } } function hideDropdown(divId) { $('#' + divId).removeClass('showContent'); $('#' + divId).addClass('hideContent'); $('#'+ divId).find("li a[tabindex='0']").each(function() { $(this).attr("tabindex", -1); }) } function showDropdown(divId) { $('#' + divId).removeClass('hideContent'); $('#' + divId).addClass('showContent'); $('#'+ divId).find("li a[tabindex='-1']").each(function() { $(this).attr("tabindex", 0); }) } $(document).ready(function() { $('#drawer').parent().on("hidden.bs.dropdown", function() { $('#firstLayerListId2134249538').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $(this).find(".secondLayerDesktopList li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer-side-content').empty() }); }) </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown">  <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_0" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> Solutions </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer_0"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Solutions l\x27automatisation')" href="/fr-ca/automation.html">Solutions l'automatisation</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Gestion de la flotte')" href="/fr-ca/fleet-management.html">Gestion de la flotte</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Options de financement')" href="/fr-ca/financing.html">Options de financement</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Solutions énergétiques')" href="/fr-ca/v-force-energy-solutions.html">Solutions énergétiques</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Solutions d\x27entreposage')" href="/fr-ca/warehouse-solutions.html">Solutions d'entreposage</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Voir toutes les solutions')" href="/fr-ca/solutions.html">Voir toutes les solutions</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_0-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_0').on("click", function() { $.ajax({ url: '/content/fr-ca/main-navigation-drawer/solutions.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_0-side-content').html(content); } }); }); $('#drawer_0').parent().on("hidden.bs.dropdown", function() { $('.drawer_0').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_0-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown">  <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_1" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> Soutien </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer_1"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Soutien', 'Sécurité et formation')" href="/fr-ca/safety-training.html">Sécurité et formation</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Soutien', 'Pièces et entretien')" href="/fr-ca/service-parts.html">Pièces et entretien</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Soutien', 'Réseau de concessionnaires')" href="/fr-ca/forklift-dealers.html">Réseau de concessionnaires</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Soutien', 'Voir toutes les options de soutien')" href="/fr-ca/support.html">Voir toutes les options de soutien</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_1-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_1').on("click", function() { $.ajax({ url: '/content/fr-ca/main-navigation-drawer/support.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_1-side-content').html(content); } }); }); $('#drawer_1').parent().on("hidden.bs.dropdown", function() { $('.drawer_1').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_1-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown">  <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_2" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> Pourquoi Crown? </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer_2"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Pourquoi Crown?', 'Pourquoi choisir Crown?')" href="/fr-ca/why-crown.html">Pourquoi choisir Crown?</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Pourquoi Crown?', 'Résultats des clients')" href="/fr-ca/customer-results.html">Résultats des clients</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Pourquoi Crown?', 'Durabilité')" href="/fr-ca/sustainability.html">Durabilité</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Pourquoi Crown?', 'Reconnaissance de l\x27industrie')" href="/fr-ca/awards.html">Reconnaissance de l'industrie</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Pourquoi Crown?', 'Notre Blog')" href="/fr-ca/blog.html">Notre Blog</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_2-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_2').on("click", function() { $.ajax({ url: '/content/fr-ca/main-navigation-drawer/why-crown.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_2-side-content').html(content); } }); }); $('#drawer_2').parent().on("hidden.bs.dropdown", function() { $('.drawer_2').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_2-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_3" data-path="/content/fr-ca/jcr:content/header/header/mainnav/createddrawer_3"> <a href="/fr-ca/forklift-dealers.html" class="dropdown-toggle link-only mobile-only link-only">Trouvez un concessionnaire</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_4" data-path="/content/fr-ca/jcr:content/header/header/mainnav/createddrawer_4"> <a href="/fr-ca/contact-us.html" class="dropdown-toggle link-only mobile-only link-only">Nous joindre</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_5" data-path="/content/fr-ca/jcr:content/header/header/mainnav/createddrawer_5"> <a href="/staging-canada-english.html" class="dropdown-toggle link-only mobile-only link-only">English</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown">  <a href="/global-selector-page.html" class="{drawer.textColor} mobile-only link-only" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');">Location / Language</a> <label class="hidden" id="Location / Language">Location / Language Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu" aria-labelledby="Location / Language"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list createddrawer_6"> <li role="presentation"> <a onclick="Crown.Common.Cookies.eraseCookie('crownlocation'); addMainNavGA('Location \/ Language', 'Canada – français (modifier)')" role="menuitem" tabindex="-1" href="/global-selector-page.html">Canada – français (modifier)</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="createddrawer_6-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#createddrawer_6').on("click", function() { $.ajax({ url: '.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#createddrawer_6-side-content').html(content); } }); }); $('#createddrawer_6').parent().on("hidden.bs.dropdown", function() { $('.createddrawer_6').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#createddrawer_6-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> </ul> <div class="d-xl-none"> <div class="col-xs-12 container-theme-nav-dropdown-close"> <button data-target="#navbar-main" data-toggle="collapse" class="theme-nav-dropdown-close mobile-nav-dropdown-close"> Fermer </button> </div> </div> </div> <script> function triggerDrawerClick(value) { let activeDrawer = $("#navbar-main").attr("data-activedrawer"); let ariaExpanded = value.getAttribute('aria-expanded'); if(ariaExpanded !== 'true') { $('.search-form-wrapper').removeClass('open'); } if(activeDrawer === "") { $("#navbar-main").attr("data-activedrawer", value.id); } else if(ariaExpanded !== 'true' && activeDrawer !== "") { $('#' + activeDrawer + '-side-content').empty(); $("#navbar-main").attr("data-activedrawer", value.id); } $("."+value.id).find("li a[tabindex='-1']").each( function() { $(this).attr("tabindex", 0); }); if(ariaExpanded === 'true') { $("."+value.id).find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); } // Closing the auth dropdowns on drawer click. // Since locale selector will always be on page when the Ecomm Functionality is enabled, using a common toggle method from it if('') { if($("#signInDropdownContent").hasClass("show")) { toggleAuthDropdown("signIn"); } else if($("#myAccountDropdownContent").hasClass("show")) { toggleAuthDropdown("myAccount"); } else if($("#myAccountDropdownMobile").hasClass("show")) { $("#myAccountDropdownMobile").toggleClass("show"); $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } } function toggleMyAccountMobileDropdown() { const myAcctDrpDwnMob = $("#myAccountDropdownMobile"); myAcctDrpDwnMob.toggleClass("show"); if(myAcctDrpDwnMob.hasClass("show")) { $(".myAccountMobile").css("max-height", "5000px"); $(".myAccountPortion").addClass("myAccountCaretUp"); } else { $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } </script>  <div class="nav-button-navigation navbar-right d-none d-xl-block"> <ul class="list-inline"> <li> <a href="tel:5143423471" onclick="addDealerLocatorCTAGA('(514) 342\u002D3471 Click')" class="btn-dealerLocator btn-orange dealerLocatorMobile" tabindex="0"> <i class="fas fa-phone-alt dealerLocatorIcon"></i> <span class="btn-dealerLocator-text">(514) 342-3471</span> </a> <script> function addDealerLocatorCTAGA(eventLabel) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_find_dealer', 'eventCategory': 'Call to Actions', 'eventLabel': eventLabel, 'eventAction': 'Header' }); } } } </script> </li> <li> <a class="btn-search btn-rounded btn-grey-lightester text-black" style="background: transparent !important" data-toggle="modal" data-target="#modal-search" href="javascript: void(0);"> <i class="fas fa-search headerSearchIcon"></i>  </a> </li> </ul> </div> </span>   </div> </div> </nav> </header>  <div class="modal fade modal-sitesearch " id="modal-search" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="container"> <a class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></a> </div> <div class="modal-body"> <div class="container container-sitesearch"> <form action="/fr-ca/search-results.html" accept-charset="UTF-8"> <label for="sitesearch"> <i class="fas fa-search sitesearch-icon"></i> <span class="sr-only"> Search </span> </label> <input id="sitesearch" class="sitesearch" maxlength="2048" name="q" placeholder="Search"/> </form> </div> </div> </div> </div> </div> <div class="modal" id="authErrorModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="authModalTitle"> <i class="far fa-times-circle"></i> <h5 class="modal-title"></h5> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <p></p> <span class="closeIcon" aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p> <a class="createAccountLink"> .</a> </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-link cancelButton" data-dismiss="modal"> </button> <button type="button" id="createAccountBtnId" class="btn btn-orange btn-rounded btn-block createAccountButton"> </button> </div> </div> </div> </div> <div><div class="modal fade" id="dealerPrivacyHeaderModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </a> <div class="modal-body modal-color"> <span id="dealerPrivacyContent" class="dealer-info-auth-text"></span><br/><br/> <p class="text-center"> <button type="button" class="btn btn-cta text-black background-grey-lightest" id="dealerRejectHeader" data-dismiss="modal" onclick="showDealerDetails()"></button>&nbsp&nbsp&nbsp&nbsp <button type="button" class="btn btn-cta text-white background-orange" id="dealerAcceptHeader" data-dismiss="modal"></button> </p> </div> </div> </div> </div> <div class="modal fade" id="dealerInfoHeaderModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </a> <div class="modal-body modal-color"> <span id="dealerDetailsText" class="dealer-info-auth-text"></span><br/><br/> <span id="dealerInfoContent" style="font-size:18px;"></span> <p class="text-center"> <button type="button" class="btn btn-cta text-black background-grey-lightest" id="closeDealerHeader" onclick="closeModalForm()" data-dismiss="modal"></button>&nbsp&nbsp&nbsp&nbsp </p> </div> </div> </div> </div> <script> function closeModalForm() { $("#modal-form .close").click(); } </script> </div> <script> let shopBaseUrl = "https:\/\/api.caeiox1tx\u002Dcrownequi1\u002Dp1\u002Dpublic.model\u002Dt.cc.commerce.ondemand.com"; let sessionCartUrl = "/crowncommercewebservices/v2/crown/carts/session-cart"; let storeCartUrl = "/crown/en/cart"; $(document).ready(function() { if("") { let eCommUrl = shopBaseUrl + sessionCartUrl; if(eCommUrl !== undefined) { loadCartInfo(eCommUrl); } } $('.navbar-toggle').click(function() { if(this.getAttribute("aria-expanded")) { $('.search-form-wrapper').removeClass('open'); } }); }); function loadCartInfo(eCommUrl) { $.ajax({ url: eCommUrl, type: 'GET', dataType: "json", xhrFields: { withCredentials: true }, crossDomain: true, headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', }, success: function(response) { document.getElementById('cartItemCountDesktop').innerText = '( ' + response.totalItems + ' )'; } }); } function onCartClick() { let eCommCartUrl; eCommCartUrl = shopBaseUrl + storeCartUrl; window.location.replace(eCommCartUrl); } $(".cartIcon").keypress(function(event) { if(event.keyCode === 13 ){ onCartClick(); } }); document.getElementById('createAccountBtnId').addEventListener('click', ()=>{ window.location = ""; }); </script> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div>  <div> <div class="modal fade modal-form-viewer" id="modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-full-page modal-lg"> <div class="modal-content"> <div class="btn close ml-auto" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></div> <div class="modal-body modal-color"> <div class="container-form-viewer"> <div class="form-viewer" id="modal-content-form"> </div> </div> </div> </div> </div> </div> </div> <script> //from http://getbootstrap.com/javascript/#modals $("#modal-form").off().on("show.bs.modal", function(event) { var button = $(event.relatedTarget); var formSource = button.data("formsource"); var queryString = button.data("querystring"); var branchID = getBranchId(queryString, "branchID"); getPageContent(formSource, branchID, queryString); }); $("#modal-form").on("hidden.bs.modal", function () { $("#modal-content-form").empty(); }); function getBranchId(qString, sParam) { if(qString != undefined) { var sURLVariables = qString.split("&"); if(sURLVariables != undefined) { for(var i = 0; i < sURLVariables.length; i++) { var sParameterName = sURLVariables[i].split("="); if(sParameterName[0] == sParam) { return sParameterName[1].replace("%20", " ").trim(); } } } } return ""; } function getPageContent(formSource, branchID, queryString) { $.ajax({ url: formSource, success: function(html) { var content = $("<div />").html(html).find("#content"); $("#modal-content-form").html(content); } }).done(function() { if($('.contactformcomponent').length > 0) { var formId = $('#modal-content-form').find('.contact-us-form').attr('id'); var uniqueId = "_".concat(formId.split("_")[1]); if((branchID !== undefined) && (branchID.length > 0)) { $("#branchID" + uniqueId).val(branchID); } $('.contactformcomponent').addClass("modal-width"); var aoiSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "areaOfInterest"); var forkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "liftTruck"); var rentalForkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "rentalForklift"); var usedForkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "usedForklift"); var fmSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "fleetManagementSelect"); var pAndSSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "partsAndService"); var infoLinkSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "infolinkList"); var brochureRequestSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "brochureRequestSelect"); var preOwnedForkliftsSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "preOwnedProducts"); var preferredLanguageSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "preferredLanguage"); var batteriesAndChargersSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "batteriesAndChargers"); populateSelectValue('#primaryAreaOfInterest' + uniqueId, aoiSelection); populateMultiSelectValue('#forkliftList' + uniqueId, forkliftSelection); populateMultiSelectValue('#usedForkliftList' + uniqueId, usedForkliftSelection); populateMultiSelectValue('#rentalForkliftList' + uniqueId, rentalForkliftSelection); populateSelectValue('#fleetManagementList' + uniqueId, fmSelection); populateSelectValue('#partsAndServiceList' + uniqueId, pAndSSelection); populateSelectValue('#infolinkList' + uniqueId, infoLinkSelection); populateMultiSelectValue('#brochureRequest' + uniqueId, brochureRequestSelection); populateMultiSelectValue('#preOwnedForklift' + uniqueId, preOwnedForkliftsSelection); populateSelectValue('#preferredLanguage' + uniqueId, preferredLanguageSelection); populateSelectValue('#batteriesAndChargersList' + uniqueId, batteriesAndChargersSelection); $(document).ready(function() { eval('if (typeof areaOfInterestChanged' + uniqueId + ' === "function") { areaOfInterestChanged' + uniqueId + '(aoiSelection) }'); eval('if (typeof fleetManagementChanged' + uniqueId + ' === "function") { fleetManagementChanged' + uniqueId + '(fmSelection) }'); }); } }); } function populateMultiSelectValue(controlName, value) { if((value !== undefined) && (value.length > 0)) { var dataArray = value.split(','); $(controlName).val(dataArray); } } function populateSelectValue(controlName, value1) { if((value1 !== undefined) && (value1.length > 0)) { $(controlName).val(value1); } } </script>  <div> <div class="modal fade modal-video-viewer" id="modal-video-viewer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <a class="btn close ml-auto" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></a> <div class="modal-body"> <div class="embed-responsive embed-responsive-16by9" id="video-tag"> </div> </div> </div> </div> </div> </div> <script> //from http://getbootstrap.com/javascript/#modals jQuery("#modal-video-viewer").on("show.bs.modal", function(event) { var button = jQuery(event.relatedTarget); var videoSource = button.data("videosource"); var posterImage = button.data("posterimage"); var controls = button.data("controls"); var autoplay = button.data("autoplay"); var videoLoop = button.data("videoloop"); if(videoSource.indexOf("https://www.youtu") === 0) { jQuery("#video-tag").append('<iframe id="video-frame" src=' + videoSource + "&muted=1" + ' allowfullscreen allow="autoplay"></iframe>'); } else if(videoSource.indexOf("/content/") === 0) { jQuery("#video-tag").append('<video id="video-view" src=' + videoSource + ' poster=' + posterImage + '></video>'); jQuery("#video-view").attr("autoplay", autoplay); jQuery("#video-view").attr("loop", videoLoop); jQuery("#video-view").attr("controls", controls); } }); jQuery("#modal-video-viewer").on("hidden.bs.modal", function(e) { jQuery("#video-frame").remove(); jQuery("#video-view").remove(); }); </script> <form id="combinedSearchForm" name="combinedSearchForm" action="/fr-ca/search-results.html" accept-charset="UTF-8"> <div class="search-form-wrapper " id="search-form" aria-hidden="true"> <div class="inputgroup"> <input id="search-box" class="site-search" maxlength="2048" autocomplete="off" name="q" tabindex="0"/> <label for="search-box"> <i class="fas fa-search sitesearch-icon" id="searchIcon"></i> </label> <a class="btn search-close" aria-label="Close" href="javascript: void(0);" tabindex="0"><span aria-hidden="true">×</span></a> <div class="searchDropDown"> <div class="searchHeader"></div> <div id="searchSuggestions" class="searchItem"> </div> <div class="searchHeader"></div> <div id="searchResults" class="searchItem"> </div> </div> </div> </div> </form> <div class="breadcrumb-container"> <div class="breadcrumb"></div> </div> <script> $(document).ready(function() { $('[data-toggle=search-form]').click(function() { $('#search-box').val(''); $('.search-form-wrapper').toggleClass('open'); $('#search-box').placeholder(); $('#search-box').focus(); }); $('[data-toggle=search-form-close]').click(function() { $('#search-box').val(''); $('.search-form-wrapper').removeClass('open'); }); $('.search-close').click(function() { $('#search-box').val(''); $('.search-form-wrapper').removeClass('open'); }); if(navigator.userAgent.indexOf('Mac') > 0) { $('.search-close').addClass('search-close-mac'); } }); $('#search-box').on('keyup', function() { let searchTerm = this.value; if(searchTerm) { $("#searchIcon").css("opacity", "1"); } else { $("#searchIcon").css("opacity", "0.65"); } if(searchTerm.length >= 3) { $("#searchSuggestions").empty(); $("#searchResults").empty(); $(".searchDropDown").css("display", "block"); getSearchSuggestions(searchTerm); getResultSuggestions(searchTerm) } else { $(".searchDropDown").css("display", "none"); } }); function getSearchSuggestions(searchTerm) { $.ajax({ url: "/content/fr-ca/jcr:content/header/header" + ".searchsuggestions" + ".json", type: "GET", async: true, dataType: "json", data: { "searchTerm": searchTerm, "pagesSearchPath": "/content/fr-ca" } }).done(function(response) { let resLength = response.suggestions.length; let suggLength = 3; if(resLength > 0 && resLength < 3) { suggLength = resLength; } $("#searchSuggestions").empty(); if(resLength > 0) { for(let i = 0; i < suggLength; i++) { let searchOption = response.suggestions[i]; $("#searchSuggestions").append("<div onclick='searchSubmit(\"" + searchOption + "\")'>" + searchOption + "</div>"); } } else { $("#searchSuggestions").append("<div> </div>"); } }); } function getResultSuggestions(searchTerm) { $.ajax({ url: "/content/fr-ca/jcr:content/header/header" + ".searchservlet" + ".json", type: 'GET', async: true, data: { "searchterm": searchTerm, "pagesize": 3, "pagesSearchPath": "/content/fr-ca" } }).done(function(response) { let totalMatches = response.totalMatches; let resultsLength = 3; if(totalMatches > 0 && totalMatches < 3) { resultsLength = totalMatches; } $("#searchResults").empty(); if(totalMatches > 0) { for(let i = 0; i < resultsLength; i++) { $("#searchResults").append("<div><a href='" + response.resultDetails[i].path + "'>" + searchTerm + "<span class='resultLinkTo'> in " + response.resultDetails[i].title + "</span></a></div>"); } } else { $("#searchResults").append("<div></div>"); } }); } function searchSubmit(suggestionText) { document.combinedSearchForm.q.value = suggestionText; document.getElementById("combinedSearchForm").submit(); } $(document).mouseup(function(e) { let container = $(".searchDropDown"); if(!container.is(e.target) && container.has(e.target).length === 0) { container.hide(); } }); </script> </header> <div> <div class="socialconnect"> <ul id="mainpar_socialconnect-connect-list" role="group" class="socialConnect background-black text-white"> <li> <a href="/fr-ca/forklift-dealers.html" onclick="addSocialConnectGA('Trouvez un concessionnaire')" tabindex="-1"> <span class="social-title">Trouvez un concessionnaire</span> <i class="fas fa-map-marker-alt fa-fw"></i> </a> </li> <li> <a href="#" onclick="addSocialConnectGA('Obtenez plus d’information')" data-querystring="areaOfInterest=generalInquiry" data-target="#modal-form" data-formsource="/content/fr-ca/contact-us.html" data-toggle="modal"> <span class="social-title">Obtenez plus d’information</span> <i class="fas fa-comment fa-fw"></i> </a> </li> <li> <a href="mailto:?Subject=Crown%20Equipment%20Corporation%20%7C%20Votre%20fournisseur%20d’équipement%20et%20de%20solutions%20de%20manutention&body=Bonjour%2C%20j’ai%20vu%20ceci%20sur%20crown.com%20et%20j’ai%20pensé%20que%20cela%20pourrait%20vous%20intéresser.%20Cliquez%20sur%20le%20lien%20suivant %3A%20%3Chttps%3A%2F%2Fwww.crown.com%2Ffr-ca.html%3E" onclick="addSocialConnectGA('Partagez par courriel')" tabindex="-1"> <span class="social-title">Partagez par courriel</span> <i class="far fa-envelope fa-fw"></i> </a> </li> </ul> <script> 'use strict'; jQuery(document).ready (function (){ var $socialShare = jQuery('#mainpar_socialconnect-connect-list'); $socialShare.find('li').hover(function() { jQuery(this).addClass('hover'); }, function() { jQuery(this).removeClass('hover'); }); } ); function addSocialConnectGA(title) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'side_nav_click', 'eventCategory': 'Side Navigation', 'eventAction': title, 'eventLabel': currentPage }); } } } </script></div> <div class="carousel"> <div> <style> .component-carousel .column .row-child { min-height: 500px; } @media (max-width: 767px) { .component-carousel .dotsOnOpacityContent { top: 270px; } .component-carousel .column .row-child { min-height: 250px; } .component-carousel .slick-prev, .component-carousel .slick-next { top: 120px; } .component-carousel .slick-slider { margin-bottom: 0px; } .component-carousel .slick-list { min-height: px; } } @media (min-width: 768px) and (max-width: 991.98px) { .component-carousel .dotsOnOpacityContent { top: 520px; } .component-carousel .slick-slider { margin-bottom: 0px; } } </style> </div> <input type="hidden" id="carouselsize" value="6"/> <div class="component-carousel text-white carousel-max-height-lg carousel-max-height-md carousel-max-height-sm"> <div class="container fullWidth "> <div class="overwriteContainerPadding"> <div class="row"> <div class="wrapper"> <div id="mainpar_carousel">  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_e5048fa890bf4549b6f9b299375250f8" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_e5048fa890bf4549b6f9b299375250f8" class="clearfix row-child background-black-process everyDevice text-white no-padding-left no-padding-top no-padding-right no-padding-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-2x-top no-padding-right no-padding-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Une nouvelle dimension<br> au prélèvement des<br> commandes</h2> <p style="text-align: center;">Voici le tout nouveau préparateur de commandes en étage élevé de la série SP 1500. Découvrez comment une visibilité complète et un déplacement avec vue dégagée permettent de gagner en confiance, offrent une meilleure sécurité et une productivité accrue dans le prélèvement des commandes.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/fr-ca/forklifts/man-up-order-pickers/sp-1500-stockpicker.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>En savoir plus<\/p>\r\n')" tabindex="0"><p>En savoir plus</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.6)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent').css("background-color", "rgba(0,0,0,0.6)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_e5048fa890bf4549b6f9b299375250f8" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_e5048fa890bf4549b6f9b299375250f8').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_e5048fa890bf4549b6f9b299375250f8').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_e5048fa890bf4549b6f9b299375250f8(); }); $(window).resize(function(){ setBackgroundImage_e5048fa890bf4549b6f9b299375250f8(); }); function setBackgroundImage_e5048fa890bf4549b6f9b299375250f8() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/sp\u002Dseries\u002Dhomepage\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/sp-series-homepage-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/sp\u002Dseries\u002Dhomepage\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/sp-series-homepage-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/sp-series-homepage-desktop.jpg"); } $('#bgImage_e5048fa890bf4549b6f9b299375250f8').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent(); setOpacityComponentMinHeight_e5048fa890bf4549b6f9b299375250f8(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent(); setOpacityComponentMinHeight_e5048fa890bf4549b6f9b299375250f8(); }); function toggleMobileDesktop_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent').hide(); $('#opacityComponentMobileTablet_e5048fa890bf4549b6f9b299375250f8').html(opacityContent_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_1744472616_column_column2_opacitycomponent); } $('#opacityComponentMobileTablet_e5048fa890bf4549b6f9b299375250f8').html(""); } } function setOpacityComponentMinHeight_e5048fa890bf4549b6f9b299375250f8() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_e5048fa890bf4549b6f9b299375250f8').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_e5048fa890bf4549b6f9b299375250f8').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_1b5ea710806449f4ac5286544f0ad1cf" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_1b5ea710806449f4ac5286544f0ad1cf" class="clearfix row-child background-black-process everyDevice text-white container-vertical-aligned no-padding-left no-padding-top no-padding-right no-padding-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> <div class="float-right col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="opacitycomponent"> <div class="no-padding-left padding-2x-top no-padding-right no-padding-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Des performances robustes<br> À l’intérieur comme à l’extérieur</h2> <p style="text-align: center;">Les chariots élévateurs électrique à bandages pneumatiques de la série C-B 80V de Crown offrent des performances fiables et robustes, à l’intérieur comme à l’extérieur, avec des capacités allant de 2268 à 4536 kg (5000 à 10000 lb).<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/fr-ca/forklifts/electric-counterbalance-forklifts.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>En savoir plus<\/p>\r\n')" tabindex="0"><p>En savoir plus</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_1b5ea710806449f4ac5286544f0ad1cf" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_1b5ea710806449f4ac5286544f0ad1cf').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_1b5ea710806449f4ac5286544f0ad1cf').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> <script> $(document).ready(function(){ setBackgroundImage_1b5ea710806449f4ac5286544f0ad1cf(); }); $(window).resize(function(){ setBackgroundImage_1b5ea710806449f4ac5286544f0ad1cf(); }); function setBackgroundImage_1b5ea710806449f4ac5286544f0ad1cf() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/current\/carousel\/cb\u002D25\u002D35\u002Dhomepage\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/current/carousel/cb-25-35-homepage-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/current\/carousel\/cb\u002D25\u002D35\u002Dhomepage\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/current/carousel/cb-25-35-homepage-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/current/carousel/cb-25-35-homepage-desktop.png"); } $('#bgImage_1b5ea710806449f4ac5286544f0ad1cf').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent(); setOpacityComponentMinHeight_1b5ea710806449f4ac5286544f0ad1cf(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent(); setOpacityComponentMinHeight_1b5ea710806449f4ac5286544f0ad1cf(); }); function toggleMobileDesktop_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent').hide(); $('#opacityComponentMobileTablet_1b5ea710806449f4ac5286544f0ad1cf').html(opacityContent_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_373300743_column_column2_opacitycomponent); } $('#opacityComponentMobileTablet_1b5ea710806449f4ac5286544f0ad1cf').html(""); } } function setOpacityComponentMinHeight_1b5ea710806449f4ac5286544f0ad1cf() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_1b5ea710806449f4ac5286544f0ad1cf').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_1b5ea710806449f4ac5286544f0ad1cf').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_78a68fdb796647d0bbcaed89b99a04df" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_78a68fdb796647d0bbcaed89b99a04df" class="clearfix row-child background-black-process everyDevice text-white no-padding-left no-padding-top no-padding-right no-padding-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class="no-padding-left padding-8x-top no-padding-right no-padding-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center; color: rgb(253,152,39);">Pointer. Cliquer. Trouver.</h2> <p style="text-align: center;">Notre sélecteur de produits pour chariots élévateurs vous aide à trouver et à comparer facilement le vaste catalogue de chariots élévateurs de Crown afin de trouver le véhicule qui convient à votre utilisation.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/fr-ca/forklift-product-selector.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Essayez\u002Dle dès maintenant<\/p>\r\n')" tabindex="0"><p>Essayez-le dès maintenant</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.5)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.5)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class="float-right col-md-6 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_78a68fdb796647d0bbcaed89b99a04df" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_78a68fdb796647d0bbcaed89b99a04df').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_78a68fdb796647d0bbcaed89b99a04df').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_78a68fdb796647d0bbcaed89b99a04df(); }); $(window).resize(function(){ setBackgroundImage_78a68fdb796647d0bbcaed89b99a04df(); }); function setBackgroundImage_78a68fdb796647d0bbcaed89b99a04df() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/fr\u002Dca\u002Dproduct\u002Dselector\u002Dhero\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/fr-ca-product-selector-hero-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/fr\u002Dca\u002Dproduct\u002Dselector\u002Dhero\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/fr-ca-product-selector-hero-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/fr-ca-product-selector-hero-desktop.jpg"); } $('#bgImage_78a68fdb796647d0bbcaed89b99a04df').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent(); setOpacityComponentMinHeight_78a68fdb796647d0bbcaed89b99a04df(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent(); setOpacityComponentMinHeight_78a68fdb796647d0bbcaed89b99a04df(); }); function toggleMobileDesktop_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_78a68fdb796647d0bbcaed89b99a04df').html(opacityContent_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_246211541_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_78a68fdb796647d0bbcaed89b99a04df').html(""); } } function setOpacityComponentMinHeight_78a68fdb796647d0bbcaed89b99a04df() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_78a68fdb796647d0bbcaed89b99a04df').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_78a68fdb796647d0bbcaed89b99a04df').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_45cbca2d46424ee5b571b8a71bcbefa3" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_45cbca2d46424ee5b571b8a71bcbefa3" class="clearfix row-child background-black-process everyDevice text-white no-padding-left no-padding-top no-padding-right no-padding-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class="no-padding-left padding-4x-top no-padding-right padding-4x-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" padding-2x-top width-100 component-left"> <h2 style="text-align: center;">Construisez votre carrière avec Crown</h2> <p style="text-align: center;">Travaillez avec des personnes passionnées. Laissez-vous inspirer par l’innovation. Un monde d’opportunités vous attend.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/fr-ca/careers.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Commencez votre carrière aujourd’hui<\/p>\r\n')" tabindex="0"><p>Commencez votre carrière aujourd’hui</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.6)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.6)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_45cbca2d46424ee5b571b8a71bcbefa3" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_45cbca2d46424ee5b571b8a71bcbefa3').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_45cbca2d46424ee5b571b8a71bcbefa3').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_45cbca2d46424ee5b571b8a71bcbefa3(); }); $(window).resize(function(){ setBackgroundImage_45cbca2d46424ee5b571b8a71bcbefa3(); }); function setBackgroundImage_45cbca2d46424ee5b571b8a71bcbefa3() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/service\u002Drecruitment\u002Dbkgd\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/service-recruitment-bkgd-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/service\u002Drecruitment\u002Dbkgd\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/service-recruitment-bkgd-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/service-tech-bkgd.jpg"); } $('#bgImage_45cbca2d46424ee5b571b8a71bcbefa3').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent(); setOpacityComponentMinHeight_45cbca2d46424ee5b571b8a71bcbefa3(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent(); setOpacityComponentMinHeight_45cbca2d46424ee5b571b8a71bcbefa3(); }); function toggleMobileDesktop_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_45cbca2d46424ee5b571b8a71bcbefa3').html(opacityContent_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_2091049113_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_45cbca2d46424ee5b571b8a71bcbefa3').html(""); } } function setOpacityComponentMinHeight_45cbca2d46424ee5b571b8a71bcbefa3() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_45cbca2d46424ee5b571b8a71bcbefa3').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_45cbca2d46424ee5b571b8a71bcbefa3').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_76f880526dec46dd92b35be7dabae138" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_76f880526dec46dd92b35be7dabae138" class="clearfix row-child background-black-process everyDevice text-white tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-6x-top padding-6x-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Lectures légères sur le levage de charges lourdes</h2> <p style="text-align: center;">Le blogue Crown est votre source d’information directe sur l’industrie et de conseils pratiques sur la manutention pour vous aider à stimuler votre productivité. Abonnez-vous dès aujourd’hui pour rester dans la boucle et vous tenir informé.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/fr-ca/blog.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Découvrez notre blogue<\/p>\r\n')" tabindex="0"><p>Découvrez notre blogue</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.6)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.6)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_76f880526dec46dd92b35be7dabae138" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_76f880526dec46dd92b35be7dabae138').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_76f880526dec46dd92b35be7dabae138').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_76f880526dec46dd92b35be7dabae138(); }); $(window).resize(function(){ setBackgroundImage_76f880526dec46dd92b35be7dabae138(); }); function setBackgroundImage_76f880526dec46dd92b35be7dabae138() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/blog\u002Dmobile\u002Dfr\u002Dca.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/blog-mobile-fr-ca.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/blog\u002Dmobile\u002Dfr\u002Dca.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/blog-mobile-fr-ca.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/blog-desktop-fr-ca.jpg"); } $('#bgImage_76f880526dec46dd92b35be7dabae138').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_column_column1_opacitycomponent(); setOpacityComponentMinHeight_76f880526dec46dd92b35be7dabae138(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_column_column1_opacitycomponent(); setOpacityComponentMinHeight_76f880526dec46dd92b35be7dabae138(); }); function toggleMobileDesktop_mainpar_carousel_carousel_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_76f880526dec46dd92b35be7dabae138').html(opacityContent_mainpar_carousel_carousel_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_76f880526dec46dd92b35be7dabae138').html(""); } } function setOpacityComponentMinHeight_76f880526dec46dd92b35be7dabae138() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_76f880526dec46dd92b35be7dabae138').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_76f880526dec46dd92b35be7dabae138').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_55433ac5f7f140db88f225229a33d942" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_55433ac5f7f140db88f225229a33d942" class="clearfix row-child background-black-process everyDevice text-white no-padding-left no-padding-top no-padding-right no-padding-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class="no-padding-left padding-4x-top no-padding-right no-padding-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" padding-2x-top width-100 component-left"> <h2 style="text-align: center;">Des services d’entretien à portée de main pour votre chariot élévateur</h2> <h1 style="text-align: center;">Téléchargez dès aujourd’hui l’application <br> Crown pour demandes d’entretien!<br> </h1> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/fr-ca/service-parts/forklift-service-request-app.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>En savoir plus<\/p>\r\n')" tabindex="0"><p>En savoir plus</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.6)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.6)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_55433ac5f7f140db88f225229a33d942" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_55433ac5f7f140db88f225229a33d942').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_55433ac5f7f140db88f225229a33d942').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_55433ac5f7f140db88f225229a33d942(); }); $(window).resize(function(){ setBackgroundImage_55433ac5f7f140db88f225229a33d942(); }); function setBackgroundImage_55433ac5f7f140db88f225229a33d942() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/forklift\u002Dservice\u002Dfingertips\u002Dmobile\u002Dfr\u002Dca.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/forklift-service-fingertips-mobile-fr-ca.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/forklift\u002Dservice\u002Dfingertips\u002Dmobile\u002Dfr\u002Dca.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/forklift-service-fingertips-mobile-fr-ca.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/forklift-service-fingertips-desktop-fr-ca.jpg"); } $('#bgImage_55433ac5f7f140db88f225229a33d942').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent(); setOpacityComponentMinHeight_55433ac5f7f140db88f225229a33d942(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent(); setOpacityComponentMinHeight_55433ac5f7f140db88f225229a33d942(); }); function toggleMobileDesktop_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_55433ac5f7f140db88f225229a33d942').html(opacityContent_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_1723191237_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_55433ac5f7f140db88f225229a33d942').html(""); } } function setOpacityComponentMinHeight_55433ac5f7f140db88f225229a33d942() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_55433ac5f7f140db88f225229a33d942').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_55433ac5f7f140db88f225229a33d942').css("min-height", ""); } } } </script> </div> </div> </div> </div> </div> </div> <div> <script> var mySlick = $('#mainpar_carousel').slick({ infinite: true, slidesToShow: 1, slidesToScroll: 1, centerMode: false, arrows: true, autoplay: true, autoplaySpeed: 7000, dots: true }); //To pause carousel autoplay while watching a video $("#modal-video-viewer").on("show.bs.modal", function () { mySlick.slick('slickPause'); }); //To resume carousel autoplay when the video is closed $("#modal-video-viewer").on("hidden.bs.modal", function () { mySlick.slick('slickPlay'); }); </script> </div> </div> <script> $(document).ready(function() { let currentPage = window.location.href; let currentPagePath = '\/content\/fr\u002Dca'; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && currentPagePath.split("/").length === 3) { $(".slick-prev").attr("onclick", "addCarouselGA('Previous', $('.slick-current').attr('data-slick-index'))"); $(".slick-next").attr("onclick", "addCarouselGA('Next', $('.slick-current').attr('data-slick-index'))"); for (i = 0; i < 6; i++){ $('#slick-slide-control0'+i).attr("onclick", "addCarouselGA('Select', " + i + ")"); } } if(false) { $(".slick-dots").addClass("dotOnBackgroundImage") } if(true) { $(".slick-dots").addClass("dotsOnOpacityContent"); } }); function addCarouselGA(eventAction, slickIndex) { let componentPath = '/content/fr-ca/jcr:content/mainpar/carousel'; $.ajax({ url: componentPath + ".carouselGAevents", type: 'GET', data: { "slickIndex": parseInt(slickIndex) + 1, "resourcePath": '\/content\/fr\u002Dca\/jcr:content\/mainpar\/carousel' } }).done(function(response) { if(window.dataLayer) { dataLayer.push({ 'event': 'homepage_banner_cycle_click', 'eventCategory': 'Homepage Banner Nav', 'eventAction': eventAction, 'eventLabel': response }); } }); } </script> </div> <div class="tabcomponent"> <div class="container-fluid text-black padding-2x-top "> <div class="container"> <div class="tabTitle">Solutions intelligentes</div> <div class="overwriteContainerPadding"> <div class="tabNavWrapper" id="tabNavWrapper_mainpar_tabcomponent"> <nav class="tabsDisplay tabsDisplay_mainpar_tabcomponent padding-2x-bottom" id="tabsDisplay_mainpar_tabcomponent"> <ol class="tabsList" id="tabsList_mainpar_tabcomponent" tabindex="0"> <li class="tab tab_mainpar_tabcomponent" data-anchor="Touteslessolutions" onclick="triggerTabContent_mainpar_tabcomponent(this)"> <a href="javascript: void(0);" tabindex="0">Toutes les solutions</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent" data-anchor="Solutionspourlentrepôt" onclick="triggerTabContent_mainpar_tabcomponent(this)"> <a href="javascript: void(0);" tabindex="0">Solutions pour l’entrepôt</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent" data-anchor="Solutionsdegestiondeparc" onclick="triggerTabContent_mainpar_tabcomponent(this)"> <a href="javascript: void(0);" tabindex="0">Solutions de gestion de parc</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent" data-anchor="Solutionsdautomatisation" onclick="triggerTabContent_mainpar_tabcomponent(this)"> <a href="javascript: void(0);" tabindex="0">Solutions d’automatisation</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent" data-anchor="Solutionsdalimentation" onclick="triggerTabContent_mainpar_tabcomponent(this)"> <a href="javascript: void(0);" tabindex="0">Solutions d’alimentation</a> <div class="tabHighlight"></div> </li> </ol> </nav> <button class="tabNavArrow prev" aria-label="previous item" aria-disabled="true" id="tabArrowPrev_mainpar_tabcomponent"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M6.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L14.07 13h-8z" transform="rotate(135 10.071 8)"></path> </g> </g> </svg> </button> <button class="tabNavArrow next" aria-label="next item" aria-disabled="true" id="tabArrowNext_mainpar_tabcomponent"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M2.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L10.07 13h-8z" transform="rotate(-45 6.071 8)"></path> </g> </g> </svg> </button> </div> </div> <div> <div id="mainpar_tabcomponent"> <div id="Touteslessolutions" class="tabContent hideSpace tabContent_mainpar_tabcomponent"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent"> <a href="/fr-ca/warehouse-solutions/warehouse-design.html" class="imageItem imageItem_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/all-solutions-warehouse.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent"><p class="titleText">Solutions pour l’entrepôt</p></div> </a> <a href="/fr-ca/fleet-management.html" class="imageItem imageItem_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/connected-solutions.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent"><p class="titleText">Gestion de parc</p></div> </a> <a href="/fr-ca/forklifts/quickpick-order-picker.html" class="imageItem imageItem_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/all-solutions-automation.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent"><p class="titleText">Solutions d’automatisation</p></div> </a> <a href="/fr-ca/batteries-and-chargers.html" class="imageItem imageItem_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/all-solutions-energy.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent"><p class="titleText">Solutions d’alimentation</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "23%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="Solutionspourlentrepôt" class="tabContent hideSpace tabContent_mainpar_tabcomponent"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent"> <a href="/fr-ca/warehouse-solutions/warehouse-design.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/warehouse-solutions-design.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent"><p class="titleText">Conception de l’entrepôt</p></div> </a> <a href="/fr-ca/warehouse-solutions/racking-and-storage.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/warehouse-solutions-racking.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent"><p class="titleText">Rayonnage et stockage</p></div> </a> <a href="/fr-ca/warehouse-solutions/warehouse-products.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/warehouse-products.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent"><p class="titleText">Produits pour l’entrepôt</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "31.56%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="Solutionsdegestiondeparc" class="tabContent hideSpace tabContent_mainpar_tabcomponent"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent"> <a href="/fr-ca/fleet-management/infolink.html" class="imageItem imageItem_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/operator-fleet-management.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent"><p class="titleText">Gestion du parc de chariots élévateurs et des caristes</p></div> </a> <a href="/fr-ca/fleet-management/fleetstats.html" class="imageItem imageItem_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/fleet-maintenance-management.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent"><p class="titleText">Gestion de l’entretien du parc</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "48.67%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="Solutionsdautomatisation" class="tabContent hideSpace tabContent_mainpar_tabcomponent"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent"> <a href="/fr-ca/forklifts/quickpick-order-picker.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/semi-automated-order-picking.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent"><p class="titleText">Prélèvement des commandes semi-automatisé</p></div> </a> <a href="/fr-ca/forklifts/man-up-order-pickers/tsp-turret-stockpicker.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/automation-solutions-automation.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent"><p class="titleText">Positionnement automatique</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "48.67%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="Solutionsdalimentation" class="tabContent hideSpace tabContent_mainpar_tabcomponent"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent"> <a href="https://www.crown.com/fr-ca/batteries-and-chargers.html#powerstudy" class="imageItem imageItem_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/energy-solutions-energy-management.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent"><p class="titleText">Solutions d’alimentation</p></div> </a> <a href="/fr-ca/batteries-and-chargers/lithium-ion-battery.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/lithium-ion-energy-systems.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent"><p class="titleText">Systèmes d’alimentation au lithium-Ion</p></div> </a> <a href="/fr-ca/batteries-and-chargers.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/batteries-chargers-accessories.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent"><p class="titleText">Chargeurs et accessoires pour batteries</p></div> </a> <a href="/fr-ca/batteries-and-chargers/watering-systems.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/energy-solutions-watering-systems.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent"><p class="titleText">Systèmes de remplissage</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "23%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function() { let firstChildName = $('#tabsList_mainpar_tabcomponent li:first').attr('data-anchor'); $("#" + firstChildName).css("display", "block"); $("#" + firstChildName).removeClass("hideSpace"); $('#tabsList_mainpar_tabcomponent li:first').first().addClass("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent").addClass("scrollable"); $("#tabNavWrapper_mainpar_tabcomponent .prev").addClass("isDisabled"); } // Below code handles swipe left and right in touch devices let tabItem = document.getElementById("mainpar_tabcomponent"), swipeDir, startX, startY, distX, distY, threshold = 150, //required min distance traveled to be considered swipe restraint = 100, // maximum distance allowed at the same time in perpendicular direction allowedTime = 300, // maximum time allowed to travel that distance elapsedTime, startTime; tabItem.addEventListener('touchstart', function(e){ let touchObj = e.changedTouches[0]; swipeDir = 'none'; startX = touchObj.pageX; startY = touchObj.pageY; startTime = new Date().getTime(); // record time when finger first makes contact with surface }, false) tabItem.addEventListener('touchend', function(e){ let touchObj = e.changedTouches[0]; distX = touchObj.pageX - startX; // get horizontal dist traveled by finger while in contact with surface distY = touchObj.pageY - startY; // get vertical dist traveled by finger while in contact with surface elapsedTime = new Date().getTime() - startTime; // get time elapsed if (elapsedTime <= allowedTime){ // first condition for swipe met if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint){ // 2nd condition for horizontal swipe met swipeDir = (distX < 0)? 'left' : 'right'; // if dist traveled is negative, it indicates left swipe } } if(swipeDir === 'left') { let current = $('#tabsList_mainpar_tabcomponent li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent li:last').attr('data-anchor')) { current.next().trigger("click"); } } else if(swipeDir === 'right') { let current = $('#tabsList_mainpar_tabcomponent li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent li:first').attr('data-anchor')) { current.prev().trigger("click"); } } }, false) }); $(window).resize(function() { let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent").addClass("scrollable"); let myScrollPosition = $('#tabsList_mainpar_tabcomponent li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent').width() / 2; $('#tabsDisplay_mainpar_tabcomponent').scrollLeft(myScrollPosition); } else { $("#tabNavWrapper_mainpar_tabcomponent").removeClass("scrollable"); } }); $("#tabsDisplay_mainpar_tabcomponent").scroll(function() { let newScrollLeft = $('#tabsDisplay_mainpar_tabcomponent').scrollLeft(); let width = $('#tabsDisplay_mainpar_tabcomponent').outerWidth(); let scrollWidth = $('#tabsDisplay_mainpar_tabcomponent').get(0).scrollWidth; if(newScrollLeft < 50) { $("#tabNavWrapper_mainpar_tabcomponent .prev").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent .prev").removeClass("isDisabled"); } if(width + newScrollLeft >= scrollWidth) { $("#tabNavWrapper_mainpar_tabcomponent .next").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent .next").removeClass("isDisabled"); } }); $("#tabArrowPrev_mainpar_tabcomponent").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent').scrollLeft() - 100 }, 300); }); $("#tabArrowNext_mainpar_tabcomponent").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent').scrollLeft() + 100 }, 300); }); function triggerTabContent_mainpar_tabcomponent(element) { if(!element.classList.contains('tabsActive')) { let selectedTabId = "#" + $(".tab_mainpar_tabcomponent.tabsActive").get(0).getAttribute('data-anchor'); $(selectedTabId).stop().hide().fadeOut("400"); $(selectedTabId).addClass("hideSpace"); $(".tab_mainpar_tabcomponent").removeClass("tabsActive"); $("#tabNavWrapper_mainpar_tabcomponent .tabNavArrow").removeClass("isDisabled"); let anchorName = element.getAttribute('data-anchor'); element.classList.add("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { let myScrollPosition = $('#tabsList_mainpar_tabcomponent li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent').width() / 2; $('#tabsDisplay_mainpar_tabcomponent').scrollLeft(myScrollPosition); if($('#tabsList_mainpar_tabcomponent li:first').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent .prev").addClass("isDisabled"); } else if($('#tabsList_mainpar_tabcomponent li:last').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent .next").addClass("isDisabled"); } } let anchorId = "#" + anchorName; $(anchorId).stop().hide().fadeIn("400"); $(anchorId).removeClass("hideSpace"); //imagegrid title equal height let imageGridMaxHeight = 0; $('.imagegridcomponent .imageTitle:visible').each(function() { const imageTitleHeight = $(this).height(); imageGridMaxHeight = Math.max(imageGridMaxHeight, imageTitleHeight); }); $('.imagegridcomponent .imageTitle:visible').height(imageGridMaxHeight); } $('.imagegridcomponent a.imageItem').hover( function() { $(this).find('.imageTitle').css("padding-bottom", imageGridMaxHeight * 2); }, function() { $(this).find('.imageTitle').css("padding-bottom", ""); }); $('.imagegridcomponent .imageTitle').height('auto'); } </script></div> <div class="productslider"> <div class="container-fluid padding-4x-top padding-4x-bottom"> <div class="container fullWidth"> <ul class="products"> <li> <a href="/fr-ca/forklifts/pallet-trucks.html#handpallet" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/hand-pallet-jacks-300x300.jpg" alt="Transpalettes"/> <p>Transpalettes</p> </div> </a> </li> <li> <a href="/fr-ca/forklifts/pallet-trucks.html#electricpallet" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/electric-pallet-jacks-300x300.jpg" alt="Transpalettes électriques"/> <p>Transpalettes électriques</p> </div> </a> </li> <li> <a href="/fr-ca/forklifts/pallet-trucks.html#riderpallet" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/rider-pallet-trucks-300x300.jpg" alt="Transpalettes à conducteur porté"/> <p>Transpalettes à conducteur porté</p> </div> </a> </li> <li> <a href="/fr-ca/forklifts/stackers.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/straddle-stackers-300x300-en-us.png" alt="Gerbeurs à bras encadrants"/> <p>Gerbeurs à bras encadrants</p> </div> </a> </li> <li> <a href="/fr-ca/forklifts/stackers/sh-shr-shc-heavy-duty-reach-stacker.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/counterbalance-stackers-300x300.jpg" alt="Gerbeurs à contrepoids"/> <p>Gerbeurs à contrepoids</p> </div> </a> </li> <li> <a href="/fr-ca/forklifts/electric-counterbalance-forklifts/rc-stand-up-rider-counterbalanced-truck.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/stand-up-forklifts-300x300.jpg" alt="Chariots élévateurs à conducteur debout"/> <p>Chariots élévateurs à conducteur debout</p> </div> </a> </li> <li> <a href="/fr-ca/forklifts/electric-counterbalance-forklifts.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/sit-down-forklifts-300x300.png" alt="Chariots élévateurs à conducteur assis"/> <p>Chariots élévateurs à conducteur assis</p> </div> </a> </li> <li> <a href="/fr-ca/forklifts/internal-combustion-counterbalance-forklifts.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/ic-forklifts-300x300.jpg" alt="Chariots élévateurs à combustion interne"/> <p>Chariots élévateurs à combustion interne</p> </div> </a> </li> <li> <a href="/fr-ca/forklifts/reach-trucks.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/reach-trucks-300x300.jpg" alt="Chariots à mât rétractable"/> <p>Chariots à mât rétractable</p> </div> </a> </li> <li> <a href="/fr-ca/forklifts/man-up-order-pickers.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/man-up-order-pickers.jpg" alt="Préparateurs de commandes à conducteur debout"/> <p>Préparateurs de commandes à conducteur debout</p> </div> </a> </li> <li> <a href="/fr-ca/forklifts/man-up-order-pickers/tsp-turret-stockpicker.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/turret-order-pickers-300x300.jpg" alt="Préparateurs de commandes à tourelle"/> <p>Préparateurs de commandes à tourelle</p> </div> </a> </li> <li> <a href="/fr-ca/forklifts/man-up-order-pickers/wav-wave-work-assist-vehicle.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/work-assist-vehicles-300x300.jpg" alt="Véhicules Work Assist"/> <p>Véhicules Work Assist</p> </div> </a> </li> <li> <a href="/fr-ca/forklifts/pallet-trucks/tr-tow-tractor.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/tow-tractors-300x300.jpg" alt="Tracteurs"/> <p>Tracteurs</p> </div> </a> </li> </ul> </div> </div> </div> <div class="column"> <div id="height_b5a96252911a489dadcea8c78ea8c5b1" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_b5a96252911a489dadcea8c78ea8c5b1" class="clearfix everyDevice text-white padding-8x-top padding-8x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class="padding-2x-left "> <div class="backgroundCSS backgroundColorOpacity_mainpar_column_column1_opacitycomponent_cop" id="backgroundColorOpacity_mainpar_column_column1_opacitycomponent_cop"> <div><div class="RichText richtext"> <div class=" padding-2x-top width-100 component-left"> <h2 style="text-align: center;">Technologie de prélèvement des commandes QuickPick Rapid</h2> <p style="text-align: center;">Optez pour le travail à distance et améliorez la productivité tout en réduisant l’effort<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/fr-ca/forklifts/quickpick-order-picker.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>En savoir plus<\/p>\r\n')" tabindex="0"><p>En savoir plus</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(51, 51, 51,0.8)") { $('#backgroundColorOpacity_mainpar_column_column1_opacitycomponent_cop').css("background-color", "rgba(51, 51, 51,0.8)"); } if("200px") { $('#backgroundColorOpacity_mainpar_column_column1_opacitycomponent_cop').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_b5a96252911a489dadcea8c78ea8c5b1').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_b5a96252911a489dadcea8c78ea8c5b1').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_b5a96252911a489dadcea8c78ea8c5b1(); }); $(window).resize(function(){ setBackgroundImage_b5a96252911a489dadcea8c78ea8c5b1(); }); function setBackgroundImage_b5a96252911a489dadcea8c78ea8c5b1() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/promo\/order\u002Dpicking\u002Dtechnology\u002Dmobile\u002Den.jpg")) { image = ("/content/dam/crown/images/home-page/2022/promo/order-picking-technology-mobile-en.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/promo\/order\u002Dpicking\u002Dtechnology\u002Dmobile\u002Den.jpg")) { image = ("/content/dam/crown/images/home-page/2022/promo/order-picking-technology-mobile-en.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/promo/order-picking-technology-desktop-en.jpg"); } $('#bgImage_b5a96252911a489dadcea8c78ea8c5b1').css("background-image","url("+image+")"); } </script> </div> <div class="column"> <div id="height_841456c975cd46bd9f610256598d9d6e" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_841456c975cd46bd9f610256598d9d6e" class="clearfix everyDevice text-black padding-2x-top padding-2x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> <div class="richtext"> <div class=" width-100 component-left"> <h3 style="text-align: center;">Assistance Crown<br> </h3> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_841456c975cd46bd9f610256598d9d6e').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_841456c975cd46bd9f610256598d9d6e').addClass('bricksRow'); } }); </script> </div> <div class="quadlayout"> <div class="container-fluid padding-6x-bottom"> <div class="container "> <div class="parent"> <div class="child firstChild "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/fr-ca/forklift-dealers.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-map-marker-alt fa-fw fa-4x text-orange"></i> </div> <div> <h5>Rechercher un concessionnaire Crown</h5> </div> </a> </div> </div> </div> </div> </div> </div> <div class="child "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/fr-ca/service-parts/integrity-service.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-wrench fa-fw fa-4x text-orange"></i> </div> <div> <h5>Entretien de chariot élévateur</h5> </div> </a> </div> </div> </div> </div> </div> </div> <div class="child thirdChild "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/fr-ca/service-parts/integrity-parts.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-cogs fa-fw fa-4x text-orange"></i> </div> <div> <h5>Pièces et accessoires pour chariot élévateur</h5> </div> </a> </div> </div> </div> </div> </div> </div> <div class="child "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/fr-ca/safety-training.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-users fa-fw fa-4x text-orange"></i> </div> <div> <h5>Sécurité et formation</h5> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tabcomponent"> <div class="fullWidth text-black "> <div> <div class="tabTitle">Découvrez Crown</div> <div> <div class="tabNavWrapper" id="tabNavWrapper_mainpar_tabcomponent_555109933"> <nav class="tabsDisplay tabsDisplay_mainpar_tabcomponent_555109933 padding-2x-bottom" id="tabsDisplay_mainpar_tabcomponent_555109933"> <ol class="tabsList" id="tabsList_mainpar_tabcomponent_555109933" tabindex="0"> <li class="tab tab_mainpar_tabcomponent_555109933" data-anchor="Notreentreprise" onclick="triggerTabContent_mainpar_tabcomponent_555109933(this)"> <a href="javascript: void(0);" tabindex="0">Notre entreprise</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_555109933" data-anchor="Innovation" onclick="triggerTabContent_mainpar_tabcomponent_555109933(this)"> <a href="javascript: void(0);" tabindex="0">Innovation</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_555109933" data-anchor="Résultatsobtenusparnosclients" onclick="triggerTabContent_mainpar_tabcomponent_555109933(this)"> <a href="javascript: void(0);" tabindex="0">Résultats obtenus par nos clients</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_555109933" data-anchor="Blog" onclick="triggerTabContent_mainpar_tabcomponent_555109933(this)"> <a href="javascript: void(0);" tabindex="0">Blog</a> <div class="tabHighlight"></div> </li> </ol> </nav> <button class="tabNavArrow prev" aria-label="previous item" aria-disabled="true" id="tabArrowPrev_mainpar_tabcomponent_555109933"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M6.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L14.07 13h-8z" transform="rotate(135 10.071 8)"></path> </g> </g> </svg> </button> <button class="tabNavArrow next" aria-label="next item" aria-disabled="true" id="tabArrowNext_mainpar_tabcomponent_555109933"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M2.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L10.07 13h-8z" transform="rotate(-45 6.071 8)"></path> </g> </g> </svg> </button> </div> </div> <div> <div id="mainpar_tabcomponent_555109933"> <div id="Notreentreprise" class="tabContent hideSpace tabContent_mainpar_tabcomponent_555109933"> <div> <div> <div class="column"> <div id="height_d8b0c10653c7454c9bcd30a851a6cfbe" style="height: px"> <div class=" "> <div class="fullWidth "> <div id="bgImage_d8b0c10653c7454c9bcd30a851a6cfbe" class="clearfix everyDevice text-white padding-8x-top padding-8x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class="padding-2x-left padding-2x-right width-100 component-left"> <h2 style="text-align: center;">Définir l’avenir du déplacement de marchandises<br> </h2> <p style="text-align: center;">Les clients et les experts du secteur s’accordent à dire que Crown est réputée pour la conception primée de ses produits, son ingénierie et sa technologie de pointe, ainsi que pour son engagement en faveur du développement durable.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/fr-ca/about-us.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>En savoir plus<\/p>\r\n')" tabindex="0"><p>En savoir plus</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_d8b0c10653c7454c9bcd30a851a6cfbe').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_d8b0c10653c7454c9bcd30a851a6cfbe').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_d8b0c10653c7454c9bcd30a851a6cfbe(); }); $(window).resize(function(){ setBackgroundImage_d8b0c10653c7454c9bcd30a851a6cfbe(); }); function setBackgroundImage_d8b0c10653c7454c9bcd30a851a6cfbe() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dour\u002Dcompany\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-our-company-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dour\u002Dcompany\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-our-company-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-our-company.jpg"); } $('#bgImage_d8b0c10653c7454c9bcd30a851a6cfbe').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_d8b0c10653c7454c9bcd30a851a6cfbe(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_d8b0c10653c7454c9bcd30a851a6cfbe(); }); function toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe').html(opacityContent_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').html(opacityContent_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe').html(""); } } function setOpacityComponentMinHeight_d8b0c10653c7454c9bcd30a851a6cfbe() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe').css("min-height", ""); } else { $('#opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe').css("min-height", ""); } } } </script> </div> </div> </div> </div> <div id="Innovation" class="tabContent hideSpace tabContent_mainpar_tabcomponent_555109933"> <div> <div> <div class="column"> <div id="height_e6ae339d92eb4d848c9fb90f462dc2fb" style="height: px"> <div class=" "> <div class="fullWidth "> <div id="bgImage_e6ae339d92eb4d848c9fb90f462dc2fb" class="clearfix everyDevice text-white padding-8x-top padding-8x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" padding-2x-top width-100 component-left"> <h2 style="text-align: center;">Crédible par nature<br> </h2> <p style="text-align: center;">Crown a reçu de nombreux prix reconnaissant sa capacité à fabriquer des produits innovants qui établissent de nouvelles normes d’excellence en matière de conception.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/fr-ca/awards.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Voir les prix remportés par Crown dans le domaine de la conception<\/p>\r\n')" tabindex="0"><p>Voir les prix remportés par Crown dans le domaine de la conception</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_e6ae339d92eb4d848c9fb90f462dc2fb" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_e6ae339d92eb4d848c9fb90f462dc2fb').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_e6ae339d92eb4d848c9fb90f462dc2fb').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_e6ae339d92eb4d848c9fb90f462dc2fb(); }); $(window).resize(function(){ setBackgroundImage_e6ae339d92eb4d848c9fb90f462dc2fb(); }); function setBackgroundImage_e6ae339d92eb4d848c9fb90f462dc2fb() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dinnovation\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-innovation-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dinnovation\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-innovation-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-innovation.jpg"); } $('#bgImage_e6ae339d92eb4d848c9fb90f462dc2fb').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_e6ae339d92eb4d848c9fb90f462dc2fb(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_e6ae339d92eb4d848c9fb90f462dc2fb(); }); function toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_e6ae339d92eb4d848c9fb90f462dc2fb').html(opacityContent_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').html(opacityContent_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_e6ae339d92eb4d848c9fb90f462dc2fb').html(""); } } function setOpacityComponentMinHeight_e6ae339d92eb4d848c9fb90f462dc2fb() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_e6ae339d92eb4d848c9fb90f462dc2fb').css("min-height", ""); } else { $('#opacityComponentMobileTablet_e6ae339d92eb4d848c9fb90f462dc2fb').css("min-height", ""); } } } </script> </div> </div> </div> </div> <div id="Résultatsobtenusparnosclients" class="tabContent hideSpace tabContent_mainpar_tabcomponent_555109933"> <div> <div> <div class="column"> <div id="height_98e3cdb5d7b041d0bfd6d1a1d72fbefa" style="height: px"> <div class=" "> <div class="fullWidth "> <div id="bgImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa" class="clearfix everyDevice text-white padding-8x-top padding-8x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Le système FleetSTATS de Crown fait gagner du temps et améliore les décisions relatives au parc</h2> <p style="text-align: center;">DHL s’est tourné vers le système FleetSTATS de Crown pour suivre l’entretien de son parc et gagner en visibilité sur les dépenses et l’historique de réparation.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/fr-ca/customer-results/increase-productivity-dhl.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Lire l’article<\/p>\r\n')" tabindex="0"><p>Lire l’article</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class="text-center "> <a href="/fr-ca/customer-results.html" class="btn btn-plain text-white " onmouseover="this.style.background = `#ffffff`" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Découvrez tous les résultats obtenus par nos clients<\/p>\r\n')" tabindex="0"><p>Découvrez tous les résultats obtenus par nos clients</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); $(window).resize(function(){ setBackgroundImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); function setBackgroundImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/customer\u002Dresults\u002Dmobile\u002Den\u002Dca.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/customer-results-mobile-en-ca.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/customer\u002Dresults\u002Dmobile\u002Den\u002Dca.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/customer-results-mobile-en-ca.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/discover-crown/customer-results-desktop-en-ca.jpg"); } $('#bgImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); function toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa').html(opacityContent_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent').html(opacityContent_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa').html(""); } } function setOpacityComponentMinHeight_98e3cdb5d7b041d0bfd6d1a1d72fbefa() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa').css("min-height", ""); } else { $('#opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa').css("min-height", ""); } } } </script> </div> </div> </div> </div> <div id="Blog" class="tabContent hideSpace tabContent_mainpar_tabcomponent_555109933"> <div> <div> <div class="column"> <div id="height_35923e788e4b48fba46c74ca274ffc1e" style="height: px"> <div class=" background-black-process "> <div class="fullWidth background-black-process "> <div id="bgImage_35923e788e4b48fba46c74ca274ffc1e" class="clearfix background-black-process everyDevice text-white tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-6x-top padding-6x-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Une autre sorte de facture de câble – Les coûts d'une mauvaise gestion des câbles</h2> <p style="text-align: center;">Vos processus de recharge peuvent avoir un effet plus important sur votre productivité opérationnelle que vous ne l'imaginez, et ce, que vous rechargiez des batteries de chariots élévateurs au plomb ou au lithium-ion.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/fr-ca/blog/articles/energy-management/a-different-kind-of-cable-bill-the-cost-of-improper-cable-management.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Lire l’article<\/p>\r\n')" tabindex="0"><p>Lire l’article</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class="text-center "> <a href="/fr-ca/blog.html" class="btn btn-plain text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Voir tous les articles du blogue<\/p>\r\n')" tabindex="0"><p>Voir tous les articles du blogue</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.5)") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent').css("background-color", "rgba(0,0,0,0.5)"); } if("200px") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_35923e788e4b48fba46c74ca274ffc1e" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_35923e788e4b48fba46c74ca274ffc1e').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_35923e788e4b48fba46c74ca274ffc1e').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_35923e788e4b48fba46c74ca274ffc1e(); }); $(window).resize(function(){ setBackgroundImage_35923e788e4b48fba46c74ca274ffc1e(); }); function setBackgroundImage_35923e788e4b48fba46c74ca274ffc1e() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/blog\u002Dmobile\u002Dca.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/blog-mobile-ca.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/blog\u002Dmobile\u002Dca.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/blog-mobile-ca.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/discover-crown/blog-desktop-ca.jpg"); } $('#bgImage_35923e788e4b48fba46c74ca274ffc1e').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent(); setOpacityComponentMinHeight_35923e788e4b48fba46c74ca274ffc1e(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent(); setOpacityComponentMinHeight_35923e788e4b48fba46c74ca274ffc1e(); }); function toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent').hide(); $('#opacityComponentMobileTablet_35923e788e4b48fba46c74ca274ffc1e').html(opacityContent_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent').html(opacityContent_mainpar_tabcomponent_555109933_tab_103337418_TabContentParsys_column_column2_opacitycomponent); } $('#opacityComponentMobileTablet_35923e788e4b48fba46c74ca274ffc1e').html(""); } } function setOpacityComponentMinHeight_35923e788e4b48fba46c74ca274ffc1e() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_35923e788e4b48fba46c74ca274ffc1e').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_35923e788e4b48fba46c74ca274ffc1e').css("min-height", ""); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function() { let firstChildName = $('#tabsList_mainpar_tabcomponent_555109933 li:first').attr('data-anchor'); $("#" + firstChildName).css("display", "block"); $("#" + firstChildName).removeClass("hideSpace"); $('#tabsList_mainpar_tabcomponent_555109933 li:first').first().addClass("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_555109933').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_555109933').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent_555109933").addClass("scrollable"); $("#tabNavWrapper_mainpar_tabcomponent_555109933 .prev").addClass("isDisabled"); } // Below code handles swipe left and right in touch devices let tabItem = document.getElementById("mainpar_tabcomponent_555109933"), swipeDir, startX, startY, distX, distY, threshold = 150, //required min distance traveled to be considered swipe restraint = 100, // maximum distance allowed at the same time in perpendicular direction allowedTime = 300, // maximum time allowed to travel that distance elapsedTime, startTime; tabItem.addEventListener('touchstart', function(e){ let touchObj = e.changedTouches[0]; swipeDir = 'none'; startX = touchObj.pageX; startY = touchObj.pageY; startTime = new Date().getTime(); // record time when finger first makes contact with surface }, false) tabItem.addEventListener('touchend', function(e){ let touchObj = e.changedTouches[0]; distX = touchObj.pageX - startX; // get horizontal dist traveled by finger while in contact with surface distY = touchObj.pageY - startY; // get vertical dist traveled by finger while in contact with surface elapsedTime = new Date().getTime() - startTime; // get time elapsed if (elapsedTime <= allowedTime){ // first condition for swipe met if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint){ // 2nd condition for horizontal swipe met swipeDir = (distX < 0)? 'left' : 'right'; // if dist traveled is negative, it indicates left swipe } } if(swipeDir === 'left') { let current = $('#tabsList_mainpar_tabcomponent_555109933 li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent_555109933 li:last').attr('data-anchor')) { current.next().trigger("click"); } } else if(swipeDir === 'right') { let current = $('#tabsList_mainpar_tabcomponent_555109933 li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent_555109933 li:first').attr('data-anchor')) { current.prev().trigger("click"); } } }, false) }); $(window).resize(function() { let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_555109933').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_555109933').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent_555109933").addClass("scrollable"); let myScrollPosition = $('#tabsList_mainpar_tabcomponent_555109933 li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent_555109933 li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent_555109933').width() / 2; $('#tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft(myScrollPosition); } else { $("#tabNavWrapper_mainpar_tabcomponent_555109933").removeClass("scrollable"); } }); $("#tabsDisplay_mainpar_tabcomponent_555109933").scroll(function() { let newScrollLeft = $('#tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft(); let width = $('#tabsDisplay_mainpar_tabcomponent_555109933').outerWidth(); let scrollWidth = $('#tabsDisplay_mainpar_tabcomponent_555109933').get(0).scrollWidth; if(newScrollLeft < 50) { $("#tabNavWrapper_mainpar_tabcomponent_555109933 .prev").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent_555109933 .prev").removeClass("isDisabled"); } if(width + newScrollLeft >= scrollWidth) { $("#tabNavWrapper_mainpar_tabcomponent_555109933 .next").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent_555109933 .next").removeClass("isDisabled"); } }); $("#tabArrowPrev_mainpar_tabcomponent_555109933").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent_555109933').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft() - 100 }, 300); }); $("#tabArrowNext_mainpar_tabcomponent_555109933").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent_555109933').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft() + 100 }, 300); }); function triggerTabContent_mainpar_tabcomponent_555109933(element) { if(!element.classList.contains('tabsActive')) { let selectedTabId = "#" + $(".tab_mainpar_tabcomponent_555109933.tabsActive").get(0).getAttribute('data-anchor'); $(selectedTabId).stop().hide().fadeOut("400"); $(selectedTabId).addClass("hideSpace"); $(".tab_mainpar_tabcomponent_555109933").removeClass("tabsActive"); $("#tabNavWrapper_mainpar_tabcomponent_555109933 .tabNavArrow").removeClass("isDisabled"); let anchorName = element.getAttribute('data-anchor'); element.classList.add("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_555109933').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_555109933').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { let myScrollPosition = $('#tabsList_mainpar_tabcomponent_555109933 li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent_555109933 li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent_555109933').width() / 2; $('#tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft(myScrollPosition); if($('#tabsList_mainpar_tabcomponent_555109933 li:first').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent_555109933 .prev").addClass("isDisabled"); } else if($('#tabsList_mainpar_tabcomponent_555109933 li:last').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent_555109933 .next").addClass("isDisabled"); } } let anchorId = "#" + anchorName; $(anchorId).stop().hide().fadeIn("400"); $(anchorId).removeClass("hideSpace"); //imagegrid title equal height let imageGridMaxHeight = 0; $('.imagegridcomponent .imageTitle:visible').each(function() { const imageTitleHeight = $(this).height(); imageGridMaxHeight = Math.max(imageGridMaxHeight, imageTitleHeight); }); $('.imagegridcomponent .imageTitle:visible').height(imageGridMaxHeight); } $('.imagegridcomponent a.imageItem').hover( function() { $(this).find('.imageTitle').css("padding-bottom", imageGridMaxHeight * 2); }, function() { $(this).find('.imageTitle').css("padding-bottom", ""); }); $('.imagegridcomponent .imageTitle').height('auto'); } </script></div> </div> <div class="clearfix"></div> <footer> <div><div class="footer iparsys parsys"> <div class="footercomponent"> <div class="d-none d-md-block desktopFooterView"> <div class="firstRow"> <div class="searchBoxContainer"> <form action="/fr-ca/search-results.html" accept-charset="UTF-8"> <div class="searchFormWrapper" aria-hidden="true"> <div class="inputGroup"> <span><i class="fas fa-search sitesearch-icon footerSearchIcon"></i></span> <input class="searchBox footerSearchBox" maxlength="2048" autocomplete="off" placeholder="Recherchez Crown" name="q"/> </div> </div> </form> </div> <div class="text-white connectLinks"> <div class="col-md-4 textwithicon"> <div><div> <div class="icon-column "> <i class="fas fa-map-marker-alt fa-fw fa-lg text-white"></i> </div> <div class="text-column "> <a href="/fr-ca/forklift-dealers.html" tabindex="0"> <div> <p>Trouvez un concessionnaire</p> </div> </a> </div> </div> </div> </div> <div class="col-md-4 textwithicon alignCenter"> <div><div> <a href="#" data-toggle="modal" data-target="#modal-form" data-formsource="/content/fr-ca/contact-us.html" tabindex="0"> <div class="icon-column "> <i class="fas fa-comment fa-fw fa-lg "></i> </div> <div class="text-column "> <p>Nous joindre</p> </div> </a> </div> </div> </div> <div class="col-md-4 textwithicon"> <div><div> <div class="icon-column "> <i class="fas fa-phone-alt fa-fw fa-lg text-white"></i> </div> <div class="text-column "> <a href="tel:5143423471" tabindex="0"> <div> <p>(514) 342-3471</p> </div> </a> </div> </div> </div> </div> </div> </div> <hr class="lineSeparator"/> <div class="footerDrawerColumn"> <div id="height_0561b1172f75461eae3b3b1a23e61d0b" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_0561b1172f75461eae3b3b1a23e61d0b" class="clearfix everyDevice text-white row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">Chariots élévateurs</div> <div class="drawerItems"> <a onclick="addFooterGA('Location de chariots élévateurs','Chariots élévateurs')" href="/fr-ca/forklift-rentals.html" target="" tabindex="0">Location de chariots élévateurs</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Chariots élévateurs neufs','Chariots élévateurs')" href="/fr-ca/forklifts.html" target="" tabindex="0">Chariots élévateurs neufs</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Chariots élévateur réusinés','Chariots élévateurs')" href="/fr-ca/remanufactured-forklifts.html" target="" tabindex="0">Chariots élévateur réusinés</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Chariots élévateurs d\x27occasion','Chariots élévateurs')" href="/fr-ca/pre-owned-forklifts.html" target="" tabindex="0">Chariots élévateurs d'occasion</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Batteries et chargeurs','Chariots élévateurs')" href="/fr-ca/batteries-and-chargers.html" target="" tabindex="0">Batteries et chargeurs</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">En savoir plus sur Crown</div> <div class="drawerItems"> <a onclick="addFooterGA('Pièces et entretien','En savoir plus sur Crown')" href="/fr-ca/service-parts.html" target="" tabindex="0">Pièces et entretien</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Solutions','En savoir plus sur Crown')" href="/fr-ca/solutions.html" target="" tabindex="0">Solutions</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Soutien','En savoir plus sur Crown')" href="/fr-ca/support.html" target="" tabindex="0">Soutien</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">À propos de Crown</div> <div class="drawerItems"> <a onclick="addFooterGA('Notre entreprise','À propos de Crown')" href="/staging-canada-french/about-us.html" target="" tabindex="0">Notre entreprise</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Code de conduite','À propos de Crown')" href="/content/dam/crown/pdfs/fr-ca/code-de-conduite.pdf" target="_blank" tabindex="0">Code de conduite</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Code de Conduite des Fournisseurs','À propos de Crown')" href="/content/dam/crown/pdfs/fr-ca/FR-CA-Supplier-Code-of-Conduct.pdf" target="_blank" tabindex="0">Code de Conduite des Fournisseurs</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Carrières','À propos de Crown')" href="/staging-canada-french/careers.html" target="" tabindex="0">Carrières</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Notre Blog','À propos de Crown')" href="/staging-canada-french/blog.html" target="" tabindex="0">Notre Blog</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="socialicons"><div class="no-padding-left no-padding-top no-padding-right no-padding-bottom"> <div class="socialIconsTitle"> Réseaux Sociaux </div> <ul id="footer_footercomponent_column_column4_socialicons_176690907-connect-list" role="group"> <li> <a href="https://www.facebook.com/crownlifttrucks.canada.quebec" target="_blank" tabindex="0"> <i class="fab fa-facebook-square fa-fw"></i> </a> </li> <li> <a href="https://www.linkedin.com/company/crown-chariot-elevateurs" target="_blank" tabindex="0"> <i class="fab fa-linkedin fa-fw"></i> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_0561b1172f75461eae3b3b1a23e61d0b').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_0561b1172f75461eae3b3b1a23e61d0b').addClass('bricksRow'); } }); </script> </div> <div> <a class="textWhite globalSelectorText" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');" tabindex="0">Canada – français (modifier)</a> <div class="copyRight float-right"> <span class="copyRightYear">© 2002-2024 Crown Equipment Corporation |</span> <span><div class="textWhite"> <div class=" width-100 component-left"> <p><a href="/fr-ca/legal.html">Mentions légales</a> | <a href="/fr-ca/modalites-de-vente.html">Modalités De Vente</a></p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div></span> <div class="backToTop"> <svg class="bi bi-arrow-up-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" tabindex="0"> <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-10.646.354a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 6.207V11a.5.5 0 0 1-1 0V6.207L5.354 8.354z"/> </svg> </div> </div> </div> </div> <div class="footerItemsMobile d-md-none"> <div class="searchBoxContainer"> <form action="/fr-ca/search-results.html" accept-charset="UTF-8"> <div class="searchFormWrapper" aria-hidden="true"> <div class="inputGroup"> <span><i class="fas fa-search sitesearch-icon footerSearchIcon"></i></span> <input class="searchBox footerSearchBox" maxlength="2048" autocomplete="off" placeholder="Recherchez Crown" name="q"/> </div> </div> </form> </div> <ul class="footerDrawerList"> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> Chariots élévateurs </a> <div class="dropdown-menu" role="menu" aria-labelledby="Chariots élévateurs"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Location de chariots élévateurs','Chariots élévateurs')" href="/content/fr-ca/forklift-rentals">Location de chariots élévateurs</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Chariots élévateurs neufs','Chariots élévateurs')" href="/content/fr-ca/forklifts">Chariots élévateurs neufs</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Chariots élévateur réusinés','Chariots élévateurs')" href="/content/fr-ca/remanufactured-forklifts">Chariots élévateur réusinés</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Chariots élévateurs d\x27occasion','Chariots élévateurs')" href="/content/fr-ca/pre-owned-forklifts">Chariots élévateurs d'occasion</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Batteries et chargeurs','Chariots élévateurs')" href="/content/fr-ca/batteries-and-chargers">Batteries et chargeurs</a> </li> </ul> </div> </div> </div> </div> </li> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> En savoir plus sur Crown </a> <div class="dropdown-menu" role="menu" aria-labelledby="En savoir plus sur Crown"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Pièces et entretien','En savoir plus sur Crown')" href="/content/fr-ca/service-parts">Pièces et entretien</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Solutions','En savoir plus sur Crown')" href="/content/fr-ca/solutions">Solutions</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Soutien','En savoir plus sur Crown')" href="/content/fr-ca/support">Soutien</a> </li> </ul> </div> </div> </div> </div> </li> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> À propos de Crown </a> <div class="dropdown-menu" role="menu" aria-labelledby="À propos de Crown"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Notre entreprise','À propos de Crown')" href="/content/staging-canada-french/about-us">Notre entreprise</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Code de conduite','À propos de Crown')" href="/content/dam/crown/pdfs/fr-ca/code-de-conduite.pdf">Code de conduite</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Code de Conduite des Fournisseurs','À propos de Crown')" href="/content/dam/crown/pdfs/fr-ca/FR-CA-Supplier-Code-of-Conduct.pdf">Code de Conduite des Fournisseurs</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Carrières','À propos de Crown')" href="/content/staging-canada-french/careers">Carrières</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Notre Blog','À propos de Crown')" href="/content/staging-canada-french/blog">Notre Blog</a> </li> </ul> </div> </div> </div> </div> </li> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> Restez en contact </a> <div class="dropdown-menu" role="menu" aria-labelledby="Restez en contact"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Trouvez un concessionnaire','Restez en contact')" href="/content/fr-ca/forklift-dealers">Trouvez un concessionnaire</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Nous joindre','Restez en contact')" href="/content/fr-ca/contact-us">Nous joindre</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('(514) 342\u002D3471','Restez en contact')" href="tel:5143423471">(514) 342-3471</a> </li> </ul> </div> </div> </div> </div> </li> </ul> <div class="socialicons"> </div> <a class="textWhite globalSelectorText" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');" tabindex="0">Canada – français (modifier)</a> <div tabindex="0"> <svg class="bi bi-arrow-up-circle-fill backToTop" width="1em" height="1em" viewBox="0 0 16 16" fill="#ffffff" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-10.646.354a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 6.207V11a.5.5 0 0 1-1 0V6.207L5.354 8.354z" tabindex="0"/> </svg> <div class="backToTopText">Haut</div> </div> <div class="copyRight"> <span class="copyRightYear">© 2002-2024 Crown Equipment Corporation</span> </div> <div class="textWhite"><p><a href="/fr-ca/legal.html">Mentions légales</a> | <a href="/fr-ca/modalites-de-vente.html">Modalités De Vente</a></p> </div> </div> <div class="desktopFooterView"> </div> </div> <div class="column"> <div id="height_94d43d166f1249cbb96d92bea9ce69c0" style="height: px"> <div class="container-fluid background-light-black "> <div class="container background-light-black "> <div id="bgImage_94d43d166f1249cbb96d92bea9ce69c0" class="clearfix background-light-black everyDevice text-black padding-6x-top row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_94d43d166f1249cbb96d92bea9ce69c0').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_94d43d166f1249cbb96d92bea9ce69c0').addClass('bricksRow'); } }); </script> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div> </footer>  <script src="/etc/clientlibs/global-web/clientlib.lc-80ad870cbd36fb4c764a3d7ae4b19797-lc.min.js"></script> <script src="/etc/clientlibs/global-web/dealerLocator.lc-34b7eb83f7ff98f3e18ca101708169f9-lc.min.js"></script> <script> jQuery(document).ready(function() { Crown.Common.Helper.checkReferrer(); }); </script>     <script> if($('#is404').text()) { var windowLocation = window.location.href; if(windowLocation.substr(windowLocation.length - 1) !== '/') { window.location = window.location.href + '/'; } } </script> <script type="text/javascript"> $(window).on('load',function(){ var acceptedCookieName = "modalPolicyCookieAccepted"; var notAcceptedCookieName = "modalPolicyCookieNotAccepted"; var acceptedModalValue = "accepted"; var notAcceptedModalValue = "notaccepted"; var modalCookiePolicyAccepted = Crown.Common.Cookies.readCookie(acceptedCookieName); var modalCookiePolicyNotAccepted = Crown.Common.Cookies.readCookie(notAcceptedCookieName); if ((modalCookiePolicyAccepted != acceptedModalValue) && (modalCookiePolicyNotAccepted != notAcceptedModalValue)) { jQuery('#cookiePolicyModal').modal('show'); jQuery("#modalCookieAccept").on("click", function() { Crown.Common.Cookies.createCookie(acceptedCookieName, acceptedModalValue, Infinity); consentGranted(); }); jQuery("#modalCookieNotAccept").on("click", function() { Crown.Common.Cookies.createCookie(notAcceptedCookieName, notAcceptedModalValue, ); }); jQuery("#modalBtnCloseCookieNotAccept").on("click", function() { Crown.Common.Cookies.createCookie(notAcceptedCookieName, notAcceptedModalValue, ); }); } else if(modalCookiePolicyAccepted == acceptedModalValue){ consentGranted(); } }); </script> </body> </html>

CINXE.COM

Crown Equipment Corporation | Votre fournisseur d’équipement et de solutions de manutention