TotalEnergies Foundation

<!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://fondation.totalenergies.com/en" /> <link rel="shortlink" href="https://fondation.totalenergies.com/en" /> <meta property="og:site_name" content="TotalEnergies Foundation" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://fondation.totalenergies.com/en/home-2022" /> <meta property="og:title" content="Home 2022 | TotalEnergies Foundation" /> <meta name="google-site-verification" content="6FSByjPKN8JJB4eqKRr5ui7Q0TLkJBniRZj3jAqvbXo" /> <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 Foundation", "url": "https://fondation.totalenergies.com/en" }, { "@type": "WebSite", "name": "TotalEnergies Foundation", "url": "https://fondation.totalenergies.com/en", "potentialAction": { "@type": "SearchAction", "query": "https://fondation.totalenergies.com/en/search?query={search_term_string}", "query-input": "required name=search_term_string" } } ] }</script> <style>.color-variables { --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-1: #285AFF; --color-light-2: #D43900; --color-primary: #E70000; --color-success: #00884A; --color-success-light: #B3DBC9; --color-neutral-white: #FFFFFF; }</style> <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://fondation.totalenergies.com/en" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>TotalEnergies Foundation</title> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd5211/files/css/css_opHhIot2yJELZJxXb3Eyc1T3bNvougEqTnbczO-NpGE.css?delta=0&language=en&theme=butterfly_theme&include=eJyVk2FuwyAMhS8UkiNVDjiJFbARmHa5_Wi2qls7CfYnSuA9K_b7nI-sGKYZMg5zUcW0-OOiGwacFMjfiN2AH-qJ98mlEsGP35-DlYSTlRCFkTWPL35jvIDD1NZltMIO0mECcjGLiPbYqLraqgDEv-qCcyrAx_R4GZckrO1KFpJrqxLZzWidkVGYPf7HUFMgO1wJb3k6n2MQV3pq3H_NeMpqoKi09RuCI17bwh0Ps9BaEg4BHcG0kK-K0UJU6hl_Pbfi7xH36a1cMRmGK61wOiIkWBPELT_4e56MhWOZa98bdiTzVZoq72-o5-jJdcw5I6Sa1gwdeD7B-9FN0zUn4L5o7hlWnBUvekPYc-U5EF-yHh7z-zKLQo1hp2jO5X29X-oKZMOFqfLz92WSWXrg8sBrgRXP5j8BD0-2Iw" /> <link rel="stylesheet" media="all" href="/themes/custom/butterfly_theme/dist/css/tailwind.css?snd1te" /> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd5211/files/css/css_gOkWEx9HBQwud5FA5NPa8vQYltv0ai3UvWwVJURcxiM.css?delta=2&language=en&theme=butterfly_theme&include=eJyVk2FuwyAMhS8UkiNVDjiJFbARmHa5_Wi2qls7CfYnSuA9K_b7nI-sGKYZMg5zUcW0-OOiGwacFMjfiN2AH-qJ98mlEsGP35-DlYSTlRCFkTWPL35jvIDD1NZltMIO0mECcjGLiPbYqLraqgDEv-qCcyrAx_R4GZckrO1KFpJrqxLZzWidkVGYPf7HUFMgO1wJb3k6n2MQV3pq3H_NeMpqoKi09RuCI17bwh0Ps9BaEg4BHcG0kK-K0UJU6hl_Pbfi7xH36a1cMRmGK61wOiIkWBPELT_4e56MhWOZa98bdiTzVZoq72-o5-jJdcw5I6Sa1gwdeD7B-9FN0zUn4L5o7hlWnBUvekPYc-U5EF-yHh7z-zKLQo1hp2jO5X29X-oKZMOFqfLz92WSWXrg8sBrgRXP5j8BD0-2Iw" /> </head> <body class="color-variables color-variation-default path-frontpage 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" aria-current="page" class="site-branding__logo branging-logo"> <img src="/sites/g/files/wompnd5211/files/logo_totalenergies_fondation.png" 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--nolink 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--nolink 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"> Our Corporate Foundation <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> <span 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"> Our Corporate Foundation </span> </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/our-fondation/our-commitment" 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/3251"> <span> Our commitment </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/our-fondation/our-governance" 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/1886"> <span> Our governance </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"> Our actions <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/our-actions-for-young-people" 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/3261"> Our actions </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/our-actions/our-way-of-doing-things" 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/3201"> <span> Our way of doing things </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/our-actions/our-road-safety-actions" 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/3691"> <span> Our Road Safety actions </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/our-actions/our-inclusion-and-education-actions" 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/3266"> <span> Our Inclusion and Education actions </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/our-actions/our-climate-coastal-areas-and-oceans-actions" 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/3271"> <span> Our Climate, Coastal Areas and Oceans actions </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/our-actions/our-cultural-dialogue-and-heritage-actions" 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/4046"> <span> Our Cultural Dialogue and Heritage actions </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="/en/lindustreet" 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" data-drupal-link-system-path="node/2086"> <span> L'Industreet </span> </a> </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"> International actions <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/international-actions" 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/3286"> International actions </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/international-actions/helmet-4-life-making-roads-safer-everyone" 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/3436"> <span> Helmet 4 Life </span> </a> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--nolink 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--nolink 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"> Our partners <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> <span 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"> Our partners </span> </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/our-partners/creating-partnerships" 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/3246"> <span> Creating partnerships </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/our-partners/partners-share-their-experience" 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/3466"> <span> The partners share their experience </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/our-partners" 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/4241"> <span> Our partners from A to Z </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/our-partners/calls-for-partners" 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/2521"> <span> Call for partners </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"> Employee Citizenship <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/employee-citizenship" 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/1676"> Employee Citizenship </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/employee-citizenship/employee-community-outreach" 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/2916"> <span> Find out about their initiatives </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/employee-citizenship/totalenergies-employees-take-action" 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/2311"> <span> Become a partner </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="/en/news" 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" data-drupal-link-system-path="node/1661"> <span> News </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 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="<front>" 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" class="language-link is-active" aria-label="En - English" aria-current="page" lang="en" hreflang="en" data-drupal-link-system-path="<front>">En</a></li><li hreflang="fr" data-drupal-link-system-path="<front>" 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" class="language-link" aria-label="Fr - Français" aria-current="false" lang="fr" hreflang="fr" data-drupal-link-system-path="<front>">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" 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-j4submztckiy1p4a8rft09zeblamdodyd84g94mpfko" type="hidden" name="form_build_id" value="form-j4SUbMztcKiy1P4A8rfT09ZebLamDODYD84g94MpFko" 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> <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-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--full-width section__row tw-grid tw-grid-cols-12 tw-gap-6 "> <div class="tw-col-span-12 md:tw-col-span-12 block cover cover-homepage cover-vertical lg:tw-overflow-hidden tw-relative tw-flex-wrap tw-p-0 tw-mx-auto tw-max-w-screen-2xl tw-w-full tw-bg-neutral-grey-ultra-light" id="slider-home" data-component-id="butterfly_theme:cover" style="--slider-pace: 3s"> <div class="cover-slider splide" data-dir='ltr'> <div class="splide__track"> <ul class="splide__list" role="slider"> <li class="splide__slide" role="presentation"> <div data-component-id="butterfly_theme:cover-item" class="cover-item--vertical cover-item__homepage cover-item tw-flex tw-w-full lg:tw-overflow-hidden lg:tw-flex-row tw-flex-col tw-h-full tw-relative"> <div class="cover-item__media tw-relative tw-w-full lg:tw-opacity-0 tw-h-auto lg:tw-basis-1/2"> <div class="media media--type-wedia-image media--view-mode-vertical"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta73ddoq6wpg68xr/totalenergies-global-youth-coalition-road-safety-vignette-2024-762x570-png.webp 1x" title="YOURS" width="762" height="570" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta73ddoq6wpg68xr/totalenergies-global-youth-coalition-road-safety-vignette-2024-762x570-png.webp?t=resize&width=0.84 1x" title="YOURS" width="640" height="570" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta73ddoq6wpg68xr/totalenergies-global-youth-coalition-road-safety-vignette-2024-762x570-png.webp 1x" title="YOURS" width="762" height="440" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta73ddoq6wpg68xr/totalenergies-global-youth-coalition-road-safety-vignette-2024-762x570-png.webp?t=resize&width=0.58 1x" title="YOURS" width="440" height="385" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta73ddoq6wpg68xr/totalenergies-global-youth-coalition-road-safety-vignette-2024-762x570-png.webp?t=resize&width=0.58 1x" title="YOURS" width="440" height="385" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta73ddoq6wpg68xr/totalenergies-global-youth-coalition-road-safety-vignette-2024-762x570-png.webp?t=resize&width=0.58" alt="" width="440" title="YOURS" fetchpriority="high" height="385" loading="eager"> </picture> </div> </div> <div class="cover-item__content container tw-w-full tw-py-6 lg:tw-py-10 lg:tw-opacity-0 tw-flex tw-flex-col tw-w-full lg:tw-basis-1/2"> <div class="cover-item--vertical__content-inner lg:tw-flex lg:tw-flex-col lg:tw-justify-center"> <h1 class="text-color-gradient text-color-gradient-blue h1"> With YOURS: on the road to 2026! </h1> <a target="_self" aria-label="Learn more" class="button button--secondary before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static 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-6 tw-w-fit" href="/en/news/global-youth-coalition-road-safety-partnership-continue-2026"> <span>Learn more</span> </a> </div> </div> </div> </li> <li class="splide__slide" role="presentation"> <div data-component-id="butterfly_theme:cover-item" class="cover-item--vertical cover-item__homepage cover-item tw-flex tw-w-full lg:tw-overflow-hidden lg:tw-flex-row tw-flex-col tw-h-full tw-relative"> <div class="cover-item__media tw-relative tw-w-full lg:tw-opacity-0 tw-h-auto lg:tw-basis-1/2"> <div class="media media--type-wedia-image media--view-mode-vertical"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahnf9uq8qzf7e3y/via-laureates-slider-png.webp 1x" title="TotalEnergies" width="762" height="570" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahnf9uq8qzf7e3y/via-laureates-slider-png.webp?t=resize&width=0.84 1x" title="TotalEnergies" width="640" height="570" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahnf9uq8qzf7e3y/via-laureates-slider-png.webp 1x" title="TotalEnergies" width="762" height="440" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahnf9uq8qzf7e3y/via-laureates-slider-png.webp?t=resize&width=0.58 1x" title="TotalEnergies" width="440" height="385" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahnf9uq8qzf7e3y/via-laureates-slider-png.webp?t=resize&width=0.58 1x" title="TotalEnergies" width="440" height="385" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahnf9uq8qzf7e3y/via-laureates-slider-png.webp?t=resize&width=0.58" alt="" width="440" title="TotalEnergies" fetchpriority="high" height="385" loading="eager"> </picture> </div> </div> <div class="cover-item__content container tw-w-full tw-py-6 lg:tw-py-10 lg:tw-opacity-0 tw-flex tw-flex-col tw-w-full lg:tw-basis-1/2"> <div class="cover-item--vertical__content-inner lg:tw-flex lg:tw-flex-col lg:tw-justify-center"> <p class="text-color-gradient text-color-gradient-blue h1"> TotalEnergies Corporate Foundation welcomed the group of VIA ambassadors for safe mobility, to Paris </p> <a target="_self" aria-label="Learn more" class="button button--secondary before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static 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-6 tw-w-fit" href="/en/news/totalenergies-corporate-foundation-welcomed-group-ambassadors-safe-mobility-paris"> <span>Learn more</span> </a> </div> </div> </div> </li> <li class="splide__slide" role="presentation"> <div data-component-id="butterfly_theme:cover-item" class="cover-item--vertical cover-item__homepage cover-item tw-flex tw-w-full lg:tw-overflow-hidden lg:tw-flex-row tw-flex-col tw-h-full tw-relative"> <div class="cover-item__media tw-relative tw-w-full lg:tw-opacity-0 tw-h-auto lg:tw-basis-1/2"> <div class="media media--type-wedia-image media--view-mode-vertical"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahob8wi6eqedhaw/totalenergies-creation-musicale-2024-slider-png.webp?t=resize&width=0.7 1x" title="Journées Portes Ouvertes des Ateliers du Festival d’Aix 2024 - Festival d’Aix-en-Provence" width="840" height="570" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahob8wi6eqedhaw/totalenergies-creation-musicale-2024-slider-png.webp?t=resize&width=0.53 1x" title="Journées Portes Ouvertes des Ateliers du Festival d’Aix 2024 - Festival d’Aix-en-Provence" width="640" height="570" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahob8wi6eqedhaw/totalenergies-creation-musicale-2024-slider-png.webp?t=resize&width=0.64&t=crop&fx=0.5&fy=0.5&outputHeight=440 1x" title="Journées Portes Ouvertes des Ateliers du Festival d’Aix 2024 - Festival d’Aix-en-Provence" width="768" height="440" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahob8wi6eqedhaw/totalenergies-creation-musicale-2024-slider-png.webp?t=resize&width=0.37 1x" title="Journées Portes Ouvertes des Ateliers du Festival d’Aix 2024 - Festival d’Aix-en-Provence" width="440" height="385" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahob8wi6eqedhaw/totalenergies-creation-musicale-2024-slider-png.webp?t=resize&width=0.37 1x" title="Journées Portes Ouvertes des Ateliers du Festival d’Aix 2024 - Festival d’Aix-en-Provence" width="440" height="385" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahob8wi6eqedhaw/totalenergies-creation-musicale-2024-slider-png.webp?t=resize&width=0.37" alt="" width="440" title="Journées Portes Ouvertes des Ateliers du Festival d’Aix 2024 - Festival d’Aix-en-Provence" fetchpriority="high" height="385" loading="eager"> </picture> </div> </div> <div class="cover-item__content container tw-w-full tw-py-6 lg:tw-py-10 lg:tw-opacity-0 tw-flex tw-flex-col tw-w-full lg:tw-basis-1/2"> <div class="cover-item--vertical__content-inner lg:tw-flex lg:tw-flex-col lg:tw-justify-center"> <p class="text-color-gradient text-color-gradient-blue h1"> TotalEnergies Corporate Foundation, main sponsor of the cultural initiatives department of the Festival d’Aix-en-Provence, Passerelles </p> <a target="_self" aria-label="Learn more" class="button button--secondary before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static 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-6 tw-w-fit" href="/en/news/totalenergies-corporate-foundation-main-sponsor-cultural-initiatives-department-festival-daix"> <span>Learn more</span> </a> </div> </div> </div> </li> <li class="splide__slide" role="presentation"> <div data-component-id="butterfly_theme:cover-item" class="cover-item--vertical cover-item__homepage cover-item tw-flex tw-w-full lg:tw-overflow-hidden lg:tw-flex-row tw-flex-col tw-h-full tw-relative"> <div class="cover-item__media tw-relative tw-w-full lg:tw-opacity-0 tw-h-auto lg:tw-basis-1/2"> <div class="media media--type-wedia-image media--view-mode-vertical"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahx4kqbntawxqgw/fondation-totalenergies-observatoire-catholique-lille-2024-762x570-jpg.webp 1x" title="Université Catholique de Lille" width="762" height="570" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahx4kqbntawxqgw/fondation-totalenergies-observatoire-catholique-lille-2024-762x570-jpg.webp?t=resize&width=0.84 1x" title="Université Catholique de Lille" width="640" height="570" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahx4kqbntawxqgw/fondation-totalenergies-observatoire-catholique-lille-2024-762x570-jpg.webp 1x" title="Université Catholique de Lille" width="762" height="440" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahx4kqbntawxqgw/fondation-totalenergies-observatoire-catholique-lille-2024-762x570-jpg.webp?t=resize&width=0.58 1x" title="Université Catholique de Lille" width="440" height="385" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahx4kqbntawxqgw/fondation-totalenergies-observatoire-catholique-lille-2024-762x570-jpg.webp?t=resize&width=0.58 1x" title="Université Catholique de Lille" width="440" height="385" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahx4kqbntawxqgw/fondation-totalenergies-observatoire-catholique-lille-2024-762x570-jpg.webp?t=resize&width=0.58" alt="" width="440" title="Université Catholique de Lille" fetchpriority="high" height="385" loading="eager"> </picture> </div> </div> <div class="cover-item__content container tw-w-full tw-py-6 lg:tw-py-10 lg:tw-opacity-0 tw-flex tw-flex-col tw-w-full lg:tw-basis-1/2"> <div class="cover-item--vertical__content-inner lg:tw-flex lg:tw-flex-col lg:tw-justify-center"> <p class="text-color-gradient text-color-gradient-blue h1"> TotalEnergies Corporate Foundation X the Fondation du patrimoine: 7 new work sites that were chosen </p> <a target="_self" aria-label="Learn more" class="button button--secondary before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static 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-6 tw-w-fit" href="/en/news/totalenergies-corporate-foundation-and-fondation-du-patrimoine-have-revealed-7-new-work-sites"> <span>Learn more</span> </a> </div> </div> </div> </li> <li class="splide__slide" role="presentation"> <div data-component-id="butterfly_theme:cover-item" class="cover-item--vertical cover-item__homepage cover-item tw-flex tw-w-full lg:tw-overflow-hidden lg:tw-flex-row tw-flex-col tw-h-full tw-relative"> <div class="cover-item__media tw-relative tw-w-full lg:tw-opacity-0 tw-h-auto lg:tw-basis-1/2"> <div class="media media--type-wedia-image media--view-mode-vertical"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjy8jg8h67g3qa/totalenergies-fondation-sauvegarde-de-lart-francais-home-jpg.webp 1x" title="La Sauvegarde de l’Art Français" width="762" height="570" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjy8jg8h67g3qa/totalenergies-fondation-sauvegarde-de-lart-francais-home-jpg.webp?t=resize&width=0.84 1x" title="La Sauvegarde de l’Art Français" width="640" height="570" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjy8jg8h67g3qa/totalenergies-fondation-sauvegarde-de-lart-francais-home-jpg.webp 1x" title="La Sauvegarde de l’Art Français" width="762" height="440" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjy8jg8h67g3qa/totalenergies-fondation-sauvegarde-de-lart-francais-home-jpg.webp?t=resize&width=0.58 1x" title="La Sauvegarde de l’Art Français" width="440" height="385" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjy8jg8h67g3qa/totalenergies-fondation-sauvegarde-de-lart-francais-home-jpg.webp?t=resize&width=0.58 1x" title="La Sauvegarde de l’Art Français" width="440" height="385" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahjy8jg8h67g3qa/totalenergies-fondation-sauvegarde-de-lart-francais-home-jpg.webp?t=resize&width=0.58" alt="" width="440" title="La Sauvegarde de l’Art Français" fetchpriority="high" height="385" loading="eager"> </picture> </div> </div> <div class="cover-item__content container tw-w-full tw-py-6 lg:tw-py-10 lg:tw-opacity-0 tw-flex tw-flex-col tw-w-full lg:tw-basis-1/2"> <div class="cover-item--vertical__content-inner lg:tw-flex lg:tw-flex-col lg:tw-justify-center"> <p class="text-color-gradient text-color-gradient-blue h1"> High-school students discover the biggest museum in France </p> <a target="_self" aria-label="Learn more" class="button button--secondary before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static 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-6 tw-w-fit" href="/en/news/high-school-students-discover-biggest-museum-france-totalenergies-corporate-foundation-backs"> <span>Learn more</span> </a> </div> </div> </div> </li> </ul> </div> <div class="cover-navigation tw-relative tw-inline-flex tw-py-[9px] lg:tw-gap-2 lg-max:tw-px-8 lg-max:tw-mb-6 lg:tw-absolute lg-max:tw-mx-6 lg-max:tw-mt-4 cover-navigation--vertical lg:tw-left-1/2 rtl:lg:tw-left-0 rtl:lg:tw-right-2/4 lg:tw-bottom-8 ltr:lg:tw-pl-16 rtl:lg:tw-pr-16"> <button class="splide__toggle lg-max:tw-hidden" type="button"> <div class="splide__toggle__play"> <span aria-hidden="true" class="icon icon--icon-play-filled tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 4.832a1 1 0 0 1 1.541-.841l11.151 7.168a1 1 0 0 1 0 1.682L6.541 20.009A1 1 0 0 1 5 19.168V4.831z"/></svg> </span> <span class="tw-sr-only">Play</span> </div> <div class="splide__toggle__pause"> <span aria-hidden="true" class="icon icon--icon-pause tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 17V6m8 11V6"/></svg> </span> <span class="tw-sr-only">Pause</span> </div> </button> <ul class="splide__pagination tw-text-component-cover"></ul> <div class="splide__arrows"> <button class="splide__arrow splide__arrow--prev"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-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="m15 18-6-6 6-6"/></svg> </span> </button> <button class="splide__arrow splide__arrow--next"> <span aria-hidden="true" class="icon icon--chevron-right tw-text-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="m9 18 6-6-6-6"/></svg> </span> </button> </div> </div> </div> </div> </div> </div> </section> <section id="section--2" class="section--multi-row layout layout--onecol section section--full-width" data-component-id="butterfly_theme:onecol-section"> <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="our-commitment-young-peopletotalenergies-is-convinced-that-a-company-must-be-a-proactive-player-in-addition-to-making-socio-economic-and-societal-contributions" 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"> <h2>Our commitment: young people</h2> <p>TotalEnergies is convinced that a company must be a proactive player, in addition to making socio-economic and societal contributions. This is why we have added citizenship initiatives to our array of activities, and we have chosen to focus them essentially on young people, particularly the most vulnerable. These initiatives are borne by TotalEnergies Foundation and contribute to the community engagement of our Company, whose employees can devote up to three days of their working time per year to citizenship initiatives. On an international level, the TotalEnergies Foundation program promotes the same values.</p> <p><a href="/our-fondation/our-commitment" class="button button--text" rel="nofollow">Find out more about our commitment</a></p> </div> </div> </div> </div> </div> </div> <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="i-firmly-believe-that-companies-need-to-get-involved-in-the-life-of-the-cities-and-regions-of-france-above-and-beyond-their-economic-activity" 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"> <div class="align-left media media--type-wedia-image media--view-mode-media-10"> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7fhot3d6y1qg4e/medaillon-portrait-patrick-pouyanne-png.webp?option=default&outputWidth=140&outputHeight=80" alt width="140" height="80" loading="lazy"> </div> <p><span><span>"</span></span><span>I firmly believe that companies need to get involved in the life of the cities and regions of France, above and beyond their economic activity. That’s why TotalEnergies is committed to the education and professional training for the most vulnerable young people.</span><span><span>"</span></span></p> <p><strong>Patrick Pouyanné</strong>, Chairman and Chief Executive Officer</p> </div> </div> </div> </div> </div> </div> <div class="section__row tw-grid tw-grid-cols-12 tw-gap-6 container tw-w-full"> <div class="tw-col-span-12 md:tw-col-span-4 tw-flex tw-flex-col block key-figure immersive-block block-layout-builder block-inline-blockkey-figure" id="key-figure-home1" data-component-id="butterfly_theme:key-figure"> <div class="tw-bg-neutral-grey-ultra-light tw-overflow-hidden tw-relative tw-rounded-t-extra-large tw-rounded-b-large md:tw-h-full tw-pb-5"> <div class="tw-flex-col lg:tw-gap-6 tw-gap-4 key-figure__counter block-content lg:tw-p-10 tw-p-6 tw-flex"> <div class="js-scroll tw-min-w-fit tw-flex tw-flex-wrap tw-flex-row tw-gap-x-4 heading-font tw-font-light" data-counter="+30"> <span dir="ltr" class="text-color-gradient text-color-gradient-blue key-figure__number tw-break-all lg:tw-text-4xl-desktop tw-text-4xl tw-inline-block rtl-text"> 0 </span> </div> <div class="tw-text-base text-font tw-font-light tw-text-dark-text"> <div class="rich-text-field rich-text-field-format--basic field field--name-field-rich-text field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"> years in existence (Founded in 1992) </div> </div> </div> </div> <div class="key_figure__line tw-bg-blue tw-absolute tw-bottom-0 tw-left-0 tw-h-5 tw-w-full"></div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 tw-flex tw-flex-col block key-figure immersive-block block-layout-builder block-inline-blockkey-figure" id="key-figure-home2" data-component-id="butterfly_theme:key-figure"> <div class="tw-bg-neutral-grey-ultra-light tw-overflow-hidden tw-relative tw-rounded-t-extra-large tw-rounded-b-large md:tw-h-full tw-pb-5"> <div class="tw-flex-col lg:tw-gap-6 tw-gap-4 key-figure__counter block-content lg:tw-p-10 tw-p-6 tw-flex"> <div class="js-scroll tw-min-w-fit tw-flex tw-flex-wrap tw-flex-row tw-gap-x-4 heading-font tw-font-light" data-counter="€200"> <span dir="ltr" class="text-color-gradient text-color-gradient-blue key-figure__number tw-break-all lg:tw-text-4xl-desktop tw-text-4xl tw-inline-block rtl-text"> 0 </span> <span class="text-color-gradient text-color-gradient-blue key-figure__unit lg:tw-text-4xl-desktop tw-text-4xl tw-uppercase tw-inline-block"> M </span> </div> <div class="tw-text-base text-font tw-font-light tw-text-dark-text"> <div class="rich-text-field rich-text-field-format--basic field field--name-field-rich-text field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"> allocated over 5 years </div> </div> </div> </div> <div class="key_figure__line tw-bg-blue tw-absolute tw-bottom-0 tw-left-0 tw-h-5 tw-w-full"></div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 tw-flex tw-flex-col block key-figure immersive-block block-layout-builder block-inline-blockkey-figure" id="key-figure-home3" data-component-id="butterfly_theme:key-figure"> <div class="tw-bg-neutral-grey-ultra-light tw-overflow-hidden tw-relative tw-rounded-t-extra-large tw-rounded-b-large md:tw-h-full tw-pb-5"> <div class="tw-flex-col lg:tw-gap-6 tw-gap-4 key-figure__counter block-content lg:tw-p-10 tw-p-6 tw-flex"> <div class="js-scroll tw-min-w-fit tw-flex tw-flex-wrap tw-flex-row tw-gap-x-4 heading-font tw-font-light" data-counter="1"> <span dir="ltr" class="text-color-gradient text-color-gradient-blue key-figure__number tw-break-all lg:tw-text-4xl-desktop tw-text-4xl tw-inline-block rtl-text"> 0 </span> </div> <div class="tw-text-base text-font tw-font-light tw-text-dark-text"> <div class="rich-text-field rich-text-field-format--basic field field--name-field-rich-text field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"> priority: Young people </div> </div> </div> </div> <div class="key_figure__line tw-bg-blue tw-absolute tw-bottom-0 tw-left-0 tw-h-5 tw-w-full"></div> </div> </div> </div> <div class="section__row tw-grid tw-grid-cols-12 tw-gap-6 container tw-w-full"> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="ouvrons-aux-jeunes-de-nouveaux-horizons" data-component-id="butterfly_theme:card"> <div class="tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-flex tw-flex-col tw-grid-cols-1 tw-h-full"> <div class="card__media tw-overflow-hidden tw-relative card__full-width-image "> <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7zp1j7o45xpgby/vignette1-totalenergies-foundation-campagne-2022-resize-375px-png.webp 1x" title="TotalEnergies Foundation" width="375" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7zp1j7o45xpgby/vignette1-totalenergies-foundation-campagne-2022-resize-375px-png.webp 1x" title="TotalEnergies Foundation" width="375" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7zp1j7o45xpgby/vignette1-totalenergies-foundation-campagne-2022-resize-375px-png.webp 1x" title="TotalEnergies Foundation" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7zp1j7o45xpgby/vignette1-totalenergies-foundation-campagne-2022-resize-375px-png.webp 1x" title="TotalEnergies Foundation" width="375" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7zp1j7o45xpgby/vignette1-totalenergies-foundation-campagne-2022-resize-375px-png.webp 1x" title="TotalEnergies Foundation" width="375" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7zp1j7o45xpgby/vignette1-totalenergies-foundation-campagne-2022-resize-375px-png.webp" alt="" width="375" title="TotalEnergies Foundation" height="518" loading="lazy"> </picture> </div> </div> <div class="card__content lg:tw-p-8 tw-p-4 tw-flex tw-flex-1 tw-flex-col"> <div class="tw-text-neutral-grey-dark card__text--color"> <h3>Opening new possibilities for young people</h3> </div> <div class="tw-break-words text-font tw-text-neutral-grey-dark tw-mt-2 card__text--color"> <p>Find out all about the new communication campaign by TotalEnergies Foundation on its commitment to young people, throughout France.</p> </div> <a aria-label="Watch the video" class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static 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-mt-4 group-hover:tw-underline" href="/en/opening-new-possibilities-young-people"> <span>Watch the video</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="la-parole-aux-partenaires-de-la-fondation-totalenergies-bloc-hp" data-component-id="butterfly_theme:card"> <div class="tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-flex tw-flex-col tw-grid-cols-1 tw-h-full"> <div class="card__media tw-overflow-hidden tw-relative card__full-width-image "> <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item"> <figure role="figure" aria-label="TotalEnergies" title="TotalEnergies"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7b9qcjsdbfzxuc/totalenergies-fondation-la-parole-aux-partenaires-bloc-hp.webp 1x" title="TotalEnergies" alt="What's your commitment to youth?" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7b9qcjsdbfzxuc/totalenergies-fondation-la-parole-aux-partenaires-bloc-hp.webp 1x" title="TotalEnergies" alt="What's your commitment to youth?" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7b9qcjsdbfzxuc/totalenergies-fondation-la-parole-aux-partenaires-bloc-hp.webp 1x" title="TotalEnergies" alt="What's your commitment to youth?" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7b9qcjsdbfzxuc/totalenergies-fondation-la-parole-aux-partenaires-bloc-hp.webp 1x" title="TotalEnergies" alt="What's your commitment to youth?" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7b9qcjsdbfzxuc/totalenergies-fondation-la-parole-aux-partenaires-bloc-hp.webp 1x" title="TotalEnergies" alt="What's your commitment to youth?" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7b9qcjsdbfzxuc/totalenergies-fondation-la-parole-aux-partenaires-bloc-hp.webp" alt="What's your commitment to youth?" width="372" height="518" loading="lazy"> </picture> </figure> </div> </div> <div class="card__content lg:tw-p-8 tw-p-4 tw-flex tw-flex-1 tw-flex-col"> <div class="tw-text-neutral-grey-dark card__text--color"> <h3>The partners of TotalEnergies Foundation share their experience</h3> </div> <div class="tw-break-words text-font tw-text-neutral-grey-dark tw-mt-2 card__text--color"> <p>Who's best than our partners to explain in 3 questions our daily joined actions and engagement for the youth</p> </div> <a aria-label="Learn more" class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static 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-mt-4 group-hover:tw-underline" href="/en/our-partners/partners-share-their-experience"> <span>Learn more</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-12 block tw-text-white-text block-layout-builder block-inline-blockcard-list-auto block-card-list-auto md:tw-col-span-4 tw-flex tw-flex-col tw-px-4 tw-py-6 lg:tw-p-8 tw-rounded-2xl tw-overflow-hidden" id="our-news" style="background-color: #285AFF; --bg-style-color: #285AFF;" data-component-id="butterfly_theme:card-list-auto"> <div class="tw-text-white field field--name-field-heading field--type-heading field--label-hidden field__item"><h3>Our News</h3> </div> <div class="views-element-container"><div class="js-view-dom-id-99056fb2da875ca4bcda39dea3d49821ac68392073fbe1cd968a83d425136212"> <div class="item-list tw-my-6" data-component-id="butterfly_theme:list-auto-items"> <ul > <li class="list-auto-item tw-border-b tw-border-solid"> <div data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">04/10 2024</div> </div> <div class="list-auto-text tw-font-light"> <a href="/en/news/global-youth-coalition-road-safety-partnership-continue-2026" rel="bookmark"> <span>Global Youth Coalition for Road Safety: a partnership to continue on to 2026</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid"> <div data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">07/08 2024</div> </div> <div class="list-auto-text tw-font-light"> <a href="/en/news/totalenergies-foundation-and-world-bank-are-partnering-make-roads-even-safer-young-people" rel="bookmark"> <span>TotalEnergies Foundation and the World Bank are partnering to make roads even safer for young people in Tanzania</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid"> <div data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">19/07 2024</div> </div> <div class="list-auto-text tw-font-light"> <a href="/en/news/totalenergies-corporate-foundation-main-sponsor-cultural-initiatives-department-festival-daix" rel="bookmark"> <span>TotalEnergies Corporate Foundation, main sponsor of the cultural initiatives department of the Festival d’Aix-en-Provence, Passerelles</span> </a> </div> </div> </li> <li class="list-auto-item tw-border-b tw-border-solid tw-border-transparent"> <div data-component-id="butterfly_theme:list-auto-item" class="list-auto-item tw-flex tw-items-start tw-gap-5 tw-self-stretch tw-text-base tw-font-light"> <div class="list-auto-date tw-font-bold tw-w-11"> <div class="field field--name-field-publication-date field--type-datetime field--label-hidden field__item">15/07 2024</div> </div> <div class="list-auto-text tw-font-light"> <a href="/en/news/totalenergies-corporate-foundation-and-fondation-du-patrimoine-have-revealed-7-new-work-sites" rel="bookmark"> <span>TotalEnergies Corporate Foundation and the Fondation du Patrimoine have revealed 7 new work sites that were chosen in the spring, at different locations throughout France</span> </a> </div> </div> </li> </ul> </div> </div> </div> <div class="tw-text-white field field--name-field-link field--type-link field--label-hidden tw-mt-4 field__item"> <a title="Our News" class="button button--text button--with-light-text 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" href="/en/news"> <span>All news</span> </a> </div> </div> </div> <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="acting-for-youth-with-our-partners" 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"> <h2>Acting for youth with our partners</h2> </div> </div> </div> </div> </div> </div> <div class="section__row tw-grid tw-grid-cols-12 tw-gap-6 container tw-w-full"> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="classes-de-mer" data-component-id="butterfly_theme:card"> <div class="tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-flex tw-flex-col tw-grid-cols-1 tw-h-full"> <div class="card__media tw-overflow-hidden tw-relative card__full-width-image "> <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahe3o7ne7wqnjwr/classe-mer-decouvrir-milieu-marin-jpg.webp?t=resize&width=0.49&t=crop&fx=0.5&fy=0.5&outputHeight=246 1x" title="TotalEnergies" width="437" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahe3o7ne7wqnjwr/classe-mer-decouvrir-milieu-marin-jpg.webp?t=resize&width=0.43 1x" title="TotalEnergies" width="384" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahe3o7ne7wqnjwr/classe-mer-decouvrir-milieu-marin-jpg.webp?t=crop&fx=0.5&fy=0.5&outputWidth=229&outputHeight=246 1x" title="TotalEnergies" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahe3o7ne7wqnjwr/classe-mer-decouvrir-milieu-marin-jpg.webp?t=crop&fx=0.5&fy=0.5&outputWidth=719&outputHeight=518 1x" title="TotalEnergies" width="719" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahe3o7ne7wqnjwr/classe-mer-decouvrir-milieu-marin-jpg.webp?t=crop&fx=0.5&fy=0.5&outputWidth=719&outputHeight=518 1x" title="TotalEnergies" width="719" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahe3o7ne7wqnjwr/classe-mer-decouvrir-milieu-marin-jpg.webp?t=crop&fx=0.5&fy=0.5&outputWidth=719&outputHeight=518" alt="" width="719" title="TotalEnergies" height="518" loading="lazy"> </picture> </div> </div> <div class="card__content lg:tw-p-8 tw-p-4 tw-flex tw-flex-1 tw-flex-col"> <div class="tw-text-neutral-grey-dark card__text--color"> <h3>“Sea classes” to help middle- and high-school students in priority education areas, discover the marine and coastal environments</h3> </div> <a aria-label="Learn more" class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static 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-mt-4 group-hover:tw-underline" href="/en/news/sea-classes-help-middle-and-high-school-students-priority-education-areas-discover-marine-and"> <span>Learn more</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="grande-actu-dcp" data-component-id="butterfly_theme:card"> <div class="tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-flex tw-flex-col tw-grid-cols-1 tw-h-full"> <div class="card__media tw-overflow-hidden tw-relative card__full-width-image "> <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta71cwtuqswg8wmo/fondation-culture-nouveaux-partenariats-jpg.webp 1x" title=""La Condition Publique, Roubaix" de © Julien Pitinome – Collectif Œil" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta71cwtuqswg8wmo/fondation-culture-nouveaux-partenariats-jpg.webp 1x" title=""La Condition Publique, Roubaix" de © Julien Pitinome – Collectif Œil" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta71cwtuqswg8wmo/fondation-culture-nouveaux-partenariats-jpg.webp 1x" title=""La Condition Publique, Roubaix" de © Julien Pitinome – Collectif Œil" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta71cwtuqswg8wmo/fondation-culture-nouveaux-partenariats-jpg.webp 1x" title=""La Condition Publique, Roubaix" de © Julien Pitinome – Collectif Œil" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta71cwtuqswg8wmo/fondation-culture-nouveaux-partenariats-jpg.webp 1x" title=""La Condition Publique, Roubaix" de © Julien Pitinome – Collectif Œil" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta71cwtuqswg8wmo/fondation-culture-nouveaux-partenariats-jpg.webp" alt="" width="372" title=""La Condition Publique, Roubaix" de © Julien Pitinome – Collectif Œil" height="518" loading="lazy"> </picture> </div> </div> <div class="card__content lg:tw-p-8 tw-p-4 tw-flex tw-flex-1 tw-flex-col"> <div class="tw-text-neutral-grey-dark card__text--color"> <h3>Culture to help the most vulnerable young people gain empowerment: TotalEnergies Corporate Foundation’s new partnerships</h3> </div> <a aria-label="Learn more" class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static 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-mt-4 group-hover:tw-underline" href="/en/news/culture-help-most-vulnerable-young-people-gain-empowerment-totalenergies-corporate-foundations"> <span>Learn more</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="villastreet" data-component-id="butterfly_theme:card"> <div class="tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-flex tw-flex-col tw-grid-cols-1 tw-h-full"> <div class="card__media tw-overflow-hidden tw-relative card__full-width-image "> <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahyqwwwam5hic8a/industreet-villasreet-vignette-png.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahyqwwwam5hic8a/industreet-villasreet-vignette-png.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahyqwwwam5hic8a/industreet-villasreet-vignette-png.webp 1x" title="TotalEnergies" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahyqwwwam5hic8a/industreet-villasreet-vignette-png.webp 1x" title="TotalEnergies" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahyqwwwam5hic8a/industreet-villasreet-vignette-png.webp 1x" title="TotalEnergies" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahyqwwwam5hic8a/industreet-villasreet-vignette-png.webp" alt="" width="372" title="TotalEnergies" height="518" loading="lazy"> </picture> </div> </div> <div class="card__content lg:tw-p-8 tw-p-4 tw-flex tw-flex-1 tw-flex-col"> <div class="tw-text-neutral-grey-dark card__text--color"> <h3>L'Industreet inaugurates Villastreet and celebrates its new graduates</h3> </div> <a aria-label="Watch the video" class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static 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-mt-4 group-hover:tw-underline" href="/en/news/lindustreet-inaugurates-villastreet-and-celebrates-its-new-graduates"> <span>Watch the video</span> </a> </div> </div> </div> </div> <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="our-flagship-actions" 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"> <h2>Our flagship actions</h2> </div> </div> </div> </div> </div> </div> <div class="section__row tw-grid tw-grid-cols-12 tw-gap-6 container tw-w-full"> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="helmet4life" data-component-id="butterfly_theme:card"> <div class="tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-flex tw-flex-col tw-grid-cols-1 tw-h-full"> <div class="card__media tw-overflow-hidden tw-relative card__full-width-image "> <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731taha8ku7nzhg65gw/totalenergies-fondation-1-casque-1-vie-remise-casques-johannesburg-jpg.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731taha8ku7nzhg65gw/totalenergies-fondation-1-casque-1-vie-remise-casques-johannesburg-jpg.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731taha8ku7nzhg65gw/totalenergies-fondation-1-casque-1-vie-remise-casques-johannesburg-jpg.webp 1x" title="TotalEnergies" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731taha8ku7nzhg65gw/totalenergies-fondation-1-casque-1-vie-remise-casques-johannesburg-jpg.webp 1x" title="TotalEnergies" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731taha8ku7nzhg65gw/totalenergies-fondation-1-casque-1-vie-remise-casques-johannesburg-jpg.webp 1x" title="TotalEnergies" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731taha8ku7nzhg65gw/totalenergies-fondation-1-casque-1-vie-remise-casques-johannesburg-jpg.webp" alt="" width="372" title="TotalEnergies" height="518" loading="lazy"> </picture> </div> </div> <div class="card__content lg:tw-p-8 tw-p-4 tw-flex tw-flex-1 tw-flex-col"> <div class="tw-text-neutral-grey-dark card__text--color"> <h3>In Johannesburg, helmets are to be handed over at an event highly-symbolic of the roll-out of the “Helmet 4 Life” initiative</h3> </div> <a aria-label="Find out more" class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static 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-mt-4 group-hover:tw-underline" href="/en/news/johannesburg-helmets-are-be-handed-over-event-highly-symbolic-roll-out-helmet-4-life-initiative"> <span>Find out more</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="ecoles-de-production" data-component-id="butterfly_theme:card"> <div class="tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-flex tw-flex-col tw-grid-cols-1 tw-h-full"> <div class="card__media tw-overflow-hidden tw-relative card__full-width-image "> <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7c6hndinnzqkar/ecoles-production-patrick-pouyanne-jpg.webp 1x" title="Corinne Simon" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7c6hndinnzqkar/ecoles-production-patrick-pouyanne-jpg.webp 1x" title="Corinne Simon" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7c6hndinnzqkar/ecoles-production-patrick-pouyanne-jpg.webp 1x" title="Corinne Simon" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7c6hndinnzqkar/ecoles-production-patrick-pouyanne-jpg.webp 1x" title="Corinne Simon" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7c6hndinnzqkar/ecoles-production-patrick-pouyanne-jpg.webp 1x" title="Corinne Simon" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7c6hndinnzqkar/ecoles-production-patrick-pouyanne-jpg.webp" alt="" width="372" title="Corinne Simon" height="518" loading="lazy"> </picture> </div> </div> <div class="card__content lg:tw-p-8 tw-p-4 tw-flex tw-flex-1 tw-flex-col"> <div class="tw-text-neutral-grey-dark card__text--color"> <h3>The Écoles de Production are well on the way to achieving their goal</h3> </div> <a aria-label="Learn more" class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static 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-mt-4 group-hover:tw-underline" href="/en/news/ecoles-de-production-are-well-way-achieving-their-goal"> <span>Learn more</span> </a> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block card tw-relative text-font card__grid_small_33" id="fondation-du-patrimoine" data-component-id="butterfly_theme:card"> <div class="tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-flex tw-flex-col tw-grid-cols-1 tw-h-full"> <div class="card__media tw-overflow-hidden tw-relative card__full-width-image "> <div class="field field--name-field-media-wedia-asset field--type-wedia-image-field field--label-hidden field__item"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7pmcbbbb6ki3qc/totalenergies-fondation-du-patrimoine-372x231-jpg.webp 1x" title="Pangaïa Productions/Fondation du patrimoine" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7pmcbbbb6ki3qc/totalenergies-fondation-du-patrimoine-372x231-jpg.webp 1x" title="Pangaïa Productions/Fondation du patrimoine" width="372" height="246" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7pmcbbbb6ki3qc/totalenergies-fondation-du-patrimoine-372x231-jpg.webp 1x" title="Pangaïa Productions/Fondation du patrimoine" width="229" height="246" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7pmcbbbb6ki3qc/totalenergies-fondation-du-patrimoine-372x231-jpg.webp 1x" title="Pangaïa Productions/Fondation du patrimoine" width="372" height="518" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7pmcbbbb6ki3qc/totalenergies-fondation-du-patrimoine-372x231-jpg.webp 1x" title="Pangaïa Productions/Fondation du patrimoine" width="372" height="518" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7pmcbbbb6ki3qc/totalenergies-fondation-du-patrimoine-372x231-jpg.webp" alt="" width="372" title="Pangaïa Productions/Fondation du patrimoine" height="518" loading="lazy"> </picture> </div> </div> <div class="card__content lg:tw-p-8 tw-p-4 tw-flex tw-flex-1 tw-flex-col"> <div class="tw-text-neutral-grey-dark card__text--color"> <h3>TotalEnergies Corporate Foundation renews its partnership with the Fondation du Patrimoine</h3> </div> <a aria-label="Find out more" class="tw-pt-6 card__link tw-mt-auto tw-rounded-md button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static 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-mt-4 group-hover:tw-underline" href="/en/news/totalenergies-corporate-foundation-renews-its-partnership-fondation-du-patrimoine"> <span>Find out more</span> </a> </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.youtube.com/@TotalEnergies/playlists?view=50&sort=dd&shelf_id=4" 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://www.linkedin.com/showcase/fondation-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> </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-footermainmenu"> <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu menu--level-1 butterfly-main-footer-menu"> <li class="menu__item menu__item--link menu__item--level-1"> <div data-target="footer" aria-expanded="false" aria-controls="accordion-footer-1" id="accordion-footer-1-id" role="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <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> </span> <a href="/en/our-partners" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/4241"> Our partners </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1"> <div data-target="footer" aria-expanded="false" aria-controls="accordion-footer-2" id="accordion-footer-2-id" role="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <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> </span> <a href="/en/employee-citizenship" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/1676"> Employee Citizenship </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1"> <div data-target="footer" aria-expanded="false" aria-controls="accordion-footer-3" id="accordion-footer-3-id" role="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <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> </span> <a href="/en/news" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/1661"> News </a> </div> </li> </ul> </nav> </div> <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/contact" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/4171">Contact</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/en/general-terms-and-conditions-use" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/4206">Legal</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/en/privacy" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/1781">Privacy</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/en/digital-accessibility-statement" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/1741">Accessibility : partially compliant</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <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> </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="/sites/g/files/wompnd5211/files/logo_totalenergies_fondation.png" alt="TotalEnergies" width="145" height="64" loading="eager" class="tw-opacity-15 tw-self-center"/> </div> </div> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"en\/","currentPath":"node\/3186","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en","logo_url":"\/sites\/g\/files\/wompnd5211\/files\/logo_totalenergies_fondation.png"},"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-foundation\/prod\/utag.js","async":true,"utagData":{"language":"2","page_name":"home-2022","site_name":"598129","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":""}},"splide":{"labels":{"play":"Start the carousel","pause":"Stop the carousel","close":"Close","fullscreen":"Toggle fullscreen","prev":"Previous slide","next":"Next slide","slideX":"Slide %s","slideLabel":"Slide %s of %s"}},"cover":{"slider_pace":"3"},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"user":{"uid":0,"permissionsHash":"11f6f3aa0bc7aadbb6956a293b841b8af22423df8db6eb9d104e5a8256011306"}}</script> <script src="/sites/g/files/wompnd5211/files/js/js__Dv3_zp-kY13g9nUkDBvDfdt2JjvC2TPpVXUBaQOzx0.js?scope=footer&delta=0&language=en&theme=butterfly_theme&include=eJyNUEESwyAI_JDGJ3WIksRGIUXs1N_X6TSX9GBvCyzLsoqQYs3x4fRENyiNvMGXpki7C1IPSNO3NJ4Fned8MCFpmeaqirKkdtMNM1qbGAKKufQd-L4ZIpOBEJSBmjvBtAiTjpUl-s1qN2IV5oQ_Jy5zey9jzR2bXeJaBcdcz8_-2JBWEKQbmeEP7oafsMahAq0VVrQZqb4BC4iqVg"></script> <script src="/themes/custom/butterfly_theme/dist/js/accordion.min.js?v=10.3.5" defer></script> <script src="https://static.addtoany.com/menu/page.js" async></script> <script src="/sites/g/files/wompnd5211/files/js/js_BHNuysSGCLJcijg-YWolegTssnnrwc_xJVQvUy6mZqw.js?scope=footer&delta=3&language=en&theme=butterfly_theme&include=eJyNUEESwyAI_JDGJ3WIksRGIUXs1N_X6TSX9GBvCyzLsoqQYs3x4fRENyiNvMGXpki7C1IPSNO3NJ4Fned8MCFpmeaqirKkdtMNM1qbGAKKufQd-L4ZIpOBEJSBmjvBtAiTjpUl-s1qN2IV5oQ_Jy5zey9jzR2bXeJaBcdcz8_-2JBWEKQbmeEP7oafsMahAq0VVrQZqb4BC4iqVg"></script> </body> </html>

CINXE.COM

TotalEnergies Foundation