Agreenium - Organisation fran莽aise pour la formation et recherche pour l'agriculture, l'alimentation, l'environnement et la sant茅 globale.

<!DOCTYPE html> <html lang="fr" dir="ltr"> <head> <meta charset="utf-8" /> <script>var _paq = _paq || [];(function(){var u=(("https:" == document.location.protocol) ? "https://matomo.ebizproduction.com/" : "https://matomo.ebizproduction.com/");_paq.push(["setSiteId", "483"]);_paq.push(["setTrackerUrl", u+"matomo.php"]);_paq.push(["setDoNotTrack", 1]);if (!window.matomo_search_results_active) {_paq.push(["trackPageView"]);}_paq.push(["setIgnoreClasses", ["no-tracking","colorbox"]]);_paq.push(["enableLinkTracking"]);var d=document,g=d.createElement("script"),s=d.getElementsByTagName("script")[0];g.type="text/javascript";g.defer=true;g.async=true;g.src=u+"matomo.js";s.parentNode.insertBefore(g,s);})();</script> <link rel="canonical" href="https://www.agreenium.fr/" /> <link rel="shortlink" href="https://www.agreenium.fr/" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="alternate" hreflang="fr" href="https://www.agreenium.fr/" /> <title>Agreenium - Organisation fran莽aise pour la formation et recherche pour l'agriculture, l'alimentation, l'environnement et la sant茅 globale. | Agreenium</title> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/align.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/fieldgroup.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/container-inline.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/clearfix.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/details.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/hidden.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/item-list.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/js.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/nowrap.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/position-container.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/reset-appearance.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/resize.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-counter.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-counters.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-general-info.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/tablesort.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/themes/custom/wingsuit/dist/app-drupal/wingsuit/../container.css?su1jxu" /> <link rel="stylesheet" media="all" href="/themes/custom/wingsuit/dist/app-drupal/wingsuit/../hero.css?su1jxu" /> <link rel="stylesheet" media="all" href="/themes/custom/wingsuit/dist/app-drupal/wingsuit/../image.css?su1jxu" /> <link rel="stylesheet" media="all" href="/themes/custom/wingsuit/dist/app-drupal/wingsuit/../slider.css?su1jxu" /> <link rel="stylesheet" media="all" href="/core/themes/stable9/css/views/views.module.css?su1jxu" /> <link rel="stylesheet" media="all" href="/modules/contrib/better_exposed_filters/css/better_exposed_filters.css?su1jxu" /> <link rel="stylesheet" media="all" href="/modules/contrib/tacjs/assets/vendor/tarteaucitron.js/css/tarteaucitron.css?su1jxu" /> <link rel="stylesheet" media="all" href="/themes/custom/wingsuit/dist/app-drupal/tokens.css?su1jxu" /> <link rel="stylesheet" media="all" href="/themes/custom/wingsuit/dist/app-drupal/font.css?su1jxu" /> <link rel="stylesheet" media="all" href="/themes/custom/wingsuit/dist/app-drupal/image.css?su1jxu" /> <link rel="stylesheet" media="all" href="/themes/custom/wingsuit/dist/app-drupal/alert.css?su1jxu" /> <link rel="stylesheet" media="all" href="/themes/custom/wingsuit/dist/app-drupal/language-select.css?su1jxu" /> <link rel="stylesheet" media="all" href="/themes/custom/wingsuit/dist/app-drupal/search-block.css?su1jxu" /> <link rel="stylesheet" media="all" href="/themes/custom/wingsuit/dist/app-drupal/container.css?su1jxu" /> <link rel="stylesheet" media="all" href="/themes/custom/wingsuit/dist/app-drupal/menu-primary.css?su1jxu" /> <link rel="apple-touch-icon" sizes="57x57" href=/themes/custom/wingsuit/dist/app-drupal/images/apple-icon-57x57.png> <link rel="apple-touch-icon" sizes="60x60" href=/themes/custom/wingsuit/dist/app-drupal/images/apple-icon-60x60.png> <link rel="apple-touch-icon" sizes="72x72" href=/themes/custom/wingsuit/dist/app-drupal/images/apple-icon-72x72.png> <link rel="apple-touch-icon" sizes="76x76" href=/themes/custom/wingsuit/dist/app-drupal/images/apple-icon-76x76.png> <link rel="apple-touch-icon" sizes="114x114" href=/themes/custom/wingsuit/dist/app-drupal/images/apple-icon-114x114.png> <link rel="apple-touch-icon" sizes="120x120" href=/themes/custom/wingsuit/dist/app-drupal/images/apple-icon-120x120.png> <link rel="apple-touch-icon" sizes="144x144" href=/themes/custom/wingsuit/dist/app-drupal/images/apple-icon-144x144.png> <link rel="apple-touch-icon" sizes="152x152" href=/themes/custom/wingsuit/dist/app-drupal/images/apple-icon-152x152.png> <link rel="apple-touch-icon" sizes="180x180" href=/themes/custom/wingsuit/dist/app-drupal/images/apple-icon-180x180.png> <link rel="icon" type="image/png" sizes="192x192" href=/themes/custom/wingsuit/dist/app-drupal/images/android-icon-192x192.png> <link rel="icon" type="image/png" sizes="32x32" href=/themes/custom/wingsuit/dist/app-drupal/images/favicon-32x32.png> <link rel="icon" type="image/png" sizes="96x96" href=/themes/custom/wingsuit/dist/app-drupal/images/favicon-96x96.png> <link rel="icon" type="iimage/png" sizes="16x16" href=/themes/custom/wingsuit/dist/app-drupal/images/favicon-16x16.png> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content=/themes/custom/wingsuit/dist/app-drupal/images/ms-icon-144x144.png> <meta name="theme-color" content="#ffffff"> </head> <body class="path-frontpage node--type-page flex flex-col overflow-x-hidden font-sans ajax-progress:!bg-none ajax-progress:!bg-transparent ajax-progress:shadow-spinner ajax-progress:w-3 ajax-progress:h-3 ajax-progress:rounded-[12px] ajax-progress:animate-spin" x-data="{ isScrollDown: false, menuIsOpen: false, languageSwitcherOpen: false }" x-on:scroll.window="isScrollDown = (window.pageYOffset > 5) ? true : false;" > <div class="dialog-off-canvas-main-canvas flex flex-col flex-1" data-off-canvas-main-canvas x-data="{ atTop: false, tabbing: false, keycode: null }" @keydown="keycode = $event.code" @keydown.tab="tabbing = true" @keyup.tab="tabbing = true" @mousedown="tabbing = false" :class="tabbing && keycode == 'Tab' ? 'user-is-tabbing': ''" > <div class="layout-container" > <header class="header sticky bg-white w-full font-sans top-0 admin:top-[48px] md:admin:top-[52px] z-50 transition-all duration-200 ease-linear" role="banner" x-data="{atTop: false, searchOpen: false}" @scroll.window="atTop = (window.pageYOffset <= 0) ? false: true" :class="{'drop-shadow-xl' : atTop}"> <div class="header-second lg:pt-12"> <div class="bg-white"> <div class="header-inner relative md:static py-4 lg:py-6 px-6 lg:px-[40px] xxl:px-[116px] transition-all ease-linear duration-[350ms] w-full z-50" x-data="{ open: false }" @keydown.window.escape="open = false"> <div class="flex items-center justify-between"> <a class="shrink-0" href="/"> <img src="/themes/custom/wingsuit/dist/app-drupal/images/logo.svg" alt="Brand Logo" class="!h-7 lg:!h-8 xl:!h-12 lg:footer:!h-[54px] !w-auto"> </a> <div class="flex items-center"> <div class="absolute !block lg:!flex lg:static bg-white lg:bg-transparent h-[calc(100vh-58px)] lg:h-auto max-h-[calc(100vh-58px)] lg:max-h-none main-nav drilldown overflow-auto lg:overflow-visible top-[64px] lg:top-0 left-0 lg:-left-10 lg:py-0 w-full lg:w-auto" x-description="Off-canvas menu for mobile, show/hide based on off-canvas menu state." x-show="open" x-transition:enter="duration-100" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-ref="dialog" aria-modal="true" @click.away="open = false" :class="{'!block': open }"> <nav aria-label="Top" role="navigation" class="w-full lg:w-auto lg:ml-2 xl:ml-6 px-6 lg:px-0 lg:pt-0 pt-6 lg:pb-0 pb-[78px]"> <div aria-labelledby="block-wingsuit-mainnavigation-menu" id="block-wingsuit-mainnavigation" class="h-full"> <div class="drilldown-container w-full"> <ul x-data="{isOpen: false, isOpenL2: false}" class="drilldown-root block lg:flex h-full justify-center items-center list-none main-menu link-active:after:content-[''] link-active:after:absolute link-active:after:h-[56px] link-active:after:w-full link-active:after:top-[98px] link-active:after:left-0 link-active:after:bg-transparent"> <li x-data="{ selected: false}" class="main-menu__item lg:[&:not(:last-child)]:pr-4 main-menu__item--sub-0 main-menu__item--with-sub text-brand-tertiary w-full lg:w-auto md:static relative lg:child-menu:[&:not(.menu-hover)]:menu-active:opacity-0 lg:child-menu:[&:not(.menu-hover)]:menu-active:hidden lg:child-menu:menu-active:opacity-0 lg:child-menu:menu-active:translate-y-0 lg:child-menu:menu-active:translate-z-0 lg:child-menu:hover:!opacity-100 lg:child-menu:hover:-z-10 lg:child-menu:hover:translate-y-0 lg:child-menu:hover:translate-z-0 lg:child-menu:hover:animate-reveal-menu" @keyup="let focusedDropdownLink = document.querySelector('.main-menu--sub-1 .link-menu-wrapper:focus'); let hoveredMenu = document.querySelector('.main-menu__item.menu-hover'); let inElement = document.querySelector('.in-element'); if(!focusedDropdownLink && inElement){if(hoveredMenu != null){ hoveredMenu.classList.remove('menu-hover'); } inElement.classList.remove('in-element'); isOpen = false;}" > <button class="flex items-center justify-between lg:hover:text-brand-primary lg:menu-hover:text-brand-primary lg:menu-hover:bg-transparent menu-hover:bg-grey-100 lg:px-0 lg:child-svg:menu-hover:rotate-180 link-menu-wrapper lg:py-0 lg:w-auto px-4 py-6 text-xs leading-[14px] tracking-[1px] font-semibold text-brand-tertiary uppercase font-title w-full" tabindex="0" @keyup.enter="isOpen=!isOpen; let menuItems = document.querySelectorAll('.main-menu__item'); for (var i=0; i < menuItems.length; i++) {menuItems[i].classList.remove('menu-hover');} if(isOpen){$el.closest('.main-menu__item').classList.toggle('menu-hover');}" > <div class="order-2 ml-2 icon -rotate-90 lg:rotate-0"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-down-menu"></use> </svg> </div> <span class="lg:max-w-[80px] 3xl:max-w-full lg:truncate"> Qui sommes-nous ? </span> </button> <ul class="menu-level-wrapper drilldown-sub bg-white xl:!float-none xl:!w-full pt-0 lg:py-10 px-0 min-h-[328px] lg:border-t-[1px] lg:border-brand-tertiary relative lg:absolute w-full lg:top-[144px] lg:scroll:top-[64px] left-0 lg:translate-y-[calc(-100%-205px)] lg:-z-10 lg:translate-z-0 transition-transform ease-in-out duration-500 lg:menu-hover:!opacity-100 lg:menu-hover:-z-10 lg:menu-hover:translate-y-0 lg:menu-hover:translate-z-0 lg:menu-hover:animate-reveal-menu" aria-hidden="true" x-bind:aria-hidden="isOpen ? 'false' : 'true'" @keyup="$el.classList.add('in-element')"> <li class="drilldown-back link-menu-wrapper lg:hidden block"> <a href="#"> <span class="flex justify-start gap-2 w-full items-center ck-content md:ck-content-md"> <div class="rotate-180 mt-0 text-brand-tertiary"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </div> <h5 class="text-brand-tertiary font-semibold mt-0">Qui sommes-nous ?</h5> </span> </a> </li> <li class="menu-level-inner w-full mt-4 max-w-container mx-auto lg:mt-0"> <ul class="child:col-span-12 lg:[&>*:nth-child(odd)]:col-span-4 lg:[&>*:nth-child(even)]:col-span-8 gap-y-6 md:gap-8 grid grid-cols-12" > <li class="block-cell ck-content md:ck-content-md lg:block hidden"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h2 class="font-thin uppercase font-title">Qui sommes-nous ?</h2> <div class="mt-0"> <p class="my-4 text-lg leading-7 font-thin"></p> </div> </div> </li> <li class="menu-cell"> <ul class="main-menu--sub-1 relative" > <li class="link-svg:hover:block link-svg:hidden flex items-center hover:bg-grey-100 lg:px-10 py-6 px-4 w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/alliance" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center " tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > Pr茅sentation de l'alliance </a> <button class="link-menu-wrapper"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </button> <ul class="drilldown-sub menu-level-wrapper lg:animate-reveal-menu lg:absolute pt-0 lg:top-0 lg:left-[390px] lg:w-[calc(100%-384px)] lg:opacity-0 lg:transition lg:ease-linear lg:duration-[200ms] lg:delay-100 lg:menu-clicked:opacity-100 lg:menu-clicked:z-10"> <li class="drilldown-back link-menu-wrapper lg:hidden block"> <a href="#"> <span class="flex justify-start gap-2 w-full items-center ck-content md:ck-content-md text-brand-tertiary"> <div class="rotate-180 mt-0"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </div> <h5 class="text-brand-tertiary font-semibold mt-0">Pr茅sentation de l'alliance</h5> </span> </a> </li> <li class="menu-level-inner"> <ul class="main-menu--sub-2 relative" @keyup="$el.classList.add('in-element-level2')" > <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/alliance" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > L'Alliance Agreenium </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/alliance/membres" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Les membres </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/alliance/cellule-appui-coordination-alliance" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > La cellule d'appui </a> </li> </ul> </li> </ul> </li> <li class="link-svg:hover:block link-svg:hidden flex items-center hover:bg-grey-100 lg:px-10 py-6 px-4 w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/thematiques" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center " tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > Th茅matiques </a> <button class="link-menu-wrapper"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </button> <ul class="drilldown-sub menu-level-wrapper lg:animate-reveal-menu lg:absolute pt-0 lg:top-0 lg:left-[390px] lg:w-[calc(100%-384px)] lg:opacity-0 lg:transition lg:ease-linear lg:duration-[200ms] lg:delay-100 lg:menu-clicked:opacity-100 lg:menu-clicked:z-10"> <li class="drilldown-back link-menu-wrapper lg:hidden block"> <a href="#"> <span class="flex justify-start gap-2 w-full items-center ck-content md:ck-content-md text-brand-tertiary"> <div class="rotate-180 mt-0"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </div> <h5 class="text-brand-tertiary font-semibold mt-0">Th茅matiques</h5> </span> </a> </li> <li class="menu-level-inner"> <ul class="main-menu--sub-2 relative" @keyup="$el.classList.add('in-element-level2')" > <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/thematiques/agricultures-et-foret" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Agriculture & For锚ts </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/thematiques/alimentation" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Alimentation </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/thematiques/sante-globale" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Sant茅 globale </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/thematiques/territoires-et-environnement" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Territoire et environnement </a> </li> </ul> </li> </ul> </li> <li class="link-svg:hover:block link-svg:hidden flex items-center hover:bg-grey-100 lg:px-10 py-6 px-4 w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/domaines/focus" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center " tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > Focus </a> <button class="link-menu-wrapper"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </button> <ul class="drilldown-sub menu-level-wrapper lg:animate-reveal-menu lg:absolute pt-0 lg:top-0 lg:left-[390px] lg:w-[calc(100%-384px)] lg:opacity-0 lg:transition lg:ease-linear lg:duration-[200ms] lg:delay-100 lg:menu-clicked:opacity-100 lg:menu-clicked:z-10"> <li class="drilldown-back link-menu-wrapper lg:hidden block"> <a href="#"> <span class="flex justify-start gap-2 w-full items-center ck-content md:ck-content-md text-brand-tertiary"> <div class="rotate-180 mt-0"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </div> <h5 class="text-brand-tertiary font-semibold mt-0">Focus</h5> </span> </a> </li> <li class="menu-level-inner"> <ul class="main-menu--sub-2 relative" @keyup="$el.classList.add('in-element-level2')" > <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/page/agro-ecologie" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Agro-茅cologie </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/page/la-bioeconomie" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Bio茅conomie </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/page/vigne-et-vin" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Vigne et vin </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/focus/foret-bois" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > For锚ts-Bois </a> </li> </ul> </li> </ul> </li> <li class="link-svg:hover:block link-svg:hidden w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/alliance/nos-evenements" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > Ev茅nements </a> </li> </ul> </li> </ul> </li> </ul> </li> <li x-data="{ selected: false}" class="main-menu__item lg:[&:not(:last-child)]:pr-4 main-menu__item--sub-0 main-menu__item--with-sub text-brand-tertiary w-full lg:w-auto md:static relative lg:child-menu:[&:not(.menu-hover)]:menu-active:opacity-0 lg:child-menu:[&:not(.menu-hover)]:menu-active:hidden lg:child-menu:menu-active:opacity-0 lg:child-menu:menu-active:translate-y-0 lg:child-menu:menu-active:translate-z-0 lg:child-menu:hover:!opacity-100 lg:child-menu:hover:-z-10 lg:child-menu:hover:translate-y-0 lg:child-menu:hover:translate-z-0 lg:child-menu:hover:animate-reveal-menu" @keyup="let focusedDropdownLink = document.querySelector('.main-menu--sub-1 .link-menu-wrapper:focus'); let hoveredMenu = document.querySelector('.main-menu__item.menu-hover'); let inElement = document.querySelector('.in-element'); if(!focusedDropdownLink && inElement){if(hoveredMenu != null){ hoveredMenu.classList.remove('menu-hover'); } inElement.classList.remove('in-element'); isOpen = false;}" > <button class="flex items-center justify-between lg:hover:text-brand-primary lg:menu-hover:text-brand-primary lg:menu-hover:bg-transparent menu-hover:bg-grey-100 lg:px-0 lg:child-svg:menu-hover:rotate-180 link-menu-wrapper lg:py-0 lg:w-auto px-4 py-6 text-xs leading-[14px] tracking-[1px] font-semibold text-brand-tertiary uppercase font-title w-full" tabindex="0" @keyup.enter="isOpen=!isOpen; let menuItems = document.querySelectorAll('.main-menu__item'); for (var i=0; i < menuItems.length; i++) {menuItems[i].classList.remove('menu-hover');} if(isOpen){$el.closest('.main-menu__item').classList.toggle('menu-hover');}" > <div class="order-2 ml-2 icon -rotate-90 lg:rotate-0"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-down-menu"></use> </svg> </div> <span class="lg:max-w-[80px] 3xl:max-w-full lg:truncate"> Formations et m茅tiers </span> </button> <ul class="menu-level-wrapper drilldown-sub bg-white xl:!float-none xl:!w-full pt-0 lg:py-10 px-0 min-h-[328px] lg:border-t-[1px] lg:border-brand-tertiary relative lg:absolute w-full lg:top-[144px] lg:scroll:top-[64px] left-0 lg:translate-y-[calc(-100%-205px)] lg:-z-10 lg:translate-z-0 transition-transform ease-in-out duration-500 lg:menu-hover:!opacity-100 lg:menu-hover:-z-10 lg:menu-hover:translate-y-0 lg:menu-hover:translate-z-0 lg:menu-hover:animate-reveal-menu" aria-hidden="true" x-bind:aria-hidden="isOpen ? 'false' : 'true'" @keyup="$el.classList.add('in-element')"> <li class="drilldown-back link-menu-wrapper lg:hidden block"> <a href="#"> <span class="flex justify-start gap-2 w-full items-center ck-content md:ck-content-md"> <div class="rotate-180 mt-0 text-brand-tertiary"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </div> <h5 class="text-brand-tertiary font-semibold mt-0">Formations et m茅tiers</h5> </span> </a> </li> <li class="menu-level-inner w-full mt-4 max-w-container mx-auto lg:mt-0"> <ul class="child:col-span-12 lg:[&>*:nth-child(odd)]:col-span-4 lg:[&>*:nth-child(even)]:col-span-8 gap-y-6 md:gap-8 grid grid-cols-12" > <li class="block-cell ck-content md:ck-content-md lg:block hidden"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h2 class="font-thin uppercase font-title">Formations et m茅tiers</h2> <div class="mt-0"> <p class="my-4 text-lg leading-7 font-thin"></p> </div> </div> </li> <li class="menu-cell"> <ul class="main-menu--sub-1 relative" > <li class="link-svg:hover:block link-svg:hidden w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/liste-formation" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > Base de donn茅es de formations </a> </li> <li class="link-svg:hover:block link-svg:hidden flex items-center hover:bg-grey-100 lg:px-10 py-6 px-4 w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/page/les-formations-de-lalliance-agreenium" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center " tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > Les formations des 茅tablissements membres de l'alliance Agreenium </a> <button class="link-menu-wrapper"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </button> <ul class="drilldown-sub menu-level-wrapper lg:animate-reveal-menu lg:absolute pt-0 lg:top-0 lg:left-[390px] lg:w-[calc(100%-384px)] lg:opacity-0 lg:transition lg:ease-linear lg:duration-[200ms] lg:delay-100 lg:menu-clicked:opacity-100 lg:menu-clicked:z-10"> <li class="drilldown-back link-menu-wrapper lg:hidden block"> <a href="#"> <span class="flex justify-start gap-2 w-full items-center ck-content md:ck-content-md text-brand-tertiary"> <div class="rotate-180 mt-0"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </div> <h5 class="text-brand-tertiary font-semibold mt-0">Les formations des 茅tablissements membres de l'alliance Agreenium</h5> </span> </a> </li> <li class="menu-level-inner"> <ul class="main-menu--sub-2 relative" @keyup="$el.classList.add('in-element-level2')" > <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/page/devenir-ingenieur" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Devenir ing茅nieur </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/page/devenir-paysagiste" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Devenir paysagiste </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/page/devenir-veterinaire" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Devenir v茅t茅rinaire </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/page/le-doctorat" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Le doctorat </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/page/les-masters" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Les masters </a> </li> </ul> </li> </ul> </li> <li class="link-svg:hover:block link-svg:hidden w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/page/decouvrez-les-formations-et-metiers-du-vivant" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > d茅couvrir les formations et m茅tiers du vivant </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="https://lms.agreenium.fr/" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > notre plateforme e-learning </a> </li> </ul> </li> </ul> </li> </ul> </li> <li x-data="{ selected: false}" class="main-menu__item lg:[&:not(:last-child)]:pr-4 main-menu__item--sub-0 main-menu__item--with-sub text-brand-tertiary w-full lg:w-auto md:static relative lg:child-menu:[&:not(.menu-hover)]:menu-active:opacity-0 lg:child-menu:[&:not(.menu-hover)]:menu-active:hidden lg:child-menu:menu-active:opacity-0 lg:child-menu:menu-active:translate-y-0 lg:child-menu:menu-active:translate-z-0 lg:child-menu:hover:!opacity-100 lg:child-menu:hover:-z-10 lg:child-menu:hover:translate-y-0 lg:child-menu:hover:translate-z-0 lg:child-menu:hover:animate-reveal-menu" @keyup="let focusedDropdownLink = document.querySelector('.main-menu--sub-1 .link-menu-wrapper:focus'); let hoveredMenu = document.querySelector('.main-menu__item.menu-hover'); let inElement = document.querySelector('.in-element'); if(!focusedDropdownLink && inElement){if(hoveredMenu != null){ hoveredMenu.classList.remove('menu-hover'); } inElement.classList.remove('in-element'); isOpen = false;}" > <button class="flex items-center justify-between lg:hover:text-brand-primary lg:menu-hover:text-brand-primary lg:menu-hover:bg-transparent menu-hover:bg-grey-100 lg:px-0 lg:child-svg:menu-hover:rotate-180 link-menu-wrapper lg:py-0 lg:w-auto px-4 py-6 text-xs leading-[14px] tracking-[1px] font-semibold text-brand-tertiary uppercase font-title w-full" tabindex="0" @keyup.enter="isOpen=!isOpen; let menuItems = document.querySelectorAll('.main-menu__item'); for (var i=0; i < menuItems.length; i++) {menuItems[i].classList.remove('menu-hover');} if(isOpen){$el.closest('.main-menu__item').classList.toggle('menu-hover');}" > <div class="order-2 ml-2 icon -rotate-90 lg:rotate-0"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-down-menu"></use> </svg> </div> <span class="lg:max-w-[80px] 3xl:max-w-full lg:truncate"> Recherche </span> </button> <ul class="menu-level-wrapper drilldown-sub bg-white xl:!float-none xl:!w-full pt-0 lg:py-10 px-0 min-h-[328px] lg:border-t-[1px] lg:border-brand-tertiary relative lg:absolute w-full lg:top-[144px] lg:scroll:top-[64px] left-0 lg:translate-y-[calc(-100%-205px)] lg:-z-10 lg:translate-z-0 transition-transform ease-in-out duration-500 lg:menu-hover:!opacity-100 lg:menu-hover:-z-10 lg:menu-hover:translate-y-0 lg:menu-hover:translate-z-0 lg:menu-hover:animate-reveal-menu" aria-hidden="true" x-bind:aria-hidden="isOpen ? 'false' : 'true'" @keyup="$el.classList.add('in-element')"> <li class="drilldown-back link-menu-wrapper lg:hidden block"> <a href="#"> <span class="flex justify-start gap-2 w-full items-center ck-content md:ck-content-md"> <div class="rotate-180 mt-0 text-brand-tertiary"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </div> <h5 class="text-brand-tertiary font-semibold mt-0">Recherche</h5> </span> </a> </li> <li class="menu-level-inner w-full mt-4 max-w-container mx-auto lg:mt-0"> <ul class="child:col-span-12 lg:[&>*:nth-child(odd)]:col-span-4 lg:[&>*:nth-child(even)]:col-span-8 gap-y-6 md:gap-8 grid grid-cols-12" > <li class="block-cell ck-content md:ck-content-md lg:block hidden"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h2 class="font-thin uppercase font-title">Recherche</h2> <div class="mt-0"> <p class="my-4 text-lg leading-7 font-thin"></p> </div> </div> </li> <li class="menu-cell"> <ul class="main-menu--sub-1 relative" > <li class="link-svg:hover:block link-svg:hidden flex items-center hover:bg-grey-100 lg:px-10 py-6 px-4 w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/formation-recherche/doctorat-et-ecoles-d-ete/une-formation-doctorale-internationale-lecole-eir-a" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center " tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > EIR-A, l'脡cole Internationale de Recherche d鈥橝greenium </a> <button class="link-menu-wrapper"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </button> <ul class="drilldown-sub menu-level-wrapper lg:animate-reveal-menu lg:absolute pt-0 lg:top-0 lg:left-[390px] lg:w-[calc(100%-384px)] lg:opacity-0 lg:transition lg:ease-linear lg:duration-[200ms] lg:delay-100 lg:menu-clicked:opacity-100 lg:menu-clicked:z-10"> <li class="drilldown-back link-menu-wrapper lg:hidden block"> <a href="#"> <span class="flex justify-start gap-2 w-full items-center ck-content md:ck-content-md text-brand-tertiary"> <div class="rotate-180 mt-0"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </div> <h5 class="text-brand-tertiary font-semibold mt-0">EIR-A, l'脡cole Internationale de Recherche d鈥橝greenium</h5> </span> </a> </li> <li class="menu-level-inner"> <ul class="main-menu--sub-2 relative" @keyup="$el.classList.add('in-element-level2')" > <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/formation-recherche/doctorat-et-ecoles-d-ete/une-formation-doctorale-internationale-lecole-eir-a/seminaires-de-leir-a" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > S茅minaires EIR-A </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/formation-recherche/doctorat-et-ecoles-d-ete/une-formation-doctorale-internationale-lecole-eir-a/mobilites-linternational" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Mobilit茅s 脿 l'international </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/formation-recherche/doctorat-et-ecoles-d-ete/une-formation-doctorale-internationale-lecole-eir-a/label-de-leir-a" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Label de l'EIR-A </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/formation-recherche/doctorat-et-ecoles-d-ete/une-formation-doctorale-internationale-lecole-eir-a/sinscrire-leir-a" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > S'inscrire 脿 l'EIR-A </a> </li> </ul> </li> </ul> </li> <li class="link-svg:hover:block link-svg:hidden w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <button class="w-full block lg:flex lg:space-x-15 flex flex-1 lg:px-10 py-6 px-4 tracking-[1px] font-medium font-title text-left text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center link-menu-wrapper flex-1 menu-clicked:bg-grey-100" tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" @keyup.enter="isOpenL2 = !isOpenL2" > Formations doctorales <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </button> <ul class="drilldown-sub menu-level-wrapper lg:animate-reveal-menu lg:absolute pt-0 lg:top-0 lg:left-[390px] lg:w-[calc(100%-384px)] lg:opacity-0 lg:transition lg:ease-linear lg:duration-[200ms] lg:delay-100 lg:menu-clicked:opacity-100 lg:menu-clicked:z-10"> <li class="drilldown-back link-menu-wrapper lg:hidden block"> <a href="#"> <span class="flex justify-start gap-2 w-full items-center ck-content md:ck-content-md text-brand-tertiary"> <div class="rotate-180 mt-0"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </div> <h5 class="text-brand-tertiary font-semibold mt-0">Formations doctorales</h5> </span> </a> </li> <li class="menu-level-inner"> <ul class="main-menu--sub-2 relative" @keyup="$el.classList.add('in-element-level2')" > <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/formations-doctorales/appel-projets-formations-doctorales" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Appel 脿 projets formations doctorales </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/formations-doctorales/formations-doctorales-en-cours-et-passees" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Formations en cours et pass茅es </a> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> <li x-data="{ selected: false}" class="main-menu__item lg:[&:not(:last-child)]:pr-4 main-menu__item--sub-0 main-menu__item--with-sub text-brand-tertiary w-full lg:w-auto md:static relative lg:child-menu:[&:not(.menu-hover)]:menu-active:opacity-0 lg:child-menu:[&:not(.menu-hover)]:menu-active:hidden lg:child-menu:menu-active:opacity-0 lg:child-menu:menu-active:translate-y-0 lg:child-menu:menu-active:translate-z-0 lg:child-menu:hover:!opacity-100 lg:child-menu:hover:-z-10 lg:child-menu:hover:translate-y-0 lg:child-menu:hover:translate-z-0 lg:child-menu:hover:animate-reveal-menu" @keyup="let focusedDropdownLink = document.querySelector('.main-menu--sub-1 .link-menu-wrapper:focus'); let hoveredMenu = document.querySelector('.main-menu__item.menu-hover'); let inElement = document.querySelector('.in-element'); if(!focusedDropdownLink && inElement){if(hoveredMenu != null){ hoveredMenu.classList.remove('menu-hover'); } inElement.classList.remove('in-element'); isOpen = false;}" > <button class="flex items-center justify-between lg:hover:text-brand-primary lg:menu-hover:text-brand-primary lg:menu-hover:bg-transparent menu-hover:bg-grey-100 lg:px-0 lg:child-svg:menu-hover:rotate-180 link-menu-wrapper lg:py-0 lg:w-auto px-4 py-6 text-xs leading-[14px] tracking-[1px] font-semibold text-brand-tertiary uppercase font-title w-full" tabindex="0" @keyup.enter="isOpen=!isOpen; let menuItems = document.querySelectorAll('.main-menu__item'); for (var i=0; i < menuItems.length; i++) {menuItems[i].classList.remove('menu-hover');} if(isOpen){$el.closest('.main-menu__item').classList.toggle('menu-hover');}" > <div class="order-2 ml-2 icon -rotate-90 lg:rotate-0"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-down-menu"></use> </svg> </div> <span class="lg:max-w-[80px] 3xl:max-w-full lg:truncate"> International </span> </button> <ul class="menu-level-wrapper drilldown-sub bg-white xl:!float-none xl:!w-full pt-0 lg:py-10 px-0 min-h-[328px] lg:border-t-[1px] lg:border-brand-tertiary relative lg:absolute w-full lg:top-[144px] lg:scroll:top-[64px] left-0 lg:translate-y-[calc(-100%-205px)] lg:-z-10 lg:translate-z-0 transition-transform ease-in-out duration-500 lg:menu-hover:!opacity-100 lg:menu-hover:-z-10 lg:menu-hover:translate-y-0 lg:menu-hover:translate-z-0 lg:menu-hover:animate-reveal-menu" aria-hidden="true" x-bind:aria-hidden="isOpen ? 'false' : 'true'" @keyup="$el.classList.add('in-element')"> <li class="drilldown-back link-menu-wrapper lg:hidden block"> <a href="#"> <span class="flex justify-start gap-2 w-full items-center ck-content md:ck-content-md"> <div class="rotate-180 mt-0 text-brand-tertiary"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </div> <h5 class="text-brand-tertiary font-semibold mt-0">International</h5> </span> </a> </li> <li class="menu-level-inner w-full mt-4 max-w-container mx-auto lg:mt-0"> <ul class="child:col-span-12 lg:[&>*:nth-child(odd)]:col-span-4 lg:[&>*:nth-child(even)]:col-span-8 gap-y-6 md:gap-8 grid grid-cols-12" > <li class="block-cell ck-content md:ck-content-md lg:block hidden"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h2 class="font-thin uppercase font-title">International</h2> <div class="mt-0"> <p class="my-4 text-lg leading-7 font-thin"></p> </div> </div> </li> <li class="menu-cell"> <ul class="main-menu--sub-1 relative" > <li class="link-svg:hover:block link-svg:hidden w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/international/agreenmob" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > Agreenmob : recrutement mutualis茅 d'茅l猫ves ing茅nieurs 脿 l'international </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <button class="w-full block lg:flex lg:space-x-15 flex flex-1 lg:px-10 py-6 px-4 tracking-[1px] font-medium font-title text-left text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center link-menu-wrapper flex-1 menu-clicked:bg-grey-100" tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" @keyup.enter="isOpenL2 = !isOpenL2" > Programme Erasmus <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </button> <ul class="drilldown-sub menu-level-wrapper lg:animate-reveal-menu lg:absolute pt-0 lg:top-0 lg:left-[390px] lg:w-[calc(100%-384px)] lg:opacity-0 lg:transition lg:ease-linear lg:duration-[200ms] lg:delay-100 lg:menu-clicked:opacity-100 lg:menu-clicked:z-10"> <li class="drilldown-back link-menu-wrapper lg:hidden block"> <a href="#"> <span class="flex justify-start gap-2 w-full items-center ck-content md:ck-content-md text-brand-tertiary"> <div class="rotate-180 mt-0"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </div> <h5 class="text-brand-tertiary font-semibold mt-0">Programme Erasmus</h5> </span> </a> </li> <li class="menu-level-inner"> <ul class="main-menu--sub-2 relative" @keyup="$el.classList.add('in-element-level2')" > <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/international/programme-eramus/strategie-erasmus" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Strat茅gie Erasmus+ </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/international/programme-eramus/mobilites-doctorales-intra-europeennes" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Mobilit茅s doctorales intra-europ茅ennes </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full main-menu__item--sub-2" data-menu-target="submenu" data-menu-level="2" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/international/programme-eramus/mobilites-france-senegal" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpenL2 ? '0' : '-1'" > Mobilit茅s France/S茅n茅gal </a> </li> </ul> </li> </ul> </li> <li class="link-svg:hover:block link-svg:hidden w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/international/reseaux" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > R茅seaux </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/international/pettal" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > Projet Pettal </a> </li> </ul> </li> </ul> </li> </ul> </li> <li x-data="{ selected: false}" class="main-menu__item lg:[&:not(:last-child)]:pr-4 main-menu__item--sub-0 main-menu__item--with-sub text-brand-tertiary w-full lg:w-auto md:static relative lg:child-menu:[&:not(.menu-hover)]:menu-active:opacity-0 lg:child-menu:[&:not(.menu-hover)]:menu-active:hidden lg:child-menu:menu-active:opacity-0 lg:child-menu:menu-active:translate-y-0 lg:child-menu:menu-active:translate-z-0 lg:child-menu:hover:!opacity-100 lg:child-menu:hover:-z-10 lg:child-menu:hover:translate-y-0 lg:child-menu:hover:translate-z-0 lg:child-menu:hover:animate-reveal-menu" @keyup="let focusedDropdownLink = document.querySelector('.main-menu--sub-1 .link-menu-wrapper:focus'); let hoveredMenu = document.querySelector('.main-menu__item.menu-hover'); let inElement = document.querySelector('.in-element'); if(!focusedDropdownLink && inElement){if(hoveredMenu != null){ hoveredMenu.classList.remove('menu-hover'); } inElement.classList.remove('in-element'); isOpen = false;}" > <button class="flex items-center justify-between lg:hover:text-brand-primary lg:menu-hover:text-brand-primary lg:menu-hover:bg-transparent menu-hover:bg-grey-100 lg:px-0 lg:child-svg:menu-hover:rotate-180 link-menu-wrapper lg:py-0 lg:w-auto px-4 py-6 text-xs leading-[14px] tracking-[1px] font-semibold text-brand-tertiary uppercase font-title w-full" tabindex="0" @keyup.enter="isOpen=!isOpen; let menuItems = document.querySelectorAll('.main-menu__item'); for (var i=0; i < menuItems.length; i++) {menuItems[i].classList.remove('menu-hover');} if(isOpen){$el.closest('.main-menu__item').classList.toggle('menu-hover');}" > <div class="order-2 ml-2 icon -rotate-90 lg:rotate-0"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-down-menu"></use> </svg> </div> <span class="lg:max-w-[80px] 3xl:max-w-full lg:truncate"> Savoirs et ressources </span> </button> <ul class="menu-level-wrapper drilldown-sub bg-white xl:!float-none xl:!w-full pt-0 lg:py-10 px-0 min-h-[328px] lg:border-t-[1px] lg:border-brand-tertiary relative lg:absolute w-full lg:top-[144px] lg:scroll:top-[64px] left-0 lg:translate-y-[calc(-100%-205px)] lg:-z-10 lg:translate-z-0 transition-transform ease-in-out duration-500 lg:menu-hover:!opacity-100 lg:menu-hover:-z-10 lg:menu-hover:translate-y-0 lg:menu-hover:translate-z-0 lg:menu-hover:animate-reveal-menu" aria-hidden="true" x-bind:aria-hidden="isOpen ? 'false' : 'true'" @keyup="$el.classList.add('in-element')"> <li class="drilldown-back link-menu-wrapper lg:hidden block"> <a href="#"> <span class="flex justify-start gap-2 w-full items-center ck-content md:ck-content-md"> <div class="rotate-180 mt-0 text-brand-tertiary"> <svg class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-menu-right"></use> </svg> </div> <h5 class="text-brand-tertiary font-semibold mt-0">Savoirs et ressources</h5> </span> </a> </li> <li class="menu-level-inner w-full mt-4 max-w-container mx-auto lg:mt-0"> <ul class="child:col-span-12 lg:[&>*:nth-child(odd)]:col-span-4 lg:[&>*:nth-child(even)]:col-span-8 gap-y-6 md:gap-8 grid grid-cols-12" > <li class="block-cell ck-content md:ck-content-md lg:block hidden"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h2 class="font-thin uppercase font-title">Savoirs et ressources</h2> <div class="mt-0"> <p class="my-4 text-lg leading-7 font-thin"></p> </div> </div> </li> <li class="menu-cell"> <ul class="main-menu--sub-1 relative" > <li class="link-svg:hover:block link-svg:hidden w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/savoirs-et-ressources" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > Toutes les ressources </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/savoirs-et-ressources/transitions-agricoles" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > Les parcours d茅couverte Transitions agricoles </a> </li> <li class="link-svg:hover:block link-svg:hidden w-full lg:w-[368px] menu-clicked:bg-grey-100 main-menu__item--sub-1" data-menu-target="submenu" data-menu-level="1" @keyup="let focusedDropdownLink2 = document.querySelector('.main-menu--sub-2 .link-menu-wrapper:focus'); let inElement2 = document.querySelector('.in-element-level2'); if(!focusedDropdownLink2 && inElement2){ inElement2.classList.remove('in-element-level2'); isOpenL2 = false; if(document.querySelector('.main-menu__item--sub-1.menu-clicked') != null ){ document.querySelector('.main-menu__item--sub-1.menu-clicked').classList.remove('menu-clicked')}}" > <a href="/page/les-carrefours-de-linnovation-inrae" class="w-full block lg:flex lg:space-x-15 flex flex-1 font-medium font-title tracking-[1px] text-brand-tertiary hover:bg-grey-100 uppercase text-xs leading-5 justify-between items-center lg:px-10 py-6 px-4" tabindex="-1" x-bind:tabindex="isOpen ? '0' : '-1'" > Les carrefours de l鈥檌nnovation INRAE </a> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </div> </div> <div class="border-t-[1px] lg:border-t-0 border-brand-tertiary flex lg:absolute flex-col lg:flex-row items-center lg:justify-between gap-y-4 mt-4 lg:mt-0 header-first w-full lg:bg-grey-900 lg:top-0 lg:left-0 py-4 lg:py-3 lg:px-[40px] xxl:px-[116px]"> <div class="inline-flex items-center gap-6"> <div class="lg:block hidden"> </div> <div class="lg:block hidden"> <div aria-labelledby="block-wingsuit-reseauxsociaux-menu" id="block-wingsuit-reseauxsociaux"> <div block="block-wingsuit-reseauxsociaux" class="flex items-center justify-start space-x-4 text-brand-primary bg-grey-900"> <div class="inline-flex item-center space-x-2 footer:space-x-4"> <a href="https://www.facebook.com/Agreenium" class="text-white footer:text-dark-100 header:text-brand-tertiary lg:header:text-white" > <span class="sr-only">Facebook</span> <svg class="fill-current svg w-3 h-3 shrink-0 w-5 h-5 footer:w-6 footer:h-6" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#facebook"></use> </svg> </a> <a href="https://www.youtube.com/channel/UCP1e1wx-GOu846TGEgisEQA" class="text-white footer:text-dark-100 header:text-brand-tertiary lg:header:text-white" > <span class="sr-only">Youtube</span> <svg class="fill-current svg w-3 h-3 shrink-0 w-5 h-5 footer:w-6 footer:h-6" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#youtube"></use> </svg> </a> <a href="https://x.com/agreenium" class="text-white footer:text-dark-100 header:text-brand-tertiary lg:header:text-white" > <span class="sr-only">X</span> <svg class="fill-current svg w-3 h-3 shrink-0 w-5 h-5 footer:w-6 footer:h-6" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#x"></use> </svg> </a> <a href="https://www.linkedin.com/company/agreenium" class="text-white footer:text-dark-100 header:text-brand-tertiary lg:header:text-white" > <span class="sr-only">LinkedIn</span> <svg class="fill-current svg w-3 h-3 shrink-0 w-5 h-5 footer:w-6 footer:h-6" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#linkedin"></use> </svg> </a> </div> </div> </div> </div> </div> <div aria-labelledby="block-wingsuit-links-menu" id="block-wingsuit-links"> <ul block="block-wingsuit-links" class="inline-flex lg:items-center lg:space-x-6 lg:flex-row flex-col lg:w-auto w-full"> <li class="flex items-center gap-2 relative text-white"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#newsletter"></use> </svg> <a href="/page/nos-newsletters" class="flex items-center gap-2 relative text-white text-xs font-title leading-[14px] uppercase tracking-[1px] font-semibold before:content-[""] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static" data-drupal-link-system-path="node/2842">Newsletter</a> </li> <li class="flex items-center gap-2 relative text-white"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#contact"></use> </svg> <a href="/form/contact" class="flex items-center gap-2 relative text-white text-xs font-title leading-[14px] uppercase tracking-[1px] font-semibold before:content-[""] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static" data-drupal-link-system-path="webform/contact">Contact</a> </li> <li class="flex items-center gap-2 relative text-white"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#presse"></use> </svg> <a href="/page/communiques-de-presse" class="flex items-center gap-2 relative text-white text-xs font-title leading-[14px] uppercase tracking-[1px] font-semibold before:content-[""] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static" data-drupal-link-system-path="node/2234">Presse</a> </li> </ul> </div> </div> <div class="relative lg:absolute block lg:z-[-1] lg:opacity-0 lg:translate-y-[-300%] lg:border-t-[1px] border-brand-tertiary lg:top-[144px] bg-white lg:py-6 lg:left-0 lg:transition-all lg:duration-500 w-full" :class="{'lg:!translate-y-0 lg:!opacity-100' : searchOpen}"> <form block="block-wingsuit-formulaireexposerechercheblock-1" action="/recherche-globale" method="get" id="views-exposed-form-recherche-block-1" accept-charset="UTF-8"> <div class="js-form-item form-item relative checkbox-quiz:h-full title block child-input:shadow-border-secondary-900"> <div class="mb-1 md:mb-2 leading-[14px] webform:mb-1"> <label for="edit-title" class="text-xs leading-[14px] webform:leading-5 webform:font-medium text-brand-tertiary tracking-[1px] webform-checkboxes:font-normal webform-checkboxes:normal-case label-text:text-sm label-text:leading-5 label-text:tracking-normal label-text:font-sans uppercase font-semibold font-title" title="Votre Recherche">Votre Recherche</label> </div> <input placeholder="Rechercher..." data-drupal-selector="edit-title" type="text" id="edit-title" name="title" value="" size="30" maxlength="128" class="form-text border-0 focus:ring-0 focus:ring-offset-0 user-is-tabbing:focus:ring-2 user-is-tabbing:focus:ring-offset-2 user-is-tabbing:ring-brand-tertiary py-3 px-4 form-input block border-0 w-full fill-quiz:font-title lg:!text-sm lg:!leading-[22px] !text-xs !leading-4 tracking-[1px] font-semibold uppercase page-liste:p-0 page-liste:leading-5 lg:page-liste:font-normal page-liste:font-thin page-liste:normal-case page-liste:text-brand-tertiary page-liste:tracking-normal" /> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"> <input data-drupal-selector="edit-submit-recherche" type="submit" id="edit-submit-recherche" value="Rechercher" class="button js-form-submit form-submit flex justify-center lg:w-fit w-full text-sm leading-[22px] font-title lg:py-3 lg:pl-5 lg:pr-10 py-4 px-8 text-white cursor-pointer text-base font-semibold uppercase tracking-[1px] rounded-[100px] placeholder:text-white placeholder:text-center bg-brand-primary focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-primary bg-arrow-right-white bg-12 bg-no-repeat bg-right-20 ml-auto webform:w-full webform:px-8 webform:py-4" /> </div> </form> </div> </nav> </div> <div class="flex items-center gap-4"> <div class="hidden lg:flex items-center gap-2 xl:gap-4 ml-4 xl:ml-8"> <div class="icons-wrapper"> <div x-show="!searchOpen"> <button class="bg-transparent btn inline-flex font-title w-full md:w-auto items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black uppercase font-semibold transition tracking-[1px] rounded-[100px] dark-mode:bg-white dark-mode:text-brand-primary disabled:text-white disabled:bg-grey-200 disabled:shadow-none disabled:hover:opacity-100 flex-row" type="button" @click="searchOpen = true" > <span class="button-text text-left lg:whitespace-nowrap "></span> <svg class="fill-current svg w-3 h-3 shrink-0 w-6 h-6" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#search-black"></use> </svg> </button> </div> <div x-show="searchOpen" class="hidden w-6 h-6 items-center justify-center" :class="{'!flex' : searchOpen}"> <button class="bg-transparent btn inline-flex font-title w-full md:w-auto items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black uppercase font-semibold transition tracking-[1px] rounded-[100px] dark-mode:bg-white dark-mode:text-brand-primary disabled:text-white disabled:bg-grey-200 disabled:shadow-none disabled:hover:opacity-100 flex-row" type="button" @click="searchOpen = false" > <span class="button-text text-left lg:whitespace-nowrap "></span> <svg class="fill-current svg w-3 h-3 shrink-0 w-4 h-4" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#modal-close"></use> </svg> </button> </div> </div> </div> <div class="lg:hidden block"> </div> <div class="lg:hidden block"> <div class="toggle-dropdown relative with-counter " x-data="{ open: false, toggle() { if (this.open) { return this.close() } this.$refs.button.focus() this.open = true }, close(focusAfter) { if (! this.open) return this.open = false focusAfter && focusAfter.focus() } }" x-on:keydown.escape.prevent.stop="close($refs.button)" x-on:focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown-button']" >  <button x-ref="button" :aria-expanded="open" :aria-controls="$id('dropdown-button')" class="bg-transparent btn inline-flex font-title w-full md:w-auto items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black uppercase font-semibold transition tracking-[1px] rounded-[100px] dark-mode:bg-white dark-mode:text-brand-primary disabled:text-white disabled:bg-grey-200 disabled:shadow-none disabled:hover:opacity-100 flex-row" type="button" @click="toggle()" > <span class="button-text text-left lg:whitespace-nowrap "></span> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#user-black"></use> </svg> </button> <div x-ref="panel" x-show="open" x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" style="display: none;" class="styled-scroll min-w-full form-label:normal-case form-label:tracking-normal form-label:font-normal max-w-full lg:max-w-[346px] shadow-drop absolute child:max-h-[240px] overflow-hidden child:overflow-auto mt-1 left-0 bg-white rounded-3xl shadow-drop-select z-30 form-item:!mt-0 form-item:w-full form-item-label:py-4 form-item-label:px-6 form-item-label:bg-none form-item-label:transition form-item-label:duration-300 hover:form-item-label:bg-neutral-100 form-item-label:w-full form-item-label-inner:w-max left-1/2 -translate-x-1/2 lg:top-[calc(100%+32px)] top-[calc(100%+4px)] max-lg:!min-w-[140px]" > </div> </div> </div> <div class="lg:hidden flex items-center gap-4"> <button class="text-brand-tertiary w-8 h-8 relative focus:outline-none bg-white" x-data="{ isOpen: false, removeBodyScroll: () => { let body = document.getElementsByTagName('body')[0]; body.classList.add('overflow-hidden'); }, onCloseFunction: () => { let body = document.getElementsByTagName('body')[0]; body.classList.remove('overflow-hidden'); } }" x-init="open" @click="isOpen = open = !open; isOpen ? removeBodyScroll() : onCloseFunction()" > <span class="sr-only">Open main menu</span> <div class="block w-5 absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2"> <span aria-hidden="true" class="block absolute h-0.5 w-5 bg-current transform transition duration-500 ease-in-out" :class="{'rotate-45': open,' -translate-y-1.5': !open }"></span> <span aria-hidden="true" class="block absolute h-0.5 w-5 bg-current transform transition duration-500 ease-in-out" :class="{'opacity-0': open } "></span> <span aria-hidden="true" class="block absolute h-0.5 w-5 bg-current transform transition duration-500 ease-in-out" :class="{'-rotate-45': open, ' translate-y-1.5': !open}"></span> </div> </button> </div> </div> </div> </div> </div> </div> </div> </header> <main class="main-content flex-1 font-sans" id="main-content"> <div data-drupal-messages-fallback class="hidden"></div> <section class="hero-wrapper hero-homepage relative text-white grid items-start child:col-span-full child:row-span-full overflow-hidden first-child:z-20 "> <div class="relative container-wrapper"> <div class="layout w-full h-full overflow-hidden background-cover" style="z-index: -1"> <div class="has-section-padding max-w-container mx-auto w-full pb-8 lg:pb-20 pt-8 lg:pt-20 px-6 xl:px-0 text-secondary-900 text-secondary-900"> <div class="child:col-span-12 gap-4 lg:gap-8 grid grid-cols-12"> <div class="col-span-12 lg:!col-span-9"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h1 class=""> RETOUR EN VIDEO SUR LE SIA 2025 ! </h1> </div> <a href="https://www.agreenium.fr/page/retour-en-video-sur-le-sia-2025" class="btn inline-flex font-title w-full md:w-auto items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black uppercase font-semibold transition tracking-[1px] rounded-[100px] dark-mode:bg-white dark-mode:text-brand-primary disabled:text-white disabled:bg-grey-200 disabled:shadow-none disabled:hover:opacity-100 flex-row mt-2 lg:mt-8 !w-fit px-8 py-4 text-sm leading-[22px] text-brand-primary hover:text-brand-primary shadow-border backdrop-blur-lg footer:text-white hero-homepage:text-white hero-homepage:shadow-border-white-button footer:shadow-border-white-button hover:opacity-80" type="button" > <span class="button-text text-left lg:whitespace-nowrap ">Voir la vid茅o</span> <div class="ml-2 "></div> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </a> </div> </div> </div> </div></div> <div class="max-h-full lg:max-h-[790px] before:bg-custom-gradient h-full relative overflow-hidden lg:absolute top-0 left-0 w-full before:content-[''] before:absolute before:w-full before:h-full before:left-0 before:top-0 before:bg-black/10 before:z-10"> <div class="[&>img]:h-full [&>img]:object-cover [&>picture>img]:[&>picture>img]:object-cover aspect-none h-full child-all-images:object-cover child-all-images:h-full image-container relative w-full h-full child-all-images:h-full child-all-images:w-full [&>img]:h-full overflow-hidden md:[&>img]:w-auto md:[&>img]:w-full" > <picture> <source srcset="/sites/default/files/styles/hero/public/2025-02/sia2025-banner-home-web.jpg.webp?itok=5rd7NZw4 1x, /sites/default/files/styles/hero_x2_/public/2025-02/sia2025-banner-home-web.jpg.webp?itok=G0h0YFHT 2x" media="all and (min-width: 1024px)" type="image/webp" width="1920" height="1080"/> <source srcset="/sites/default/files/styles/hero_mobile_x1/public/2025-02/sia2025-banner-home-web.jpg.webp?itok=6TthJLVv 1x, /sites/default/files/styles/hero_mobile_x2/public/2025-02/sia2025-banner-home-web.jpg.webp?itok=sheQaN1P 2x" media="all and (min-width: 640px)" type="image/webp" width="360" height="203"/> <img src="/sites/default/files/styles/hero/public/2025-02/sia2025-banner-home-web.jpg.webp?itok=5rd7NZw4" alt="" aria-hidden="true"/> </picture> </div> </div> </section> <div class="relative container-wrapper"> <div class="bg-white layout w-full h-full overflow-hidden background-cover" style="z-index: -1"> <div class="has-section-padding max-w-container mx-auto w-full pb-0 pt-8 lg:pt-20 px-6 lg:px-0 text-secondary-900 text-secondary-900"> <div class="child:col-span-12 gap-4 lg:gap-8 grid grid-cols-12"> <div > <div class="flex items-center justify-between flex-wrap"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h2 class="">Nos focus</h2> </div> </div> </div> </div> </div> </div></div> <div class="relative container-wrapper"> <div class="bg-white layout w-full h-full overflow-hidden background-cover" style="z-index: -1"> <div class="has-section-padding max-w-container mx-auto w-full pb-0 pt-4 lg:pt-10 px-6 lg:px-0 text-secondary-900 text-secondary-900"> <div class="child:col-span-12 lg:[&>*:nth-child(odd)]:col-span-5 lg:[&>*:nth-child(even)]:col-span-7 gap-4 grid grid-cols-12"> <div > <div class="card bg-grey-100 group transition-shadow duration-500 ease-in-out transform rounded-[24px] h-full w-full flex flex-col relative overflow-hidden flex-col"> <div class="p-6 md:p-10 flex flex-col grow w-full "> <div class="card-content flex flex-col parcours-decouverte:!space-y-4 space-y-4"> <div class="ck-content lg:ck-content-lg max-w-none text-current mt-4"> <h3 class="medium group-hover:text-brand-primary"> Appel 脿 projets "Formations doctorales d'Agreenium" </h3> </div> <div class="-order-1 !mt-0"> <div class="flex items-center flex-wrap gap-2"> <div class="bg-secondary-light_green inline-flex font-title items-center px-3 py-1 text-white font-semibold uppercase font-title w-fit tracking-[1px] rounded-[8px] text-xs leading-[14px]"> <span>nos focus</span> </div> </div> </div> </div> <div class="mt-4"> <a class="before:content-[""] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static flex-row font-bold inline-flex w-fit items-center bg-gradient-to-r bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[2px] transition-all duration-300 from-brand-primary to-brand-primary dark-mode:bg-gradient-to-r dark-mode:from-white dark-mode:to-white dark-mode:text-white link inline-flex w-fit items-center font-title text-base leading-[22px] font-medium text-brand-primary hover:text-brand-primary white-link:bg-gradient-to-r white-link:from-white white-link:to-white white-link:text-white" href="/formations-doctorales/appel-projets-formations-doctorales" > Les candidatures sont ouvertes <span class="ml-2"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </span> </a> </div> </div> <div class="info-top !mt-0 -order-1 w-full overflow-hidden"> <div class=" img-wrapper"> <div class="[&>img]:h-full [&>img]:object-cover [&>picture>img]:[&>picture>img]:object-cover aspect-none h-full child-all-images:object-cover child-all-images:h-full image-container max-h-[157px] lg:max-h-[288px] lg:smaller-img-card:max-h-[236px] h-full overflow-hidden group-hover:scale-110 transition-scale duration-500 ease-in-out relative" > <picture> <source srcset="/sites/default/files/styles/1_image/public/2025-03/focus-international.png.webp?itok=81h7MJ9E 1x, /sites/default/files/styles/1_image_x2_/public/2025-03/focus-international.png.webp?itok=kx8AyK9A 2x" media="all and (min-width: 1440px)" type="image/webp" width="768" height="512"/> <source srcset="/sites/default/files/styles/1_image/public/2025-03/focus-international.png.webp?itok=81h7MJ9E 1x, /sites/default/files/styles/1_image_x2_/public/2025-03/focus-international.png.webp?itok=kx8AyK9A 2x" media="all and (min-width: 1024px)" type="image/webp" width="768" height="512"/> <source srcset="/sites/default/files/styles/2_images_x1_/public/2025-03/focus-international.png.webp?itok=CL2kbF7F 1x, /sites/default/files/styles/2_images_x2_/public/2025-03/focus-international.png.webp?itok=utdeNSdO 2x" media="all and (min-width: 640px)" type="image/webp" width="368" height="245"/> <img width="768" height="512" src="/sites/default/files/styles/1_image/public/2025-03/focus-international.png.webp?itok=81h7MJ9E" alt="" loading="lazy" aria-hidden="true"/> </picture> </div> </div> </div> </div> </div> <div > <div class="flex flex-col gap-4 [&>div]:flex-1 [&>div]:!h-auto h-full"> <div class="card bg-grey-100 group hover:shadow-hover transition-shadow duration-500 ease-in-out transform rounded-[24px] h-full w-full flex flex-col relative overflow-hidden flex-col md:flex-row"> <div class="p-6 md:p-10 flex flex-col grow w-full md:pr-4"> <div class="card-content flex flex-col parcours-decouverte:!space-y-4 space-y-4"> <div class="ck-content lg:ck-content-lg max-w-none text-current mt-4"> <h3 class="medium group-hover:text-brand-primary"> Transitions agricoles - les parcours d茅couverte </h3> </div> <div class="-order-1 !mt-0"> <div class="flex items-center flex-wrap gap-2"> <div class="bg-secondary-light_green inline-flex font-title items-center px-3 py-1 text-white font-semibold uppercase font-title w-fit tracking-[1px] rounded-[8px] text-xs leading-[14px]"> <span>nos focus</span> </div> </div> </div> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <div class="font-normal text-sm leading-5 text-brand-tertiary [&>*]:!mt-0">Pour s鈥檌nformer ou s鈥檃uto-former dans le domaine des transitions agricoles et alimentaires, les Parcours D茅couverte proposent de...</div> </div> </div> <div class="mt-4"> <a class="before:content-[""] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static flex-row font-bold inline-flex w-fit items-center bg-gradient-to-r bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[2px] transition-all duration-300 from-brand-primary to-brand-primary dark-mode:bg-gradient-to-r dark-mode:from-white dark-mode:to-white dark-mode:text-white link inline-flex w-fit items-center font-title text-base leading-[22px] font-medium text-brand-primary hover:text-brand-primary white-link:bg-gradient-to-r white-link:from-white white-link:to-white white-link:text-white" href="internal:/savoirs-et-ressources/transitions-agricoles" > En savoir plus <span class="ml-2"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </span> </a> </div> </div> <div class="info-top !mt-0 p-6 md:p-10 flex-shrink-0 hidden md:block overflow-hidden !pl-4"> <div class="rounded-[16px] h-full overflow-hidden img-wrapper"> <div class="[&>img]:h-full [&>img]:object-cover [&>picture>img]:[&>picture>img]:object-cover aspect-none h-full child-all-images:object-cover child-all-images:h-full image-container max-h-[157px] lg:max-h-[288px] lg:smaller-img-card:max-h-[236px] h-full overflow-hidden w-[201px] !h-full group-hover:scale-110 transition-scale duration-500 ease-in-out relative" > <img src="/sites/default/files/styles/card_horizontal/public/2025-03/logo%20transitions%20agricoles%20-redim1.png.webp?itok=knAnyz7X" alt="" aria-hidden="true"/> </div> </div> </div> </div> <div class="card bg-grey-100 group hover:shadow-hover transition-shadow duration-500 ease-in-out transform rounded-[24px] h-full w-full flex flex-col relative overflow-hidden flex-col md:flex-row"> <div class="p-6 md:p-10 flex flex-col grow w-full md:pr-4"> <div class="card-content flex flex-col parcours-decouverte:!space-y-4 space-y-4"> <div class="ck-content lg:ck-content-lg max-w-none text-current mt-4"> <h3 class="medium group-hover:text-brand-primary"> La bio茅conomie </h3> </div> <div class="-order-1 !mt-0"> <div class="flex items-center flex-wrap gap-2"> <div class="bg-secondary-light_green inline-flex font-title items-center px-3 py-1 text-white font-semibold uppercase font-title w-fit tracking-[1px] rounded-[8px] text-xs leading-[14px]"> <span>nos focus</span> </div> </div> </div> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <div class="font-normal text-sm leading-5 text-brand-tertiary [&>*]:!mt-0">La bio茅conomie est un concept n茅 dans la deuxi猫me partie du XX猫me si猫cle, et dont la d茅finition pr锚te encore 脿 controverse aujou...</div> </div> </div> <div class="mt-4"> <a class="before:content-[""] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static flex-row font-bold inline-flex w-fit items-center bg-gradient-to-r bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[2px] transition-all duration-300 from-brand-primary to-brand-primary dark-mode:bg-gradient-to-r dark-mode:from-white dark-mode:to-white dark-mode:text-white link inline-flex w-fit items-center font-title text-base leading-[22px] font-medium text-brand-primary hover:text-brand-primary white-link:bg-gradient-to-r white-link:from-white white-link:to-white white-link:text-white" href="/page/la-bioeconomie" > La Bio茅conomie <span class="ml-2"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </span> </a> </div> </div> <div class="info-top !mt-0 p-6 md:p-10 flex-shrink-0 hidden md:block overflow-hidden !pl-4"> <div class="rounded-[16px] h-full overflow-hidden img-wrapper"> <div class="[&>img]:h-full [&>img]:object-cover [&>picture>img]:[&>picture>img]:object-cover aspect-none h-full child-all-images:object-cover child-all-images:h-full image-container max-h-[157px] lg:max-h-[288px] lg:smaller-img-card:max-h-[236px] h-full overflow-hidden w-[201px] !h-full group-hover:scale-110 transition-scale duration-500 ease-in-out relative" > <img src="/sites/default/files/styles/card_horizontal/public/2024-11/home_focus_bioeconomie2.png.webp?itok=WRvmjAO9" alt="" aria-hidden="true"/> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="views-element-container"><div class="js-view-dom-id-1c1afbdf92355de358b55875c2665b04b864db5105d9e9e067e68509158eb5ef"> <div class="relative container-wrapper"> <div class="layout w-full h-full overflow-hidden background-cover" style="z-index: -1"> <div class="hover-a-la-une has-section-padding mx-auto w-full pb-0 pt-8 lg:pt-20 text-secondary-900 text-secondary-900"> <div class="child:col-span-12 gap-4 lg:gap-8 grid grid-cols-12"> <div > <div class="has-section-padding max-w-container mx-auto px-6 xl:px-0 mb-4 lg:mb-10 "> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h2 class="">Nos th茅matiques</h2> </div> </div> <div class="hover-a-la-une"> <div class="relative swiper-wrapper-box " data-swiper="swiperDefault" data-slides="1" data-gap="32" slidesNb="4" auto-scroll="false"> <div class="swiper-container overflow-hidden swiper-hover-a-la-une lg:w-full lg:overflow-hidden lg:mx-auto lg:my-50"> <div class="swiper-wrapper lg:w-full lg:flex lg:m-0 lg:p-0 "> <div class="swiper-slide !h-auto flex-shrink-0 relative w-full lg:!transition-all lg:!duration-[800ms] lg:delay-300 lg:flex-1 lg:ease-in-out lg:hover:flex-[3_3_0%] lg:hover:duration-0 lg:align-bottom lg:relative lg:!h-[648px] !h-auto lg:bg-no-repeat lg:border-r-2 lg:border-white lg:last:border-r-0"> <div class="lg:block lg:overflow-hidden w-full h-full lg:relative lg:align-bottom lg:box-border text-white"> <article class="relative overflow-hidden w-full h-full group " x-data="{hovered: false}" @mouseover="hovered = true" @mouseleave="hovered = false"> <div class="grid grid-cols-1 h-full"> <div class="row-span-full col-span-full relative p-6 lg:p-10 z-10 flex justify-end flex-col all-children:text-white"> <div class=" lg:max-h-0 overflow-hidden transition-all duration-[500ms] " x-ref="cardALaUne" x-bind:class="{ 'delay-500': hovered }" x-bind:style="hovered == true ? 'max-height: ' + $refs.cardALaUne.scrollHeight + 'px' : ''" > <div class="mb-4"> <div class="bg-secondary-light_green inline-flex font-title items-center px-3 py-1 text-white font-semibold uppercase font-title w-fit tracking-[1px] rounded-[8px] text-xs leading-[14px]"> <span>nos thematiques</span> </div> </div> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h3 class="text-white ">agricultures et for锚ts</h3> </div> <div class="text-white white-link "> <div class="ck-content lg:ck-content-lg max-w-none text-current "> </div> <div class="mt-4"> <a class="bg-gradient-to-r bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[2px] transition-all duration-300 from-brand-primary to-brand-primary dark-mode:bg-gradient-to-r dark-mode:from-white dark-mode:to-white dark-mode:text-white link inline-flex w-fit items-center font-title text-base leading-[22px] font-medium text-brand-primary hover:text-brand-primary white-link:bg-gradient-to-r white-link:from-white white-link:to-white white-link:text-white" href="/thematiques/agricultures-et-foret" > D茅couvrir <span class="ml-2"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </span> </a> </div> </div> </div> </div> <div class="row-span-full col-span-full overflow-hidden"> <div class="h-full before:z-[1] before:absolute before:left-0 before:top-0 before:w-full before:h-full before:transition-all before:bg-black/10 before:bg-custom-gradient "> <div class="[&>img]:h-full [&>img]:object-cover [&>picture>img]:[&>picture>img]:object-cover all-children:h-full lg:hover-slider:h-full hover-slider:h-[475px] group-hover:scale-110 transition-scale duration-500 ease-in-out aspect-none h-full child-all-images:object-cover child-all-images:h-full image-container relative" > <img loading="lazy" src="/sites/default/files/styles/large/public/2024-11/home_thematique_agriculture-et-foret2.png?itok=W97xnknk" width="480" height="320" alt="" aria-hidden="true"/> </div> </div> </div> </div> </article> </div> </div> <div class="swiper-slide !h-auto flex-shrink-0 relative w-full lg:!transition-all lg:!duration-[800ms] lg:delay-300 lg:flex-1 lg:ease-in-out lg:hover:flex-[3_3_0%] lg:hover:duration-0 lg:align-bottom lg:relative lg:!h-[648px] !h-auto lg:bg-no-repeat lg:border-r-2 lg:border-white lg:last:border-r-0"> <div class="lg:block lg:overflow-hidden w-full h-full lg:relative lg:align-bottom lg:box-border text-white"> <article class="relative overflow-hidden w-full h-full group " x-data="{hovered: false}" @mouseover="hovered = true" @mouseleave="hovered = false"> <div class="grid grid-cols-1 h-full"> <div class="row-span-full col-span-full relative p-6 lg:p-10 z-10 flex justify-end flex-col all-children:text-white"> <div class=" lg:max-h-0 overflow-hidden transition-all duration-[500ms] " x-ref="cardALaUne" x-bind:class="{ 'delay-500': hovered }" x-bind:style="hovered == true ? 'max-height: ' + $refs.cardALaUne.scrollHeight + 'px' : ''" > <div class="mb-4"> <div class="bg-secondary-light_green inline-flex font-title items-center px-3 py-1 text-white font-semibold uppercase font-title w-fit tracking-[1px] rounded-[8px] text-xs leading-[14px]"> <span>nos thematiques</span> </div> </div> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h3 class="text-white ">alimentation</h3> </div> <div class="text-white white-link "> <div class="ck-content lg:ck-content-lg max-w-none text-current "> </div> <div class="mt-4"> <a class="bg-gradient-to-r bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[2px] transition-all duration-300 from-brand-primary to-brand-primary dark-mode:bg-gradient-to-r dark-mode:from-white dark-mode:to-white dark-mode:text-white link inline-flex w-fit items-center font-title text-base leading-[22px] font-medium text-brand-primary hover:text-brand-primary white-link:bg-gradient-to-r white-link:from-white white-link:to-white white-link:text-white" href="/thematiques/alimentation" > D茅couvrir <span class="ml-2"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </span> </a> </div> </div> </div> </div> <div class="row-span-full col-span-full overflow-hidden"> <div class="h-full before:z-[1] before:absolute before:left-0 before:top-0 before:w-full before:h-full before:transition-all before:bg-black/10 before:bg-custom-gradient "> <div class="[&>img]:h-full [&>img]:object-cover [&>picture>img]:[&>picture>img]:object-cover all-children:h-full lg:hover-slider:h-full hover-slider:h-[475px] group-hover:scale-110 transition-scale duration-500 ease-in-out aspect-none h-full child-all-images:object-cover child-all-images:h-full image-container relative" > <img loading="lazy" src="/sites/default/files/styles/large/public/2024-11/home_thematique_alimentation.png?itok=1HbcidoK" width="480" height="320" alt="" aria-hidden="true"/> </div> </div> </div> </div> </article> </div> </div> <div class="swiper-slide !h-auto flex-shrink-0 relative w-full lg:!transition-all lg:!duration-[800ms] lg:delay-300 lg:flex-1 lg:ease-in-out lg:hover:flex-[3_3_0%] lg:hover:duration-0 lg:align-bottom lg:relative lg:!h-[648px] !h-auto lg:bg-no-repeat lg:border-r-2 lg:border-white lg:last:border-r-0"> <div class="lg:block lg:overflow-hidden w-full h-full lg:relative lg:align-bottom lg:box-border text-white"> <article class="relative overflow-hidden w-full h-full group " x-data="{hovered: false}" @mouseover="hovered = true" @mouseleave="hovered = false"> <div class="grid grid-cols-1 h-full"> <div class="row-span-full col-span-full relative p-6 lg:p-10 z-10 flex justify-end flex-col all-children:text-white"> <div class=" lg:max-h-0 overflow-hidden transition-all duration-[500ms] " x-ref="cardALaUne" x-bind:class="{ 'delay-500': hovered }" x-bind:style="hovered == true ? 'max-height: ' + $refs.cardALaUne.scrollHeight + 'px' : ''" > <div class="mb-4"> <div class="bg-secondary-light_green inline-flex font-title items-center px-3 py-1 text-white font-semibold uppercase font-title w-fit tracking-[1px] rounded-[8px] text-xs leading-[14px]"> <span>nos thematiques</span> </div> </div> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h3 class="text-white ">sant茅 globale</h3> </div> <div class="text-white white-link "> <div class="ck-content lg:ck-content-lg max-w-none text-current "> </div> <div class="mt-4"> <a class="bg-gradient-to-r bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[2px] transition-all duration-300 from-brand-primary to-brand-primary dark-mode:bg-gradient-to-r dark-mode:from-white dark-mode:to-white dark-mode:text-white link inline-flex w-fit items-center font-title text-base leading-[22px] font-medium text-brand-primary hover:text-brand-primary white-link:bg-gradient-to-r white-link:from-white white-link:to-white white-link:text-white" href="/thematiques/sante-globale" > D茅couvrir <span class="ml-2"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </span> </a> </div> </div> </div> </div> <div class="row-span-full col-span-full overflow-hidden"> <div class="h-full before:z-[1] before:absolute before:left-0 before:top-0 before:w-full before:h-full before:transition-all before:bg-black/10 before:bg-custom-gradient "> <div class="[&>img]:h-full [&>img]:object-cover [&>picture>img]:[&>picture>img]:object-cover all-children:h-full lg:hover-slider:h-full hover-slider:h-[475px] group-hover:scale-110 transition-scale duration-500 ease-in-out aspect-none h-full child-all-images:object-cover child-all-images:h-full image-container relative" > <img loading="lazy" src="/sites/default/files/styles/large/public/2024-11/home_thematique_sante-et-bien-etre-animal2.png?itok=1KwlH5rP" width="480" height="319" alt="" aria-hidden="true"/> </div> </div> </div> </div> </article> </div> </div> <div class="swiper-slide !h-auto flex-shrink-0 relative w-full lg:!transition-all lg:!duration-[800ms] lg:delay-300 lg:flex-1 lg:ease-in-out lg:hover:flex-[3_3_0%] lg:hover:duration-0 lg:align-bottom lg:relative lg:!h-[648px] !h-auto lg:bg-no-repeat lg:border-r-2 lg:border-white lg:last:border-r-0"> <div class="lg:block lg:overflow-hidden w-full h-full lg:relative lg:align-bottom lg:box-border text-white"> <article class="relative overflow-hidden w-full h-full group " x-data="{hovered: false}" @mouseover="hovered = true" @mouseleave="hovered = false"> <div class="grid grid-cols-1 h-full"> <div class="row-span-full col-span-full relative p-6 lg:p-10 z-10 flex justify-end flex-col all-children:text-white"> <div class=" lg:max-h-0 overflow-hidden transition-all duration-[500ms] " x-ref="cardALaUne" x-bind:class="{ 'delay-500': hovered }" x-bind:style="hovered == true ? 'max-height: ' + $refs.cardALaUne.scrollHeight + 'px' : ''" > <div class="mb-4"> <div class="bg-secondary-light_green inline-flex font-title items-center px-3 py-1 text-white font-semibold uppercase font-title w-fit tracking-[1px] rounded-[8px] text-xs leading-[14px]"> <span>nos thematiques</span> </div> </div> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h3 class="text-white ">territoires et environnement</h3> </div> <div class="text-white white-link "> <div class="ck-content lg:ck-content-lg max-w-none text-current "> </div> <div class="mt-4"> <a class="bg-gradient-to-r bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[2px] transition-all duration-300 from-brand-primary to-brand-primary dark-mode:bg-gradient-to-r dark-mode:from-white dark-mode:to-white dark-mode:text-white link inline-flex w-fit items-center font-title text-base leading-[22px] font-medium text-brand-primary hover:text-brand-primary white-link:bg-gradient-to-r white-link:from-white white-link:to-white white-link:text-white" href="/thematiques/territoires-et-environnement" > D茅couvrir <span class="ml-2"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </span> </a> </div> </div> </div> </div> <div class="row-span-full col-span-full overflow-hidden"> <div class="h-full before:z-[1] before:absolute before:left-0 before:top-0 before:w-full before:h-full before:transition-all before:bg-black/10 before:bg-custom-gradient "> <div class="[&>img]:h-full [&>img]:object-cover [&>picture>img]:[&>picture>img]:object-cover all-children:h-full lg:hover-slider:h-full hover-slider:h-[475px] group-hover:scale-110 transition-scale duration-500 ease-in-out aspect-none h-full child-all-images:object-cover child-all-images:h-full image-container relative" > <img loading="lazy" src="/sites/default/files/styles/large/public/2024-11/home_thematique_territoire-et-environnement2.png?itok=VEKtMahI" width="480" height="270" alt="" aria-hidden="true"/> </div> </div> </div> </div> </article> </div> </div> </div> </div> <div class="swiper-pagination lg:!top-auto lg:slider-actu:!bottom-[40px] !top-0 lg:mt-0 mt-4 slide-bullet:w-3 slide-bullet:opacity-100 slide-bullet:h-3 lg:absolute relative lg:slide-bullet:bg-transparent lg:slide-bullet-active:shadow-border-white-active lg:slide-bullet:shadow-border-white slide-bullet:shadow-border-primary slide-bullet-active:shadow-border-primary-active slide-bullet:bg-white slide-bullet-active:bg-brand-primary lg:hidden block "></div> </div> </div> </div> </div> </div> </div></div> </div> </div> <div class="relative container-wrapper"> <div class="bg-white layout w-full h-full overflow-hidden background-cover" style="z-index: -1"> <div class="has-section-padding max-w-container mx-auto w-full pb-8 lg:pb-20 pt-8 lg:pt-20 px-6 lg:px-0 text-secondary-900 text-secondary-900"> <div class="child:col-span-12 lg:[&>*:nth-child(odd)]:col-span-7 lg:[&>*:nth-child(even)]:col-span-5 gap-4 grid grid-cols-12"> <div class="flex flex-col h-full"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h2 class="">Nos actualit茅s</h2> </div> <a class="bg-gradient-to-r bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[2px] transition-all duration-300 from-brand-primary to-brand-primary dark-mode:bg-gradient-to-r dark-mode:from-white dark-mode:to-white dark-mode:text-white link inline-flex w-fit items-center font-title mt-4 text-base leading-[22px] font-medium text-brand-primary hover:text-brand-primary white-link:bg-gradient-to-r white-link:from-white white-link:to-white white-link:text-white" href="/liste-actualite/actualites" > Voir toutes nos actualit茅s <span class="ml-2"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </span> </a> <div class="lg:mt-10 mt-4 h-full lg:[&>div]:h-full"> <div class="views-element-container"><div class="js-view-dom-id-c59f28f1f5fc4b30497bb5fe4a6ab4f462a404d8d42265b5eba6dc7300cebee3 h-full"> <div class="h-full"> <div class="relative swiper-wrapper-box h-full" data-swiper="swiperDefault" data-slides="1" data-gap="32" slidesNb="4" auto-scroll="false"> <div class="flex items-center justify-between gap-y-6 "> <div class="swiper-navigation flex justify-center gap-2 md:gap-4 hidden lg:flex gap-4 absolute top-1/2 right-[56px] w-[calc(100%-112px)] justify-between -translate-y-1/2 z-10 "> <div class="swiper-button-prev !left-auto after:!content-[unset] !block !mt-0 md:!w-12 md:!h-12 !relative [&>button]:bg-black/20 [&>button]:backdrop-blur-[20px]"> <button class="flex text-white items-center hover:opacity-80 justify-center bg-brand-primary swiper-mobile:w-8 swiper-mobile:h-8 swiper-mobile:min-w-[32px] md:w-[48px] md:h-[48px] md:min-w-[48px] w-8 h-8 rounded-full"> <svg aria-label="茅l茅ment pr茅c茅dent" role="button" class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#chevron-left"></use> </svg> </button> </div> <div class="swiper-button-next !relative !right-auto after:!content-[unset] !block !mt-0 !w-12 !h-12 [&>button]:bg-black/20 [&>button]:backdrop-blur-[20px]"> <button class="flex text-white bg-brand-primary items-center hover:opacity-80 justify-center swiper-mobile:w-8 swiper-mobile:h-8 swiper-mobile:min-w-[32px] md:w-[48px] md:h-[48px] md:min-w-[48px] w-8 h-8 rounded-full"> <svg aria-label="茅l茅ment suivant" role="button" class="stroke-current stroke-2 fill-none svg w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </button> </div> </div> </div> <div class="swiper-container overflow-hidden slider-actu h-full"> <div class="swiper-wrapper "> <div class="swiper-slide !h-auto flex-shrink-0 relative w-full rounded-3xl overflow-hidden"> <article class="relative overflow-hidden w-full h-full group"> <div class="grid grid-cols-1 h-full"> <div class="row-span-full swiper-slide-active:animate-fade-up swiper-slide-active:animate-ease-linear swiper-slide-active:animate-duration-500 swiper-slide-active:animate-delay-[520ms] col-span-full relative p-6 md:p-10 z-10 flex justify-between flex-col all-children:text-white"> <div class="flex items-center flex-wrap gap-2"> </div> <div class="text-white mt-auto"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h3 class="medium"><span>Territoires de l鈥檃griculture : nouveaux enjeux, nouvelles coop茅rations entre agronomes, g茅ographes et zootechniciens </span> </h3> </div> <div class="ck-content lg:ck-content-lg max-w-none text-current "> </div> <div class="mt-4 white-link lg:slider-actu:mb-12"> <a class="bg-gradient-to-r bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[2px] transition-all duration-300 from-brand-primary to-brand-primary dark-mode:bg-gradient-to-r dark-mode:from-white dark-mode:to-white dark-mode:text-white link inline-flex w-fit items-center font-title text-base leading-[22px] font-medium text-brand-primary hover:text-brand-primary white-link:bg-gradient-to-r white-link:from-white white-link:to-white white-link:text-white" href="/page/territoires-de-lagriculture-nouveaux-enjeux-nouvelles-cooperations-entre-agronomes-geographes" > Lire plus <span class="ml-2"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </span> </a> </div> </div> </div> <div class="row-span-full card-image col-span-full swiper-slide-active:animate-fade swiper-slide-active:animate-duration-700 swiper-slide-active:animate-ease-in"> <div class="h-full before:z-[1] before:absolute before:left-0 before:top-0 before:w-full before:h-full before:transition-all before:bg-image-gradient" > <div class="[&>img]:h-full [&>img]:object-cover [&>picture>img]:[&>picture>img]:object-cover aspect-none h-full child-all-images:object-cover child-all-images:h-full image-container relative Array" > <picture> <source srcset="/sites/default/files/styles/card_actualite_x1/public/2025-03/brebis.PNG.webp?itok=5r6yr6m- 1x, /sites/default/files/styles/card_actualite_x2/public/2025-03/brebis.PNG.webp?itok=POCSPrgs 2x" media="all and (min-width: 1024px)" type="image/webp" width="675" height="700"/> <source srcset="/sites/default/files/styles/card_actualite_mobile/public/2025-03/brebis.PNG.webp?itok=PW-z07Gv 1x, /sites/default/files/styles/card_actualite_mobile_x2/public/2025-03/brebis.PNG.webp?itok=r51PVyfk 2x" media="all and (min-width: 640px)" type="image/webp" width="312" height="188"/> <img loading="lazy" width="675" height="700" src="/sites/default/files/styles/card_actualite_x1/public/2025-03/brebis.PNG.webp?itok=5r6yr6m-" alt="Olivier de Serres" /> </picture> </div> </div> </div> </div> </article> </div> <div class="swiper-slide !h-auto flex-shrink-0 relative w-full rounded-3xl overflow-hidden"> <article class="relative overflow-hidden w-full h-full group"> <div class="grid grid-cols-1 h-full"> <div class="row-span-full swiper-slide-active:animate-fade-up swiper-slide-active:animate-ease-linear swiper-slide-active:animate-duration-500 swiper-slide-active:animate-delay-[520ms] col-span-full relative p-6 md:p-10 z-10 flex justify-between flex-col all-children:text-white"> <div class="flex items-center flex-wrap gap-2"> </div> <div class="text-white mt-auto"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h3 class="medium"><span>C茅r茅monie de remise de labels EIR-A au SIA 2025</span> </h3> </div> <div class="ck-content lg:ck-content-lg max-w-none text-current "> </div> <div class="mt-4 white-link lg:slider-actu:mb-12"> <a class="bg-gradient-to-r bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[2px] transition-all duration-300 from-brand-primary to-brand-primary dark-mode:bg-gradient-to-r dark-mode:from-white dark-mode:to-white dark-mode:text-white link inline-flex w-fit items-center font-title text-base leading-[22px] font-medium text-brand-primary hover:text-brand-primary white-link:bg-gradient-to-r white-link:from-white white-link:to-white white-link:text-white" href="/page/ceremonie-de-remise-de-labels-eir-au-sia-2025" > Lire plus <span class="ml-2"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </span> </a> </div> </div> </div> <div class="row-span-full card-image col-span-full swiper-slide-active:animate-fade swiper-slide-active:animate-duration-700 swiper-slide-active:animate-ease-in"> <div class="h-full before:z-[1] before:absolute before:left-0 before:top-0 before:w-full before:h-full before:transition-all before:bg-image-gradient" > <div class="[&>img]:h-full [&>img]:object-cover [&>picture>img]:[&>picture>img]:object-cover aspect-none h-full child-all-images:object-cover child-all-images:h-full image-container relative Array" > <picture> <source srcset="/sites/default/files/styles/card_actualite_x1/public/2025-03/IMG_0006.JPG.webp?itok=AmwLcdr5 1x, /sites/default/files/styles/card_actualite_x2/public/2025-03/IMG_0006.JPG.webp?itok=Yo_mkg8M 2x" media="all and (min-width: 1024px)" type="image/webp" width="675" height="700"/> <source srcset="/sites/default/files/styles/card_actualite_mobile/public/2025-03/IMG_0006.JPG.webp?itok=Z-B5Tl9q 1x, /sites/default/files/styles/card_actualite_mobile_x2/public/2025-03/IMG_0006.JPG.webp?itok=8Qp2yG1M 2x" media="all and (min-width: 640px)" type="image/webp" width="312" height="208"/> <img loading="lazy" width="675" height="700" src="/sites/default/files/styles/card_actualite_x1/public/2025-03/IMG_0006.JPG.webp?itok=AmwLcdr5" alt="SIA 2025" /> </picture> </div> </div> </div> </div> </article> </div> <div class="swiper-slide !h-auto flex-shrink-0 relative w-full rounded-3xl overflow-hidden"> <article class="relative overflow-hidden w-full h-full group"> <div class="grid grid-cols-1 h-full"> <div class="row-span-full swiper-slide-active:animate-fade-up swiper-slide-active:animate-ease-linear swiper-slide-active:animate-duration-500 swiper-slide-active:animate-delay-[520ms] col-span-full relative p-6 md:p-10 z-10 flex justify-between flex-col all-children:text-white"> <div class="flex items-center flex-wrap gap-2"> </div> <div class="text-white mt-auto"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h3 class="medium"><span>Tables rondes sur la bio茅conomie, les bioressources et l'茅conomie circulaire au SIA 2025 </span> </h3> </div> <div class="ck-content lg:ck-content-lg max-w-none text-current "> </div> <div class="mt-4 white-link lg:slider-actu:mb-12"> <a class="bg-gradient-to-r bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[2px] transition-all duration-300 from-brand-primary to-brand-primary dark-mode:bg-gradient-to-r dark-mode:from-white dark-mode:to-white dark-mode:text-white link inline-flex w-fit items-center font-title text-base leading-[22px] font-medium text-brand-primary hover:text-brand-primary white-link:bg-gradient-to-r white-link:from-white white-link:to-white white-link:text-white" href="/page/tables-rondes-sur-la-bioeconomie-les-bioressources-et-leconomie-circulaire-au-sia-2025" > Lire plus <span class="ml-2"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </span> </a> </div> </div> </div> <div class="row-span-full card-image col-span-full swiper-slide-active:animate-fade swiper-slide-active:animate-duration-700 swiper-slide-active:animate-ease-in"> <div class="h-full before:z-[1] before:absolute before:left-0 before:top-0 before:w-full before:h-full before:transition-all before:bg-image-gradient" > <div class="[&>img]:h-full [&>img]:object-cover [&>picture>img]:[&>picture>img]:object-cover aspect-none h-full child-all-images:object-cover child-all-images:h-full image-container relative Array" > <picture> <source srcset="/sites/default/files/styles/card_actualite_x1/public/2025-03/IMG_0013%20%281%29.JPG.webp?itok=tS0VADIf 1x, /sites/default/files/styles/card_actualite_x2/public/2025-03/IMG_0013%20%281%29.JPG.webp?itok=exkKhI6N 2x" media="all and (min-width: 1024px)" type="image/webp" width="675" height="700"/> <source srcset="/sites/default/files/styles/card_actualite_mobile/public/2025-03/IMG_0013%20%281%29.JPG.webp?itok=7dF70Quk 1x, /sites/default/files/styles/card_actualite_mobile_x2/public/2025-03/IMG_0013%20%281%29.JPG.webp?itok=34AkmoG1 2x" media="all and (min-width: 640px)" type="image/webp" width="312" height="208"/> <img loading="lazy" width="675" height="700" src="/sites/default/files/styles/card_actualite_x1/public/2025-03/IMG_0013%20%281%29.JPG.webp?itok=tS0VADIf" alt="SIA 2025" /> </picture> </div> </div> </div> </div> </article> </div> <div class="swiper-slide !h-auto flex-shrink-0 relative w-full rounded-3xl overflow-hidden"> <article class="relative overflow-hidden w-full h-full group"> <div class="grid grid-cols-1 h-full"> <div class="row-span-full swiper-slide-active:animate-fade-up swiper-slide-active:animate-ease-linear swiper-slide-active:animate-duration-500 swiper-slide-active:animate-delay-[520ms] col-span-full relative p-6 md:p-10 z-10 flex justify-between flex-col all-children:text-white"> <div class="flex items-center flex-wrap gap-2"> </div> <div class="text-white mt-auto"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h3 class="medium"><span>Communiqu茅 de presse : Les Grandes Ecoles publiques reviennent au SIA 2025 ! </span> </h3> </div> <div class="ck-content lg:ck-content-lg max-w-none text-current "> </div> <div class="mt-4 white-link lg:slider-actu:mb-12"> <a class="bg-gradient-to-r bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[2px] transition-all duration-300 from-brand-primary to-brand-primary dark-mode:bg-gradient-to-r dark-mode:from-white dark-mode:to-white dark-mode:text-white link inline-flex w-fit items-center font-title text-base leading-[22px] font-medium text-brand-primary hover:text-brand-primary white-link:bg-gradient-to-r white-link:from-white white-link:to-white white-link:text-white" href="/page/communique-de-presse-les-grandes-ecoles-publiques-reviennent-au-sia-2025" > Lire plus <span class="ml-2"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </span> </a> </div> </div> </div> <div class="row-span-full card-image col-span-full swiper-slide-active:animate-fade swiper-slide-active:animate-duration-700 swiper-slide-active:animate-ease-in"> <div class="h-full before:z-[1] before:absolute before:left-0 before:top-0 before:w-full before:h-full before:transition-all before:bg-image-gradient" > <div class="[&>img]:h-full [&>img]:object-cover [&>picture>img]:[&>picture>img]:object-cover aspect-none h-full child-all-images:object-cover child-all-images:h-full image-container relative Array" > <picture> <source srcset="/sites/default/files/styles/card_actualite_x1/public/2025-02/Visuel%20logo%20Facebook.png.webp?itok=Teyn9f_J 1x, /sites/default/files/styles/card_actualite_x2/public/2025-02/Visuel%20logo%20Facebook.png.webp?itok=f8yScTwr 2x" media="all and (min-width: 1024px)" type="image/webp" width="675" height="700"/> <source srcset="/sites/default/files/styles/card_actualite_mobile/public/2025-02/Visuel%20logo%20Facebook.png.webp?itok=1X-j77HY 1x, /sites/default/files/styles/card_actualite_mobile_x2/public/2025-02/Visuel%20logo%20Facebook.png.webp?itok=CVHj7yTI 2x" media="all and (min-width: 640px)" type="image/webp" width="312" height="164"/> <img loading="lazy" width="675" height="700" src="/sites/default/files/styles/card_actualite_x1/public/2025-02/Visuel%20logo%20Facebook.png.webp?itok=Teyn9f_J" alt="GEP" /> </picture> </div> </div> </div> </div> </article> </div> </div> </div> <div class="swiper-pagination lg:!top-auto lg:slider-actu:!bottom-[40px] !top-0 lg:mt-0 mt-4 slide-bullet:w-3 slide-bullet:opacity-100 slide-bullet:h-3 lg:absolute relative lg:slide-bullet:bg-transparent lg:slide-bullet-active:shadow-border-white-active lg:slide-bullet:shadow-border-white slide-bullet:shadow-border-primary slide-bullet-active:shadow-border-primary-active slide-bullet:bg-white slide-bullet-active:bg-brand-primary "></div> </div> </div> </div> </div> </div> </div> <div class="flex flex-col h-full"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h2 class="">Nos 茅v猫nements</h2> </div> <a class="bg-gradient-to-r bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[2px] transition-all duration-300 from-brand-primary to-brand-primary dark-mode:bg-gradient-to-r dark-mode:from-white dark-mode:to-white dark-mode:text-white link inline-flex w-fit items-center font-title mt-4 text-base leading-[22px] font-medium text-brand-primary hover:text-brand-primary white-link:bg-gradient-to-r white-link:from-white white-link:to-white white-link:text-white" href="/liste-actualite/evenements" > Voir tous nos 茅v猫nements <span class="ml-2"> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-right"></use> </svg> </span> </a> <div class="lg:mt-10 mt-4"> <div class="views-element-container"><div class="js-view-dom-id-1d86d6746a2837a546e55d4ba947ac8798966e57963b1198edd516a6c0e3662a"> <div class="space-y-4"> <div class="views-row"> <div class="card bg-grey-100 group hover:shadow-hover transition-shadow duration-500 ease-in-out transform rounded-[24px] h-full w-full flex flex-col relative overflow-hidden flex-col"> <div class="p-6 md:p-10 flex flex-col grow w-full "> <div class="card-content flex flex-col parcours-decouverte:!space-y-4 space-y-4"> <div class="ck-content lg:ck-content-lg max-w-none text-current mt-4"> <h3 class="small group-hover:text-brand-primary"> <a href="/page/retour-en-video-sur-le-sia-2025" class="card-link text-current hover:text-brand-primary transition-all duration-300 before:content-[''] before:absolute before:top-0 before:left-0 before:w-full before:h-full before:block before:z-10"> <span>Retour en vid茅o sur le SIA 2025 ! </span> </a> </h3> </div> <div class="-order-1 !mt-0"> <div class="flex items-center flex-wrap gap-2"> <div class="bg-brand-primary inline-flex font-title items-center px-3 py-1 text-white font-semibold uppercase font-title w-fit tracking-[1px] rounded-[8px] text-xs leading-[14px]"> <span>nos 茅v猫nements</span> </div> </div> </div> <div class="flex items-center gap-2 mt-0 font-title text-brand-primary md:hero:text-brand-primary hero:text-white"> <p class="font-semibold uppercase tracking-[1px] !mt-0 text-brand-primary md:hero:text-brand-primary hero:text-white text-xs leading-[14px]">DU 22 f茅vrier 2025 AU 2 mars 2025</p> </div> </div> </div> </div> </div> <div class="views-row"> <div class="card bg-grey-100 group hover:shadow-hover transition-shadow duration-500 ease-in-out transform rounded-[24px] h-full w-full flex flex-col relative overflow-hidden flex-col"> <div class="p-6 md:p-10 flex flex-col grow w-full "> <div class="card-content flex flex-col parcours-decouverte:!space-y-4 space-y-4"> <div class="ck-content lg:ck-content-lg max-w-none text-current mt-4"> <h3 class="small group-hover:text-brand-primary"> <a href="/page/retour-en-images-sur-le-seminaire-eir-2024-montpellier" class="card-link text-current hover:text-brand-primary transition-all duration-300 before:content-[''] before:absolute before:top-0 before:left-0 before:w-full before:h-full before:block before:z-10"> <span>Retour en images sur le s茅minaire EIR-A 2024 脿 Montpellier</span> </a> </h3> </div> <div class="-order-1 !mt-0"> <div class="flex items-center flex-wrap gap-2"> <div class="bg-brand-primary inline-flex font-title items-center px-3 py-1 text-white font-semibold uppercase font-title w-fit tracking-[1px] rounded-[8px] text-xs leading-[14px]"> <span>nos 茅v猫nements</span> </div> </div> </div> <div class="flex items-center gap-2 mt-0 font-title text-brand-primary md:hero:text-brand-primary hero:text-white"> <p class="font-semibold uppercase tracking-[1px] !mt-0 text-brand-primary md:hero:text-brand-primary hero:text-white text-xs leading-[14px]">DU 3 juin 2024 AU 7 novembre 2024</p> </div> </div> </div> </div> </div> <div class="views-row"> <div class="card bg-grey-100 group hover:shadow-hover transition-shadow duration-500 ease-in-out transform rounded-[24px] h-full w-full flex flex-col relative overflow-hidden flex-col"> <div class="p-6 md:p-10 flex flex-col grow w-full "> <div class="card-content flex flex-col parcours-decouverte:!space-y-4 space-y-4"> <div class="ck-content lg:ck-content-lg max-w-none text-current mt-4"> <h3 class="small group-hover:text-brand-primary"> <a href="/page/seminaire-strategique-de-lalliance" class="card-link text-current hover:text-brand-primary transition-all duration-300 before:content-[''] before:absolute before:top-0 before:left-0 before:w-full before:h-full before:block before:z-10"> <span>S茅minaire strat茅gique de l鈥橝lliance</span> </a> </h3> </div> <div class="-order-1 !mt-0"> <div class="flex items-center flex-wrap gap-2"> <div class="bg-brand-primary inline-flex font-title items-center px-3 py-1 text-white font-semibold uppercase font-title w-fit tracking-[1px] rounded-[8px] text-xs leading-[14px]"> <span>nos 茅v猫nements</span> </div> </div> </div> <div class="flex items-center gap-2 mt-0 font-title text-brand-primary md:hero:text-brand-primary hero:text-white"> <p class="font-semibold uppercase tracking-[1px] !mt-0 text-brand-primary md:hero:text-brand-primary hero:text-white text-xs leading-[14px]">DU 19 d茅cembre 2023 AU 19 d茅cembre 2023</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="relative container-wrapper"> <div class="bg-white layout w-full h-full overflow-hidden background-cover" style="z-index: -1"> <div class="has-section-padding max-w-container mx-auto w-full pb-8 lg:pb-20 pt-8 lg:pt-20 px-6 lg:px-0 text-secondary-900 text-secondary-900"> <div class="flex flex-col gap-4 lg:gap-8"> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <h2 class="">Nos Membres</h2> </div> <div class="!grid-cols-2 sm:!grid-cols-3 md:!grid-cols-4 lg:!grid-cols-6 gap-4 grid grid-cols-12"> <div class="relative rounded-3xl p-6 border-[1px] border-grey-500 aspect-square lg:hover:grayscale transition-all duration-200 ease-linear [&>img]:!h-auto flex flex-col justify-center"> <a href="http://agroparistech.fr" target="_blank" class="before:content-[''] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static"> <img src="/sites/default/files/styles/logo_image/public/2024-08/APT_Logo_RVB_Positif.jpg.webp?itok=sBl04XLH" alt="" aria-hidden="true"/> </a> </div> <div class="relative rounded-3xl p-6 border-[1px] border-grey-500 aspect-square lg:hover:grayscale transition-all duration-200 ease-linear [&>img]:!h-auto flex flex-col justify-center"> <a href="http://www.agro-bordeaux.fr" target="_blank" class="before:content-[''] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static"> <img src="/sites/default/files/styles/logo_image/public/2024-08/logo_bsa_vertical_cmjn.png.webp?itok=HdMKttDb" alt="" aria-hidden="true"/> </a> </div> <div class="relative rounded-3xl p-6 border-[1px] border-grey-500 aspect-square lg:hover:grayscale transition-all duration-200 ease-linear [&>img]:!h-auto flex flex-col justify-center"> <a href="http://www.cirad.fr" target="_blank" class="before:content-[''] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static"> <img src="/sites/default/files/styles/logo_image/public/d7/cirad_0.png.webp?itok=JSWOIBYi" alt="" aria-hidden="true"/> </a> </div> <div class="relative rounded-3xl p-6 border-[1px] border-grey-500 aspect-square lg:hover:grayscale transition-all duration-200 ease-linear [&>img]:!h-auto flex flex-col justify-center"> <a href="http://ensaia.univ-lorraine.fr/" target="_blank" class="before:content-[''] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static"> <img src="/sites/default/files/styles/logo_image/public/2024-08/logo_ENSAIA_couleur.jpg.webp?itok=QhkB3r3q" alt="" aria-hidden="true"/> </a> </div> <div class="relative rounded-3xl p-6 border-[1px] border-grey-500 aspect-square lg:hover:grayscale transition-all duration-200 ease-linear [&>img]:!h-auto flex flex-col justify-center"> <a href="http://www.ensat.fr/fr/index.html" target="_blank" class="before:content-[''] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static"> <img src="/sites/default/files/styles/logo_image/public/2024-11/logo_ENSAT_241115.png.webp?itok=CCO9Fkku" alt="" aria-hidden="true"/> </a> </div> <div class="relative rounded-3xl p-6 border-[1px] border-grey-500 aspect-square lg:hover:grayscale transition-all duration-200 ease-linear [&>img]:!h-auto flex flex-col justify-center"> <a href="http://www.ensfea.fr" target="_blank" class="before:content-[''] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static"> <img src="/sites/default/files/styles/logo_image/public/d7/ensfea_3.png.webp?itok=7ibTMM4r" alt="" aria-hidden="true"/> </a> </div> <div class="relative rounded-3xl p-6 border-[1px] border-grey-500 aspect-square lg:hover:grayscale transition-all duration-200 ease-linear [&>img]:!h-auto flex flex-col justify-center"> <a href="http://www.enstib.univ-lorraine.fr/fr/" target="_blank" class="before:content-[''] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static"> <img src="/sites/default/files/styles/logo_image/public/2024-08/Lorraine%20INP%20ENSTIB%20%28couleur%2C%20CMJN%29.png.webp?itok=0IQP8qa-" alt="" aria-hidden="true"/> </a> </div> <div class="relative rounded-3xl p-6 border-[1px] border-grey-500 aspect-square lg:hover:grayscale transition-all duration-200 ease-linear [&>img]:!h-auto flex flex-col justify-center"> <a href="https://envt.fr/" target="_blank" class="before:content-[''] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static"> <img src="/sites/default/files/styles/logo_image/public/d7/envt.png.webp?itok=mFz8lnY-" alt="" aria-hidden="true"/> </a> </div> <div class="relative rounded-3xl p-6 border-[1px] border-grey-500 aspect-square lg:hover:grayscale transition-all duration-200 ease-linear [&>img]:!h-auto flex flex-col justify-center"> <a href="https://www.inrae.fr/" target="_blank" class="before:content-[''] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static"> <img src="/sites/default/files/styles/logo_image/public/d7/inrae_0.png.webp?itok=ZxXEqANJ" alt="" aria-hidden="true"/> </a> </div> <div class="relative rounded-3xl p-6 border-[1px] border-grey-500 aspect-square lg:hover:grayscale transition-all duration-200 ease-linear [&>img]:!h-auto flex flex-col justify-center"> <a href="https://www.institut-agro.fr" target="_blank" class="before:content-[''] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static"> <img src="/sites/default/files/styles/logo_image/public/2024-08/logo-institut-agro-couleur-72dpi.png.webp?itok=YH5TrpMy" alt="" aria-hidden="true"/> </a> </div> <div class="relative rounded-3xl p-6 border-[1px] border-grey-500 aspect-square lg:hover:grayscale transition-all duration-200 ease-linear [&>img]:!h-auto flex flex-col justify-center"> <a href="http://www.oniris-nantes.fr/" target="_blank" class="before:content-[''] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static"> <img src="/sites/default/files/styles/logo_image/public/2024-08/LOGO%20ONIRIS%20VetAgroBio%20CMJN.png.webp?itok=9X92RJUX" alt="" aria-hidden="true"/> </a> </div> <div class="relative rounded-3xl p-6 border-[1px] border-grey-500 aspect-square lg:hover:grayscale transition-all duration-200 ease-linear [&>img]:!h-auto flex flex-col justify-center"> <a href="https://www.vetagro-sup.fr/" target="_blank" class="before:content-[''] before:absolute before:top-0 before:right-0 before:bottom-0 before:left-0 before:z-10 static"> <img src="/sites/default/files/styles/logo_image/public/2024-08/2021_Logo_VetAgroSup_H_CMJN_04.jpg.webp?itok=g72t4R46" alt="" aria-hidden="true"/> </a> </div> </div> </div> </div> </div></div> </main> <footer class="child:text-white footer font-sans md:module:mt-4" id="footer" role="contentinfo"> <div class="relative container-wrapper"> <div class="!overflow-visible bg-grey-900 layout w-full h-full overflow-hidden background-cover" style="z-index: -1"> <div class="has-section-padding max-w-container mx-auto w-full pb-6 lg:pb-24 pt-6 lg:pt-24 px-6 xl:px-0 text-secondary-900 text-secondary-900"> <div class="child:col-span-12 lg:[&>*:nth-child(3n+1)]:col-span-4 lg:[&>*:nth-child(3n+2)]:col-span-6 lg:[&>*:nth-child(3n+3)]:col-span-2 gap-4 lg:gap-8 grid grid-cols-12"> <div > <div class="space-y-6 lg:space-y-8 flex flex-col lg:items-start items-center lg:text-start text-center"> <a class="shrink-0" href="/"> <img src="/themes/custom/wingsuit/dist/app-drupal/images/logo-white.svg" alt="Brand Logo" class="!h-7 lg:!h-8 xl:!h-12 lg:footer:!h-[54px] !w-auto"> </a> <div class="ck-content lg:ck-content-lg max-w-none text-current "> <div class="text-sm leading-5 text-current font-thin">Agreenium, l'alliance de la formation et de la recherche pour l'agriculture, l'alimentation, l'environnement et la sant茅 globale.</div> </div> <div aria-labelledby="block-wingsuit-reseauxsociaux-2-menu" id="block-wingsuit-reseauxsociaux-2"> <div block="block-wingsuit-reseauxsociaux-2" class="flex items-center justify-start space-x-4 text-brand-primary bg-grey-900"> <div class="inline-flex item-center space-x-2 footer:space-x-4"> <a href="https://www.facebook.com/Agreenium" class="text-white footer:text-dark-100 header:text-brand-tertiary lg:header:text-white" > <span class="sr-only">Facebook</span> <svg class="fill-current svg w-3 h-3 shrink-0 w-5 h-5 footer:w-6 footer:h-6" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#facebook"></use> </svg> </a> <a href="https://www.youtube.com/channel/UCP1e1wx-GOu846TGEgisEQA" class="text-white footer:text-dark-100 header:text-brand-tertiary lg:header:text-white" > <span class="sr-only">Youtube</span> <svg class="fill-current svg w-3 h-3 shrink-0 w-5 h-5 footer:w-6 footer:h-6" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#youtube"></use> </svg> </a> <a href="https://x.com/agreenium" class="text-white footer:text-dark-100 header:text-brand-tertiary lg:header:text-white" > <span class="sr-only">X</span> <svg class="fill-current svg w-3 h-3 shrink-0 w-5 h-5 footer:w-6 footer:h-6" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#x"></use> </svg> </a> <a href="https://www.linkedin.com/company/agreenium" class="text-white footer:text-dark-100 header:text-brand-tertiary lg:header:text-white" > <span class="sr-only">LinkedIn</span> <svg class="fill-current svg w-3 h-3 shrink-0 w-5 h-5 footer:w-6 footer:h-6" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#linkedin"></use> </svg> </a> </div> </div> </div> </div> </div> <div > <div class="mt-4 lg:mt-0"> <div aria-labelledby="block-wingsuit-footer-menu" id="block-wingsuit-footer"> <div> <ul class="gap-8 grid md:grid-cols-3 grid-cols-2"> <li data-menu-target="submenu" data-menu-level="0" class="flex-1"> <div class='block text-xs leading-[14px] tracking-[1px] font-semibold uppercase font-title mb-4 '>L'alliance</div> <div> <ul class="space-y-4"> <li class="text-xs leading-4 font-thin"> <a href="/alliance" class="bg-gradient-to-r from-white to-white bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[1px] transition-all duration-300"> Qui sommes-nous </a> </li> <li class="text-xs leading-4 font-thin"> <a href="/alliance/membres" class="bg-gradient-to-r from-white to-white bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[1px] transition-all duration-300"> Membres </a> </li> </ul> </div> </li> <li data-menu-target="submenu" data-menu-level="0" class="flex-1"> <div class='block text-xs leading-[14px] tracking-[1px] font-semibold uppercase font-title mb-4 '>M茅dias</div> <div> <ul class="space-y-4"> <li class="text-xs leading-4 font-thin"> <a href="/liste-actualite/actualites" class="bg-gradient-to-r from-white to-white bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[1px] transition-all duration-300"> Actualit茅s </a> </li> <li class="text-xs leading-4 font-thin"> <a href="/page/communiques-de-presse" class="bg-gradient-to-r from-white to-white bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[1px] transition-all duration-300"> Communiqu茅s de presse </a> </li> <li class="text-xs leading-4 font-thin"> <a href="/savoirs-et-ressources" class="bg-gradient-to-r from-white to-white bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[1px] transition-all duration-300"> Savoirs et Ressources </a> </li> <li class="text-xs leading-4 font-thin"> <a href="https://www.fun-mooc.fr/fr/etablissements/agreenium/" class="bg-gradient-to-r from-white to-white bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[1px] transition-all duration-300"> FunMooc Agreenium </a> </li> <li class="text-xs leading-4 font-thin"> <a href="https://www.canal-u.tv/chaines/agreenium" class="bg-gradient-to-r from-white to-white bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[1px] transition-all duration-300"> Canal U Agreenium </a> </li> <li class="text-xs leading-4 font-thin"> <a href="https://www.youtube.com/@agreenium9898" class="bg-gradient-to-r from-white to-white bg-[length:0%_1px] bg-no-repeat bg-left-bottom hover:bg-[length:100%_1px] pb-[1px] transition-all duration-300"> Youtube Agreenium </a> </li> </ul> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="space-y-4 lg:relative"> <a href="/form/abonnement-newsletter" class="!w-full btn inline-flex font-title w-full md:w-auto items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black uppercase font-semibold transition tracking-[1px] rounded-[100px] dark-mode:bg-white dark-mode:text-brand-primary disabled:text-white disabled:bg-grey-200 disabled:shadow-none disabled:hover:opacity-100 flex-row px-6 py-3 text-xs leading-[14px] text-brand-primary hover:text-brand-primary shadow-border backdrop-blur-lg footer:text-white hero-homepage:text-white hero-homepage:shadow-border-white-button footer:shadow-border-white-button hover:opacity-80" type="button" > <span class="button-text text-left lg:whitespace-nowrap ">newsletter</span> <div class="ml-2 "></div> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#btn-arrow-right"></use> </svg> </a> <a href="/form/contact" class="!w-full btn inline-flex font-title w-full md:w-auto items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black uppercase font-semibold transition tracking-[1px] rounded-[100px] dark-mode:bg-white dark-mode:text-brand-primary disabled:text-white disabled:bg-grey-200 disabled:shadow-none disabled:hover:opacity-100 flex-row px-6 py-3 text-xs leading-[14px] text-brand-primary hover:text-brand-primary shadow-border backdrop-blur-lg footer:text-white hero-homepage:text-white hero-homepage:shadow-border-white-button footer:shadow-border-white-button hover:opacity-80" type="button" > <span class="button-text text-left lg:whitespace-nowrap ">Contact</span> <div class="ml-2 "></div> <svg class="fill-current svg w-3 h-3 lg:header:w-3 lg:header:h-3 header:w-5 header:h-5 w-3 h-3 shrink-0" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#btn-arrow-right"></use> </svg> </a> <div class="absolute lg:top-[-126px] -top-6 !mt-0 right-6 lg:right-0 md:z-30"> <button class="bg-brand-primary text-white hover:bg-green-800 hover:text-white button-faded:text-brand-primary button-faded:bg-black/20 button-faded:backdrop-blur-lg button-faded:white-link:text-white btn inline-flex font-title w-full md:w-auto items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black uppercase font-semibold transition tracking-[1px] rounded-[100px] dark-mode:bg-white dark-mode:text-brand-primary disabled:text-white disabled:bg-grey-200 disabled:shadow-none disabled:hover:opacity-100 flex-row px-8 py-4 text-sm leading-[22px] rounded-[80px] border-[1px] border-white !w-12 !h-12 lg:!w-[60px] lg:!h-[60px] !p-2 !justify-center" type="button" x-transition x-on:click="window.scrollTo({top: 0, behavior: 'smooth'})" > <span class="button-text text-left lg:whitespace-nowrap "> <span class="sr-only">Back to top</span> </span> <svg class="fill-current svg w-3 h-3 shrink-0 w-8 h-8" aria-label=""> <use xlink:href="/themes/custom/wingsuit/dist/app-drupal/images/spritemap.svg#arrow-up"></use> </svg> </button> </div> </div> </div> </div> <div class="mt-4 pt-4 lg:border-t-0 border-t-[1px] border-white border-opacity-20 lg:mt-10 lg:pt-0"> <div aria-labelledby="block-wingsuit-footer2-menu" id="block-wingsuit-footer2"> <div> <ul class="flex flex-col lg:flex-row items-center justify-center gap-6 lg:gap-2 text-xs leading-4 font-thin text-center"> <li class="space-x-2"> <a href="/page/mentions-legales"> Mentions l茅gales </a> <span class="lg:inline hidden"> - </span> </li> <li class="space-x-2"> <a href="/page/conditions-generales-dutilisation-du-site"> CGU </a> <span class="lg:inline hidden"> - </span> </li> <li class="space-x-2"> <a href="#tarteaucitron"> Gestion des cookies </a> </li> </ul> </div> </div> </div> </div> </div></div> </footer> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/2630","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"matomo":{"disableCookies":false,"trackMailto":true},"tacjs":{"dialog":{"privacyUrl":"","bodyPosition":"bottom","hashtag":"#tarteaucitron","cookieName":"tarteaucitron","orientation":"bottom","groupServices":false,"serviceDefaultState":"wait","showAlertSmall":false,"cookieslist":false,"showIcon":true,"iconSrc":"","iconPosition":"BottomRight","adblocker":false,"DenyAllCta":true,"AcceptAllCta":true,"highPrivacy":true,"handleBrowserDNTRequest":false,"removeCredit":false,"moreInfoLink":true,"useExternalCss":true,"useExternalJs":true,"cookieDomain":"","readmoreLink":"","mandatory":true,"mandatoryCta":false,"closePopup":false,"customCloserId":""},"services":{"ferank":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"activecampaign":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"adform":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"adsense":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"adsenseauto":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"adsensesearch":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"adsensesearchform":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"adsensesearchresult":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"aduptech_ads":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"aduptech_conversion":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"aduptech_retargeting":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"affilae":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"amazon":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"antvoice":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"bingads":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"clicmanager":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"criteo":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"criteoonetag":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"datingaffiliation":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"datingaffiliationpopup":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"doubleclick":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"equativ":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"eskimi":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"ferankpub":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"googleads":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"googleadwordsconversion":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"googleadwordsremarketing":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"googlepartners":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"klaviyo":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"kwanko":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"leadforensics":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"linkedininsighttag":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"outbrain":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"outbrainamplify":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"pinterestpixel":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"prelinker":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"pubdirecte":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"shareasale":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"twenga":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"twitteruwt":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"vshop":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"xandr":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"xandrconversion":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"xandrsegment":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"actistat":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"adobeanalytics":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"adobeworkspace":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"alexa":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"amplitude":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"analytics":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"atinternet":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"clarity":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"clicky":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"compteur":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"contentsquare":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"crazyegg":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"etracker":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"eulerian":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"firebase":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"force24":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"freshsalescrm":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"gajs":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"getplus":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"getquanty":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"gtag":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"hotjar":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"hubspot":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"kameleoon":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"koban":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"leadinfo":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"matomo":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"matomocloud":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"mautic":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"metrica":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"microanalytics":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"microsoftcampaignanalytics":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"mixpanel":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"multiplegtag":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"openwebanalytics":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"pardot":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"pianoanalytics":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"piwikpro":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"plausible":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"plezi":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"sharpspring":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"shinystat":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"simpleanalytics":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"snapchat":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"statcounter":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"tiktok":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"userpilot":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"verizondottag":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"visiblee":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"visualrevenue":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"webmecanik":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"weborama":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"woopra":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"wysistat":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"wysistathightrack":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"xiti":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"zohopagesense":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"abtasty":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"arcio":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"genially":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"geoportail":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"googlefonts":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"googlemaps":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"googlemapssearch":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"googletagmanager":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"helloasso":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"jsapi":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"m6meteo":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"marketomunchkin":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"matomotm":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"meteofrance":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"mtcaptcha":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"multiplegoogletagmanager":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"myfeelback":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"onesignal":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"openstreetmap":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"pingdom":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"recaptcha":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"stonly":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"tagcommander":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"timelinejs":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"twitterwidgetsapi":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"typekit":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"disqus":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"facebookcomment":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"activecampaignvgo":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"calendly":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"collectchat":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"crisp":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"faciliti":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"gagenda":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"gallica":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"gdocs":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"gforms":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"googlesignin":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"goptimize":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"gsheets":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"gslides":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"hcaptcha":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"maps_noapi":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"posthog":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"robofabrica":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"sendinblue":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"serviceperso":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"tolkai":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"trustpilot":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"ubib":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"addthis":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"addtoanyfeed":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"addtoanyshare":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"discord":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"ekomi":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"facebook":{"status":true,"languages":[],"readMore":"","readmoreLink":"","needConsent":true},"facebookcustomerchat":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"facebooklikebox":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"facebookpixel":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"facebookpost":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"gplus":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"gplusbadge":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"instagram":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"linkedin":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"pinterest":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"shareaholic":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"sharethis":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"sharethissticky":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"twitter":{"status":true,"languages":[],"readMore":"","readmoreLink":"","needConsent":true},"twitterembed":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"twittertimeline":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"elfsight":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"intercomChat":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"purechat":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"smartsupp":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"studizz":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"tawkto":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"userlike":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"uservoice":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"zopim":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"acast":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"archive":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"artetv":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"ausha":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"bandcamp":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"calameo":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"canalu":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"dailymotion":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"deezer":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"fculture":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"issuu":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"mixcloud":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"playplay":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"podcloud":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"prezi":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"slideshare":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"soundcloud":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"spotify":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"tiktokvideo":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"twitch":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"videas":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"vimeo":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"webtvnu":{"status":false,"languages":[],"readMore":"","readmoreLink":"","needConsent":false},"youtube":{"status":true,"languages":[],"readMore":"","readmoreLink":"","needConsent":true},"youtubeapi":{"status":true,"languages":[],"readMore":"","readmoreLink":"","needConsent":true}},"user":[],"texts":null,"expire":null},"ajaxTrustedUrl":{"\/recherche-globale":true},"user":{"uid":0,"permissionsHash":"1614ecee2e782fa51155071e86901b7876ac4dbc3c2cb2923767ca6c59cd12f8"}}</script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=3.7.1"></script> <script src="/sites/default/files/languages/fr_D23G3mS3DmTPB5ReTOXgMAXPMXpBOwRaH1wCMbVXhvo.js?su1jxu"></script> <script src="/core/misc/drupalSettingsLoader.js?v=10.4.3"></script> <script src="/core/misc/drupal.js?v=10.4.3"></script> <script src="/core/misc/drupal.init.js?v=10.4.3"></script> <script src="/modules/contrib/better_exposed_filters/js/better_exposed_filters.js?v=6.x"></script> <script src="/modules/contrib/matomo/js/matomo.js?v=10.4.3"></script> <script src="/modules/contrib/tacjs/assets/vendor/tarteaucitron.js/tarteaucitron.js?v=1.17.0"></script> <script src="/modules/contrib/tacjs/assets/vendor/tarteaucitron.js/tarteaucitron.services.js?v=1.17.0"></script> <script src="/modules/contrib/tacjs/assets/vendor/tarteaucitron.js/lang/tarteaucitron.en.js?su1jxu"></script> <script src="/modules/contrib/tacjs/js/main.js?su1jxu"></script> <script src="/modules/contrib/tacjs/assets/vendor/tarteaucitron.js/lang/tarteaucitron.fr.js?su1jxu"></script> <script src="/themes/custom/wingsuit/dist/app-drupal/wingsuit/../behaviors/hero.js?su1jxu"></script> <script src="/themes/custom/wingsuit/dist/app-drupal/wingsuit/../behaviors/slider.js?su1jxu"></script> <script src="/themes/custom/wingsuit/dist/app-drupal/wingsuit/../behaviors/toggle-dropdown.js?su1jxu"></script> <script src="/themes/custom/wingsuit/dist/app-drupal/vendors/alpine.js?su1jxu"></script> <script src="/themes/custom/wingsuit/dist/app-drupal/vendors/jquery-drilldown.js?su1jxu"></script> <script src="/themes/custom/wingsuit/dist/app-drupal/behaviors/menu-primary.js?su1jxu"></script> <script src="/themes/custom/wingsuit/dist/app-drupal/behaviors/container.js?su1jxu"></script> <script src="/themes/custom/wingsuit/apps/drupal/js/exposed_filter_js.js?v=1.x"></script> <script src="/libraries/jquery-drilldown/dist/jquery.drilldown.js?su1jxu"></script> </body> </html>

CINXE.COM

Agreenium - Organisation fran莽aise pour la formation et recherche pour l'agriculture, l'alimentation, l'environnement et la sant茅 globale. | Agreenium