CINXE.COM

<!DOCTYPE html> <html lang="fr" dir="ltr" class="h-screen"> <head> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/runtime-18d1175c36ba595b4180.js" data-turbo-track="reload" nonce="42941374bee50307b8e9d80c08f901ea" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/5217-2ae580ac374aa9e4702c.js" data-turbo-track="reload" nonce="42941374bee50307b8e9d80c08f901ea" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/cookies-39292efe3351f8a2b686.js" data-turbo-track="reload" nonce="42941374bee50307b8e9d80c08f901ea" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8559-861c670a974ad2ba563b.js" data-turbo-track="reload" nonce="42941374bee50307b8e9d80c08f901ea" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/601-ad90aa2e540909e29416.js" data-turbo-track="reload" nonce="42941374bee50307b8e9d80c08f901ea" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/7107-80a4947feee363e11ee0.js" data-turbo-track="reload" nonce="42941374bee50307b8e9d80c08f901ea" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4057-23a5ff13cb377a29dc74.js" data-turbo-track="reload" nonce="42941374bee50307b8e9d80c08f901ea" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/663-adeec6e622981ae0e11c.js" data-turbo-track="reload" nonce="42941374bee50307b8e9d80c08f901ea" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/careersite-1e16232a10b145b341e6.js" data-turbo-track="reload" nonce="42941374bee50307b8e9d80c08f901ea" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4254-7afc1b5cd6cedb6c1681.js" data-turbo-track="reload" nonce="42941374bee50307b8e9d80c08f901ea" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8454-f728b6a5826eb7648b9a.js" data-turbo-track="reload" nonce="42941374bee50307b8e9d80c08f901ea" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/font-awesome-d14af7fc4b9ee49e4de5.js" data-turbo-track="reload" nonce="42941374bee50307b8e9d80c08f901ea" defer="defer"></script> <link rel="stylesheet" href="https://assets-aws.teamtailor-cdn.com/assets/packs/css/careersite-6cfe88be.css" data-turbo-track="reload" media="all" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="turbo-cache-control" content=""> <meta name="turbo-prefetch" content="false"> <title>Offres d'emploi disponibles - COMEXPOSIUM</title> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="baSmmLZhs9tNhAoJOS06VO+vJXK6xhQYeguiMW4YSixzHe47473beTiuo8Du++VvUN0JAXHDm9DJWNi8LQt6gA==" /> <meta name="csp-nonce" content="42941374bee50307b8e9d80c08f901ea" /> <link rel='icon' type='image/png' href='https://images.teamtailor-cdn.com/images/s3/teamtailor-production/favicon-v3/image_uploads/93eeaed0-f231-4730-a514-5ac1f42d6dbc/original.png'><link rel='apple-touch-icon' href='https://images.teamtailor-cdn.com/images/s3/teamtailor-production/favicon_apple-v3/image_uploads/93eeaed0-f231-4730-a514-5ac1f42d6dbc/original.png' sizes='180x180'> <meta name="description" content="Offres d'emploi disponibles chez COMEXPOSIUM" /> <meta name="keywords" content="Offres d'emploi, recherche, candidature spontanée, carrières, page carrière" /> <link rel="alternate" type="application/rss+xml" title="Blog Posts" href="/blog/posts.rss" /><link rel="alternate" type="application/rss+xml" title="Jobs" href="/jobs.rss" /> <meta property="og:locale" content="fr_FR" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Offres d'emploi disponibles - COMEXPOSIUM" /> <meta property="og:site_name" content="COMEXPOSIUM" /> <meta property="og:url" content="https://careers.comexposium.com/jobs" /> <meta property="og:description" content="Offres d'emploi disponibles chez COMEXPOSIUM" /> <meta property="og:image" content="https://screenshots.teamtailor-cdn.com/f8bf7de6-801c-4ac9-8f98-2e7efa137241-facebook.png?update=1696575153" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://screenshots.teamtailor-cdn.com/f8bf7de6-801c-4ac9-8f98-2e7efa137241-twitter.png?update=1696575153" /> <meta name="twitter:title" content="Offres d'emploi disponibles - COMEXPOSIUM" /> <meta name="twitter:description" content="Offres d'emploi disponibles chez COMEXPOSIUM" /> <style media="all"> :root { --company-primary-bg-color: 255, 255, 255; --company-secondary-bg-color: 182, 38, 114; --company-secondary-bg-light-5-color: 203, 42, 127; --company-secondary-bg-fallback-color: 182, 38, 114; --company-primary-text-color: 37, 37, 37; --company-primary-text-dark-5-color: 24, 24, 24; --company-primary-text-dark-10-color: 11, 11, 11; --company-primary-text-light-50-color: 164, 164, 164; --company-primary-text-light-77-color: 233, 233, 233; --company-secondary-text-color: 255, 255, 255; --company-secondary-text-light-5-color: 255, 255, 255; --company-secondary-text-light-15-color: 255, 255, 255; --company-link-color: 182, 38, 114; --company-color: 182, 38, 114; --company-button-text-color: 255, 255, 255; --company-button-bg-color: 182, 38, 114; --company-button-bg-light-5-color: 203, 42, 127; --company-button-bg-light-15-color: 218, 78, 152; --company-border-radius: 26px; --company-header-font-family: ; --company-header-font-weight: 700; --company-body-font-family: ; --company-body-font-weight: 400; } .custom-wrapper--jobs a .text-block-base-link{font-weight: bold} </style> <meta name="theme-color" content="#b62672"> </head> <body class="font-company-body min-h-screen flex flex-col text-company-primary bg-company-primary overflow-x-clip company-link-style--bold jobs index" data-controller="careersite--ready careersite--referrer-cookie careersite--preload" data-careersite--referrer-cookie-disabled-value="false" data-careersite--ready-in-editor-value="false" data-block-scripts="true"> <dialog data-controller="common--cookies--alert" data-common--cookies--alert-block-scripts-value="true" data-common--cookies--alert-takeover-modal-value="false" data-common--cookies--alert-show-cookie-widget-value="true" class="fixed shadow-form w-auto items-center rounded p-4 bg-company-primary text-company-primary overflow-y-auto border-none max-h-[80vh] z-cookie-alert lg:gap-x-6 lg:max-h-[calc(100vh-40px)] flex-col inset-x-4 bottom-4 mb-0 mt-auto justify-between !translate-y-0 !top-0 lg:p-10 lg:flex-row lg:inset-x-[40px] lg:mb-6"> <div class="w-full max-w-screen-xl overflow-y-auto"> <h1 class="font-bold block text-md mb-2">Ce site Web utilise des cookies pour vous garantir la meilleure expérience.</h1> <p class="mb-2"> COMEXPOSIUM et nos partenaires sélectionnés utilisent des cookies et des technologies similaires (ensemble, les « cookies ») qui sont nécessaires pour vous présenter ce site Web, et pour vous garantir la meilleure expérience. Si vous y consentez, nous utiliserons également des cookies à des fins de statistiques. </p> <p class="mb-2">Consultez notre <a class='company-link' href='https://careers.comexposium.com/cookie-policy'>politique relative aux cookies</a> pour en savoir plus sur les cookies que nous utilisons.</p> <p>Vous pouvez retirer et modifier votre consentement à tout moment en cliquant sur « Gérer les cookies » en bas de chaque page.</p> </div> <div class="flex flex-col items-center gap-[10px] mt-6 flex-shrink-0 mb-2 w-full md:flex-row md:w-auto lg:flex-col"> <button class="careersite-button w-full" data-action="click->common--cookies--alert#acceptAll">Accepter tous les cookies</button> <button class="careersite-button w-full" data-action="click->common--cookies--alert#disableAll">Refuser les cookies facultatifs</button> <button class="careersite-button w-full" data-action="click->common--cookies--alert#openPreferences">Préférences relatives aux cookies</button> </div> </dialog> <dialog data-controller="common--cookies--preferences" data-common--cookies--preferences-checked-categories-value="[]" data-action="open-cookie-preferences@window->common--cookies--preferences#open" class="bg-company-primary text-company-primary shadow-form inset-x-4 mb-4 rounded max-w-screen-sm p-4 overflow-auto max-h-[80vh] z-cookie-alert backdrop:bg-[rgba(0,0,0,0.6)] sm:p-10 sm:mb-auto sticky top-2"> <div class="mb-5 text-center;"> <h1 class="font-bold mb-2 text-lg">Sélectionnez les cookies que vous acceptez</h1> <p class="text-left mb-2">Sur ce site, nous utilisons toujours par défaut les cookies qui sont essentiels au bon fonctionnement du site.</p> <p class="text-left mb-2">Si vous y consentez, nous utiliserons également d'autres types de cookies. Vous pouvez donner ou retirer votre consentement vis-à-vis de ces derniers à l'aide des boutons ci-dessous. Vous pouvez modifier ou retirer votre consentement à tout moment en cliquant sur le lien « Gérer les cookies » disponible en bas du site.</p> <p class="text-left">Pour en savoir plus sur les différents types de cookies que nous utilisons, sur la manière dont vos données sont utilisées lorsque vous nous avez donné votre consentement etc., merci de consulter notre <a href='https://careers.comexposium.com/cookie-policy' class='underline text-company-link'>politique relative aux cookies</a>.</p> </div> <div class="mb-10 text-sm leading-snug"> <div class="flex mb-3 items-start sm:mb-5 cursor-default" data-preference-type="strictly_necessary"> <div class="label-switch label-switch--disabled"> <input type="checkbox" disabled="disabled" id="strictly_necessary" checked="checked" class="peer"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"> <label class="font-semibold" for="strictly_necessary">Strictement nécessaire</label> <p>Ces cookies sont essentiels au bon fonctionnement du site, et sont toujours activés lorsque vous visitez le site.</p> <span> <strong>Vendeurs</strong> <span>Teamtailor</span> </span> </div></div> <div class="flex mb-3 items-start sm:mb-5" data-preference-type="analytics"> <div class="label-switch"> <input type="checkbox" id="analytics" class="peer" data-common--cookies--preferences-target="categoryInput" data-action="input->common--cookies--preferences#handleCategoryToggle"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"> <label class="font-semibold cursor-pointer" for="analytics">Statistiques</label> <p>Ces cookies collectent des informations qui nous aident à comprendre comment le site est utilisé.</p> <span> <strong>Vendeurs</strong> <span>Teamtailor</span> </span> </div></div> </div> <div class="flex flex-col items-center gap-6"> <button class="careersite-button w-full" data-action="click->common--cookies--preferences#handleAccept">Accepter ces cookies</button> <button class="careersite-button w-full" data-action="click->common--cookies--preferences#handleDecline">Refuser les cookies facultatifs</button> </div> </dialog> <main class="flex flex-col flex-grow"> <header class="header z-career-header flex w-full h-20 hover:after:top-0 !relative" data-section-model="header" style="--header-text-color: #000000;--header-background-color: #ffffff;--navigation-text-color: #000000;--navigation-background-color: #ffffff;--navigation-highlight-color: #b63574;"> <div class="absolute top-0 w-full h-full ltr:left-0 rtl:right-0"> <div class="flex items-center h-full ltr:ml-2 rtl:mr-2" data-controller="common--header--menu" data-common--header--menu-open-value="false" data-test="header-menu"> <button class="relative flex items-center gap-4 px-4 no-underline cursor-pointer h-14 sm:w-auto bg-opacity-80 sm:bg-transparent z-career-header-menu-button focus-visible-header" aria-expanded="false" data-action="click->common--header--menu#toggle" data-common--header--menu-target="button" > <span class="header-menu-burger" data-common--header--menu-target="burger"> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> </span> <span class="hidden text-sm leading-normal tracking-wider uppercase sm:block whitespace-nowrap">Menu carrière</span> </button> <div class="absolute inset-0 hidden w-full h-screen py-20 m-0 overflow-y-auto bottom header__nav z-career-header-menu-content" data-common--header--menu-target="menu"> <nav class="w-full main-nav-menu sm:h-full"> <ul class="w-full sm:py-12"> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.comexposium.com/">Accueil</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.comexposium.com/departments">Départements</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.comexposium.com/locations">Localisations</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://careers.comexposium.com/jobs">Offres d'emploi</a> </li> </ul> </nav> <div class="flex flex-col items-end px-8 py-8 overflow-auto md:max-h-full scrollbar-hide main-nav-misc sm:text-right sm:fixed top-16 ltr:right-8 rtl:left-8 sm:px-0 sm:py-0"> <span class="text-lg font-bold">Espace Employé</span> <a class="hover:underline focus-visible-header self-end" href="https://app.teamtailor.com/companies/Uha9GU8qqo8/dashboard">Connexion</a> <span class="mt-12 text-lg font-bold">Espace Candidat</span> <a class="hover:underline focus-visible-header self-end" href="https://careers.comexposium.com/connect/login">Connexion</a> </div> </div> </div> </div> <div class="flex items-center mx-auto"> <a class="relative h-18 flex items-center justify-center text-center focus-visible-header" id="e5fc6053d9af131e527097209dc4cc3f1" data-test="company-logo" data-turbo-permanent="true" href="https://careers.comexposium.com/"> <img alt="COMEXPOSIUM : site carrière" class="mx-auto max-w-[180px] sm:max-w-[200px] max-h-[90%]" src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/5193e8c1-3796-4bef-a0bf-01b4d6dcb3cc/original.png" /> </a> </div> <div class="absolute top-0 flex items-center h-full mx-3 ltr:right-0 rtl:left-0"> <div data-controller="common--share" data-common--share-url-value="https://careers.comexposium.com/jobs" data-test="share-button"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="Vous devez sélectionner une option"> <button type="button" role="button" title="Partager la page" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="text-current px-4 pt-[15px] pb-[17px] block flex items-center justify-center focus-visible-header" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <i class="far fa-arrow-up-from-bracket size-6"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="Facebook"> <span class="flex items-center"> <i class="fab fa-facebook-square size-6"></i> <span class="mx-3">Facebook</span> </span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="Twitter"> <span class="flex items-center"> <i class="fab fa-square-x-twitter size-6"></i> <span class="mx-3">X</span> </span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="LinkedIn"> <span class="flex items-center"> <i class="fab fa-linkedin size-6"></i> <span class="mx-3">LinkedIn</span> </span> </button> </div></div></div> </div> </header> <section id="section-25140528" style="--block-base-text-color: 37, 37, 37;--block-base-link-color: 182, 53, 116;--block-base-background-color: 255, 255, 255;--block-base-highlight-color: 182, 38, 114;--block-background-color: #ffffff;--block-title-color: #252525;--block-text-color: 37, 37, 37;--block-link-color: #b63574;" class="block--jobs jobs-page custom-wrapper--jobs bg-block-background text-block-text" data-section-route="section" data-section-model="25140528" data-section-name="jobs"> <turbo-frame loading="lazy" id="jobs_list"> <div class="w-full text-lg relative pb-20 lg:pb-0" data-layout="thick" data-controller="blocks--jobs" data-blocks--jobs-show-map-value="true" data-blocks--jobs-split-view-value="true" data-blocks--jobs-split-view-candidate-value="true" data-blocks--jobs-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-blocks--jobs-first-block-value="true" data-blocks--jobs-locations-value="[{"id":426617,"lat":"39.8966999","long":"116.398","count":1},{"id":362279,"lat":"48.8818493","long":"2.3622031","count":7},{"id":362280,"lat":"44.8433854","long":"-0.5782731","count":2},{"id":355694,"lat":"48.8875801","long":"2.2321682","count":1},{"id":356047,"lat":"48.84509449999999","long":"2.4167024","count":1},{"id":923471,"lat":"48.8909834","long":"2.2568617","count":13}]" data-blocks--jobs-headquarter-value="{"id":355694,"company_id":63437,"name":null,"email":"","address":"70 Avenue du Général de Gaulle","zip":"92800","city":"Puteaux","country":"France","phone":"","created_at":"2022-10-11T12:38:08.001+02:00","updated_at":"2022-10-24T22:40:32.042+02:00","contact_email":null,"lat":"48.8875801","long":"2.2321682","headquarters":true,"hide_on_careersite":false,"region_id":null,"administrative_area":"Île-de-France","import_id":null,"language_code":"fr"}" data-blocks--jobs-overflow-auto-class="lg:overflow-auto" data-blocks--jobs-overflow-hidden-class="lg:overflow-hidden" data-blocks--jobs-sibling-element-padding-class="lg:[&.bg-block-preset-primary:not(.keep-block-padding)]:!pt-20" data-blocks--jobs-disabled-map-view-toggle-class="cursor-not-allowed" id="jobs"> <div class="block-px without-map-jobs-text"> <div class="mb-15 md:mb-18 lg:mb-20 mx-auto block-max-w--sm pt-15 md:pt-18 lg:pt-20"> <h2 class="text-4xl text-center font-company-header text-block-title" data-controller="fit-title">Nos offres</h2> </div></div> <div class="jobs-container lg:flex lg:flex-col lg:max-h-[1440px] lg:h-[calc(95vh-84px)]" data-blocks--jobs-target="jobsContainer"> <template data-blocks--jobs-target="largeScreenSplitViewFilter"> <form id="blocks-jobs-filters-form" class="mx-auto mb-4 flex items-start text-block-text flex-col text-sm sm:flex-row bg-block-background hidden lg:mx-0 lg:flex lg:shrink-0 lg:sticky lg:top-0 lg:px-5 lg:py-0 lg:py-3 lg:border-t lg:border-b lg:border-block-base-text lg:border-opacity-15 z-career-jobs-filter-no-map lg:!mb-0 splitViewFiltersComponent" data-turbo-frame="jobs_list" data-turbo-action="advance" data-controller="blocks--jobs--filters" data-action="submit->blocks--jobs--filters#handleBefore jobs-map-changed@window->blocks--jobs--filters#handleMapChange jobs-filters-mobile-submit@window->blocks--jobs--filters#handleExternalSubmit" data-blocks--jobs--filters-common--options-widget-outlet=".options-widget" data-blocks--jobs--filters-using-map-value="true" data-blocks--jobs--filters-has-search-value="true" data-blocks--jobs--filters-visible-mobile-filters-value="{"department":"Départements","role":"Postes","region":"Régions","location":"Localisations","type-de-contrat":"Type de contrat"}" data-blocks--jobs--filters-default-mobile-filters-value="{"department":"Départements","role":"Postes","region":"Régions","location":"Localisations","type-de-contrat":"Type de contrat"}" data-blocks--jobs--filters-more-count-text-value="nbr autres" data-blocks--jobs--filters-desktop-dropdown-options-divider-class="w-full bg-zinc-200 pb-px mb-1" action="/jobs" accept-charset="UTF-8" method="get"> <input autocomplete="off" type="hidden" name="company" id="company" /> <input autocomplete="off" type="hidden" name="division" id="division" /> <input data-blocks--jobs--filters-target="departmentInput" autocomplete="off" type="hidden" name="department" id="department" /> <input data-blocks--jobs--filters-target="roleInput" autocomplete="off" type="hidden" name="role" id="role" /> <input data-blocks--jobs--filters-target="countryInput" autocomplete="off" type="hidden" name="country" id="country" /> <input data-blocks--jobs--filters-target="regionInput" autocomplete="off" type="hidden" name="region" id="region" /> <input data-blocks--jobs--filters-target="locationInput" autocomplete="off" type="hidden" name="location" id="location" /> <input autocomplete="off" type="hidden" name="language" id="language" /> <input autocomplete="off" type="hidden" name="remote_status_id" id="remote_status_id" /> <input autocomplete="off" type="hidden" name="employment_type" id="employment_type" /> <input autocomplete="off" type="hidden" name="employment_level" id="employment_level" /> <input value="true" autocomplete="off" type="hidden" name="split_view" id="split_view" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLat" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lat]" id="geobound_coordinates[top_left_lat]" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLon" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lon]" id="geobound_coordinates[top_left_lon]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLat" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lat]" id="geobound_coordinates[bottom_right_lat]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLon" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lon]" id="geobound_coordinates[bottom_right_lon]" /> <input autocomplete="off" type="hidden" name="type-de-contrat" id="type-de-contrat" /> <div data-blocks--jobs--filters-target="searchContainer" data-turbo-permanent="true" class="hidden lg:flex items-center pl-2 pr-3 rounded text-opacity-85 bg-block-background flex items-center pl-2 pr-3 rounded text-opacity-85 w-fit shadow-form lg:shadow-none border border-block-base-text border-opacity-15"> <i class="text-xs fas fa-search text-opacity-85"></i> <input placeholder="Rechercher" class="bg-transparent focus:outline-none border-none text-sm text-opacity-85 pl-2 pr-0 leading-[19px] font-medium placeholder-block-base-text focus:ring-0" data-action="change->blocks--jobs--filters#handleSearchInputChange blur->blocks--jobs--filters#handleSearchInputBlur focus->blocks--jobs--filters#handleSearchInputFocus" data-blocks--jobs--filters-target="searchInput" type="text" name="query" id="query" /> <input type="submit" value="↵" class="pt-1 bg-transparent text-md h-full pl-2 pr-3 text-opacity-85 rounded hidden" data-blocks--jobs--filters-target="submitButton" data-disable-with="↵" /> </div> <div class="w-full lg:flex lg:flex-row lg:flex-row lg:items-center lg:justify-end lg:flex-wrap hidden gap-3"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="department-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="Vous devez sélectionner une option"> <button type="button" role="button" title="Départements" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-block-background flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Départements </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Tous </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="COMMERCIAL" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> COMMERCIAL </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="DIRECTION D'EVENEMENTS" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> DIRECTION D'EVENEMENTS </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="FONCTIONS SUPPORTS" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> FONCTIONS SUPPORTS </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="MARKETING / COMMUNICATION / DIGITAL" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> MARKETING / COMMUNICATION / DIGITAL </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="OPERATIONS ET ACHATS" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> OPERATIONS ET ACHATS </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="role-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="Vous devez sélectionner une option"> <button type="button" role="button" title="Postes" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-block-background flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Postes </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Tous </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Achats" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Achats </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Communication Contenu" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Communication Contenu </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Communication digitale" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Communication digitale </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Communication Internationale" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Communication Internationale </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Etudes techniques et design " data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Etudes techniques et design </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Finance" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Finance </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="IT" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> IT </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Juridique" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Juridique </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Marketing automation / Emailing" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Marketing automation / Emailing </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Marketing Stratégique" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Marketing Stratégique </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Opérations / Logistique" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Opérations / Logistique </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Plan Média / Partenariat / Relations Presse" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Plan Média / Partenariat / Relations Presse </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Ressources Humaines" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Ressources Humaines </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="region-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="Vous devez sélectionner une option"> <button type="button" role="button" title="Régions" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-block-background flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Régions </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Tous </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="shangai" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> shangai </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="location-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="Vous devez sélectionner une option"> <button type="button" role="button" title="Localisations" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-block-background flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Localisations </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Tous </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Annecy" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Annecy </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Aubagne" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Aubagne </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Beijing" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Beijing </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Bordeaux" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Bordeaux </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Boulogne-Billancourt" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Boulogne-Billancourt </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Courbevoie" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Courbevoie </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Huairou District" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Huairou District </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Paris " data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Paris </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Puteaux" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Puteaux </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Saint-Mandé" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Saint-Mandé </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Toronto" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Toronto </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="type-de-contrat-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="Vous devez sélectionner une option"> <button type="button" role="button" title="Type de contrat" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-block-background flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none" data-cf-name="Type de contrat"> Type de contrat </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="type-de-contrat"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Tous </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Alternance" data-field="type-de-contrat"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Alternance </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="CDD" data-field="type-de-contrat"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> CDD </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="CDI" data-field="type-de-contrat"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> CDI </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Intérim" data-field="type-de-contrat"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Intérim </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Stage" data-field="type-de-contrat"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Stage </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div></div> <div id="filters-mobile-modal" data-controller="common--modal" data-common--modal-turbo-value="true" data-common--modal-modal-name-value="filters-mobile-turbo-modal" style="display: none;" class="lg:hidden absolute left-4 right-4 top-4 z-[500]"> <div data-common--modal-target="linkContainer"> <button type="button" class="bg-gray-300 bg-opacity-50 w-full px-5 py-3 mb-0 lg:mb-4 flex items-center text-left rounded-full backdrop-blur-2xl"> <i class="text-md fas fa-search text-gray-800"></i> <div class="ml-4 w-full"> <span class="mb-1 text-base font-semibold text-gray-800">Recherche</span> <div class="text-sm text-gray-600 flex gap-1"> <span class="max-w-[70%] text-ellipsis overflow-hidden whitespace-nowrap activeFiltersContent"> </span> <span class="extraActiveFiltersCount"></span> </div> </div> </button> </div> <template data-common--modal-target="spinnerTemplate"> <div class="flex items-center justify-center h-full" id="spinner"> <div class="animate-[spin_3s_linear_infinite] inline-block size-6 size-30 border-6 border-current border-t-transparent text-neutral-weak rounded-full" role="status" aria-label="loading"> </div> </div> </template> <template data-common--modal-target="template"> <div class="fixed top-0 left-0 items-center justify-center w-full h-full transition-opacity duration-200 bg-black bg-opacity-50 modal z-modal backdrop-blur-md hidden"> <div class="z-modal overflow-y-auto bg-white h-screen w-screen"> <div class="w-full h-full absolute top-0 left-0 right-0 bottom-0 bg-company-link bg-opacity-3"></div> <div class="relative w-full h-full py-12 px-4"> <div class="flex justify-between items-center pb-4" data-controller="blocks--jobs--filters-mobile"> <button tabindex="0" type="button" class="company-link cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-within:outline-company-secondary-bg" data-action="click->blocks--jobs--filters-mobile#resetAllWidgets"> Tout supprimer </button> <button type="button" class="company-link bg-company-link bg-opacity-15 size-8 rounded-full flex items-center justify-center cursor-pointer" data-close="close"> <i class="text-xl fas fa-regular fa-xmark"></i> </button> </div> <div class="modal-content default-style"> <div id="jobs-filters-mobile" data-controller="blocks--jobs--filters-mobile" data-blocks--jobs--filters-mobile-common--modal-outlet="#filters-mobile-modal" data-blocks--jobs--filters-mobile-blocks--jobs--filters-outlet="#blocks-jobs-filters-form"> <div class="flex flex-col gap-5 pb-50"> <div class="bg-company-primary flex items-center px-4 py-5 rounded w-full cursor-pointer shadow-option"> <i class="text-sm fas fa-search text-company-primary"></i> <input placeholder="Rechercher" class="placeholder:opacity-50 placeholder:text-company-primary text-company-primary bg-company-primary focus:outline-none border-none font-medium focus:ring-0 p-0 pl-2 text-sm w-full" data-blocks--jobs--filters-mobile-target="searchField" data-action="input->blocks--jobs--filters-mobile#handleSearchInputChange jobs-filters-mobile-reset-all@window->blocks--jobs--filters-mobile#resetSearchField" type="text" name="query[]" id="query_" /> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="department" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="N'importe" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(zone de la carte)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Départements</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="COMMERCIAL" data-common--options-widget-value-param="COMMERCIAL"> COMMERCIAL <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="DIRECTION D'EVENEMENTS" data-common--options-widget-value-param="DIRECTION D'EVENEMENTS"> DIRECTION D'EVENEMENTS <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="FONCTIONS SUPPORTS" data-common--options-widget-value-param="FONCTIONS SUPPORTS"> FONCTIONS SUPPORTS <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="MARKETING / COMMUNICATION / DIGITAL" data-common--options-widget-value-param="MARKETING / COMMUNICATION / DIGITAL"> MARKETING / COMMUNICATION / DIGITAL <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="OPERATIONS ET ACHATS" data-common--options-widget-value-param="OPERATIONS ET ACHATS"> OPERATIONS ET ACHATS <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Départements</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="role" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="N'importe" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(zone de la carte)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Postes</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Achats" data-common--options-widget-value-param="Achats"> Achats <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Communication Contenu" data-common--options-widget-value-param="Communication Contenu"> Communication Contenu <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Communication digitale" data-common--options-widget-value-param="Communication digitale"> Communication digitale <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Communication Internationale" data-common--options-widget-value-param="Communication Internationale"> Communication Internationale <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Etudes techniques et design " data-common--options-widget-value-param="Etudes techniques et design "> Etudes techniques et design <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Finance" data-common--options-widget-value-param="Finance"> Finance <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="IT" data-common--options-widget-value-param="IT"> IT <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Juridique" data-common--options-widget-value-param="Juridique"> Juridique <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Marketing automation / Emailing" data-common--options-widget-value-param="Marketing automation / Emailing"> Marketing automation / Emailing <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Marketing Stratégique" data-common--options-widget-value-param="Marketing Stratégique"> Marketing Stratégique <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Opérations / Logistique" data-common--options-widget-value-param="Opérations / Logistique"> Opérations / Logistique <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Plan Média / Partenariat / Relations Presse" data-common--options-widget-value-param="Plan Média / Partenariat / Relations Presse"> Plan Média / Partenariat / Relations Presse <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Ressources Humaines" data-common--options-widget-value-param="Ressources Humaines"> Ressources Humaines <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Postes</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="location" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="N'importe" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(zone de la carte)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Localisations</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Annecy" data-common--options-widget-value-param="Annecy"> Annecy <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Aubagne" data-common--options-widget-value-param="Aubagne"> Aubagne <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Beijing" data-common--options-widget-value-param="Beijing"> Beijing <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Bordeaux" data-common--options-widget-value-param="Bordeaux"> Bordeaux <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Boulogne-Billancourt" data-common--options-widget-value-param="Boulogne-Billancourt"> Boulogne-Billancourt <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Courbevoie" data-common--options-widget-value-param="Courbevoie"> Courbevoie <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Huairou District" data-common--options-widget-value-param="Huairou District"> Huairou District <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Paris " data-common--options-widget-value-param="Paris "> Paris <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Puteaux" data-common--options-widget-value-param="Puteaux"> Puteaux <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Saint-Mandé" data-common--options-widget-value-param="Saint-Mandé"> Saint-Mandé <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Toronto" data-common--options-widget-value-param="Toronto"> Toronto <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Localisations</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="region" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="N'importe" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(zone de la carte)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Régions</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="shangai" data-common--options-widget-value-param="shangai"> shangai <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Régions</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="type-de-contrat" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="N'importe" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(zone de la carte)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Type de contrat</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Alternance" data-common--options-widget-value-param="Alternance"> Alternance <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="CDD" data-common--options-widget-value-param="CDD"> CDD <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="CDI" data-common--options-widget-value-param="CDI"> CDI <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Intérim" data-common--options-widget-value-param="Intérim"> Intérim <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Stage" data-common--options-widget-value-param="Stage"> Stage <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Type de contrat</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> </div> <button name="button" type="submit" class="careersite-button rounded shadow-button p-4 fixed left-1/2 -translate-x-1/2 bottom-5" data-action="click->blocks--jobs--filters-mobile#handleSubmit">Afficher les offres</button> </div> </div></div></div></div> </template> </div></form> </template> <div class="relative lg:flex lg:grow lg:overflow-hidden lg:border-b lg:border-block-base-text lg:border-opacity-15"> <template data-blocks--jobs-target="largeMarkerIcon"> <i class="text-3xl filter drop-shadow fas fa-location-dot text-company-secondary-bg"></i> </template> <template data-blocks--jobs-target="smallMarkerIcon"> <i class="filter drop-shadow fas fa-circle-small fa-xs text-company-secondary-bg"></i> </template> <div class="jobs-map-container sticky top-0 lg:basis-[40%] 2xl:basis-[50%] lg:order-2"> <template data-blocks--jobs-target="smallScreenSplitViewFilter"> <form id="blocks-jobs-filters-form" class="mx-auto mb-4 flex items-start text-block-text flex-col text-sm sm:flex-row !mb-0 lg:absolute lg:top-3 lg:left-3 lg:right-3 z-[500] lg:hidden" data-turbo-frame="jobs_list" data-turbo-action="advance" data-controller="blocks--jobs--filters" data-action="submit->blocks--jobs--filters#handleBefore jobs-map-changed@window->blocks--jobs--filters#handleMapChange jobs-filters-mobile-submit@window->blocks--jobs--filters#handleExternalSubmit" data-blocks--jobs--filters-common--options-widget-outlet=".options-widget" data-blocks--jobs--filters-using-map-value="true" data-blocks--jobs--filters-has-search-value="true" data-blocks--jobs--filters-visible-mobile-filters-value="{"department":"Départements","role":"Postes","region":"Régions","location":"Localisations","type-de-contrat":"Type de contrat"}" data-blocks--jobs--filters-default-mobile-filters-value="{"department":"Départements","role":"Postes","region":"Régions","location":"Localisations","type-de-contrat":"Type de contrat"}" data-blocks--jobs--filters-more-count-text-value="nbr autres" data-blocks--jobs--filters-desktop-dropdown-options-divider-class="w-full bg-zinc-200 pb-px mb-1" action="/jobs" accept-charset="UTF-8" method="get"> <input autocomplete="off" type="hidden" name="company" id="company" /> <input autocomplete="off" type="hidden" name="division" id="division" /> <input data-blocks--jobs--filters-target="departmentInput" autocomplete="off" type="hidden" name="department" id="department" /> <input data-blocks--jobs--filters-target="roleInput" autocomplete="off" type="hidden" name="role" id="role" /> <input data-blocks--jobs--filters-target="countryInput" autocomplete="off" type="hidden" name="country" id="country" /> <input data-blocks--jobs--filters-target="regionInput" autocomplete="off" type="hidden" name="region" id="region" /> <input data-blocks--jobs--filters-target="locationInput" autocomplete="off" type="hidden" name="location" id="location" /> <input autocomplete="off" type="hidden" name="language" id="language" /> <input autocomplete="off" type="hidden" name="remote_status_id" id="remote_status_id" /> <input autocomplete="off" type="hidden" name="employment_type" id="employment_type" /> <input autocomplete="off" type="hidden" name="employment_level" id="employment_level" /> <input value="true" autocomplete="off" type="hidden" name="split_view" id="split_view" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLat" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lat]" id="geobound_coordinates[top_left_lat]" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLon" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lon]" id="geobound_coordinates[top_left_lon]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLat" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lat]" id="geobound_coordinates[bottom_right_lat]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLon" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lon]" id="geobound_coordinates[bottom_right_lon]" /> <input autocomplete="off" type="hidden" name="type-de-contrat" id="type-de-contrat" /> <div data-blocks--jobs--filters-target="searchContainer" data-turbo-permanent="true" class="hidden lg:flex items-center pl-2 pr-3 rounded text-opacity-85 bg-block-background flex items-center pl-2 pr-3 rounded text-opacity-85 w-fit shadow-form"> <i class="text-xs fas fa-search text-opacity-85"></i> <input placeholder="Rechercher" class="bg-transparent focus:outline-none border-none text-sm text-opacity-85 pl-2 pr-0 leading-[19px] font-medium placeholder-block-base-text focus:ring-0" data-action="change->blocks--jobs--filters#handleSearchInputChange blur->blocks--jobs--filters#handleSearchInputBlur focus->blocks--jobs--filters#handleSearchInputFocus" data-blocks--jobs--filters-target="searchInput" type="text" name="query" id="query" /> <input type="submit" value="↵" class="pt-1 bg-transparent text-md h-full pl-2 pr-3 text-opacity-85 rounded hidden" data-blocks--jobs--filters-target="submitButton" data-disable-with="↵" /> </div> <div class="w-full lg:flex lg:flex-row lg:flex-row lg:items-center lg:justify-end lg:flex-wrap hidden gap-3"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="department-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="Vous devez sélectionner une option"> <button type="button" role="button" title="Départements" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-block-background flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Départements </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Tous </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="COMMERCIAL" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> COMMERCIAL </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="DIRECTION D'EVENEMENTS" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> DIRECTION D'EVENEMENTS </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="FONCTIONS SUPPORTS" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> FONCTIONS SUPPORTS </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="MARKETING / COMMUNICATION / DIGITAL" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> MARKETING / COMMUNICATION / DIGITAL </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="OPERATIONS ET ACHATS" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> OPERATIONS ET ACHATS </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="role-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="Vous devez sélectionner une option"> <button type="button" role="button" title="Postes" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-block-background flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Postes </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Tous </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Achats" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Achats </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Communication Contenu" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Communication Contenu </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Communication digitale" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Communication digitale </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Communication Internationale" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Communication Internationale </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Etudes techniques et design " data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Etudes techniques et design </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Finance" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Finance </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="IT" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> IT </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Juridique" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Juridique </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Marketing automation / Emailing" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Marketing automation / Emailing </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Marketing Stratégique" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Marketing Stratégique </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Opérations / Logistique" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Opérations / Logistique </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Plan Média / Partenariat / Relations Presse" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Plan Média / Partenariat / Relations Presse </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Ressources Humaines" data-field="role"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Ressources Humaines </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="region-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="Vous devez sélectionner une option"> <button type="button" role="button" title="Régions" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-block-background flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Régions </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Tous </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="shangai" data-field="region"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> shangai </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="location-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="Vous devez sélectionner une option"> <button type="button" role="button" title="Localisations" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-block-background flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Localisations </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Tous </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Annecy" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Annecy </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Aubagne" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Aubagne </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Beijing" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Beijing </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Bordeaux" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Bordeaux </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Boulogne-Billancourt" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Boulogne-Billancourt </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Courbevoie" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Courbevoie </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Huairou District" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Huairou District </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Paris " data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Paris </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Puteaux" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Puteaux </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Saint-Mandé" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Saint-Mandé </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Toronto" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Toronto </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="type-de-contrat-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="Vous devez sélectionner une option"> <button type="button" role="button" title="Type de contrat" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-block-background flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none" data-cf-name="Type de contrat"> Type de contrat </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="type-de-contrat"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Tous </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Alternance" data-field="type-de-contrat"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Alternance </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="CDD" data-field="type-de-contrat"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> CDD </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="CDI" data-field="type-de-contrat"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> CDI </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Intérim" data-field="type-de-contrat"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Intérim </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Stage" data-field="type-de-contrat"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Stage </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div></div> <div id="filters-mobile-modal" data-controller="common--modal" data-common--modal-turbo-value="true" data-common--modal-modal-name-value="filters-mobile-turbo-modal" style="display: none;" class="lg:hidden absolute left-4 right-4 top-4 z-[500]"> <div data-common--modal-target="linkContainer"> <button type="button" class="bg-gray-300 bg-opacity-50 w-full px-5 py-3 mb-0 lg:mb-4 flex items-center text-left rounded-full backdrop-blur-2xl"> <i class="text-md fas fa-search text-gray-800"></i> <div class="ml-4 w-full"> <span class="mb-1 text-base font-semibold text-gray-800">Recherche</span> <div class="text-sm text-gray-600 flex gap-1"> <span class="max-w-[70%] text-ellipsis overflow-hidden whitespace-nowrap activeFiltersContent"> </span> <span class="extraActiveFiltersCount"></span> </div> </div> </button> </div> <template data-common--modal-target="spinnerTemplate"> <div class="flex items-center justify-center h-full" id="spinner"> <div class="animate-[spin_3s_linear_infinite] inline-block size-6 size-30 border-6 border-current border-t-transparent text-neutral-weak rounded-full" role="status" aria-label="loading"> </div> </div> </template> <template data-common--modal-target="template"> <div class="fixed top-0 left-0 items-center justify-center w-full h-full transition-opacity duration-200 bg-black bg-opacity-50 modal z-modal backdrop-blur-md hidden"> <div class="z-modal overflow-y-auto bg-white h-screen w-screen"> <div class="w-full h-full absolute top-0 left-0 right-0 bottom-0 bg-company-link bg-opacity-3"></div> <div class="relative w-full h-full py-12 px-4"> <div class="flex justify-between items-center pb-4" data-controller="blocks--jobs--filters-mobile"> <button tabindex="0" type="button" class="company-link cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-within:outline-company-secondary-bg" data-action="click->blocks--jobs--filters-mobile#resetAllWidgets"> Tout supprimer </button> <button type="button" class="company-link bg-company-link bg-opacity-15 size-8 rounded-full flex items-center justify-center cursor-pointer" data-close="close"> <i class="text-xl fas fa-regular fa-xmark"></i> </button> </div> <div class="modal-content default-style"> <div id="jobs-filters-mobile" data-controller="blocks--jobs--filters-mobile" data-blocks--jobs--filters-mobile-common--modal-outlet="#filters-mobile-modal" data-blocks--jobs--filters-mobile-blocks--jobs--filters-outlet="#blocks-jobs-filters-form"> <div class="flex flex-col gap-5 pb-50"> <div class="bg-company-primary flex items-center px-4 py-5 rounded w-full cursor-pointer shadow-option"> <i class="text-sm fas fa-search text-company-primary"></i> <input placeholder="Rechercher" class="placeholder:opacity-50 placeholder:text-company-primary text-company-primary bg-company-primary focus:outline-none border-none font-medium focus:ring-0 p-0 pl-2 text-sm w-full" data-blocks--jobs--filters-mobile-target="searchField" data-action="input->blocks--jobs--filters-mobile#handleSearchInputChange jobs-filters-mobile-reset-all@window->blocks--jobs--filters-mobile#resetSearchField" type="text" name="query[]" id="query_" /> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="department" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="N'importe" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(zone de la carte)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Départements</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="COMMERCIAL" data-common--options-widget-value-param="COMMERCIAL"> COMMERCIAL <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="DIRECTION D'EVENEMENTS" data-common--options-widget-value-param="DIRECTION D'EVENEMENTS"> DIRECTION D'EVENEMENTS <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="FONCTIONS SUPPORTS" data-common--options-widget-value-param="FONCTIONS SUPPORTS"> FONCTIONS SUPPORTS <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="MARKETING / COMMUNICATION / DIGITAL" data-common--options-widget-value-param="MARKETING / COMMUNICATION / DIGITAL"> MARKETING / COMMUNICATION / DIGITAL <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="OPERATIONS ET ACHATS" data-common--options-widget-value-param="OPERATIONS ET ACHATS"> OPERATIONS ET ACHATS <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Départements</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="role" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="N'importe" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(zone de la carte)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Postes</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Achats" data-common--options-widget-value-param="Achats"> Achats <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Communication Contenu" data-common--options-widget-value-param="Communication Contenu"> Communication Contenu <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Communication digitale" data-common--options-widget-value-param="Communication digitale"> Communication digitale <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Communication Internationale" data-common--options-widget-value-param="Communication Internationale"> Communication Internationale <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Etudes techniques et design " data-common--options-widget-value-param="Etudes techniques et design "> Etudes techniques et design <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Finance" data-common--options-widget-value-param="Finance"> Finance <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="IT" data-common--options-widget-value-param="IT"> IT <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Juridique" data-common--options-widget-value-param="Juridique"> Juridique <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Marketing automation / Emailing" data-common--options-widget-value-param="Marketing automation / Emailing"> Marketing automation / Emailing <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Marketing Stratégique" data-common--options-widget-value-param="Marketing Stratégique"> Marketing Stratégique <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Opérations / Logistique" data-common--options-widget-value-param="Opérations / Logistique"> Opérations / Logistique <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Plan Média / Partenariat / Relations Presse" data-common--options-widget-value-param="Plan Média / Partenariat / Relations Presse"> Plan Média / Partenariat / Relations Presse <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Ressources Humaines" data-common--options-widget-value-param="Ressources Humaines"> Ressources Humaines <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Postes</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="location" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="N'importe" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(zone de la carte)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Localisations</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Annecy" data-common--options-widget-value-param="Annecy"> Annecy <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Aubagne" data-common--options-widget-value-param="Aubagne"> Aubagne <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Beijing" data-common--options-widget-value-param="Beijing"> Beijing <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Bordeaux" data-common--options-widget-value-param="Bordeaux"> Bordeaux <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Boulogne-Billancourt" data-common--options-widget-value-param="Boulogne-Billancourt"> Boulogne-Billancourt <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Courbevoie" data-common--options-widget-value-param="Courbevoie"> Courbevoie <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Huairou District" data-common--options-widget-value-param="Huairou District"> Huairou District <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Paris " data-common--options-widget-value-param="Paris "> Paris <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Puteaux" data-common--options-widget-value-param="Puteaux"> Puteaux <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Saint-Mandé" data-common--options-widget-value-param="Saint-Mandé"> Saint-Mandé <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Toronto" data-common--options-widget-value-param="Toronto"> Toronto <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Localisations</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="region" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="N'importe" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(zone de la carte)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Régions</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="shangai" data-common--options-widget-value-param="shangai"> shangai <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Régions</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="type-de-contrat" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="N'importe" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(zone de la carte)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Type de contrat</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Alternance" data-common--options-widget-value-param="Alternance"> Alternance <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="CDD" data-common--options-widget-value-param="CDD"> CDD <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="CDI" data-common--options-widget-value-param="CDI"> CDI <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Intérim" data-common--options-widget-value-param="Intérim"> Intérim <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Stage" data-common--options-widget-value-param="Stage"> Stage <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Type de contrat</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> </div> <button name="button" type="submit" class="careersite-button rounded shadow-button p-4 fixed left-1/2 -translate-x-1/2 bottom-5" data-action="click->blocks--jobs--filters-mobile#handleSubmit">Afficher les offres</button> </div> </div></div></div></div> </template> </div></form> </template> <div id="jobs-map-25140528" class="jobs-map custom block w-full z-career-jobs-map lg:max-h-[600px] h-[calc(100svh-150px)] lg:h-[calc(80dvh-40px)] lg:!max-h-[1440px] lg:!h-full" data-id="jobs-map-25140528" data-blocks--jobs-target="map" data-turbo-permanent="true"> <button class="bg-block-background group flex items-center justify-center absolute size-12 lg:h-[35px] lg:w-[35px] z-[500] bottom-6 lg:bottom-[95px] right-[10px] rounded lg:rounded-b-0 text-company-primary text-opacity-85" data-action="click->blocks--jobs#handleCurrentLocation" data-blocks--jobs-target="currentLocation"> <i class="group-disabled:opacity-50 size-5 lg:w-[14px] lg:h-[14px] fa fa-location-arrow"></i> </button> <button class="bg-block-background group flex items-center justify-center absolute size-12 lg:h-[35px] lg:w-[35px] z-[500] bottom-6 left-[10px] rounded text-company-primary text-opacity-85 invisible lg:visible" data-action="click->blocks--jobs#handleViewChange" data-blocks--jobs-target="splitViewCandidate"> <i class="group-disabled:opacity-50 size-5 invisible lg:visible lg:w-[14px] lg:h-[14px] far fa-map"></i> </button></div></div> <div class="bg-block-background relative z-career-jobs-list jobs-list-container pt-8 lg:pt-10 shadow-[1px_-40px_38px_0px_rgba(0,0,0,0.1)] block-px lg:basis-[60%] 2xl:basis-[50%] lg:!pt-12 lg:pb-20 lg:overflow-auto lg:h-full lg:max-h-[1440px] lg:shadow-none" data-blocks--jobs-target="jobsListContainer"> <div class="px-2 lg:px-0 mx-auto mb-8 flex justify-center lg:justify-start block-max-w--lg"> <p> <span class="text-lg font-medium">25 offres</span> <span class="text-md opacity-50"></span> </p> </div> <div> <div class="mx-auto text-lg block-max-w--lg"> <ul id="jobs_list_container"> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5574389-responsable-live-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Responsable LIVE H/F">Responsable LIVE H/F</span> <div class="mt-1 text-md"> <span>OPERATIONS ET ACHATS</span> <span class="mx-[2px]">·</span> <span>Courbevoie</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5537281-alternant-assistant-administratif-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Alternant Assistant Administratif H/F">Alternant Assistant Administratif H/F</span> <div class="mt-1 text-md"> <span>COMMERCIAL</span> <span class="mx-[2px]">·</span> <span>Paris </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5531815-social-media-manager-strategie-digitale-et-management-des-reseaux-sociaux-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Social Media Manager – Stratégie Digitale et Management des réseaux sociaux H/F">Social Media Manager – Stratégie Digitale et Management des réseaux sociaux H/F</span> <div class="mt-1 text-md"> <span>MARKETING / COMMUNICATION / DIGITAL</span> <span class="mx-[2px]">·</span> <span>Paris </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5531375-stagiaire-assistant-communication-pole-lingerie-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Stagiaire Assistant Communication pôle Lingerie H/F">Stagiaire Assistant Communication pôle Lingerie H/F</span> <div class="mt-1 text-md"> <span>MARKETING / COMMUNICATION / DIGITAL</span> <span class="mx-[2px]">·</span> <span>Paris </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5493291-stagiaire-assistant-e-relation-exposant-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Stagiaire Assistant(e) relation Exposant H/F">Stagiaire Assistant(e) relation Exposant H/F</span> <div class="mt-1 text-md"> <span>OPERATIONS ET ACHATS</span> <span class="mx-[2px]">·</span> <span>Paris </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5481715-responsable-commercial-e-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="RESPONSABLE COMMERCIAL(E) H/F">RESPONSABLE COMMERCIAL(E) H/F</span> <div class="mt-1 text-md"> <span>COMMERCIAL</span> <span class="mx-[2px]">·</span> <span>Courbevoie</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5481555-responsable-commercial-e-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="RESPONSABLE COMMERCIAL(E) H/F">RESPONSABLE COMMERCIAL(E) H/F</span> <div class="mt-1 text-md"> <span>COMMERCIAL</span> <span class="mx-[2px]">·</span> <span>Courbevoie</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5463644-consolideur-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Consolideur H/F">Consolideur H/F</span> <div class="mt-1 text-md"> <span>FONCTIONS SUPPORTS</span> <span class="mx-[2px]">·</span> <span>Courbevoie</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5432652-charge-e-relation-client-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Chargé(e) Relation Client H/F">Chargé(e) Relation Client H/F</span> <div class="mt-1 text-md"> <span>COMMERCIAL</span> <span class="mx-[2px]">·</span> <span>Saint-Mandé</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5427009-responsable-commercial-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Responsable Commercial H/F">Responsable Commercial H/F</span> <div class="mt-1 text-md"> <span>COMMERCIAL</span> <span class="mx-[2px]">·</span> <span>Paris </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5422637-stage-assistant-communication-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Stage Assistant communication H/F">Stage Assistant communication H/F</span> <div class="mt-1 text-md"> <span>Courbevoie</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5414830-charge-e-communication-digitale-practice-crm-matchmaking-h-f-cdd-7-mois"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="CHARGE(E) COMMUNICATION DIGITALE – PRACTICE CRM & MATCHMAKING H/F (CDD 7 mois)">CHARGE(E) COMMUNICATION DIGITALE – PRACTICE CRM & MATCHMAKING H/F (CDD 7 mois)</span> <div class="mt-1 text-md"> <span>MARKETING / COMMUNICATION / DIGITAL</span> <span class="mx-[2px]">·</span> <span>Courbevoie</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5413203-2-charge-e-s-relation-clients-h-f-anglais-courant"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="2 Chargé(e)s Relation Clients H/F Anglais Courant">2 Chargé(e)s Relation Clients H/F Anglais Courant</span> <div class="mt-1 text-md"> <span>COMMERCIAL</span> <span class="mx-[2px]">·</span> <span>Courbevoie</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5268950-stage-assistant-commercial"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Stage - Assistant commercial">Stage - Assistant commercial</span> <div class="mt-1 text-md"> <span>Courbevoie</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5256814-stage-assistant-communication-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Stage Assistant Communication (H/F)">Stage Assistant Communication (H/F)</span> <div class="mt-1 text-md"> <span>Courbevoie</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5090165-database-registrations-assistant-cdd-2-a-3-mois"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Database & Registrations Assistant (CDD 2 à 3 mois)">Database & Registrations Assistant (CDD 2 à 3 mois)</span> <div class="mt-1 text-md"> <span>FONCTIONS SUPPORTS</span> <span class="mx-[2px]">·</span> <span>Paris </span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Temporairement à distance <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/5077443-responsable-commercial-e-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Responsable Commercial(e) H/F">Responsable Commercial(e) H/F</span> <div class="mt-1 text-md"> <span>COMMERCIAL</span> <span class="mx-[2px]">·</span> <span>Courbevoie</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/3134703-event-assistant-m-w-internship"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Event Assistant M/W - Internship">Event Assistant M/W - Internship</span> <div class="mt-1 text-md"> <span>OPERATIONS ET ACHATS</span> <span class="mx-[2px]">·</span> <span>Paris </span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/4992387-responsable-applicatif-oracle-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="Responsable Applicatif Oracle H/F">Responsable Applicatif Oracle H/F</span> <div class="mt-1 text-md"> <span>FONCTIONS SUPPORTS</span> <span class="mx-[2px]">·</span> <span>Courbevoie</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> <span class="block w-full h-px bg-gradient-block-base-border"></span> </li> <li class="w-full"> <a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://careers.comexposium.com/jobs/4780931-assistant-d-operations-et-logistique-stagiaire-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style hyphens-auto" title="ASSISTANT D'OPERATIONS ET LOGISTIQUE STAGIAIRE H/F">ASSISTANT D'OPERATIONS ET LOGISTIQUE STAGIAIRE H/F</span> <div class="mt-1 text-md"> <span>OPERATIONS ET ACHATS</span> <span class="mx-[2px]">·</span> <span>Bordeaux</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybride <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div> </a> </li> </ul> </div> </div> <div id="show_more_button" class="flex justify-center mx-auto mt-12"> <a href="/jobs/show_more?page=2" class="careersite-button min-w-[220px] group" data-turbo-stream="true"> <span class="flex items-center justify-center gap-x-3"> <span class="truncate">Afficher 5 de plus</span> </span> </a> </div></div></div></div></div> </turbo-frame> </section> <div class="" data-section-model="footer"> <footer class="block-px"> <div class="text-lg block-px block-padding sm:text-base"> <div class="flex flex-col items-center mx-auto block-max-w--lg"> <ul class="flex flex-col mb-10 text-center footer-nav-menu sm:flex-row"> <li><a class="block py-1 my-1 sm:my-0 sm:py-0 px-4 company-link" href="https://careers.comexposium.com/">Accueil</a></li> <li><a class="block py-1 my-1 sm:my-0 sm:py-0 px-4 company-link" href="https://careers.comexposium.com/departments">Départements</a></li> <li><a class="block py-1 my-1 sm:my-0 sm:py-0 px-4 company-link" href="https://careers.comexposium.com/locations">Localisations</a></li> <li><a class="block py-1 my-1 sm:my-0 sm:py-0 px-4 company-link" href="https://careers.comexposium.com/jobs">Offres d'emploi</a></li> <li><a class="block py-1 my-1 sm:my-0 sm:py-0 px-4 company-link" href="/data-privacy">Données et confidentialité</a></li> <li> <button data-controller="cookie-preferences" data-action="click->cookie-preferences#openCookiePreferences" class="company-link font-company-body py-1 my-1 sm:my-0 sm:py-0 px-4">Gérer les cookies</button> </li> </ul> </div> </div> <div class="flex flex-col py-4 mx-auto text-center border-t sm:text-unset block-max-w--lg border-company-primary-text border-opacity-15 sm:justify-between sm:flex-row"> <div class="flex justify-center w-full sm:w-auto"> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded" href="https://app.teamtailor.com/companies/Uha9GU8qqo8/dashboard">Connexion employé</a> <span class="mx-2">·</span> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded" href="/sso_login">SSO</a> </div> <div class="flex justify-center w-full sm:w-auto"> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded" href="/connect/login">Connexion candidat</a> </div> </div> </footer></div> <section class="relative block-px mt-15 z-career-autojoin mb-[27px] md:mb-[35px]" id="section-auto-join"> <div class="w-full px-4 pt-12 mx-auto rounded pb-18 block-max-w--lg bg-company-secondary text-company-secondary block-shadow" data-controller="blocks--auto-join--form"> <h2 class="text-center font-company-header text-4xl text-shadow" data-controller="fit-title">Vous travaillez déjà chez COMEXPOSIUM ?</h2> <p class="text-center text-xl text-opacity-80 text-company-secondary text-shadow">Recrutons ensemble pour trouver votre prochain collègue.</p> <div dir="ltr" class="relative mx-auto max-w-[500px] w-full py-5 pl-8 mt-6 rounded cursor-pointer bg-company-secondary-text text-company-secondary bg-opacity-15 pr-14 focus-within:bg-white focus-within:text-gray-800 focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-company-secondary-text" data-action="click->blocks--auto-join--form#focusEmailField"> <form class="flex items-center leading-tight text-md" data-turbo="false" data-blocks--auto-join--form-target="form" data-action="turbo:submit-start->blocks--auto-join--form#handleBefore turbo:submit-end->blocks--auto-join--form#handleComplete" action="/fr/auto_join" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6KdHaHr5orwk1M8AH5BbCRrSaAxCJj/fkzfPBLVDgmRMkRtUoBxp2pltcC7mr2vJWfchFNmPsVbGjLVFQzAULw==" autocomplete="off" /> <input value="comexposium.com" data-blocks--auto-join--form-target="domainField" autocomplete="off" type="hidden" name="domain" id="domain" /> <input data-blocks--auto-join--form-target="emailField" autocomplete="off" type="hidden" name="email" id="email" /> <input tabIndex="-1" required="required" type="email" autocomplete="off" aria-label="Adresse e-mail sans domaine" class="absolute inset-0 opacity-0" data-blocks--auto-join--form-target="fullEmailField" name="full_email" id="full_email" /> <div contenteditable="true" class="auto-join__form__email focus:outline-none" data-blocks--auto-join--form-target="emailEdit" data-placeholder="nom"></div> <div class="items-center truncate"> <span class="font-medium" data-blocks--auto-join--form-target="currentDomain"> @comexposium.com </span> </div> <button type="submit" title="Connexion" aria-label="Connexion" class="absolute right-2 flex items-center justify-center p-2 text-current hover:opacity-80 focus-visible-company-secondary focus-visible:rounded" data-event-tracking="click" data-event-category="Account" data-event-name="Auto Joined: Create" data-event-label="Click" data-blocks--auto-join--form-target="submit"> <i class="text-3xl fal fa-circle-chevron-right"></i> </button> <div class="absolute top-0 bottom-0 right-0 items-center justify-center hidden pr-5 text-current" data-blocks--auto-join--form-target="loading"> <i class="text-3xl fas fa-spinner fa-spin"></i> </div> </form></div> </div> </section> <footer class="relative z-career-footer flex items-center justify-center flex-shrink-0 font-sans font-normal bg-company-primary h-[152px] text-company-primary" style="display: flex !important; visibility: visible !important;" id="e0561cb3bfd90223878366d2e5858cc96" data-turbo-permanent > <a rel="noopener" target="_blank" class="flex flex-col items-center group focus-visible-company focus-visible:rounded p-1" style="display: flex !important; visibility: visible !important;" href="https://www.teamtailor.com/?utm_campaign=poweredby&utm_content=careers.comexposium.com&utm_medium=referral&utm_source=career-site"> <svg xmlns="http://www.w3.org/2000/svg" width="115" height="25"> <g fill="currentColor" fill-rule="evenodd" transform="translate(-672 -913)"> <g fill="currentColor" fill-rule="nonzero"> <path d="M787 923.44v-.118a1.75 1.75 0 00-.669-.917 3.397 3.397 0 00-1.095-.529 3.773 3.773 0 00-1.137-.142c-.366.013-.632.061-.8.142-.507.272-1.216.8-2.128 1.587a54.45 54.45 0 00-2.992 2.807 85.662 85.662 0 00-3.307 3.518 61.987 61.987 0 00-3.075 3.722 62.408 62.408 0 012.528-3.56 68.673 68.673 0 012.4-2.97c.76-.88 1.44-1.62 2.044-2.216.604-.597 1.06-1.044 1.369-1.343.168-.135.168-.298 0-.488s-.408-.372-.716-.549a6.329 6.329 0 00-.969-.447c-.337-.123-.604-.184-.8-.184-.225.001-.632.28-1.221.835-.59.556-1.25 1.275-1.98 2.156a74.632 74.632 0 00-2.296 2.929 58.057 58.057 0 00-2.19 3.132c-.661 1.016-1.201 1.94-1.622 2.766-.421.828-.632 1.445-.632 1.851 0 .19.105.441.315.753.211.311.449.597.716.855.267.257.534.433.8.528.267.095.47.034.612-.183l.168-.326c.533-.84 1.229-1.795 2.085-2.867.857-1.071 1.762-2.156 2.718-3.255a94.114 94.114 0 012.865-3.152 47.015 47.015 0 012.612-2.563c-.197.326-.492.732-.885 1.221-.393.487-.78.976-1.159 1.464s-.716.95-1.011 1.382c-.295.435-.442.747-.442.936 0 .19.07.394.21.61.141.217.33.42.57.61.238.19.49.352.758.488.266.136.526.203.78.203.224 0 .49-.087.8-.264.309-.176.625-.4.948-.671.322-.27.645-.57.968-.895.322-.325.596-.637.821-.935.196-.244.253-.38.169-.407-.084-.027-.225-.013-.421.04a9.853 9.853 0 00-.59.183c-.197.068-.31.089-.337.062-.057-.054.042-.217.295-.488.252-.271.575-.61.969-1.017.392-.407.828-.84 1.305-1.302.478-.46.92-.901 1.327-1.322.407-.42.738-.794.99-1.119.19-.245.3-.428.332-.55zM770.474 923.861a6.553 6.553 0 00-1.407-1.093 7.914 7.914 0 00-1.659-.73c-.574-.175-1.085-.222-1.533-.142-.615.136-1.294.473-2.036 1.013a15.695 15.695 0 00-2.225 2.005 23.315 23.315 0 00-2.12 2.653 26.517 26.517 0 00-1.744 2.875c-.489.946-.86 1.837-1.112 2.674-.252.836-.322 1.538-.21 2.105.056.27.294.56.713.871.42.31.889.595 1.408.851a9.135 9.135 0 001.554.607c.517.148.902.209 1.154.183.588-.082 1.252-.378 1.995-.892.741-.512 1.496-1.153 2.267-1.923.77-.77 1.518-1.627 2.246-2.572a26.917 26.917 0 001.89-2.774c.531-.904.944-1.755 1.238-2.552.294-.796.399-1.437.315-1.923-.083-.405-.329-.817-.734-1.236zm-1.995 1.054c-.308.688-.77 1.512-1.386 2.47a59.244 59.244 0 01-2.099 3.037 54.619 54.619 0 01-2.289 2.916c-.741.878-1.4 1.58-1.972 2.106-.575.527-.945.723-1.114.587-.196-.135-.133-.553.19-1.255.32-.702.783-1.532 1.385-2.49a51.59 51.59 0 012.058-3.018 53.449 53.449 0 012.246-2.876c.728-.863 1.38-1.552 1.953-2.065.573-.513.972-.715 1.197-.608.195.109.138.507-.169 1.196z"/> <path d="M765.502 913h-.01a.805.805 0 00-.124.009c-.254.054-.683.379-1.289.973a43.891 43.891 0 00-2.155 2.312 91.378 91.378 0 00-2.704 3.246 156.58 156.58 0 00-5.724 7.647 78.008 78.008 0 00-2.388 3.59 35.656 35.656 0 00-1.669 2.941c-.423.852-.634 1.468-.634 1.846 0 .19.07.4.211.63.142.229.324.439.55.628.225.19.479.352.76.487.282.135.55.203.803.203.225 0 .493-.087.803-.264.31-.175.626-.398.951-.67.323-.269.647-.573.971-.912.323-.337.598-.655.824-.954.197-.242.253-.378.168-.405-.084-.027-.225-.013-.421.04a6.717 6.717 0 00-.613.203c-.212.082-.332.109-.36.082-.085-.082.049-.447.402-1.096.351-.65.866-1.494 1.542-2.536a88.884 88.884 0 012.45-3.55 152.058 152.058 0 013.105-4.137 135.884 135.884 0 013.486-4.3 113.092 113.092 0 013.592-4.057c.225-.244.246-.487.063-.73a2.69 2.69 0 00-.78-.67 3.924 3.924 0 00-1.1-.446 3.322 3.322 0 00-.71-.11zM751.373 922.6c-.588.568-1.255 1.298-1.998 2.19a65.73 65.73 0 00-2.315 2.96 68.014 68.014 0 00-2.209 3.162 32.52 32.52 0 00-1.662 2.797c-.435.838-.652 1.46-.652 1.865 0 .19.07.4.21.63.141.229.33.439.568.628.238.189.49.351.758.486.266.136.526.203.778.203.224 0 .49-.087.8-.263a7.37 7.37 0 00.967-.67c.337-.269.66-.573.967-.912.31-.337.59-.655.842-.953.196-.242.245-.378.147-.405-.098-.027-.245-.013-.441.04a5.187 5.187 0 00-.589.203c-.196.081-.31.109-.337.081-.112-.107-.021-.432.273-.973.295-.54.695-1.196 1.2-1.966a47.602 47.602 0 011.746-2.474c.658-.878 1.297-1.716 1.915-2.514.616-.796 1.17-1.5 1.662-2.108.49-.608.82-1.006.988-1.196.14-.162.134-.338-.02-.527a2.354 2.354 0 00-.652-.527 5.74 5.74 0 00-.926-.425c-.337-.122-.604-.183-.8-.183-.224 0-.63.284-1.22.851zm5.008-1.905c.42-.27.84-.581 1.262-.933.42-.35.792-.71 1.115-1.074.322-.365.484-.656.484-.872 0-.27-.091-.5-.274-.69a2.134 2.134 0 00-.694-.465 3.881 3.881 0 00-.904-.264 3.475 3.475 0 00-.905-.04c-.197.027-.436.156-.715.385-.281.23-.583.494-.905.79a15.36 15.36 0 00-.946.953c-.31.338-.589.643-.842.912-.225.243-.267.48-.126.71.14.23.364.425.673.588.309.161.638.29.99.384.35.096.623.116.82.062.223-.027.545-.176.967-.446zM744.875 922.937a12.627 12.627 0 00-.61-.548 8.882 8.882 0 00-.714-.549 3.495 3.495 0 00-.736-.385 1.205 1.205 0 00-.715-.061c-.896.162-1.814.575-2.754 1.239a19.037 19.037 0 00-2.732 2.375 29.652 29.652 0 00-2.502 2.985 38.885 38.885 0 00-2.06 3.087c-.588.988-1.052 1.882-1.388 2.68-.336.8-.504 1.388-.504 1.767 0 .19.07.4.21.63.14.23.33.44.568.63.237.189.49.351.757.487.266.135.525.203.778.203.112 0 .328-.122.65-.365.323-.245.702-.57 1.136-.976a70.611 70.611 0 003.133-3.126 11.1 11.1 0 00-.714 1.461c-.169.434-.253.786-.253 1.056 0 .19.07.4.21.63.14.23.33.44.568.63.238.189.49.351.757.487.266.135.526.203.778.203.224 0 .49-.087.799-.264.308-.176.63-.4.967-.67.336-.27.658-.575.966-.914.309-.338.588-.656.84-.955.197-.243.246-.379.148-.406-.098-.027-.245-.012-.441.04a5.183 5.183 0 00-.589.204c-.196.081-.309.109-.336.081-.113-.108-.042-.419.21-.934.253-.514.616-1.13 1.093-1.848a78.588 78.588 0 011.619-2.335c.602-.838 1.184-1.63 1.744-2.376.56-.744 1.073-1.4 1.535-1.97.463-.568.792-.96.988-1.177.14-.162.133-.339-.021-.528-.154-.19-.378-.366-.673-.528a7.047 7.047 0 00-.925-.426c-.322-.122-.582-.183-.777-.183-.226-.001-.562.216-1.01.649zm-10.111 10.477c.294-.595.72-1.306 1.282-2.132a44.424 44.424 0 011.934-2.62 29.451 29.451 0 012.25-2.538c.77-.771 1.513-1.407 2.228-1.908.715-.501 1.325-.724 1.829-.67a40.591 40.591 0 00-2.291 2.66 51.075 51.075 0 00-2.46 3.35 110.65 110.65 0 01-1.766 1.828c-.588.596-1.12 1.13-1.597 1.604-.477.474-.87.846-1.178 1.116-.308.271-.476.393-.504.365-.113-.107-.021-.46.273-1.055z"/> <path d="M733.82 918.468c-.448 0-.806.101-1.072.304a3.815 3.815 0 00-.738.75 3.822 3.822 0 00-.484.913c-.099.284.049.426.442.426h1.347a140.814 140.814 0 00-3.284 4.339 114.968 114.968 0 00-3.073 4.42c-.927 1.406-1.685 2.65-2.274 3.73-.59 1.082-.884 1.813-.884 2.19 0 .19.07.4.21.63.14.23.33.44.569.629.238.189.49.351.757.486.267.136.526.203.78.203.224 0 .49-.087.8-.263.308-.176.631-.399.968-.67.337-.269.66-.573.968-.912.309-.337.59-.655.842-.953.196-.243.246-.379.148-.406-.099-.027-.246-.012-.442.04a5.192 5.192 0 00-.59.203c-.196.082-.309.11-.336.082-.141-.108.027-.588.504-1.44.478-.852 1.144-1.926 2-3.224a92.282 92.282 0 013.053-4.32c1.18-1.581 2.414-3.169 3.705-4.765h1.516c.42 0 .779-.127 1.073-.385.295-.257.568-.533.821-.83.224-.298.4-.569.527-.812.125-.243-.036-.365-.485-.365h-1.431l1.01-1.095c.14-.163.133-.338-.02-.528a2.295 2.295 0 00-.674-.527 7.263 7.263 0 00-.927-.426c-.322-.122-.583-.182-.779-.182-.224 0-.61.25-1.158.75-.547.5-1.186 1.17-1.916 2.007h-1.472v.001zM720.882 929.035c-.677.95-1.282 1.851-1.817 2.705a25.624 25.624 0 00-1.31 2.319c-.338.692-.506 1.214-.506 1.566 0 .19.07.4.21.63.141.231.331.442.57.632.24.19.493.352.761.488s.529.203.782.203c.226 0 .492-.087.803-.264.31-.176.634-.4.972-.671.338-.27.661-.576.971-.916.31-.338.592-.657.845-.956.197-.243.247-.38.148-.407-.099-.027-.246-.012-.443.04a5.171 5.171 0 00-.591.204c-.198.082-.31.11-.339.082-.112-.108-.02-.434.275-.977.295-.542.697-1.2 1.204-1.973.507-.773 1.092-1.6 1.754-2.48.662-.882 1.295-1.723 1.901-2.523.605-.8 1.155-1.505 1.647-2.115.493-.61.838-1.01 1.035-1.2.141-.136.134-.299-.02-.489a2.684 2.684 0 00-.655-.549 5.168 5.168 0 00-.908-.447c-.324-.123-.586-.184-.782-.184h-.042c-.339 0-.987.38-1.944 1.14-.958.759-2.036 1.735-3.232 2.928a79.135 79.135 0 00-3.697 3.966 71.467 71.467 0 00-3.422 4.21 46.779 46.779 0 012.62-3.722 92.25 92.25 0 012.535-3.112 50.318 50.318 0 012.112-2.338 65.549 65.549 0 011.395-1.404c.168-.136.168-.298 0-.488a2.843 2.843 0 00-.719-.55 6.33 6.33 0 00-.972-.447c-.338-.122-.606-.183-.802-.183-.339 0-.987.38-1.944 1.139-.958.76-2.035 1.736-3.232 2.928a79.135 79.135 0 00-3.697 3.966 71.467 71.467 0 00-3.422 4.21 46.779 46.779 0 012.62-3.722 92.25 92.25 0 012.535-3.111 50.318 50.318 0 012.112-2.339 65.549 65.549 0 011.395-1.404c.168-.135.168-.298 0-.488a2.843 2.843 0 00-.719-.55 6.304 6.304 0 00-.972-.447c-.338-.122-.606-.183-.802-.183-.226 0-.628.279-1.204.834-.578.556-1.24 1.275-1.986 2.156a54.91 54.91 0 00-2.303 2.929 65.748 65.748 0 00-2.176 3.132 35.412 35.412 0 00-1.648 2.766c-.436.828-.655 1.445-.655 1.852 0 .19.106.44.317.752.211.311.457.597.74.855.28.258.555.434.823.528.268.095.458.034.571-.183a.95.95 0 01.169-.244 37.684 37.684 0 011.796-2.563 88.162 88.162 0 012.302-2.908 63.597 63.597 0 012.514-2.868 64.22 64.22 0 012.43-2.481 85.624 85.624 0 00-2.008 2.685 46.78 46.78 0 00-1.774 2.644 25.857 25.857 0 00-1.268 2.258c-.324.664-.486 1.173-.486 1.525 0 .19.106.441.317.753.211.311.45.597.718.854.268.258.535.434.803.53.267.094.472.033.613-.184l.338-.57c.507-.758 1.113-1.6 1.817-2.522a72.81 72.81 0 012.261-2.807c.803-.949 1.62-1.87 2.45-2.765a58.964 58.964 0 012.345-2.4 78.454 78.454 0 00-2.03 2.725zM707.462 922.937a13.23 13.23 0 00-.61-.548 8.651 8.651 0 00-.714-.549 3.495 3.495 0 00-.736-.385 1.203 1.203 0 00-.715-.061c-.897.162-1.815.575-2.753 1.239-.94.663-1.85 1.455-2.733 2.375a29.652 29.652 0 00-2.502 2.985 38.885 38.885 0 00-2.06 3.087c-.588.988-1.051 1.882-1.388 2.68-.336.8-.504 1.388-.504 1.767 0 .19.07.4.21.63.14.23.33.44.568.63.238.189.49.351.757.487.266.135.525.203.778.203.111 0 .329-.122.651-.365.322-.245.7-.57 1.136-.976a70.71 70.71 0 003.132-3.126c-.309.542-.547 1.029-.715 1.461-.168.434-.252.786-.252 1.056 0 .19.07.4.21.63.14.23.329.44.567.63.238.189.49.351.757.487.266.135.525.203.778.203.224 0 .49-.087.799-.264.308-.176.63-.4.967-.67.336-.27.658-.575.967-.914.308-.338.588-.656.84-.955.196-.243.245-.379.148-.406-.099-.027-.246-.012-.442.04a5.183 5.183 0 00-.588.204c-.197.081-.309.109-.337.081-.112-.108-.042-.419.21-.934.253-.514.617-1.13 1.094-1.848a77.469 77.469 0 011.618-2.335c.602-.838 1.184-1.63 1.745-2.376a67.2 67.2 0 011.535-1.97c.463-.568.792-.96.988-1.177.14-.162.133-.339-.02-.528-.155-.19-.38-.366-.674-.528a7.047 7.047 0 00-.925-.426c-.322-.122-.582-.183-.778-.183-.224-.001-.56.216-1.009.649zm-10.111 10.477c.294-.595.721-1.306 1.282-2.132a44.424 44.424 0 011.934-2.62 29.355 29.355 0 012.25-2.538c.77-.771 1.513-1.407 2.228-1.908.714-.501 1.324-.724 1.829-.67a40.591 40.591 0 00-2.292 2.66 51.075 51.075 0 00-2.46 3.35c-.588.623-1.176 1.233-1.765 1.828-.588.596-1.121 1.13-1.598 1.604-.477.474-.87.846-1.177 1.116-.31.271-.477.393-.504.365-.113-.107-.021-.46.273-1.055zM689.66 923.096c-.775.57-1.537 1.241-2.283 2.014a22.683 22.683 0 00-2.115 2.542 17.417 17.417 0 00-1.65 2.787 13.047 13.047 0 00-.952 2.766c-.198.909-.198 1.743 0 2.501.084.3.281.57.592.814.31.244.662.454 1.057.63.394.177.804.306 1.227.387.423.082.761.108 1.015.082.366-.028.818-.163 1.354-.407a11.68 11.68 0 001.65-.936c.563-.38 1.12-.807 1.671-1.281a15.11 15.11 0 001.502-1.485c.281-.325.373-.529.275-.61-.1-.081-.332.014-.698.286-.565.38-1.121.746-1.671 1.098a22.88 22.88 0 01-1.545.915c-.48.258-.91.462-1.29.61-.38.15-.684.224-.91.224-.733-.055-1.014-.535-.845-1.445.169-.908.605-2.013 1.31-3.315.395.298.84.577 1.334.834.492.258.965.333 1.417.223.705-.162 1.452-.596 2.242-1.301.79-.706 1.53-1.485 2.221-2.34a17.574 17.574 0 001.714-2.501c.45-.813.69-1.424.718-1.83.028-.326-.141-.664-.507-1.018a5.177 5.177 0 00-1.354-.915 7.233 7.233 0 00-1.713-.569c-.607-.122-1.121-.115-1.545.02-.704.244-1.445.65-2.22 1.22zm-.57 5.756c.508-.61 1.05-1.213 1.629-1.81a24.586 24.586 0 011.755-1.648 19.262 19.262 0 011.608-1.24c.366-.217.564-.299.592-.245.028.055-.042.231-.211.53-.395.65-.903 1.335-1.523 2.053a23.897 23.897 0 01-1.904 1.973 16.31 16.31 0 01-1.84 1.485c-.578.393-1.036.604-1.374.63a15.73 15.73 0 011.268-1.728z"/> <path d="M675.05 938c.218-.075.533-.243.945-.504a13.928 13.928 0 001.607-1.181c.492-.42.838-.78 1.035-1.079.197-.298.028-.38-.507-.243-.536.136-.726-.211-.57-1.038.154-.828.592-1.934 1.31-3.318.719-1.384 1.691-2.95 2.917-4.7 1.226-1.751 2.67-3.508 4.333-5.272a.641.641 0 00.17-.53 1.56 1.56 0 00-.233-.589 2.787 2.787 0 00-.507-.59 4.379 4.379 0 00-.655-.489 59.048 59.048 0 014.1.061c1.325.068 2.523.17 3.594.306.282.027.529-.136.74-.488.212-.353.374-.773.487-1.262.112-.489.162-.97.148-1.445-.015-.474-.12-.82-.317-1.038-.17-.162-.677-.264-1.523-.305-.846-.04-1.896-.04-3.15 0s-2.614.136-4.079.285c-1.466.15-2.896.333-4.291.55a39.94 39.94 0 00-3.827.773c-1.156.299-2.029.625-2.621.977-.17.081-.296.298-.38.651a2.438 2.438 0 00-.021 1.058c.07.353.225.638.464.855.24.217.599.244 1.079.082.873-.298 1.972-.53 3.297-.692a49.526 49.526 0 014.27-.325c-.592.461-1.268 1.153-2.029 2.075a50.325 50.325 0 00-2.368 3.134 56.704 56.704 0 00-2.367 3.684 93.45 93.45 0 00-2.071 3.683c-.62 1.167-1.114 2.212-1.48 3.134-.367.922-.55 1.6-.55 2.035 0 .08.091.223.275.427.183.204.415.407.697.61.282.204.592.38.93.53.187.081.364.141.533.178h.614z"/> </g> </g> </svg> <span class="mt-2 text-sm print:hidden"> <span class="mt-2 text-sm underline group-hover:text-teamtailor-pink">Outil de recrutement</span> de Teamtailor </span> </a></footer> </main> <script nonce="42941374bee50307b8e9d80c08f901ea"> function trackPageView(url) { var searchParams = new URLSearchParams(window.location.search); var utmSource = searchParams.get('utm_source'); window.referrer = window.referrer || utmSource || document.referrer var payload = { ed: 'hz8wpFmF2k980Xj+mVOL7IbEXBkFDsiKm1Uz3PMk+HQ3KgnlgO8OtUDJPe2YpwAfDGLyHMV53ZZ9miY0Lq8/FTvjTNknpTrwnDQxOGAAwdAAoUO9FJ5rDgJqr+OxL9BgeI0UeaNySne0Qhz00qkDzPSiydXwNgS28RvJT8XvGuwEScqcMQlEt9Q/YMofIzrEpCJf1XBCJY4HvLsCzwWp8TzxqB5nlLnV0YMxiHExEjtwFMIgxvztatvNjnC7EpMO+QYN--SRJrS6Da1LONhucU--G4pIs7XO5ncnlYhyRfdfIA==', visitor_uuid: window.visitor_uuid, referrer: window.referrer, data: { ua: navigator.userAgent, }, url: url, }; var xmlhttp = new XMLHttpRequest(); xmlhttp.open('POST', '/pageview', true); xmlhttp.setRequestHeader('Content-Type', 'application/json;charset=UTF-8'); xmlhttp.withCredentials = true; xmlhttp.addEventListener('readystatechange', function () { if (xmlhttp.readyState === XMLHttpRequest.DONE) { const status = xmlhttp.status; if (status === 0 || (status >= 200 && status < 400)) { window.visitor_uuid = xmlhttp.responseText; } } }) xmlhttp.send(JSON.stringify(payload)); } window.trackPageView = trackPageView; if (!window.analyticsPageviewCallback) { window.analyticsPageviewCallback = true; window.addEventListener('turbo:load', function(data){ window.trackPageView(); }); } </script> <script nonce='42941374bee50307b8e9d80c08f901ea' type="text/javascript">/*Change connect button*/ document.querySelector('.block-cover-text a').innerText = 'Connect';</script> <div class="opacity-0 transition-opacity duration-100 ease-in-out z-candidate-chat" data-controller="common--chat" data-common--chat-subdomain-host-value="careers.comexposium.com"> </div> </body></html>