CINXE.COM
Travailler dans le soci茅tal | TotalEnergies Careers
<!DOCTYPE html> <html lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style> </noscript><link rel="canonical" href="https://careers.totalenergies.com/fr/decouvrez-nos-metiers/working/travailler-dans-le-societal" /> <meta property="og:site_name" content="TotalEnergies Careers" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://careers.totalenergies.com/fr/decouvrez-nos-metiers/working/travailler-dans-le-societal" /> <meta property="og:title" content="Travailler dans le soci茅tal | TotalEnergies Careers" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="application/ld+json">{ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "name": "TotalEnergies Careers", "url": "https://careers.totalenergies.com/fr" }, { "@type": "WebSite", "name": "TotalEnergies Careers", "url": "https://careers.totalenergies.com/fr", "potentialAction": { "@type": "SearchAction", "query": "https://careers.totalenergies.com/fr/search?query={search_term_string}", "query-input": "required name=search_term_string" } } ] }</script> <style>.color-variables { --color-light-1: #285AFF; --color-neutral-white: #FFFFFF; --color-dark-1: #80CDFF; --color-dark-2: #92EAEA; --color-dark-3: #72EAC5; --color-dark-4: #BCF453; --color-dark-5: #FFE74F; --color-error: #E71731; --color-error-light: #FBD1D6; --color-neutral-grey-dark: #374649; --color-neutral-grey-light: #B7CBD3; --color-neutral-grey-medium: #69777D; --color-neutral-grey-ultra-dark: #222B2D; --color-neutral-grey-ultra-light: #F5F9FB; --color-light-2: #D43900; --color-primary: #E70000; --color-success: #00884A; --color-success-light: #B3DBC9; }</style> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Accueil", "item": "https://careers.totalenergies.com/fr" }, { "@type": "ListItem", "position": 2, "name": "D茅couvrez nos m茅tiers", "item": "https://careers.totalenergies.com/fr/decouvrez-nos-metiers" }, { "@type": "ListItem", "position": 3, "name": "Travailler dans le soci茅tal" } ] }</script> <link rel="preconnect" href="https://dxm.content-center.totalenergies.com" /> <link rel="icon" href="/themes/custom/butterfly_theme/favicon.ico" /> <link rel="alternate" hreflang="fr" href="https://careers.totalenergies.com/fr/decouvrez-nos-metiers/working/travailler-dans-le-societal" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>Travailler dans le soci茅tal | TotalEnergies Careers</title> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd4206/files/css/css_XTnVw6RgObpkzZlpH-QLECI9_VO2VCywvGx0BZvIpJ4.css?delta=0&language=fr&theme=butterfly_theme&include=eJyVk9FuwzAIRX8oTj4pwjZJUW2IMGmXvx_NtpdOU7w323AtOFza0QzrFKHhEHcz1KUcs92w4mRA5UmcB_ywQnyfsu4blPH7OiRRnJLUTRjZ2vimD6EIZNTrvIZJOIMeoSLvYRGxHhm5aoCcTYCP6ecwLipsQ8VMMC1UXDMm2Iw8-fJLpXQL5g0Gg1jwPwJHSOla8KCMcp3m70nKi0xf4TeETLxeJ55cQpIHaiD2GEO5VkX1_5PuNbrUVQ64Y6qgDidCxygd4FnJaYCOJoD4yysMD1qhj1FU4D5IL5ruQMPZngj35uaqxHOzo2D7vSdiXnm70xbOvXiPL06sBd6ZTP4IqkSxDlsU4HWHFc_mPwHnYHXH" /> <link rel="stylesheet" media="all" href="/themes/custom/butterfly_theme/dist/css/tailwind.css?srmk9q" /> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd4206/files/css/css_QSXT5ybR037BcJcYs2fMFgMx0h4uIe18vw_h4lEEJoQ.css?delta=2&language=fr&theme=butterfly_theme&include=eJyVk9FuwzAIRX8oTj4pwjZJUW2IMGmXvx_NtpdOU7w323AtOFza0QzrFKHhEHcz1KUcs92w4mRA5UmcB_ywQnyfsu4blPH7OiRRnJLUTRjZ2vimD6EIZNTrvIZJOIMeoSLvYRGxHhm5aoCcTYCP6ecwLipsQ8VMMC1UXDMm2Iw8-fJLpXQL5g0Gg1jwPwJHSOla8KCMcp3m70nKi0xf4TeETLxeJ55cQpIHaiD2GEO5VkX1_5PuNbrUVQ64Y6qgDidCxygd4FnJaYCOJoD4yysMD1qhj1FU4D5IL5ruQMPZngj35uaqxHOzo2D7vSdiXnm70xbOvXiPL06sBd6ZTP4IqkSxDlsU4HWHFc_mPwHnYHXH" /> </head> <body class="color-variables color-variation-default path-node page-node-type-standard-page tw-bg-white tw-text-base tw-antialiased tw-text-dark-text"> <a href="#main-content" class="visually-hidden focusable skip-link bfly-skip-link tw-top-2.5 tw-bg-primary tw-text-white tw-py-2 tw-px-5 tw-rounded-large tw-left-1/2 -tw-translate-x-1/2 tw-font-bolder tw-outline-primary tw-outline tw-outline-2 tw-underline focus-visible:tw-z-max"> Aller au contenu principal </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="/fr" aria-label="TotalEnergies - Aller 脿 la page d鈥檃ccueil" rel="home" class="site-branding__logo branging-logo"> <img src="/themes/custom/butterfly_theme/logo.svg" alt="TotalEnergies" width="129" height="102" loading="eager" fetchpriority="high"/> </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">Rechercher</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="Menu principal"> <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="Menu principal" id="block-butterfly-theme-mainnavigation"> <div class="primary-menu__container"> <div class="menu__item-go-back tw-hidden menu__back-button-1"> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:main-menu-navigation" class="menu menu--level-1 main-menu__primary-level tw-flex lg:tw-flex-row tw-flex-col heading-font lg:tw-items-center lg:tw-flex-wrap lg:tw-gap-x-6 lg:tw-gap-y-0.5 lg:tw-justify-end" data-level="1"> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Qui sommes-nous ? <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">Fermer</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> Pr茅c茅dent </button> <a href="/fr/qui-sommes-nous" 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/211"> Qui sommes-nous ? </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="/fr/qui-sommes-nous/un-employeur-responsable-et-citoyen" 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/111"> <span> Un employeur responsable et citoyen </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--has-children tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/fr/node/171" class="menu__link menu__link--link menu__link--level-2 menu__link--has-children tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/171"> <span> Une entreprise engag茅e avec la jeunesse </span> </a> <button type="button" aria-label="Une entreprise engag茅e avec la jeunesse" aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Pr茅c茅dent </button> <a href="/fr/node/171" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/171"> Une entreprise engag茅e avec la jeunesse </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/fr/qui-sommes-nous/lalternance-chez-totalenergies" title="Avec l'alternance, lancez votre carri猫re !" class="menu__link menu__link--link menu__link--level-3 lg:tw-text-component-primary tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/161"> <span> Avec l'alternance, lancez votre carri猫re ! </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/fr/qui-sommes-nous/graduate-programs" title="Avec nos Graduate Programs, faites la diff茅rence !" class="menu__link menu__link--link menu__link--level-3 lg:tw-text-component-primary tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/536"> <span> Avec nos Graduate Programs, faites la diff茅rence ! </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/fr/node/171/avec-nos-stages-prenez-le-bon-virage" title="Nos stages" class="menu__link menu__link--link menu__link--level-3 lg:tw-text-component-primary tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/776"> <span> Avec nos stages, prenez le bon virage ! </span> </a> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--active-trail 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--active-trail 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"> D茅couvrez nos m茅tiers <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">Fermer</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> Pr茅c茅dent </button> <a href="/fr/decouvrez-nos-metiers" 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/176"> D茅couvrez nos m茅tiers </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="/fr/decouvrez-nos-metiers/travailler-dans" 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/591"> <span> Travailler dans... </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="/fr/decouvrez-nos-metiers/trouvez-votre-voie" 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/61"> <span> Trouvez votre voie ! </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="/fr/decouvrez-nos-metiers/decouvrez-le-metier-de-vos-reves" 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/56"> <span> D茅couvrez le m茅tier de vos r锚ves ! </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 menu__item--active-trail menu__item--has-children tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full tw-flex" data-button-level="2"> <a href="/fr/node/596" class="menu__link menu__link--link menu__link--level-2 menu__link--active-trail menu__link--has-children tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-tracking-xs tw-py-4 lg:tw-px-6 tw-font-bold tw-w-full tw-transition-colors tw-duration-300 tw-ease-linear lg:tw-underline lg:tw-decoration-transparent" data-drupal-link-system-path="node/596"> <span> Travailler dans... </span> </a> <button type="button" aria-label="Travailler dans..." aria-expanded="false" class="menu__link--level-2-trigger tw-py-4 lg:tw-px-6"> <span class=""> <span aria-hidden="true" class="icon icon--chevron-right tw-text-primary main-menu__chevron-right tw-block ltr:tw-ml-auto rtl:tw-mr-auto rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </span> </button> </div> <div class="main-menu__level-wrapper main-menu__level-3 tw-font-bold tw-text-component-dark-text lg-max:tw-overflow-y-auto lg-max:tw-overflow-x-hidden lg-max:tw-pt-1 lg-max:tw-px-6 lg-max:tw-pb-52 lg-max:tw-h-screen lg-max:tw-left-full lg-max:tw-bg-component-white lg-max:tw-invisible tw-absolute tw-top-0 tw-w-full lg:tw-top-4 lg:tw-pl-6 lg:tw-py-6 lg:tw-hidden lg-max:tw-z-30 lg:tw-overflow-y-auto lg:tw-overflow-x-hidden lg:tw-h-auto ltr:lg:tw-right-0 rtl:lg:tw-left-0"> <div class="menu__item-go-back tw-hidden menu__back-button-3"> <button type="button" data-id="3" class="go-back__button go-back__button-3 lg:tw-hidden heading-font tw-tracking-xs tw-flex tw-items-center tw-gap-4 rtl:tw-flex-row-reverse rtl:tw-justify-end tw-py-4 tw-w-full tw-border-b tw-border-neutral-grey-light tw-font-bold tw-text-component-dark-text"> <span aria-hidden="true" class="icon icon--chevron-left tw-text-component-primary title-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12 6 8l4-4"/></svg> </span> Pr茅c茅dent </button> <a href="/fr/node/596" class="submenu-title tw-pb-4 lg:tw-pt-0 tw-pt-4 lg:tw-pl-6 tw-text-component-primary lg:tw-text-primary lg:tw-font-bold tw-font-bolder tw-flex tw-items-center tw-gap-4 lg:tw-hidden" data-drupal-link-system-path="node/596"> Travailler dans... </a> </div> <ul data-region="main_navigation" data-component-id="butterfly_theme:menu-button" class="menu menu--level-3 heading-font" data-level="3"> <li class="menu__item menu__item--link menu__item--level-3 tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/fr/decouvrez-nos-metiers/working/travailler-dans-les-renouvelables" class="menu__link menu__link--link menu__link--level-3 lg:tw-text-component-primary tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/576"> <span> Travailler dans les renouvelables </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/fr/node/596/travailler-dans-le-raffinage-et-la-petrochimie" title="Travailler dans le raffinage et la p茅trochimie" class="menu__link menu__link--link menu__link--level-3 lg:tw-text-component-primary tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/786"> <span> Travailler dans le raffinage et la p茅trochimie </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 menu__item--active-trail tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/fr/decouvrez-nos-metiers/working/travailler-dans-le-societal" class="menu__link menu__link--link menu__link--level-3 menu__link--active-trail lg:tw-text-component-primary tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4 is-active" data-drupal-link-system-path="node/551" aria-current="page"> <span> Travailler dans le soci茅tal </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-3 tw-w-full odd:lg:tw-float-left even:lg:tw-float-right lg:tw-px-10 lg:tw-mb-10"> <div class="main-menu__sub-menu main-menu__sub-menu-3 tw-relative tw-w-full " data-button-level="3"> <a href="/fr/node/586" class="menu__link menu__link--link menu__link--level-3 lg:tw-text-component-primary tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image lg:tw-pb-4 lg:tw-pt-0 tw-pt-4 tw-pb-4" data-drupal-link-system-path="node/586"> <span> Travailler sur un grand projet industriel </span> </a> </div> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Travaillez chez nous <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">Fermer</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> Pr茅c茅dent </button> <a href="/fr/travaillez-chez-nous" 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/226"> Travaillez chez nous </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="/fr/travaillez-chez-nous/soyez-vous-memes" 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/51"> <span> Soyez vous-m锚me </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="/fr/travaillez-chez-nous/prenez-soin-de-vous-et-de-vos-proches" 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/41"> <span> Prenez soin de vous et de vos proches </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="/fr/travaillez-chez-nous/beneficiez-dun-package-de-qualite" 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/66"> <span> B茅n茅ficiez d鈥檜n package de qualit茅 </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"> Progressez chez nous <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">Fermer</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> Pr茅c茅dent </button> <a href="/fr/progressez-chez-nous" 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/96"> Progressez chez nous </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="/fr/progressez-chez-nous/faites-avancer-votre-carriere" 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/76"> <span> Faites avancer votre carri猫re </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="/fr/progressez-chez-nous/developpez-vos-competences" 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/71"> <span> D茅veloppez vos comp茅tences </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="/fr/progressez-chez-nous/accompagnez-la-transition-energetique" 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/81"> <span> Accompagnez la transition 茅nerg茅tique </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="/fr/progressez-chez-nous/beneficiez-dun-accompagnement-individuel" 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/86"> <span> B茅n茅ficiez d鈥檜n accompagnement individuel </span> </a> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--link menu__item--level-1"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <a href="https://totalenergies.avature.net/fr_FR/careers/" class="menu__link menu__link--link menu__link--level-1 tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span> Postulez chez nous </span> </a> </div> </li> </ul> </div> </nav> <div class="lg:tw-block tw-hidden" 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">Rechercher</span> </button> </div> </div> <div class="region region--secondary-navigation tw-flex xl:tw-gap-6 lg:tw-gap-4 tw-flex-wrap lg:tw-flex-row lg:tw-items-center tw-flex-col lg:tw-justify-end secondary-region__menu--container tw-transition-opacity tw-duration-300 tw-ease-linear tw-opacity-100 lg:tw-pt-3 lg-max:before:tw-content-[""] lg-max:before:tw-h-px lg-max:before:tw-bg-grey-light lg-max:before:tw-my-5 lg-max:before:-tw-mx-2.5"> <nav role="navigation" id="block-butterfly-theme-external-menu" class="main-menu__pipe"> <div class="menu__item--button menu__item--go-back tw-hidden external__back-button-1"> </div> <ul data-region="secondary_navigation" data-component-id="butterfly_theme:external-menu" class="menu menu--level-1 external-menu__container tw-flex lg:tw-items-center xl:tw-gap-6 lg:tw-gap-4 lg:tw-flex-row tw-flex-col"> <li class="menu__item menu__item--link menu__item--level-1 lg:tw-py-0 tw-py-4"> <div class="external-menu__item lg:header-font heading-font tw-flex tw-items-center tw-gap-1 lg:tw-text-s tw-text-base tw-font-bold button__style--primary"> <a href="/fr/faq" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-1 picto-image picto-image__hover lg-max:tw-tracking-xs focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-component-primary focus-visible:tw-outline-offset-2 lg:focus-visible:tw-rounded-large focus-visible:tw-rounded" data-drupal-link-system-path="node/616"> FAQ </a> </div> </li> </ul> </nav> <nav class="language-switcher-language-url block block-language block-language-blocklanguage-content main-menu__pipe" id="block-butterfly-theme-languageswitchercontent" role="navigation" aria-label="S茅lecteur de langues"> <div class="language-menu tw-relative"> <button type="button" aria-label="Changer la langue du site: (Fr) Fran莽ais actif" aria-expanded="false" data-current-lang="fr" 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">Fr <span aria-hidden="true" class="icon icon--chevron-down tw-text-component-primary language-menu-icon tw-transition-transform tw-duration-300 tw-ease-linear"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 6 4 4 4-4"/></svg> </span> </button> <div class="language-menu-content lg:tw-hidden tw-block lg:tw-bg-component-white lg:tw-rounded-large lg:tw-overflow-hidden lg:tw-shadow-md lg:tw-absolute lg:tw-left-1/2 lg:-tw-translate-x-1/2"> <ul class="links"><li hreflang="en" data-drupal-link-system-path="node/551" 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="/en/node/551" class="language-link" aria-label="En - English" aria-current="false" lang="en" hreflang="en" data-drupal-link-system-path="node/551">En</a></li><li hreflang="fr" data-drupal-link-system-path="node/551" 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="/fr/decouvrez-nos-metiers/working/travailler-dans-le-societal" class="language-link is-active" aria-label="Fr - Fran莽ais" aria-current="page" lang="fr" hreflang="fr" data-drupal-link-system-path="node/551">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="/fr/decouvrez-nos-metiers/working/travailler-dans-le-societal" 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="Rechercher..." id="search-form-search-input" data-drupal-selector="edit-global-search" type="text" name="global_search" value="" maxlength="128" placeholder="Rechercher..." 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">Lancer la recherche</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="Rechercher" data-component-id="butterfly_theme:button"> Rechercher </button> <div class="tw-relative webform-input__wrapper"> <input data-drupal-selector="form-qa3gzq0j3oqipz8o7uc-ymlyzysfnh8oybpv5-0qado" type="hidden" name="form_build_id" value="form-Qa3gZq0j3oQIPZ8O7UC-yMlyzysfnh8oyBPV5_0QaDo" 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" autocomplete="" /> </div> <div class="tw-relative webform-input__wrapper"> <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" autocomplete="" /> </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">Fermer</span> </button> </form> </div> </div> </header> <div class="tw-bg-component-white"> <div id="block-butterfly-theme-breadcrumbs" class="block block-system block-system-breadcrumb-block container lg:tw-my-6 tw-my-4"> <div class="block_content -tw-mt-1.5"> <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> <span id="system-breadcrumb" class="visually-hidden">Fil d'Ariane</span> <div class="breadcrumb__content tw-relative"> <button type="button" class="breadcrumb-show-more tw-hidden tw-absolute tw-top-0 tw-left-0">... <span class="tw-inline-block tw-align-middle tw-mx-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span></button> <ol class="breadcrumb__list tw-inline-block tw-w-full"> <li class="breadcrumb-item tw-inline tw-text-sm tw-py-0.5" data-index="0"> <a href="/fr" title="Accueil" class="tw-inline text-font md:tw-text-component-primary tw-text-component-dark-text tw-font-light"> <span class="breadcrumb-text-content md:tw-hidden tw-inline">Accueil</span> <span class="breadcrumb-icon-first md:tw-inline-block tw-hidden"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m2 6 6-4.667L14 6v7.333a1.334 1.334 0 0 1-1.333 1.334H3.333A1.334 1.334 0 0 1 2 13.333V6Z"/></svg> </span> <span class="tw-inline-block tw-align-baseline tw-mx-2 tw-w-4 tw-h-4 tw-leading-none rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </a> </li> <li class="breadcrumb-item tw-inline tw-text-sm tw-py-0.5" data-index="1"> <a href="https://careers.totalenergies.com/fr/decouvrez-nos-metiers" title="D茅couvrez nos m茅tiers" class="tw-inline text-font tw-text-component-dark-text tw-font-light"> <span class="breadcrumb-text-content tw-align-middle">D茅couvrez nos m茅tiers</span> <span class="tw-inline-block tw-align-baseline tw-mx-2 tw-w-4 tw-h-4 tw-leading-none rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </a> </li> <li class="breadcrumb-item tw-inline tw-text-sm tw-py-0.5" data-index="2"> <span class="tw-inline text-font tw-text-component-dark-text tw-font-bold"> <span class="breadcrumb-text-content tw-align-middle">Travailler dans le soci茅tal</span> </span> </li> </ol> </div> </nav> </div> </div> </div> <div> <div data-drupal-messages-fallback class="hidden"></div> </div> <main role="main" class="tw-flex-auto" dir=ltr> <a id="main-content" tabindex="-1"></a> <div class="layout-content"> <div id="block-butterfly-theme-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-internal tw-flex-col tw-flex tw-w-full tw-bg-cover-internal-bg" id="cover-socital" data-component-id="butterfly_theme:cover-internal" role="region"> <div class="container cover-internal__media tw-w-full"> <div data-component-id="butterfly_theme:media-cover-internal" class="media media-cover-internal media--type-wedia-image media--view-mode-cover-internal"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7okjypgr3tzwfe/totalenergies-decouvrir-jpg.webp?t=resize&width=0.94 1x" title="TotalEnergies" width="1360" height="500" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7okjypgr3tzwfe/totalenergies-decouvrir-jpg.webp?t=resize&width=0.83 1x" title="TotalEnergies" width="1200" height="500" media="all and (min-width: 1280px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7okjypgr3tzwfe/totalenergies-decouvrir-jpg.webp?t=resize&width=0.86 1x" title="TotalEnergies" width="1241" height="850" media="all and (min-width: 768px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7okjypgr3tzwfe/totalenergies-decouvrir-jpg.webp?t=resize&width=0.86 1x" title="TotalEnergies" width="1241" height="850" media="all and (min-width: 440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7okjypgr3tzwfe/totalenergies-decouvrir-jpg.webp 1x" title="TotalEnergies" width="440" height="453" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7okjypgr3tzwfe/totalenergies-decouvrir-jpg.webp" alt="" width="440" title="TotalEnergies" fetchpriority="high" height="453" loading="eager"> </picture> </div> </div> <div class="cover-content__wrapper container tw-w-full tw-justify-center tw-py-6 lg:tw-py-10"> <div class="tw-col-span-12 lg:tw-col-span-11"> <div class="tw-flex tw-flex-col-reverse"> <h1 class="text-color-gradient text-color-gradient-blue cover-internal__heading heading-font" aria-describedby="surtitle_2066"> Travailler dans le soci茅tal </h1> </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 container tw-w-full"> <div class="tw-col-span-12 md:tw-col-span-8 block tw-text-dark-text block-layout-builder block-inline-blockrich-text tw-py-2.5" id="de-quoi-sagit-il-chaque-jour-nos-activits-business-peuvent-impacter-les-populations-proches-de-nos-projets-ou-de-nos-sites" style="--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"> <h2>De quoi s'agit-il ?</h2> <p>Chaque jour, nos activit茅s business peuvent impacter les populations proches de nos projets ou de nos sites. Afin d鈥檃nticiper et de rem茅dier 脿 ces impacts, les 茅quipes Soci茅tales de TotalEnergies sont responsables des<strong> relations nou茅es avec les communaut茅s affect茅es et toutes les parties prenantes int茅ress茅es</strong> par les activit茅s de notre Compagnie.</p> <p>Trois principes guident cette approche :</p> <ul> <li>Le dialogue</li> <li>L'茅valuation et la gestion des impacts sur l鈥檈nvironnement humain</li> <li>La contribution au d茅veloppement socio-茅conomique local</li> </ul> </div> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block tw-text-dark-text block-layout-builder block-inline-blockrich-text tw-py-2.5" id="mega-gabarit-text-component" style="--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 field field--name-field-rich-text field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"> <div class="media media--type-wedia-image media--view-mode-media-50"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7airdwuhkqf4ec/photo-societal-1.webp?t=resize&width=668&height=374 1x" title="TotalEnergies" width="300" height="374" media="all and (min-width: 1440px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7airdwuhkqf4ec/photo-societal-1.webp?t=resize&width=558&height=330 1x" title="TotalEnergies" width="300" height="330" media="all and (min-width: 1280px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7airdwuhkqf4ec/photo-societal-1.webp?t=resize&width=352&height=198 1x" title="TotalEnergies" width="300" height="198" media="all and (min-width: 768px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7airdwuhkqf4ec/photo-societal-1.webp?t=resize&width=272&height=190 1x" title="TotalEnergies" width="272" height="190"> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7airdwuhkqf4ec/photo-societal-1.webp?t=resize&width=272&height=190" alt width="272" title="TotalEnergies" height="190" loading="lazy"> </picture> </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 tw-py-2.5 block-layout-builder block-inline-blockrich-text" id="pour-accompagner-nos-diffrents-projets-quelle-que-soit-leur-envergure-les-quipes-socitales-identifient-les-parties-prenantes-autorits-communauts-riveraines-acteurs-de-la-socit-civile-clients-fournisseurs-et-mettent-en-place-des-plans-dacti" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF; --thead-background-color: #285AFF; --thead-text-color: var(--white-text);"> <div class="block-content"> <div class="rich-text-field rich-text-field-format--comprehensive rich-text-field-view-mode--larger field field--name-field-rich-text field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"> <div class="container"> <p>Pour accompagner nos diff茅rents projets, quelle que soit leur envergure, les 茅quipes Soci茅tales identifient les parties prenantes (autorit茅s, communaut茅s riveraines, acteurs de la soci茅t茅 civile, clients, fournisseurs) et mettent en place des<strong> plans d鈥檃ction pour int茅grer leurs attentes, favoriser le dialogue, minimiser les impacts n茅gatifs et maximiser les impacts positifs.</strong></p> <p>Cette approche s鈥檃pplique 脿 toutes les activit茅s de TotalEnergies dans le monde, de la construction d鈥檜ne centrale solaire 脿 un forage d'exploration, en passant par le d茅ploiement d鈥檜ne station-service.</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 tw-py-2.5 block-layout-builder block-inline-blockrich-text" id="travailler-dans-le-socital-tout-ce-quil-faut-savoir" 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>Travailler dans le soci茅tal : tout ce qu'il faut savoir</h2> </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 tw-py-2.5 block-layout-builder block-inline-blockrich-text" id="mega-gabarit-text-component--2" 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="media media--type-wedia-video media--view-mode-default"> <div class="wedia-video tw-w-full tw-h-full"> <a href="javascript:void(0)" data-html="<iframe title="L'essentiel sur : Travailler dans le soci茅tal (vid茅o)" width="896" height="504" src="https://evp-api-totalenergies-dam-prod-cdn.wedia-group.com/api/media/play.html?PlayerUid=y60338b14d0a1d&amp;MediaUid=4c8a1dbb-0c50-4e6a-8572-9133e707b2f3" allow="autoplay; fullscreen" frameborder="0" scrolling="no" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" thumbnail="https://dxm.content-center.totalenergies.com/api/wedia/dam/variation/xysh7dg731ta7ej4dm69yoiupy/thumbnailBig"></iframe>" class="js-trigger-wedia tw-relative tw-block tw-w-full tw-h-full tw-overflow-hidden"> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/variation/xysh7dg731ta7ej4dm69yoiupy/thumbnailBig" alt="wedia video thumbnail" loading="lazy" class="tw-w-full tw-h-full tw-object-cover video__thumb"> </a> </div> </div> </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 tw-text-dark-text block-layout-builder block-inline-blockrich-text tw-py-2.5" id="mega-gabarit-text-component--3" style="--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 field field--name-field-rich-text field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"> <div class="media media--type-wedia-image media--view-mode-media-50"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7piax8whgjdoze/photo-societal-3-png.webp?t=resize&width=668&height=374 1x" title="TotalEnergies" width="349" height="374" media="all and (min-width: 1440px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7piax8whgjdoze/photo-societal-3-png.webp?t=resize&width=558&height=330 1x" title="TotalEnergies" width="349" height="330" media="all and (min-width: 1280px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7piax8whgjdoze/photo-societal-3-png.webp?t=resize&width=352&height=198 1x" title="TotalEnergies" width="349" height="198" media="all and (min-width: 768px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7piax8whgjdoze/photo-societal-3-png.webp?t=resize&width=272&height=190 1x" title="TotalEnergies" width="272" height="190"> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7piax8whgjdoze/photo-societal-3-png.webp?t=resize&width=272&height=190" alt width="272" title="TotalEnergies" height="190" loading="lazy"> </picture> </div> </div> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block tw-text-dark-text block-layout-builder block-inline-blockrich-text tw-py-2.5" id="mega-gabarit-text-component--4" style="--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 field field--name-field-rich-text field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"> <div class="media media--type-wedia-image media--view-mode-media-50"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahotmu11ccukjgo/photo-societal-4-png.webp?t=resize&width=668&height=374 1x" title="TotalEnergies" width="349" height="374" media="all and (min-width: 1440px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahotmu11ccukjgo/photo-societal-4-png.webp?t=resize&width=558&height=330 1x" title="TotalEnergies" width="349" height="330" media="all and (min-width: 1280px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahotmu11ccukjgo/photo-societal-4-png.webp?t=resize&width=352&height=198 1x" title="TotalEnergies" width="349" height="198" media="all and (min-width: 768px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahotmu11ccukjgo/photo-societal-4-png.webp?t=resize&width=272&height=190 1x" title="TotalEnergies" width="272" height="190"> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahotmu11ccukjgo/photo-societal-4-png.webp?t=resize&width=272&height=190" alt width="272" title="TotalEnergies" height="190" loading="lazy"> </picture> </div> </div> </div> </div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block tw-text-dark-text block-layout-builder block-inline-blockrich-text tw-py-2.5" id="mega-gabarit-text-component--5" style="--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 field field--name-field-rich-text field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"> <div class="media media--type-wedia-image media--view-mode-media-50"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahd1es4g8t36r6y/photo-societal-2.webp?t=resize&width=668&height=374 1x" title="TotalEnergies" width="349" height="374" media="all and (min-width: 1440px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahd1es4g8t36r6y/photo-societal-2.webp?t=resize&width=558&height=330 1x" title="TotalEnergies" width="349" height="330" media="all and (min-width: 1280px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahd1es4g8t36r6y/photo-societal-2.webp?t=resize&width=352&height=198 1x" title="TotalEnergies" width="349" height="198" media="all and (min-width: 768px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahd1es4g8t36r6y/photo-societal-2.webp?t=resize&width=272&height=190 1x" title="TotalEnergies" width="272" height="190"> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahd1es4g8t36r6y/photo-societal-2.webp?t=resize&width=272&height=190" alt width="272" title="TotalEnergies" height="190" loading="lazy"> </picture> </div> </div> </div> </div> </div> </div> </div> </section> </article> </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> <div id="block-butterfly-theme-socialfollow" class="block block-te-block block-social-follow-block"> <div class="block-content tw-flex tw-items-center tw-justify-between md-max:tw-flex-wrap tw-gap-y-6 tw-gap-x-10 tw-w-full lg:tw-py-10 tw-py-6 heading-font tw-text-xl tw-font-light tw-tracking-xs container"> <p id="social_follow">Follow us</p> <ul aria-labelledby="social_follow" class="tw-flex tw-items-center md-max:tw-flex-wrap tw-gap-6"> <li> <a href="https://www.facebook.com/TotalEnergies" aria-label="Facebook" target="_blank" rel="nofollow" class="tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-inline-block before:tw-content-[''] before:tw-absolute before:-tw-inset-0.5 hover:before:tw-border-primary hover:before:tw-border-2 before:tw-rounded-full"> <span aria-hidden="true" class="icon icon--facebook tw-text-black"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#1877F2" d="M22 12.06C22 6.505 17.523 2 12 2S2 6.504 2 12.06c0 5.023 3.656 9.185 8.437 9.94v-7.03H7.9v-2.91h2.538V9.844c0-2.521 1.493-3.915 3.778-3.915 1.093 0 2.238.197 2.238.197v2.476h-1.262c-1.242 0-1.628.776-1.628 1.572v1.887h2.773l-.443 2.908h-2.33V22C18.344 21.245 22 17.083 22 12.06Z"/></svg> </span> </a> </li> <li> <a href="https://twitter.com/TotalEnergies" aria-label="X" target="_blank" rel="nofollow" class="tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-inline-block before:tw-content-[''] before:tw-absolute before:-tw-inset-0.5 hover:before:tw-border-primary hover:before:tw-border-2 before:tw-rounded-full"> <span aria-hidden="true" class="icon icon--x tw-text-black"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M13.712 10.79 20.413 3h-1.588l-5.818 6.763L8.36 3H3l7.027 10.227L3 21.395h1.588l6.144-7.142 4.908 7.142H21L13.712 10.79Zm-2.175 2.527-.712-1.018L5.16 4.195H7.6l4.571 6.54.712 1.019 5.943 8.5h-2.439l-4.85-6.936Z"/></svg> </span> </a> </li> <li> <a href="https://www.youtube.com/channel/UCCQ5splvX84mIavSenAN4Ew" aria-label="YouTube" target="_blank" rel="nofollow" class="tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-inline-block before:tw-content-[''] before:tw-absolute before:-tw-inset-0.5 hover:before:tw-border-primary hover:before:tw-border-2 before:tw-rounded-full"> <span aria-hidden="true" class="icon icon--youtube tw-text-black"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="red" fill-rule="evenodd" d="M19.792 5.415c.86.23 1.54.911 1.771 1.771C21.988 8.752 22 12 22 12s0 3.26-.424 4.814a2.519 2.519 0 0 1-1.771 1.772c-1.553.423-7.805.423-7.805.423s-6.252 0-7.805-.423a2.519 2.519 0 0 1-1.771-1.772C2 15.248 2 12 2 12s0-3.248.41-4.8c.232-.86.912-1.541 1.772-1.772 1.554-.424 7.805-.437 7.805-.437s6.252 0 7.805.424ZM15.184 12l-5.187 3.004V8.996L15.184 12Z" clip-rule="evenodd"/></svg> </span> </a> </li> <li> <a href="https://linkedin.com/company/totalenergies" aria-label="LinkedIn" target="_blank" rel="nofollow" class="tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-inline-block before:tw-content-[''] before:tw-absolute before:-tw-inset-0.5 hover:before:tw-border-primary hover:before:tw-border-2 before:tw-rounded-full"> <span aria-hidden="true" class="icon icon--linkedin tw-text-black"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#0073B1" d="M21 4.324v15.353A1.323 1.323 0 0 1 19.677 21H4.324A1.323 1.323 0 0 1 3 19.677V4.324A1.324 1.324 0 0 1 4.324 3h15.353A1.323 1.323 0 0 1 21 4.324ZM8.294 9.882H5.647v8.47h2.647v-8.47Zm.238-2.911a1.525 1.525 0 0 0-1.514-1.536h-.047a1.535 1.535 0 0 0 0 3.07 1.525 1.525 0 0 0 1.561-1.487v-.047Zm9.82 6.236c0-2.546-1.62-3.536-3.229-3.536a3.017 3.017 0 0 0-2.678 1.366h-.074V9.882H9.882v8.47h2.647v-4.504a1.757 1.757 0 0 1 1.589-1.896h.1c.842 0 1.467.53 1.467 1.864v4.537h2.647l.02-5.146Z"/></svg> </span> </a> </li> <li> <a href="https://www.instagram.com/totalenergies/" aria-label="Instagram" target="_blank" rel="nofollow" class="tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-inline-block before:tw-content-[''] before:tw-absolute before:-tw-inset-0.5 hover:before:tw-border-primary hover:before:tw-border-2 before:tw-rounded-full"> <span aria-hidden="true" class="icon icon--instagram tw-text-black"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 3c-2.444 0-2.75.01-3.71.054-.959.044-1.613.196-2.186.419-.6.225-1.144.58-1.594 1.038-.457.45-.812.993-1.038 1.593-.221.573-.374 1.228-.418 2.186C3.011 9.25 3 9.555 3 12c0 2.445.01 2.75.054 3.71.044.959.196 1.613.419 2.186.225.6.58 1.144 1.038 1.594.45.458.993.812 1.593 1.038.573.222 1.227.374 2.186.418.96.044 1.266.054 3.71.054s2.75-.01 3.71-.054c.959-.044 1.613-.196 2.186-.419.6-.225 1.144-.58 1.594-1.038.458-.45.812-.993 1.038-1.593.222-.573.374-1.227.418-2.186.044-.96.054-1.266.054-3.71s-.01-2.75-.054-3.71c-.044-.959-.196-1.613-.419-2.186A4.413 4.413 0 0 0 19.49 4.51a4.415 4.415 0 0 0-1.593-1.038c-.573-.221-1.228-.374-2.186-.418C14.75 3.011 14.445 3 12 3Zm0 1.622c2.403 0 2.688.009 3.637.052.877.04 1.354.186 1.671.31.42.163.72.358 1.035.673.315.315.51.615.673 1.035.123.317.27.794.31 1.67.043.95.052 1.235.052 3.638 0 2.403-.009 2.688-.052 3.637-.04.877-.186 1.354-.31 1.671-.144.391-.374.745-.673 1.035-.29.299-.644.529-1.035.673-.317.123-.794.27-1.67.31-.95.043-1.234.052-3.638.052s-2.688-.009-3.637-.052c-.877-.04-1.354-.186-1.671-.31a2.787 2.787 0 0 1-1.035-.673 2.789 2.789 0 0 1-.673-1.035c-.123-.317-.27-.794-.31-1.67-.043-.95-.052-1.235-.052-3.638 0-2.403.009-2.688.052-3.637.04-.877.186-1.354.31-1.671.163-.42.358-.72.673-1.035.29-.299.644-.529 1.035-.673.317-.123.794-.27 1.67-.31.95-.043 1.235-.052 3.638-.052Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M12 15.003a3.003 3.003 0 1 1 0-6.006 3.003 3.003 0 0 1 0 6.006Zm0-7.629a4.626 4.626 0 1 0 0 9.252 4.626 4.626 0 0 0 0-9.252Zm5.972-.084a1.093 1.093 0 1 1-2.187 0 1.093 1.093 0 0 1 2.187 0Z" clip-rule="evenodd"/></svg> </span> </a> </li> </ul> </div> </div> </div> <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="/fr/aide-et-accessibilite" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/1">Accessibilit茅 : partiellement conforme </a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/fr/conditions-generales-dutilisation-cgu" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/11">Conditions G茅n茅rales d鈥橴tilisation</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/fr/charte-donnees-personnelles-et-traceurs" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/556">Charte Donn茅es Personnelles et Traceurs</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/fr/binding-corporate-rules-de-totalenergies" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/21">芦 Binding Corporate Rules 禄 de TotalEnergies</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/fr/plan-du-site" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/261">Plan du site</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 2025</span> </li> </ul> </nav> </div> </div> </footer> <div class="loading__screen tw-fixed tw-top-0 tw-left-0 tw-w-full tw-h-full tw-bg-white tw-flex tw-items-center tw-justify-center tw-z-max"> <div class="loading__wrapper tw-flex tw-justify-center"> <img src="/themes/custom/butterfly_theme/logo.svg" alt="TotalEnergies" fetchpriority="high" 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":"fr\/","currentPath":"node\/551","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr","logo_url":"\/themes\/custom\/butterfly_theme\/logo.svg"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"clientside_validation_jquery":{"validate_all_ajax_forms":2,"force_validate_on_blur":false,"messages":{"required":"Ce champ est requis.","remote":"Please fix this field.","email":"Veuillez saisir une adresse de courriel valide.","url":"Please enter a valid URL.","date":"Please enter a valid date.","dateISO":"Please enter a valid date (ISO).","number":"Please enter a valid number.","digits":"Please enter only digits.","equalTo":"Please enter the same value again.","maxlength":"Please enter no more than {0} characters.","minlength":"Please enter at least {0} characters.","rangelength":"Please enter a value between {0} and {1} characters long.","range":"Please enter a value between {0} and {1}.","max":"Please enter a value less than or equal to {0}.","min":"Please enter a value greater than or equal to {0}.","step":"Please enter a multiple of {0}."}},"tealiumiq":{"tealiumiq":{"utagurl":"https:\/\/tags.tiqcdn.com\/utag\/totalms\/hd-careers-v2\/prod\/utag.js","async":true,"utagData":{"language":"1","page_name":"decouvrez-nos-metiers::working::travailler-dans-le-societal","site_name":"568907","site_type":"TEWF","env_type":"PROD"}}},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowLabel":"(s\u0027ouvre dans une nouvelle fen\u00eatre)","extTargetNoOverride":true,"extNofollow":false,"extNoreferrer":false,"extFollowNoOverride":false,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":false,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"0","telClass":"tel","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":false,"extIconPlacement":"after","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","whitelistedDomains":[],"extExcludeNoreferrer":""}},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"user":{"uid":0,"permissionsHash":"daed3c96366f84d9d29aab04bc6d362cc31ff1566fbdef73b638d7e691e914ae"}}</script> <script src="/sites/g/files/wompnd4206/files/js/js_zv2l529pyAGVwWw3aFAUC9xioKbLwB4fTrCsRTzeWH8.js?scope=footer&delta=0&language=fr&theme=butterfly_theme&include=eJyFkMEOwjAMQ39oXT8Jpa1hFWkCaYrY3zMhduHSmyO9OLEdxHW0-ox-qgv1XfKCt3OVeyw2HsTrb1yyGmLW9lCBeF_TcIddeb_4hoYQWKnAFirFlWSPp1ivpuLzfat5C36cC06JsfwBsSN7VQk9mzLP_V61QOdYMlDJNlqasx1kx5OJbM4eQWBCHBpkzPEN3_bmLZPcBt3wtf0Awp-xUQ"></script> <script src="https://static.addtoany.com/menu/page.js" async></script> <script src="/sites/g/files/wompnd4206/files/js/js_6dn-TXLc7bF2MkHEu6ofecgVkCxzQGCpU0d6okmaPc0.js?scope=footer&delta=2&language=fr&theme=butterfly_theme&include=eJyFkMEOwjAMQ39oXT8Jpa1hFWkCaYrY3zMhduHSmyO9OLEdxHW0-ox-qgv1XfKCt3OVeyw2HsTrb1yyGmLW9lCBeF_TcIddeb_4hoYQWKnAFirFlWSPp1ivpuLzfat5C36cC06JsfwBsSN7VQk9mzLP_V61QOdYMlDJNlqasx1kx5OJbM4eQWBCHBpkzPEN3_bmLZPcBt3wtf0Awp-xUQ"></script> </body> </html>