CINXE.COM
IoT industriel - Plateforme et solutions Ability™ | abb.com/ca | ABB
<!DOCTYPE html> <!--[if IE 7]> <html lang="fr" class="no-js lt-ie10 lt-ie9 lt-ie8 ie7"> <![endif]--> <!--[if IE 8]> <html lang="fr" class="no-js lt-ie10 lt-ie9 ie8"> <![endif]--> <!--[if IE 9]> <html lang="fr" class="no-js lt-ie10 ie9"> <![endif]--> <!--[if (gt IE 9)|(!IE)]><!--> <html lang="fr"> <!--<![endif]--> <head><script type="text/javascript" src="/ruxitagentjs_ICA7NVfqrux_10307250124095659.js" data-dtconfig="rid=RID_1266236280|rpid=-1816141160|domain=abb.com|reportUrl=/rb_bf39360wnj|app=df3cf8a6af3c1311|cuc=tsb4abfy|mel=100000|expw=1|featureHash=ICA7NVfqrux|dpvc=1|lastModification=1742327471990|srsr=10000|postfix=tsb4abfy|tp=500,50,0|rdnt=1|uxrgce=1|agentUri=/ruxitagentjs_ICA7NVfqrux_10307250124095659.js"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-PVBPDH');</script> <script src='https://www07.abb.com/cdn/javascript/jquery.1.12.1.min.js?v=638774539320000000' type='text/javascript'></script> <script src='https://www07.abb.com/cdn/javascript/layoutmobile.js?v=638774539240000000' type='text/javascript'></script> <link href='https://www07.abb.com/cdn/Fonts/zico-sans-hebrew/zico-sans-hebrew.css?v=638774539340000000' rel='stylesheet' type='text/css'> <link href='https://www07.abb.com/cdn/Fonts/abbvoice-korean/abbvoice-korean.css?v=638774539340000000' rel='stylesheet' type='text/css'> <script src='https://www07.abb.com/cdn/Cookie/cassie_cookie.js?v=638774539240000000' type='text/javascript'></script> <script> var cassieSettings = { widgetProfileId: 1, languageCode: 'fr', licenseKey: '0A4C10A0-E26B-4342-87BD-82538D90137C', region: 'irl', environment: 'production', crossDomainConsent: false, }; loadScriptWithFallback(cassieSettings); </script> <script src="https://assets.adobedtm.com/3f582187d63b/1e168dfae5a1/launch-38768eadc2c2.min.js" async></script> <style type="text/css"> @font-face{ font-family:'ABBVoice'; src:url('https://www07.abb.com/cdn/Fonts/abbvoice/ABBvoice_W_Rg.eot'); src:url('https://www07.abb.com/cdn/Fonts/abbvoice/ABBvoice_W_Rg.eot?#iefix') format('embedded-opentype'), url('https://www07.abb.com/cdn/Fonts/abbvoice/ABBvoice_W_Rg.woff2') format('woff2'), url('https://www07.abb.com/cdn/Fonts/abbvoice/ABBvoice_W_Rg.woff') format('woff') } </style> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,charset=utf-8,text/html" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /><title> IoT industriel - Plateforme et solutions Ability™ | abb.com/ca | ABB </title> <link rel="alternate" hreflang="x-default" href="https://new.abb.com/ca/ability" /> <link rel="alternate" hreflang="fr" href="https://new.abb.com/ca/fr/ability" /> <link rel="stylesheet" type="text/css" href="https://www07.abb.com/cdn/v17.3/css/min.css" /> <meta name="build" content="2025.0313.0911.1 - BN=local-build, BM=-67336351"/> <meta name="timestamp" content="2025-03-23 22:10:18.3"/> <meta name="cidpath" content=""/> <link href="/ResourcePackages/Fifa/assets/components/navigation/navigation.min.css?v=638696644620000000" rel="stylesheet" type="text/css" /> <link rel="icon" href="/cdn/img/favicon.ico" type="image/x-icon" /><link rel="shortcut icon" href="/cdn/img/favicon.ico" type="image/x-icon" /><link rel="icon" type="image/png" sizes="16x16" href="/cdn/img/favicon16-web.png" /><link rel="icon" type="image/png" sizes="32x32" href="/cdn/img/favicon32-web.png" /><link rel="apple-touch-icon-precomposed" sizes="114x114" href="/cdn/img/favicon114_retina.png" /><link rel="apple-touch-icon-precomposed" sizes="72x72" href="/cdn/img/favicon72-ipad.png" /><link rel="apple-touch-icon-precomposed" href="/cdn/img/favicon57-iphone.png" /> <script> var jsLibs = []; function isBackend() { return document.getElementsByTagName("body")[0].className.match(/sfPageEditor/) && (typeof requirejs !== 'undefined'); } function widgetInit(widget, callback) { if (isBackend()) { callback = callback || function () { }; require([widget], function () { callback(); }); } } function dragDropCallback(callback) { if (isBackend()) { callback(); } } </script> <script> var _gaq = _gaq || []; function TimeTracker(a, b, c) { return this.MAX_TIME = 6e5, this.category = a, this.variable = b, this.label = c ? c : void 0, this.startTime, this.elapsedTime, this.isDebug = !0, this } TimeTracker.prototype = { startTime: function () { return this.startTime = (new Date).getTime(), this }, endTime: function () { return this.elapsedTime = (new Date).getTime() - this.startTime, this }, debug: function (a) { return this.isDebug = void 0 == a ? !0 : a, this }, send: function (a, b) { if (a = a || this.variable, b = b || this.label, 0 < this.elapsedTime && this.elapsedTime < this.MAX_TIME) { var c = ["_trackTiming", this.category, a, this.elapsedTime, b]; this.isDebug && (c.push(100), window.console && window.console.log && console.log(c)), window._gaq.push(c) } return this } }, window.tt = new TimeTracker("Page", "General Timing"), window.tt.startTime(); window.atctSettings = {"enableCart":true,"showCartCookieName":"showCart","host":"https://ace.abb.com","getCartOnInit":false,"previewCss":"https://www.abb.com/Sitefinity/WebsiteTemplates/AbbBranding/App_Scripts/requirejs-libs/cart/cartpreviews.css"}; window.seoSettings = {"enableBreadcrumbSnippet":true}; </script> <!--[if lt IE 9]> <script type="text/javascript" src="https://www07.abb.com/cdn/v17.3/scripts/min.html5shiv.js"></script> <![endif]--> <script type="text/javascript" data-pin="" src="https://www07.abb.com/cdn/v17.3/scripts/min.head.js"></script> <link href="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/icons/icons.min.css?h=97565eef" rel="stylesheet" type="text/css" /><link href="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/abbicons-font/abbicons-font.min.css?h=32b95d95" rel="stylesheet" type="text/css" /><link href="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/icomoon-font/icomoon-font.min.css?h=482c7c8f" rel="stylesheet" type="text/css" /><link href="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/reveal/reveal.min.css?h=1a19c33c" rel="stylesheet" type="text/css" /><link href="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/frame/frame.min.css?h=13c13c0c" rel="stylesheet" type="text/css" /><link href="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/sections/sections.min.css?h=cb92cf24" rel="stylesheet" type="text/css" /><link href="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/tabs/tabs.min.css?h=aca82f91" rel="stylesheet" type="text/css" /><link href="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/typography/typography.min.css?h=22ba0aa8" rel="stylesheet" type="text/css" /><link href="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/foundation-global/foundation-global.min.css?h=496b6b06" rel="stylesheet" type="text/css" /> <script src="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/bower_components/jquery/dist/jquery.min.js?h=49ddeac2" type="text/javascript"></script> <script src="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/jquery-custom/jquery-custom.min.js?h=76448fff" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="https://www07.abb.com/cdn/v17.3/css/min-head.css" /> <meta class="elastic" name="content_language" content="fr" /> <meta class="elastic" name="business_area" content="EL" /> <meta class="elastic" name="division" content="ELSP" /> <meta class="elastic" name="country" content="Canada" /> <meta class="elastic" name="abb_industry_area" content="Industry" /> <meta class="elastic" name="offering_type" content="Software and digital" /> <meta class="elastic" name="content_type" content="Webpage,Video,Document" /> <meta class="elastic" name="company_brand" content="ABB" /> <meta class="elastic" name="theme" content="Country Site" /> <meta class="elastic" name="content_site" content="Abbcom" /> <meta property="og:title" content="IoT industriel - Plateforme et solutions | ABB Ability™" /><meta property="og:description" content="ABB Ability™, plateforme IoT industrielle, allie capteurs intelligents, solutions de surveillance à distance, maintenance prédictive et gestion énergétique." /><meta property="og:type" content="website" /><meta property="og:site_name" content="abb.com/ca" /><meta property="og:url" content="https://new.abb.com/ca/fr/ability" /><link rel="canonical" href="https://new.abb.com/ca/fr/ability" /><link href="/Telerik.Web.UI.WebResource.axd?d=PMrIT5dOWaVYIcpFWUE4nGljqAWZn0MXy8DyZF_FSY0kgTJKQhJJJpUrQTIRp1w1ExMW8otN0GWUCzJyGh4RTyaVlHrE4NXB4e--8rHCW-o4MLlKyU44QZfKqUvwGU2N0&t=638688259200174603&compress=0&_TSM_CombinedScripts_=%3b%3bTelerik.Sitefinity.Resources%2c+Version%3d15.1.8323.0%2c+Culture%3dneutral%2c+PublicKeyToken%3db28c218413bdf563%3afr%3a4bc94716-0cb1-4ef2-a91d-41d59fc84f93%3a7a90d6a" type="text/css" rel="stylesheet" /><link href="/Sitefinity/WebsiteTemplates/AbbBranding/App_Themes/Empty/global/empty.css?v=638774539340000000" type="text/css" rel="stylesheet" /><meta name="description" content="ABB Ability™, plateforme IoT industrielle, allie capteurs intelligents, solutions de surveillance à distance, maintenance prédictive et gestion énergétique." /></head> <body id="PublicWrapper" class="abbPage sfPublicWrapper roboticsClass"> <script type="text/javascript"> $(document).ready(function () { if (!window.location.href.includes('products')) { if (document.querySelector('link[rel="canonical"]')) { document.querySelector('link[rel="canonical"]').setAttribute("href", window.location.href); } }; }); </script> <input id="CurrentCultureName" type="hidden" value="fr" /> <input id="CurrentSiteContext" type="hidden" value="ca" /> <input id="TemporaryCareers_CurrentCultureTwoLetterName" type="hidden" value="fr" /> <input id="CID" type="hidden" value="" /> <form method="post" action="./ability" id="ctl02"> <div class="aspNetHidden"> <input type="hidden" name="ctl39_TSM" id="ctl39_TSM" value="" /> <input type="hidden" name="ctl40_TSSM" id="ctl40_TSSM" value="" /> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="yTvrebwCmFQQzHsVBBo3V/TEvtKjUUUe3/jSn2LWKFjSFAfSng22PdMhLwkdqV8l/PsIKxd6Pt475MdcXk8jR/oJgG4wAGvvBx2Hy4Hf/z8=" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['ctl02']; if (!theForm) { theForm = document.ctl02; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZBBVpBCnsTOLeWhafdNeY27y1yAEfCux2PIVaHgvCu_9R_tDSUieRgQ5SKiwF2HTkg2&t=638628279619783110" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var __cultureInfo = {"name":"fr","numberFormat":{"CurrencyDecimalDigits":2,"CurrencyDecimalSeparator":",","IsReadOnly":true,"CurrencyGroupSizes":[3],"NumberGroupSizes":[3],"PercentGroupSizes":[3],"CurrencyGroupSeparator":" ","CurrencySymbol":"€","NaNSymbol":"NaN","CurrencyNegativePattern":8,"NumberNegativePattern":1,"PercentPositivePattern":0,"PercentNegativePattern":0,"NegativeInfinitySymbol":"-∞","NegativeSign":"-","NumberDecimalDigits":2,"NumberDecimalSeparator":",","NumberGroupSeparator":" ","CurrencyPositivePattern":3,"PositiveInfinitySymbol":"∞","PositiveSign":"+","PercentDecimalDigits":2,"PercentDecimalSeparator":",","PercentGroupSeparator":" ","PercentSymbol":"%","PerMilleSymbol":"‰","NativeDigits":["0","1","2","3","4","5","6","7","8","9"],"DigitSubstitution":1},"dateTimeFormat":{"AMDesignator":"","Calendar":{"MinSupportedDateTime":"\/Date(-62135596800000)\/","MaxSupportedDateTime":"\/Date(253402297199999)\/","AlgorithmType":1,"CalendarType":1,"Eras":[1],"TwoDigitYearMax":2029,"IsReadOnly":true},"DateSeparator":"/","FirstDayOfWeek":1,"CalendarWeekRule":2,"FullDateTimePattern":"dddd d MMMM yyyy HH:mm:ss","LongDatePattern":"dddd d MMMM yyyy","LongTimePattern":"HH:mm:ss","MonthDayPattern":"d MMMM","PMDesignator":"","RFC1123Pattern":"ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027","ShortDatePattern":"dd/MM/yyyy","ShortTimePattern":"HH:mm","SortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss","TimeSeparator":":","UniversalSortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027","YearMonthPattern":"MMMM yyyy","AbbreviatedDayNames":["dim.","lun.","mar.","mer.","jeu.","ven.","sam."],"ShortestDayNames":["di","lu","ma","me","je","ve","sa"],"DayNames":["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"],"AbbreviatedMonthNames":["janv.","févr.","mars","avr.","mai","juin","juil.","août","sept.","oct.","nov.","déc.",""],"MonthNames":["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre",""],"IsReadOnly":true,"NativeCalendarName":"calendrier grégorien","AbbreviatedMonthGenitiveNames":["janv.","févr.","mars","avr.","mai","juin","juil.","août","sept.","oct.","nov.","déc.",""],"MonthGenitiveNames":["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre",""]},"eras":[1,"ap. J.-C.",null,0]};//]]> </script> <script src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl39_TSM&compress=2&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3afr%3a95047a2c-8908-49e3-b68e-d249be89f134%3aea597d4b%3ab25378d2%3bTelerik.Sitefinity.Resources%3afr%3a4bc94716-0cb1-4ef2-a91d-41d59fc84f93%3adc08a3f7" type="text/javascript"></script> <script src="/cdn/javascript/Megamenu/megaMenu.min.js?v=638774539320000000" type="text/javascript"></script> <script src="/cdn/javascript/Megafooter/megaFooter.min.js?v=638774539320000000" type="text/javascript"></script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="1E5B006B" /> </div><script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$ctl39', 'ctl02', [], [], [], 90, 'ctl00'); //]]> </script> <input type="hidden" name="ctl00$ctl39" id="ctl39" /> <script type="text/javascript"> //<![CDATA[ Sys.Application.setServerId("ctl39", "ctl00$ctl39"); Sys.Application._enableHistoryInScriptManager(); //]]> </script> <iframe id="__historyFrame" src="/ScriptResource.axd?d=SO2cxE40o7dSu_9KGWZs5MwHb6HM_fh8eq5909_Ybdo7xR42SBlJQipd8u7e_aktSbBLwye0d_O2K8UhHgv74lW5gxYdbSuCRzxonRY_fBCvP29Lz_QqtsTyEaBT8kF11PQBX29sHeRGIUV4mC1E85GSioMFLDauiZu0vvKEm541" style="display:none;"> </iframe> <div class="backendWrapper"> <section class="templateHeaderSection"> <header data-elastic-exclude class="abb-page__header abb-page__header--sticky floating-header"> <nav class="abb-nav headerWrapperInner" data-abb-navigation="" data-tracking-category="Flyout" data-tracking-enabled="true"> <div class=" abb-nav__head"> <a class="abb-page__header__logo-simple" href="/" tabindex="1" title="ABB logo"></a> <div class="display__none abb-nav__flex"> <a class="abb-nav__button" href="#" id="cardIconM"> <span class="abb-nav__button__icon abb-icon abb-icon-shoping__list"></span> </a> <a class="abb-nav__button" data-open="language-selector-container"> <span class="abb-nav__button__icon abb-icon abb-icon__earth"></span> </a> <a class="abb-nav__button" href="https://myportal.abb.com/welcome"> <span class="abb-nav__button__icon abb-icon abb-icon__lock"></span> </a> </div> <span class="abb-nav__menu-button" data-tracking-action="Flyout tab opened" data-tracking-label="Navigate"></span> </div> <div class="abb-nav__menu"> <div class="megaMenu_topMenuContainer"> <ul class="megaMenu"> <li class="noLink"><a>Produits & Services</a><span class="megaMenu_topMenuSVG"><svg style="vertical-align:middle" width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.58586 7L0.292969 1.70711L1.70718 0.292892L8.41429 7L1.70718 13.7071L0.292969 12.2929L5.58586 7Z" fill="#262626" /></svg></span></li> <li class="noLink"><a>Industries</a><span class="megaMenu_topMenuSVG"><svg style="vertical-align:middle" width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.58586 7L0.292969 1.70711L1.70718 0.292892L8.41429 7L1.70718 13.7071L0.292969 12.2929L5.58586 7Z" fill="#262626" /></svg></span></li> <li class="noLink"><a>Services</a><span class="megaMenu_topMenuSVG"><svg style="vertical-align:middle" width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.58586 7L0.292969 1.70711L1.70718 0.292892L8.41429 7L1.70718 13.7071L0.292969 12.2929L5.58586 7Z" fill="#262626" /></svg></span></li> <li class="hasLink"><a target="_self" href="https://careers.abb/global/en/home">Carrières</a></li> <li class="hasLink"><a target="_self" href="https://new.abb.com/ca/fr/a-propos-dabb">À propos de nous</a></li> <li class="hasLink"><a target="_self" href="https://new.abb.com/ca/fr/a-propos-dabb/centre-de-service-a-la-clientele">Contactez-nous</a></li> </ul> <div data-PageName="/header/ca-megamenu" class="megaMenudataLoad"></div> </div> <div class="abb-nav__quick-buttons"> <div class="abb-search-bar" data-abb-search-bar="0yonhn-abb-search-bar"> <input abb_search_query_textfield="" class="abb-search-bar__input" id="search1" name="q" placeholder="Search" data-placeholder-initial-text="Search" data-placeholder-changed-text="Type search" tabindex="0" type="text" value="" autocomplete="off" /> <div class="forSearchPage" data-forSearchPage="0"> <input abb_search_submit_button="" class="abb-search-bar__submit" type="button" value="" /> <span class="abb-search-bar__clear"> <img class="abb-icon abb-icon__clear" alt="clear" src="/cdn/img/Autosuggestion/errorcircle.png"/> </span> <span class="abb-search-bar__line"> <svg width="1" height="23" viewBox="0 0 1 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <line x1="0.5" y1="-2.18557e-08" x2="0.500001" y2="23" stroke="#979797"/> </svg> </span> <span class="abb-search-bar__icon"> <span class="abb-icon abb-icon__search"></span> </span> </div> </div> <div class="abb-search-autosuggestion"> <div class="abb-search-autosuggestion-contents"> <div class="abb-search-autosuggestion-elastic"> <div>Suggestions</div> <div class="abb-search-autosuggestion-elastic-contents" data-nosuggestionmessage="There are no suggestion in Pages for the word your searching for." data-somethingwentwrong-Suggestion="Something went wrong for Pages Suggestion"></div> </div> <div class="abb-search-autosuggestion-products"> <div>Products</div> <div class="abb-search-autosuggestion-products-contents" data-noproductsmessage="There are no suggestion in Products for the word your searching for." data-somethingwentwrong-Products="Something went wrong for Products Suggestion"></div> <a class="abb-search-seeMoreProductsLink" href="#">See more products</a> </div> </div> </div> <div class="display__desktop"> <a class="abb-nav__button" href="#" id="cardIconD"> <span class="abb-nav__button__icon abb-icon abb-icon-shoping__list"></span> </a> <a class="abb-nav__button" data-open="language-selector-container"> <span class="abb-nav__button__icon abb-icon abb-icon__earth"></span> </a> <a class="abb-nav__button" href="https://myportal.abb.com/welcome"> <span class="abb-nav__button__icon abb-icon abb-icon__lock"></span> </a> </div> </div> </div> </nav> <div class="cmp-header__border"></div> <style> .breadcrumb { background-color: rgb(240, 240, 240); width: 100%; } @media only screen and (max-width: 1000px) { .breadcrumb { display: none; } .breadcrumb ul { position: unset !important; } } .breadcrumb ul { position: absolute; } .breadcrumb ul li { position: relative; } .breadcrumb ul li .tooltiptext { visibility: hidden; width: max-content; position: absolute; z-index: 1; padding: 10px; font-weight: 400; font-size: 14px; line-height: 20px; color: #262626; background: #fff; box-shadow: 4px 4px 20px rgba(0, 0, 0, .25); border-radius: 8px; left: 10%; } .tooltip:hover .tooltiptext { visibility: visible; } </style> <div class="breadcrumb"> <div class="RadSiteMap RadSiteMap_Default"> <ul class="rsmFlow rsmLevel rsmOneLevel"> <li class="rsmItem sfBreadcrumbNavigation"> <a class="rsmLink" href="/ca/fr"> <span class="home-icon"></span> </a> </li> <li class="rsmItem sfNoBreadcrumbNavigation tooltip" aria-current="page"> <span class="breadcrumbNodeSeparator"></span> <a class="rsmLink" href="javascript: void(0)"> Ability </a> <div class="tooltiptext">Ability</div> </li> </ul> </div> </div> <script> $(function () { //JS for Mobile View to show minimised view of the breadcrumbs if ($(window).width() <= 768) { if ($('.breadcrumb ul.rsmFlow').length > 0) { $('.breadcrumb ul.rsmFlow li:not(li:nth-last-of-type(2))').hide(); $('.breadcrumb li:first-child').before('<li class="rsmItem sfBreadcrumbNavigation dot">...</li>'); $('.breadcrumb ul.rsmFlow li').after("<br>"); $(".breadcrumb br").css({ "display": "none" }); $(document).on('click', 'li.dot', function () { $('.breadcrumb ul.rsmFlow li:not(li:nth-last-of-type(2))').toggle(); $('.breadcrumb ul.rsmFlow li:first-child').show(); $('.breadcrumb ul.rsmFlow li:last-of-type').hide(); $(".breadcrumb br").toggle(); $('.breadcrumb ul.rsmFlow').toggleClass("addMargin"); }); } } //JS for truncating the li's if there is long text if ($(window).width() >= 767) { if ($('.breadcrumb ul.rsmFlow').length > 0) { //$('.breadcrumb').css('max-width', '65rem'); $('.breadcrumb').css('width', '100% !important'); $('.breadcrumb').css('position', 'unset'); $('.breadcrumb').css('padding', '7px 40px'); $('.breadcrumb').css('margin-top', '-2px'); //get all the links var alllinks = $('.breadcrumb ul.rsmFlow li.rsmItem a.rsmLink'); var totallength = alllinks.length; //Get the total length of string //set length variable var length = 1; alllinks.each(function () { //if length is 1 - then home skip it if (length != 1) { //if its the last one - logic to truncate the string if (length == totallength) { var originalText = $.trim($(this).text()); //truncate the space before and after var charlength = originalText.length; if (charlength >= 40) { $(this).attr('data-link-title', originalText); //call truncating function $(this).text(cut(40)); } } //if not last then - add ... at the place of the link else { var originalText = $.trim($(this).text()); //truncate the space before and after var charlength = originalText.length; if (charlength >= 30) { $(this).attr('data-link-title', originalText); //add data-attribute for link changed //call truncating function $(this).text(cut(30)); } } } //increment the length variable length++; }); } } //Logic to truncate the string - #161407 function cut(n) { return function textCutter(i, text) { text = text.trim(); var short = text.substr(0, n); if (/^\S/.test(text.substr(n))) return short.replace(/\s+\S*$/, "") + '...'; return short; }; } }); </script> <script> $(window).load(function (e) { //change the bread crumb location in mobile and Tablet view if ((window.matchMedia('(max-device-width: 1000px)').matches)) { //check if breadcrumb is already there or not if ($('.abb-nav__menu').children('.breadcrumb').length > 0) { } else { let $el = $('.breadcrumb').clone(); $('.breadcrumb').remove(); $('.abb-nav__menu').prepend($el); $('.breacrumb').css("margin-top", "10px;"); $('.breadcrumb').show(); } } }); </script> </header> </section> <section class="templateMainSection"> <div class="lo_cols schemeWhite"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100" style=""> <div id="Content_T7E7A54FD001_Col00" class="sf_colsIn sf_1col_1in_100" style="margin: 40px 0px 0px;"><div class="colorBgWrapperInner"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <!-- BEGIN CONTENT--> <div id="Content_T7E7A54FD002_Col00" class="sf_colsIn sf_1col_1in_100"> <section class="languageSelector_section"> <div data-elastic-exclude class="newDropdown_container"> <div class='newDropdown_dropdown'> <div class='newDropdown_select'> <div class='newDropdown_selected newDropdown_placeholder'> Select Language</div> <div class='newDropdown_caret'></div> </div> <ul class='newDropdown_menu' id="languageDropdown"> <li data-url="/ca/ability" data-value="EN">English</li> <li data-url="" data-value="FR">français</li> </ul> </div> </div> </section> <script> //Sorting Ul and li $(document).ready(function () { var $list = $(".newDropdown_menu"); $list.children().detach().sort(function (a, b) { return $(a).text().localeCompare($(b).text()); }).appendTo($list); //preselect language value from dropdown var lang = $('html').attr('lang'); if ($(`.newDropdown_menu li[data-value=${lang.toLowerCase()}]`).text() == "") { lang = "EN"; } $(".newDropdown_selected").text($(`.newDropdown_menu li[data-value=${lang.toUpperCase()}]`).text()); //Redirect to the page based on the option selected in the langauage dropdwon const dropdowns = document.querySelectorAll(".newDropdown_dropdown"); dropdowns.forEach((dropdown) => { const select = document.querySelector(".newDropdown_select"); const caret = document.querySelector(".newDropdown_caret"); const menu = document.querySelector(".newDropdown_menu"); const options = document.querySelectorAll(".newDropdown_menu li"); const selected = document.querySelector(".newDropdown_selected"); select.addEventListener("click", () => { caret.classList.toggle("newDropdown_caret-rotate"); menu.classList.toggle("newDropdown_menu-open"); }); options.forEach((option) => { option.addEventListener("click", () => { selected.classList.remove("newDropdown_placeholder"); selected.innerText = option.innerText; caret.classList.remove("newDropdown_caret-rotate"); menu.classList.remove("newDropdown_menu-open"); options.forEach((option) => option.classList.remove("newDropdown_active")); option.classList.add("newDropdown_active"); var newurl = option.getAttribute("data-url"); $(location).attr("href", newurl); }); }); }); //Manage the height of dropdown if there are less items if ($('.newDropdown_menu').children().length <= 7) { $('.newDropdown_menu').css('height', 'auto') } setTimeout(function () { var language = $('html').attr('lang'); $(".newDropdown_selected").text($(`.newDropdown_menu li[data-value=${language.toUpperCase()}]`).text()); },3000); }); </script> <div class="textContainer headline headline-cursor"> <h1 class="tile-headline">ABB Ability™</h1> </div> <div class="textContainer headline emptyCursor"> <h2 class="tile-headline offCursor">Démêler la complexité maintenant, de manière simple et efficace</h2> </div> <video src="https://new.abb.com/docs/librariesprovider84/default-document-library/smart-metering-and-monitoring---landing-page-feb-2020.mp4?sfvrsn=8e6b0f16_2" width="100%" position:"relative" height="autopx" autoplay muted playsinline loop></video><div class="lo_cols t"> <div class="lo_colsOut lo_2cols_1_67"> <div class="lo_colsIn lo_2cols_1in_67"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C008_Col00" class="sf_colsIn sf_1col_1in_100 layout8"><div class='sfContentBlock'><p>Atteignez de nouveaux sommets de performance et faites progresser durablement vos équipements électriques et à commande électrique avec des solutions numériques sécurisées, intelligentes et évolutives.</p> <p>Bien plus qu'une plateforme de connectivité, ABB Ability™ est une solution simple et rentable pour :<br /> </p> <ul> <li>La surveillance de l'énergie et de la qualité de l'alimentation</li> <li>L'accès à distance aux données de l'usine </li> <li>La surveillance des actifs pour la fiabilité et la disponibilité des équipements</li> </ul> <p>Nous apportons de la valeur en vous fournissant la solution du futur.<br /> <br /> <strong>Pourquoi des solutions numériques ?</strong><br /> <br /> Pour aider les organisations à automatiser, optimiser et préparer l'avenir de leurs activités. Des milliards de meilleures décisions peuvent être prises grâce à des informations et des innovations en temps réel, basées sur les données, pour améliorer l'efficacité, la santé et la sécurité, et l'utilisation des ressources.<br /> <br /> Nous sommes là pour vous accompagner dans votre transformation numérique.</p> </div> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_2cols_2_33"> <div class="lo_colsIn lo_2cols_2in_33"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C008_Col01" class="sf_colsIn sf_1col_1in_100 layout4"> <div class="tile contentTile"> <a class="inner clickable" href="https://smartsocieties.abb.com/#/fr/home" data-ga-params="Content;Content tiles clicked;Paysage interactif sur les villes intelligentes"> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/smart-societies-application-webbed224f1c1f463c09537ff0000433538.jpg?sfvrsn=80264709_1&CropWidth=390&CropHeight=195&Quality=High&CropX=0&CropY=0&Width=390&Height=195&Method=CropToFixedAreaCropToFixedAreaArguments&Key=a7424289a53c29d9b71def9955c549d2" class="lazy stretch" alt="" /> </div> <div class="textContainer"> <span class="header3">Paysage interactif sur les villes intelligentes</span> <p>Explorez notre application</p> </div> </a> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> </div> </div> </div> </div> </div> </div> <script> jsLibs.push("layout8_4"); </script> <div class="textContainer headline headline-cursor"> <h2 class="tile-headline">Vos contacts au Canada</h2> </div> <div class="lo_cols t layout3_4"> <div class="lo_colsOut lo_4cols_1_25"> <div class="lo_colsIn lo_4cols_1in_25"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C118_Col00" class="sf_colsIn sf_1col_1in_100 layout3"> <style> .descriptionText { display: block; clear: both; } .linkText { clear: both; } .abbButton.gradientHeadlineColors.red.text-right { float: right; } .abbButton.gradientHeadlineColors.red.text-left { float: left; } .abbButton.gradientHeadlineColors.gray.text-right { float: right; } .abbButton.gradientHeadlineColors.gray.text-left { float: left; } .normal.text-left { float: left; } .normal.text-right { float: right; } </style> <!-- Universal Call To Action Widget --> <div class="abbUctaContainer tile actionWidgetContainer"> <div class="inner"> <div class="textContainer"> <a data-ga-params="Call To Action;Contactez-nous;Click" href="https://campaign-el.abb.com/l/961032/2023-02-08/3klfn" target='_blank' class="abbButton gradientHeadlineColors red text-center linkText">Contactez-nous</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_4cols_2_25"> <div class="lo_colsIn lo_4cols_2in_25"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C118_Col01" class="sf_colsIn sf_1col_1in_100 layout3"> <!-- Start of ChatBot (www.chatbot.com) code --> <script type="text/javascript"> window.__be = window.__be || {}; window.__be.id = "627ea96bb2f8680007fb1f26"; (function() { var be = document.createElement('script'); be.type = 'text/javascript'; be.async = true; be.src = ('https:' == document.location.protocol ? 'https://' : 'https://') + 'cdn.chatbot.com/widget/plugin.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(be, s); })(); </script> <!-- End of ChatBot code --> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_4cols_3_25"> <div class="lo_colsIn lo_4cols_3in_25"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C118_Col02" class="sf_colsIn sf_1col_1in_100 layout3"></div> </div> </div> </div> </div> <div class="lo_colsOut lo_4cols_4_25"> <div class="lo_colsIn lo_4cols_4in_25"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C118_Col03" class="sf_colsIn sf_1col_1in_100 layout3"></div> </div> </div> </div> </div> </div> <div class="textContainer headline headline-cursor"> <h2 class="tile-headline">Offre au Canada</h2> </div> <div class="expandable"> <div class="menuWrapper"> <div class="lo_cols t navWrapper"> <div class="lo_colsOut lo_4cols_1_25"> <div class="lo_colsIn lo_4cols_1in_25"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C129_Col00" class="sf_colsIn sf_1col_1in_100 layout3 nav"> <div class="tile expandableTileBox expandableTile"> <div class="slideDown inner navNav "> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/ability-web.jpg?sfvrsn=eb967b09_1&CropWidth=390&CropHeight=195&Quality=High&CropX=0&CropY=0&Width=390&Height=195&Method=CropToFixedAreaCropToFixedAreaArguments&Key=a7424289a53c29d9b71def9955c549d2" class="lazy stretch" alt="" title="ABB Ability™ énergie et gestion d'actifs" /> </div> <div class="navTextContainer asLink"> <h3>ABB Ability™ énergie et gestion d'actifs</h3> <div class="expand-arrow positioned icon-abb_down_24 down" data-ga-params="Expandable Tile;Expand;ABB Ability™ énergie et gestion d'actifs"></div> <div class="expand-arrow positioned icon-abb_up_24 up"></div> </div> </div> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> <style> /* Default css*/ @media all and (max-width: 768px) { /* add new css expandable 4 colum layout*/ .expandable .navWrapper.four-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav .imageContainer { width: 15%; } .expandable .menuWrapper .four-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .four-collayout .nav .selected .expand-arrow.up.positioned { top: 15px; } .four-collayout .navTextContainer { padding: 0px 8px 11px 8px; } .expandable .four-collayout .navTextContainer h3 { font-size: 20px !important; } .four-collayout .gradientHeadlineColors:before { border-top: none; } .four-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .expandable .menuWrapper .four-collayout .lo_4cols_1_25, .expandable .menuWrapper .four-collayout .lo_4cols_2_25, .expandable .menuWrapper .four-collayout .lo_4cols_3_25, .expandable .menuWrapper .four-collayout .lo_4cols_4_25 { float: left; width: 100%; margin: 0; } .expandable .menuWrapper .four-collayout .lo_row1 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row2 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row3 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row4 .imageContainer { height: auto !important; } .four-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } /* add new css expandable 6 column layout*/ .expandable .navWrapper.six-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .six-collayout .lo_row11 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row22 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row33 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row44 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row55 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row66 .imageContainer { height: auto !important; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav .imageContainer { width: 15%; height:24px !important; } .expandable .menuWrapper .six-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .nav .selected .expand-arrow.up.positioned { top: 15px; } .six-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } .six-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .six-collayout .navTextContainer { padding: 0px 8px 11px 8px; } } </style> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_4cols_2_25"> <div class="lo_colsIn lo_4cols_2in_25"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C129_Col01" class="sf_colsIn sf_1col_1in_100 layout3 nav"> <div class="tile expandableTileBox expandableTile"> <div class="slideDown inner navNav "> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/enclosed-ekip-up-web.jpg?sfvrsn=dae77909_1" class="lazy stretch" alt="" title="Enclosed Ekip UP" /> </div> <div class="navTextContainer asLink"> <h3>Enclosed Ekip UP</h3> <div class="expand-arrow positioned icon-abb_down_24 down" data-ga-params="Expandable Tile;Expand;Enclosed Ekip UP"></div> <div class="expand-arrow positioned icon-abb_up_24 up"></div> </div> </div> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> <style> /* Default css*/ @media all and (max-width: 768px) { /* add new css expandable 4 colum layout*/ .expandable .navWrapper.four-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav .imageContainer { width: 15%; } .expandable .menuWrapper .four-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .four-collayout .nav .selected .expand-arrow.up.positioned { top: 15px; } .four-collayout .navTextContainer { padding: 0px 8px 11px 8px; } .expandable .four-collayout .navTextContainer h3 { font-size: 20px !important; } .four-collayout .gradientHeadlineColors:before { border-top: none; } .four-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .expandable .menuWrapper .four-collayout .lo_4cols_1_25, .expandable .menuWrapper .four-collayout .lo_4cols_2_25, .expandable .menuWrapper .four-collayout .lo_4cols_3_25, .expandable .menuWrapper .four-collayout .lo_4cols_4_25 { float: left; width: 100%; margin: 0; } .expandable .menuWrapper .four-collayout .lo_row1 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row2 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row3 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row4 .imageContainer { height: auto !important; } .four-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } /* add new css expandable 6 column layout*/ .expandable .navWrapper.six-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .six-collayout .lo_row11 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row22 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row33 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row44 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row55 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row66 .imageContainer { height: auto !important; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav .imageContainer { width: 15%; height:24px !important; } .expandable .menuWrapper .six-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .nav .selected .expand-arrow.up.positioned { top: 15px; } .six-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } .six-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .six-collayout .navTextContainer { padding: 0px 8px 11px 8px; } } </style> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_4cols_3_25"> <div class="lo_colsIn lo_4cols_3in_25"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C129_Col02" class="sf_colsIn sf_1col_1in_100 layout3 nav"> <div class="tile expandableTileBox expandableTile"> <div class="slideDown inner navNav "> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/ekip-up-web.jpg?sfvrsn=d2dd7a09_1&CropWidth=390&CropHeight=195&Quality=High&CropX=0&CropY=0&Width=390&Height=195&Method=CropToFixedAreaCropToFixedAreaArguments&Key=a7424289a53c29d9b71def9955c549d2" class="lazy stretch" alt="" title="EkipUP+" /> </div> <div class="navTextContainer asLink"> <h3>EkipUP+</h3> <div class="expand-arrow positioned icon-abb_down_24 down" data-ga-params="Expandable Tile;Expand;EkipUP+"></div> <div class="expand-arrow positioned icon-abb_up_24 up"></div> </div> </div> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> <style> /* Default css*/ @media all and (max-width: 768px) { /* add new css expandable 4 colum layout*/ .expandable .navWrapper.four-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav .imageContainer { width: 15%; } .expandable .menuWrapper .four-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .four-collayout .nav .selected .expand-arrow.up.positioned { top: 15px; } .four-collayout .navTextContainer { padding: 0px 8px 11px 8px; } .expandable .four-collayout .navTextContainer h3 { font-size: 20px !important; } .four-collayout .gradientHeadlineColors:before { border-top: none; } .four-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .expandable .menuWrapper .four-collayout .lo_4cols_1_25, .expandable .menuWrapper .four-collayout .lo_4cols_2_25, .expandable .menuWrapper .four-collayout .lo_4cols_3_25, .expandable .menuWrapper .four-collayout .lo_4cols_4_25 { float: left; width: 100%; margin: 0; } .expandable .menuWrapper .four-collayout .lo_row1 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row2 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row3 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row4 .imageContainer { height: auto !important; } .four-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } /* add new css expandable 6 column layout*/ .expandable .navWrapper.six-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .six-collayout .lo_row11 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row22 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row33 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row44 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row55 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row66 .imageContainer { height: auto !important; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav .imageContainer { width: 15%; height:24px !important; } .expandable .menuWrapper .six-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .nav .selected .expand-arrow.up.positioned { top: 15px; } .six-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } .six-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .six-collayout .navTextContainer { padding: 0px 8px 11px 8px; } } </style> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_4cols_4_25"> <div class="lo_colsIn lo_4cols_4in_25"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C129_Col03" class="sf_colsIn sf_1col_1in_100 layout3 nav"> <div class="tile expandableTileBox expandableTile"> <div class="slideDown inner navNav "> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/gateway-web.jpg?sfvrsn=34de7a09_1&CropWidth=390&CropHeight=195&Quality=High&CropX=0&CropY=0&Width=390&Height=195&Method=CropToFixedAreaCropToFixedAreaArguments&Key=a7424289a53c29d9b71def9955c549d2" class="lazy stretch" alt="" title="Edge Industrial Gateway" /> </div> <div class="navTextContainer asLink"> <h3>Edge Industrial Gateway</h3> <div class="expand-arrow positioned icon-abb_down_24 down" data-ga-params="Expandable Tile;Expand;Edge Industrial Gateway"></div> <div class="expand-arrow positioned icon-abb_up_24 up"></div> </div> </div> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> <style> /* Default css*/ @media all and (max-width: 768px) { /* add new css expandable 4 colum layout*/ .expandable .navWrapper.four-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav .imageContainer { width: 15%; } .expandable .menuWrapper .four-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .four-collayout .nav .selected .expand-arrow.up.positioned { top: 15px; } .four-collayout .navTextContainer { padding: 0px 8px 11px 8px; } .expandable .four-collayout .navTextContainer h3 { font-size: 20px !important; } .four-collayout .gradientHeadlineColors:before { border-top: none; } .four-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .expandable .menuWrapper .four-collayout .lo_4cols_1_25, .expandable .menuWrapper .four-collayout .lo_4cols_2_25, .expandable .menuWrapper .four-collayout .lo_4cols_3_25, .expandable .menuWrapper .four-collayout .lo_4cols_4_25 { float: left; width: 100%; margin: 0; } .expandable .menuWrapper .four-collayout .lo_row1 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row2 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row3 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row4 .imageContainer { height: auto !important; } .four-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } /* add new css expandable 6 column layout*/ .expandable .navWrapper.six-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .six-collayout .lo_row11 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row22 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row33 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row44 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row55 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row66 .imageContainer { height: auto !important; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav .imageContainer { width: 15%; height:24px !important; } .expandable .menuWrapper .six-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .nav .selected .expand-arrow.up.positioned { top: 15px; } .six-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } .six-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .six-collayout .navTextContainer { padding: 0px 8px 11px 8px; } } </style> </div> </div> </div> </div> </div> </div> </div> <div class="bottomBorder"></div> <div class="lo_cols"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C129_Col04" class="sf_colsIn sf_1col_1in_100 layout12"><div class='sfContentBlock'><ul> <li><a href="https://new.abb.com/about/our-businesses/electrification/abb-ability/energy-and-asset-manager" target="_blank">Consulter la page web</a> (en anglais)</li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABBR0001&LanguageCode=fr&DocumentPartId=&Action=Launch" target="_blank">Télécharger la FAQ sur ABB Ability™ énergie et gestion d'actifs</a></li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABBR0004F&LanguageCode=fr&DocumentPartId=&Action=Launch" target="_blank">Télécharger la liste des widgets sur ABB Ability™ énergie et gestion d'actifs</a></li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=9AKK107991A2660&LanguageCode=en&DocumentPartId=&Action=Launch" target="_blank">Consulter le guide des spécifications techniques sur ABB Ability™ énergie et gestion d'actifs</a> (en anglais)</li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=9AKK107680A9224&LanguageCode=fr&DocumentPartId=&Action=Launch">Guide de l'approvisionnement sur le cloud</a></li> </ul> </div></div> <div class="toggle"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C129_Col05" class="sf_colsIn sf_1col_1in_100 layoutNavigation"></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="lo_cols"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C129_Col06" class="sf_colsIn sf_1col_1in_100 layout12"><div class='sfContentBlock'><ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABBR0002E&LanguageCode=en&DocumentPartId=&Action=Launch" target="_blank">Télécharger la brochure</a> (en anglais)</li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABBR0003F&LanguageCode=fr&DocumentPartId=&Action=Launch" target="_blank">Télécharger le guide d'installation</a></li> </ul> </div></div> <div class="toggle"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C129_Col07" class="sf_colsIn sf_1col_1in_100 layoutNavigation"></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="lo_cols"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C129_Col08" class="sf_colsIn sf_1col_1in_100 layout12"><div class='sfContentBlock'><ul> <li><a href="https://new.abb.com/low-voltage/products/circuit-breakers/ekip-up" target="_blank">Visiter la page web</a> (en anglais)</li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SDC001120D0201&LanguageCode=en&DocumentPartId=&Action=Launch">Télécharger le catalogue technique</a> (en anglais)</li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SDH002123A1001&LanguageCode=en&DocumentPartId=&Action=Launch">Télécharger le manuel d'utilisation</a></li> </ul> <ul> <li> <a href="https://search.abb.com/library/Download.aspx?DocumentID=1SDH002003A1002&LanguageCode=en&DocumentPartId=&Action=Launch">Télécharger le manuel d'installation, de configuration et d'entretien</a></li> </ul> </div></div> <div class="toggle"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C129_Col09" class="sf_colsIn sf_1col_1in_100 layoutNavigation"></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="lo_cols"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C129_Col10" class="sf_colsIn sf_1col_1in_100 layout12"><div class='sfContentBlock'><ul> <li><a href="https://new.abb.com/about/our-businesses/electrification/abb-ability/gateway" target="_blank">Gateway | ABB</a></li> </ul> <ul> <li><a href="https://www.youtube.com/watch?v=bq7xJfN0EnY">ABB Ability™ Edge Industrial Gateway (YouTube - en anglais)</a></li> </ul> <ul> <li><a href="https://new.abb.com/about/our-businesses/electrification/abb-ability/gateway" target="_blank"></a><a href="https://search.abb.com/library/Download.aspx?DocumentID=9AKK107991A9299&LanguageCode=en&DocumentPartId=&Action=Launch">Edge Industrial Gateway - IoT Gateway - locale</a></li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=9AKK107992A8147&LanguageCode=en&DocumentPartId=&Action=Launch">Edge Industrial Gateway - IoT Gateway - cloud</a></li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABBR0005E&LanguageCode=en&DocumentPartId=&Action=Launch" target="_blank"></a><a href="https://search.abb.com/library/Download.aspx?DocumentID=9AKK107991A7743&LanguageCode=en&DocumentPartId=&Action=Launch" target="_blank">Manuel - ABB Ability™ Edge Industrial Gateway</a></li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=9AKK107680A9224&LanguageCode=en&DocumentPartId=-2&Action=Launch" target="_blank"></a><a href="https://search.abb.com/library/Download.aspx?DocumentID=9AKK107680A9224&LanguageCode=en&DocumentPartId=-2&Action=Launch" target="_blank">Guide de provisionnement du cloud</a> (abb.com)</li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=9AKK107991A2811&LanguageCode=en&DocumentPartId=&Action=Launch" target="_blank">Produits et systèmes ABB Ability enabled R23Q1.3.xlsx</a></li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=9AKK108467A4276&LanguageCode=en&DocumentPartId=&Action=Launch">Directives de connectivité cloud du Edge Industrial Gateway</a> </li> </ul> <ul> <p>(liens disponibles en anglais)</p> </ul> </div></div> <div class="toggle"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C129_Col11" class="sf_colsIn sf_1col_1in_100 layoutNavigation"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> jsLibs.push("expandable"); widgetInit("expandable", function () { initExpandableLayout(); }); </script> <div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C143_Col00" class="sf_colsIn sf_1col_1in_100 layout12"> <div class="textContainer headline headline-cursor"> <h2 class="tile-headline">Outils et ressources</h2> </div> </div> </div> </div> </div> </div> </div><div class="expandable"> <div class="menuWrapper"> <div class="lo_cols t navWrapper"> <div class="lo_colsOut lo_6cols_1_16"> <div class="lo_colsIn lo_6cols_1in_16"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C110_Col00" class="sf_colsIn sf_1col_1in_100 layout2 nav"> <div class="tile expandableTileBox expandableTile"> <div class="slideDown inner navNav "> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/abb-ability-ekit.jpg?sfvrsn=4d9a6c0b_1&CropWidth=390&CropHeight=195&Quality=High&CropX=0&CropY=0&Width=390&Height=195&Method=CropToFixedAreaCropToFixedAreaArguments&Key=a7424289a53c29d9b71def9955c549d2" class="lazy stretch" alt="" title="Nouveau E-kit" /> </div> <div class="navTextContainer asLink"> <h3>Nouveau E-kit</h3> <div class="expand-arrow positioned icon-abb_down_24 down" data-ga-params="Expandable Tile;Expand;Nouveau E-kit"></div> <div class="expand-arrow positioned icon-abb_up_24 up"></div> </div> </div> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> <style> /* Default css*/ @media all and (max-width: 768px) { /* add new css expandable 4 colum layout*/ .expandable .navWrapper.four-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav .imageContainer { width: 15%; } .expandable .menuWrapper .four-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .four-collayout .nav .selected .expand-arrow.up.positioned { top: 15px; } .four-collayout .navTextContainer { padding: 0px 8px 11px 8px; } .expandable .four-collayout .navTextContainer h3 { font-size: 20px !important; } .four-collayout .gradientHeadlineColors:before { border-top: none; } .four-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .expandable .menuWrapper .four-collayout .lo_4cols_1_25, .expandable .menuWrapper .four-collayout .lo_4cols_2_25, .expandable .menuWrapper .four-collayout .lo_4cols_3_25, .expandable .menuWrapper .four-collayout .lo_4cols_4_25 { float: left; width: 100%; margin: 0; } .expandable .menuWrapper .four-collayout .lo_row1 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row2 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row3 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row4 .imageContainer { height: auto !important; } .four-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } /* add new css expandable 6 column layout*/ .expandable .navWrapper.six-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .six-collayout .lo_row11 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row22 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row33 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row44 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row55 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row66 .imageContainer { height: auto !important; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav .imageContainer { width: 15%; height:24px !important; } .expandable .menuWrapper .six-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .nav .selected .expand-arrow.up.positioned { top: 15px; } .six-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } .six-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .six-collayout .navTextContainer { padding: 0px 8px 11px 8px; } } </style> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_6cols_2_16"> <div class="lo_colsIn lo_6cols_2in_16"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C110_Col01" class="sf_colsIn sf_1col_1in_100 layout2 nav"> <div class="tile expandableTileBox expandableTile"> <div class="slideDown inner navNav "> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/ability-asset-manager-web.jpg?sfvrsn=94757c09_1" class="lazy stretch" alt="" title="Vidéos" /> </div> <div class="navTextContainer asLink"> <h3>Vidéos</h3> <div class="expand-arrow positioned icon-abb_down_24 down" data-ga-params="Expandable Tile;Expand;Vidéos"></div> <div class="expand-arrow positioned icon-abb_up_24 up"></div> </div> </div> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> <style> /* Default css*/ @media all and (max-width: 768px) { /* add new css expandable 4 colum layout*/ .expandable .navWrapper.four-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav .imageContainer { width: 15%; } .expandable .menuWrapper .four-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .four-collayout .nav .selected .expand-arrow.up.positioned { top: 15px; } .four-collayout .navTextContainer { padding: 0px 8px 11px 8px; } .expandable .four-collayout .navTextContainer h3 { font-size: 20px !important; } .four-collayout .gradientHeadlineColors:before { border-top: none; } .four-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .expandable .menuWrapper .four-collayout .lo_4cols_1_25, .expandable .menuWrapper .four-collayout .lo_4cols_2_25, .expandable .menuWrapper .four-collayout .lo_4cols_3_25, .expandable .menuWrapper .four-collayout .lo_4cols_4_25 { float: left; width: 100%; margin: 0; } .expandable .menuWrapper .four-collayout .lo_row1 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row2 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row3 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row4 .imageContainer { height: auto !important; } .four-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } /* add new css expandable 6 column layout*/ .expandable .navWrapper.six-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .six-collayout .lo_row11 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row22 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row33 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row44 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row55 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row66 .imageContainer { height: auto !important; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav .imageContainer { width: 15%; height:24px !important; } .expandable .menuWrapper .six-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .nav .selected .expand-arrow.up.positioned { top: 15px; } .six-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } .six-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .six-collayout .navTextContainer { padding: 0px 8px 11px 8px; } } </style> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_6cols_3_16"> <div class="lo_colsIn lo_6cols_3in_16"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C110_Col02" class="sf_colsIn sf_1col_1in_100 layout2 nav"> <div class="tile expandableTileBox expandableTile"> <div class="slideDown inner navNav "> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/webinarsf6c01df1c1f463c09537ff0000433538.jpg?sfvrsn=c8347e09_1" class="lazy stretch" alt="" title="Enregistrements de webinaires" /> </div> <div class="navTextContainer asLink"> <h3>Enregistrements de webinaires</h3> <div class="expand-arrow positioned icon-abb_down_24 down" data-ga-params="Expandable Tile;Expand;Enregistrements de webinaires"></div> <div class="expand-arrow positioned icon-abb_up_24 up"></div> </div> </div> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> <style> /* Default css*/ @media all and (max-width: 768px) { /* add new css expandable 4 colum layout*/ .expandable .navWrapper.four-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav .imageContainer { width: 15%; } .expandable .menuWrapper .four-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .four-collayout .nav .selected .expand-arrow.up.positioned { top: 15px; } .four-collayout .navTextContainer { padding: 0px 8px 11px 8px; } .expandable .four-collayout .navTextContainer h3 { font-size: 20px !important; } .four-collayout .gradientHeadlineColors:before { border-top: none; } .four-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .expandable .menuWrapper .four-collayout .lo_4cols_1_25, .expandable .menuWrapper .four-collayout .lo_4cols_2_25, .expandable .menuWrapper .four-collayout .lo_4cols_3_25, .expandable .menuWrapper .four-collayout .lo_4cols_4_25 { float: left; width: 100%; margin: 0; } .expandable .menuWrapper .four-collayout .lo_row1 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row2 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row3 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row4 .imageContainer { height: auto !important; } .four-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } /* add new css expandable 6 column layout*/ .expandable .navWrapper.six-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .six-collayout .lo_row11 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row22 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row33 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row44 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row55 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row66 .imageContainer { height: auto !important; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav .imageContainer { width: 15%; height:24px !important; } .expandable .menuWrapper .six-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .nav .selected .expand-arrow.up.positioned { top: 15px; } .six-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } .six-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .six-collayout .navTextContainer { padding: 0px 8px 11px 8px; } } </style> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_6cols_4_16"> <div class="lo_colsIn lo_6cols_4in_16"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C110_Col03" class="sf_colsIn sf_1col_1in_100 layout2 nav"> <div class="tile contentTile"> <a class="inner clickable" href="https://ability.abb.com/" data-ga-params="Content;Content tiles clicked;ABB Ability™"> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/ability-webd64219f1c1f463c09537ff0000433538.jpg?sfvrsn=e8b67a09_1" class="lazy stretch" alt="" /> </div> <div class="textContainer"> <span class="header3">ABB Ability™</span> <br /> </div> </a> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_6cols_5_16"> <div class="lo_colsIn lo_6cols_5in_16"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C110_Col04" class="sf_colsIn sf_1col_1in_100 layout2 nav"> <div class="tile contentTile"> <a class="inner clickable" href="https://partnerhub.connect.abb.com/" data-ga-params="Content;Content tiles clicked;ABB Connect Partner Hub"> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/connect-partner-hub-web.jpg?sfvrsn=bdb67a09_1" class="lazy stretch" alt="" /> </div> <div class="textContainer"> <span class="header3">ABB Connect Partner Hub</span> <br /> </div> </a> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_6cols_6_16"> <div class="lo_colsIn lo_6cols_6in_16"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C110_Col05" class="sf_colsIn sf_1col_1in_100 layout2 nav"> <div class="tile contentTile"> <a class="inner clickable" href="https://us.marketplace.ability.abb/en-US/listing" data-ga-params="Content;Content tiles clicked;ABB Ability™ Marketplace™"> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/marketplace-web.jpg?sfvrsn=a2a67a09_1" class="lazy stretch" alt="" /> </div> <div class="textContainer"> <span class="header3">ABB Ability™ Marketplace™</span> <br /> </div> </a> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> </div> </div> </div> </div> </div> </div> </div> <div class="bottomBorder"></div> <div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C110_Col06" class="sf_colsIn sf_1col_1in_100 layout12"><div class='sfContentBlock'><ul> <li><a href="https://new.abb.com/low-voltage/products/smart-power-digital-solutions/e-kit" target="_blank">Page web produit ABB E-kit</a> (en anglais)</li> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABBR0006F&LanguageCode=fr&DocumentPartId=&Action=Launch" target="_blank">Brochure canadienne du E-kit </a></li> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABBR0006F&LanguageCode=fr&DocumentPartId=&Action=Launch" target="_blank"></a><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SDH002203a1002&LanguageCode=en&DocumentPartId=&Action=Launch" target="_blank">Manuel de l'utilisateur du E-kit </a>(en anglais)</li> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=9AKK108467A9364&LanguageCode=en&DocumentPartId=&Action=Launch" target="_blank">Vidéo de démarrage de l'E-kit</a> (en anglais)</li> </ul> </div></div> <div class="toggle"> </div> </div> </div> </div> </div> </div> <div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C110_Col07" class="sf_colsIn sf_1col_1in_100 layout12"><div class='sfContentBlock'><ul> <li> <p><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABVI0005E&LanguageCode=en&DocumentPartId=&Action=Launch" target="_blank">Minutes numériques - L'écrêtement des pointes avec EkipUP+</a></p> </li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABVI0001E&LanguageCode=en&DocumentPartId=&Action=Launch" target="_blank">Minutes numériques - Mise à niveau numérique des équipements existants</a></li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABVI0002E&LanguageCode=en&DocumentPartId=&Action=Launch" target="_blank">Minutes numériques - Les données dans la gestion de l'énergie</a></li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABVI0003E&LanguageCode=en&DocumentPartId=&Action=Launch" target="_blank">Minutes numériques - Gestion des actifs</a></li> </ul> <ul> <li><a href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABVI0004E&LanguageCode=en&DocumentPartId=&Action=Launch" target="_blank">Minutes numériques - Cloud et EAM</a></li> </ul> <ul> <li><a href="https://www.youtube.com/watch?v=tRMY5VV4VpQ" target="_blank">ABB Ability™ Asset Manager – Démonstration d'Andrea Temporiti, ABB Électrification</a> </li> </ul> <ul> <li><a href="https://partnerhub.connect.abb.com/digitaltalks/video-detail/Live%20demo/ABB%20Ability%20Energy%20and%20Asset%20Manager%20live%20demo%20Virtual%20Coffee%20Event" target="_blank">Démonstration live sur ABB Ability™ Energy and Asset Manager</a> <br /> </li> </ul> <ul> <li><a href="https://partnerhub.connect.abb.com/digitaltalks/Tags/AbbAbbilityHowTo" target="_blank">Passerelle ABB Ability™ Comment faire?</a> </li> </ul> <ul> <li><a href="https://new.abb.com/low-voltage/products/circuit-breakers/ekip-up/videomanuals" target="_blank">Tutoriels vidéos : guides d'instruction sur Ekip UP</a> </li> </ul> <p>(liens disponibles en anglais)</p> </div></div> <div class="toggle"> </div> </div> </div> </div> </div> </div> <div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C110_Col08" class="sf_colsIn sf_1col_1in_100 layout12"><div class='sfContentBlock'><ul> <li> <p><a href="https://campaign-el.abb.com/l/961032/2024-03-27/5hzc1">Ressources en vedette sur l'électrification</a></p> </li> <li> <p><a href="https://www.youtube.com/watch?app=desktop&v=q5JZfixXBEU" target="_blank">Des solutions intelligentes pour moderniser une installation électrique</a> (anglais)</p> </li> </ul> <ul> <li> <p><a href="https://www.youtube.com/watch?v=R6mFQLx24hI" target="_blank">Webinaire sur la distribution électrique intelligente à basse tension</a> (anglais)</p> <br /> </li> </ul> </div></div> <div class="toggle"> </div> </div> </div> </div> </div> </div> <div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C110_Col09" class="sf_colsIn sf_1col_1in_100 layout12"></div> <div class="toggle"> </div> </div> </div> </div> </div> </div> <div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C110_Col10" class="sf_colsIn sf_1col_1in_100 layout12"></div> <div class="toggle"> </div> </div> </div> </div> </div> </div> <div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C110_Col11" class="sf_colsIn sf_1col_1in_100 layout12"></div> <div class="toggle"> </div> </div> </div> </div> </div> </div> </div> <script> jsLibs.push("expandable"); widgetInit("expandable", function () { initExpandableLayout(); }); </script> <div class="expandable"> <div class="menuWrapper"> <div class="lo_cols t navWrapper"> <div class="lo_colsOut lo_6cols_1_16"> <div class="lo_colsIn lo_6cols_1in_16"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C138_Col00" class="sf_colsIn sf_1col_1in_100 layout2 nav"> <a href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABTO0002&LanguageCode=en&DocumentPartId=&Action=Launch" class="abb-link--pure"> <div class="tile expandableTileBox expandableTile"> <div class="slideDown inner navNav asSingle"> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/ability-web362476f3c1f463c09537ff0000433538.jpg?sfvrsn=8d0150b_1" class="lazy stretch" alt="" title="FAQ interactive sur ABB Ability™ (téléchargeable)" /> </div> <div class="navTextContainer asLink"> <h3>FAQ interactive sur ABB Ability™ (téléchargeable)</h3> <div class=" positioned icon-abb_down_24 down" data-ga-params="Expandable Tile;Expand;FAQ interactive sur ABB Ability™ (téléchargeable)"></div> <div class=" positioned icon-abb_up_24 up"></div> </div> </div> </div> </a> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> <style> /* Default css*/ @media all and (max-width: 768px) { /* add new css expandable 4 colum layout*/ .expandable .navWrapper.four-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav .imageContainer { width: 15%; } .expandable .menuWrapper .four-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .four-collayout .nav .selected .expand-arrow.up.positioned { top: 15px; } .four-collayout .navTextContainer { padding: 0px 8px 11px 8px; } .expandable .four-collayout .navTextContainer h3 { font-size: 20px !important; } .four-collayout .gradientHeadlineColors:before { border-top: none; } .four-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .expandable .menuWrapper .four-collayout .lo_4cols_1_25, .expandable .menuWrapper .four-collayout .lo_4cols_2_25, .expandable .menuWrapper .four-collayout .lo_4cols_3_25, .expandable .menuWrapper .four-collayout .lo_4cols_4_25 { float: left; width: 100%; margin: 0; } .expandable .menuWrapper .four-collayout .lo_row1 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row2 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row3 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row4 .imageContainer { height: auto !important; } .four-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } /* add new css expandable 6 column layout*/ .expandable .navWrapper.six-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .six-collayout .lo_row11 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row22 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row33 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row44 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row55 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row66 .imageContainer { height: auto !important; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav .imageContainer { width: 15%; height:24px !important; } .expandable .menuWrapper .six-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .nav .selected .expand-arrow.up.positioned { top: 15px; } .six-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } .six-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .six-collayout .navTextContainer { padding: 0px 8px 11px 8px; } } </style> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_6cols_2_16"> <div class="lo_colsIn lo_6cols_2in_16"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C138_Col01" class="sf_colsIn sf_1col_1in_100 layout2 nav"> <a href="https://campaign.abb.com/ROIcalculator" class="abb-link--pure"> <div class="tile expandableTileBox expandableTile"> <div class="slideDown inner navNav asSingle"> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/roi-calculator-web992476f3c1f463c09537ff0000433538.jpg?sfvrsn=a7d0150b_1" class="lazy stretch" alt="" title="Calculez le montant que vous pourriez économiser" /> </div> <div class="navTextContainer asLink"> <h3>Calculez le montant que vous pourriez économiser</h3> <div class=" positioned icon-abb_down_24 down" data-ga-params="Expandable Tile;Expand;Calculez le montant que vous pourriez économiser"></div> <div class=" positioned icon-abb_up_24 up"></div> </div> </div> </div> </a> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> <style> /* Default css*/ @media all and (max-width: 768px) { /* add new css expandable 4 colum layout*/ .expandable .navWrapper.four-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav .imageContainer { width: 15%; } .expandable .menuWrapper .four-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .four-collayout .nav .selected .expand-arrow.up.positioned { top: 15px; } .four-collayout .navTextContainer { padding: 0px 8px 11px 8px; } .expandable .four-collayout .navTextContainer h3 { font-size: 20px !important; } .four-collayout .gradientHeadlineColors:before { border-top: none; } .four-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .expandable .menuWrapper .four-collayout .lo_4cols_1_25, .expandable .menuWrapper .four-collayout .lo_4cols_2_25, .expandable .menuWrapper .four-collayout .lo_4cols_3_25, .expandable .menuWrapper .four-collayout .lo_4cols_4_25 { float: left; width: 100%; margin: 0; } .expandable .menuWrapper .four-collayout .lo_row1 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row2 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row3 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row4 .imageContainer { height: auto !important; } .four-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } /* add new css expandable 6 column layout*/ .expandable .navWrapper.six-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .six-collayout .lo_row11 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row22 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row33 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row44 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row55 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row66 .imageContainer { height: auto !important; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav .imageContainer { width: 15%; height:24px !important; } .expandable .menuWrapper .six-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .nav .selected .expand-arrow.up.positioned { top: 15px; } .six-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } .six-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .six-collayout .navTextContainer { padding: 0px 8px 11px 8px; } } </style> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_6cols_3_16"> <div class="lo_colsIn lo_6cols_3in_16"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C138_Col02" class="sf_colsIn sf_1col_1in_100 layout2 nav"> <a href="https://casestudies.abb.com/?tags=127" class="abb-link--pure"> <div class="tile expandableTileBox expandableTile"> <div class="slideDown inner navNav asSingle"> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/case-study-selector-abbc02476f3c1f463c09537ff0000433538.png?sfvrsn=fed0150b_1" class="lazy stretch" alt="" title="Études de cas" /> </div> <div class="navTextContainer asLink"> <h3>Études de cas</h3> <div class=" positioned icon-abb_down_24 down" data-ga-params="Expandable Tile;Expand;Études de cas"></div> <div class=" positioned icon-abb_up_24 up"></div> </div> </div> </div> </a> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> <style> /* Default css*/ @media all and (max-width: 768px) { /* add new css expandable 4 colum layout*/ .expandable .navWrapper.four-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav .imageContainer { width: 15%; } .expandable .menuWrapper .four-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .four-collayout .nav .selected .expand-arrow.up.positioned { top: 15px; } .four-collayout .navTextContainer { padding: 0px 8px 11px 8px; } .expandable .four-collayout .navTextContainer h3 { font-size: 20px !important; } .four-collayout .gradientHeadlineColors:before { border-top: none; } .four-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .expandable .menuWrapper .four-collayout .lo_4cols_1_25, .expandable .menuWrapper .four-collayout .lo_4cols_2_25, .expandable .menuWrapper .four-collayout .lo_4cols_3_25, .expandable .menuWrapper .four-collayout .lo_4cols_4_25 { float: left; width: 100%; margin: 0; } .expandable .menuWrapper .four-collayout .lo_row1 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row2 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row3 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row4 .imageContainer { height: auto !important; } .four-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } /* add new css expandable 6 column layout*/ .expandable .navWrapper.six-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .six-collayout .lo_row11 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row22 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row33 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row44 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row55 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row66 .imageContainer { height: auto !important; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav .imageContainer { width: 15%; height:24px !important; } .expandable .menuWrapper .six-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .nav .selected .expand-arrow.up.positioned { top: 15px; } .six-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } .six-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .six-collayout .navTextContainer { padding: 0px 8px 11px 8px; } } </style> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_6cols_4_16"> <div class="lo_colsIn lo_6cols_4in_16"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C138_Col03" class="sf_colsIn sf_1col_1in_100 layout2 nav"> <div class="tile expandableTileBox expandableTile"> <div class="slideDown inner navNav "> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/cyber-secuity.jpg?sfvrsn=36bbfa09_1&CropWidth=390&CropHeight=195&Quality=High&CropX=0&CropY=0&Width=390&Height=195&Method=CropToFixedAreaCropToFixedAreaArguments&Key=a7424289a53c29d9b71def9955c549d2" class="lazy stretch" alt="" title="Cybersécurité" /> </div> <div class="navTextContainer asLink"> <h3>Cybersécurité</h3> <div class="expand-arrow positioned icon-abb_down_24 down" data-ga-params="Expandable Tile;Expand;Cybersécurité"></div> <div class="expand-arrow positioned icon-abb_up_24 up"></div> </div> <span class="expandMe"></span> </div> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> <style> /* Default css*/ @media all and (max-width: 768px) { /* add new css expandable 4 colum layout*/ .expandable .navWrapper.four-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav .imageContainer { width: 15%; } .expandable .menuWrapper .four-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .four-collayout .nav .selected .expand-arrow.up.positioned { top: 15px; } .four-collayout .navTextContainer { padding: 0px 8px 11px 8px; } .expandable .four-collayout .navTextContainer h3 { font-size: 20px !important; } .four-collayout .gradientHeadlineColors:before { border-top: none; } .four-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .expandable .menuWrapper .four-collayout .lo_4cols_1_25, .expandable .menuWrapper .four-collayout .lo_4cols_2_25, .expandable .menuWrapper .four-collayout .lo_4cols_3_25, .expandable .menuWrapper .four-collayout .lo_4cols_4_25 { float: left; width: 100%; margin: 0; } .expandable .menuWrapper .four-collayout .lo_row1 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row2 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row3 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row4 .imageContainer { height: auto !important; } .four-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } /* add new css expandable 6 column layout*/ .expandable .navWrapper.six-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .six-collayout .lo_row11 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row22 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row33 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row44 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row55 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row66 .imageContainer { height: auto !important; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav .imageContainer { width: 15%; height:24px !important; } .expandable .menuWrapper .six-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .nav .selected .expand-arrow.up.positioned { top: 15px; } .six-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } .six-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .six-collayout .navTextContainer { padding: 0px 8px 11px 8px; } } </style> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_6cols_5_16"> <div class="lo_colsIn lo_6cols_5in_16"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C138_Col04" class="sf_colsIn sf_1col_1in_100 layout2 nav"> <div class="tile expandableTileBox expandableTile"> <div class="slideDown inner navNav "> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/11ef9761f3c1f463c09537ff0000433538.jpg?sfvrsn=d163020b_1&CropWidth=889&CropHeight=417&Quality=High&CropX=0&CropY=0&Width=852&Height=400&Method=CropToFixedAreaCropToFixedAreaArguments&Key=f619d4975a6df65e79cd8cd5e783102d" class="lazy stretch" alt="" title="Ability™ Selector" /> </div> <div class="navTextContainer asLink"> <h3>Ability™ Selector</h3> <div class="expand-arrow positioned icon-abb_down_24 down" data-ga-params="Expandable Tile;Expand;Ability™ Selector"></div> <div class="expand-arrow positioned icon-abb_up_24 up"></div> </div> <span class="expandMe"></span> </div> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> <style> /* Default css*/ @media all and (max-width: 768px) { /* add new css expandable 4 colum layout*/ .expandable .navWrapper.four-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav .imageContainer { width: 15%; } .expandable .menuWrapper .four-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .four-collayout .nav .selected .expand-arrow.up.positioned { top: 15px; } .four-collayout .navTextContainer { padding: 0px 8px 11px 8px; } .expandable .four-collayout .navTextContainer h3 { font-size: 20px !important; } .four-collayout .gradientHeadlineColors:before { border-top: none; } .four-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .expandable .menuWrapper .four-collayout .lo_4cols_1_25, .expandable .menuWrapper .four-collayout .lo_4cols_2_25, .expandable .menuWrapper .four-collayout .lo_4cols_3_25, .expandable .menuWrapper .four-collayout .lo_4cols_4_25 { float: left; width: 100%; margin: 0; } .expandable .menuWrapper .four-collayout .lo_row1 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row2 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row3 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row4 .imageContainer { height: auto !important; } .four-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } /* add new css expandable 6 column layout*/ .expandable .navWrapper.six-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .six-collayout .lo_row11 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row22 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row33 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row44 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row55 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row66 .imageContainer { height: auto !important; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav .imageContainer { width: 15%; height:24px !important; } .expandable .menuWrapper .six-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .nav .selected .expand-arrow.up.positioned { top: 15px; } .six-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } .six-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .six-collayout .navTextContainer { padding: 0px 8px 11px 8px; } } </style> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_6cols_6_16"> <div class="lo_colsIn lo_6cols_6in_16"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C138_Col05" class="sf_colsIn sf_1col_1in_100 layout2 nav"> <a href="https://campaign.abb.com/Esco" class="abb-link--pure"> <div class="tile expandableTileBox expandableTile"> <div class="slideDown inner navNav asSingle"> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/12.jpg?sfvrsn=3b6d020b_1&CropWidth=595&CropHeight=402&Quality=High&CropX=0&CropY=0&Width=595&Height=402&Method=CropToFixedAreaCropToFixedAreaArguments&Key=241667d37b92989fa2fb5bcd8bde37ed" class="lazy stretch" alt="" title="Programme de partenariat ABB ESCo" /> </div> <div class="navTextContainer asLink"> <h3>Programme de partenariat ABB ESCo</h3> <div class=" positioned icon-abb_down_24 down" data-ga-params="Expandable Tile;Expand;Programme de partenariat ABB ESCo"></div> <div class=" positioned icon-abb_up_24 up"></div> </div> </div> </div> </a> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> <style> /* Default css*/ @media all and (max-width: 768px) { /* add new css expandable 4 colum layout*/ .expandable .navWrapper.four-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_1_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_2_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_3_25:hover, #PublicWrapper .expandable .navWrapper.four-collayout .lo_colsOut.lo_4cols_4_25:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .four-collayout .slideDown.inner.navNav .imageContainer { width: 15%; } .expandable .menuWrapper .four-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .four-collayout .nav .selected .expand-arrow.up.positioned { top: 15px; } .four-collayout .navTextContainer { padding: 0px 8px 11px 8px; } .expandable .four-collayout .navTextContainer h3 { font-size: 20px !important; } .four-collayout .gradientHeadlineColors:before { border-top: none; } .four-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .expandable .menuWrapper .four-collayout .lo_4cols_1_25, .expandable .menuWrapper .four-collayout .lo_4cols_2_25, .expandable .menuWrapper .four-collayout .lo_4cols_3_25, .expandable .menuWrapper .four-collayout .lo_4cols_4_25 { float: left; width: 100%; margin: 0; } .expandable .menuWrapper .four-collayout .lo_row1 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row2 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row3 .imageContainer, .expandable .menuWrapper .four-collayout .lo_row4 .imageContainer { height: auto !important; } .four-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } /* add new css expandable 6 column layout*/ .expandable .navWrapper.six-collayout { width: 100%; height: auto; padding-right: 21px; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16 { width: 100% !important; } #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_1_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_2_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_3_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_4_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_5_16:hover, #PublicWrapper .expandable .navWrapper.six-collayout .lo_colsOut.lo_6cols_6_16:hover { background: #f5f5f5; border-top: 1px solid #e5e2e2; border-bottom: 1px solid #e5e2e2; } .expandable .menuWrapper .six-collayout .lo_row11 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row22 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row33 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row44 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row55 .imageContainer, .expandable .menuWrapper .six-collayout .lo_row66 .imageContainer { height: auto !important; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav { display: flex; flex-direction: row; height: auto !important; min-height: auto !important; align-items: center; } .expandable .menuWrapper .six-collayout .slideDown.inner.navNav .imageContainer { width: 15%; height:24px !important; } .expandable .menuWrapper .six-collayout .expand-arrow.positioned { right: 4%; top: 15px; } .expandable .nav .selected .expand-arrow.up.positioned { top: 15px; } .six-collayout .tile.expandableTileBox.expandableTile { padding-top: 0px; } .six-collayout .gradientHeadlineColors.selected { border-bottom: 0px; } .six-collayout .navTextContainer { padding: 0px 8px 11px 8px; } } </style> </div> </div> </div> </div> </div> </div> </div> <div class="bottomBorder"></div> <div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C138_Col06" class="sf_colsIn sf_1col_1in_100 layout12"></div> <div class="toggle"> </div> </div> </div> </div> </div> </div> <div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C138_Col07" class="sf_colsIn sf_1col_1in_100 layout12"></div> <div class="toggle"> </div> </div> </div> </div> </div> </div> <div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C138_Col08" class="sf_colsIn sf_1col_1in_100 layout12"></div> <div class="toggle"> </div> </div> </div> </div> </div> </div> <div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C138_Col09" class="sf_colsIn sf_1col_1in_100 layout12"><div class='sfContentBlock'><ul> <li><a href="https://azure.microsoft.com/mediahandler/files/resourcefiles/-a-solution-for-360-degree-industrial-internet-security/ABB-MSFT-NXP_Cybersecurity%20Whitepaper_2021.pdf" target="_blank">Livre blanc conjoint ABB-MSFT-NXP sur la cybersécurité</a> <br /> </li> </ul> <ul> <li><a href="https://library.e.abb.com/public/a04e0203e17c47a188bbfda34a1e9168/ABB_Cybersecurity_Protecting_data.pdf" target="_blank">Livre blanc ABB Ability™ sur la cybersécurité</a> <br /> </li> </ul> <p>(liens disponibles en anglais)</p> </div></div> <div class="toggle"> </div> </div> </div> </div> </div> </div> <div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C138_Col10" class="sf_colsIn sf_1col_1in_100 layout12"><div class='sfContentBlock'><ul> <li><a target="_blank" href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABTO0003&LanguageCode=en&DocumentPartId=&Action=Launch">Télécharger Ability™ Selector</a> </li> <li><a target="_blank" href="https://search.abb.com/library/Download.aspx?DocumentID=1SXPABVI00056E&LanguageCode=en&DocumentPartId=&Action=Launch">Guide vidéo pour Ability™ Selector</a></li> </ul> <p>(liens disponibles en anglais)</p> <p> </p> </div></div> <div class="toggle"> </div> </div> </div> </div> </div> </div> <div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100 slideDownMenu"> <div id="Content_C138_Col11" class="sf_colsIn sf_1col_1in_100 layout12"></div> <div class="toggle"> </div> </div> </div> </div> </div> </div> </div> <script> jsLibs.push("expandable"); widgetInit("expandable", function () { initExpandableLayout(); }); </script> <div class="textContainer headline headline-cursor"> <h2 class="tile-headline">Actualités</h2> </div> <div class="lo_cols t layout3_4"> <div class="lo_colsOut lo_4cols_1_25"> <div class="lo_colsIn lo_4cols_1in_25"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C071_Col00" class="sf_colsIn sf_1col_1in_100 layout3"> <div class="tile contentTile"> <a class="inner clickable" href="https://search.abb.com/library/Download.aspx?DocumentID=9AKK108468A6991&LanguageCode=fr&DocumentPartId=&Action=Launch" data-ga-params="Content;Content tiles clicked;Comment s'attaquer aux coûts d'exploitation des entreprises"> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/ask-the-experts-how-to-tackle-the-business-cost-of-operatingweb-.jpg?Culture=fr&sfvrsn=4deae40b_2" class="lazy stretch" alt="" /> </div> <div class="textContainer"> <div class="date">Demandez à l'expert</div> <span class="header3">Comment s'attaquer aux coûts d'exploitation des entreprises</span> <br /> </div> </a> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_4cols_2_25"> <div class="lo_colsIn lo_4cols_2in_25"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C071_Col01" class="sf_colsIn sf_1col_1in_100 layout3"> <div class="tile contentTile"> <a class="inner clickable" href="https://new.abb.com/news/fr/detail/105265/lavenir-est-numerique-levolution-du-secteur-industriel-vers-le-developpement-durable" data-ga-params="Content;Content tiles clicked;L’avenir est numérique : l’évolution du secteur industriel vers le développement durable"> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/abb_smart_guide_-_acs880_drive_installation_-_4-web.jpg?Culture=fr&sfvrsn=ade9e40b_2" class="lazy stretch" alt="" /> </div> <div class="textContainer"> <div class="date">Article</div> <span class="header3">L’avenir est numérique : l’évolution du secteur industriel vers le développement durable</span> <br /> </div> </a> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_4cols_3_25"> <div class="lo_colsIn lo_4cols_3in_25"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C071_Col02" class="sf_colsIn sf_1col_1in_100 layout3"> <div class="tile contentTile"> <a class="inner clickable" href="https://sustainablebiz.ca/digitalization-enables-business-energy-efficiency-growth-abb-canada" target="_blank" data-ga-params="Content;Content tiles clicked;La numérisation favorise l’efficacité énergétique et la croissance des entreprises, selon ABB Canada"> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/abbability_energyassetmanager_main_visual_small-web.jpg?Culture=fr&sfvrsn=8deae40b_2" class="lazy stretch" alt="" /> </div> <div class="textContainer"> <div class="date">Article dans Sustainable Biz Canada</div> <span class="header3">La numérisation favorise l’efficacité énergétique et la croissance des entreprises, selon ABB Canada</span> <br /> </div> </a> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> </div> </div> </div> </div> </div> <div class="lo_colsOut lo_4cols_4_25"> <div class="lo_colsIn lo_4cols_4in_25"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_C071_Col03" class="sf_colsIn sf_1col_1in_100 layout3"> <div class="tile contentTile"> <a class="inner clickable" href="https://new.abb.com/news/fr/detail/107735/vous-cherchez-des-moyens-datteindre-votre-objectif-demissions-nettes-zero-dici-2050" data-ga-params="Content;Content tiles clicked;Comment les bâtiments intelligents contribuent au plan net-zéro du Canada"> <div class="imageContainer"> <img data-src="https://www07.abb.com/images/librariesprovider16/canadian-image-bank/abb-smartercity-c-cam-thumbnail.jpg?Culture=fr&sfvrsn=b66e30b_2" class="lazy stretch" alt="" /> </div> <div class="textContainer"> <div class="date">Article dans Innovating Canada</div> <span class="header3">Comment les bâtiments intelligents contribuent au plan net-zéro du Canada</span> <br /> </div> </a> </div> <script> dragDropCallback(function () { rememberContainingLayout(); }); </script> </div> </div> </div> </div> </div> </div> </div> <!-- END CONTENT--> </div> </div> </div></div> </div> </div> </div> </div> </div><div class="lo_cols t"> <div class="lo_colsOut lo_1col_1_100"> <div class="lo_colsIn lo_1col_1in_100"> <div class="sf_cols"> <div class="sf_colsOut sf_1col_1_100"> <div id="Content_T97430D44019_Col00" class="sf_colsIn sf_1col_1in_100 layout12"> <link href="/Mvc/Views/Teaser/teaser.css?v=638775590927560335" rel="stylesheet" type="text/css" /> <div> <!-- Start Left side content and right side image--> <section class="teaserwidget"> <div class="teaserwidget_container"> <div class="right_img_mobile"> <img class="right_img_mobile lazy" src="https://new.abb.com/images/librariesprovider16/canadian-image-bank/abb_gdpr_background-(1).jpg?sfvrsn=1d25f009_2" data-src="https://new.abb.com/images/librariesprovider16/canadian-image-bank/abb_gdpr_background-(1).jpg?sfvrsn=1d25f009_2" data-cmp-hook-image="image" alt="ABB_GDPR_FR" /> </div> <div class="left_content"> <div class="content"> <div> <h3></h3> <h4></h4> </div> <div> <h2>Électrifiez votre boîte de réception!</h2> </div> <div> Bénéficiez d'un accès exclusif aux actualités sur nos produits, lancements, webinaires, promotions et bien plus encore. </div> <div class="teaser-button"> <a class="primary-button-teaser" href="https://campaign-el.abb.com/l/961032/2024-01-30/589h2" target="_blank">Inscrivez-moi!</a> </div> </div> </div> <div class="right_img"> <img class="right_img lazy" src="https://new.abb.com/images/librariesprovider16/canadian-image-bank/abb_gdpr_background-(1).jpg?sfvrsn=1d25f009_2" data-src="https://new.abb.com/images/librariesprovider16/canadian-image-bank/abb_gdpr_background-(1).jpg?sfvrsn=1d25f009_2" data-cmp-hook-image="image" alt="ABB_GDPR_FR" /> </div> </div> </section> <!--End Left side content and right side image--> </div> </div> </div> </div> </div> </div> </div> <div > <div class="sfContentBlock sf-Long-text" ><div id="language-selector-container" data-abb-reveal="" class="abb-reveal abb-reveal--large" data-elastic-exclude=""><span class="abb-heading-2">Select region / language</span> <ul id="language-selector" data-abb-tabs="" class="abb-tabs"><li class="abb-tabs__title abb-tabs--is-active"><a data-sf-ec-immutable="" href="#languages_europe">Europe</a></li><li class="abb-tabs__title"><a data-sf-ec-immutable="" href="#languages_americas">Americas</a></li><li class="abb-tabs__title"><a data-sf-ec-immutable="" href="#languages_middle-east-and-africa">Middle East and Africa</a></li><li class="abb-tabs__title"><a data-sf-ec-immutable="" href="#languages_asia-and-oceania">Asia and Oceania</a></li></ul><div data-abb-tabs-content="language-selector" class="abb-tabs__content"><div id="languages_europe" class="abb-tabs__content__panel abb-tabs--is-active"><ul data-abb-section="" class="abb-list--unstyled abb-list--margined abb-section abb-section--three-columns-flow"><li><span>Global</span> - <a data-sf-ec-immutable="" href="https://global.abb">English</a></li><li><span>Austria</span> - <a href="https://new.abb.com/at" data-sf-ec-immutable="">German</a></li><li><span>Belgium</span> - <a href="https://new.abb.com/benelux" data-sf-ec-immutable="">Dutch</a> | <a href="https://new.abb.com/benelux/fr" data-sf-ec-immutable="">French</a></li><li><span>Bulgaria</span> - <a href="https://new.abb.com/bg" data-sf-ec-immutable="">Bulgarian</a></li><li><span>Croatia</span> - <a href="https://new.abb.com/hr" data-sf-ec-immutable="">Croatian</a></li><li><span>Czech Republic</span> - <a href="https://new.abb.com/cz" data-sf-ec-immutable="">Czech</a> </li><li><span>Denmark</span> - <a href="https://new.abb.com/dk" data-sf-ec-immutable="">Danish</a></li><li><span>Estonia</span> - <a href="https://new.abb.com/ee" data-sf-ec-immutable="">Estonian</a></li><li><span>Finland</span> - <a href="https://new.abb.com/fi" data-sf-ec-immutable="">Finnish</a></li><li><span>France</span> - <a href="https://new.abb.com/fr" data-sf-ec-immutable="">French</a></li><li><span>Germany</span> - <a href="https://new.abb.com/de" data-sf-ec-immutable="">German</a></li><li><span>Greece</span> - <a href="https://new.abb.com/gr" data-sf-ec-immutable="">Greek</a></li><li><span>Hungary</span> - <a href="https://new.abb.com/hu" data-sf-ec-immutable="">Hungarian</a></li><li><span>Ireland</span> - <a href="https://new.abb.com/ie" data-sf-ec-immutable="">English</a></li><li><span>Italy</span> - <a href="https://new.abb.com/it" data-sf-ec-immutable="">Italian</a></li><li><span>Latvia</span> - <a href="https://new.abb.com/lv" data-sf-ec-immutable="">Latvian</a></li><li><span>Lithuania</span> - <a href="https://new.abb.com/lt" data-sf-ec-immutable="">Lithuanian</a></li><li><span>Luxembourg</span> - <a href="https://new.abb.com/benelux/fr" data-sf-ec-immutable="">French</a></li><li><span>Netherlands</span> - <a href="https://new.abb.com/benelux" data-sf-ec-immutable="">Dutch</a></li><li><span>Norway</span> - <a href="https://new.abb.com/no" data-sf-ec-immutable="">Norwegian</a></li><li><span>Poland</span> - <a href="https://new.abb.com/pl" data-sf-ec-immutable="">Polish</a></li><li><span>Portugal</span> - <a href="https://new.abb.com/pt" data-sf-ec-immutable="">Portuguese</a></li><li><span>Romania</span> - <a href="https://new.abb.com/ro" data-sf-ec-immutable="">Romanian</a></li><li><span>Russia</span> - <a href="https://new.abb.com/ru" data-sf-ec-immutable="">Russian</a></li><li><span>Serbia</span> - <a href="https://new.abb.com/rs" data-sf-ec-immutable="">Serbian</a></li><li><span>Slovakia</span> - <a href="https://new.abb.com/sk" data-sf-ec-immutable="">Slovakian</a></li><li><span>Slovenia</span> - <a href="https://new.abb.com/si" data-sf-ec-immutable="">Slovenian</a></li><li><span>Spain</span> - <a href="https://new.abb.com/es" data-sf-ec-immutable="">Spanish</a></li><li><span>Sweden</span> - <a href="https://new.abb.com/se" data-sf-ec-immutable="">Swedish</a></li><li><span>Switzerland</span> - <a href="https://new.abb.com/ch/fr" data-sf-ec-immutable="">French</a> | <a href="https://new.abb.com/ch" data-sf-ec-immutable="">German</a> | <a href="https://new.abb.com/ch/it" data-sf-ec-immutable="">Italian</a></li><li><span>Turkiye</span> - <a href="https://new.abb.com/tr" data-sf-ec-immutable="">Turkish</a></li><li><span>United Kingdom</span> - <a href="https://new.abb.com/uk" data-sf-ec-immutable="">English</a></li></ul></div><div id="languages_americas" class="abb-tabs__content__panel"><ul data-abb-section="" class="abb-list--unstyled abb-list--margined abb-section abb-section--three-columns-flow"><li><span>Global</span> - <a data-sf-ec-immutable="" href="https://global.abb">English</a></li><li><span>Argentina</span> - <a href="https://new.abb.com/south-america" data-sf-ec-immutable="">Spanish</a></li><li><span>Aruba</span> - <a href="https://new.abb.com/central-america-caribbean" data-sf-ec-immutable="">Spanish</a></li><li><span>Bolivia</span> - <a href="https://new.abb.com/south-america" data-sf-ec-immutable="">Spanish</a></li><li><span>Brazil</span> - <a href="https://new.abb.com/br" data-sf-ec-immutable="">Portuguese</a></li><li><span>Canada</span> - <a href="https://new.abb.com/ca" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/ca/fr" data-sf-ec-immutable="">French</a> </li><li><span>Chile</span> - <a href="https://new.abb.com/south-america" data-sf-ec-immutable="">Spanish</a></li><li><span>Colombia</span> - <a href="https://new.abb.com/south-america" data-sf-ec-immutable="">Spanish</a></li><li><span>Costa Rica</span> - <a href="https://new.abb.com/central-america-caribbean" data-sf-ec-immutable="">Spanish</a></li><li><span>Dominican Republic</span> - <a href="https://new.abb.com/central-america-caribbean" data-sf-ec-immutable="">Spanish</a> </li><li><span>Ecuador</span> - <a href="https://new.abb.com/south-america" data-sf-ec-immutable="">Spanish</a></li><li><span>El Salvador</span> - <a href="https://new.abb.com/central-america-caribbean" data-sf-ec-immutable="">Spanish</a></li><li><span>Guatemala</span> - <a href="https://new.abb.com/central-america-caribbean" data-sf-ec-immutable="">Spanish</a></li><li><span>Honduras</span> - <a href="https://new.abb.com/central-america-caribbean" data-sf-ec-immutable="">Spanish</a></li><li><span>Mexico</span> - <a href="https://new.abb.com/mx/" data-sf-ec-immutable="">Spanish</a></li><li><span>Panama</span> - <a href="https://new.abb.com/central-america-caribbean" data-sf-ec-immutable="">Spanish</a></li><li><span>Paraguay</span> - <a href="https://new.abb.com/south-america" data-sf-ec-immutable="">Spanish</a></li><li><span>Peru</span> - <a href="https://new.abb.com/south-america" data-sf-ec-immutable="">Spanish</a></li><li><span>Puerto Rico</span> - <a href="https://new.abb.com/central-america-caribbean" data-sf-ec-immutable="">Spanish</a></li><li><span>United States of America</span> - <a href="https://new.abb.com/us" data-sf-ec-immutable="">English</a></li><li><span>Uruguay</span> - <a href="https://new.abb.com/south-america" data-sf-ec-immutable="">Spanish</a></li></ul></div><div id="languages_middle-east-and-africa" class="abb-tabs__content__panel"><ul data-abb-section="" class="abb-list--unstyled abb-list--margined abb-section abb-section--three-columns-flow"><li><span>Global</span> - <a data-sf-ec-immutable="" href="https://global.abb">English</a></li><li><span>Algeria</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Angola</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Bahrain</span> - <a href="https://new.abb.com/middle-east" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Botswana</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Cameroon</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Côte d'Ivoire</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Egypt</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Ghana</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Israel</span> - <a href="https://new.abb.com/il" data-sf-ec-immutable="">Hebrew</a></li><li><span>Jordan</span> - <a href="https://new.abb.com/middle-east" data-sf-ec-immutable="">English</a></li><li><span>Kenya</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Kuwait</span> - <a href="https://new.abb.com/middle-east" data-sf-ec-immutable="">English</a></li><li><span>Lebanon</span> - <a href="https://new.abb.com/middle-east" data-sf-ec-immutable="">English</a></li><li><span>Madagascar</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Mali</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Mauritius</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Morocco</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Namibia</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Nigeria</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Oman</span> - <a href="https://new.abb.com/middle-east" data-sf-ec-immutable="">English</a></li><li><span>Pakistan</span> - <a href="https://new.abb.com/middle-east" data-sf-ec-immutable="">English</a></li><li><span>Palestine</span> - <a href="https://new.abb.com/middle-east" data-sf-ec-immutable="">English</a></li><li><span>Qatar</span> - <a href="https://new.abb.com/middle-east" data-sf-ec-immutable="">English</a></li><li><span>Saudi Arabia</span> - <a href="https://new.abb.com/middle-east" data-sf-ec-immutable="">English</a></li><li><span>Senegal</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>South Africa</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a></li><li><span>Tanzania</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Tunisia</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Uganda</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>United Arab Emirates</span> - <a href="https://new.abb.com/middle-east" data-sf-ec-immutable="">English</a></li><li><span>Zambia</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li><li><span>Zimbabwe</span> - <a href="https://new.abb.com/africa" data-sf-ec-immutable="">English</a> | <a href="https://new.abb.com/africa/fr" data-sf-ec-immutable="">French</a></li></ul></div><div id="languages_asia-and-oceania" class="abb-tabs__content__panel"><ul data-abb-section="" class="abb-list--unstyled abb-list--margined abb-section abb-section--three-columns-flow"><li><span>Global</span> - <a data-sf-ec-immutable="" href="https://global.abb">English</a></li><li><span>Australia</span> - <a href="https://new.abb.com/au" data-sf-ec-immutable="">English</a></li><li><span>Bangladesh</span> - <a href="https://new.abb.com/indian-subcontinent" data-sf-ec-immutable="">English</a></li><li><span>China</span> - <a href="https://new.abb.com/cn" data-sf-ec-immutable="">Chinese</a> | <a href="https://new.abb.com/cn/en" data-sf-ec-immutable="">English</a></li><li><span>India</span> - <a href="https://new.abb.com/indian-subcontinent" data-sf-ec-immutable="">English</a></li><li><span>Indonesia</span> - <a href="https://new.abb.com/id" data-sf-ec-immutable="">English</a></li><li><span>Japan</span> - <a href="https://new.abb.com/jp" data-sf-ec-immutable="">Japanese</a></li><li><span>Kazakhstan</span> - <a href="https://new.abb.com/kz" data-sf-ec-immutable="">Russian</a></li><li><span>Malaysia</span> - <a href="https://new.abb.com/my" data-sf-ec-immutable="">English</a></li><li><span>Mongolia</span> - <a href="https://new.abb.com/mn" data-sf-ec-immutable="">Mongolian</a> | <a href="https://new.abb.com/mn/en" data-sf-ec-immutable="">English</a></li><li><span>New Zealand</span> - <a href="https://new.abb.com/nz" data-sf-ec-immutable="">English</a></li><li><span>Philippines</span> - <a href="https://new.abb.com/ph" data-sf-ec-immutable="">English</a></li><li><span>Singapore</span> - <a href="https://new.abb.com/sg" data-sf-ec-immutable="">English</a></li><li><span>South Korea</span> - <a href="https://new.abb.com/kr" data-sf-ec-immutable="">Korean</a></li><li><span>Sri Lanka</span> - <a href="https://new.abb.com/indian-subcontinent" data-sf-ec-immutable="">English</a></li><li><span>Taiwan (Chinese Taipei)</span> - <a href="https://new.abb.com/tw" data-sf-ec-immutable="">Chinese - Traditional</a></li><li><span>Thailand</span> - <a href="https://new.abb.com/th" data-sf-ec-immutable="">English</a></li><li><span>Vietnam</span> - <a href="https://new.abb.com/vn" data-sf-ec-immutable="">English</a></li></ul></div></div></div></div> </div> </section> <section class="templateFooterSection"> <div class="megafooter_widgetContainer"> <div data-PageName="/footer/ca-megafooter" data-currentYear="&copy; 1995 - 2025 ABB" class="megaFooterdataLoad"></div> </div> </section> </div> <script type="application/json" id="PersonalizationTracker"> {"IsPagePersonalizationTarget":false,"IsUrlPersonalizationTarget":false,"PageId":"09d918f1-c1f4-63c0-9537-ff0000433538"} </script><script type="text/javascript" src="/WebResource.axd?d=NjxTqR2bqTw1rewxxlkHPpRymCW5gpAOAIu22VWzdRDns3g9pE0o9F8yJ8Hs1r5nT1wCaZOT7ueAR7cs34HUBT-vJPT4N_I-eTvnaB35mNBrde4xxSPxzCF9OAw64a1ovcUUmxF3Ml_Von33GP8MILbQO2N_KkFLR2IaHRWrM-46P3rqE2fWVWl6LGxG2hIRH0VQdG22gCl7lOP0Y-UdToLN73ydj5VO4hk_2sgfFcw1&t=638774539460000000"> </script> <script type="text/javascript"> //<![CDATA[ window.__TsmHiddenField = $get('ctl39_TSM');;(function() { function loadHandler() { var hf = $get('ctl40_TSSM'); if (!hf._RSSM_init) { hf._RSSM_init = true; hf.value = ''; } hf.value += ';Telerik.Sitefinity.Resources, Version=15.1.8323.0, Culture=neutral, PublicKeyToken=b28c218413bdf563:fr:4bc94716-0cb1-4ef2-a91d-41d59fc84f93:7a90d6a'; Sys.Application.remove_load(loadHandler); }; Sys.Application.add_load(loadHandler); })();//]]> </script> </form> <script type="text/javascript" src="https://www07.abb.com/cdn/v17.3/scripts/min.js"></script> <script src="/Sitefinity/WebsiteTemplates/AbbBranding/App_Scripts/require.min.js?v=504911268000000000" type="text/javascript"></script> <script src="/Sitefinity/WebsiteTemplates/AbbBranding/App_Scripts/requirejs-libs/Newsearchbar_Autosuggest/autosuggestion.min.js?v=504911268000000000" type="text/javascript"></script> <script> var jspaths = { "paths": { "async": "https://www07.abb.com/cdn/v17.3/scripts/async", "googlemaps": "https://maps.googleapis.com/maps/api/js?client=gme-abbaseabrownboveri&sensor=false&v=3.13", "markerclusterer": "https://www07.abb.com/cdn/v17.3/scripts/markerclusterer", "jqueryjoboffersmap": "https://www07.abb.com/cdn/v17.3/scripts/jquery-joboffersmap", "joboffershortlist": "https://www07.abb.com/cdn/v17.3/scripts/jquery-joboffershortlist", "jobofferdetails": "https://www07.abb.com/cdn/v17.3/scripts/jquery-jobofferdetails", "gajoboffers": "https://www07.abb.com/cdn/v17.3/scripts/jquery-ga-joboffers", "joboffers": "https://www07.abb.com/cdn/v17.3/scripts/jquery-joboffers", "joboffersearch": "https://www07.abb.com/cdn/v17.3/scripts/jquery-joboffersearch", "tickertile": "https://www07.abb.com/cdn/v17.3/scripts/jquery-tickerTile", "touchcarousel": "https://www07.abb.com/cdn/v17.3/scripts/jquery-ui-touchCarousel", "carouselnew": "https://www07.abb.com/cdn/v17.3/scripts/jquery.carouselnew", "touchify": "https://www07.abb.com/cdn/v17.3/scripts/jquery.touchify", "imagegallerynew": "https://www07.abb.com/cdn/v17.3/scripts/jquery-imagegallerynew", "imagesloaded": "https://www07.abb.com/cdn/v17.3/scripts/imagesloaded.pkgd", "imagegalleryinit": "https://www07.abb.com/cdn/v17.3/scripts/jquery-imagegallery-init", "modernizr3d": "https://www07.abb.com/cdn/v17.3/scripts/modernizr.3dtransforms.touch", "jqueryuiwidget": "https://www07.abb.com/cdn/v17.3/scripts/jquery.ui.widget", "jqueryeventdragjs": "https://www07.abb.com/cdn/v17.3/scripts/jquery.event.drag", "jquerytranslate3djs": "https://www07.abb.com/cdn/v17.3/scripts/jquery.translate3d", "jqueryrscarouseljs": "https://www07.abb.com/cdn/v17.3/scripts/jquery.rs.carousel", "jqueryrscarouseljscustomnew": "https://www07.abb.com/cdn/v17.3/scripts/jquery.rs.carousel.customnew", "jqueryrscarouselautoscroll": "https://www07.abb.com/cdn/v17.3/scripts/jquery.rs.carousel-autoscroll", "jqueryrscarouselcontinuous": "https://www07.abb.com/cdn/v17.3/scripts/jquery.rs.carousel-continuous", "jqueryrscarouseltouch": "https://www07.abb.com/cdn/v17.3/scripts/jquery.rs.carousel-touch", "newimagegalleryinitnew": "https://www07.abb.com/cdn/v17.3/scripts/newimagegalleryinitnew", "presentationgalleryinit": "https://www07.abb.com/cdn/v17.3/scripts/jquery-presentationgallery-init", "chosen": "https://www07.abb.com/cdn/v17.3/scripts/jquery.chosen.min", "layout8_4": "https://www07.abb.com/cdn/v17.3/scripts/jquery-layout8_4", "expandable": "https://www07.abb.com/cdn/v17.3/scripts/jquery-expandablenew.min", "togglelayout": "https://www07.abb.com/cdn/v17.3/scripts/jquery-togglelayout.min", "tabs": "https://www07.abb.com/cdn/v17.3/scripts/jquery-tabs.min", "jumpToContactUs": "https://www07.abb.com/cdn/v17.3/scripts/jquery-jumptocontactus.min", "productplugin": "https://www07.abb.com/cdn/v17.3/scripts/jquery-productplugin", "nicescroll": "https://www07.abb.com/cdn/v17.3/scripts/jquery.nicescroll", "liveSearch": "https://www07.abb.com/cdn/v17.3/scripts/jquery.liveSearch", "abbask": "https://www07.abb.com/cdn/v17.3/scripts/jquery.abb.ask", "imagerotator": "https://www07.abb.com/cdn/v17.3/scripts/jquery.abb.imagerotator", "tinyscrollbar": "https://www07.abb.com/cdn/v17.3/scripts/jquery.tinyscrollbar", "productbrowser": "https://www07.abb.com/cdn/v17.3/scripts/jquery.abb.productbrowser", "abbreferencesselector": "https://www07.abb.com/cdn/v17.3/scripts/jquery.abb.referencesselector", "psutils": "https://www07.abb.com/cdn/v17.3/scripts/ps-utils", "downloadsection": "https://www07.abb.com/cdn/v17.3/scripts/jquery-downloadsection-launcher", "productselector": "https://www07.abb.com/cdn/v17.3/scripts/jquery.productselector", "countryselector": "https://www07.abb.com/cdn/v17.3/scripts/jquery.abb.countryselector", "generalselector": "https://www07.abb.com/cdn/v17.3/scripts/GeneralSelector.min", "abbgeneralselector": "https://www07.abb.com/cdn/v17.3/scripts/jquery.abb.generalselector.min", "followUs": "https://www07.abb.com/cdn/v17.3/scripts/jquery.followUs.min", "interactiveimg": "https://www07.abb.com/cdn/v17.3/scripts/jquery.touchpanview.min", "jqueryuitouchpunch": "https://www07.abb.com/cdn/v17.3/scripts/jquery.ui.touch-punch", "knockout": "https://www07.abb.com/cdn/v17.3/scripts/knockout", "select2": "https://www07.abb.com/cdn/v17.3/scripts/select2", "piscomponents": "https://www07.abb.com/cdn/v17.3/scripts/piscomponents", "pisinit": "https://www07.abb.com/cdn/v17.3/scripts/pisinit", "jquery-video-brightcove": "https://www07.abb.com/cdn/v17.3/scripts/jquery-video-brightcove", "handlebars": "https://www07.abb.com/cdn/v17.3/scripts/handlebars", "history": "https://www07.abb.com/cdn/v17.3/scripts/jquery.history", "statemanager": "https://www07.abb.com/cdn/v17.3/scripts/StateManager", "jquery-cmd": "https://www07.abb.com/cdn/v17.3/scripts/jquery-cmd", "jquery-subpages": "https://www07.abb.com/cdn/v17.3/scripts/jquery-subpages", "googleMap": "https://www07.abb.com/cdn/v17.3/scripts/googleMap.min", "googleMapStyles": "https://www07.abb.com/cdn/v17.3/scripts/googleMapStyles.min", "jquery-extreme": "https://www07.abb.com/cdn/v17.3/scripts/jquery-extreme", "socialmedia": "https://www07.abb.com/cdn/v17.3/scripts/jquery.abb.socialmedia.min", "slick": "https://www07.abb.com/cdn/v17.3/scripts/slick", "abbaudioplayer": "https://www07.abb.com/cdn/v17.3/scripts/jquery.abb.audioplayer", "carticonwidget": "https://www07.abb.com/cdn/v17.3/scripts/cartIconWidget", "carticonwidgetinitalization": "https://www07.abb.com/cdn/v17.3/scripts/cartIconWidgetInitialization", "jsonp": "https://www07.abb.com/cdn/v17.3/scripts/jquery-jsonp", "abbexternalcontentwrapper": "https://www07.abb.com/cdn/v17.3/scripts/jquery.abb.externalcontentwrapper", "url": "https://www07.abb.com/cdn/v17.3/scripts/url.min", "dynamicbreadcrumblist": "https://www07.abb.com/cdn/v17.3/scripts/DynamicBreadcrumbList", "breadcrumbsnippetgeneration": "https://www07.abb.com/cdn/v17.3/scripts/BreadcrumbSnippetGeneration" }, waitSeconds: 20 }; var mainPath = "https://www07.abb.com/cdn/v17.3/scripts/main"; requirejs.config(jspaths); requirejs([mainPath + ".js"]); </script> <script> if (window.seoSettings.enableBreadcrumbSnippet === true) { jsLibs.push("breadcrumbsnippetgeneration"); } </script> <link href="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/foundation-global/foundation-global.min.css?h=496b6b06" rel="stylesheet" type="text/css"> <script src="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/bower_components/foundation-sites-newest/dist/plugins/foundation.core.min.js?h=140112de" type="text/javascript"></script> <script src="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/bower_components/foundation-sites-newest/dist/plugins/foundation.util.mediaQuery.min.js?h=fc5c0a75" type="text/javascript"></script> <script src="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/bower_components/flare/src/flare.min.js?h=55c379c7" type="text/javascript"></script> <script src="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/bower_components/foundation-sites-newest/dist/plugins/foundation.util.keyboard.min.js?h=394804cb" type="text/javascript"></script> <script src="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/bower_components/foundation-sites-newest/dist/plugins/foundation.util.box.min.js?h=98778b15" type="text/javascript"></script> <script src="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/bower_components/foundation-sites-newest/dist/plugins/foundation.util.triggers.min.js?h=9211b9a4" type="text/javascript"></script> <script src="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/reveal/reveal.min.js?h=913876d0" type="text/javascript"></script> <script src="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/tabs/tabs.min.js?h=abe32fd1" type="text/javascript"></script> <script src="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/sections/sections.min.js?h=2d6d8af6" type="text/javascript"></script> <script src="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/navigation/navbar.min.js?h=9ffc49e8" type="text/javascript"></script> <script src="https://d3o3d9viu00ouz.cloudfront.net/fifa/v0.5.6.1867/components/navigation/navigation.min.js?h=d4819fe0" type="text/javascript"></script> <script> Fifa.jQuery(document).ready(function () { Fifa.jQuery(document).foundation(); }); </script> <script> $(window).bind("load", function () { $('.abb-page__header__logo-simple').attr('href', $('.rsmLink').attr('href')); }); </script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; var dl_data = { 'event': 'updateData', 'page': { 'path': '/ca/fr/ability','pageTitle': 'Ability','description': 'ABB Ability™, plateforme IoT industrielle, allie capteurs intelligents, solutions de surveillance à distance, maintenance prédictive et gestion énergétique.','language': 'fr', 'businessarea': 'EL', 'country': 'Canada', 'division': 'ELSP', 'abb_industry_area': 'Industry', 'offering_type': 'Software and digital', 'content_type': 'Webpage,Video,Document', 'company_brand': 'ABB', 'theme': 'Country Site', }, 'visitor': { 'status': '', // internal/external depending if the customer is an employee or not 'geolocation': '', // information taken from AKAMAI } // ... other important site/page/user details can be added in the discussion } $(function () { if ($.cookie('csSelectedCountry') && $.cookie('csUserStatus') && $.cookie('csUserAgent') && $.cookie('csSelectedCity')) { dl_data.page.country = $.cookie('csSelectedCountry'); dl_data.visitor.status = $.cookie('csUserStatus') ?? ''; dl_data.visitor.geolocation = $.cookie('csSelectedCountry'); dataLayer.push(dl_data); const event = new Event("event_created_csSelectedCountry"); document.dispatchEvent(event); } else { $.post(`/api/CurrentCountryApi`) .done(function (data) { dl_data.page.country = data.Object.Country ?? ''; dl_data.visitor.status = data.Object.UserStatus ?? ''; dl_data.visitor.geolocation = data.Object.Country ?? 'global'; $.cookie('csSelectedCountry', data.Object.Country, { expires: 1, path: '/' }); $.cookie('csUserStatus', data.Object.UserStatus ?? '', { expires: 1, path: '/' }); $.cookie('csUserAgent', data.Object.UserAgent ?? '', { expires: 1, path: '/' }); $.cookie('csSelectedCity', data.Object.City, { expires: 1, path: '/' }); }) .always(function () { dataLayer.push(dl_data); const event = new Event("event_created_csSelectedCountry"); document.dispatchEvent(event); }); } }); </script> <script src="/Mvc/Scripts/LazyloadImage/jquery.lazy.min.js?v=638774539320000000"></script> <script type="text/javascript"> $(function () { var loadedElements = 0; $('.lazy').Lazy({ beforeLoad: function (element) { window.dispatchEvent(new Event('resize')); }, afterLoad: function (element) { loadedElements++; Site.resizeHeightsOptimized(); }, onError: function (element) { loadedElements++; }, onFinishedAll: function () { } }); }); </script> <script> function hideCartIconIfProductsExist() { var shoppingListBasket = localStorage.getItem('shoppingListBasket'); if (shoppingListBasket) { const basketArray = JSON.parse(shoppingListBasket); if (!basketArray || basketArray.length == 0) { var cartIconM = document.getElementById('cardIconM'); if (cartIconM) { cartIconM.style.display = 'none'; } var cartIconD = document.getElementById('cardIconD'); if (cartIconD) { cartIconD.style.display = 'none'; } } } else { var cartIconD = document.getElementById('cardIconD'); if (cartIconD) { cartIconD.style.display = 'none'; } var cartIconM = document.getElementById('cardIconM'); if (cartIconM) { cartIconM.style.display = 'none'; } } } window.onload = hideCartIconIfProductsExist; </script> <script> $(window).on("load", function () { const cardIconD = document.getElementById('cardIconD'); const cardIconM = document.getElementById('cardIconM'); if (window.innerWidth <= 767) { // addClickEvent(cardIconM); } else { addClickEvent(cardIconD); } }); function addClickEvent(cardIcon) { if (cardIcon) { const url = window.location.origin + '/search/shoppinglist'; cardIcon.addEventListener('click', function (event) { event.preventDefault(); window.location.href = url; }); } } </script> </body> </html>