CINXE.COM

VIA, a program to prevent road insecurity affecting young people around the world | 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><meta name="description" content="Deployed worldwide by the TotalEnergies Foundation, VIA is an education program designed to make it safer for young people to travel to and from school." /> <link rel="canonical" href="https://fondation.totalenergies.com/en/program-prevent-road-insecurity-affecting-young-people-around-world" /> <meta property="og:site_name" content="TotalEnergies Foundation" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://fondation.totalenergies.com/en/program-prevent-road-insecurity-affecting-young-people-around-world" /> <meta property="og:title" content="VIA, a program to prevent road insecurity affecting young people around the world | TotalEnergies Foundation" /> <meta property="og:description" content="Deployed worldwide by the TotalEnergies Foundation, VIA is an education program designed to make it safer for young people to travel to and from school." /> <meta property="og:image" content="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7g59f7r4h5m4yr/programme-lutter-contre-insecurite-routiere-paragraphe-reseau-sociaux-png.webp?option=default" /> <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-neutral-grey-ultra-light: #F5F9FB; --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-light-2: #D43900; --color-primary: #E70000; --color-success: #00884A; --color-success-light: #B3DBC9; }</style> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://fondation.totalenergies.com/en" }, { "@type": "ListItem", "position": 2, "name": "VIA, a program to prevent road insecurity affecting young people around the world" } ] }</script> <link rel="preconnect" href="https://dxm.content-center.totalenergies.com" /> <link rel="icon" href="/themes/custom/butterfly_theme/favicon.ico" /> <link rel="alternate" hreflang="en" href="https://fondation.totalenergies.com/en/program-prevent-road-insecurity-affecting-young-people-around-world" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>VIA, a program to prevent road insecurity affecting young people around the world | TotalEnergies Foundation</title> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd5211/files/css/css_-phyy2twLTiPnsWiNcIxcVOFYmEWWgcazTde0iaAQtM.css?delta=0&amp;language=en&amp;theme=butterfly_theme&amp;include=eJyVU9FuwyAM_KGQfFJlwEmsgo2MWZe_H-tWVes0kb0BvjP2nV2PapgXDxUn38xQ13RcbMeMiwGlG3Gc8N0S8XWJ2gqk-fs6BVFcguQijGx1fuE7lwQi6hhXMQhH0MNl5OZWETtDo84aozIQ_8gLMZoAH8vjMK8qbONMSmF31rt3XS4KY0IAjV-EVUKr__nBwCecCihsCmWvD-2fL3Pj0nyiumMcZy4UTFxH25QxEiwrpY6YAxSjMzL29yDp06pz-B0hEm9joNeODNqyd91PwzNOVATtSnk4MSVP_xneaINz5XsFPlf_Z6N9qgwvdkO41j5WmfhS7UhYf--UGHQVr1TcfYde42uXoDpuTCZ_BFW89OB4-4C3Bhvem_8AsUiG7Q" /> <link rel="stylesheet" media="all" href="/themes/custom/butterfly_theme/dist/css/tailwind.css?srmuoz" /> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd5211/files/css/css_RRyCRYU8P7AodNvAR7SKfO7phUKNO2Xt4sGeaYcejqs.css?delta=2&amp;language=en&amp;theme=butterfly_theme&amp;include=eJyVU9FuwyAM_KGQfFJlwEmsgo2MWZe_H-tWVes0kb0BvjP2nV2PapgXDxUn38xQ13RcbMeMiwGlG3Gc8N0S8XWJ2gqk-fs6BVFcguQijGx1fuE7lwQi6hhXMQhH0MNl5OZWETtDo84aozIQ_8gLMZoAH8vjMK8qbONMSmF31rt3XS4KY0IAjV-EVUKr__nBwCecCihsCmWvD-2fL3Pj0nyiumMcZy4UTFxH25QxEiwrpY6YAxSjMzL29yDp06pz-B0hEm9joNeODNqyd91PwzNOVATtSnk4MSVP_xneaINz5XsFPlf_Z6N9qgwvdkO41j5WmfhS7UhYf--UGHQVr1TcfYde42uXoDpuTCZ_BFW89OB4-4C3Bhvem_8AsUiG7Q" /> </head> <body class="color-variables color-variation-default path-node page-node-type-standard-page tw-bg-white tw-text-base tw-antialiased tw-text-dark-text"> <a href="#main-content" class="visually-hidden focusable skip-link bfly-skip-link tw-top-2.5 tw-bg-primary tw-text-white tw-py-2 tw-px-5 tw-rounded-large tw-left-1/2 -tw-translate-x-1/2 tw-font-bolder tw-outline-primary tw-outline tw-outline-2 tw-underline focus-visible:tw-z-max"> Skip to main content </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container tw-flex tw-flex-col lg:tw-min-h-screen"> <header class="main-header tw-flex tw-items-center tw-flex-col tw-justify-center tw-border-b tw-border-solid tw-border-component-grey-ultra-light tw-z-30 tw-relative tw-top-0 tw-left-0 tw-right-0 tw-bg-component-white tw-w-full" role="banner"> <div class="container tw-flex tw-justify-between tw-w-full tw-bg-component-white"> <div> <div id="block-butterfly-theme-site-branding" data-component-id="butterfly_theme:branding" class="site-branding block block-system block-system-branding-block"> <div class="site-branding__inner tw-flex lg:tw-gap-4 md:tw-gap-2 tw-gap-4 tw-items-center"> <a href="/en" aria-label="TotalEnergies - Go the the homepage" rel="home" class="site-branding__logo branging-logo"> <img src="/sites/g/files/wompnd5211/files/logo_totalenergies_fondation.png" 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">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&#039;Industreet </span> </a> </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 </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 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">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-[&quot;&quot;] 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="node/4111" 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/program-prevent-road-insecurity-affecting-young-people-around-world" class="language-link is-active" aria-label="En - English" aria-current="page" lang="en" hreflang="en" data-drupal-link-system-path="node/4111">En</a></li><li hreflang="fr" data-drupal-link-system-path="node/4111" class="language-item heading-font tw-text-base lg:tw-font-light tw-font-bold tw-text-component-dark-text tw-text-center tw-cursor-pointer"><a href="/fr/node/4111" class="language-link" aria-label="Fr - Français" aria-current="false" lang="fr" hreflang="fr" data-drupal-link-system-path="node/4111">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/program-prevent-road-insecurity-affecting-young-people-around-world" 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="" 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 webform-input__wrapper"> <input data-drupal-selector="form-kz5z34yho8e8setd38prgiutu6zjoyzm6g3utu15hhc" type="hidden" name="form_build_id" value="form-kZ5Z34yho8e8sEtd38PrgiUtU6zJOYzm6G3UtU15hhc" 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">Close</span> </button> </form> </div> </div> </header> <div class="tw-bg-component-white"> <div id="block-butterfly-theme-breadcrumbs" class="block block-system block-system-breadcrumb-block container lg:tw-my-6 tw-my-4"> <div class="block_content -tw-mt-1.5"> <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> <span id="system-breadcrumb" class="visually-hidden">Breadcrumb</span> <div class="breadcrumb__content tw-relative"> <button type="button" class="breadcrumb-show-more tw-hidden tw-absolute tw-top-0 tw-left-0">... <span class="tw-inline-block tw-align-middle tw-mx-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span></button> <ol class="breadcrumb__list tw-inline-block tw-w-full"> <li class="breadcrumb-item tw-inline tw-text-sm tw-py-0.5" data-index="0"> <a href="/en" title="Home" class="tw-inline text-font md:tw-text-component-primary tw-text-component-dark-text tw-font-light"> <span class="breadcrumb-text-content md:tw-hidden tw-inline">Home</span> <span class="breadcrumb-icon-first md:tw-inline-block tw-hidden"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m2 6 6-4.667L14 6v7.333a1.334 1.334 0 0 1-1.333 1.334H3.333A1.334 1.334 0 0 1 2 13.333V6Z"/></svg> </span> <span class="tw-inline-block tw-align-baseline tw-mx-2 tw-w-4 tw-h-4 tw-leading-none rtl:tw-rotate-180"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6 12 4-4-4-4"/></svg> </span> </a> </li> <li class="breadcrumb-item tw-inline tw-text-sm tw-py-0.5" data-index="1"> <span class="tw-inline text-font tw-text-component-dark-text tw-font-bold"> <span class="breadcrumb-text-content tw-align-middle">VIA, a program to prevent road insecurity affecting young people around the world</span> </span> </li> </ol> </div> </nav> </div> </div> </div> <div> <div data-drupal-messages-fallback class="hidden"></div> </div> <main role="main" class="tw-flex-auto" dir=ltr> <a id="main-content" tabindex="-1"></a> <div class="layout-content"> <div id="block-butterfly-theme-page-title" class="container block block-core block-page-title-block"> <h1 class="text-color-gradient text-color-gradient-blue tw-mt-6 tw-mb-6"> VIA, a program to prevent road insecurity affecting young people around the world </h1> </div> <div id="block-butterfly-theme-content" class="block block-system block-system-main-block"> <div class="block-content"> <article> <section id="section" 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="deployed-worldwide-by-the-totalenergies-foundation-via-is-an-education-program-designed-to-make-it-safer-for-young-people-to-travel-to-and-from-schoolout-of-the-270000-pedestrians-killed-worldwide-each-year-many-are-children-on-their-way-to-school-an" 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"> <p>Deployed worldwide by the TotalEnergies Foundation, VIA is an education program designed to make it safer for young people to travel to and from school.</p> <p>Out of the 270,000 pedestrians killed worldwide each year, many are children on their way to school, and most of them in the southern hemisphere. Broken families, professional careers that will never happen – unprotected mobility has countless consequences and the cost for the community is huge.</p> <p>To fight against road insecurity, the leading cause of death among young people worldwide, the VIA programme for safe mobility works closely with young people to improve the conditions in which they travel to and from school, by bringing the issue to the attention of young people themselves and raising the awareness of all members of the educational community.</p> </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/xysh7dg731tahzczpjoywm5jga/programme-lutter-contre-insecurite-routiere-paragraphe-png.webp?t=resize&amp;width=668&amp;height=374 1x" title="TotalEnergies" width="372" height="374" media="all and (min-width: 1440px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahzczpjoywm5jga/programme-lutter-contre-insecurite-routiere-paragraphe-png.webp?t=resize&amp;width=558&amp;height=330 1x" title="TotalEnergies" width="372" height="330" media="all and (min-width: 1280px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahzczpjoywm5jga/programme-lutter-contre-insecurite-routiere-paragraphe-png.webp?t=resize&amp;width=352&amp;height=198 1x" title="TotalEnergies" width="352" height="198" media="all and (min-width: 768px)"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahzczpjoywm5jga/programme-lutter-contre-insecurite-routiere-paragraphe-png.webp?t=resize&amp;width=272&amp;height=190 1x" title="TotalEnergies" width="272" height="190"> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahzczpjoywm5jga/programme-lutter-contre-insecurite-routiere-paragraphe-png.webp?t=resize&amp;width=272&amp;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="a-scheme-deployed-in-22-countries-in-2024-in-partnership-between-the-totalenergies-foundation-program-and-the-companys-subsidiariesthe-countries-deploying-the-via-programme-are-selected-from-among-totalenergies-anchor-territories-on-the-basis-of-their-a" 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>A scheme deployed in 22 countries in 2024 in partnership between the TotalEnergies Foundation program and the company's subsidiaries</h2> <p>The countries deploying the VIA programme are selected from among TotalEnergies' anchor territories on the basis of their accident rate and level of development: <em>Angola, Argentina, Brazil, Cameroon, Côte d'Ivoire, Congo, Guinea Conakry, Equatorial Guinea, India, Lebanon, Libya, Madagascar, Malaysia, Malawi, Mexico, Morocco, Nigeria, Senegal, South Africa, Tanzania, Togo, Uganda.</em></p> <h2>Clear-cut objectives</h2> <p>The aim of the VIA Program in 2024 is to:</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-12 block picto-list picto-list--horizontal tw-relative tw-flex-wrap" id="programme-inscurite-routiere-jeunes-monde" data-component-id="butterfly_theme:picto-list"> <div class="tw-flex tw-flex-row tw-items-center tw-gap-6 picto-list__wrap md:tw-flex-row tw-flex-col tw-content-center tw-flex-wrap field--name-field-items-picto field--type-entity-reference-revisions field--label-hidden field__items"> <div class="picto-list__item tw-inline-flex tw-items-center tw-self-stretch tw-p-6 tw-gap-4 tw-rounded-large tw-w-full tw-bg-grey-ultra-light cursor-default tw-relative"> <span aria-hidden="true" class="icon icon--icon-1 icon--big tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.733 18.043c-.232 0-.414-.067-.549-.201s-.201-.311-.201-.53c0-.232.067-.408.201-.53s.317-.183.549-.183h2.304V6.56h.878l-2.67 1.719a.797.797 0 0 1-.494.146.748.748 0 0 1-.384-.183c-.11-.11-.183-.238-.219-.384s-.03-.293.018-.439a.745.745 0 0 1 .366-.384l2.523-1.646a3.34 3.34 0 0 1 .512-.256c.171-.073.335-.11.494-.11.183 0 .341.055.475.165s.201.286.201.53v10.88h2.121c.244 0 .427.061.549.183.134.122.201.299.201.53s-.067.414-.201.549c-.122.122-.305.183-.549.183H9.732z"/></svg> </span> <div class="picto-list__wrapper tw-h-full tw-flex tw-flex-row tw-items-center tw-justify-center"> <span class="picto-list__title tw-mx-auto tw-font-bold tw-break-words tw-text-base -tw-tracking-tight ">Contribute to improving the safety conditions of young people’s journeys to and from school.</span> </div> </div> <div class="picto-list__item tw-inline-flex tw-items-center tw-self-stretch tw-p-6 tw-gap-4 tw-rounded-large tw-w-full tw-bg-grey-ultra-light cursor-default tw-relative"> <span aria-hidden="true" class="icon icon--icon-2 icon--big tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.276 18.043c-.293 0-.512-.067-.658-.201-.134-.146-.201-.341-.201-.585 0-.146.037-.293.11-.439s.183-.293.329-.439l4.005-4.297c.61-.646 1.048-1.243 1.317-1.792s.402-1.103.402-1.664c0-.707-.219-1.243-.658-1.609-.427-.378-1.054-.567-1.883-.567a4.34 4.34 0 0 0-1.481.256c-.463.158-.92.408-1.371.75-.171.122-.329.177-.475.165s-.274-.067-.384-.165a1.108 1.108 0 0 1-.219-.366c-.037-.146-.03-.299.018-.457s.152-.293.311-.402c.5-.39 1.079-.695 1.737-.914s1.335-.329 2.03-.329c.878 0 1.615.14 2.213.421.61.268 1.073.664 1.39 1.189.317.512.475 1.14.475 1.883 0 .512-.085 1.018-.256 1.518a6.75 6.75 0 0 1-.768 1.499 10.787 10.787 0 0 1-1.28 1.591l-3.803 4.005V16.6h5.998c.244 0 .427.061.549.183.134.122.201.299.201.53s-.067.414-.201.549c-.122.122-.305.183-.549.183H9.28z"/></svg> </span> <div class="picto-list__wrapper tw-h-full tw-flex tw-flex-row tw-items-center tw-justify-center"> <span class="picto-list__title tw-mx-auto tw-font-bold tw-break-words tw-text-base -tw-tracking-tight ">Train and support a group of young VIA ambassadors in each school who are keen to make a commitment to safe mobility, and roll out awareness-raising initiatives.</span> </div> </div> <div class="picto-list__item tw-inline-flex tw-items-center tw-self-stretch tw-p-6 tw-gap-4 tw-rounded-large tw-w-full tw-bg-grey-ultra-light cursor-default tw-relative"> <span aria-hidden="true" class="icon icon--icon-3 icon--big tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.22 18.208c-.707 0-1.414-.098-2.121-.293s-1.323-.488-1.847-.878c-.171-.122-.286-.262-.347-.421s-.079-.305-.055-.439c.037-.146.11-.268.219-.366s.244-.152.402-.165c.158-.024.329.018.512.128a6.274 6.274 0 0 0 1.554.75 6.037 6.037 0 0 0 1.627.219c.597 0 1.103-.085 1.518-.256.414-.183.725-.445.933-.786.219-.354.329-.774.329-1.262 0-.731-.238-1.28-.713-1.646-.475-.378-1.17-.567-2.085-.567h-1.28c-.256 0-.451-.061-.585-.183a.717.717 0 0 1-.201-.53c0-.232.067-.408.201-.53s.329-.183.585-.183H12c.536 0 .994-.091 1.371-.274a2.16 2.16 0 0 0 .878-.805c.219-.341.329-.756.329-1.243 0-.658-.213-1.158-.64-1.499-.427-.354-1.042-.53-1.847-.53a4.53 4.53 0 0 0-1.481.238c-.463.146-.933.396-1.408.75a.828.828 0 0 1-.475.165.66.66 0 0 1-.402-.165.761.761 0 0 1-.201-.347c-.037-.146-.03-.299.018-.457s.158-.299.329-.421c.5-.39 1.073-.689 1.719-.896a6.389 6.389 0 0 1 2.03-.329c.841 0 1.56.134 2.158.402.61.268 1.073.652 1.39 1.152.317.488.475 1.079.475 1.774 0 .524-.098 1.006-.293 1.445a3.073 3.073 0 0 1-.841 1.097c-.354.293-.786.5-1.298.622v-.201c.89.158 1.579.53 2.066 1.115.5.573.75 1.292.75 2.158 0 .744-.183 1.396-.549 1.957-.354.549-.859.969-1.518 1.262s-1.438.439-2.341.439z"/></svg> </span> <div class="picto-list__wrapper tw-h-full tw-flex tw-flex-row tw-items-center tw-justify-center"> <span class="picto-list__title tw-mx-auto tw-font-bold tw-break-words tw-text-base -tw-tracking-tight ">Have an impact on a large number of students in each participating school through these awareness-raising actions.</span> </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="local-deployment-in-three-phasesthe-program-is-rolled-out-in-three-phases-which-includethe-observation-phase-during-which-the-ambassadors-with-the-help-of-the-educational-community-conduct-an-assessment-of-the-risks-surrounding-their-journeys-to-and-f" 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>Local deployment in three phases</h2> <p>The program is rolled out in three phases, which include:</p> <ul> <li><strong>The observation phase</strong> during which the ambassadors, with the help of the educational community, conduct an assessment of the risks surrounding their journeys to and from school. Divided into two groups of 10, the ambassadors take a discovery walk around the school to raise their awareness of the dangers. Following the discovery walk, the ambassadors draw up a map of the current risks, that the school makes available to all the students.</li> <li><strong>The recommendation phase</strong> during which the ambassadors make recommendations on how to improve the safety of journeys to and from school. These recommendations concern school signage, school access, road users’ compliance with rules, and the responsible behaviors students need to adopt with regard to the risks encountered.</li> <li><strong>The awareness-raising actions phase</strong> implemented by the ambassadors for their schoolmates and for the entire educational community.</li> </ul> </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-blockcard-text-focus block-card-text-focus tw-flex tw-flex-col tw-px-6 tw-py-10 md:tw-px-10 tw-rounded-2xl tw-overflow-hidden" id="programme-inscurite-routiere-jeunes-monde-focus-gris-1" style="background-color: #F5F9FB; --bg-style-color: #F5F9FB;" data-component-id="butterfly_theme:card-text-focus"> <div class="rich-text-field rich-text-field-format--basic tw-text-dark-text field field--name-field-text-full field--type-text-with-summary field--label-hidden field__item"><h3><span><strong><span>Presentation and debate:</span></strong></span></h3> <ul> <li>Presentation of observations and recommendations to all pupils: Presentation/debate in class or at the school assembly.</li> <li>Presentation of observations and recommendations to the school management / with the municipality or the police</li> </ul></div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block tw-text-dark-text block-layout-builder block-inline-blockcard-text-focus block-card-text-focus tw-flex tw-flex-col tw-px-6 tw-py-10 md:tw-px-10 tw-rounded-2xl tw-overflow-hidden" id="programme-inscurite-routiere-jeunes-monde-focus-gris-2" style="background-color: #F5F9FB; --bg-style-color: #F5F9FB;" data-component-id="butterfly_theme:card-text-focus"> <div class="rich-text-field rich-text-field-format--basic tw-text-dark-text field field--name-field-text-full field--type-text-with-summary field--label-hidden field__item"><h3><span><span><strong>Artistic actions: </strong></span></span></h3> <ul> <li>Production and distribution of a prevention poster aimed at the school's pupils and dealing with one of the identified risks</li> <li>Hip hop, dance, awareness-raising song, theatre skit performed in front of all the pupils or parents</li> <li>Mural painting in the school or in front of the school</li> </ul></div> </div> <div class="tw-col-span-12 md:tw-col-span-4 block tw-text-dark-text block-layout-builder block-inline-blockcard-text-focus block-card-text-focus tw-flex tw-flex-col tw-px-6 tw-py-10 md:tw-px-10 tw-rounded-2xl tw-overflow-hidden" id="programme-inscurite-routiere-jeunes-monde-focus-gris-3" style="background-color: #F5F9FB; --bg-style-color: #F5F9FB;" data-component-id="butterfly_theme:card-text-focus"> <div class="rich-text-field rich-text-field-format--basic tw-text-dark-text field field--name-field-text-full field--type-text-with-summary field--label-hidden field__item"><h3><span><span><strong>Volunteering initiatives:</strong></span></span></h3> <p>Call for volunteers from pupils or parents to help younger children cross in front of the school when access is dangerous (e.g. school on a bend) and/or to supervise access to the school or to avoid double-parking or invading the pavement.</p></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="the-via-finals" 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>The VIA Finals</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-12 block tw-text-white-text block-layout-builder block-inline-blockcard-text-focus block-card-text-focus tw-flex tw-flex-col tw-px-6 tw-py-10 md:tw-px-10 tw-rounded-2xl tw-overflow-hidden" id="programme-inscurite-routiere-jeunes-monde-focus-bleu" style="background-color: #285AFF; --bg-style-color: #285AFF;" data-component-id="butterfly_theme:card-text-focus"> <div class="rich-text-field rich-text-field-format--basic rich-text-field-view-mode--larger tw-text-white field field--name-field-text-full field--type-text-with-summary field--label-hidden field__item"><p>The VIA Finals are a key opportunity to recognise the work of participating schools and to share observations, recommendations and concrete actions with all stakeholders.</p> <p>The finals are organised first at national and then at international level. Juries bring together representatives of partner NGOs, TotalEnergies subsidiaries and representatives of education and transport authorities to select the ambassadors' contributions that best reflect the values of the programme. The VIA international finals bring together the winning schools from each participating country.</p> <p>Specific collaboration with UNESCO and its regional offices also means that education and sustainable development experts are included on the jury. /The school chosen in each country to take part in the international finals will receive specific financial support to help it roll out one of its awareness-raising initiatives on a larger scale, and benefit from media coverage that will enable it to have an impact on a greater number of young people in the country.</p> <p>The 2024 International Finals will be organised from 22 November 2024.</p> <p>The TotalEnergies Foundation will be inviting representatives of the young ambassadors from the winning school in the VIA international finals to Paris to meet with various players in the fields of education (UNESCO) and road safety (United Nations Special Envoy for Road Safety), and to take part in various cultural and discovery workshops.</p> <h3><span><span>International ambassadors</span></span></h3> <p>In 2022, the ambassadors of the Les Praticiens school in Dakar and in 2023 the ambassadors of the CSI Ewart Global School in Chennai, India.</p></div> <div class="tw-text-white field field--name-field-cta field--type-link field--label-hidden tw-mt-6 field__item"> <a target="_blank" class="button button--secondary 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 tw-py-2 tw-px-6" href="https://www.programme-via.com/viafinals2023"> <span>Learn more</span> </a> </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.youtube.com/@TotalEnergies/playlists?view=50&amp;sort=dd&amp;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> <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"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-1" id="accordion-footer-1-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 lg:tw-hidden lg:tw-invisible" > <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 lg:tw-hidden" data-drupal-link-system-path="node/4241"> Our partners </a> </button> <div data-target="footer" aria-controls="accordion-footer-1" id="accordion-footer-1-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <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 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/4241"> Our partners </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-2" id="accordion-footer-2-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 lg:tw-hidden lg:tw-invisible" > <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 lg:tw-hidden" data-drupal-link-system-path="node/1676"> Employee Citizenship </a> </button> <div data-target="footer" aria-controls="accordion-footer-2" id="accordion-footer-2-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <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 lg:tw-block lg:tw-visible tw-hidden tw-invisible" data-drupal-link-system-path="node/1676"> Employee Citizenship </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1"> <button data-target="footer" aria-expanded="false" aria-controls="accordion-footer-3" id="accordion-footer-3-id" role="button" type="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 lg:tw-hidden lg:tw-invisible" > <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 lg:tw-hidden" data-drupal-link-system-path="node/1661"> News </a> </button> <div data-target="footer" aria-controls="accordion-footer-3" id="accordion-footer-3-id" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0 lg:tw-flex lg:tw-visible tw-hidden tw-invisible" > <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 lg:tw-block lg:tw-visible tw-hidden tw-invisible" 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 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="/sites/g/files/wompnd5211/files/logo_totalenergies_fondation.png" 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":"en\/","currentPath":"node\/4111","currentPathIsAdmin":false,"isFront":false,"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":"program-prevent-road-insecurity-affecting-young-people-around-world","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":""}},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"user":{"uid":0,"permissionsHash":"11f6f3aa0bc7aadbb6956a293b841b8af22423df8db6eb9d104e5a8256011306"}}</script> <script src="/sites/g/files/wompnd5211/files/js/js_k-bjXyZbPOgckN3BsJix2qyX03YZsjjmnsBkp2hP4-8.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=butterfly_theme&amp;include=eJyFkEEOwyAMBD8E4UmRASdBNXZqjNT8vqhqLu2B29qatVdrCFR6Lc9gt1qhXZwcvowKP0LWfgIt39ElUQxJ6imMbG2J3Qx1o2u1Ayt6TwIZ1f3sA6ThzEXYQc4mwFe4xbKpsP05GiYbvG9JhWj-WEs6vI2c3iASzg1REXLSXuOcbQg6zkfQOXvgp4F5U8B7hx19Re5vLHCaCw"></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_aqHB-kQxFKPOqVVjxoe4FK7jrZN4OXd1j9v8HLQ4mEM.js?scope=footer&amp;delta=3&amp;language=en&amp;theme=butterfly_theme&amp;include=eJyFkEEOwyAMBD8E4UmRASdBNXZqjNT8vqhqLu2B29qatVdrCFR6Lc9gt1qhXZwcvowKP0LWfgIt39ElUQxJ6imMbG2J3Qx1o2u1Ayt6TwIZ1f3sA6ThzEXYQc4mwFe4xbKpsP05GiYbvG9JhWj-WEs6vI2c3iASzg1REXLSXuOcbQg6zkfQOXvgp4F5U8B7hx19Re5vLHCaCw"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10