1 2 3 4 5<!DOCTYPE html> 6<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> 7 <head> 8 <meta charset="utf-8" /> 9<noscript><style>form.antibot > * { display: none !important; } form.antibot noscript { display: block !important; }</style> 10</noscript><meta name="description" content="Get in touch with TotalEnergies Marketing Canada Inc." /> 11<meta name="keywords" content="TotalEnergies Canada, contact, engine oil" /> 12<link rel="canonical" href="https://totalenergies.ca/en/contact-us-0" /> 13<meta property="og:site_name" content="TotalEnergies Canada" /> 14<meta property="og:type" content="website" /> 15<meta property="og:url" content="https://totalenergies.ca/en/contact-us-0" /> 16<meta property="og:title" content="Contact us | TotalEnergies" /> 17<meta property="og:description" content="Get in touch with TotalEnergies Marketing Canada Inc." /> 18<meta name="google-site-verification" content="s8QJjXOVYqFu5IRUzw5e2RJY24ZEqQ_5rVdiVEW9gA4" /> 19<link rel="alternate" hreflang="x-default" href="https://competition.totalenergies.com/en/totalenergies-front-row-sustainable-energy-solutions" /> 20<link rel="hreflang_per_language" href="https://totalenergies.ca/fr/partenariats/totalenergies-en-1ere-ligne-sur-les-nouvelles-energies" /> 21<meta name="MobileOptimized" content="width" /> 22<meta name="HandheldFriendly" content="true" /> 23<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 24<link rel="preconnect" href="https://challenges.cloudflare.com" /> 25<style>.color-variables { 26 --color-light-1: #285AFF; 27 --color-neutral-white: #FFFFFF; 28 --color-dark-1: #80CDFF; 29 --color-dark-2: #92EAEA; 30 --color-dark-3: #72EAC5; 31 --color-dark-4: #BCF453; 32 --color-dark-5: #FFE74F; 33 --color-error: #E71731; 34 --color-error-light: #FBD1D6; 35 --color-neutral-grey-dark: #374649; 36 --color-neutral-grey-light: #B7CBD3; 37 --color-neutral-grey-medium: #69777D; 38 --color-neutral-grey-ultra-dark: #222B2D; 39 --color-neutral-grey-ultra-light: #F5F9FB; 40 --color-light-2: #D43900; 41 --color-primary: #E70000; 42 --color-success: #00884A; 43 --color-success-light: #B3DBC9; 44}</style> 45<link rel="preconnect" href="https://dxm.content-center.totalenergies.com" />
46<script type="application/ld+json">{ 47 "@context": "https://schema.org", 48 "@type": "BreadcrumbList", 49 "itemListElement": [ 50 { 51 "@type": "ListItem", 52 "position": 1, 53 "name": "Home", 54 "item": "https://totalenergies.ca/en" 55 }, 56 { 57 "@type": "ListItem", 58 "position": 2, 59 "name": "Contact us" 60 } 61 ] 62}</script>
62 63<link rel="icon" href="/themes/custom/butterfly_theme/favicon.ico" />
64<script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script>
64 65 66 <title>Contact us | TotalEnergies</title> 67 <link rel="stylesheet" media="all" href="/sites/g/files/wompnd4391/files/css/css_8ZY46v_aYs4_kJ-d4DdJTbsbsgg7dxCMlW3MSD7rGZI.css?delta=0&language=en&theme=butterfly_theme&include=eJyVVFFupTAMvBAhR0ImMTzvS2yUmLbcfg1Fqrb0LelXcGYc2cPYEKMK8Obh_OinIqwdsNIo6s-zn6TkblxVsUxpG_SBGf2YJDzdO44_opO9Ux2vTCovwCL29k9gydW9QaIISsIXAvGyqjMQL5ACpXfieAVEIbn6pMUl4mcXYNHwAD9CxS5IQR8kL8JohfXfkp37t9V7egGOxHMLEyGGsubRBdPESPc5-GExWzcZeb2n7yU7TPbN6hKMmO5zHlYVljZeU59k3TWwjh_rij0q9-wEPK8wY6MOGYgPqiki2tLdVwbDG82fZrzNsvsgZjUMbfxFFmqgHaLUBh6Fh1PziDNrU_hNgsKYGoahIhRLGaFBQlNBOELZfqd8Nb-GhlHYywYboc7Ofax9LOsCqT_Drm5VMX8OueIAMRMPFVXNtNWfoW4Ja3cOtz_PHv7Ax-XyqKWSLZ7vyDlgfcR9BdVeZZ7Ta1rGWs26L3FZdvNcqzr2zxkMIdEuC0Ucvral_y_a04R_AaqtVNY" /> 68<link rel="stylesheet" media="all" href="/sites/g/files/wompnd4391/files/css/css_8hb9UNNOnO4hCFYk6c-bsckdaldjkM9HUbC71FIik-s.css?delta=1&language=en&theme=butterfly_theme&include=eJyVVFFupTAMvBAhR0ImMTzvS2yUmLbcfg1Fqrb0LelXcGYc2cPYEKMK8Obh_OinIqwdsNIo6s-zn6TkblxVsUxpG_SBGf2YJDzdO44_opO9Ux2vTCovwCL29k9gydW9QaIISsIXAvGyqjMQL5ACpXfieAVEIbn6pMUl4mcXYNHwAD9CxS5IQR8kL8JohfXfkp37t9V7egGOxHMLEyGGsubRBdPESPc5-GExWzcZeb2n7yU7TPbN6hKMmO5zHlYVljZeU59k3TWwjh_rij0q9-wEPK8wY6MOGYgPqiki2tLdVwbDG82fZrzNsvsgZjUMbfxFFmqgHaLUBh6Fh1PziDNrU_hNgsKYGoahIhRLGaFBQlNBOELZfqd8Nb-GhlHYywYboc7Ofax9LOsCqT_Drm5VMX8OueIAMRMPFVXNtNWfoW4Ja3cOtz_PHv7Ax-XyqKWSLZ7vyDlgfcR9BdVeZZ7Ta1rGWs26L3FZdvNcqzr2zxkMIdEuC0Ucvral_y_a04R_AaqtVNY" /> 69<link rel="stylesheet" media="all" href="/themes/custom/butterfly_theme/dist/css/tailwind.css?tmj1fl" /> 70<link rel="stylesheet" media="all" href="/sites/g/files/wompnd4391/files/css/css_m-9MRw_Egj8afr_lD-sxFLbcWm0IhOqM_VjilTLaLk8.css?delta=3&language=en&theme=butterfly_theme&include=eJyVVFFupTAMvBAhR0ImMTzvS2yUmLbcfg1Fqrb0LelXcGYc2cPYEKMK8Obh_OinIqwdsNIo6s-zn6TkblxVsUxpG_SBGf2YJDzdO44_opO9Ux2vTCovwCL29k9gydW9QaIISsIXAvGyqjMQL5ACpXfieAVEIbn6pMUl4mcXYNHwAD9CxS5IQR8kL8JohfXfkp37t9V7egGOxHMLEyGGsubRBdPESPc5-GExWzcZeb2n7yU7TPbN6hKMmO5zHlYVljZeU59k3TWwjh_rij0q9-wEPK8wY6MOGYgPqiki2tLdVwbDG82fZrzNsvsgZjUMbfxFFmqgHaLUBh6Fh1PziDNrU_hNgsKYGoahIhRLGaFBQlNBOELZfqd8Nb-GhlHYywYboc7Ofax9LOsCqT_Drm5VMX8OueIAMRMPFVXNtNWfoW4Ja3cOtz_PHv7Ax-XyqKWSLZ7vyDlgfcR9BdVeZZ7Ta1rGWs26L3FZdvNcqzr2zxkMIdEuC0Ucvral_y_a04R_AaqtVNY" /> 71 72 73 </head> 74 <body class="color-variables color-variation-default path-node page-node-type-standard-page tw:bg-white tw:text-base tw:antialiased tw:text-dark-text tw:overflow-y-auto"> 75 <a href="#main-content" class="visually-hidden focusable skip-link bfly-skip-link tw:top-2.5 tw:bg-primary tw:text-white tw:py-2 tw:px-5 tw:rounded-large tw:left-1/2 tw:-translate-x-1/2 tw:font-bolder tw:outline-primary tw:outline tw:outline-2 tw:underline tw:focus-visible:z-max"> 76 Skip to main content 77 </a> 78 79 80 81 82 83<div class="block block-block-content block-block-contentb84c4be5-fd0a-42dc-a16f-4fc9b702c57c popin" id="stay-connected-with-totalenergies-canada" data-component-id="butterfly_theme:popin"> 84 <div class="popin__inner tw:fixed tw:inset-0 tw:z-40 tw:flex tw:p-6 popin--auto-open" id="popin-block-contentb84c4be5-fd0a-42dc-a16f-4fc9b702c57c" role="dialog" aria-labelledby="popin-title-stay-connected-with-totalenergies-canada" aria-hidden="true"> 85 <div class="popin-overlay tw:fixed tw:inset-0 tw:bg-grey-ultra-dark tw:opacity-80" data-a11y-dialog-hide></div> 86 <div class="popin__content tw:w-full tw:max-h-full tw:z-20 tw:relative tw:bg-white tw:m-auto tw:rounded-large tw:overflow-hidden tw:flex tw:flex-col" role="document"> 87 <div class="popin__close-button tw:absolute tw:w-10 tw:right-4 tw:top-4 tw:rtl:left-4 tw:rtl:right-auto"> 88 89 90 91 92 93<button data-a11y-dialog-hide="" aria-label="Close dialog" class="button button--icon button--neutral tw:relative tw:inline-flex tw:items-center tw:justify-center tw:gap-1 tw:text-xs tw:font-bold tw:hyphens-auto tw:rounded-3xl tw:transition-colors-except-outline tw:ease-linear tw:duration-300 tw:underline-none tw:hover:underline tw:focus-visible:underline tw:focus-visible:outline tw:focus-visible:outline-3 tw:focus-visible:outline-offset-4 tw:py-2 tw:px-3 button--with-dark-text tw:fixed tw:z-50"> 94 95 96 97 98 99 <span aria-hidden="true" class="icon icon--close icon--small"> 100 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> 101 102 </span> 103 104 105 </button> 106 107 </div> 108 109 <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><div class="media media--type-wedia-image media--view-mode-popin"> 110 111
112 <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item"> 113 114 115 116<figure role="figure" aria-label="TotalEnergies Canada" title="TotalEnergies Canada"> 117 <picture> 118 <source 119 srcset="https://dxm.content-center.totalenergies.com:443/api/wedia/dam/transform/xysh7dg731tahn57bu5qsho8ce/subscribe-now-newsletter.webp 1x" title="TotalEnergies Canada" alt="Subscribe now newsletter" width="518" height="240" media="all and (min-width: 440px)" /> 120 <source 121 srcset="https://dxm.content-center.totalenergies.com:443/api/wedia/dam/transform/xysh7dg731tahn57bu5qsho8ce/subscribe-now-newsletter.webp 1x" title="TotalEnergies Canada" alt="Subscribe now newsletter" width="440" height="226" /> 122 123 <img 124 src="https://dxm.content-center.totalenergies.com:443/api/wedia/dam/transform/xysh7dg731tahn57bu5qsho8ce/subscribe-now-newsletter.webp" 125 alt="Subscribe now newsletter" 126 width="440" 127 height="226" 128 loading="lazy"> 129 </picture> 130 </figure> 131</div> 132 133</div> 134</div> 135 136 137 <div class="tw:flex tw:flex-col tw:gap-6 tw:p-6 tw:md:px-10 tw:overflow-y-auto popin__content--inner"> 138 <div class="tw:flex tw:flex-col tw:gap-2"> 139 140 141 142 143<h2 aria-level="1" role="heading" class="popin__title tw:text-xl tw:font-light tw:tracking-xs tw:lg:text-xl-desktop" id="popin-title-stay-connected-with-totalenergies-canada"> 144 Stay Connected with TotalEnergies Canada 145 </h2> 146 147 148 <div class="popin__description tw:tracking-xs"> 149 150 <div class="rich-text-field rich-text-field-format--basic field field--name-field-description field--type-text-long field--label-hidden field__item" data-muted="false"><p><span>Get the latest news, industry insights, product updates, expert tips, and exclusive contests delivered straight to your inbox.</span></p></div> 151 152 </div> 153 </div> 154 155 156 <div class="popin__cta-wrapper tw:gap-4 tw:flex tw:flex-col tw:md:flex-row"> 157 <div class="popin__cta popin__cta--primary"> 158 159 160 161 162 163<a class="button button--primary button--neutral tw:relative tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:text-base tw:font-bold tw:hyphens-auto tw:rounded-3xl tw:transition-colors-except-outline tw:ease-linear tw:duration-300 tw:underline-none tw:hover:underline tw:focus-visible:underline tw:focus-visible:outline tw:focus-visible:outline-3 tw:focus-visible:outline-offset-4 tw:py-2 tw:px-6" href="/en/subscribe-newsletter"> 164 <span>Subscribe now</span> 165 </a> 166 167 </div> 168 </div> 169 </div> 170 </div> 171 </div> 172</div> 173 174 175 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 176 <div class="layout-container tw:flex tw:flex-col tw:lg:min-h-screen"> 177 178 179 180 <header class="main-header tw:flex tw:items-center tw:flex-col tw:justify-center tw:border-b tw:border-solid tw:border-component-grey-ultra-light tw:z-30 tw:relative tw:top-0 tw:left-0 tw:right-0 tw:bg-component-white tw:w-full" role="banner"> 181 <div class="tw:container tw:flex tw:justify-between tw:w-full tw:bg-component-white"> 182 <div> 183 184<div id="block-butterfly-theme-site-branding" data-component-id="butterfly_theme:branding" class="site-branding block block-system block-system-branding-block"> 185 186 187 <div class="site-branding__inner tw:flex tw:lg:gap-4 tw:md:gap-2 tw:gap-4 tw:items-center"> 188 <a href="/en" aria-label="TotalEnergies Canada - Go to the homepage" rel="home" class="site-branding__logo branging-logo"> 189 <img src="/themes/custom/butterfly_theme/logo.svg?v=1.2" alt="TotalEnergies Canada" width="129" height="102" loading="eager" fetchpriority="high"/> 190 </a> 191 <div class="branding-text tw:header-font tw:lg:text-sm tw:inline-block tw:text-xxs tw:font-medium tw:text-component-primary tw:transition-all tw:duration-300 tw:ease-in-out"> 192 <div class="site-slogan "> 193 Canada 194 </div> 195 </div> 196 </div> 197</div> 198 199 200 </div> 201 202 <div class="tw:flex "> 203 <div class="tw:lg:hidden tw:leading-none tw:flex tw:items-center tw:gap-4"> 204 205 206 207 208<div role="search">
209 <button class="js-search-button js-header-search-button search-button-header" aria-expanded="false"> 210 211 212 213 214 215 <span aria-hidden="true" class="icon icon--search tw:text-component-primary"> 216 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg> 217 218 </span> 219 220 221 <span class="tw:sr-only">Search</span> 222 </button> 223</div> 224 225 <button type="button" aria-expanded="false" class="hamburger tw:relative tw:cursor-pointer tw:w-6 tw:h-6 tw:rotate-0 tw:transition-transform tw:duration-300 tw:ease-in-out" aria-label="Main menu"> 226 <span></span> 227 <span></span> 228 <span></span> 229 <span></span> 230 </button> 231 </div> 232 <div class="main-menu__region--container tw:lg:block tw:hidden tw:lg:static tw:absolute tw:top-full tw:left-0 tw:right-0 tw:bottom-0 tw:lg:w-auto tw:w-full tw:lg:h-auto tw:h-screen tw:bg-component-white"> 233 <div class="main-menu__region--wrapper tw:flex tw:lg:overflow-x-visible tw:overflow-x-hidden tw:max-lg:overflow-y-auto tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:pt-1 tw:lg:flex-col-reverse tw:flex-col tw:lg:gap-4 tw:lg:pl-4 tw:max-lg:px-6 tw:h-auto"> 234 235 <div class="region region--main-navigation tw:flex tw:lg:justify-end primary-region__menu--container"> 236 <nav class="tw:w-full" role="navigation" aria-label="Main menu" id="block-butterfly-theme-mainnavigation"> 237 238 239 240 241 242 <div class="primary-menu__container"> 243 244 245 246 <div class="menu__item-go-back tw:hidden menu__back-button-1"> 247 </div> 248 249 <ul data-region="main_navigation" data-component-id="butterfly_theme:main-menu-navigation" class="menu menu--level-1 main-menu__primary-level tw:flex tw:lg:flex-row tw:flex-col tw:heading-font tw:lg:items-center tw:lg:flex-wrap tw:lg:gap-x-6 tw:lg:gap-y-0.5 tw:lg:justify-end" data-level="1"> 250 251 252 253 254 255 256 <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> 257 258 259 260 261 262 263 <div class="main-menu__sub-menu main-menu__sub-menu-1 tw:relative tw:w-full " data-button-level="1"> 264 265 266 267 268 269 270<button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:font-bold tw:lg:border-b-2 tw:lg:pb-2.5 tw:w-full tw:max-lg:py-4 tw:lg:border-transparent tw:transition-colors tw:duration-500 tw:ease-linear tw:no-underline tw:text-component-dark-text picto-image picto-image__hover"> 271 <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right"> 272 273 Discover TotalEnergies Canada 274 275 276 277 278 279 280 <span aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180"> 281 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> 282 283 </span> 284 285 286 287 </span> 288 </button> 289 290 291 </div> 292 293 294 295 296 297 <div class="main-menu__primary-level-1 tw:absolute tw:top-0 tw:left-0 tw:right-0 tw:bottom-0 tw:z-20 tw:lg:top-full tw:lg:hidden tw:max-lg:w-full tw:max-lg:invisible tw:max-lg:left-full"> <div class="main-menu__primary-level-1--wrapper tw:bg-component-white tw:h-full tw:lg:bg-component-grey-ultra-light tw:lg:h-auto tw:lg:pb-10 tw:lg:pt-4"> 298 <div class="main-menu__primary-level-1--container tw:relative tw:lg:container"> 299 <div class="tw:relative tw:h-4 tw:lg:block tw:hidden"> 300 <button type="button" class="main-menu__close-button tw:absolute tw:ltr:right-0 tw:rtl:-left-0 tw:-top-3 tw:p-3.5 tw:z-50"> 301 302 303 304 305 306 <span aria-hidden="true" class="icon icon--close tw:text-component-primary"> 307 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> 308 309 </span> 310 311
312 <span class="visually-hidden">Close</span> 313 </button> 314 </div> 315 <div class="main-menu__submenu-level-1 tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:pb-52 tw:max-lg:h-screen tw:lg:bg-neutral-white tw:rounded-large tw:lg:px-4 tw:px-6 tw:lg:py-6"> 316 317 318 <div class="menu__item-go-back tw:hidden menu__back-button-2"> 319 <button type="button" data-id="2" class="go-back__button go-back__button-2 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text"> 320 321 322 323 324 325 <span aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon"> 326 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> 327 328 </span> 329 330 331 Back 332 </button> 333 334 <a href="/en/total-energies-marketing" class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4" data-drupal-link-system-path="node/351"> Discover TotalEnergies Canada </a> 335 336 </div> 337 338 <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 tw:heading-font tw:z-20" data-level="2"> 339 340 341 342 343 344 345 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 346 347 348 349 350 351 352 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 353 354 355 356 <a href="/en/total-energies-marketing/totalenergies-global-integrated-energy-company" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/926"> <span> Discover TotalEnergies Group </span> 357 </a> 358 359 </div> 360 361 362 </li> 363 364 365 366 367 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 368 369 370 371 372 373 374 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 375 376 377 378 <a href="https://totalenergies.com/group/identity/five-strong-values-embedded-our-dna" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent">
378 <span> Our values </span> 379 </a> 380 381 </div> 382 383 384 </li> 385 386 387 388 389 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 390 391 392 393 394 395 396 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 397 398 399 400 <a href="/en/sustainability/people-well-being/health-and-safety" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/461"> <span> Safety culture </span> 401 </a> 402 403 </div> 404 405 406 </li> 407 408 409 410 411 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 412 413 414 415 416 417 418 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 419 420 421 422 <a href="/en/sustainability/environment" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/941"> <span> Environment </span> 423 </a> 424 425 </div> 426 427 428 </li> 429 430 431 432 433 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 434 435 436 437 438 439 440 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 441 442 443 444 <a href="https://jobs.totalenergies.com/en_US/careers/SearchJobs/?3834=%5B41641%5D&3834_format=3639&listFilterMode=1&jobRecordsPerPage=20&#jobs" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent"> <span> Careers </span> 445 </a> 446 447 </div> 448 449 450 </li> 451 452 453 454 455 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 456 457 458 459 460 461
462 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 463 464 465 466 <a href="/en/discover-totalenergies/suppliers" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/881"> <span> Suppliers </span> 467 </a> 468 469 </div> 470 471 472 </li> 473 </ul> 474 475 476 </div> 477 </div> 478 </div> 479 </div> 480 481 482 483 484 </li> 485 486 487 488 489 <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> 490 491 492 493 494 495 496 <div class="main-menu__sub-menu main-menu__sub-menu-1 tw:relative tw:w-full " data-button-level="1"> 497 498 499 500 501 502 503<button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:font-bold tw:lg:border-b-2 tw:lg:pb-2.5 tw:w-full tw:max-lg:py-4 tw:lg:border-transparent tw:transition-colors tw:duration-500 tw:ease-linear tw:no-underline tw:text-component-dark-text picto-image picto-image__hover"> 504 <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right"> 505 506 Lubricants 507 508 509 510 511 512 513 <span aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180"> 514 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> 515 516 </span> 517 518 519 520 </span> 521 </button> 522 523 524 </div> 525 526 527 528 529 530 <div class="main-menu__primary-level-1 tw:absolute tw:top-0 tw:left-0 tw:right-0 tw:bottom-0 tw:z-20 tw:lg:top-full tw:lg:hidden tw:max-lg:w-full tw:max-lg:invisible tw:max-lg:left-full"> <div class="main-menu__primary-level-1--wrapper tw:bg-component-white tw:h-full tw:lg:bg-component-grey-ultra-light tw:lg:h-auto tw:lg:pb-10 tw:lg:pt-4"> 531 <div class="main-menu__primary-level-1--container tw:relative tw:lg:container"> 532 <div class="tw:relative tw:h-4 tw:lg:block tw:hidden"> 533 <button type="button" class="main-menu__close-button tw:absolute tw:ltr:right-0 tw:rtl:-left-0 tw:-top-3 tw:p-3.5 tw:z-50"> 534 535 536 537 538 539 <span aria-hidden="true" class="icon icon--close tw:text-component-primary"> 540 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> 541 542 </span> 543 544 545 <span class="visually-hidden">Close</span> 546 </button> 547 </div> 548 <div class="main-menu__submenu-level-1 tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:pb-52 tw:max-lg:h-screen tw:lg:bg-neutral-white tw:rounded-large tw:lg:px-4 tw:px-6 tw:lg:py-6"> 549 550 551 <div class="menu__item-go-back tw:hidden menu__back-button-2"> 552 <button type="button" data-id="2" class="go-back__button go-back__button-2 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text"> 553 554 555 556 557 558 <span aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon"> 559 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> 560 561 </span> 562 563 564 Back 565 </button> 566 567 <a href="/en/our-lubricants" class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4" data-drupal-link-system-path="node/361"> Lubricants </a> 568 569 </div> 570 571 <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 tw:heading-font tw:z-20" data-level="2"> 572 573 574 575 576 577 578 <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 579 580 581 582 583 584
585 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full tw:flex" data-button-level="2"> 586 587 588 589 <a href="/en/lubricants/quartz-engine-oils" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/371"> <span> Quartz | Light vehicles Engine oils </span> 590 </a> 591 592 593 594 595 596 597<button type="button" aria-label="Quartz | Light vehicles Engine oils" aria-expanded="false" class="menu__link--level-2-trigger tw:py-4 tw:lg:px-6"> 598 <span class=""> 599 600 601 602 603 604 605 <span aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180"> 606 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> 607 608 </span> 609 610 611 612 613 </span> 614 </button> 615 616 </div> 617 618 619 620 621 622 623 <div class="main-menu__level-wrapper main-menu__level-3 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:absolute tw:top-0 tw:w-full tw:lg:top-4 tw:lg:pl-6 tw:lg:py-6 tw:lg:hidden tw:max-lg:z-30 tw:lg:overflow-y-auto tw:lg:overflow-x-hidden tw:lg:h-auto tw:ltr:lg:right-0 tw:rtl:lg:left-0"> 624 625 <div class="menu__item-go-back tw:hidden menu__back-button-3"> 626 <button type="button" data-id="3" class="go-back__button go-back__button-3 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text"> 627 628 629 630 631 632 <span aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon"> 633 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> 634 635 </span> 636 637 638 Back 639 </button> 640 641 <a href="/en/lubricants/quartz-engine-oils" class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden" data-drupal-link-system-path="node/371"> Quartz | Light vehicles Engine oils </a> 642 643 </div> 644 645 <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 tw:heading-font" data-level="3"> 646 647 648 649 650 651 652 <li class="menu__item menu__item--nolink menu__item--level-3 menu__item--has-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5"> 653 654 655 656 657 658 659 <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3"> 660 661 662 663 664 665 666<button type="button" aria-expanded="false" class="menu__link menu__link--nolink menu__link--level-3 menu__link--has-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4"> 667 <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right"> 668 669 670 671 Engine Oil Tips 672 673 674 675 676 677 678 <span aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180"> 679 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> 680 681 </span> 682 683 684 685 </span> 686 </button> 687 688 689 </div> 690 691 692 693 694 695 696 <div class="main-menu__level-wrapper main-menu__level-4 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:max-lg:absolute tw:max-lg:top-0 tw:max-lg:w-full tw:max-lg:ltr:right-0 tw:max-lg:rtl:left-0 tw:max-lg:z-40"> 697 698 <div class="menu__item-go-back tw:hidden menu__back-button-4"> 699 <button type="button" data-id="4" class="go-back__button go-back__button-4 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text"> 700 701 702 703 704 705 <span aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon"> 706 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> 707 708 </span> 709 710 711 Back 712 </button> 713
714 <span class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden"> 715 Engine Oil Tips </span> 716 717 </div> 718 719 <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-4 tw:heading-font tw:lg:flex tw:lg:flex-col tw:lg:gap-4" data-level="4"> 720 721 722 723 724 725 726 <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0"> 727 728 729 730 731 732 733 <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4"> 734 735 736 737 <a href="/en/quartz/engine-oil-tips/hybrid-engine-oil" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/691"> <span> 738 Is engine oil required in hybrid cars? </span> 739 </a> 740 741 </div> 742 743 744 </li> 745 746 747 748 749 <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0"> 750 751 752 753 754 755 756 <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4"> 757 758 759 760 <a href="/en/lubricants/quartz-light-vehicles-engine-oils/engine-oil-tips/do-electric-cars-need-engine-oil" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/701"> <span> 761 Is engine oil required in an electric vehicle? </span> 762 </a> 763 764 </div> 765 766 767 </li> 768 769 770 771 772 <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0"> 773 774 775 776 777 778 779 <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4"> 780 781 782 783 <a href="/en/node/296" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/296"> <span> 784 Why choose a fully synthetic engine oil? </span> 785 </a> 786 787 </div> 788 789 790 </li> 791 792 793 794 795 <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0"> 796 797 798 799 800 801
802 <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4"> 803 804 805 806 <a href="/en/node/726" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/726"> <span> 807 What is the composition of motor oil? </span> 808 </a> 809 810 </div> 811 812 813 </li> 814 815 816 817 818 <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0"> 819 820 821 822 823 824 825 <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4"> 826 827 828 829 <a href="/en/lubricants/quartz/engine-oil-tips/choose-your-motor-oil" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/716"> <span> 830 How to choose a motor oil? </span> 831 </a> 832 833 </div> 834 835 836 </li> 837 838 839 840 841 <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0"> 842 843 844 845 846 847 848 <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4"> 849 850 851 852 <a href="/en/node/746" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/746"> <span> 853 Role and benefits of motor oil </span> 854 </a> 855 856 </div> 857 858 859 </li> 860 861 862 863 864 <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0"> 865 866 867 868 869 870 871 <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4"> 872 873 874 875 <a href="/en/quartz/role-and-benefits-engine-oil" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/731">
875 <span> 876 What is motor oil used for and what are its benefits? </span> 877 </a> 878 879 </div> 880 881 882 </li> 883 </ul> 884 885 </div> 886 887 888 889 890 891 </li> 892 893 894 895 896 <li class="menu__item menu__item--link menu__item--level-3 menu__item--has-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5"> 897 898 899 900 901 902 903 <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3"> 904 905 906 907 <a href="/en/lubricants/quartz-engine-oils/fully-synthetic-engine-oil" class="menu__link menu__link--link menu__link--level-3 menu__link--has-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/391"> <span> 908 Our fully synthetic Quartz engine oils 909 910 911 912 913 <span aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180"> 914 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> 915 916 </span> 917 918 919 </span> 920 </a> 921 922 </div> 923 924 925 926 927 928 929 <div class="main-menu__level-wrapper main-menu__level-4 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:max-lg:absolute tw:max-lg:top-0 tw:max-lg:w-full tw:max-lg:ltr:right-0 tw:max-lg:rtl:left-0 tw:max-lg:z-40"> 930 931 <div class="menu__item-go-back tw:hidden menu__back-button-4"> 932 <button type="button" data-id="4" class="go-back__button go-back__button-4 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text"> 933 934 935 936 937 938 <span aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon"> 939 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> 940 941 </span> 942 943 944 Back 945 </button> 946 947 <a href="/en/lubricants/quartz-engine-oils/fully-synthetic-engine-oil" class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden" data-drupal-link-system-path="node/391"> 948 Our fully synthetic Quartz engine oils </a> 949 950 </div> 951 952 <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-4 tw:heading-font tw:lg:flex tw:lg:flex-col tw:lg:gap-4" data-level="4"> 953 954 955 956 957 958 959 <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0"> 960 961 962 963 964 965
966 <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4"> 967 968 969 970 <a href="/en/lubricants/quartz-engine-oils/quartz-ineo-xtra-efficiency-0W-12" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/906"> <span> 971 TotalEnergies launches Quartz Ineo Xtra Efficiency 0W-12 </span> 972 </a> 973 974 </div> 975 976 977 </li> 978 </ul> 979 980 </div> 981 982 983 984 985 986 </li> 987 988 989 990 991 <li class="menu__item menu__item--nolink menu__item--level-3 menu__item--has-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5"> 992 993 994 995 996 997 998 <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3"> 999 1000 1001 1002 1003 1004 1005<button type="button" aria-expanded="false" class="menu__link menu__link--nolink menu__link--level-3 menu__link--has-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4"> 1006 <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right"> 1007 1008 1009 1010 Engine Oil Standards 1011 1012 1013 1014 1015 1016 1017 <span aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180"> 1018 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> 1019 1020 </span> 1021 1022 1023 1024 </span> 1025 </button> 1026 1027 1028 </div> 1029 1030 1031 1032 1033 1034 1035 <div class="main-menu__level-wrapper main-menu__level-4 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:max-lg:absolute tw:max-lg:top-0 tw:max-lg:w-full tw:max-lg:ltr:right-0 tw:max-lg:rtl:left-0 tw:max-lg:z-40"> 1036 1037 <div class="menu__item-go-back tw:hidden menu__back-button-4"> 1038 <button type="button" data-id="4" class="go-back__button go-back__button-4 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text"> 1039 1040 1041 1042 1043 1044 <span aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon"> 1045 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> 1046 1047 </span> 1048 1049 1050 Back 1051 </button> 1052 1053 <span class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden"> 1054 Engine Oil Standards </span> 1055 1056 </div> 1057 1058 <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-4 tw:heading-font tw:lg:flex tw:lg:flex-col tw:lg:gap-4" data-level="4"> 1059 1060 1061 1062 1063 1064 1065 <li class="menu__item menu__item--link menu__item--level-4 menu__item--no-children tw:max-lg:py-4 tw:text-component-dark-text tw:lg:!pb-0"> 1066 1067 1068 1069 1070 1071
1072 <div class="main-menu__sub-menu main-menu__sub-menu-4 tw:relative tw:w-full " data-button-level="4"> 1073 1074 1075 1076 <a href="/en/our-lubricants/the-new-standard-in-engine-lubricants" class="menu__link menu__link--link menu__link--level-4 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:max-lg:items-center tw:lg:inline-block tw:lg:w-auto" data-drupal-link-system-path="node/911"> <span> 1077 API SQ / ILSAC GF-7 – The new standard in engine lubricants </span> 1078 </a> 1079 1080 </div> 1081 1082 1083 </li> 1084 </ul> 1085 1086 </div> 1087 1088 1089 1090 1091 1092 </li> 1093 </ul> 1094 1095 </div> 1096 1097 1098 1099 1100 1101 </li> 1102 1103 1104 1105 1106 <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1107 1108 1109 1110 1111 1112 1113 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full tw:flex" data-button-level="2"> 1114 1115 1116 1117 <a href="/en/lubricants/heavy-duty-motor-oils" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/381"> <span> Rubia | Heavy Duty Engine oils </span> 1118 </a> 1119 1120 1121 1122 1123 1124 1125<button type="button" aria-label="Rubia | Heavy Duty Engine oils" aria-expanded="false" class="menu__link--level-2-trigger tw:py-4 tw:lg:px-6"> 1126 <span class=""> 1127 1128 1129 1130 1131 1132 1133 <span aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180"> 1134 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> 1135 1136 </span> 1137 1138 1139 1140 1141 </span> 1142 </button> 1143 1144 </div> 1145 1146 1147 1148 1149 1150 1151 <div class="main-menu__level-wrapper main-menu__level-3 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:absolute tw:top-0 tw:w-full tw:lg:top-4 tw:lg:pl-6 tw:lg:py-6 tw:lg:hidden tw:max-lg:z-30 tw:lg:overflow-y-auto tw:lg:overflow-x-hidden tw:lg:h-auto tw:ltr:lg:right-0 tw:rtl:lg:left-0"> 1152 1153 <div class="menu__item-go-back tw:hidden menu__back-button-3"> 1154 <button type="button" data-id="3" class="go-back__button go-back__button-3 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text"> 1155 1156 1157 1158 1159 1160 <span aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon"> 1161 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> 1162 1163 </span> 1164 1165 1166 Back 1167 </button> 1168 1169 <a href="/en/lubricants/heavy-duty-motor-oils" class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden" data-drupal-link-system-path="node/381"> Rubia | Heavy Duty Engine oils </a> 1170 1171 </div> 1172 1173 <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 tw:heading-font" data-level="3"> 1174 1175 1176 1177 1178 1179 1180 <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0"> 1181 1182 1183 1184 1185 1186
1187 <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3"> 1188 1189 1190 1191 <a href="/en/lubricants/rubia-heavy-duty-engine-oils/our-heavy-duty-engine-oil-range" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/661"> <span> 1192 Rubia Optima | Engine oils for transport </span> 1193 </a> 1194 1195 </div> 1196 1197 1198 </li> 1199 1200 1201 1202 1203 <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0"> 1204 1205 1206 1207 1208 1209 1210 <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3"> 1211 1212 1213 1214 <a href="/en/lubricants/heavy-duty-motor-oils/evolution-mineral-synthetic-technology-oil" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/856"> <span> 1215 The evolution from mineral to synthetic oil is here </span> 1216 </a> 1217 1218 </div> 1219 1220 1221 </li> 1222 </ul> 1223 1224 </div> 1225 1226 1227 1228 1229 1230 </li> 1231 1232 1233 1234 1235 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1236 1237 1238 1239 1240 1241 1242 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 1243 1244 1245 1246 <a href="/en/lubricants/heavy-duty-motor-oils/agriculture" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/306"> <span> Lubricants for agriculture </span> 1247 </a> 1248 1249 </div> 1250 1251 1252 </li> 1253 1254 1255 1256 1257 <li class="menu__item menu__item--nolink menu__item--level-2 menu__item--has-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1258 1259 1260 1261 1262 1263
1264 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full tw:flex" data-button-level="2"> 1265 1266 1267 1268 1269 1270 1271<button type="button" class="menu__link menu__link--nolink menu__link--level-2 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent"> 1272 <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right"> 1273 1274 Industrial lubricants 1275 1276 </span> 1277 </button> 1278 1279 1280 1281 1282 1283 1284 1285<button type="button" aria-label="Industrial lubricants" aria-expanded="false" class="menu__link--level-2-trigger tw:py-4 tw:lg:px-6"> 1286 <span class=""> 1287 1288 1289 1290 1291 1292 1293 <span aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180"> 1294 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> 1295 1296 </span> 1297 1298 1299 1300 1301 </span> 1302 </button> 1303 1304 </div> 1305 1306 1307 1308 1309 1310 1311 <div class="main-menu__level-wrapper main-menu__level-3 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:absolute tw:top-0 tw:w-full tw:lg:top-4 tw:lg:pl-6 tw:lg:py-6 tw:lg:hidden tw:max-lg:z-30 tw:lg:overflow-y-auto tw:lg:overflow-x-hidden tw:lg:h-auto tw:ltr:lg:right-0 tw:rtl:lg:left-0"> 1312 1313 <div class="menu__item-go-back tw:hidden menu__back-button-3"> 1314 <button type="button" data-id="3" class="go-back__button go-back__button-3 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text"> 1315 1316 1317 1318 1319 1320 <span aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon"> 1321 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> 1322 1323 </span> 1324 1325 1326 Back 1327 </button> 1328 1329 <span class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden"> Industrial lubricants </span> 1330 1331 </div> 1332 1333 <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 tw:heading-font" data-level="3"> 1334 1335 1336 1337 1338 1339 1340 <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0"> 1341 1342 1343 1344 1345 1346 1347 <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3"> 1348 1349 1350 1351 <a href="/en/lubricants/industrial-lubricants/food-grade" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/266">
1351 <span> 1352 Lubricants for Food Processing </span> 1353 </a> 1354 1355 </div> 1356 1357 1358 </li> 1359 1360 1361 1362 1363 <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0"> 1364 1365 1366 1367 1368 1369 1370 <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3"> 1371 1372 1373 1374 <a href="/en/lubricants/industrial-lubricants/cement-industry" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/441"> <span> 1375 Lubricants for Cement Industry </span> 1376 </a> 1377 1378 </div> 1379 1380 1381 </li> 1382 1383 1384 1385 1386 <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0"> 1387 1388 1389 1390 1391 1392 1393 <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3"> 1394 1395 1396 1397 <a href="/en/industrial-sector/services-industrial-sector" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/501"> <span> 1398 Services for Industrial partners </span> 1399 </a> 1400 1401 </div> 1402 1403 1404 </li> 1405 </ul> 1406 1407 </div> 1408 1409 1410 1411 1412 1413 </li> 1414 1415 1416 1417 1418 <li class="menu__item menu__item--nolink menu__item--level-2 menu__item--has-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1419 1420 1421 1422 1423 1424 1425 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full tw:flex" data-button-level="2"> 1426 1427 1428 1429 1430 1431 1432<button type="button" class="menu__link menu__link--nolink menu__link--level-2 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent"> 1433 <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right"> 1434 1435 Transmission Fluids 1436 1437 </span> 1438 </button> 1439 1440 1441 1442 1443 1444 1445 1446<button type="button" aria-label="Transmission Fluids" aria-expanded="false" class="menu__link--level-2-trigger tw:py-4 tw:lg:px-6"> 1447 <span class=""> 1448 1449 1450 1451 1452 1453 1454 <span aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180"> 1455 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> 1456 1457 </span> 1458 1459 1460 1461 1462 </span> 1463 </button> 1464 1465 </div> 1466 1467 1468 1469 1470 1471 1472 <div class="main-menu__level-wrapper main-menu__level-3 tw:font-bold tw:text-component-dark-text tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:px-6 tw:max-lg:pb-52 tw:max-lg:h-screen tw:max-lg:left-full tw:max-lg:bg-component-white tw:max-lg:invisible tw:absolute tw:top-0 tw:w-full tw:lg:top-4 tw:lg:pl-6 tw:lg:py-6 tw:lg:hidden tw:max-lg:z-30 tw:lg:overflow-y-auto tw:lg:overflow-x-hidden tw:lg:h-auto tw:ltr:lg:right-0 tw:rtl:lg:left-0"> 1473 1474 <div class="menu__item-go-back tw:hidden menu__back-button-3"> 1475 <button type="button" data-id="3" class="go-back__button go-back__button-3 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text"> 1476 1477 1478 1479 1480 1481 <span aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon"> 1482 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> 1483 1484 </span> 1485 1486 1487 Back 1488 </button> 1489
1490 <span class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4 tw:lg:hidden"> Transmission Fluids </span> 1491 1492 </div> 1493 1494 <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 tw:heading-font" data-level="3"> 1495 1496 1497 1498 1499 1500 1501 <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0"> 1502 1503 1504 1505 1506 1507 1508 <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3"> 1509 1510 1511 1512 <a href="/en/our-lubricants/fluidsyn-atf-cvt-new-product" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/806"> <span> 1513 Fluidsyn ATF/CVT </span> 1514 </a> 1515 1516 </div> 1517 1518 1519 </li> 1520 1521 1522 1523 1524 <li class="menu__item menu__item--link menu__item--level-3 menu__item--no-children tw:w-full tw:odd:lg:float-left tw:even:lg:float-right tw:lg:px-10 tw:lg:mb-8.5 tw:lg:!pb-0"> 1525 1526 1527 1528 1529 1530 1531 <div class="main-menu__sub-menu main-menu__sub-menu-3 tw:relative tw:w-full " data-button-level="3"> 1532 1533 1534 1535 <a href="/en/quartz-ev-fluid-range" class="menu__link menu__link--link menu__link--level-3 menu__item--no-children tw:lg:text-component-primary tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:lg:!pb-0 tw:lg:pb-4 tw:lg:pt-0 tw:pt-4 tw:pb-4" data-drupal-link-system-path="node/891"> <span> 1536 Quartz EV Fluid range </span> 1537 </a> 1538 1539 </div> 1540 1541 1542 </li> 1543 </ul> 1544 1545 </div> 1546 1547 1548 1549 1550 1551 </li> 1552 1553 1554 1555 1556 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1557 1558 1559 1560 1561 1562 1563 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 1564 1565 1566 1567 <a href="/en/our-products/Oil-diagnosis-labservices" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/666">
1567 <span> LabServices | Oil Analysis </span> 1568 </a> 1569 1570 </div> 1571 1572 1573 </li> 1574 1575 1576 1577 1578 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1579 1580 1581 1582 1583 1584 1585 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 1586 1587 1588 1589 <a href="https://lubricants.catalog.totalenergies.com/catalog-ca/en_CA" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent"> <span> Lubricants Catalog </span> 1590 </a> 1591 1592 </div> 1593 1594 1595 </li> 1596 1597 1598 1599 1600 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1601 1602 1603 1604 1605 1606 1607 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 1608 1609 1610 1611 <a href="https://totalenergies.ca/en/lubconsult" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent"> <span> LubConsult recommendation </span> 1612 </a> 1613 1614 </div> 1615 1616 1617 </li> 1618 </ul> 1619 1620 1621 </div> 1622 </div> 1623 </div> 1624 </div> 1625 1626 1627 1628 1629 </li> 1630 1631 1632 1633 1634 <li class="menu__item menu__item--link menu__item--level-1 menu__item--no-children"> 1635 1636 1637 1638 1639 1640 1641 <div class="main-menu__sub-menu main-menu__sub-menu-1 tw:relative tw:w-full " data-button-level="1"> 1642 1643 1644 1645 <a href="/en/quartz-auto-services-centres" class="menu__link menu__link--link menu__link--level-1 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:font-bold tw:lg:border-b-2 tw:lg:pb-2.5 tw:w-full tw:max-lg:py-4 tw:lg:border-transparent tw:transition-colors tw:duration-500 tw:ease-linear tw:no-underline tw:text-component-dark-text picto-image picto-image__hover" data-drupal-link-system-path="node/591"> <span> TotalEnergies Quartz Auto Services </span> 1646 </a> 1647 1648 </div> 1649 1650 1651 </li> 1652 1653 1654 1655 1656 <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children"> 1657 1658 1659 1660 1661 1662
1663 <div class="main-menu__sub-menu main-menu__sub-menu-1 tw:relative tw:w-full " data-button-level="1"> 1664 1665 1666 1667 1668 1669 1670<button type="button" aria-expanded="false" class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:font-bold tw:lg:border-b-2 tw:lg:pb-2.5 tw:w-full tw:max-lg:py-4 tw:lg:border-transparent tw:transition-colors tw:duration-500 tw:ease-linear tw:no-underline tw:text-component-dark-text picto-image picto-image__hover"> 1671 <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right"> 1672 1673 Partnerships 1674 1675 1676 1677 1678 1679 1680 <span aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180"> 1681 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> 1682 1683 </span> 1684 1685 1686 1687 </span> 1688 </button> 1689 1690 1691 </div> 1692 1693 1694 1695 1696 1697 <div class="main-menu__primary-level-1 tw:absolute tw:top-0 tw:left-0 tw:right-0 tw:bottom-0 tw:z-20 tw:lg:top-full tw:lg:hidden tw:max-lg:w-full tw:max-lg:invisible tw:max-lg:left-full"> <div class="main-menu__primary-level-1--wrapper tw:bg-component-white tw:h-full tw:lg:bg-component-grey-ultra-light tw:lg:h-auto tw:lg:pb-10 tw:lg:pt-4"> 1698 <div class="main-menu__primary-level-1--container tw:relative tw:lg:container"> 1699 <div class="tw:relative tw:h-4 tw:lg:block tw:hidden"> 1700 <button type="button" class="main-menu__close-button tw:absolute tw:ltr:right-0 tw:rtl:-left-0 tw:-top-3 tw:p-3.5 tw:z-50"> 1701 1702 1703 1704 1705 1706 <span aria-hidden="true" class="icon icon--close tw:text-component-primary"> 1707 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> 1708 1709 </span> 1710 1711 1712 <span class="visually-hidden">Close</span> 1713 </button> 1714 </div> 1715 <div class="main-menu__submenu-level-1 tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:pb-52 tw:max-lg:h-screen tw:lg:bg-neutral-white tw:rounded-large tw:lg:px-4 tw:px-6 tw:lg:py-6"> 1716 1717 1718 <div class="menu__item-go-back tw:hidden menu__back-button-2"> 1719 <button type="button" data-id="2" class="go-back__button go-back__button-2 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text"> 1720 1721 1722 1723 1724 1725 <span aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon"> 1726 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> 1727 1728 </span> 1729 1730 1731 Back 1732 </button> 1733 1734 <span class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4"> Partnerships </span> 1735 1736 </div> 1737 1738 <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 tw:heading-font tw:z-20" data-level="2"> 1739 1740 1741 1742 1743 1744 1745 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1746 1747 1748 1749 1750 1751
1752 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 1753 1754 1755 1756 <a href="/en/partnership/canadian-hockey-league" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/946"> <span> TotalEnergies, Proud Partner of the Canadian Hockey League </span> 1757 </a> 1758 1759 </div> 1760 1761 1762 </li> 1763 1764 1765 1766 1767 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1768 1769 1770 1771 1772 1773 1774 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 1775 1776 1777 1778 <a href="/en/partnership/straight-pipes" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/821"> <span> TotalEnergies Quartz Engine Oil – Proud Partner of The Straight Pipes </span> 1779 </a> 1780 1781 </div> 1782 1783 1784 </li> 1785 1786 1787 1788 1789 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1790 1791 1792 1793 1794 1795 1796 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 1797 1798 1799 1800 <a href="/en/partnership/totalenergies-partners-again-with-guide-de-l-auto-tv" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/866"> <span> Guide de l’auto TV </span> 1801 </a> 1802 1803 </div> 1804 1805 1806 </li> 1807 1808 1809 1810 1811 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1812 1813 1814 1815 1816 1817
1818 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 1819 1820 1821 1822 <a href="/en/partnership/straight-pipes" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/821"> <span> Straight Pipes </span> 1823 </a> 1824 1825 </div> 1826 1827 1828 </li> 1829 1830 1831 1832 1833 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1834 1835 1836 1837 1838 1839 1840 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 1841 1842 1843 1844 <a href="/en/partenarships/totalenergies-front-row-sustainable-energy-solutions" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/646"> <span> TotalEnergies on the front row of sustainable energy solutions </span> 1845 </a> 1846 1847 </div> 1848 1849 1850 </li> 1851 1852 1853 1854 1855 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1856 1857 1858 1859 1860 1861 1862 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 1863 1864 1865 1866 <a href="/en/about-us/partnerships/ultramar" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/256"> <span> TotalEnergies available at Ultramar </span> 1867 </a> 1868 1869 </div> 1870 1871 1872 </li> 1873 </ul> 1874 1875 1876 </div> 1877 </div> 1878 </div> 1879 </div> 1880 1881 1882 1883 1884 </li> 1885 1886 1887 1888 1889 <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children"> 1890 1891 1892 1893 1894 1895
1896 <div class="main-menu__sub-menu main-menu__sub-menu-1 tw:relative tw:w-full " data-button-level="1"> 1897 1898 1899 1900 1901 1902 1903<button type="button" aria-expanded="false" class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:font-bold tw:lg:border-b-2 tw:lg:pb-2.5 tw:w-full tw:max-lg:py-4 tw:lg:border-transparent tw:transition-colors tw:duration-500 tw:ease-linear tw:no-underline tw:text-component-dark-text picto-image picto-image__hover"> 1904 <span class="tw:flex tw:items-center tw:w-full tw:gap-4 tw:lg:pb-4 tw:ltr:text-left tw:rtl:text-right"> 1905 1906 Contest 1907 1908 1909 1910 1911 1912 1913 <span aria-hidden="true" class="icon icon--chevron-right tw:text-primary main-menu__chevron-right tw:lg:hidden tw:block tw:ltr:ml-auto tw:rtl:mr-auto tw:rtl:rotate-180"> 1914 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> 1915 1916 </span> 1917 1918 1919 1920 </span> 1921 </button> 1922 1923 1924 </div> 1925 1926 1927 1928 1929 1930 <div class="main-menu__primary-level-1 tw:absolute tw:top-0 tw:left-0 tw:right-0 tw:bottom-0 tw:z-20 tw:lg:top-full tw:lg:hidden tw:max-lg:w-full tw:max-lg:invisible tw:max-lg:left-full"> <div class="main-menu__primary-level-1--wrapper tw:bg-component-white tw:h-full tw:lg:bg-component-grey-ultra-light tw:lg:h-auto tw:lg:pb-10 tw:lg:pt-4"> 1931 <div class="main-menu__primary-level-1--container tw:relative tw:lg:container"> 1932 <div class="tw:relative tw:h-4 tw:lg:block tw:hidden"> 1933 <button type="button" class="main-menu__close-button tw:absolute tw:ltr:right-0 tw:rtl:-left-0 tw:-top-3 tw:p-3.5 tw:z-50"> 1934 1935 1936 1937 1938 1939 <span aria-hidden="true" class="icon icon--close tw:text-component-primary"> 1940 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> 1941 1942 </span> 1943 1944 1945 <span class="visually-hidden">Close</span> 1946 </button> 1947 </div> 1948 <div class="main-menu__submenu-level-1 tw:max-lg:overflow-y-auto tw:max-lg:overflow-x-hidden tw:max-lg:pt-1 tw:max-lg:pb-52 tw:max-lg:h-screen tw:lg:bg-neutral-white tw:rounded-large tw:lg:px-4 tw:px-6 tw:lg:py-6"> 1949 1950 1951 <div class="menu__item-go-back tw:hidden menu__back-button-2"> 1952 <button type="button" data-id="2" class="go-back__button go-back__button-2 tw:lg:hidden tw:heading-font tw:tracking-xs tw:flex tw:items-center tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold tw:text-component-dark-text"> 1953 1954 1955 1956 1957 1958 <span aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon"> 1959 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> 1960 1961 </span> 1962 1963 1964 Back 1965 </button> 1966 1967 <span class="submenu-title tw:pb-4 tw:lg:pt-0 tw:pt-4 tw:lg:pl-6 tw:text-component-primary tw:lg:text-primary tw:lg:font-bold tw:font-bolder tw:flex tw:items-center tw:gap-4"> Contest </span> 1968 1969 </div> 1970 1971 <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 tw:heading-font tw:z-20" data-level="2"> 1972 1973 1974 1975 1976 1977 1978 <li class="menu__item menu__item--link menu__item--level-2 menu__item--no-children tw:rounded-large tw:z-10 tw:max-lg:text-component-dark-text tw:w-full tw:mb-0.5 tw:transition-colors tw:duration-500 tw:ease-linear"> 1979 1980 1981 1982 1983 1984
1985 <div class="main-menu__sub-menu main-menu__sub-menu-2 tw:relative tw:w-full " data-button-level="2"> 1986 1987 1988 1989 <a href="/en/win-2-tickets-2027-memorial-cup" class="menu__link menu__link--link menu__link--level-2 menu__item--no-children tw:w-full tw:flex tw:relative tw:lg:flex-col tw:flex-row-reverse tw:max-lg:justify-end tw:max-lg:gap-4 tw:max-lg:tracking-xs main-menu__no-image tw:tracking-xs tw:py-4 tw:lg:px-6 tw:font-bold tw:w-full tw:transition-colors tw:duration-300 tw:ease-linear tw:lg:underline tw:lg:decoration-transparent" data-drupal-link-system-path="node/961"> <span> Memorial Cup 2027 </span> 1990 </a> 1991 1992 </div> 1993 1994 1995 </li> 1996 </ul> 1997 1998 1999 </div> 2000 </div> 2001 </div> 2002 </div> 2003 2004 2005 2006 2007 </li> 2008 </ul> 2009 2010 2011 2012 </div> 2013 2014 2015 2016 2017 2018 </nav> 2019 2020 2021 2022 2023 2024 2025<div class="tw:lg:block tw:hidden" role="search"> 2026 <button class="js-search-button js-header-search-button search-button-main-menu tw:ltr:ml-6 tw:rtl:mr-6 tw:lg:inline-flex tw:hidden" aria-expanded="false"> 2027 2028 2029 2030 2031 2032 <span aria-hidden="true" class="icon icon--search tw:text-component-dark-text"> 2033 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg> 2034 2035 </span> 2036 2037 2038 <span class="tw:sr-only">Search</span> 2039 </button> 2040</div> 2041 2042 </div> 2043 2044 2045 2046 <div class="region region--secondary-navigation tw:flex tw:xl:gap-6 tw:lg:gap-4 tw:flex-wrap tw:lg:flex-row tw:lg:items-center tw:lg:justify-end secondary-region__menu--container tw:transition-opacity tw:duration-300 tw:ease-linear tw:opacity-100 not-landing tw:lg:pt-3 tw:flex-col tw:max-lg:before:content-[""] tw:max-lg:before:h-px tw:max-lg:before:bg-grey-light tw:max-lg:before:my-5 tw:max-lg:before:-mx-2.5"> 2047 <nav role="navigation" id="block-butterfly-theme-external-menu" class="main-menu__pipe"> 2048 2049 2050 2051 2052 <div class="menu__item--button menu__item--go-back tw:hidden external__back-button-1"> 2053 </div> 2054 2055 <ul data-region="secondary_navigation" data-component-id="butterfly_theme:external-menu" class="menu menu--level-1 external-menu__container tw:flex tw:lg:items-center tw:xl:gap-6 tw:lg:gap-4 tw:lg:flex-row tw:flex-col tw:w-full"> 2056 2057 2058 2059 2060 2061 <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children external-menu__dropdown--toggler tw:lg:py-0 tw:py-4 tw:cursor-pointer tw:lg:relative"> 2062 2063 2064 2065 <div class="external-menu__item tw:lg:header-font tw:heading-font tw:flex tw:items-center tw:gap-1 tw:lg:text-s tw:text-base tw:font-bold button__style--text"> 2066 2067 2068 <a href="/en/node/246" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-1 picto-image picto-image__hover external-menu__trigger tw:max-lg:w-full tw:max-lg:justify-between tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/246"> 2069 2070 2071 2072 2073 <span aria-hidden="true" class="icon icon--chevron-down tw:text-component-primary external-menu__dropdown--icon tw:transition-transform tw:duration-300 tw:ease-linear tw:ltr:max-lg:-rotate-90 tw:rtl:max-lg:rotate-90 tw:lg:inline-block"> 2074 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 6 4 4 4-4"/></svg> 2075 2076 </span> 2077 2078 2079 2080 Lastest News 2081 </a> 2082 2083 </div> 2084 2085 2086 <div class="external-menu__level-2 tw:header-font tw:max-lg:invisible tw:max-lg:left-full tw:absolute tw:lg:left-1/2 tw:top-0 tw:w-full tw:h-screen tw:lg:-translate-x-1/2 tw:z-50 tw:bg-component-white tw:lg:p-4 tw:px-6 tw:max-lg:pt-1 tw:max-lg:pb-52 tw:lg:shadow-md tw:lg:text-sm tw:text-base tw:font-bold tw:overflow-y-auto tw:lg:hidden tw:lg:rounded-lg tw:text-component-dark-text"> 2087 2088 <div class="menu__item--button menu__item--go-back tw:hidden external__back-button-2"> 2089 <button type="button" class="external-menu__go-back tw:heading-font tw:lg:hidden tw:flex tw:items-center tw:tracking-xs tw:gap-4 tw:rtl:flex-row-reverse tw:rtl:justify-end tw:py-4 tw:w-full tw:border-b tw:border-neutral-grey-light tw:font-bold"> 2090 2091 2092 2093 2094 2095 <span aria-hidden="true" class="icon icon--chevron-left tw:text-component-primary title-icon"> 2096 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> 2097 2098 </span> 2099 2100 2101 Back 2102 </button> 2103 </div> 2104 2105 <ul data-region="secondary_navigation" data-component-id="butterfly_theme:external-menu" class="menu menu--level-2 tw:max-lg:py-4"> 2106 2107 2108 2109 2110 2111 <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative"> 2112 2113 2114 2115 2116 2117 <a href="https://totalenergies.ca/en/news/tire-change-season-winter-ready-vehicle" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded"> Tire change season: the perfect time to get your vehicle winter-ready 2118 </a> 2119 2120 2121 2122 </li> 2123 2124 2125 2126 2127 <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative"> 2128 2129 2130 2131 2132 2133 <a href="/en/news/totalenergies-immersive-experience-at-2026-memorial
2133-cup" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/951"> The 2026 Memorial Cup: an immersive experience through our partnership 2134 </a> 2135 2136 2137 2138 </li> 2139 2140 2141 2142 2143 <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative"> 2144 2145 2146 2147 2148 2149 <a href="/en/news/totalergies-partners-with-canadian-hockey-league-for-this-season" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/931"> A Strong Alliance for Canadian Hockey 2150 </a> 2151 2152 2153 2154 </li> 2155 2156 2157 2158 2159 <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative"> 2160 2161 2162 2163 2164 2165 <a href="/en/news/totalenergies-canada-launches-labservices-let-your-oil-do-talking" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/871"> TotalEnergies Canada launches of LabServices: Let your oil do the talking 2166 </a> 2167 2168 2169 2170 </li> 2171 2172 2173 2174 2175 <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative"> 2176 2177 2178 2179 2180 2181 <a href="/en/news/next-generation-transmission-fluid-fluidsyn-atfcvt-our-new-versatile-product" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/841"> The next generation of transmission fluid: Fluidsyn ATF/CVT, our new versatile product 2182 </a> 2183 2184 2185 2186 </li> 2187 2188 2189 2190 2191 <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative"> 2192 2193 2194 2195 2196 2197 <a href="/en/news/totalenergies-and-wajax-join-forces-better-serve-industry-across-canada" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/826"> TotalEnergies and Wajax join forces to better serve the industry across Canada 2198 </a> 2199 2200 2201 2202 </li> 2203 2204 2205 2206 2207 <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative"> 2208 2209 2210 2211 2212 2213 <a href="/en/news/expansion-totalenergies-marketing-canada-inc-opens-new-quartz-auto-services-centre-waterloo" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/816"> Expansion: TotalEnergies Marketing Canada Inc. Opens New Quartz Auto Services Centre in Waterloo 2214 </a> 2215 2216 2217 2218 </li> 2219 2220 2221 2222 2223 <li class="menu__item menu__item--link menu__item--level-2 tw:pt-4 tw:lg:pb-6 tw:pb-4 tw:relative"> 2224 2225 2226 2227 2228 2229 <a href="/en/node/246" class="menu__link menu__link--link menu__link--level-2 tw:heading-font tw:lg:p-2 tw:block tw:font-bold tw:rounded-lg tw:transition-colors tw:duration-300 tw:ease-linear tw:underline tw:decoration-transparent tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/246"> Lastest News 2230 </a> 2231 2232 2233 2234 </li> 2235 </ul> 2236 2237 </div> 2238 2239 2240 2241 </li> 2242 2243 2244 2245 2246 <li class="menu__item menu__item--link menu__item--level-1 tw:lg:py-0 tw:py-4"> 2247 2248 2249 2250 <div class="external-menu__item tw:lg:header-font tw:heading-font tw:flex tw:items-center tw:gap-1 tw:lg:text-s tw:text-base tw:font-bold button__style--text"> 2251 2252 2253 <a href="https://jobs.totalenergies.com/en_US/careers/SearchJobs/?3834=%5B41641%5D&3834_format=3639&listFilterMode=1&jobRecordsPerPage=20&#jobs" class="menu__link menu__link--link menu__link--level-1 tw:flex tw:items-center tw:gap-1 picto-image picto-image__hover tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded"> 2254 2255 Careers 2256 </a> 2257 2258 </div> 2259 2260 2261 </li> 2262 2263 2264 2265 2266 <li class="menu__item menu__item--link menu__item--level-1 menu__item--active-trail tw:lg:py-0 tw:py-4"> 2267 2268 2269 2270 <div class="external-menu__item tw:lg:header-font tw:heading-font tw:flex tw:items-center tw:gap-1 tw:lg:text-s tw:text-base tw:font-bold button__style--text"> 2271 2272 2273 <a href="/en/contact-us-0" class="menu__link menu__link--link menu__link--level-1 menu__link--active-trail tw:flex tw:items-center tw:gap-1 picto-image picto-image__hover tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded is-active" data-drupal-link-system-path="node/776" aria-current="page"> 2274 2275 Contact us 2276 </a> 2277 2278 </div> 2279 2280 2281 </li> 2282 2283 2284 2285 2286 <li class="menu__item menu__item--link menu__item--level-1 tw:lg:py-0 tw:py-4"> 2287 2288 2289 2290 <div class="external-menu__item tw:lg:header-font tw:heading-font tw:flex tw:items-center tw:gap-1 tw:lg:text-s tw:text-base tw:font-bold button__style--text"> 2291 2292 2293 <a href="/en/subscribe-newsletter" class="menu__link menu__link--link menu__link--level-1 tw:flex tw:items-center tw:gap-1 picto-image picto-image__hover tw:max-lg:tracking-xs tw:outline-component-primary tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:lg:focus-visible:rounded-large tw:focus-visible:rounded" data-drupal-link-system-path="node/971"> 2294 2295 Subscribe Now 2296 </a> 2297 2298 </div> 2299 2300 2301 </li> 2302 </ul> 2303 2304 2305 2306 2307 2308 2309 </nav> 2310 2311 2312 2313<nav class="language-switcher-language-url block block-language block-language-blocklanguage-content main-menu__pipe" id="block-butterfly-theme-languageswitchercontent" role="navigation" aria-label="Language selector"> 2314 2315 2316 2317 2318 2319<div class="language-menu tw:relative"> 2320 <button type="button" aria-label="Change site language: (En) English selected" aria-expanded="false" data-current-lang="en" class="language-toggle tw:items-center tw:gap-1 tw:text-font tw:text-s tw:text-component-primary tw:font-bold tw:hover:underline tw:lg:flex tw:hidden">En 2321 2322 2323 2324 2325 <span aria-hidden="true" class="icon icon--chevron-down tw:text-component-primary language-menu-icon tw:transition-transform tw:duration-300 tw:ease-linear"> 2326 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 6 4 4 4-4"/></svg> 2327 2328 </span> 2329 2330 2331</button> 2332 <div class="language-menu-content tw:lg:hidden tw:block tw:lg:bg-component-white tw:lg:rounded-large tw:lg:overflow-hidden tw:lg:shadow-md tw:lg:absolute tw:lg:left-1/2 tw:lg:-translate-x-1/2 tw:max-lg:left-auto tw:max-lg:right-0"> 2333 2334<ul class="links"><li data-drupal-language="en" data-drupal-link-system-path="node/776" class="language-item tw:heading-font tw:text-base tw:lg:font-light tw:font-bold tw:text-component-dark-text tw:text-center tw:cursor-pointer is-active" aria-current="page">
2334<a href="/en/contact-us-0" class="language-link is-active" aria-label="En - English" aria-current="page" lang="en" hreflang="en" data-drupal-link-system-path="node/776">En</a></li><li data-drupal-language="fr" data-drupal-link-system-path="node/781" class="language-item tw:heading-font tw:text-base tw:lg:font-light tw:font-bold tw:text-component-dark-text tw:text-center tw:cursor-pointer"><a href="/fr/contactez-nous" class="language-link" aria-label="Fr - Français" aria-current="false" lang="fr" hreflang="fr" data-drupal-link-system-path="node/781">Fr</a></li></ul> 2335 </div> 2336</div> 2337 2338 </nav> 2339 2340 2341<div id="block-butterfly-theme-top-right-link-block" class="block block-te-block block-top-right-link-block tw:lg:py-0 tw:py-4"> 2342 2343 2344 <div class="block-content tw:text-component-dark-text tw:lg:text-component-primary tw:lg:text-s tw:text-base tw:font-bold main-menu__top-right--click tw:lg:header-font tw:heading-font tw:hover:underline tw:max-lg:tracking-xs"> 2345 <a href="https://totalenergies.com/">TotalEnergies.com</a> 2346 </div> 2347 </div> 2348 2349 </div> 2350 2351 </div> 2352 </div> 2353 </div> 2354 <div class="te-search-form tw:absolute tw:-z-40 tw:bg-component-white tw:left-0 tw:right-0 visually-hidden" aria-hidden="true"> 2355 2356 2357 2358<form class="search-form tw:container tw:flex tw:items-center tw:rtl:flex-row-reverse" id="search-form" novalidate data-drupal-selector="search-form" action="/en/contact-us-0" method="get" accept-charset="UTF-8" data-component-id="butterfly_theme:search-bar"> 2359 2360 2361 2362<div class="tw:relative tw:flex-1 js-form-item form-item js-form-type-textfield form-item-global-search js-form-item-global-search form-no-label"> 2363 2364<input aria-label="Search..." id="search-form-search-input" data-drupal-selector="edit-global-search" type="text" name="global_search" value="" maxlength="128" placeholder="Search..." class="form-text global-search-input tw:transition-opacity tw:w-full tw:border tw:rounded-large tw:h-12 tw:md:h-16 tw:md:px-6 tw:px-4 tw:md:py-4 tw:py-2 tw:leading-6" /> 2365 2366 <p class="form-item--error-message tw:hidden tw:text-error tw:text-xxs tw:font-light tw:px-4 tw:py-0.5 tw:mt-1" role="alert"> 2367 2368 </p> 2369 2370 <button class="js-search-submit--search tw:absolute tw:ltr:right-4 tw:ltr:md:right-6 tw:rtl:left-4 tw:rtl:md:left-6 tw:top-2 tw:md:top-4 tw:flex tw:items-center tw:justify-center tw:w-8 tw:h-8 tw:rounded-full tw:text-white-text tw:bg-primary tw:border tw:border-solid tw:hover:text-primary tw:hover:bg-white-text tw:hover:border-primary tw:focus-visible:text-primary tw:focus-visible:bg-white-text tw:focus-visible:border-primary tw:focus-visible:outline tw:focus-visible:outline-primary tw:focus-visible:outline-3 tw:focus-visible:outline-offset-4" type="submit"> 2371 2372 2373 2374 2375 2376 <span aria-hidden="true" class="icon icon--search icon--small"> 2377 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg> 2378 2379 </span> 2380 2381 2382 <span class="tw:sr-only">Launch search</span> 2383 </button> 2384</div> 2385 2386 2387 2388 2389 2390 2391 2392 2393<button class="tw:hidden button js-form-submit form-submit button--primary button--neutral tw:relative tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:text-base tw:font-bold tw:hyphens-auto tw:rounded-3xl tw:transition-colors-except-outline tw:ease-linear tw:duration-300 tw:underline-none tw:hover:underline tw:focus-visible:underline tw:focus-visible:outline tw:focus-visible:outline-3 tw:focus-visible:outline-offset-4 tw:py-2 tw:px-6 tw:mt-0" id="search-form-search-submit" data-drupal-selector="edit-submit" type="submit" name="op" value="Search" data-component-id="butterfly_theme:button"> 2394 Search 2395 </button> 2396 2397 2398 2399 2400 2401<div class="tw:relative webform-input__wrapper"> 2402 <input autocomplete="off" data-drupal-selector="form-wkkrjhfdeuqsswljw1nuximj7fk-kfguh2ut0-c72sy" type="hidden" name="form_build_id" value="form-WkkrjhfdeUQsSwljw1NuXimJ7Fk_kfgUH2uT0-C72SY" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" /> 2403 2404</div> 2405 2406 2407 2408 2409 2410<div class="tw:relative webform-input__wrapper"> 2411 <input data-drupal-selector="edit-search-form" type="hidden" name="form_id" value="search_form" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" /> 2412 2413</div> 2414 2415 2416 <button class="js-search-close-button search-close-button tw:w-8 tw:h-8 tw:flex tw:items-center tw:justify-center tw:text-component-primary tw:bg-transparent tw:hover:text-white-text tw:hover:bg-component-primary tw:hover:border-component-primary tw:hover:border tw:hover:border-solid tw:focus-visible:rounded-full tw:focus-visible:text-white-text tw:focus-visible:bg-component-primary tw:focus-visible:border-component-primary" type="button"> 2417 2418 2419 2420 2421 2422 <span aria-hidden="true" class="icon icon--close"> 2423 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> 2424 2425 </span> 2426 2427 2428 <span class="tw:sr-only">Close</span> 2429 </button> 2430</form> 2431 2432 2433</div> 2434 2435 </div> 2436</header> 2437 2438 2439 <div class="tw:bg-component-white"> 2440 2441 2442<div id="block-butterfly-theme-breadcrumbs" class="block block-system block-system-breadcrumb-block tw:container tw:lg:my-6 tw:my-4"> 2443 2444 2445 <div class="block_content tw:-mt-1.5"> 2446 2447 2448 <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> 2449 <span id="system-breadcrumb" class="visually-hidden">Breadcrumb</span> 2450 <div class="breadcrumb__content tw:relative"> 2451 <button type="button" class="breadcrumb-show-more tw:hidden tw:absolute tw:top-0 tw:left-0">... <span class="tw:inline-block tw:align-middle tw:mx-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> 2452</span></button> 2453 <ol class="breadcrumb__list tw:inline-block tw:w-full"> 2454 2455 2456 2457<li class="breadcrumb-item tw:inline tw:text-sm tw:py-0.5" data-index="0"> 2458 <a href="/en" title="Home" class="tw:inline tw:text-font tw:md:text-component-primary tw:text-component-dark-text tw:font-light"> 2459 2460 2461 <span class="breadcrumb-text-content tw:md:hidden tw:inline">Home</span> 2462 <span aria-hidden="true" class="breadcrumb-icon-first tw:md:inline-block tw:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m2 6 6-4.667L14 6v7.333a1.334 1.334 0 0 1-1.333 1.334H3.333A1.334 1.334 0 0 1 2 13.333V6Z"/></svg> 2463</span> 2464 <span aria-hidden="true" class="tw:inline-block tw:align-baseline tw:mx-2 tw:w-4 tw:h-4 tw:leading-none tw:rtl:rotate-180"> 2465 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> 2466 2467 </span> 2468 2469 </a> 2470 </li> 2471 2472 2473 2474 2475<li class="breadcrumb-item tw:inline tw:text-sm tw:py-0.5" data-index="1">
2476 <span class="tw:inline tw:text-font tw:text-component-dark-text tw:font-bold"> 2477 2478 2479 <span class="breadcrumb-text-content tw:align-middle">Contact us</span> 2480 2481 </span> 2482 </li> 2483 2484 </ol> 2485 </div> 2486 </nav> 2487 2488 2489 </div> 2490 </div> 2491 2492 </div> 2493 2494 2495 <div> 2496 <div data-drupal-messages-fallback class="hidden"></div> 2497 2498 </div> 2499 2500 2501 2502 2503 <main role="main" class="tw:flex-auto" dir=ltr> 2504 <a id="main-content" tabindex="-1"></a> 2505 <div class="layout-content"> 2506 <div id="block-butterfly-theme-page-title" class="tw:container block block-core block-page-title-block"> 2507 2508 2509 2510 2511<h1 class="text-color-gradient text-color-gradient-red tw:mt-6 tw:mb-6"> 2512 Contact us 2513 </h1> 2514 2515 </div> 2516 2517<div id="block-butterfly-theme-content" class="block block-system block-system-main-block"> 2518 2519 2520 <div class="block-content"> 2521 <article> 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531<section id="section" data-component-id="butterfly_theme:onecol-section" class="layout layout--onecol section tw:py-10 tw:md:py-12"> 2532 <div class="layout__region layout__region--content tw:container tw:grid tw:gap-6"> 2533 <div class="section__row tw:grid tw:grid-cols-12 tw:gap-6 "> 2534 2535<div class="tw:col-span-12 tw:md:col-span-12 block tw:text-dark-text block-layout-builder block-inline-blockrich-text tw:py-2.5" id="contact-us" style="--bg-style-color: #FFFFFF; --thead-background-color: #285AFF; --thead-text-color: var(--color-white-text);"> 2536 2537 2538 <div class="block-content"> 2539 2540<div class="rich-text-field rich-text-field-format--comprehensive field field--name-field-rich-text field--type-text-with-summary field--label-hidden field__items" data-muted="false"> 2541 <div class="field__item"> 2542 2543 <h3><strong>GET IN TOUCH WITH US</strong></h3> 2544 2545<p>TotalEnergies Marketing Canada Inc.<br> 2546220 Lafleur ave.<br> 2547LaSalle, QC<br> 2548H8R 4C9<br> 2549<br> 2550Toll free: +1 800 463-3955</p> 2551 2552<p> </p> 2553 2554<h4>Please fill in the following fields to receive information</h4> 2555 </div> 2556 </div> 2557 2558 </div> 2559 </div> 2560</div> 2561<div class="section__row tw:grid tw:grid-cols-12 tw:gap-6 "> 2562 2563 2564<div class="tw:col-span-12 tw:md:col-span-12 block block-layout-builder block-inline-blockwebform tw:grid tw:grid-cols-12 tw:gap-x-6 webform" id="website-page-description-page-6" data-component-id="butterfly_theme:block-webform"> 2565 2566 2567 <div class="block-content tw:lg:col-span-6 tw:lg:col-start-4 tw:md:col-span-8 tw:md:col-start-3 tw:col-span-12 tw:mt-6 tw:lg:mb-20 tw:mb-10"> 2568 <div class="webform__title tw:mb-4"> 2569 2570 </div> 2571 <div class="webform__description"> 2572 2573 </div> 2574 <div class="webform__content"> 2575 2576 <div class="field field--name-field-webform field--type-webform field--label-hidden field__item"><div id="webform-submission-6-block-content-2381-form-ajax-content" tabindex="-1"><div id="webform-submission-6-block-content-2381-form-ajax" class="webform-ajax-form-wrapper" data-effect="fade" data-progress-type="throbber"><form class="webform-submission-form webform-submission-add-form webform-submission-_-form webform-submission-_-add-form webform-submission-_-block_content-2381-form webform-submission-_-block_content-2381-add-form webform-submission-6-block-content-2381-add-form webform-submission-6-form js-webform-details-toggle webform-details-toggle antibot tw:relative" data-drupal-selector="webform-submission-6-block-content-2381-add-form" data-action="/en/contact-us-0" action="/antibot" method="post" id="webform-submission-6-block-content-2381-add-form" accept-charset="UTF-8"> 2577 2578 <noscript> 2579 <div class="antibot-no-js antibot-message antibot-message-warning">You must have JavaScript enabled to use this form.</div> 2580</noscript> 2581 2582 2583 2584<fieldset data-drupal-selector="edit-prefix" id="edit-prefix--wrapper" class="radios--wrapper fieldgroup form-composite webform-composite-hidden-title js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper tw:mb-6"> 2585 2586 <legend id="edit-prefix--wrapper-legend"> 2587 <span class="visually-hidden fieldset-legend tw:mb-4 tw:inline-block"> 2588 Civility 2589 </span> 2590 </legend> 2591 <div class="fieldset-wrapper"> 2592 <div id="edit-prefix" class="js-webform-radios webform-options-display-one-column webform-scale__radios" data-component-id="butterfly_theme:radios"> 2593 2594 2595 2596 2597 2598<div class="js-webform-type-radio webform-type-radio js-form-item form-item webform-item js-form-type-radio form-type-radio form-item-prefix js-form-item-prefix tw:relative tw:mb-6"> 2599 <div class="form-element__wrapper tw:relative"> 2600 2601 2602 2603<input data-drupal-selector="edit-prefix-miss" type="radio" id="edit-prefix-miss" name="prefix" value="Miss" class="form-radio tw:appearance-none tw:ltr:mr-2 tw:rtl:ml-2 tw:relative tw:rounded-full tw:transition-colors tw:cursor-pointer tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:input--radio" /> 2604 2605 2606 2607 2608<label for="edit-prefix-miss" data-component-id="butterfly_theme:form-element-label" class="option tw:cursor-pointer"> 2609 <span title="Miss">Miss </span> 2610 <sup class="tw:text-xxs tw:align-sub sup-text">*</sup> 2611 </label> 2612 2613 </div> 2614 2615 </div> 2616 2617 2618 2619 2620 2621 2622<div class="js-webform-type-radio webform-type-radio js-form-item form-item webform-item js-form-type-radio form-type-radio form-item-prefix js-form-item-prefix tw:relative tw:mb-6"> 2623 <div class="form-element__wrapper tw:relative"> 2624 2625 2626 2627<input data-drupal-selector="edit-prefix-mr" type="radio" id="edit-prefix-mr" name="prefix" value="Mr" class="form-radio tw:appearance-none tw:ltr:mr-2 tw:rtl:ml-2 tw:relative tw:rounded-full tw:transition-colors tw:cursor-pointer tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:input--radio" /> 2628 2629 2630 2631 2632<label for="edit-prefix-mr" data-component-id="butterfly_theme:form-element-label" class="option tw:cursor-pointer"> 2633 <span title="Mr">Mr </span> 2634 <sup class="tw:text-xxs tw:align-sub sup-text">*</sup> 2635 </label> 2636 2637 </div> 2638 2639 </div> 2640</div> 2641 2642 2643 </div> 2644</fieldset> 2645 2646 2647 2648 2649 2650 2651<div class="webform-element--title-inline js-webform-type-textfield webform-type-textfield js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-firstname js-form-item-firstname tw:relative tw:mb-6"> 2652 <div class="form-element__wrapper tw:relative"> 2653 <div class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4"> 2654 2655<label for="edit-firstname" data-component-id="butterfly_theme:form-element-label" class="js-form-required form-required tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2"> 2656 <span title="First name">First name </span> 2657 <sup class="tw:text-xxs tw:align-sub">*</sup> 2658 </label> 2659 2660 </div> 2661 2662 2663 2664 2665 2666<div class="tw:relative webform-input__wrapper"> 2667 <input data-drupal-selector="edit-firstname" data-msg-maxlength="First name field has a maximum length of 255." data-msg-required="First name field is required." type="text" id="edit-firstname" name="firstname" value="" maxlength="255" class="form-text required tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" required="required" data-component-id="butterfly_theme:input" autocomplete="" /> 2668 2669</div> 2670 2671 2672 </div> 2673 2674 </div> 2675 2676 2677 2678 2679 2680 2681<div class="webform-element--title-inline js-webform-type-textfield webform-type-textfield js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-lastname js-form-item-lastname tw:relative tw:mb-6"> 2682 <div class="form-element__wrapper tw:relative"> 2683 <div class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4"> 2684 2685<label for="edit-lastname" data-component-id="butterfly_theme:form-element-label" class="js-form-required form-required tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2"> 2686 <span title="Last name">Last name </span> 2687 <sup class="tw:text-xxs tw:align-sub">*</sup> 2688 </label> 2689 2690 </div> 2691 2692 2693 2694 2695 2696<div class="tw:relative webform-input__wrapper"> 2697 <input data-drupal-selector="edit-lastname" data-msg-maxlength="Last name field has a maximum length of 255." data-msg-required="Last name field is required." type="text" id="edit-lastname" name="lastname" value="" maxlength="255" class="form-text required tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" required="required" data-component-id="butterfly_theme:input" autocomplete="" /> 2698 2699</div> 2700 2701 2702 </div> 2703 2704 </div> 2705 2706 2707 2708 2709 2710 2711<div class="webform-element--title-inline js-webform-type-select webform-type-select js-form-item form-item webform-item js-form-type-select form-type-select form-item-you-are js-form-item-you-are tw:relative tw:mb-6"> 2712 <div class="form-element__wrapper tw:relative"> 2713 <div class="tw:mb-2 tw:ml-4 tw:text-sm tw:font-light tw:text-font tw:ltr:left-4 tw:rtl:mr-4"> 2714 2715<label for="edit-you-are" data-component-id="butterfly_theme:form-element-label" class="tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2"> 2716 <span title="You are">You are </span> 2717 <sup class="tw:text-xxs tw:align-sub sup-text">*</sup> 2718 </label> 2719 2720 </div> 2721 2722 2723 2724 2725<div class="webform-select-wrapper tw:relative"><select data-drupal-selector="edit-you-are" id="edit-you-are" name="you_are" class="form-select webform-select tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:appearance-none tw:relative tw:text-sm tw:max-lg:pr-6 tw:max-lg:p-4 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:select"><option value="" selected="selected">- None - </option><option value="TC">Total customer </option><option value="TE">Total employee </option><option value="TP">Total partner </option><option value="C">Candidate </option><option value="O">Other </option></select><span aria-hidden="true" class="icon icon--chevron-down tw:text-primary webform-select__icon tw:z-[1] tw:ease-linear tw:inline-block tw:absolute tw:ltr:right-4 tw:rtl:left-4 tw:pointer-events-none tw:h-6 t
2725w:top-4 tw:lg:bottom-4 tw:lg:top-auto"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6 9 6 6 6-6"/></svg></span></div> 2726 2727 </div> 2728 2729 </div> 2730 2731 2732 2733 2734 2735 2736<div class="webform-element--title-inline js-webform-type-email webform-type-email js-form-item form-item webform-item js-form-type-email form-type-email form-item-email js-form-item-email tw:relative tw:mb-6"> 2737 <div class="form-element__wrapper tw:relative"> 2738 <div class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4"> 2739 2740<label for="edit-email" data-component-id="butterfly_theme:form-element-label" class="js-form-required form-required tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2"> 2741 <span title="Email">Email </span> 2742 <sup class="tw:text-xxs tw:align-sub">*</sup> 2743 </label> 2744 2745 </div> 2746 2747 2748 2749 2750 2751<div class="tw:relative webform-input__wrapper"> 2752 <input pattern="[^@\s]+@[^@.\s]+(\.[^@.\s]+)+" data-drupal-selector="edit-email" data-msg-email="Email does not contain a valid email." data-msg-maxlength="Email field has a maximum length of 254." data-msg-required="Email field is required." data-msg-pattern="Email does not contain a valid email." type="email" id="edit-email" name="email" value="" maxlength="254" class="form-email required tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" required="required" data-component-id="butterfly_theme:input" autocomplete="email" /> 2753 2754</div> 2755 2756 2757 </div> 2758 2759 </div> 2760 2761 2762 2763 2764 2765 2766<div class="webform-element--title-inline js-webform-type-textarea webform-type-textarea js-form-item form-item webform-item js-form-type-textarea form-type-textarea form-item-address js-form-item-address tw:relative tw:mb-6"> 2767 <div class="form-element__wrapper tw:relative"> 2768 <div class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4"> 2769 2770<label for="edit-address" data-component-id="butterfly_theme:form-element-label" class="tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2"> 2771 <span title="Address">Address </span> 2772 <sup class="tw:text-xxs tw:align-sub sup-text">*</sup> 2773 </label> 2774 2775 </div> 2776 2777 2778 2779 2780<div class="textarea"> 2781 <div class="tw:relative tw:flex tw:flex-col"> 2782 <div class="textarea__icon tw:absolute tw:rounded-lg tw:ltr:right-0.5 tw:rtl:left-0.5 tw:rtl:rotate-90 tw:pointer-events-none "> 2783 2784 2785 2786 2787 2788 <span aria-hidden="true" class="icon icon--pull-tab tw:text-primary"> 2789 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a-1)"><path fill="currentColor" fill-rule="evenodd" d="M22.85 8.063 8 22.912l.707.707 14.85-14.85-.708-.706ZM12.464 22.912 23.07 12.305l.707.707L13.172 23.62l-.707-.707Zm4.242 0 6.364-6.364.707.707-6.364 6.364-.707-.707Z" clip-rule="evenodd"/></g><defs><clipPath id="a-1"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></svg> 2790 2791 </span> 2792 2793 2794 </div> 2795 <textarea data-drupal-selector="edit-address" id="edit-address" name="address" rows="5" cols="60" class="form-textarea resize-vertical tw:w-full tw:border tw:border-neutral-grey-dark tw:bg-neutral-white tw:rounded-lg tw:relative tw:pt-6 tw:px-4 tw:pb-2 tw:text-base tw:font-light tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:textarea"></textarea> 2796 </div> 2797</div> 2798 2799 2800 </div> 2801 2802 </div> 2803 2804 2805 2806 2807 2808 2809<div class="webform-element--title-inline js-webform-type-textfield webform-type-textfield js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-zip js-form-item-zip tw:relative tw:mb-6"> 2810 <div class="form-element__wrapper tw:relative"> 2811 <div class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4"> 2812 2813<label for="edit-zip" data-component-id="butterfly_theme:form-element-label" class="tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2"> 2814 <span title="Postcode">Postcode </span> 2815 <sup class="tw:text-xxs tw:align-sub sup-text">*</sup> 2816 </label> 2817 2818 </div> 2819 2820 2821 2822 2823 2824<div class="tw:relative webform-input__wrapper"> 2825 <input data-drupal-selector="edit-zip" data-msg-maxlength="Postcode field has a maximum length of 255." t
2825ype="text" id="edit-zip" name="zip" value="" maxlength="255" class="form-text tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:input" autocomplete="postal-code" /> 2826 2827</div> 2828 2829 2830 </div> 2831 2832 </div> 2833 2834 2835 2836 2837 2838 2839<div class="webform-element--title-inline js-webform-type-textfield webform-type-textfield js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-city js-form-item-city tw:relative tw:mb-6"> 2840 <div class="form-element__wrapper tw:relative"> 2841 <div class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4"> 2842 2843<label for="edit-city" data-component-id="butterfly_theme:form-element-label" class="tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2"> 2844 <span title="City">City </span> 2845 <sup class="tw:text-xxs tw:align-sub sup-text">*</sup> 2846 </label> 2847 2848 </div> 2849 2850 2851 2852 2853 2854<div class="tw:relative webform-input__wrapper"> 2855 <input data-drupal-selector="edit-city" data-msg-maxlength="City field has a maximum length of 255." type="text" id="edit-city" name="city" value="" maxlength="255" class="form-text tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:input" autocomplete="address-level2" /> 2856 2857</div> 2858 2859 2860 </div> 2861 2862 </div> 2863 2864 2865 2866 2867 2868 2869<div class="webform-element--title-inline js-webform-type-select webform-type-select js-form-item form-item webform-item js-form-type-select form-type-select form-item-country js-form-item-country tw:relative tw:mb-6"> 2870 <div class="form-element__wrapper tw:relative"> 2871 <div class="tw:mb-2 tw:ml-4 tw:text-sm tw:font-light tw:text-font tw:ltr:left-4 tw:rtl:mr-4"> 2872 2873<label for="edit-country" data-component-id="butterfly_theme:form-element-label" class="tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2"> 2874 <span title="Country">Country </span> 2875 <sup class="tw:text-xxs tw:align-sub sup-text">*</sup> 2876 </label> 2877 2878 </div> 2879 2880 2881 2882 2883<div class="webform-select-wrapper tw:relative"><select data-drupal-selector="edit-country" id="edit-country" name="country" class="form-select webform-select tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:appearance-none tw:relative tw:text-sm tw:max-lg:pr-6 tw:max-lg:p-4 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:select"><option value="" selected="selected">- None - </option></select><span aria-hidden="true" class="icon icon--chevron-down tw:text-primary webform-select__icon tw:z-[1] tw:ease-linear tw:inline-block tw:absolute tw:ltr:right-4 tw:rtl:left-4 tw:pointer-events-none tw:h-6 t
2883w:top-4 tw:lg:bottom-4 tw:lg:top-auto"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6 9 6 6 6-6"/></svg></span></div> 2884 2885 </div> 2886 2887 </div> 2888 2889 2890 2891 2892 2893 2894<div class="webform-element--title-inline js-webform-type-textfield webform-type-textfield js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-phone-number js-form-item-phone-number tw:relative tw:mb-6"> 2895 <div class="form-element__wrapper tw:relative"> 2896 <div class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4"> 2897 2898<label for="edit-phone-number" data-component-id="butterfly_theme:form-element-label" class="tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2"> 2899 <span title="Phone number">Phone number </span> 2900 <sup class="tw:text-xxs tw:align-sub sup-text">*</sup> 2901 </label> 2902 2903 </div> 2904 2905 2906 2907 2908 2909<div class="tw:relative webform-input__wrapper"> 2910 <input data-drupal-selector="edit-phone-number" data-msg-maxlength="Phone number field has a maximum length of 255." type="text" id="edit-phone-number" name="phone_number" value="" maxlength="255" class="form-text tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" data-component-id="butterfly_theme:input" autocomplete="" /> 2911 2912</div> 2913 2914 2915 </div> 2916 2917 </div> 2918 2919 2920 2921 2922 2923 2924<div class="webform-element--title-inline js-webform-type-textfield webform-type-textfield js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-subject js-form-item-subject tw:relative tw:mb-6"> 2925 <div class="form-element__wrapper tw:relative"> 2926 <div class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4"> 2927 2928<label for="edit-subject" data-component-id="butterfly_theme:form-element-label" class="js-form-required form-required tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2"> 2929 <span title="Subject">Subject </span> 2930 <sup class="tw:text-xxs tw:align-sub">*</sup> 2931 </label> 2932 2933 </div> 2934 2935 2936 2937 2938 2939<div class="tw:relative webform-input__wrapper"> 2940 <input data-drupal-selector="edit-subject" data-msg-maxlength="Subject field has a maximum length of 255." data-msg-required="Subject field is required." type="text" id="edit-subject" name="subject" value="" maxlength="255" class="form-text required tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" required="required" data-component-id="butterfly_theme:input" autocomplete="" /> 2941 2942</div> 2943 2944 2945 </div> 2946 2947 </div> 2948 2949 2950 2951 2952 2953 2954<div class="webform-element--title-inline js-webform-type-textarea webform-type-textarea js-form-item form-item webform-item js-form-type-textarea form-type-textarea form-item-your-message js-form-item-your-message tw:relative tw:mb-6"> 2955 <div class="form-element__wrapper tw:relative"> 2956 <div class="tw:absolute form-element__label tw:text-dark-text tw:top-2 tw:z-[1] tw:text-xxs tw:text-font tw:font-light tw:ltr:left-4 tw:rtl:mr-4"> 2957 2958<label for="edit-your-message" data-component-id="butterfly_theme:form-element-label" class="js-form-required form-required tw:cursor-pointer tw:ltr:mr-2 tw:rtl:ml-2"> 2959 <span title="Your message">Your message </span> 2960 <sup class="tw:text-xxs tw:align-sub">*</sup> 2961 </label> 2962 2963 </div> 2964 2965 2966 2967 2968<div class="textarea"> 2969 <div class="tw:relative tw:flex tw:flex-col"> 2970 <div class="textarea__icon tw:absolute tw:rounded-lg tw:ltr:right-0.5 tw:rtl:left-0.5 tw:rtl:rotate-90 tw:pointer-events-none "> 2971 2972 2973 2974 2975 2976 <span aria-hidden="true" class="icon icon--pull-tab tw:text-primary"> 2977 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a-2)">
2977<path fill="currentColor" fill-rule="evenodd" d="M22.85 8.063 8 22.912l.707.707 14.85-14.85-.708-.706ZM12.464 22.912 23.07 12.305l.707.707L13.172 23.62l-.707-.707Zm4.242 0 6.364-6.364.707.707-6.364 6.364-.707-.707Z" clip-rule="evenodd"/></g><defs><clipPath id="a-2"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></svg> 2978 2979 </span> 2980 2981 2982 </div> 2983 <textarea data-drupal-selector="edit-your-message" data-msg-required="Your message field is required." id="edit-your-message" name="your_message" rows="5" cols="60" class="form-textarea required resize-vertical tw:w-full tw:border tw:border-neutral-grey-dark tw:bg-neutral-white tw:rounded-lg tw:relative tw:pt-6 tw:px-4 tw:pb-2 tw:text-base tw:font-light tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" required="required" data-component-id="butterfly_theme:textarea"></textarea> 2984 </div> 2985</div> 2986 2987 2988 </div> 2989 2990 </div> 2991 2992 2993 2994<fieldset data-drupal-selector="edit-fieldset-first-name" id="edit-fieldset-first-name" class="js-webform-type-fieldset webform-type-fieldset js-form-item form-item js-form-wrapper form-wrapper tw:mb-6"> 2995 2996 <legend> 2997 <span class="fieldset-legend tw:mb-4 tw:inline-block"> 2998 First name 2999 </span> 3000 </legend> 3001 <div class="fieldset-wrapper"> 3002 3003 </div> 3004</fieldset> 3005 3006 3007 <div data-drupal-selector="edit-captcha" class="captcha captcha-type-challenge--turnstile" data-nosnippet> 3008 <div class="captcha__element"> 3009 3010 3011 3012 3013<div class="tw:relative webform-input__wrapper"> 3014 <input data-drupal-selector="edit-captcha-sid" type="hidden" name="captcha_sid" value="8731" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" /> 3015 3016</div> 3017 3018 3019 3020 3021 3022<div class="tw:relative webform-input__wrapper"> 3023 <input data-drupal-selector="edit-captcha-token" type="hidden" name="captcha_token" value="oEPAoeBeioSp1N_b45WedsIvvn6sWj6PB-KD3rxPfrQ" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" /> 3024 3025</div> 3026 3027 3028 3029 3030 3031<div class="tw:relative webform-input__wrapper"> 3032 <input data-drupal-selector="edit-captcha-response" type="hidden" name="captcha_response" value="Turnstile no captcha" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" /> 3033 3034</div> 3035 3036<div class="cf-turnstile" data-sitekey="0x4AAAAAAB6g_AMxyofcEXGM" data-theme="light" data-size="flexible" data-language="en" data-retry="auto" interval="8000" data-appearance="always"></div> 3037 3038 3039 3040<div class="tw:relative webform-input__wrapper"> 3041 <input data-drupal-selector="edit-captcha-cacheable" type="hidden" name="captcha_cacheable" value="1" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" /> 3042 3043</div> 3044 3045 3046 </div> 3047 </div> 3048 3049 3050 3051 3052<div class="tw:relative webform-input__wrapper"> 3053 <input autocomplete="off" data-drupal-selector="form-kkexote0mji1ty02gx8kv9ls3nid0yzimdeqihevwvw" type="hidden" name="form_build_id" value="form-KkEXOte0MJi1Ty02gx8kV9ls3nID0yzimDEqihEVWVw" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" /> 3054 3055</div> 3056 3057 3058 3059 3060 3061<div class="tw:relative webform-input__wrapper"> 3062 <input data-drupal-selector="edit-webform-submission-6-block-content-2381-add-form" type="hidden" name="form_id" value="webform_submission_6_block_content_2381_add_form" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" /> 3063 3064</div> 3065 3066 3067 3068 3069 3070<div class="tw:relative webform-input__wrapper"> 3071 <input data-drupal-selector="edit-antibot-key" type="hidden" name="antibot_key" value="" data-component-id="butterfly_theme:input" class="tw:w-full tw:border tw:border-neutral-grey-dark tw:rounded-lg tw:bg-neutral-white tw:pt-6 tw:px-4 tw:pb-2 tw:text-dark-text tw:focus-visible:outline-neutral-grey-dark" autocomplete="" /> 3072 3073</div> 3074 3075<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><div class="tw:flex tw:gap-4"> 3076 3077 3078 3079 3080 3081 3082 3083 3084<button class="webform-button--submit button button--primary js-form-submit form-submit button--neutral tw:relative tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:text-base tw:font-bold tw:hyphens-auto tw:rounded-3xl tw:transition-colors-except-outline tw:ease-linear tw:duration-300 tw:underline-none tw:hover:underline tw:focus-visible:underline tw:focus-visible:outline tw:focus-visible:outline-3 tw:focus-visible:outline-offset-4 tw:py-2 tw:px-6 tw:mt-0" onclick="utag.link({event_attr1:'Contact us::submitted',event_attr2:'action'})" data-drupal-selector="edit-submit" data-disable-refocus="true" type="submit" id="edit-submit" name="op" value="Submit" data-component-id="butterfly_theme:button"> 3085 Submit 3086 </button> 3087 3088 3089</div> 3090</div> 3091 3092 3093 3094</form> 3095</div></div></div> 3096 3097 </div> 3098 </div> 3099 </div> 3100</div> 3101 3102 </div> 3103 </section> 3104 3105 3106</article> 3107 3108 </div> 3109 </div> 3110 3111 3112 </div> 3113 </main> 3114 3115 3116<footer class="butterfly-main-footer main-footer tw:bg-component-bg tw:text-component-text" role="contentinfo" dir="ltr"> 3117 <div class="tw:container"> 3118 <div> 3119 3120 3121<div id="block-butterfly-theme-socialfollow" class="block block-te-block block-social-follow-block"> 3122 3123 3124 <div class="block-content tw:flex tw:flex-col tw:items-center tw:justify-between tw:max-md:flex-wrap tw:gap-y-6 tw:gap-x-10 tw:w-full tw:lg:py-10 tw:py-6 tw:heading-font tw:lg:text-xl tw:text-lg tw:font-light tw:tracking-xs tw:container tw:border-b tw:border-grey-light tw:text-center"> 3125 3126 3127 <p id="social_follow">Follow us on Social Media</p> 3128 <ul aria-labelledby="social_follow" class="tw:flex tw:items-center tw:max-md:flex-wrap tw:gap-6 tw:justify-center"> 3129 <li> 3130 <a href="https://www.linkedin.com/company/totalenergies/posts/?feedView=all" aria-label="LinkedIn" target="_blank" rel="nofollow" class="tw:transition-all tw:duration-300 tw:ease-in-out tw:relative tw:inline-block tw:before:content-[''] t
3130w:before:absolute tw:before:-inset-0.5 tw:hover:before:border-primary tw:hover:before:border-2 tw:before:rounded-full"> 3131 3132 3133 3134 3135 3136 <span aria-hidden="true" class="icon icon--linkedin tw:text-black"> 3137 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#0073B1" d="M21 4.324v15.353A1.323 1.323 0 0 1 19.677 21H4.324A1.323 1.323 0 0 1 3 19.677V4.324A1.324 1.324 0 0 1 4.324 3h15.353A1.323 1.323 0 0 1 21 4.324ZM8.294 9.882H5.647v8.47h2.647v-8.47Zm.238-2.911a1.525 1.525 0 0 0-1.514-1.536h-.047a1.535 1.535 0 0 0 0 3.07 1.525 1.525 0 0 0 1.561-1.487v-.047Zm9.82 6.236c0-2.546-1.62-3.536-3.229-3.536a3.017 3.017 0 0 0-2.678 1.366h-.074V9.882H9.882v8.47h2.647v-4.504a1.757 1.757 0 0 1 1.589-1.896h.1c.842 0 1.467.53 1.467 1.864v4.537h2.647l.02-5.146Z"/></svg> 3138 3139 </span> 3140 3141 3142 </a> 3143 </li> 3144 <li> 3145 <a href="https://www.instagram.com/totalenergies_ca" aria-label="Instagram" target="_blank" rel="nofollow" class="tw:transition-all tw:duration-300 tw:ease-in-out tw:relative tw:inline-block tw:before:content-[''] tw:before:absolute tw:before:-inset-0.5 tw:hover:before:border-primary tw:hover:before:border-2 tw:before:rounded-full"> 3146 3147 3148 3149 3150 3151 <span aria-hidden="true" class="icon icon--instagram tw:text-black"> 3152 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 3c-2.444 0-2.75.01-3.71.054-.959.044-1.613.196-2.186.419-.6.225-1.144.58-1.594 1.038-.457.45-.812.993-1.038 1.593-.221.573-.374 1.228-.418 2.186C3.011 9.25 3 9.555 3 12c0 2.445.01 2.75.054 3.71.044.959.196 1.613.419 2.186.225.6.58 1.144 1.038 1.594.45.458.993.812 1.593 1.038.573.222 1.227.374 2.186.418.96.044 1.266.054 3.71.054s2.75-.01 3.71-.054c.959-.044 1.613-.196 2.186-.419.6-.225 1.144-.58 1.594-1.038.458-.45.812-.993 1.038-1.593.222-.573.374-1.227.418-2.186.044-.96.054-1.266.054-3.71s-.01-2.75-.054-3.71c-.044-.959-.196-1.613-.419-2.186A4.413 4.413 0 0 0 19.49 4.51a4.415 4.415 0 0 0-1.593-1.038c-.573-.221-1.228-.374-2.186-.418C14.75 3.011 14.445 3 12 3Zm0 1.622c2.403 0 2.688.009 3.637.052.877.04 1.354.186 1.671.31.42.163.72.358 1.035.673.315.315.51.615.673 1.035.123.317.27.794.31 1.67.043.95.052 1.235.052 3.638 0 2.403-.009 2.688-.052 3.637-.04.877-.186 1.354-.31 1.671-.144.391-.374.745-.673 1.035-.29.299-.644.529-1.035.673-.317.123-.794.27-1.67.31-.95.043-1.234.052-3.638.052s-2.688-.009-3.637-.052c-.877-.04-1.354-.186-1.671-.31a2.787 2.787 0 0 1-1.035-.673 2.789 2.789 0 0 1-.673-1.035c-.123-.317-.27-.794-.31-1.67-.043-.95-.052-1.235-.052-3.638 0-2.403.009-2.688.052-3.637.04-.877.186-1.354.31-1.671.163-.42.358-.72.673-1.035.29-.299.644-.529 1.035-.673.317-.123.794-.27 1.67-.31.95-.043 1.235-.052 3.638-.052Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M12 15.003a3.003 3.003 0 1 1 0-6.006 3.003 3.003 0 0 1 0 6.006Zm0-7.629a4.626 4.626 0 1 0 0 9.252 4.626 4.626 0 0 0 0-9.252Zm5.972-.084a1.093 1.093 0 1 1-2.187 0 1.093 1.093 0 0 1 2.187 0Z" clip-rule="evenodd"/></svg> 3153 3154 </span> 3155 3156 3157 </a> 3158 </li> 3159 </ul> 3160 3161 </div> 3162 </div> 3163 3164<nav role="navigation" id="block-butterfly-theme-footermainmenu"> 3165 3166 3167 3168 3169 3170 3171 3172 <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu menu--level-1 butterfly-main-footer-menu"> 3173 3174 3175 3176 3177 3178 <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 <div class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 tw:lg:hidden tw:lg:invisible"> 3189 3190 <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-1" id="accordion-footer-1-id" type="button" role="button" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:hidden tw:lg:invisible" > 3191 3192 3193 3194 3195 3196 3197 <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon"> 3198 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> 3199 3200 </span> 3201 3202 3203 3204 3205 </button> 3206 <a href="/en/our-lubricants" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:hidden" data-drupal-link-system-path="node/361">Lubricants</a> 3207 3208 </div> 3209 3210 3211 <div data-target="footer" aria-controls="accordion-footer-1" id="accordion-footer-1-id" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:flex tw:lg:visible tw:hidden tw:invisible" > 3212 3213 3214 3215 3216 3217 3218 <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon"> 3219 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> 3220 3221 </span> 3222 3223 3224 3225 3226 <a href="/en/our-lubricants" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/361"> Lubricants 3227 </a> 3228 3229 </div> 3230 3231 3232 3233 <div class="bfly-main-footer-level-content tw:lg:max-h-full tw:lg:block" id="accordion-footer-1" > 3234 <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu menu--level-2 tw:py-0 butterfly-main-footer-menu-2" aria-labelledby="accordion-footer-1-id"> 3235 3236 3237 3238 3239 3240 <li class="menu__item menu__item--link menu__item--level-2"> 3241 3242 3243 3244 3245 3246 3247 3248 3249 3250 3251 3252 3253 <a href="/en/lubricants/quartz-engine-oils" onclick="utag.link({event_attr1:'La gamme Quartz',event_attr2:'navigation'});" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/371"> Quartz | Light vehicles Engine oils 3254 </a> 3255 3256 3257 3258 3259 3260 <a href="/en/lubricants/quartz-engine-oils" onclick="utag.link({event_attr1:'La gamme Quartz',event_attr2:'navigation'});" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/371"> Quartz | Light vehicles Engine oils 3261 </a> 3262 3263 3264 </li> 3265 3266 3267 3268 3269 3270 <li class="menu__item menu__item--link menu__item--level-2"> 3271 3272 3273 3274 3275 3276 3277 3278 3279 3280 3281 3282 3283 <a href="/en/lubricants/heavy-duty-motor-oils" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/381"> Rubia | Heavy Duty Engine oils 3284 </a> 3285 3286 3287 3288 3289 3290 <a href="/en/lubricants/heavy-duty-motor-oils" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/381"> Rubia | Heavy Duty Engine oils 3291 </a> 3292 3293 3294 </li> 3295 3296 3297 3298 3299 3300 <li class="menu__item menu__item--link menu__item--level-2"> 3301 3302 3303 3304 3305 3306 3307 3308 3309 3310 3311 3312 3313 <a href="/en/lubricants/heavy-duty-motor-oils/agriculture" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/306"> Agriculture 3314 </a> 3315 3316 3317 3318 3319 3320 <a href="/en/lubricants/heavy-duty-motor-oils/agriculture" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/306"> Agriculture 3321 </a> 3322 3323 3324 </li> 3325 3326 3327 3328 3329 3330 <li class="menu__item menu__item--nolink menu__item--level-2"> 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342
3343 <span class="menu__link menu__link--nolink menu__link--level-2 tw:lg:hidden"> Industry 3344 </span> 3345 3346 3347 3348 3349 3350 <span class="menu__link menu__link--nolink menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible"> Industry 3351 </span> 3352 3353 3354 </li> 3355 </ul> 3356 3357 </div> 3358 </li> 3359 3360 3361 3362 3363 3364 <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children"> 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 <div class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 tw:lg:hidden tw:lg:invisible"> 3375 3376 <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-2" id="accordion-footer-2-id" type="button" role="button" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:hidden tw:lg:invisible" > 3377 3378 3379 3380 3381 3382 3383 <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon"> 3384 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> 3385 3386 </span> 3387 3388 3389 3390 3391 </button> 3392 <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:hidden">Partnerships</span> 3393 3394 </div> 3395 3396 3397 <div data-target="footer" aria-controls="accordion-footer-2" id="accordion-footer-2-id" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:flex tw:lg:visible tw:hidden tw:invisible" > 3398 3399 3400 <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:block tw:lg:visible tw:hidden tw:invisible"> 3401 3402 3403 3404 3405 <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon"> 3406 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> 3407 3408 </span> 3409 3410 3411 3412 Partnerships 3413 </span> 3414 3415 </div> 3416 3417 3418 3419 <div class="bfly-main-footer-level-content tw:lg:max-h-full tw:lg:block" id="accordion-footer-2" > 3420 <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw:py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-2-id"> 3421 3422 3423 3424 3425 3426 <li class="menu__item menu__item--link menu__item--level-2"> 3427 3428 3429 3430 3431 3432 3433 3434 3435 3436 3437 3438 3439 <a href="/en/partnership/canadian-hockey-league" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/946"> Canadian Hockey League 3440 </a> 3441 3442 3443 3444 3445 3446 <a href="/en/partnership/canadian-hockey-league" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/946"> Canadian Hockey League 3447 </a> 3448 3449 3450 </li> 3451 3452 3453 3454 3455 3456 <li class="menu__item menu__item--link menu__item--level-2"> 3457 3458 3459 3460 3461 3462 3463 3464 3465 3466 3467 3468 3469 <a href="/en/partenarships/totalenergies-front-row-sustainable-energy-solutions" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/646"> Sustainable motorsport 3470 </a> 3471 3472 3473 3474 3475 3476 <a href="/en/partenarships/totalenergies-front-row-sustainable-energy-solutions" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/646"> Sustainable motorsport 3477 </a> 3478 3479 3480 </li> 3481 3482 3483 3484 3485 3486 <li class="menu__item menu__item--link menu__item--level-2"> 3487 3488 3489 3490 3491 3492 3493 3494 3495 3496 3497 3498 3499 <a href="/node/866%20" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden"> The Straight Pipes 3500 </a> 3501 3502 3503 3504 3505 3506 <a href="/node/866%20" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible"> The Straight Pipes 3507 </a> 3508 3509 3510 </li> 3511 3512 3513 3514 3515 3516 <li class="menu__item menu__item--link menu__item--level-2"> 3517 3518 3519 3520 3521 3522 3523 3524 3525 3526 3527 3528 3529 <a href="/en/about-us/partnerships/ultramar" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/256"> Ultramar 3530 </a> 3531 3532 3533 3534 3535 3536 <a href="/en/about-us/partnerships/ultramar" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/256"> Ultramar 3537 </a> 3538 3539 3540 </li> 3541 </ul> 3542 3543 </div> 3544 </li> 3545 3546 3547 3548 3549 3550 <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> 3551 3552 3553 3554 3555 3556 3557 3558 3559 3560 <div class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 tw:lg:hidden tw:lg:invisible"> 3561 3562 <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-3" id="accordion-footer-3-id" type="button" role="button" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:hidden tw:lg:invisible" > 3563 3564 3565 3566 3567 3568 3569 <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon"> 3570 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> 3571 3572 </span> 3573 3574 3575 3576 3577 </button> 3578 <a href="/en/news" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:hidden" data-drupal-link-system-path="node/241">News</a> 3579 3580 </div> 3581 3582 3583 <div data-target="footer" aria-controls="accordion-footer-3" id="accordion-footer-3-id" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:flex tw:lg:visible tw:hidden tw:invisible" > 3584 3585 3586 3587 3588 3589 3590 <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon"> 3591 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> 3592 3593 </span> 3594 3595 3596 3597 3598 <a href="/en/news" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/241"> News 3599 </a> 3600 3601 </div> 3602 3603 3604 3605 <div class="bfly-main-footer-level-content tw:lg:max-h-full tw:lg:block" id="accordion-footer-3" > 3606 <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw:py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-3-id"> 3607 3608 3609 3610 3611 3612 <li class="menu__item menu__item--link menu__item--level-2"> 3613 3614 3615 3616 3617 3618 3619 3620 3621 3622 3623 3624 3625 <a href="/en/news/totalenergies-immersive-experience-at-2026-memorial
3625-cup" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/951"> Memorial Cup 2026 3626 </a> 3627 3628 3629 3630 3631 3632 <a href="/en/news/totalenergies-immersive-experience-at-2026-memorial-cup" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/951"> Memorial Cup 2026 3633 </a> 3634 3635 3636 </li> 3637 </ul> 3638 3639 </div> 3640 </li> 3641 3642 3643 3644 3645 3646 <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children"> 3647 3648 3649 3650 3651 3652 3653 3654 3655 3656 <div class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 tw:lg:hidden tw:lg:invisible"> 3657 3658 <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-4" id="accordion-footer-4-id" type="button" role="button" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:hidden tw:lg:invisible" > 3659 3660 3661 3662 3663 3664 3665 <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon"> 3666 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> 3667 3668 </span> 3669 3670 3671 3672 3673 </button> 3674 <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:hidden">Our Services</span> 3675 3676 </div> 3677 3678 3679 <div data-target="footer" aria-controls="accordion-footer-4" id="accordion-footer-4-id" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:flex tw:lg:visible tw:hidden tw:invisible" > 3680 3681 3682 <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:block tw:lg:visible tw:hidden tw:invisible"> 3683 3684 3685 3686 3687 <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon"> 3688 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> 3689 3690 </span> 3691 3692 3693 3694 Our Services 3695 </span> 3696 3697 </div> 3698 3699 3700 3701 <div class="bfly-main-footer-level-content tw:lg:max-h-full tw:lg:block" id="accordion-footer-4" > 3702 <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw:py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-4-id"> 3703 3704 3705 3706 3707 3708 <li class="menu__item menu__item--link menu__item--level-2"> 3709 3710 3711 3712 3713 3714 3715 3716 3717 3718 3719 3720 3721 <a href="/en/node/671" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/671"> Lab Services 3722 </a> 3723 3724 3725 3726 3727 3728 <a href="/en/node/671" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/671"> Lab Services 3729 </a> 3730 3731 3732 </li> 3733 3734 3735 3736 3737 3738 <li class="menu__item menu__item--link menu__item--level-2"> 3739 3740 3741 3742 3743 3744 3745 3746 3747 3748 3749 3750 3751 <a href="/en/quartz-auto-services-centres" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/591"> Quartz Auto Services 3752 </a> 3753 3754 3755 3756 3757 3758 <a href="/en/quartz-auto-services-centres" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/591"> Quartz Auto Services 3759 </a> 3760 3761 3762 </li> 3763 3764 3765 3766 3767 3768 <li class="menu__item menu__item--link menu__item--level-2"> 3769 3770 3771 3772 3773 3774 3775 3776 3777 3778 3779 3780 3781 <a href="/en/lubconsult-recommandation" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/601"> LubConsult 3782 </a> 3783 3784 3785 3786 3787 3788 <a href="/en/lubconsult-recommandation" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/601"> LubConsult 3789 </a> 3790 3791 3792 </li> 3793 </ul> 3794 3795 </div> 3796 </li> 3797 3798 3799 3800 3801 3802 <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children"> 3803 3804 3805 3806 3807 3808 3809 3810 3811 3812 <div class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 tw:lg:hidden tw:lg:invisible"> 3813 3814 <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-5" id="accordion-footer-5-id" type="button" role="button" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:hidden tw:lg:invisible" > 3815 3816 3817 3818 3819 3820 3821 <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon"> 3822 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> 3823 3824 </span> 3825 3826 3827 3828 3829 </button>
3830 <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:hidden">Motor oil guides</span> 3831 3832 </div> 3833 3834 3835 <div data-target="footer" aria-controls="accordion-footer-5" id="accordion-footer-5-id" class="tw:flex tw:items-center tw:gap-4 tw:lg:mb-6 tw:mb-0 js-accordion-trigger tw:lg:flex tw:lg:visible tw:hidden tw:invisible" > 3836 3837 3838 <span class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw:flex tw:items-center tw:gap-4 tw:lg:block tw:lg:visible tw:hidden tw:invisible"> 3839 3840 3841 3842 3843 <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon tw:lg:hidden tw:block tw:transition-transform tw:duration-300 tw:ease-in-out js-accordion-icon"> 3844 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> 3845 3846 </span> 3847 3848 3849 3850 Motor oil guides 3851 </span> 3852 3853 </div> 3854 3855 3856 3857 <div class="bfly-main-footer-level-content tw:lg:max-h-full tw:lg:block" id="accordion-footer-5" > 3858 <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu butterfly-main-footer-menu tw:py-0 butterfly-main-footer-menu-2 menu--level-2" aria-labelledby="accordion-footer-5-id"> 3859 3860 3861 3862 3863 3864 <li class="menu__item menu__item--link menu__item--level-2"> 3865 3866 3867 3868 3869 3870 3871 3872 3873 3874 3875 3876 3877 <a href="/en/quartz/engine-oil-tips/hybrid-engine-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/691"> Is engine oil required in hybrid cars? 3878 </a> 3879 3880 3881 3882 3883 3884 <a href="/en/quartz/engine-oil-tips/hybrid-engine-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/691"> Is engine oil required in hybrid cars? 3885 </a> 3886 3887 3888 </li> 3889 3890 3891 3892 3893 3894 <li class="menu__item menu__item--link menu__item--level-2"> 3895 3896 3897 3898 3899 3900 3901 3902 3903 3904 3905 3906 3907 <a href="/en/quartz/role-and-benefits-engine-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/731"> What is motor oil used for and what are its benefits? 3908 </a> 3909 3910 3911 3912 3913 3914 <a href="/en/quartz/role-and-benefits-engine-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/731"> What is motor oil used for and what are its benefits? 3915 </a> 3916 3917 3918 </li> 3919 3920 3921 3922 3923 3924 <li class="menu__item menu__item--link menu__item--level-2"> 3925 3926 3927 3928 3929 3930 3931 3932 3933 3934 3935 3936 3937 <a href="/en/lubricants/quartz/engine-oil-tips/choose-your-motor-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/716"> How to choose a motor oil? 3938 </a> 3939 3940 3941 3942 3943 3944 <a href="/en/lubricants/quartz/engine-oil-tips/choose-your-motor-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/716"> How to choose a motor oil? 3945 </a> 3946 3947 3948 </li> 3949 3950 3951 3952 3953 3954 <li class="menu__item menu__item--link menu__item--level-2"> 3955 3956 3957 3958 3959 3960 3961 3962 3963 3964 3965 3966 3967 <a href="/en/lubricants/quartz/engine-oil-tips/composition-of-motor-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/721"> What is the composition of motor oil? 3968 </a> 3969 3970 3971 3972 3973 3974 <a href="/en/lubricants/quartz/engine-oil-tips/composition-of-motor-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/721"> What is the composition of motor oil? 3975 </a> 3976 3977 3978 </li> 3979 3980 3981 3982 3983 3984 <li class="menu__item menu__item--link menu__item--level-2"> 3985 3986 3987 3988 3989 3990 3991 3992 3993 3994 3995 3996 3997 <a href="/en/lubricants/quartz-light-vehicles-engine-oils/engine-oil-tips/do-electric-cars-need-engine-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/701"> Is engine oil required in an electric vehicle? 3998 </a> 3999 4000 4001 4002 4003 4004 <a href="/en/lubricants/quartz-light-vehicles-engine-oils/engine-oil-tips/do-electric-cars-need-engine-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/701"> Is engine oil required in an electric vehicle? 4005 </a> 4006 4007 4008 </li> 4009 4010 4011 4012 4013 4014 <li class="menu__item menu__item--link menu__item--level-2"> 4015 4016 4017 4018 4019 4020 4021 4022 4023 4024 4025 4026 4027 <a href="/en/node/746" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/746"> What is motor oil used for and what are its benefits? 4028 </a> 4029 4030 4031 4032 4033 4034 <a href="/en/node/746" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/746"> What is motor oil used for and what are its benefits? 4035 </a> 4036 4037 4038 </li> 4039 4040 4041 4042 4043 4044 <li class="menu__item menu__item--link menu__item--level-2"> 4045 4046 4047 4048 4049 4050 4051 4052 4053 4054 4055 4056 4057 <a href="/en/lubricants/quartz-engine-oil/synthetic-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:hidden" data-drupal-link-system-path="node/301"> Why choose 100% synthetic oil? 4058 </a> 4059 4060 4061 4062 4063 4064 <a href="/en/lubricants/quartz-engine-oil/synthetic-oil" class="menu__link menu__link--link menu__link--level-2 tw:lg:block tw:lg:visible tw:hidden tw:invisible" data-drupal-link-system-path="node/301"> Why choose 100% synthetic oil? 4065 </a> 4066 4067 4068 </li> 4069 </ul> 4070 4071 </div> 4072 </li> 4073 </ul> 4074 4075 4076 4077 4078 </nav> 4079 4080 </div> 4081 4082 <div class="region region--footer-secondary tw:py-10"> 4083 4084<nav role="navigation" id="block-butterfly-theme-footer"> 4085 4086 4087 4088 4089 <ul data-region="footer_secondary" data-component-id="butterfly_theme:secondary-menu-footer" class="menu menu--level-1 secondary-menu-footer tw:flex tw:flex-wrap tw:items-center tw:justify-center tw:gap-x-4 tw:gap-y-5 tw:text-sm tw:font-bold"> 4090 4091 4092 4093 4094 <li class="menu__item menu__item--link menu__item--level-1"> 4095 4096 <a href="https://totalenergies.ca/en/contact" class="menu__link menu__link--link menu__link--level-1">Contact</a> 4097 4098 4099 </li> 4100 4101 4102 4103 4104 <li class="menu__item menu__item--link menu__item--level-1"> 4105 4106 <a href="/en/general-terms-and-conditions-of-use" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/511">Legal</a> 4107 4108 4109 </li> 4110 4111 4112 4113 4114 <li class="menu__item menu__item--link menu__item--level-1"> 4115 4116 <a href="/en/personal-data-and-cookies-charter" title="Cookie and privacy" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/751">Personal Data Charter, Cookies and Tracers</a> 4117 4118 4119 </li> 4120 4121 4122 4123 4124 <li class="menu__item menu__item--link menu__item--level-1"> 4125 4126 <a href="/en/accessibility-partial-compliance" title="Legal" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/536">Accessibility: Partial compliance</a> 4127 4128 4129 </li> 4130 4131 4132 4133 4134 <li class="menu__item menu__item--link menu__item--level-1"> 4135 4136 <a href="/en/sitemap.xml" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="sitemap.xml">Site Map</a> 4137 4138 4139 </li> 4140 4141 4142 4143 4144 <li class="menu__item menu__item--link menu__item--level-1"> 4145 4146 <a href="/en/node/711" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/711">
4146Joint Report on Child Labour</a> 4147 4148 4149 </li> 4150 4151 4152 4153 4154 <li class="menu__item menu__item--button menu__item--level-1"> 4155 4156 <button class="hover:tw-underline menu__link menu__link--button menu__link--level-1" aria-haspopup="true" onclick="utag.gdpr.showConsentPreferences();return false;" type="button">Cookies</button> 4157 4158 4159 </li> 4160 4161 </ul> 4162 4163 4164 4165 4166 </nav> 4167 4168 <p class="copyright tw:font-bold tw:text-sm tw:text-center tw:py-5 tw:pb-0">TotalEnergies 2026</p> 4169 </div> 4170 4171 </div> 4172</footer> 4173 4174 4175 4176</div> 4177 </div> 4178 4179 4180
4180<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"en\/","currentPath":"node\/776","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en","logo_url":"\/themes\/custom\/butterfly_theme\/logo.svg"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyVle2WoyAMhm9I9JI8EVKbKR8OBGfcq59Q7c7Zalf6S-R9AjExCRjDAfzSwbZoLzF4bsAzDYG77dleQnTNkJkxXuzS8xUddqB1iIaC3ymDDfqmvnA4tLvIDUn5wEEl8Enh_oANyZ44vBBjEMeOxOiSmsGSAT7yjfyUWYmIOynNoyKjDJo87UQGsl_kzV4IDFalG03Kkr81GibWV-gGSNhoSyjeksH-16f-4zNjXDo9t-uqpUs1umnn_ATFT9865GswjeQKOx3cFHwxa58-Q6l_k3aOR_CG_FhDIhgdsxveYZWWNAv0lg0xVriO3yUwkjSHPp_jlxBko4aLTqGVtWdlYUB7bnMV12vOLlxVsEnCVkGVIqjElIpydzinLfgxw4iVYXVA_o5WB_jXwsNM41rf51bFoOzWwLKvg1Qz6rrDpzBRBXaPYKrgSF8Vy__5Bqqk0ZA-N0gIUUwGqIj0g62MmoQreANxeS-fSYpFV3xq-UqQIl9JE_MEtn1sqoiJ_uCqkV8r-9Es761MwNKYH4bba2NhCZl7Q0mHufTMNfdNWpJ0kbV9M_ZgHPk-IbPUX-q2V14spiLrGxoZUrHLDGO_rsVmBq_R9PeLhNq6arc9-5QHR_e7YbDlGmng2dFn93fVQ1q8bjhHn5isjJnHqoUP-D4UIjoJfPN02co_b67To38aH3uspCXRwalbo2sNlsmY2gTzOcRhHO1rzGFK0kBe6mEqTqaX-vZDPcv3v-AR-sOx2f1XLeP5B_himLs","theme":"butterfly_theme","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/en\/contact-us-0?ajax_form=1":true},"clientside_validation_jquery":{"validate_all_ajax_forms":2,"force_validate_on_blur":false,"force_html5_validation":false,"messages":{"required":"This field is required.","remote":"Please fix this field.","email":"Please enter a valid email address.","url":"Please enter a valid URL.","date":"Please enter a valid date.","dateISO":"Please enter a valid date (ISO).","number":"Please enter a valid number.","digits":"Please enter only digits.","equalTo":"Please enter the same value again.","maxlength":"Please enter no more than {0} characters.","minlength":"Please enter at least {0} characters.","rangelength":"Please enter a value between {0} and {1} characters long.","range":"Please enter a value between {0} and {1}.","max":"Please enter a value less than or equal to {0}.","min":"Please enter a value greater than or equal to {0}.","step":"Please enter a multiple of {0}."}},"tealiumiq":{"tealiumiq":{"utagurl":"https:\/\/tags.tiqcdn.com\/utag\/totalms\/canada-total\/prod\/utag.js","async":true,"utagData":{"language":"2","page_name":"contact-us-0","
4180site_name":"536947","site_type":"TEWF","env_type":"PROD"}}},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowDisplay":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":true,"extNofollow":false,"extTitleNoOverride":true,"extNoreferrer":false,"extFollowNoOverride":false,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":false,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":true,"mailtoClass":"0","telClass":"0","mailtoLabel":"(link sends email)","telLabel":"","extUseFontAwesome":false,"extIconPlacement":"after","extPreventOrphan":false,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","allowedDomains":[],"extExcludeNoreferrer":""}},"antibot":{"forms":{"webform-submission-6-block-content-2381-add-form":{"id":"webform-submission-6-block-content-2381-add-form","key":"ArBJ43vYieKAmZNQq5RybAq8Rvdr67QaFf5RIHSosBL"}}},"ajax":{"edit-submit":{"callback":"::submitAjaxForm","event":"click","effect":"fade","speed":500,"progress":{"type":"throbber","message":""},"disable-refocus":true,"url":"\/en\/contact-us-0?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"op","_triggering_element_value":"Submit"}}},"language_code":"en","user":{"uid":0,"permissionsHash":"3e4135c2a50461d172aba727fb9eebb22463d2ee29bf8e178aa9a225eccf692a"}}</script>
vendor: 1 bytes, line 4180
4180
4181<script src="/core/assets/vendor/jquery/jquery.min.js?v=4.0.0"></script>
vendor: 1 bytes, line 4181
4181
4182<script src="/sites/g/files/wompnd4391/files/js/js_z5DVKGE4t1WXlj8tlsvtuWrI3vDEtuLk6jo9P8rNU9o.js?scope=footer&delta=1&language=en&theme=butterfly_theme&include=eJyNk2GSwiAMhS9U4EhMCrFGIVQIXb39Ulvdmapbf5H2fQmEPMB7ScA3A2ugDzmxdMBCfRKzrvqQcuz6KoL5EG5WjhjRgHMpe0r8osx4URME8iDvAOKximoivkhlGhR55dHXsXOBkKWQR_tXzZ4uFfPNuEkvkaYDfouu2j4_wnwu1hHlmHzXWkXjUhwTz2l6c2yl-ozgXa6x32fxOpeGoCJy3cePrTLmfS4ADxUG_LJsBOI7qhgmGpZJ7WaNaaQvsEzuqKQ1qgT6gPsJBSG3lB6-aLRgQCf73Lw_tLksJPFy6w8r3E3diEB8Nj7XsUnrZydo3Rk9ScqmCgx2iS34Cdihtw_qB_u5jllXW2ofSayncm9bsHmrRrqYZ2Sh3Nh1UjMXoYDmGWk4wfWtkDGm5tnNZgu__dnupg1VtEcBCkUXmF4zt5CkYQifsYilNGN91NM4m6d81NeBbeX7BB439_ZBmn_V-eH_AlhA3y4"></script>
vendor: 1 bytes, line 4182
4182
4183<script src="https://static.addtoany.com/menu/page.js" defer></script>
vendor: 1 bytes, line 4183
4183
4184<script src="/sites/g/files/wompnd4391/files/js/js_Z3e82fY1zgZxHVy0hp6tRPryLdyz2AQwG-0gtoFcr3c.js?scope=footer&delta=3&language=en&theme=butterfly_theme&include=eJyNk2GSwiAMhS9U4EhMCrFGIVQIXb39Ulvdmapbf5H2fQmEPMB7ScA3A2ugDzmxdMBCfRKzrvqQcuz6KoL5EG5WjhjRgHMpe0r8osx4URME8iDvAOKximoivkhlGhR55dHXsXOBkKWQR_tXzZ4uFfPNuEkvkaYDfouu2j4_wnwu1hHlmHzXWkXjUhwTz2l6c2yl-ozgXa6x32fxOpeGoCJy3cePrTLmfS4ADxUG_LJsBOI7qhgmGpZJ7WaNaaQvsEzuqKQ1qgT6gPsJBSG3lB6-aLRgQCf73Lw_tLksJPFy6w8r3E3diEB8Nj7XsUnrZydo3Rk9ScqmCgx2iS34Cdihtw_qB_u5jllXW2ofSayncm9bsHmrRrqYZ2Sh3Nh1UjMXoYDmGWk4wfWtkDGm5tnNZgu__dnupg1VtEcBCkUXmF4zt5CkYQifsYilNGN91NM4m6d81NeBbeX7BB439_ZBmn_V-eH_AlhA3y4"></script>
vendor: 1 bytes, line 4184
4184
4185<script src="/themes/custom/butterfly_theme/dist/js/accordion.min.js?v=10.7.1" defer></script>
vendor: 1 bytes, line 4185
4185
4186<script src="/themes/custom/butterfly_theme/dist/js/form-validation.min.js?v=1.0.2" async></script>
vendor: 1 bytes, line 4186
4186
4187<script src="/libraries/duetds--date-picker/dist/duet/duet.js?tmj1fl" defer></script>
vendor: 1 bytes, line 4187
4187
4188<script src="/libraries/duetds--date-picker/dist/duet/duet.esm.js?tmj1fl" defer type="module"></script>
vendor: 1 bytes, line 4188
4188
4189<script src="/sites/g/files/wompnd4391/files/js/js_x8GbTt2buS_SPCdHyfLvk5rrs7l892tpBr72A18NDOw.js?scope=footer&delta=8&language=en&theme=butterfly_theme&include=eJyNk2GSwiAMhS9U4EhMCrFGIVQIXb39Ulvdmapbf5H2fQmEPMB7ScA3A2ugDzmxdMBCfRKzrvqQcuz6KoL5EG5WjhjRgHMpe0r8osx4URME8iDvAOKximoivkhlGhR55dHXsXOBkKWQR_tXzZ4uFfPNuEkvkaYDfouu2j4_wnwu1hHlmHzXWkXjUhwTz2l6c2yl-ozgXa6x32fxOpeGoCJy3cePrTLmfS4ADxUG_LJsBOI7qhgmGpZJ7WaNaaQvsEzuqKQ1qgT6gPsJBSG3lB6-aLRgQCf73Lw_tLksJPFy6w8r3E3diEB8Nj7XsUnrZydo3Rk9ScqmCgx2iS34Cdihtw_qB_u5jllXW2ofSayncm9bsHmrRrqYZ2Sh3Nh1UjMXoYDmGWk4wfWtkDGm5tnNZgu__dnupg1VtEcBCkUXmF4zt5CkYQifsYilNGN91NM4m6d81NeBbeX7BB439_ZBmn_V-eH_AlhA3y4"></script>
vendor: 1 bytes, line 4189
4189
4190<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onloadTurnstileCallback&render=explicit" defer async></script>
vendor: 1 bytes, line 4190
4190
4191<script src="/sites/g/files/wompnd4391/files/js/js_dWFBDH-DuFKe8Tmdk7oVBzkEFlWiCnS25AKhtEOO3bg.js?scope=footer&delta=10&language=en&theme=butterfly_theme&include=eJyNk2GSwiAMhS9U4EhMCrFGIVQIXb39Ulvdmapbf5H2fQmEPMB7ScA3A2ugDzmxdMBCfRKzrvqQcuz6KoL5EG5WjhjRgHMpe0r8osx4URME8iDvAOKximoivkhlGhR55dHXsXOBkKWQR_tXzZ4uFfPNuEkvkaYDfouu2j4_wnwu1hHlmHzXWkXjUhwTz2l6c2yl-ozgXa6x32fxOpeGoCJy3cePrTLmfS4ADxUG_LJsBOI7qhgmGpZJ7WaNaaQvsEzuqKQ1qgT6gPsJBSG3lB6-aLRgQCf73Lw_tLksJPFy6w8r3E3diEB8Nj7XsUnrZydo3Rk9ScqmCgx2iS34Cdihtw_qB_u5jllXW2ofSayncm9bsHmrRrqYZ2Sh3Nh1UjMXoYDmGWk4wfWtkDGm5tnNZgu__dnupg1VtEcBCkUXmF4zt5CkYQifsYilNGN91NM4m6d81NeBbeX7BB439_ZBmn_V-eH_AlhA3y4"></script>
4191 4192 4193
4193<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"d40fce41d71a408599e5c86f89914cd9","spa":2}' crossorigin="anonymous"></script>
4193 4194</body> 4195</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.