CINXE.COM
Help and accessibility | TotalEnergies Careers
<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style> </noscript><link rel="canonical" href="https://careers.totalenergies.com/en/help-and-accessibility" /> <meta property="og:site_name" content="TotalEnergies Careers" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://careers.totalenergies.com/en/help-and-accessibility" /> <meta property="og:title" content="Help and accessibility | TotalEnergies Careers" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="application/ld+json">{ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "name": "TotalEnergies Careers", "url": "https://careers.totalenergies.com/en" }, { "@type": "WebSite", "name": "TotalEnergies Careers", "url": "https://careers.totalenergies.com/en", "potentialAction": { "@type": "SearchAction", "query": "https://careers.totalenergies.com/en/search?query={search_term_string}", "query-input": "required name=search_term_string" } } ] }</script> <style>.color-variables { --color-light-1: #285AFF; --color-neutral-white: #FFFFFF; --color-dark-1: #80CDFF; --color-dark-2: #92EAEA; --color-dark-3: #72EAC5; --color-dark-4: #BCF453; --color-dark-5: #FFE74F; --color-error: #E71731; --color-error-light: #FBD1D6; --color-neutral-grey-dark: #374649; --color-neutral-grey-light: #B7CBD3; --color-neutral-grey-medium: #69777D; --color-neutral-grey-ultra-dark: #222B2D; --color-neutral-grey-ultra-light: #F5F9FB; --color-light-2: #D43900; --color-primary: #E70000; --color-success: #00884A; --color-success-light: #B3DBC9; }</style> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://careers.totalenergies.com/en" }, { "@type": "ListItem", "position": 2, "name": "Help and accessibility" } ] }</script> <link rel="preconnect" href="https://dxm.content-center.totalenergies.com" /> <link rel="icon" href="/themes/custom/butterfly_theme/favicon.ico" /> <link rel="alternate" hreflang="en" href="https://careers.totalenergies.com/en/help-and-accessibility" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>Help and accessibility | TotalEnergies Careers</title> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd4206/files/css/css_eHJDBMS-O25jg5NMrll9hjEqGJRM7tzXCxbfiVpAA-Q.css?delta=0&language=en&theme=butterfly_theme&include=eJyVklFuhDAMRC9E4EjISQxYJPbKMd1y-3p325-tqtA_gmckv_G0sxnWKULDIR5mqEs5Z9uw4mRA5U6cB_y0QrxPWY8blPH7OSRRnJLUmzCytfHNH0IRyKh9XcMknEHPUJGPsIjYFRu5a4CcTYDP6edjXFTY-m6ltAVzlmAQC_7H4GlR6hv8f5LyoDPyTbv6DSETr31hVFcmPWoMHoHhFdyGoL5_hAvBOiMqQ3meoy-vQPy6HMMHrXCNNirwNdxHLt4Hw9nuCHvzU1fiudlZsP1urZhv3na6hWdL3-eLJ9YCH0wmfwxVoviw32_g9YAVn_BfMhxJkw" /> <link rel="stylesheet" media="all" href="/themes/custom/butterfly_theme/dist/css/tailwind.css?sn7d0d" /> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd4206/files/css/css_QSXT5ybR037BcJcYs2fMFgMx0h4uIe18vw_h4lEEJoQ.css?delta=2&language=en&theme=butterfly_theme&include=eJyVklFuhDAMRC9E4EjISQxYJPbKMd1y-3p325-tqtA_gmckv_G0sxnWKULDIR5mqEs5Z9uw4mRA5U6cB_y0QrxPWY8blPH7OSRRnJLUmzCytfHNH0IRyKh9XcMknEHPUJGPsIjYFRu5a4CcTYDP6edjXFTY-m6ltAVzlmAQC_7H4GlR6hv8f5LyoDPyTbv6DSETr31hVFcmPWoMHoHhFdyGoL5_hAvBOiMqQ3meoy-vQPy6HMMHrXCNNirwNdxHLt4Hw9nuCHvzU1fiudlZsP1urZhv3na6hWdL3-eLJ9YCH0wmfwxVoviw32_g9YAVn_BfMhxJkw" /> </head> <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"> <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 focus-visible:tw-z-max"> Skip to main content </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container tw-flex tw-flex-col lg:tw-min-h-screen"> <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"> <div class="container tw-flex tw-justify-between tw-w-full tw-bg-component-white"> <div> <div id="block-butterfly-theme-site-branding" data-component-id="butterfly_theme:branding" class="site-branding block block-system block-system-branding-block"> <div class="site-branding__inner tw-flex lg:tw-gap-4 md:tw-gap-2 tw-gap-4 tw-items-center"> <a href="/en" aria-label="TotalEnergies - Go the the homepage" rel="home" class="site-branding__logo branging-logo"> <img src="/themes/custom/butterfly_theme/logo.svg" alt="TotalEnergies" width="129" height="102" loading="eager"/> </a> <div class="branding-text header-font lg:tw-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"> </div> </div> </div> </div> <div class="tw-flex"> <div class="lg:tw-hidden tw-leading-none tw-flex tw-items-center tw-gap-4"> <div role="search"> <button class="js-search-button js-header-search-button search-button-header" aria-expanded="false"> <span aria-hidden="true" class="icon icon--search tw-text-component-primary"> <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> </span> <span class="tw-sr-only">Search</span> </button> </div> <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"> <span></span> <span></span> <span></span> <span></span> </button> </div> <div class="main-menu__region--container lg:tw-block tw-hidden lg:tw-static tw-absolute tw-top-full tw-left-0 tw-right-0 tw-bottom-0 lg:tw-w-auto tw-w-full lg:tw-h-auto tw-h-screen tw-bg-component-white"> <div class="main-menu__region--wrapper tw-flex lg:tw-overflow-x-visible tw-overflow-x-hidden lg-max:tw-overflow-y-auto lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-pt-1 lg:tw-flex-col-reverse tw-flex-col lg:tw-gap-4 lg:tw-pl-4 lg-max:tw-px-6 tw-h-auto"> <div class="region region--main-navigation tw-flex lg:tw-justify-end primary-region__menu--container"> <nav class="tw-w-full" role="navigation" aria-label="Main menu" id="block-butterfly-theme-mainnavigation"> <div class="primary-menu__container"> <div class="menu__item-go-back tw-hidden menu__back-button-1"> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:main-menu-navigation" class="menu menu--level-1 main-menu__primary-level tw-flex lg:tw-flex-row tw-flex-col heading-font lg:tw-items-center lg:tw-flex-wrap lg:tw-gap-x-6 lg:tw-gap-y-0.5 lg:tw-justify-end" data-level="1"> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <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 lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Who are we? <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <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> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <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> </span> <span class="visually-hidden">Close</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <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> </span> Back </button> <a href="/en/who-are-we" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/216"> Who are we? </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/en/who-are-we/responsible-employer-and-corporate-citizen" class="menu__link menu__link--link menu__link--level-2 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/186"> <span> A responsible employer and corporate citizen </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/en/who-are-we/company-supporting-new-graduates" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/171"> <span> A company supporting new graduates </span> </a> <button type="button" aria-label="A company supporting new graduates" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <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> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <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> </span> Back </button> <a href="/en/who-are-we/company-supporting-new-graduates" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/171"> A company supporting new graduates </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/en/who-are-we/company-supporting-new-graduates/make-right-choice-totalenergies-internship" title="Make the right choice with a TotalEnergies internship" class="menu__link menu__link--link menu__link--level-3 lg:tw-text-component-primary tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/801"> <span> Make the right choice with a TotalEnergies internship </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/en/node/546" class="menu__link menu__link--link menu__link--level-3 lg:tw-text-component-primary tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/546"> <span> Our Graduate programs </span> </a> </div> </li> </ul> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/en/node/546" class="menu__link menu__link--link menu__link--level-2 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/546"> <span> Our Graduate Programs </span> </a> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <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 lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Find out about our jobs <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <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> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <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> </span> <span class="visually-hidden">Close</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <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> </span> Back </button> <a href="/en/find-out-about-our-jobs" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/221"> Find out about our jobs </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/en/find-out-about-our-jobs/find-your-own-path" class="menu__link menu__link--link menu__link--level-2 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/146"> <span> Find your own path! </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/en/find-out-about-our-jobs/discover-job-your-dreams" class="menu__link menu__link--link menu__link--level-2 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/141"> <span> Discover the job of your dreams! </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/en/decouvrez-nos-metiers/working" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/596"> <span> Working in... </span> </a> <button type="button" aria-label="Working in..." aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <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> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <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> </span> Back </button> <a href="/en/decouvrez-nos-metiers/working" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/596"> Working in... </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/en/decouvrez-nos-metiers/working/travailler-dans-les-renouvelables" class="menu__link menu__link--link menu__link--level-3 lg:tw-text-component-primary tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/601"> <span> Working in renewables </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/en/decouvrez-nos-metiers/working/le-societal" class="menu__link menu__link--link menu__link--level-3 lg:tw-text-component-primary tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/561"> <span> Working in social performance </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/en/travailler-sur-un-grand-projet-industriel" class="menu__link menu__link--link menu__link--level-3 lg:tw-text-component-primary tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/586"> <span> Working on a major industrial project </span> </a> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <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 lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Come and work with us <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <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> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <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> </span> <span class="visually-hidden">Close</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <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> </span> Back </button> <a href="/en/come-and-work-us" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/231"> Come and work with us </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/en/come-and-work-us/be-yourself" class="menu__link menu__link--link menu__link--level-2 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/126"> <span> Be yourself </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/en/come-and-work-us/taking-care-yourself-and-your-family" class="menu__link menu__link--link menu__link--level-2 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/106"> <span> Taking care of yourself and your family </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/en/come-and-work-us/enjoy-benefits-great-place-work" class="menu__link menu__link--link menu__link--level-2 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/91"> <span> Enjoy the benefits of a great place to work </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/en/come-and-work-us/benefit-quality-package" class="menu__link menu__link--link menu__link--level-2 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/156"> <span> Benefit from a quality package </span> </a> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <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 lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Make progress with us <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right lg:tw-hidden tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <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> </span> </span> </button> </div> <div class="main-menu__primary-level-1 tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-bottom-0 tw-z-20 lg:tw-top-full lg:tw-hidden lg-max:tw-w-full lg-max:tw-invisible lg-max:tw-left-full"> <div class="main-menu__primary-level-1--wrapper tw-bg-component-white tw-h-full lg:tw-bg-component-grey-ultra-light lg:tw-h-auto lg:tw-pb-10 lg:tw-pt-4"> <div class="main-menu__primary-level-1--container tw-relative lg:container"> <div class="tw-relative tw-h-4 lg:tw-block tw-hidden"> <button type="button" class="main-menu__close-button tw-absolute ltr:tw-right-0 rtl:-tw-left-0 -tw-top-3 tw-p-3.5 tw-z-50"> <span aria-hidden="true" class="icon icon--close tw-text-component-primary"> <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> </span> <span class="visually-hidden">Close</span> </button> </div> <div class="main-menu__submenu-level-1 lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-pb-52 lg-max:tw-h-screen lg:tw-bg-neutral-white tw-rounded-large lg:tw-px-4 tw-px-6 lg:tw-py-6"> <div class="menu__item-go-back tw-hidden menu__back-button-2"> <button type="button" data-id="2" class="go-back__button go-back__button-2 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <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> </span> Back </button> <a href="/en/make-progress-us" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/206"> Make progress with us </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-2 heading-font tw-z-20" data-level="2"> <li class="menu__item menu__item--link menu__item--level-2 tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/en/make-progress-us/get-ahead-your-career" class="menu__link menu__link--link menu__link--level-2 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/136"> <span> Get ahead in your career </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/en/make-progress-us/develop-your-skills" class="menu__link menu__link--link menu__link--level-2 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/151"> <span> Develop your skills </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/en/make-progress-us/support-energy-transition" class="menu__link menu__link--link menu__link--level-2 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/196"> <span> Support the energy transition </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/en/make-progress-us/receive-individual-support" class="menu__link menu__link--link menu__link--level-2 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/131"> <span> Receive individual support </span> </a> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <a href="https://totalenergies.avature.net/en_US/careers/" class="menu__link menu__link--link menu__link--level-1 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span> Apply for a job with us </span> </a> </div> </li> </ul> </div> </nav> <div role="search"> <button class="js-search-button js-header-search-button search-button-main-menu ltr:tw-ml-6 rtl:tw-mr-6 lg:tw-inline-flex tw-hidden" aria-expanded="false"> <span aria-hidden="true" class="icon icon--search tw-text-component-dark-text"> <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> </span> <span class="tw-sr-only">Search</span> </button> </div> </div> <div class="region region--secondary-navigation tw-flex xl:tw-gap-6 lg:tw-gap-4 tw-flex-wrap lg:tw-flex-row lg:tw-items-center tw-flex-col lg:tw-justify-end secondary-region__menu--container tw-transition-opacity tw-duration-300 tw-ease-linear tw-opacity-100 lg:tw-pt-3 lg-max:before:tw-content-[""] lg-max:before:tw-h-px lg-max:before:tw-bg-grey-light lg-max:before:tw-my-5 lg-max:before:-tw-mx-2.5"> <nav role="navigation" id="block-butterfly-theme-external-menu" class="main-menu__pipe"> <div class="menu__item--button menu__item--go-back tw-hidden external__back-button-1"> </div> <ul data-region="secondary_navigation" data-component-id="butterfly_theme:external-menu" class="menu menu--level-1 external-menu__container tw-flex lg:tw-items-center xl:tw-gap-6 lg:tw-gap-4 lg:tw-flex-row tw-flex-col"> <li class="menu__item menu__item--link menu__item--level-1 lg:tw-py-0 tw-py-4"> <div class="external-menu__item lg:header-font heading-font tw-flex tw-items-center tw-gap-1 lg:tw-text-s tw-text-base tw-font-bold button__style--primary"> <a href="https://careers.totalenergies.com/faq" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-1 picto-image picto-image__hover lg-max:tw-tracking-xs focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-component-primary focus-visible:tw-outline-offset-2 lg:focus-visible:tw-rounded-large focus-visible:tw-rounded"> FAQ </a> </div> </li> </ul> </nav> <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"> <div class="language-menu tw-relative"> <button type="button" aria-label="Change site language: (En) English selected" aria-expanded="false" data-current-lang="en" class="language-toggle lg:tw-flex tw-hidden tw-items-center tw-gap-1 text-font tw-text-s tw-text-component-primary tw-font-bold hover:tw-underline">En <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"> <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> </span> </button> <div class="language-menu-content lg:tw-hidden tw-block lg:tw-bg-component-white lg:tw-rounded-large lg:tw-overflow-hidden lg:tw-shadow-md lg:tw-absolute lg:tw-left-1/2 lg:-tw-translate-x-1/2"> <ul class="links"><li hreflang="en" data-drupal-link-system-path="node/6" class="language-item heading-font tw-text-base lg:tw-font-light tw-font-bold tw-text-component-dark-text tw-text-center tw-cursor-pointer is-active" aria-current="page"><a href="/en/help-and-accessibility" class="language-link is-active" aria-label="En - English" aria-current="page" lang="en" hreflang="en" data-drupal-link-system-path="node/6">En</a></li><li hreflang="fr" data-drupal-link-system-path="node/6" class="language-item heading-font tw-text-base lg:tw-font-light tw-font-bold tw-text-component-dark-text tw-text-center tw-cursor-pointer"><a href="/fr/node/6" class="language-link" aria-label="Fr - Fran莽ais" aria-current="false" lang="fr" hreflang="fr" data-drupal-link-system-path="node/6">Fr</a></li></ul> </div> </div> </nav> <div id="block-butterfly-theme-top-right-link-block" class="block block-te-block block-top-right-link-block lg:tw-py-0 tw-py-4"> <div class="block-content tw-text-component-dark-text lg:tw-text-component-primary lg:tw-text-s tw-text-base tw-font-bold main-menu__top-right--click lg:header-font heading-font hover:tw-underline lg-max:tw-tracking-xs"> <a href="https://totalenergies.com/">TotalEnergies.com</a> </div> </div> </div> </div> </div> </div> <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"> <form class="search-form container tw-flex tw-items-center rtl:tw-flex-row-reverse" id="search-form" novalidate data-drupal-selector="search-form" action="/en/help-and-accessibility" method="get" accept-charset="UTF-8" data-component-id="butterfly_theme:search-bar"> <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"> <input aria-label="Search..." id="search-form-search-input" data-drupal-selector="edit-global-search" type="text" name="global_search" value="" size="60" maxlength="128" placeholder="Search..." class="form-text global-search-input tw-transition-opacity tw-w-full tw-border tw-rounded-large tw-h-12 md:tw-h-16 md:tw-px-6 tw-px-4 md:tw-py-4 tw-py-2 tw-leading-6" /> <div 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"> </div> <button class="js-search-submit--search tw-absolute ltr:tw-right-4 ltr:md:tw-right-6 rtl:tw-left-4 rtl:md:tw-left-6 tw-top-2 md:tw-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 hover:tw-text-primary hover:tw-bg-white-text hover:tw-border-primary focus-visible:tw-text-primary focus-visible:tw-bg-white-text focus-visible:tw-border-primary focus-visible:tw-outline focus-visible:tw-outline-primary focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4" type="submit"> <span aria-hidden="true" class="icon icon--search icon--small"> <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> </span> <span class="tw-sr-only">Launch search</span> </button> </div> <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-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-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"> Search </button> <div class="tw-relative"> <input data-drupal-selector="form-0dpkqvgak8v-uouode3z2hw6ccizdokw0s2-mi8tqve" type="hidden" name="form_build_id" value="form-0dpkQVGAk8v_uOUODe3Z2Hw6CCIzdOkW0S2_mi8TqVE" 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 focus-visible:tw-outline-neutral-grey-dark" /> </div> <div class="tw-relative"> <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 focus-visible:tw-outline-neutral-grey-dark" /> </div> <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 hover:tw-text-white-text hover:tw-bg-component-primary hover:tw-border-component-primary hover:tw-border hover:tw-border-solid focus-visible:tw-rounded-full focus-visible:tw-text-white-text focus-visible:tw-bg-component-primary focus-visible:tw-border-component-primary" type="button"> <span aria-hidden="true" class="icon icon--close"> <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> </span> <span class="tw-sr-only">Close</span> </button> </form> </div> </div> </header> <div class="tw-bg-component-white"> <div id="block-butterfly-theme-breadcrumbs" class="block block-system block-system-breadcrumb-block container lg:tw-my-6 tw-my-4"> <div class="block_content -tw-mt-1.5"> <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> <span id="system-breadcrumb" class="visually-hidden">Breadcrumb</span> <div class="breadcrumb__content tw-relative"> <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> </span></button> <ol class="breadcrumb__list tw-inline-block tw-w-full"> <li class="breadcrumb-item tw-inline tw-text-sm tw-py-0.5" data-index="0"> <a href="/en" title="Home" class="tw-inline text-font md:tw-text-component-primary tw-text-component-dark-text tw-font-light"> <span class="breadcrumb-text-content md:tw-hidden tw-inline">Home</span> <span class="breadcrumb-icon-first md:tw-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> </span> <span class="tw-inline-block tw-align-baseline tw-mx-2 tw-w-4 tw-h-4 tw-leading-none rtl:tw-rotate-180"> <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> </span> </a> </li> <li class="breadcrumb-item tw-inline tw-text-sm tw-py-0.5" data-index="1"> <span class="tw-inline text-font tw-text-component-dark-text tw-font-bold"> <span class="breadcrumb-text-content tw-align-middle">Help and accessibility</span> </span> </li> </ol> </div> </nav> </div> </div> </div> <div> <div data-drupal-messages-fallback class="hidden"></div> </div> <main role="main" class="tw-flex-auto" dir=ltr> <a id="main-content" tabindex="-1"></a> <div class="layout-content"> <div id="block-butterfly-theme-page-title" class="container block block-core block-page-title-block"> <h1 class="text-color-gradient text-color-gradient-blue tw-mt-6 tw-mb-6 lg:tw-mb-10"> Help and accessibility </h1> </div> <div id="block-butterfly-theme-content" class="block block-system block-system-main-block"> <div class="block-content"> <article> <section id="section" data-component-id="butterfly_theme:onecol-section" class="layout layout--onecol section section--full-width"> <div class="layout__region layout__region--content tw-grid tw-gap-6"> <div class="section__row tw-grid tw-grid-cols-12 tw-gap-6 "> <div class="tw-col-span-12 md:tw-col-span-12 block tw-text-dark-text block-layout-builder block-inline-blockrich-text tw-py-10 md:tw-py-12" id="this-page-is-not-a-help-pageit-aims-to-present-our-commitments-to-digital-accessibility-and-to-define-the-level-of-compliance-of-this-site-with-the-current-regulations-and-standardswhat-is-digital-accessibilityan-accessible-website-is-one-that-allows-p" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF; --thead-background-color: #285AFF; --thead-text-color: var(--white-text);"> <div class="block-content"> <div class="rich-text-field rich-text-field-format--comprehensive rich-text-field-view-mode--larger field field--name-field-rich-text field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"> <div class="container"> <p>This page is not a help page.</p> <p>It aims to present our commitments to digital accessibility and to define the level of compliance of this site with the current regulations and standards.</p> <h2>What is digital accessibility?</h2> <p>An accessible website is one that allows people with disabilities to access its content and functionality without difficulty.</p> <p>Following these rules and good practices ensures that digital media (websites, mobile applications, PDF documents, etc.) are accessible to people with disabilities.</p> <p>For example, an accessible website allows to:</p> <ul> <li>Browse with a voice synthesiser and/or a braille display (used in particular by blind and partially-sighted people).</li> <li>Customise the display of the site according to your needs (enlarge or shrink the characters, change the colors, etc.).</li> <li>Browse without using the mouse (with the keyboard only, via a touch screen, by voice or any other suitable device).</li> <li>View video and audio content with subtitles and/or transcription.</li> <li>Etc.</li> </ul> <h2>Digital accessibility commitments</h2> <p>TotalEnergies undertakes to make its websites (internet, intranet and extranet), software packages, mobile applications and digital street furniture accessible in accordance with <a href="https://www.legifrance.gouv.fr/loda/article_lc/LEGIARTI000037388867/" target="_blank" rel="nofollow">article 47 of law no. 2005-102 of February 11, 2005.</a></p> <p>An accessibility referent, The Mission Handicap and a dedicated ecosystem are mobilized on the subject..</p> <p>Find out more about TotalEnergies' digital accessibility strategy:</p> <ul> <li><a href="https://totalenergies.com/sites/g/files/nytnzq121/files/documents/2021-09/Multiannual_Digital_Accessibility_Scheme_TotalEnergies.pdf" target="_blank" rel="nofollow">Multiannual scheme 2021-2023</a></li> <li><a href="https://totalenergies.com/sites/g/files/nytnzq121/files/documents/2022-07/Digital_Accessibility_Annual_Action_Plan_TotalEnergies.pdf" target="_blank" rel="nofollow">Action plan for the current year</a></li> </ul> <h2>Declaration of partial compliance with RGAA (The French General Accessibility Improvement Guidelines)</h2> <p>This declaration applies to the "careers" website..</p> <h3><span>Compliance status</span></h3> <p>This website is partially compliant with the General Accessibility Improvement Guidelines (RGAA) version 4.1.2 The non-conformities and derogations are listed below.</p> <h3><span>Tests results</span></h3> <p>The RGAA version 4.1.2 compliance audit carried out in November 2023 by the company Ideance, revealed that:</p> <ul> <li>The overall compliance rate is 53%. (Obtained by dividing the number of compliant criteria by the number of applicable criteria).</li> <li>The average compliance rate is 72.9%. (Obtained by averaging the compliance rates for each page).</li> </ul> <h3><span>Non-accessible content</span></h3> <h4><strong>Non-conformities</strong></h4> <p>List of non-compliant criteria :</p> <ul> <li>1.2 - Decorative images are not ignored by assistive technologies.</li> <li>1.3 - Text alternatives to information-carrying images are not relevant.</li> <li>1.6 - Information-carrying images do not have detailed descriptions.</li> <li>2.1 - Iframes have no title.</li> <li>3.1 - Information is conveyed by color only.</li> <li>3.2 - Contrast between text color and background color is not sufficiently high.</li> <li>3.3 - Contrasts between the color of interface components or graphic elements conveying information and the background color are not sufficiently high.</li> <li>4.1 - Videos lack text transcription or audio description.</li> <li>4.5 - Some videos have no audio description.</li> <li>4.7 - Some videos are not clearly identifiable.</li> <li>4.13 - Videos and non-temporal media are not compatible with assistive technologies.</li> <li>5.6 - Column and row headers in data tables are not correctly declared.</li> <li>6.2 - Links do not have headers.</li> <li>7.1 - Scripts are not compatible with assistive technologies.</li> <li>7.4 - Context changes initiated by scripts are not signaled or controllable.</li> <li>8.2 - Generated source code is not valid for the specified document type.</li> <li>8.7 - Language changes are not indicated.</li> <li>8.9 - Tags are used for presentation purposes only.</li> <li>9.1 - Information is not structured by the appropriate use of headings.</li> <li>9.2 - Page structure is not consistent.</li> <li>9.4 - Citations are not correctly indicated.</li> <li>10.1 - Style sheets are not used to control presentation.</li> <li>10.5 - CSS declarations for background and font colors are not used correctly.</li> <li>10.7 - Focus of interactive elements is not visible.</li> <li>10.8 - Hidden content is not intended to be ignored by assistive technologies.</li> <li>10.11 - Content cannot be presented without horizontal scrolling in a 320 px wide window.</li> <li>10.12 - Text spacing properties cannot be redefined without loss of content or functionality.</li> <li>11.1 - Form fields do not have labels.</li> <li>12.6 - Content grouping zones present in several pages (header, main navigation, main content, footer and search engine) cannot be reached or avoided.</li> <li>12.10 - Keyboard shortcuts using a single key (upper or lower case letter, punctuation, number or symbol) cannot be controlled.</li> <li>13.3 - Downloadable office documents do not have an accessible version.</li> </ul> <h4><strong>Content not subject to accessibility requirements</strong></h4> <p>The "Tealium" cookie manager has been exempted, as have the text contrasts of the "Choose my company" logo. They have therefore not been subject to a complete and detailed audit.</p> <p>However, it has been verified that their presence does not hinder the use and consultation of the rest of the site.</p> <h3><span>Preparation of this declaration</span></h3> <p>This declaration was drafted on 23/11/2023.</p> <h4><strong>Technologies used to create the site :</strong></h4> <ul> <li>HTML5</li> <li>ARIA</li> <li>CSS</li> <li>JavaScript</li> </ul> <h4><strong>Test environment:</strong></h4> <p>Tests were carried out with the following web browser and screen reader combinations:</p> <ul> <li>Firefox 119 and NVDA 2023.3 (Windows 11)</li> <li>Firefox 119 and JAWS 2023 (Windows 11)</li> <li>Safari and VoiceOver (macOS 14.1.1)</li> <li>Safari and VoiceOver (iOS 17.1.1)</li> </ul> <h4><strong>Tools for assessing accessibility:</strong></h4> <ul> <li>Colour Contrast Analyser</li> <li>Contrast Finder</li> <li>Firefox development tools</li> <li>Web Developer (Firefox extension)</li> </ul> <h4><strong>Site pages verified for compliance:</strong></h4> <ul> <li>Home</li> <li>Search results</li> <li>Sitemap</li> <li>General Terms and Conditions of Use</li> <li>Accessibility statement</li> <li>Be yourself</li> <li>Find your own path!</li> <li>L鈥檃lternance chez TotalEnergies</li> <li>Discover the job of your dreams!</li> <li>Personal Data and Cookies Charter</li> </ul> <h3><span>Feedback and contact</span></h3> <p>If you are unable to access any content or service on this site, you may contact us by one of the means below to be directed to an accessible alternative or to obtain the content in another form.</p> <ul> <li>Write to us at the following e-mail address: <a href="/cdn-cgi/l/email-protection#1b7a78787e686872797277726f7e36787a697e7e69685b6f746f7a777e757e697c727e6835787476" rel="nofollow"><span class="__cf_email__" data-cfemail="4e2f2d2d2b3d3d272c2722273a2b632d2f3c2b2b3c3d0e3a213a2f222b202b3c29272b3d602d2123">[email protected]</span></a> </li> <li>call us on +33 (0)1 47 44 45 46</li> <li>Write to us by post at the following address: Tour Coupole - 2, place Jean Millier - 92078 Paris La D茅fense Cedex, France </li></ul> <p>You can help us improve the digital accessibility of TotalEnergies by sending us your comments. To do so, send us an e-mail to <a href="/cdn-cgi/l/email-protection#2e4a4749475a4f42004f4d4d4b5d5d474c4742475a576e5a415a4f424b404b5c49474b5d004d4143" rel="nofollow"><span class="__cf_email__" data-cfemail="b0d4d9d7d9c4d1dc9ed1d3d3d5c3c3d9d2d9dcd9c4c9f0c4dfc4d1dcd5ded5c2d7d9d5c39ed3dfdd">[email protected]</span></a></p> <h3><span>To make an appeal</span></h3> <p>This procedure should be used in the following cases.</p> <p>You have notified the site manager of a lack of accessibility that is preventing you from accessing content or a service, and you have not received a satisfactory response.</p> <ul> <li><a href="https://formulaire.defenseurdesdroits.fr/formulaire_saisine/?ETAPE=accueil_2016" target="_blank" rel="nofollow">Write a message to the rights defender.</a></li> <li><a href="https://www.defenseurdesdroits.fr/carte-des-delegues" target="_blank" rel="nofollow">Contact your local rights defender delegate.</a></li> <li>Send a letter by post (free of charge, no stamp required) to the following address: D茅fenseur des droits Libre r茅ponse 71120 75342 Paris CEDEX 07</li> </ul> </div> </div> </div> </div> </div> </div> </div> </section> </article> </div> </div> <div id="block-butterfly-theme-socialfollow" class="block block-te-block block-social-follow-block tw-bg-neutral-grey-ultra-light"> <div class="block-content tw-flex tw-items-center tw-justify-between md-max:tw-flex-wrap tw-gap-y-6 tw-gap-x-10 tw-w-full lg:tw-py-10 tw-py-6 heading-font tw-text-xl tw-font-light tw-tracking-xs container"> <p id="social_follow">Follow us</p> <ul aria-labelledby="social_follow" class="tw-flex tw-items-center md-max:tw-flex-wrap tw-gap-6"> <li> <a href="https://www.facebook.com/TotalEnergies" aria-label="Facebook" target="_blank" rel="nofollow" class="tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-inline-block before:tw-content-[''] before:tw-absolute before:-tw-inset-0.5 hover:before:tw-border-primary hover:before:tw-border-2 before:tw-rounded-full"> <span aria-hidden="true" class="icon icon--facebook tw-text-black"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#1877F2" d="M22 12.06C22 6.505 17.523 2 12 2S2 6.504 2 12.06c0 5.023 3.656 9.185 8.437 9.94v-7.03H7.9v-2.91h2.538V9.844c0-2.521 1.493-3.915 3.778-3.915 1.093 0 2.238.197 2.238.197v2.476h-1.262c-1.242 0-1.628.776-1.628 1.572v1.887h2.773l-.443 2.908h-2.33V22C18.344 21.245 22 17.083 22 12.06Z"/></svg> </span> </a> </li> <li> <a href="https://twitter.com/TotalEnergies" aria-label="X" target="_blank" rel="nofollow" class="tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-inline-block before:tw-content-[''] before:tw-absolute before:-tw-inset-0.5 hover:before:tw-border-primary hover:before:tw-border-2 before:tw-rounded-full"> <span aria-hidden="true" class="icon icon--x tw-text-black"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M13.712 10.79 20.413 3h-1.588l-5.818 6.763L8.36 3H3l7.027 10.227L3 21.395h1.588l6.144-7.142 4.908 7.142H21L13.712 10.79Zm-2.175 2.527-.712-1.018L5.16 4.195H7.6l4.571 6.54.712 1.019 5.943 8.5h-2.439l-4.85-6.936Z"/></svg> </span> </a> </li> <li> <a href="https://www.youtube.com/channel/UCCQ5splvX84mIavSenAN4Ew" aria-label="YouTube" target="_blank" rel="nofollow" class="tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-inline-block before:tw-content-[''] before:tw-absolute before:-tw-inset-0.5 hover:before:tw-border-primary hover:before:tw-border-2 before:tw-rounded-full"> <span aria-hidden="true" class="icon icon--youtube tw-text-black"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="red" fill-rule="evenodd" d="M19.792 5.415c.86.23 1.54.911 1.771 1.771C21.988 8.752 22 12 22 12s0 3.26-.424 4.814a2.519 2.519 0 0 1-1.771 1.772c-1.553.423-7.805.423-7.805.423s-6.252 0-7.805-.423a2.519 2.519 0 0 1-1.771-1.772C2 15.248 2 12 2 12s0-3.248.41-4.8c.232-.86.912-1.541 1.772-1.772 1.554-.424 7.805-.437 7.805-.437s6.252 0 7.805.424ZM15.184 12l-5.187 3.004V8.996L15.184 12Z" clip-rule="evenodd"/></svg> </span> </a> </li> <li> <a href="https://linkedin.com/company/totalenergies" aria-label="LinkedIn" target="_blank" rel="nofollow" class="tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-inline-block before:tw-content-[''] before:tw-absolute before:-tw-inset-0.5 hover:before:tw-border-primary hover:before:tw-border-2 before:tw-rounded-full"> <span aria-hidden="true" class="icon icon--linkedin tw-text-black"> <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> </span> </a> </li> <li> <a href="https://www.instagram.com/totalenergies/" aria-label="Instagram" target="_blank" rel="nofollow" class="tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-inline-block before:tw-content-[''] before:tw-absolute before:-tw-inset-0.5 hover:before:tw-border-primary hover:before:tw-border-2 before:tw-rounded-full"> <span aria-hidden="true" class="icon icon--instagram tw-text-black"> <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> </span> </a> </li> </ul> </div> </div> </div> </main> <footer class="butterfly-main-footer main-footer tw-bg-component-bg tw-text-component-text" role="contentinfo" dir="ltr"> <div class="container"> <div> <nav role="navigation" id="block-butterfly-theme-footer"> <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-py-10 tw-text-sm tw-font-bold"> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/en/help-and-accessibility" class="menu__link menu__link--link menu__link--level-1 is-active" data-drupal-link-system-path="node/6" aria-current="page">Accessibility: partially compliant</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/en/general-terms-and-conditions-use-gtcu" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/16">General Terms and Conditions of Use</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/en/personal-data-and-cookies-charter-0" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/566">Personal Data and Cookies Charter</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/en/totalenergies-binding-corporate-rules" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/26">TotalEnergies Binding Corporate Rules</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/en/sitemap" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/266">Sitemap</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="https://careers.totalenergies.com/faq" class="menu__link menu__link--link menu__link--level-1">FAQ</a> </li> <li class="menu__item menu__item--button menu__item--level-1"> <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> </li> <li class="menu__item menu__item--nolink menu__item--level-1"> <span class="tw-font-medium menu__link menu__link--nolink menu__link--level-1" title="Copyright">漏 TotalEnergies 2024</span> </li> </ul> </nav> </div> </div> </footer> <div class="loading__screen tw-fixed tw-top-0 tw-left-0 tw-w-full tw-h-full tw-bg-white tw-flex tw-items-center tw-justify-center tw-z-max"> <div class="loading__wrapper tw-flex tw-justify-center"> <img src="/themes/custom/butterfly_theme/logo.svg" alt="TotalEnergies" width="145" height="64" loading="eager" class="tw-opacity-15 tw-self-center"/> </div> </div> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"en\/","currentPath":"node\/6","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en","logo_url":"\/themes\/custom\/butterfly_theme\/logo.svg"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"clientside_validation_jquery":{"validate_all_ajax_forms":2,"force_validate_on_blur":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\/hd-careers-v2\/prod\/utag.js","async":true,"utagData":{"language":"2","page_name":"help-and-accessibility","site_name":"568907","site_type":"TEWF","env_type":"PROD"}}},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":true,"extNofollow":false,"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":false,"mailtoClass":"0","telClass":"tel","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":false,"extIconPlacement":"after","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","whitelistedDomains":[],"extExcludeNoreferrer":""}},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"user":{"uid":0,"permissionsHash":"daed3c96366f84d9d29aab04bc6d362cc31ff1566fbdef73b638d7e691e914ae"}}</script> <script src="/sites/g/files/wompnd4206/files/js/js_-3raSO1bHgopu7n-tGlnm3DJzUyZ741ohQIPPjtbO1c.js?scope=footer&delta=0&language=en&theme=butterfly_theme&include=eJyFkMEOwyAMQ3-olE-qArgtWghdCNL696uq9bILN0d6tiMbiHMv-e3tUQu1U-KEj3GWl0_aD-L5d06xKnys5agCsTaHbgZd-VxsR4FzXClBJ0rJKsnpHzGvWsXGfs1xd3bVOaPAmP4A3xAtV3EtamUe5wUFpai9hDHbQHq1B9Ixe30IFWJXIH2M77hnGc9HsnXacMd-AdehohU"></script> <script src="https://static.addtoany.com/menu/page.js" async></script> <script src="/sites/g/files/wompnd4206/files/js/js_TyiaOO0_0rrGqvdiCgV7fXpM5Tb9xWGe7W42IW3GXl0.js?scope=footer&delta=2&language=en&theme=butterfly_theme&include=eJyFkMEOwyAMQ3-olE-qArgtWghdCNL696uq9bILN0d6tiMbiHMv-e3tUQu1U-KEj3GWl0_aD-L5d06xKnys5agCsTaHbgZd-VxsR4FzXClBJ0rJKsnpHzGvWsXGfs1xd3bVOaPAmP4A3xAtV3EtamUe5wUFpai9hDHbQHq1B9Ixe30IFWJXIH2M77hnGc9HsnXacMd-AdehohU"></script> </body> </html>