Nos partenaires de A 脿 Z | Fondation TotalEnergies

<!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://fondation.totalenergies.com/fr/nos-partenaires" /> <meta property="og:site_name" content="Fondation TotalEnergies" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://fondation.totalenergies.com/fr/nos-partenaires" /> <meta property="og:title" content="Nos partenaires de A 脿 Z | Fondation TotalEnergies" /> <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": "Fondation TotalEnergies", "url": "https://fondation.totalenergies.com/fr" }, { "@type": "WebSite", "name": "Fondation TotalEnergies", "url": "https://fondation.totalenergies.com/fr", "potentialAction": { "@type": "SearchAction", "query": "https://fondation.totalenergies.com/fr/search?query={search_term_string}", "query-input": "required name=search_term_string" } } ] }</script> <style>.color-variables { --color-dark-1: #80CDFF; --color-dark-2: #92EAEA; --color-dark-3: #72EAC5; --color-dark-4: #BCF453; --color-dark-5: #FFE74F; --color-error: #E71731; --color-error-light: #FBD1D6; --color-neutral-grey-dark: #374649; --color-neutral-grey-light: #B7CBD3; --color-neutral-grey-medium: #69777D; --color-neutral-grey-ultra-dark: #222B2D; --color-neutral-grey-ultra-light: #F5F9FB; --color-light-1: #285AFF; --color-light-2: #D43900; --color-primary: #E70000; --color-success: #00884A; --color-success-light: #B3DBC9; --color-neutral-white: #FFFFFF; }</style> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Accueil", "item": "https://fondation.totalenergies.com/fr" }, { "@type": "ListItem", "position": 2, "name": "Nos partenaires de A 脿 Z" } ] }</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/our-partners" /> <link rel="alternate" hreflang="fr" href="https://fondation.totalenergies.com/fr/nos-partenaires" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>Nos partenaires de A 脿 Z | Fondation TotalEnergies</title> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd5211/files/css/css_o4K-Gto2iuHI_VgQD8uc1aMx522U6utLWQj8YFzKa8s.css?delta=0&language=fr&theme=butterfly_theme&include=eJyNVNGOhCAM_CHRTzIFqjZCa0q9Xf_-WONlc3u5yAspMB2GMrQcxTAPHgp2fjdDndIx2oIZBwNKD-LY4dMS8TpE3TdI_TXtgigOQfImjGyl_8h3LglE1HtcwSAcQQ-XkXc3iVhLGtWse1QG4l-8EKMJ8DH8BP2kwtZ9ET7KcI59lrgnvCd_LbSIKAgaFhdAo5uVYufxhRjxuUnBOE6U6rQMMzIqpHvCsGBYvTyx3GMn0eww1ZjNJfDYwE-87fY-5j5BIZI0iLmIT3grOoI1vMVV4wXbTPfCEc8N5TvfxiUq1mAIrbRB9-xddadVULNwDw2q325m-KIZjFrs5xW47bJX9QxHeyCspX6STDwWO1K12p8OIQbJlZU2d3aEz_2plqA43plM_tlU8WINTkjA8w4znpf_Bv9W11w" /> <link rel="stylesheet" media="all" href="/themes/custom/butterfly_theme/dist/css/tailwind.css?snd1te" /> <link rel="stylesheet" media="all" href="/sites/g/files/wompnd5211/files/css/css_tnUOw5GVupq5OwG_yydsztrX2yv-4TzUMqP5ShMaQM4.css?delta=2&language=fr&theme=butterfly_theme&include=eJyNVNGOhCAM_CHRTzIFqjZCa0q9Xf_-WONlc3u5yAspMB2GMrQcxTAPHgp2fjdDndIx2oIZBwNKD-LY4dMS8TpE3TdI_TXtgigOQfImjGyl_8h3LglE1HtcwSAcQQ-XkXc3iVhLGtWse1QG4l-8EKMJ8DH8BP2kwtZ9ET7KcI59lrgnvCd_LbSIKAgaFhdAo5uVYufxhRjxuUnBOE6U6rQMMzIqpHvCsGBYvTyx3GMn0eww1ZjNJfDYwE-87fY-5j5BIZI0iLmIT3grOoI1vMVV4wXbTPfCEc8N5TvfxiUq1mAIrbRB9-xddadVULNwDw2q325m-KIZjFrs5xW47bJX9QxHeyCspX6STDwWO1K12p8OIQbJlZU2d3aEz_2plqA43plM_tlU8WINTkjA8w4znpf_Bv9W11w" /> </head> <body class="color-variables color-variation-default path-node page-node-type-filter-list-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="/sites/g/files/wompnd5211/files/logo_totalenergies_fondation.png" alt="TotalEnergies" width="129" height="102" loading="eager"/> </a> <div class="branding-text header-font lg:tw-text-sm tw-inline-block tw-text-xxs tw-font-medium tw-text-component-primary tw-transition-all tw-duration-300 tw-ease-in-out"> </div> </div> </div> </div> <div class="tw-flex"> <div class="lg:tw-hidden tw-leading-none tw-flex tw-items-center tw-gap-4"> <div role="search"> <button class="js-search-button js-header-search-button search-button-header" aria-expanded="false"> <span aria-hidden="true" class="icon icon--search tw-text-component-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg> </span> <span class="tw-sr-only">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="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"> Notre Fondation <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> <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"> Notre Fondation </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="/fr/notre-fondation/notre-manifeste-pour-la-jeunesse-en-france" 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/3371"> <span> Notre manifeste pour la jeunesse en France </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/notre-fondation/notre-engagement" 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/3036"> <span> Notre engagement </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/notre-fondation/notre-gouvernance" 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/1841"> <span> Notre gouvernance </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"> Nos 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">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/nos-actions-en-faveur-de-la-jeunesse" 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/3081"> Nos 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="/fr/nos-actions/notre-facon-de-faire" 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/3191"> <span> Notre fa莽on de faire </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/nos-actions/nos-actions-securite-routiere" 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/3686"> <span> Nos actions s茅curit茅 routi猫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/nos-actions/nos-actions-education-insertion" 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/3076"> <span> Nos actions 茅ducation et insertion </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/nos-actions/nos-actions-climat-littoraux-et-oceans" 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/3086"> <span> Nos actions climat, littoraux et oc茅ans </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/nos-actions/nos-actions-dialogue-des-cultures-et-patrimoine" 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/4066"> <span> Nos actions dialogue des cultures et patrimoine </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="/fr/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/2071"> <span> L鈥橧ndustreet </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--link menu__link--level-1 menu__link--has-children tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> 脌 l'international <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/a-l-international" 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/3276"> 脌 l'international </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/linternational/1-casque-1-vie-rendre-les-routes-plus-sures-pour-tous" 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/4081"> <span> 1 casque 1 vie </span> </a> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="menu__item menu__item--nolink menu__item--level-1 menu__item--has-children"> <div class="main-menu__sub-menu main-menu__sub-menu-1 tw-relative tw-w-full " data-button-level="1"> <button type="button" aria-expanded="false" class="menu__link menu__link--nolink menu__link--level-1 menu__link--has-children tw-w-full tw-flex lg:tw-flex-col tw-flex-row-reverse lg-max:tw-justify-end lg-max:tw-gap-4 lg-max:tw-tracking-xs main-menu__no-image tw-font-bold lg:tw-border-b-2 lg:tw-pb-2.5 tw-w-full lg-max:tw-py-4 lg:tw-border-transparent tw-transition-colors tw-duration-500 tw-ease-linear tw-no-underline tw-text-component-dark-text picto-image picto-image__hover"> <span class="tw-flex tw-items-center tw-w-full tw-gap-4 lg:tw-pb-4 ltr:tw-text-left rtl:tw-text-right"> Nos partenaires <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> <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"> Nos partenaires </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="/fr/nos-partenaires/faire-alliance" 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/3196"> <span> Faire alliance </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/nos-partenaires/la-parole-aux-partenaires" 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/3461"> <span> La parole aux partenaires </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/nos-partenaires" 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 is-active" data-drupal-link-system-path="node/4241" aria-current="page"> <span> Nos partenaires de A 脿 Z </span> </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-2 tw-rounded-large lg-max:tw-text-component-dark-text tw-w-full tw-mb-0.5 tw-transition-colors tw-duration-500 tw-ease-linear"> <div class="main-menu__sub-menu main-menu__sub-menu-2 tw-relative tw-w-full " data-button-level="2"> <a href="/fr/nos-partenaires/nos-appels-a-partenaires" 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/3361"> <span> Appel 脿 partenaires </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"> Salari茅s engag茅s <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/salaries-engages" 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/1696"> Salari茅s engag茅s </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/salaries-engages/lengagement-des-collaborateurs" 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/2911"> <span> D茅couvrir leur engagement </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/salaries-engages/devenir-partenaire-du-programme-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/2306"> <span> Devenir partenaire </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="/fr/nos-actus" 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/1666"> <span> Nos actualit茅s </span> </a> </div> </li> </ul> </div> </nav> <div role="search"> <button class="js-search-button js-header-search-button search-button-main-menu ltr:tw-ml-6 rtl:tw-mr-6 lg:tw-inline-flex tw-hidden" aria-expanded="false"> <span aria-hidden="true" class="icon icon--search tw-text-component-dark-text"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m21 21-4.108-4.108m2.22-5.336a7.555 7.555 0 1 1-15.112 0 7.555 7.555 0 0 1 15.111 0Z"/></svg> </span> <span class="tw-sr-only">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 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/4241" 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/our-partners" class="language-link" aria-label="En - English" aria-current="false" lang="en" hreflang="en" data-drupal-link-system-path="node/4241">En</a></li><li hreflang="fr" data-drupal-link-system-path="node/4241" 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/nos-partenaires" class="language-link is-active" aria-label="Fr - Fran莽ais" aria-current="page" lang="fr" hreflang="fr" data-drupal-link-system-path="node/4241">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/nos-partenaires" 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="" size="60" 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"> <input data-drupal-selector="form-w1nxglus6v1axsdubvsmrcpu5mam5eb8xbf4fw7bgoq" type="hidden" name="form_build_id" value="form-W1NXGLUS6V1AxsdubVSMRcPu5maM5eb8XBf4Fw7BGOQ" data-component-id="butterfly_theme:input" class="tw-w-full tw-border tw-border-neutral-grey-dark tw-rounded-lg tw-bg-neutral-white tw-pt-6 tw-px-4 tw-pb-2 tw-text-dark-text focus-visible:tw-outline-neutral-grey-dark" /> </div> <div class="tw-relative"> <input data-drupal-selector="edit-search-form" type="hidden" name="form_id" value="search_form" data-component-id="butterfly_theme:input" class="tw-w-full tw-border tw-border-neutral-grey-dark tw-rounded-lg tw-bg-neutral-white tw-pt-6 tw-px-4 tw-pb-2 tw-text-dark-text focus-visible:tw-outline-neutral-grey-dark" /> </div> <button class="js-search-close-button search-close-button tw-w-8 tw-h-8 tw-flex tw-items-center tw-justify-center tw-text-component-primary tw-bg-transparent hover:tw-text-white-text hover:tw-bg-component-primary hover:tw-border-component-primary hover:tw-border hover:tw-border-solid focus-visible:tw-rounded-full focus-visible:tw-text-white-text focus-visible:tw-bg-component-primary focus-visible:tw-border-component-primary" type="button"> <span aria-hidden="true" class="icon icon--close"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="m12 4-8 8m0-8 8 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="tw-sr-only">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"> <span class="tw-inline text-font tw-text-component-dark-text tw-font-bold"> <span class="breadcrumb-text-content tw-align-middle">Nos partenaires de A 脿 Z</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 data-component-id="butterfly_theme:filter-list" class="filter-list"> <div> <div class="tw-w-full filter-list__image-wrapper"> <div class="container tw-rounded-large tw-overflow-hidden lg:tw-pb-10 tw-pb-6"> </div> </div> <div class="filter-list__title-wrapper"> <div class="container block block-core block-page-title-block"> <h1 class="text-color-gradient text-color-gradient-blue"> Nos partenaires de A 脿 Z </h1> </div> </div> <div class="filter-list__heading-wrapper"> <div class="container tw-grid tw-grid-cols-12 tw-pb-6 lg:tw-pb-10 heading-font tw-font-light tw-text-lg-desktop"> <div class="lg:tw-col-span-11 tw-col-span-12"></div> </div> </div> <div class="views-element-container"><div class="js-view-dom-id-d1a7aa7c4987655d801892edf4c20fddd297929d290798d5e6db583c519dff6c"> <header class="js-sticky-element search-header tw-bg-neutral-white"> <div class="container"> <div class="search-header__wrapper tw-relative tw-flex md:tw-justify-between md:tw-items-center md-max:tw-flex-col tw-py-4 md:tw-py-6 tw-mb-6 md:tw-mb-10 tw-border-b tw-border-grey-light"> <div class="search-header__results-count tw-flex tw-gap-2 tw-flex-col tw-text-lg lg:tw-text-lg-desktop lg:tw-max-w-5xl ltr:lg:tw-mr-10 rtl:lg:tw-ml-10 tw-mb-4 lg:tw-mb-0"> </div> <div class="search-header__filter md:tw-flex md:tw-items-center md-max:tw-w-full"> <form class="views-exposed-form bef-exposed-form" data-drupal-selector="views-exposed-form-filter-list-standard-page-grid" action="/fr/nos-partenaires" method="get" id="views-exposed-form-filter-list-standard-page-grid" accept-charset="UTF-8"> <div data-component-id="butterfly_theme:filter-list-form-text-input" class="tw-relative tw-flex-1 js-form-item form-item js-form-type-textfield form-item-search js-form-item-search"> <input placeholder="Rechercher..." data-drupal-selector="edit-search" type="text" id="edit-search--2" name="search" value="" size="30" maxlength="128" class="form-text filter-list-search-input tw-transition-opacity tw-w-full tw-border tw-rounded-large tw-h-10 tw-px-4 tw-py-2 tw-leading-6 ltr:tw-pr-10 rtl:tw-pl-10 md:tw-w-[220px] focus-visible:tw-ring-transparent focus-visible:tw-rounded-large placeholder:tw-text-dark-text" data-component-id="butterfly_theme:filter-list-input-search" aria-label="Rechercher" /> <button type="submit" class="js-filter-list-search-submit tw-absolute ltr:tw-right-4 rtl:tw-left-4 tw-top-1/2 -tw-translate-y-1/2 tw-flex tw-items-center tw-justify-center tw-w-6 tw-h-6"> <span aria-hidden="true" class="icon icon--search tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="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">Voir les r茅sultats</span> </button> </div> <p class="form-item--error-message tw-hidden tw-text-error tw-text-xxs tw-font-light tw-p-0 tw-mt-2.5 tw-absolute tw-right-0"> </p> </form> <span class="search-header__separator tw-inline-flex tw-text-grey-light tw-mx-6 md-max:tw-hidden">|</span> <button class="js-filter-sort-button filter-sort-button tw-gap-2 tw-whitespace-nowrap md-max:tw-mt-4 md-max:tw-w-full button button--primary button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center 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" type="button"> <span aria-hidden="true" class="icon icon--icon-filter icon--small"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.8 19.307c2.099 0 3.8-1.635 3.8-3.651s-1.701-3.651-3.8-3.651S2 13.64 2 15.656s1.701 3.651 3.8 3.651zm0 0V22m11.4 0v-8.17M5.8 11.995V2m11.4 3.606V2m0 3.615c2.099 0 3.8 1.635 3.8 3.651s-1.701 3.651-3.8 3.651-3.8-1.635-3.8-3.651c0-2.017 1.701-3.651 3.8-3.651z"/></svg> </span> <span>Filtrer et trier</span> </button> <div class="search-header__grid-list lg-max:tw-hidden tw-flex tw-items-center ltr:tw-ml-2 rtl:tw-mr-2"> <div class="views-display-switch tw-flex tw-items-center tw-gap-2"> <a class="views-display-switch__link views-display-switch__link--standard-page-grid views-display-switch__link--active button button--icon 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" aria-current="page" href="/fr/nos-partenaires?mode=standard_page_grid"> <span aria-hidden="true" class="icon icon--icon-grid icon--small"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 14h-7v7h7v-7zM10 14H3v7h7v-7zM21 3h-7v7h7V3zM10 3H3v7h7V3z"/></svg> </span> <span class="tw-sr-only">Grille</span> </a> <a class="views-display-switch__link views-display-switch__link--standard-page-list button button--icon 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" href="/fr/nos-partenaires?mode=standard_page_list"> <span aria-hidden="true" class="icon icon--icon-list icon--small"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 18h.01M3 12h.01M8 18h13M8 12h13M8 6h13M3 6h.01"/></svg> </span> <span class="tw-sr-only">Liste</span> </a> </div> </div> </div> </div> </div> </header> <div class="search-filters-panel js-search-filters-panel tw-fixed tw-left-0 md:tw-left-auto tw-right-0 tw-top-10 md:tw-top-0 tw-bottom-0 tw-z-max md-max:tw-translate-y-full md:tw-translate-x-full tw-ease-in-out tw-duration-1000 tw-invisible" aria-modal="true" role="dialog" aria-labelledby="search-modal-title"> <form class="views-exposed-form bef-exposed-form tw-h-full" data-drupal-selector="views-exposed-form-filter-list-standard-page-grid" action="/fr/nos-partenaires" method="get" id="views-exposed-form-filter-list-standard-page-grid" accept-charset="UTF-8" data-component-id="butterfly_theme:search-filters-panel"> <div class="search-filters-panel__inner tw-h-full tw-bg-white tw-rounded-tl-large tw-rounded-tr-large md:tw-rounded-bl-large md:tw-rounded-tr-none tw-max-h-full"> <div class="tw-top-0 tw-w-full tw-py-4 md:tw-py-8 lg:tw-py-6 tw-border-b tw-border-grey-light tw-flex tw-justify-center tw-items-center tw-gap-4 tw-z-10"> <h2 class="tw-text-base tw-font-bold text-font tw-tracking-xs" id="search-modal-title">Filtrer et trier</h2> <button type="button" class="js-search-filters-panel-close"> <span aria-hidden="true" class="icon icon--close tw-text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18 6 6 18M6 6l12 12"/></svg> </span> <span class="tw-sr-only">Close filters</span> </button> </div> <div class="search-form-main-filters tw-h-full tw-overflow-y-auto tw-px-6 tw-pt-6 md:tw-pt-10 md:tw-px-20"> <div class="fieldset-container"> <fieldset data-drupal-selector="edit-sort-bef-combine" aria-describedby="edit-sort-bef-combine--2--wrapper--description" id="edit-sort-bef-combine--2--wrapper" class="fieldgroup form-composite fieldset-accordion fieldset-item js-form-item form-item js-form-wrapper form-wrapper tw-relative tw-border-b tw-border-grey-light tw-mb-6 tw-pb-6" data-component-id="butterfly_theme:fieldset-accordion"> <legend class="tw-w-full"> <button type="button" class="tw-flex tw-items-center tw-justify-between tw-w-full focus-visible:tw-outline-primary tw-font-light js-accordion-trigger tw-duration-700 tw-hover:ease-in" aria-expanded="false" data-target="accordion-fieldset" data-rotate-class="-tw-rotate-180" aria-controls="edit-sort-bef-combine--2--wrapper-content" id="accordion-content-edit-sort-bef-combine--2--wrapper"> <span class="fieldset-legend tw-font-bold">Trier par</span> <span aria-hidden="true" class="icon icon--chevron-down tw-text-primary tw-transition tw-duration-700 tw-antialiased js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6 9 6 6 6-6"/></svg> </span> </button> </legend> <div class="fieldset-wrapper tw-transition-all" id="edit-sort-bef-combine--2--wrapper-content" aria-labelledby="accordion-content-edit-sort-bef-combine--2--wrapper"> <div id="edit-sort-bef-combine--2" data-component-id="butterfly_theme:radios" class="webform-scale__radios"><div class="form-radios"> <div class="js-form-item form-item webform-item js-form-type-radio form-type-radio form-item-sort-bef-combine js-form-item-sort-bef-combine tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <input data-drupal-selector="edit-sort-bef-combine-relevance-desc-2" aria-describedby="edit-sort-bef-combine--2--description" type="radio" id="edit-sort-bef-combine-relevance-desc--2" name="sort_bef_combine" value="relevance_DESC" checked="checked" class="form-radio tw-appearance-none ltr:tw-mr-2 rtl:tw-ml-2 tw-relative tw-rounded-full tw-transition-colors tw-cursor-pointer focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-neutral-grey-dark" data-component-id="butterfly_theme:input--radio" /> <label for="edit-sort-bef-combine-relevance-desc--2" data-component-id="butterfly_theme:form-element-label" class="option tw-cursor-pointer"> <span>Pertinence </span> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> </div> <div class="js-form-item form-item webform-item js-form-type-radio form-type-radio form-item-sort-bef-combine js-form-item-sort-bef-combine tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <input data-drupal-selector="edit-sort-bef-combine-date-desc-2" aria-describedby="edit-sort-bef-combine--2--description" type="radio" id="edit-sort-bef-combine-date-desc--2" name="sort_bef_combine" value="date_DESC" class="form-radio tw-appearance-none ltr:tw-mr-2 rtl:tw-ml-2 tw-relative tw-rounded-full tw-transition-colors tw-cursor-pointer focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-neutral-grey-dark" data-component-id="butterfly_theme:input--radio" /> <label for="edit-sort-bef-combine-date-desc--2" data-component-id="butterfly_theme:form-element-label" class="option tw-cursor-pointer"> <span>Le plus r茅cent </span> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> </div> <div class="js-form-item form-item webform-item js-form-type-radio form-type-radio form-item-sort-bef-combine js-form-item-sort-bef-combine tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <input data-drupal-selector="edit-sort-bef-combine-date-asc-2" aria-describedby="edit-sort-bef-combine--2--description" type="radio" id="edit-sort-bef-combine-date-asc--2" name="sort_bef_combine" value="date_ASC" class="form-radio tw-appearance-none ltr:tw-mr-2 rtl:tw-ml-2 tw-relative tw-rounded-full tw-transition-colors tw-cursor-pointer focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-neutral-grey-dark" data-component-id="butterfly_theme:input--radio" /> <label for="edit-sort-bef-combine-date-asc--2" data-component-id="butterfly_theme:form-element-label" class="option tw-cursor-pointer"> <span>Le plus ancien </span> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> </div> </div> </div> </div> <div id="edit-sort-bef-combine--2--wrapper--description" data-drupal-field-elements="description" class="description tw-text-sm tw-mt-2 tw-break-words">Pertinence</div> </fieldset> </div> <div data-drupal-selector="edit-date-wrapper" id="edit-date-wrapper--3" class="js-form-wrapper form-wrapper"> <div class="fieldset-container"> <fieldset data-drupal-selector="edit-date-wrapper" id="edit-date-wrapper--4" data-component-id="butterfly_theme:fieldset-accordion" class="fieldset-accordion fieldset-item js-form-item form-item js-form-wrapper form-wrapper tw-relative tw-border-b tw-border-grey-light tw-mb-6 tw-pb-6"> <legend class="tw-w-full"> <button type="button" class="tw-flex tw-items-center tw-justify-between tw-w-full focus-visible:tw-outline-primary tw-font-light js-accordion-trigger tw-duration-700 tw-hover:ease-in" aria-expanded="false" data-target="accordion-fieldset" data-rotate-class="-tw-rotate-180" aria-controls="edit-date-wrapper--4-content" id="accordion-content-edit-date-wrapper--4"> <span class="fieldset-legend tw-font-bold">Intervalles de dates</span> <span aria-hidden="true" class="icon icon--chevron-down tw-text-primary tw-transition tw-duration-700 tw-antialiased js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6 9 6 6 6-6"/></svg> </span> </button> </legend> <div class="fieldset-wrapper tw-transition-all" id="edit-date-wrapper--4-content" aria-labelledby="accordion-content-edit-date-wrapper--4"> <div class="js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-date-min js-form-item-date-min tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <div class="tw-absolute form-element__label tw-text-dark-text tw-top-2 tw-z-[1] tw-text-xxs text-font tw-font-light ltr:tw-left-4 rtl:tw-mr-4"> <label for="edit-date-min--2" data-component-id="butterfly_theme:form-element-label" class="tw-cursor-pointer ltr:tw-mr-2 rtl:tw-ml-2"> <span>A partir de </span> <b>(jj/mm/aaaa)</b> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> <div class="input-date__container tw-relative"> <duet-date-picker class="" placeholder="jj/mm/aaaa" value="" identifier="datepicker-edit-date-min--2" name="date[min]" aria-required="false"></duet-date-picker> <input data-drupal-selector="edit-date-min" type="date" id="edit-date-min--2" name="date[min]" value="" size="30" maxlength="128" placeholder="jj/mm/aaaa" class="form-text input-date tw-hidden 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" data-component-id="butterfly_theme:input-date" data-drupal-date-format="m/d/Y" /> <span aria-hidden="true" class="icon icon--icon-calendar tw-text-primary webform-date__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.556 4v3.2M8.444 4v3.2M4 10.4h16M5.778 5.6h12.444c.982 0 1.778.716 1.778 1.6v11.2c0 .884-.796 1.6-1.778 1.6H5.778C4.796 20 4 19.284 4 18.4V7.2c0-.884.796-1.6 1.778-1.6z"/></svg> </span> </div> </div> </div> <div class="js-form-item form-item webform-item js-form-type-textfield form-type-textfield form-item-date-max js-form-item-date-max tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <div class="tw-absolute form-element__label tw-text-dark-text tw-top-2 tw-z-[1] tw-text-xxs text-font tw-font-light ltr:tw-left-4 rtl:tw-mr-4"> <label for="edit-date-max--2" data-component-id="butterfly_theme:form-element-label" class="tw-cursor-pointer ltr:tw-mr-2 rtl:tw-ml-2"> <span>脿 </span> <b>(jj/mm/aaaa)</b> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> <div class="input-date__container tw-relative"> <duet-date-picker class="" placeholder="jj/mm/aaaa" value="" identifier="datepicker-edit-date-max--2" name="date[max]" aria-required="false"></duet-date-picker> <input data-drupal-selector="edit-date-max" type="date" id="edit-date-max--2" name="date[max]" value="" size="30" maxlength="128" placeholder="jj/mm/aaaa" class="form-text input-date tw-hidden 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" data-component-id="butterfly_theme:input-date" data-drupal-date-format="m/d/Y" /> <span aria-hidden="true" class="icon icon--icon-calendar tw-text-primary webform-date__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.556 4v3.2M8.444 4v3.2M4 10.4h16M5.778 5.6h12.444c.982 0 1.778.716 1.778 1.6v11.2c0 .884-.796 1.6-1.778 1.6H5.778C4.796 20 4 19.284 4 18.4V7.2c0-.884.796-1.6 1.778-1.6z"/></svg> </span> </div> </div> </div> </div> </fieldset> </div> </div> <div class="bef-sortby bef-select-as-radios"> <div class="fieldset-container"> <fieldset data-drupal-selector="edit-items-per-page" aria-describedby="edit-items-per-page--wrapper--description" id="edit-items-per-page--wrapper" class="fieldgroup form-composite fieldset-accordion fieldset-item js-form-item form-item js-form-wrapper form-wrapper tw-relative tw-border-b tw-border-grey-light tw-mb-6 tw-pb-6" data-component-id="butterfly_theme:fieldset-accordion"> <legend class="tw-w-full"> <button type="button" class="tw-flex tw-items-center tw-justify-between tw-w-full focus-visible:tw-outline-primary tw-font-light js-accordion-trigger tw-duration-700 tw-hover:ease-in" aria-expanded="false" data-target="accordion-fieldset" data-rotate-class="-tw-rotate-180" aria-controls="edit-items-per-page--wrapper-content" id="accordion-content-edit-items-per-page--wrapper"> <span class="fieldset-legend tw-font-bold">El茅ments par page</span> <span aria-hidden="true" class="icon icon--chevron-down tw-text-primary tw-transition tw-duration-700 tw-antialiased js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6 9 6 6 6-6"/></svg> </span> </button> </legend> <div class="fieldset-wrapper tw-transition-all" id="edit-items-per-page--wrapper-content" aria-labelledby="accordion-content-edit-items-per-page--wrapper"> <div id="edit-items-per-page" data-component-id="butterfly_theme:radios" class="webform-scale__radios"> <div class="js-form-item form-item webform-item js-form-type-radio form-type-radio form-item-items-per-page js-form-item-items-per-page tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <input data-drupal-selector="edit-items-per-page-12" aria-describedby="edit-items-per-page--description" type="radio" id="edit-items-per-page-12" name="items_per_page" value="12" checked="checked" class="form-radio tw-appearance-none ltr:tw-mr-2 rtl:tw-ml-2 tw-relative tw-rounded-full tw-transition-colors tw-cursor-pointer focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-neutral-grey-dark" data-component-id="butterfly_theme:input--radio" /> <label for="edit-items-per-page-12" data-component-id="butterfly_theme:form-element-label" class="option tw-cursor-pointer"> <span>12 </span> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> </div> <div class="js-form-item form-item webform-item js-form-type-radio form-type-radio form-item-items-per-page js-form-item-items-per-page tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <input data-drupal-selector="edit-items-per-page-24" aria-describedby="edit-items-per-page--description" type="radio" id="edit-items-per-page-24" name="items_per_page" value="24" class="form-radio tw-appearance-none ltr:tw-mr-2 rtl:tw-ml-2 tw-relative tw-rounded-full tw-transition-colors tw-cursor-pointer focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-neutral-grey-dark" data-component-id="butterfly_theme:input--radio" /> <label for="edit-items-per-page-24" data-component-id="butterfly_theme:form-element-label" class="option tw-cursor-pointer"> <span>24 </span> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> </div> <div class="js-form-item form-item webform-item js-form-type-radio form-type-radio form-item-items-per-page js-form-item-items-per-page tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <input data-drupal-selector="edit-items-per-page-36" aria-describedby="edit-items-per-page--description" type="radio" id="edit-items-per-page-36" name="items_per_page" value="36" class="form-radio tw-appearance-none ltr:tw-mr-2 rtl:tw-ml-2 tw-relative tw-rounded-full tw-transition-colors tw-cursor-pointer focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-neutral-grey-dark" data-component-id="butterfly_theme:input--radio" /> <label for="edit-items-per-page-36" data-component-id="butterfly_theme:form-element-label" class="option tw-cursor-pointer"> <span>36 </span> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> </div> <div class="js-form-item form-item webform-item js-form-type-radio form-type-radio form-item-items-per-page js-form-item-items-per-page tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <input data-drupal-selector="edit-items-per-page-48" aria-describedby="edit-items-per-page--description" type="radio" id="edit-items-per-page-48" name="items_per_page" value="48" class="form-radio tw-appearance-none ltr:tw-mr-2 rtl:tw-ml-2 tw-relative tw-rounded-full tw-transition-colors tw-cursor-pointer focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-neutral-grey-dark" data-component-id="butterfly_theme:input--radio" /> <label for="edit-items-per-page-48" data-component-id="butterfly_theme:form-element-label" class="option tw-cursor-pointer"> <span>48 </span> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> </div> </div> </div> <div id="edit-items-per-page--wrapper--description" data-drupal-field-elements="description" class="description tw-text-sm tw-mt-2 tw-break-words">12</div> </fieldset> </div> </div> <div class="fieldset-container"> <fieldset data-drupal-selector="edit-category" id="edit-category--2--wrapper" class="fieldgroup form-composite fieldset-accordion fieldset-item js-form-item form-item js-form-wrapper form-wrapper tw-relative tw-border-b tw-border-grey-light tw-mb-6 tw-pb-6" data-component-id="butterfly_theme:fieldset-accordion"> <legend class="tw-w-full"> <button type="button" class="tw-flex tw-items-center tw-justify-between tw-w-full focus-visible:tw-outline-primary tw-font-light js-accordion-trigger tw-duration-700 tw-hover:ease-in" aria-expanded="false" data-target="accordion-fieldset" data-rotate-class="-tw-rotate-180" aria-controls="edit-category--2--wrapper-content" id="accordion-content-edit-category--2--wrapper"> <span class="fieldset-legend tw-font-bold">Cat茅gories</span> <span aria-hidden="true" class="icon icon--chevron-down tw-text-primary tw-transition tw-duration-700 tw-antialiased js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6 9 6 6 6-6"/></svg> </span> </button> </legend> <div class="fieldset-wrapper tw-transition-all" id="edit-category--2--wrapper-content" aria-labelledby="accordion-content-edit-category--2--wrapper"> <div id="edit-category--2" data-component-id="butterfly_theme:checkboxes" class="form-checkboxes"><div class="form-checkboxes bef-checkboxes"> <div class="js-form-item form-item webform-item js-form-type-checkbox form-type-checkbox form-item-category-56 js-form-item-category-56 tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <input data-drupal-selector="edit-category-56" type="checkbox" id="edit-category-56" name="category[56]" value="56" class="form-checkbox tw-relative tw-appearance-none tw-w-4 tw-h-4 ltr:tw-mr-2 rtl:tw-ml-2 tw-border tw-border-grey-dark tw-cursor-pointer tw-rounded focus-visible:tw-outline-neutral-grey-dark" data-component-id="butterfly_theme:input--checkbox" /> <label for="edit-category-56" data-component-id="butterfly_theme:form-element-label" class="option tw-cursor-pointer"> <span>Autres (3) </span> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> </div> <div class="js-form-item form-item webform-item js-form-type-checkbox form-type-checkbox form-item-category-46 js-form-item-category-46 tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <input data-drupal-selector="edit-category-46" type="checkbox" id="edit-category-46" name="category[46]" value="46" class="form-checkbox tw-relative tw-appearance-none tw-w-4 tw-h-4 ltr:tw-mr-2 rtl:tw-ml-2 tw-border tw-border-grey-dark tw-cursor-pointer tw-rounded focus-visible:tw-outline-neutral-grey-dark" data-component-id="butterfly_theme:input--checkbox" /> <label for="edit-category-46" data-component-id="butterfly_theme:form-element-label" class="option tw-cursor-pointer"> <span>Climat, Littoraux et Oc茅ans (11) </span> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> </div> <div class="js-form-item form-item webform-item js-form-type-checkbox form-type-checkbox form-item-category-36 js-form-item-category-36 tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <input data-drupal-selector="edit-category-36" type="checkbox" id="edit-category-36" name="category[36]" value="36" class="form-checkbox tw-relative tw-appearance-none tw-w-4 tw-h-4 ltr:tw-mr-2 rtl:tw-ml-2 tw-border tw-border-grey-dark tw-cursor-pointer tw-rounded focus-visible:tw-outline-neutral-grey-dark" data-component-id="butterfly_theme:input--checkbox" /> <label for="edit-category-36" data-component-id="butterfly_theme:form-element-label" class="option tw-cursor-pointer"> <span>Dialogue des cultures et patrimoine (5) </span> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> </div> <div class="js-form-item form-item webform-item js-form-type-checkbox form-type-checkbox form-item-category-51 js-form-item-category-51 tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <input data-drupal-selector="edit-category-51" type="checkbox" id="edit-category-51" name="category[51]" value="51" class="form-checkbox tw-relative tw-appearance-none tw-w-4 tw-h-4 ltr:tw-mr-2 rtl:tw-ml-2 tw-border tw-border-grey-dark tw-cursor-pointer tw-rounded focus-visible:tw-outline-neutral-grey-dark" data-component-id="butterfly_theme:input--checkbox" /> <label for="edit-category-51" data-component-id="butterfly_theme:form-element-label" class="option tw-cursor-pointer"> <span>S茅curit茅 routi猫re (4) </span> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> </div> <div class="js-form-item form-item webform-item js-form-type-checkbox form-type-checkbox form-item-category-41 js-form-item-category-41 tw-relative tw-mb-6"> <div class="form-element__wrapper tw-relative"> <input data-drupal-selector="edit-category-41" type="checkbox" id="edit-category-41" name="category[41]" value="41" class="form-checkbox tw-relative tw-appearance-none tw-w-4 tw-h-4 ltr:tw-mr-2 rtl:tw-ml-2 tw-border tw-border-grey-dark tw-cursor-pointer tw-rounded focus-visible:tw-outline-neutral-grey-dark" data-component-id="butterfly_theme:input--checkbox" /> <label for="edit-category-41" data-component-id="butterfly_theme:form-element-label" class="option tw-cursor-pointer"> <span>脡ducation et insertion (22) </span> <sup class="tw-text-xxs tw-align-sub sup-text">*</sup> </label> </div> </div> </div> </div> </div> </fieldset> </div> </div> <div class="search-form-actions tw-absolute tw-bottom-0 tw-w-full tw-px-6 md:tw-px-10 tw-py-4 md:tw-py-6 tw-border-t tw-border-grey-light tw-bg-white md:tw-rounded-bl-large tw-z-10"><div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--2"> <button data-drupal-selector="edit-submit-filter-list-2" type="submit" id="edit-submit-filter-list--2" value="Voir les r茅sultats" class="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" data-component-id="butterfly_theme:button"> Voir les r茅sultats </button> </div> </div> </div> </form> </div> <div class="container"> <div class="search__layout--grid js-search-layout tw-grid tw-grid-cols-1 lg:tw-grid-cols-3 tw-gap-6 tw-pb-6 lg:tw-pb-10" role="list"> <div class="views-row" role="listitem"> <div data-component-id="butterfly_theme:search-card-grid" class="search-card-grid tw-relative tw-h-full tw-flex tw-flex-col tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-group search-card-grid--with-image"> <div class="search-card-grid__media lg-max:tw-hidden"> <figure role="figure" aria-label="DR" title="DR"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7d5fb71mcg1pbe/logo-atfy-jpg.webp 1x" title="DR" alt="logo ATFY" width="369" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7d5fb71mcg1pbe/logo-atfy-jpg.webp 1x" title="DR" alt="logo ATFY" width="369" height="246" media="all and (min-width: 1280px)" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7d5fb71mcg1pbe/logo-atfy-jpg.webp" alt="logo ATFY" width="369" height="246" loading="lazy"> </picture> </figure> </div> <div class="tw-p-8 tw-flex tw-flex-col tw-items-start tw-flex-1 tw-relative"> <div class="search-card-grid__tag tw-mb-6 lg:tw-mb-4"> <div class="tw-text-dark-text tag-content tw-inline-block tw-text-sm tw-font-bold tw-py-2 tw-px-4 tw-rounded-lg" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:tag"> Climat, Littoraux et Oc茅ans </div> </div> <div class="tw-flex-1"> <div class="tw-mb-2 tw-text-sm tw-font-bold"> <time datetime="2024-11-13T12:00:00Z">13 novembre 2024</time> </div> <h2 class="text-font tw-font-bold tw-text-base tw-mb-2">A Tree for You</h2> </div> <a aria-label="En savoir plus" class="button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 md:tw-mt-6 group-hover:tw-underline" href="/fr/tree-you"> <span>En savoir plus</span> </a> </div> </div> </div> <div class="views-row" role="listitem"> <div data-component-id="butterfly_theme:search-card-grid" class="search-card-grid tw-relative tw-h-full tw-flex tw-flex-col tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-group search-card-grid--with-image"> <div class="search-card-grid__media lg-max:tw-hidden"> <figure role="figure" aria-label="DR" title="DR"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahd199xspm7nago/logo-grainedevie-jpg.webp 1x" title="DR" alt="Logo Graine de vie" width="369" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahd199xspm7nago/logo-grainedevie-jpg.webp 1x" title="DR" alt="Logo Graine de vie" width="369" height="246" media="all and (min-width: 1280px)" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahd199xspm7nago/logo-grainedevie-jpg.webp" alt="Logo Graine de vie" width="369" height="246" loading="lazy"> </picture> </figure> </div> <div class="tw-p-8 tw-flex tw-flex-col tw-items-start tw-flex-1 tw-relative"> <div class="search-card-grid__tag tw-mb-6 lg:tw-mb-4"> <div class="tw-text-dark-text tag-content tw-inline-block tw-text-sm tw-font-bold tw-py-2 tw-px-4 tw-rounded-lg" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:tag"> Climat, Littoraux et Oc茅ans </div> </div> <div class="tw-flex-1"> <div class="tw-mb-2 tw-text-sm tw-font-bold"> <time datetime="2024-11-13T12:00:00Z">13 novembre 2024</time> </div> <h2 class="text-font tw-font-bold tw-text-base tw-mb-2">Graine de Vie</h2> </div> <a aria-label="En savoir plus" class="button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 md:tw-mt-6 group-hover:tw-underline" href="/fr/graine-de-vie"> <span>En savoir plus</span> </a> </div> </div> </div> <div class="views-row" role="listitem"> <div data-component-id="butterfly_theme:search-card-grid" class="search-card-grid tw-relative tw-h-full tw-flex tw-flex-col tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-group search-card-grid--with-image"> <div class="search-card-grid__media lg-max:tw-hidden"> <figure role="figure" aria-label="Parc national de Port-Cros" title="Parc national de Port-Cros"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7f8ycabwfgc88e/logo-parc-national-de-port-cros-png.webp 1x" title="Parc national de Port-Cros" alt="Partenaire Parc national de Port-Cros" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7f8ycabwfgc88e/logo-parc-national-de-port-cros-png.webp 1x" title="Parc national de Port-Cros" alt="Partenaire Parc national de Port-Cros" width="372" height="246" media="all and (min-width: 1280px)" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7f8ycabwfgc88e/logo-parc-national-de-port-cros-png.webp" alt="Partenaire Parc national de Port-Cros" width="372" height="246" loading="lazy"> </picture> </figure> </div> <div class="tw-p-8 tw-flex tw-flex-col tw-items-start tw-flex-1 tw-relative"> <div class="search-card-grid__tag tw-mb-6 lg:tw-mb-4"> <div class="tw-text-dark-text tag-content tw-inline-block tw-text-sm tw-font-bold tw-py-2 tw-px-4 tw-rounded-lg" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:tag"> Climat, Littoraux et Oc茅ans </div> </div> <div class="tw-flex-1"> <div class="tw-mb-2 tw-text-sm tw-font-bold"> <time datetime="2024-11-13T12:00:00Z">13 novembre 2024</time> </div> <h2 class="text-font tw-font-bold tw-text-base tw-mb-2">Parc national de Port-Cros</h2> </div> <a aria-label="En savoir plus" class="button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 md:tw-mt-6 group-hover:tw-underline" href="/fr/parc-national-de-port-cros"> <span>En savoir plus</span> </a> </div> </div> </div> <div class="views-row" role="listitem"> <div data-component-id="butterfly_theme:search-card-grid" class="search-card-grid tw-relative tw-h-full tw-flex tw-flex-col tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-group search-card-grid--with-image"> <div class="search-card-grid__media lg-max:tw-hidden"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahcik3ina6zshme/frene-png.webp 1x" title="FRENE" width="368" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahcik3ina6zshme/frene-png.webp 1x" title="FRENE" width="368" height="246" media="all and (min-width: 1280px)" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahcik3ina6zshme/frene-png.webp" alt="" width="368" title="FRENE" height="246" loading="lazy"> </picture> </div> <div class="tw-p-8 tw-flex tw-flex-col tw-items-start tw-flex-1 tw-relative"> <div class="search-card-grid__tag tw-mb-6 lg:tw-mb-4"> <div class="tw-text-dark-text tag-content tw-inline-block tw-text-sm tw-font-bold tw-py-2 tw-px-4 tw-rounded-lg" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:tag"> Climat, Littoraux et Oc茅ans </div> </div> <div class="tw-flex-1"> <div class="tw-mb-2 tw-text-sm tw-font-bold"> <time datetime="2024-11-13T12:00:00Z">13 novembre 2024</time> </div> <h2 class="text-font tw-font-bold tw-text-base tw-mb-2">FRENE</h2> </div> <a aria-label="En savoir plus" class="button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 md:tw-mt-6 group-hover:tw-underline" href="/fr/frene"> <span>En savoir plus</span> </a> </div> </div> </div> <div class="views-row" role="listitem"> <div data-component-id="butterfly_theme:search-card-grid" class="search-card-grid tw-relative tw-h-full tw-flex tw-flex-col tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-group search-card-grid--with-image"> <div class="search-card-grid__media lg-max:tw-hidden"> <figure role="figure" aria-label="DR" title="DR"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahapa3enbphsudr/logo-universite-dakar-png.webp 1x" title="DR" alt="Universit茅 Cheikh Anta Diop de Dakar" width="369" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahapa3enbphsudr/logo-universite-dakar-png.webp 1x" title="DR" alt="Universit茅 Cheikh Anta Diop de Dakar" width="369" height="246" media="all and (min-width: 1280px)" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahapa3enbphsudr/logo-universite-dakar-png.webp" alt="Universit茅 Cheikh Anta Diop de Dakar" width="369" height="246" loading="lazy"> </picture> </figure> </div> <div class="tw-p-8 tw-flex tw-flex-col tw-items-start tw-flex-1 tw-relative"> <div class="search-card-grid__tag tw-mb-6 lg:tw-mb-4"> <div class="tw-text-dark-text tag-content tw-inline-block tw-text-sm tw-font-bold tw-py-2 tw-px-4 tw-rounded-lg" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:tag"> Climat, Littoraux et Oc茅ans </div> </div> <div class="tw-flex-1"> <div class="tw-mb-2 tw-text-sm tw-font-bold"> <time datetime="2024-11-13T12:00:00Z">13 novembre 2024</time> </div> <h2 class="text-font tw-font-bold tw-text-base tw-mb-2">Universit茅 Cheikh Anta Diop de Dakar</h2> </div> <a aria-label="En savoir plus" class="button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 md:tw-mt-6 group-hover:tw-underline" href="/fr/universite-cheikh-anta-diop-de-dakar"> <span>En savoir plus</span> </a> </div> </div> </div> <div class="views-row" role="listitem"> <div data-component-id="butterfly_theme:search-card-grid" class="search-card-grid tw-relative tw-h-full tw-flex tw-flex-col tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-group search-card-grid--with-image"> <div class="search-card-grid__media lg-max:tw-hidden"> <figure role="figure" aria-label="TotalEnergies" title="TotalEnergies"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta79y9hbxd4kba4y/logo-industreet-png.webp 1x" title="TotalEnergies" alt="L'Industreet" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta79y9hbxd4kba4y/logo-industreet-png.webp 1x" title="TotalEnergies" alt="L'Industreet" width="372" height="246" media="all and (min-width: 1280px)" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta79y9hbxd4kba4y/logo-industreet-png.webp" alt="L'Industreet" width="372" height="246" loading="lazy"> </picture> </figure> </div> <div class="tw-p-8 tw-flex tw-flex-col tw-items-start tw-flex-1 tw-relative"> <div class="search-card-grid__tag tw-mb-6 lg:tw-mb-4"> <div class="tw-text-dark-text tag-content tw-inline-block tw-text-sm tw-font-bold tw-py-2 tw-px-4 tw-rounded-lg" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:tag"> 脡ducation et insertion </div> </div> <div class="tw-flex-1"> <div class="tw-mb-2 tw-text-sm tw-font-bold"> <time datetime="2024-11-13T12:00:00Z">13 novembre 2024</time> </div> <h2 class="text-font tw-font-bold tw-text-base tw-mb-2">L'Industreet</h2> </div> <a aria-label="En savoir plus" class="button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 md:tw-mt-6 group-hover:tw-underline" href="/fr/lindustreet-0"> <span>En savoir plus</span> </a> </div> </div> </div> <div class="views-row" role="listitem"> <div data-component-id="butterfly_theme:search-card-grid" class="search-card-grid tw-relative tw-h-full tw-flex tw-flex-col tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-group search-card-grid--with-image"> <div class="search-card-grid__media lg-max:tw-hidden"> <figure role="figure" aria-label="DR" title="DR"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jzwd99c5i37ny/yours-jpg.webp 1x" title="DR" alt="Logo Youth for road safety" width="369" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jzwd99c5i37ny/yours-jpg.webp 1x" title="DR" alt="Logo Youth for road safety" width="369" height="246" media="all and (min-width: 1280px)" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7jzwd99c5i37ny/yours-jpg.webp" alt="Logo Youth for road safety" width="369" height="246" loading="lazy"> </picture> </figure> </div> <div class="tw-p-8 tw-flex tw-flex-col tw-items-start tw-flex-1 tw-relative"> <div class="search-card-grid__tag tw-mb-6 lg:tw-mb-4"> <div class="tw-text-dark-text tag-content tw-inline-block tw-text-sm tw-font-bold tw-py-2 tw-px-4 tw-rounded-lg" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:tag"> S茅curit茅 routi猫re </div> </div> <div class="tw-flex-1"> <div class="tw-mb-2 tw-text-sm tw-font-bold"> <time datetime="2024-11-13T12:00:00Z">13 novembre 2024</time> </div> <h2 class="text-font tw-font-bold tw-text-base tw-mb-2">YOURS / Youth for Road Safety</h2> </div> <a aria-label="En savoir plus" class="button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 md:tw-mt-6 group-hover:tw-underline" href="/fr/yours-youth-road-safety"> <span>En savoir plus</span> </a> </div> </div> </div> <div class="views-row" role="listitem"> <div data-component-id="butterfly_theme:search-card-grid" class="search-card-grid tw-relative tw-h-full tw-flex tw-flex-col tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-group search-card-grid--with-image"> <div class="search-card-grid__media lg-max:tw-hidden"> <figure role="figure" aria-label="DR" title="DR"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7dmdfxn1837s9r/logo-conservatoire-du-littoral-png.webp 1x" title="DR" alt="Conservatoire du littoral" width="369" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7dmdfxn1837s9r/logo-conservatoire-du-littoral-png.webp 1x" title="DR" alt="Conservatoire du littoral" width="369" height="246" media="all and (min-width: 1280px)" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7dmdfxn1837s9r/logo-conservatoire-du-littoral-png.webp" alt="Conservatoire du littoral" width="369" height="246" loading="lazy"> </picture> </figure> </div> <div class="tw-p-8 tw-flex tw-flex-col tw-items-start tw-flex-1 tw-relative"> <div class="search-card-grid__tag tw-mb-6 lg:tw-mb-4"> <div class="tw-text-dark-text tag-content tw-inline-block tw-text-sm tw-font-bold tw-py-2 tw-px-4 tw-rounded-lg" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:tag"> Climat, Littoraux et Oc茅ans </div> </div> <div class="tw-flex-1"> <div class="tw-mb-2 tw-text-sm tw-font-bold"> <time datetime="2024-11-13T12:00:00Z">13 novembre 2024</time> </div> <h2 class="text-font tw-font-bold tw-text-base tw-mb-2">Conservatoire du littoral</h2> </div> <a aria-label="En savoir plus" class="button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 md:tw-mt-6 group-hover:tw-underline" href="/fr/conservatoire-du-littoral"> <span>En savoir plus</span> </a> </div> </div> </div> <div class="views-row" role="listitem"> <div data-component-id="butterfly_theme:search-card-grid" class="search-card-grid tw-relative tw-h-full tw-flex tw-flex-col tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-group search-card-grid--with-image"> <div class="search-card-grid__media lg-max:tw-hidden"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7xuimr4amw9gja/agir-pour-la-foret-png.webp 1x" title="Agir pour la for锚t" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7xuimr4amw9gja/agir-pour-la-foret-png.webp 1x" title="Agir pour la for锚t" width="372" height="246" media="all and (min-width: 1280px)" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7xuimr4amw9gja/agir-pour-la-foret-png.webp" alt="" width="372" title="Agir pour la for锚t" height="246" loading="lazy"> </picture> </div> <div class="tw-p-8 tw-flex tw-flex-col tw-items-start tw-flex-1 tw-relative"> <div class="search-card-grid__tag tw-mb-6 lg:tw-mb-4"> <div class="tw-text-dark-text tag-content tw-inline-block tw-text-sm tw-font-bold tw-py-2 tw-px-4 tw-rounded-lg" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:tag"> Climat, Littoraux et Oc茅ans </div> </div> <div class="tw-flex-1"> <div class="tw-mb-2 tw-text-sm tw-font-bold"> <time datetime="2024-11-13T12:00:00Z">13 novembre 2024</time> </div> <h2 class="text-font tw-font-bold tw-text-base tw-mb-2">FDD ONF Agir pour la For锚t</h2> </div> <a aria-label="En savoir plus" class="button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 md:tw-mt-6 group-hover:tw-underline" href="/fr/fdd-onf-agir-pour-la-foret"> <span>En savoir plus</span> </a> </div> </div> </div> <div class="views-row" role="listitem"> <div data-component-id="butterfly_theme:search-card-grid" class="search-card-grid tw-relative tw-h-full tw-flex tw-flex-col tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-group search-card-grid--with-image"> <div class="search-card-grid__media lg-max:tw-hidden"> <figure role="figure" aria-label="DR" title="DR"> <picture> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahttcuyiwedzjya/la-fondation-laboratoire-de-la-mobilite-inclusive-png.webp 1x" title="DR" alt="la fondation laboratoire de la mobilite inclusive" width="369" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahttcuyiwedzjya/la-fondation-laboratoire-de-la-mobilite-inclusive-png.webp 1x" title="DR" alt="la fondation laboratoire de la mobilite inclusive" width="369" height="246" media="all and (min-width: 1280px)" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahttcuyiwedzjya/la-fondation-laboratoire-de-la-mobilite-inclusive-png.webp" alt="la fondation laboratoire de la mobilite inclusive" width="369" height="246" loading="lazy"> </picture> </figure> </div> <div class="tw-p-8 tw-flex tw-flex-col tw-items-start tw-flex-1 tw-relative"> <div class="search-card-grid__tag tw-mb-6 lg:tw-mb-4"> <div class="tw-text-dark-text tag-content tw-inline-block tw-text-sm tw-font-bold tw-py-2 tw-px-4 tw-rounded-lg" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:tag"> S茅curit茅 routi猫re </div> </div> <div class="tw-flex-1"> <div class="tw-mb-2 tw-text-sm tw-font-bold"> <time datetime="2024-11-13T12:00:00Z">13 novembre 2024</time> </div> <h2 class="text-font tw-font-bold tw-text-base tw-mb-2">Laboratoire de la mobilit茅 Inclusive</h2> </div> <a aria-label="En savoir plus" class="button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 md:tw-mt-6 group-hover:tw-underline" href="/fr/laboratoire-de-la-mobilite-inclusive"> <span>En savoir plus</span> </a> </div> </div> </div> <div class="views-row" role="listitem"> <div data-component-id="butterfly_theme:search-card-grid" class="search-card-grid tw-relative tw-h-full tw-flex tw-flex-col tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-group search-card-grid--with-image"> <div class="search-card-grid__media lg-max:tw-hidden"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahh9bd956xj9pbr/totalenergies-logo-snsm-jpg.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahh9bd956xj9pbr/totalenergies-logo-snsm-jpg.webp 1x" title="TotalEnergies" width="372" height="246" media="all and (min-width: 1280px)" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731tahh9bd956xj9pbr/totalenergies-logo-snsm-jpg.webp" alt="" width="372" title="TotalEnergies" height="246" loading="lazy"> </picture> </div> <div class="tw-p-8 tw-flex tw-flex-col tw-items-start tw-flex-1 tw-relative"> <div class="search-card-grid__tag tw-mb-6 lg:tw-mb-4"> <div class="tw-text-dark-text tag-content tw-inline-block tw-text-sm tw-font-bold tw-py-2 tw-px-4 tw-rounded-lg" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:tag"> S茅curit茅 routi猫re </div> </div> <div class="tw-flex-1"> <div class="tw-mb-2 tw-text-sm tw-font-bold"> <time datetime="2024-11-13T12:00:00Z">13 novembre 2024</time> </div> <h2 class="text-font tw-font-bold tw-text-base tw-mb-2">SNSM</h2> </div> <a aria-label="En savoir plus" class="button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 md:tw-mt-6 group-hover:tw-underline" href="/fr/snsm"> <span>En savoir plus</span> </a> </div> </div> </div> <div class="views-row" role="listitem"> <div data-component-id="butterfly_theme:search-card-grid" class="search-card-grid tw-relative tw-h-full tw-flex tw-flex-col tw-rounded-large tw-overflow-hidden tw-bg-neutral-grey-ultra-light tw-group search-card-grid--with-image"> <div class="search-card-grid__media lg-max:tw-hidden"> <picture aria-hidden="true"> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7du6j1trtghuqe/2020-partenaires-donbosco-jpg.webp 1x" title="Maison Don Bosco" width="372" height="246" media="all and (min-width: 1440px)" /> <source srcset="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7du6j1trtghuqe/2020-partenaires-donbosco-jpg.webp 1x" title="Maison Don Bosco" width="372" height="246" media="all and (min-width: 1280px)" /> <img src="https://dxm.content-center.totalenergies.com/api/wedia/dam/transform/xysh7dg731ta7du6j1trtghuqe/2020-partenaires-donbosco-jpg.webp" alt="" width="372" title="Maison Don Bosco" height="246" loading="lazy"> </picture> </div> <div class="tw-p-8 tw-flex tw-flex-col tw-items-start tw-flex-1 tw-relative"> <div class="search-card-grid__tag tw-mb-6 lg:tw-mb-4"> <div class="tw-text-dark-text tag-content tw-inline-block tw-text-sm tw-font-bold tw-py-2 tw-px-4 tw-rounded-lg" style="background-color: #FFFFFF; --bg-style-color: #FFFFFF;" data-component-id="butterfly_theme:tag"> 脡ducation et insertion </div> </div> <div class="tw-flex-1"> <div class="tw-mb-2 tw-text-sm tw-font-bold"> <time datetime="2024-11-13T12:00:00Z">13 novembre 2024</time> </div> <h2 class="text-font tw-font-bold tw-text-base tw-mb-2">Maison Don Bosco</h2> </div> <a aria-label="En savoir plus" class="button button--text before:tw-content-[""] before:tw-absolute before:tw-inset-0 !tw-static button--neutral tw-relative tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-hyphens-auto tw-rounded-3xl tw-transition-all tw-ease-linear tw-duration-300 tw-underline-none hover:tw-underline focus-visible:tw-underline focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 tw-mt-4 md:tw-mt-6 group-hover:tw-underline" href="/fr/maison-don-bosco"> <span>En savoir plus</span> </a> </div> </div> </div> </div> </div> <div class="container"> <div class="md:tw-flex md:tw-justify-between md:tw-items-center tw-my-6 lg:tw-my-10"> <footer class="md-max:tw-my-4"> Affichage de 1 sur 45 r茅sultats </footer> <nav class="pager" role="navigation" aria-labelledby="pagination-heading"> <div id="pagination-heading" class="visually-hidden">Pagination</div> <div class="pager__items js-pager__items tw-flex tw-flex-wrap tw-items-center tw-gap-x-1 tw-gap-y-4"> <div class="pager__item tw-w-12 tw-h-12 tw-p-1 is-active"> <a href="?page=0" title="Page 1 - current page" aria-current="page" class="tw-flex tw-items-center tw-justify-center tw-w-full tw-h-full tw-rounded-full tw-border tw-border-solid tw-text-white-text tw-bg-primary tw-border-transparent tw-font-bold hover:tw-text-primary hover:tw-bg-white-text hover:tw-border-primary focus-visible:tw-text-white-text focus-visible:tw-bg-primary focus-visible:tw-border-primary focus-visible:tw-outline focus-visible:tw-outline-3 focus-visible:tw-outline-offset-4 focus-visible:tw-outline-primary"> <span class="visually-hidden"> Page actuelle </span>1</a> </div> <div class="pager__item tw-w-12 tw-h-12 tw-p-1 "> <a href="?page=1" title="Aller 脿 la page 2" class="tw-flex tw-items-center tw-justify-center tw-w-full tw-h-full tw-rounded-full hover:tw-text-primary hover:tw-font-bold hover:tw-bg-white-text focus-visible:tw-text-primary focus-visible:tw-font-bold"> <span class="visually-hidden"> Page </span>2</a> </div> <div class="pager__item tw-w-12 tw-h-12 tw-p-1 "> <a href="?page=2" title="Aller 脿 la page 3" class="tw-flex tw-items-center tw-justify-center tw-w-full tw-h-full tw-rounded-full hover:tw-text-primary hover:tw-font-bold hover:tw-bg-white-text focus-visible:tw-text-primary focus-visible:tw-font-bold"> <span class="visually-hidden"> Page </span>3</a> </div> <div class="pager__item tw-w-12 tw-h-12 tw-p-1 "> <a href="?page=3" title="Aller 脿 la page 4" class="tw-flex tw-items-center tw-justify-center tw-w-full tw-h-full tw-rounded-full hover:tw-text-primary hover:tw-font-bold hover:tw-bg-white-text focus-visible:tw-text-primary focus-visible:tw-font-bold"> <span class="visually-hidden"> Page </span>4</a> </div> <div class="pager__item pager__item--next tw-p-1"> <a title="Aller 脿 la page suivante" rel="next" class="tw-w-10 tw-h-10 button button--icon button--grey 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="?page=1"> <span aria-hidden="true" class="icon icon--chevron-right icon--small"> <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 class="tw-sr-only">Page suivante</span> </a> </div> </div> </nav> </div> </div> </div> </div> </div> </article> </div> </div> <div id="block-butterfly-theme-socialfollow" class="block block-te-block block-social-follow-block tw-bg-neutral-grey-ultra-light"> <div class="block-content tw-flex tw-items-center tw-justify-between md-max:tw-flex-wrap tw-gap-y-6 tw-gap-x-10 tw-w-full lg:tw-py-10 tw-py-6 heading-font tw-text-xl tw-font-light tw-tracking-xs container"> <p id="social_follow">Follow us</p> <ul aria-labelledby="social_follow" class="tw-flex tw-items-center md-max:tw-flex-wrap tw-gap-6"> <li> <a href="https://www.youtube.com/@TotalEnergies/playlists?view=50&sort=dd&shelf_id=4" aria-label="YouTube" target="_blank" rel="nofollow" class="tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-inline-block before:tw-content-[''] before:tw-absolute before:-tw-inset-0.5 hover:before:tw-border-primary hover:before:tw-border-2 before:tw-rounded-full"> <span aria-hidden="true" class="icon icon--youtube tw-text-black"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="red" fill-rule="evenodd" d="M19.792 5.415c.86.23 1.54.911 1.771 1.771C21.988 8.752 22 12 22 12s0 3.26-.424 4.814a2.519 2.519 0 0 1-1.771 1.772c-1.553.423-7.805.423-7.805.423s-6.252 0-7.805-.423a2.519 2.519 0 0 1-1.771-1.772C2 15.248 2 12 2 12s0-3.248.41-4.8c.232-.86.912-1.541 1.772-1.772 1.554-.424 7.805-.437 7.805-.437s6.252 0 7.805.424ZM15.184 12l-5.187 3.004V8.996L15.184 12Z" clip-rule="evenodd"/></svg> </span> </a> </li> <li> <a href="https://www.linkedin.com/showcase/fondation-totalenergies" aria-label="LinkedIn" target="_blank" rel="nofollow" class="tw-transition-all tw-duration-300 tw-ease-in-out tw-relative tw-inline-block before:tw-content-[''] before:tw-absolute before:-tw-inset-0.5 hover:before:tw-border-primary hover:before:tw-border-2 before:tw-rounded-full"> <span aria-hidden="true" class="icon icon--linkedin tw-text-black"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#0073B1" d="M21 4.324v15.353A1.323 1.323 0 0 1 19.677 21H4.324A1.323 1.323 0 0 1 3 19.677V4.324A1.324 1.324 0 0 1 4.324 3h15.353A1.323 1.323 0 0 1 21 4.324ZM8.294 9.882H5.647v8.47h2.647v-8.47Zm.238-2.911a1.525 1.525 0 0 0-1.514-1.536h-.047a1.535 1.535 0 0 0 0 3.07 1.525 1.525 0 0 0 1.561-1.487v-.047Zm9.82 6.236c0-2.546-1.62-3.536-3.229-3.536a3.017 3.017 0 0 0-2.678 1.366h-.074V9.882H9.882v8.47h2.647v-4.504a1.757 1.757 0 0 1 1.589-1.896h.1c.842 0 1.467.53 1.467 1.864v4.537h2.647l.02-5.146Z"/></svg> </span> </a> </li> </ul> </div> </div> </div> </main> <footer class="butterfly-main-footer main-footer tw-bg-component-bg tw-text-component-text" role="contentinfo" dir="ltr"> <div class="container"> <div> <nav role="navigation" id="block-butterfly-theme-footermainmenu"> <ul data-region="footer" data-component-id="butterfly_theme:main-menu-footer" class="menu menu--level-1 butterfly-main-footer-menu"> <li class="menu__item menu__item--link menu__item--level-1"> <div data-target="footer" aria-expanded="false" aria-controls="accordion-footer-1" id="accordion-footer-1-id" role="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/fr/nos-partenaires" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-4 is-active" data-drupal-link-system-path="node/4241" aria-current="page"> Nos partenaires </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1"> <div data-target="footer" aria-expanded="false" aria-controls="accordion-footer-2" id="accordion-footer-2-id" role="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/fr/salaries-engages" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/1696"> Salari茅s engag茅s </a> </div> </li> <li class="menu__item menu__item--link menu__item--level-1"> <div data-target="footer" aria-expanded="false" aria-controls="accordion-footer-3" id="accordion-footer-3-id" role="button" class="tw-flex tw-items-center tw-gap-4 lg:tw-mb-6 tw-mb-0" > <span aria-hidden="true" class="icon icon--plus bfly-main-footer-plus-icon lg:tw-hidden tw-block tw-transition-transform tw-duration-300 tw-ease-in-out js-accordion-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linejoin="round" d="M8 2.343v11.314M2.343 8h11.313"/></svg> </span> <a href="/fr/nos-actus" class="menu__link menu__link--link menu__link--level-1 tw-flex tw-items-center tw-gap-4" data-drupal-link-system-path="node/1666"> Nos actualit茅s </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="/fr/node/4171" 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="/fr/mentions-legales" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/4211">Mentions l茅gales</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/fr/donnees-personnelles" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/1786">Donn茅es personnelles</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/fr/attestation-accessibilite-numerique" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="node/1746">Accessibilit茅 : partiellement conforme</a> </li> <li class="menu__item menu__item--link menu__item--level-1"> <a href="/fr/sitemap.xml" class="menu__link menu__link--link menu__link--level-1" data-drupal-link-system-path="sitemap.xml">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 2024</span> </li> </ul> </nav> </div> </div> </footer> <div class="loading__screen tw-fixed tw-top-0 tw-left-0 tw-w-full tw-h-full tw-bg-white tw-flex tw-items-center tw-justify-center tw-z-max"> <div class="loading__wrapper tw-flex tw-justify-center"> <img src="/sites/g/files/wompnd5211/files/logo_totalenergies_fondation.png" alt="TotalEnergies" width="145" height="64" loading="eager" class="tw-opacity-15 tw-self-center"/> </div> </div> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"fr\/","currentPath":"node\/4241","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr","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":"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-foundation\/prod\/utag.js","async":true,"utagData":{"language":"1","page_name":"nos-partenaires","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":{"\/fr\/nos-partenaires":true,"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"user":{"uid":0,"permissionsHash":"11f6f3aa0bc7aadbb6956a293b841b8af22423df8db6eb9d104e5a8256011306"}}</script> <script src="/sites/g/files/wompnd5211/files/js/js_NJM5aoIue4ocIP6s9rhEM5ZzoN3zZ-aZTuF8i7iVbjY.js?scope=footer&delta=0&language=fr&theme=butterfly_theme&include=eJyNkFGOwyAMRC8E4UjIwCRBNSYLRmpuv9mm_am0Sv488psZywriPEr-cfqZPPVdosFTOcvDpTY24uktTawNLtayVYFon8JQRZt597qiwFqulNAMpaSVZHefYZpbFTUBf7zHc6sdyc-ZD9ndAkEj_m_dwYjqidnLUWy-Wh3F466Uq1zfl2UbahMprtmz3nLu-vZ1UIvrtfPk7IrXMy7x0A4wtlHC7ehAN3Lv9jPJMmiBLZDxC4dT0MQ"></script> <script src="https://static.addtoany.com/menu/page.js" async></script> <script src="/sites/g/files/wompnd5211/files/js/js_s1JorzIvY6g0UduKxlUMKlxcvrVZq9n6gt8ccZAXNK0.js?scope=footer&delta=2&language=fr&theme=butterfly_theme&include=eJyNkFGOwyAMRC8E4UjIwCRBNSYLRmpuv9mm_am0Sv488psZywriPEr-cfqZPPVdosFTOcvDpTY24uktTawNLtayVYFon8JQRZt597qiwFqulNAMpaSVZHefYZpbFTUBf7zHc6sdyc-ZD9ndAkEj_m_dwYjqidnLUWy-Wh3F466Uq1zfl2UbahMprtmz3nLu-vZ1UIvrtfPk7IrXMy7x0A4wtlHC7ehAN3Lv9jPJMmiBLZDxC4dT0MQ"></script> <script src="/themes/custom/butterfly_theme/dist/js/accordion.min.js?v=10.3.5" defer></script> <script src="/libraries/duetds--date-picker/dist/duet/duet.js?snd1te" defer nomodule></script> <script src="/libraries/duetds--date-picker/dist/duet/duet.esm.js?snd1te" defer type="module"></script> <script src="/sites/g/files/wompnd5211/files/js/js_Q7JpSPpRYoDdKPfe97ZFDBVEpfsPB9m0CTqFs8p80oE.js?scope=footer&delta=6&language=fr&theme=butterfly_theme&include=eJyNkFGOwyAMRC8E4UjIwCRBNSYLRmpuv9mm_am0Sv488psZywriPEr-cfqZPPVdosFTOcvDpTY24uktTawNLtayVYFon8JQRZt597qiwFqulNAMpaSVZHefYZpbFTUBf7zHc6sdyc-ZD9ndAkEj_m_dwYjqidnLUWy-Wh3F466Uq1zfl2UbahMprtmz3nLu-vZ1UIvrtfPk7IrXMy7x0A4wtlHC7ehAN3Lv9jPJMmiBLZDxC4dT0MQ"></script> </body> </html>

CINXE.COM

Nos partenaires de A 脿 Z | Fondation TotalEnergies