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-4927eca3c90eeaf28306.js" data-turbo-track="reload" nonce="38c43924a715973ac3df2a0e5549bc0b" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/5217-2ae580ac374aa9e4702c.js" data-turbo-track="reload" nonce="38c43924a715973ac3df2a0e5549bc0b" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/cookies-39292efe3351f8a2b686.js" data-turbo-track="reload" nonce="38c43924a715973ac3df2a0e5549bc0b" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8559-861c670a974ad2ba563b.js" data-turbo-track="reload" nonce="38c43924a715973ac3df2a0e5549bc0b" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/601-ad90aa2e540909e29416.js" data-turbo-track="reload" nonce="38c43924a715973ac3df2a0e5549bc0b" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/7107-80a4947feee363e11ee0.js" data-turbo-track="reload" nonce="38c43924a715973ac3df2a0e5549bc0b" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4057-14cecce702c30f549526.js" data-turbo-track="reload" nonce="38c43924a715973ac3df2a0e5549bc0b" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/663-7e391fa289e8ff4ca349.js" data-turbo-track="reload" nonce="38c43924a715973ac3df2a0e5549bc0b" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/careersite-1e16232a10b145b341e6.js" data-turbo-track="reload" nonce="38c43924a715973ac3df2a0e5549bc0b" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4254-7afc1b5cd6cedb6c1681.js" data-turbo-track="reload" nonce="38c43924a715973ac3df2a0e5549bc0b" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8454-e4365b811e44853f90b8.js" data-turbo-track="reload" nonce="38c43924a715973ac3df2a0e5549bc0b" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/font-awesome-5181186e645d241afc2d.js" data-turbo-track="reload" nonce="38c43924a715973ac3df2a0e5549bc0b" defer="defer"></script> <link rel="stylesheet" href="https://assets-aws.teamtailor-cdn.com/assets/packs/css/careersite-026895f3.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 - CCM Benchmark</title> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="k98G9wNMLLnD7nWS1JAuFGmUaiCqK+0vh2Z2gA/Idk5E1O37Ra1TZ6WrIa80MsFEFKmkp2BJ0WLdrqqJ5wtxSQ==" /> <meta name="csp-nonce" content="38c43924a715973ac3df2a0e5549bc0b" /> <link rel='icon' type='image/png' href='https://images.teamtailor-cdn.com/images/s3/teamtailor-production/favicon-v3/image_uploads/5d57d1cf-0550-4676-b04a-5e0f097d9d3c/original.png'><link rel='apple-touch-icon' href='https://images.teamtailor-cdn.com/images/s3/teamtailor-production/favicon_apple-v3/image_uploads/5d57d1cf-0550-4676-b04a-5e0f097d9d3c/original.png' sizes='180x180'> <meta name="description" content="Offres d'emploi disponibles chez CCM Benchmark" /> <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 - CCM Benchmark" /> <meta property="og:site_name" content="CCM Benchmark" /> <meta property="og:url" content="https://jobs.ccmbenchmark.com/jobs" /> <meta property="og:description" content="Offres d'emploi disponibles chez CCM Benchmark" /> <meta property="og:image" content="https://screenshots.teamtailor-cdn.com/a4c87ad3-ebdf-44f8-aea9-4803c9935b11-facebook.png?update=1694535481" /> <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/a4c87ad3-ebdf-44f8-aea9-4803c9935b11-twitter.png?update=1694535481" /> <meta name="twitter:title" content="Offres d'emploi disponibles - CCM Benchmark" /> <meta name="twitter:description" content="Offres d'emploi disponibles chez CCM Benchmark" /> <style media="all"> :root { --company-primary-bg-color: 255, 255, 255; --company-secondary-bg-color: 214, 7, 27; --company-secondary-bg-light-5-color: 239, 8, 30; --company-secondary-bg-fallback-color: 214, 7, 27; --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: 214, 7, 27; --company-color: 214, 7, 27; --company-button-text-color: 255, 255, 255; --company-button-bg-color: 214, 7, 27; --company-button-bg-light-5-color: 239, 8, 30; --company-button-bg-light-15-color: 248, 49, 68; --company-border-radius: 40px; --company-header-font-family: "Roboto"; --company-header-font-weight: 700; --company-body-font-family: "Inter"; --company-body-font-weight: 400; } </style> <meta name="theme-color" content="#d6071b"> <link rel="preload" href="https://assets-aws.teamtailor-cdn.com/assets/careersite/Roboto-latin-basic-c75ffa66f264ac4b359910a0ffbdc7309ca4c5d53bce577f93a88ce520040dbf.woff2" as="font" type="font/woff2" crossorigin="true"> <link rel="preload" href="https://assets-aws.teamtailor-cdn.com/assets/careersite/Inter-latin-basic-843d010bf41a71b9d95d6156639b2e7b819c2426b39c25637e87a00741e36cbc.woff2" as="font" type="font/woff2" crossorigin="true"> <style> @font-face { font-family: "Roboto"; src: url("https://assets-aws.teamtailor-cdn.com/assets/careersite/Roboto-latin-basic-c75ffa66f264ac4b359910a0ffbdc7309ca4c5d53bce577f93a88ce520040dbf.woff2") format("woff2"); unicode-range: U+0020-007F,U+2000-206F; } @font-face { font-family: "Roboto"; src: url("https://assets-aws.teamtailor-cdn.com/assets/careersite/Roboto-latin-supplement-97b84fb633f50b21650103569b2839983338677cc6330a94a5b8b0fcab388f23.woff2") format("woff2"); unicode-range: U+00A0-00FF; } @font-face { font-family: "Roboto"; src: url("https://assets-aws.teamtailor-cdn.com/assets/careersite/Roboto-other-f2e9ab410e30ca254acce380b0830f4ae8725668e8a9a06c64e28a1dd3ab81ad.woff2") format("woff2"); unicode-range: U+0100-1FFF,U+2070-E007F; } @font-face { font-family: "Inter"; src: url("https://assets-aws.teamtailor-cdn.com/assets/careersite/Inter-latin-basic-843d010bf41a71b9d95d6156639b2e7b819c2426b39c25637e87a00741e36cbc.woff2") format("woff2"); unicode-range: U+0020-007F,U+2000-206F; } @font-face { font-family: "Inter"; src: url("https://assets-aws.teamtailor-cdn.com/assets/careersite/Inter-latin-supplement-f6478e85352feeb5c2c2c4b9258458a622045b55c9e1cb12d9345fe168075b48.woff2") format("woff2"); unicode-range: U+00A0-00FF; } @font-face { font-family: "Inter"; src: url("https://assets-aws.teamtailor-cdn.com/assets/careersite/Inter-other-dabb843f4d7b222598cfb17a8fd2183a0de1fdf25e897a36413acfeb55300f7e.woff2") format("woff2"); unicode-range: U+0100-1FFF,U+2070-E007F; } </style> </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"> CCM Benchmark et une sélection de partenaires utilisent des cookies et des technologies semblables pour veiller à optimiser votre expérience sur ce site. Si vous y consentez, nous utiliserons des cookies à des fins de statistiques. </p> <p class="mb-2">Consultez notre <a class='company-link' href='https://jobs.ccmbenchmark.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">Désactiver les cookies facultatifs</button> <button class="font-medium p-2 company-link hover:opacity-animated" 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://jobs.ccmbenchmark.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="--navigation-highlight-color: #d6071b;"> <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://jobs.ccmbenchmark.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://jobs.ccmbenchmark.com/departments">Nos marques</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://jobs.ccmbenchmark.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/kgk5J3zOUaI/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://jobs.ccmbenchmark.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="e4c1792db92bc0385f7993fec9aafa4ee" data-test="company-logo" data-turbo-permanent="true" href="https://jobs.ccmbenchmark.com/"> <img alt="CCM Benchmark : 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/981a5a8d-49a2-4840-8041-6a7fa08ea5d7/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://jobs.ccmbenchmark.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-24673756" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);" class="block--jobs jobs-page bg-company-primary text-company-primary" data-section-route="section" data-section-model="24673756" 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":581137,"lat":"48.8708403","long":"2.3278777","count":11},{"id":581138,"lat":"48.117266","long":"-1.6777926","count":3}]" data-blocks--jobs-headquarter-value="{"id":581137,"company_id":83566,"name":"Paris","email":null,"address":"9 Rue de Caumartin","zip":"75009","city":"Paris","country":"France","phone":null,"created_at":"2023-09-15T14:33:07.463+02:00","updated_at":"2024-04-10T15:55:07.446+02:00","contact_email":null,"lat":"48.8708403","long":"2.3278777","headquarters":true,"hide_on_careersite":false,"region_id":null,"administrative_area":"Île-de-France","import_id":null,"language_code":null}" 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="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-company-primary 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-interactive-map-value="true" 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","location":"Localisations","remote_status_id":"Statuts à distance"}" data-blocks--jobs--filters-default-mobile-filters-value="{"department":"Départements","location":"Localisations","remote_status_id":"Statuts à distance"}" 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]" /> <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-company-primary 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-company-primary 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="Bemove" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Bemove </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="CCM Performance" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> CCM Performance </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="Comment Ça Marche" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Comment Ça Marche </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="DAF" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> DAF </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="Figaro Emploi, Figaro Immobilier et Figaro Étudiant" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Figaro Emploi, Figaro Immobilier et Figaro Étudiant </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="Institut" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Institut </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="JDN" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> JDN </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="Journal Des Femmes" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Journal Des Femmes </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="L'internaute" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> L'internaute </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="Open Data" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Open Data </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="Partenariats" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Partenariats </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="Technique" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Technique </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="Vidéo / Photo" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Vidéo / Photo </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="ZBO Media" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> ZBO Media </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-company-primary 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="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="Nantes" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Nantes </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="Rennes" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Rennes </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="remote_status_id-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="Statuts à distance" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary 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"> Statuts à distance </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="remote_status_id"> <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="none" data-field="remote_status_id"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Pas de travail à distance </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="temporary" data-field="remote_status_id"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Temporairement à distance </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="hybrid" data-field="remote_status_id"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Hybride </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="fully" data-field="remote_status_id"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Complètement à distance </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="Bemove" data-common--options-widget-value-param="Bemove"> Bemove <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="CCM Performance" data-common--options-widget-value-param="CCM Performance"> CCM Performance <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="Comment Ça Marche" data-common--options-widget-value-param="Comment Ça Marche"> Comment Ça Marche <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="DAF" data-common--options-widget-value-param="DAF"> DAF <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="Figaro Emploi, Figaro Immobilier et Figaro Étudiant" data-common--options-widget-value-param="Figaro Emploi, Figaro Immobilier et Figaro Étudiant"> Figaro Emploi, Figaro Immobilier et Figaro Étudiant <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="Institut" data-common--options-widget-value-param="Institut"> Institut <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="JDN" data-common--options-widget-value-param="JDN"> JDN <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="Journal Des Femmes" data-common--options-widget-value-param="Journal Des Femmes"> Journal Des Femmes <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="L'internaute" data-common--options-widget-value-param="L'internaute"> L'internaute <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="Open Data" data-common--options-widget-value-param="Open Data"> Open Data <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="Partenariats" data-common--options-widget-value-param="Partenariats"> Partenariats <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="Technique" data-common--options-widget-value-param="Technique"> Technique <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="Vidéo / Photo" data-common--options-widget-value-param="Vidéo / Photo"> Vidéo / Photo <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="ZBO Media" data-common--options-widget-value-param="ZBO Media"> ZBO Media <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="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="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="Nantes" data-common--options-widget-value-param="Nantes"> Nantes <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="Rennes" data-common--options-widget-value-param="Rennes"> Rennes <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="remote_status_id" 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">Statuts à distance</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="Pas de travail à distance" data-common--options-widget-value-param="none"> Pas de travail à distance <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="Temporairement à distance" data-common--options-widget-value-param="temporary"> Temporairement à distance <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="Hybride" data-common--options-widget-value-param="hybrid"> Hybride <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="Complètement à distance" data-common--options-widget-value-param="fully"> Complètement à distance <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">Statuts à distance</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-interactive-map-value="true" 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","location":"Localisations","remote_status_id":"Statuts à distance"}" data-blocks--jobs--filters-default-mobile-filters-value="{"department":"Départements","location":"Localisations","remote_status_id":"Statuts à distance"}" 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]" /> <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-company-primary 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-company-primary 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="Bemove" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Bemove </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="CCM Performance" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> CCM Performance </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="Comment Ça Marche" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Comment Ça Marche </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="DAF" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> DAF </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="Figaro Emploi, Figaro Immobilier et Figaro Étudiant" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Figaro Emploi, Figaro Immobilier et Figaro Étudiant </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="Institut" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Institut </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="JDN" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> JDN </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="Journal Des Femmes" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Journal Des Femmes </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="L'internaute" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> L'internaute </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="Open Data" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Open Data </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="Partenariats" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Partenariats </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="Technique" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Technique </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="Vidéo / Photo" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Vidéo / Photo </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="ZBO Media" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> ZBO Media </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-company-primary 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="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="Nantes" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Nantes </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="Rennes" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Rennes </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="remote_status_id-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="Statuts à distance" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary 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"> Statuts à distance </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="remote_status_id"> <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="none" data-field="remote_status_id"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Pas de travail à distance </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="temporary" data-field="remote_status_id"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Temporairement à distance </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="hybrid" data-field="remote_status_id"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Hybride </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="fully" data-field="remote_status_id"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Complètement à distance </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="Bemove" data-common--options-widget-value-param="Bemove"> Bemove <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="CCM Performance" data-common--options-widget-value-param="CCM Performance"> CCM Performance <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="Comment Ça Marche" data-common--options-widget-value-param="Comment Ça Marche"> Comment Ça Marche <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="DAF" data-common--options-widget-value-param="DAF"> DAF <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="Figaro Emploi, Figaro Immobilier et Figaro Étudiant" data-common--options-widget-value-param="Figaro Emploi, Figaro Immobilier et Figaro Étudiant"> Figaro Emploi, Figaro Immobilier et Figaro Étudiant <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="Institut" data-common--options-widget-value-param="Institut"> Institut <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="JDN" data-common--options-widget-value-param="JDN"> JDN <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="Journal Des Femmes" data-common--options-widget-value-param="Journal Des Femmes"> Journal Des Femmes <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="L'internaute" data-common--options-widget-value-param="L'internaute"> L'internaute <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="Open Data" data-common--options-widget-value-param="Open Data"> Open Data <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="Partenariats" data-common--options-widget-value-param="Partenariats"> Partenariats <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="Technique" data-common--options-widget-value-param="Technique"> Technique <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="Vidéo / Photo" data-common--options-widget-value-param="Vidéo / Photo"> Vidéo / Photo <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="ZBO Media" data-common--options-widget-value-param="ZBO Media"> ZBO Media <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="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="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="Nantes" data-common--options-widget-value-param="Nantes"> Nantes <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="Rennes" data-common--options-widget-value-param="Rennes"> Rennes <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="remote_status_id" 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">Statuts à distance</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="Pas de travail à distance" data-common--options-widget-value-param="none"> Pas de travail à distance <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="Temporairement à distance" data-common--options-widget-value-param="temporary"> Temporairement à distance <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="Hybride" data-common--options-widget-value-param="hybrid"> Hybride <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="Complètement à distance" data-common--options-widget-value-param="fully"> Complètement à distance <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">Statuts à distance</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-24673756" class="jobs-map primary 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-24673756" data-blocks--jobs-target="map" data-turbo-permanent="true"> <button class="bg-company-primary 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-company-primary 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-company-primary 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:overflow-hidden 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">13 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://jobs.ccmbenchmark.com/jobs/5165011-stage-rubrique-sport-linternaute-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Stage rubrique Sport - Linternaute - H/F">Stage rubrique Sport - Linternaute - H/F</span> <div class="mt-1 text-md"> <span>L'internaute</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://jobs.ccmbenchmark.com/jobs/5164461-chef-de-rubrique-actualites-sur-phonandroid-cdi-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Chef de rubrique Actualités sur Phonandroid - CDI - H/F">Chef de rubrique Actualités sur Phonandroid - CDI - H/F</span> <div class="mt-1 text-md"> <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://jobs.ccmbenchmark.com/jobs/5063659-developpeur-php-web-communautaire"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Développeur PHP Web Communautaire">Développeur PHP Web Communautaire</span> <div class="mt-1 text-md"> <span>Technique</span> <span class="mx-[2px]">·</span> <span>Rennes</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://jobs.ccmbenchmark.com/jobs/5063652-lead-dev-et-futur-manager-web-communautaire"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Lead dev et futur manager Web Communautaire">Lead dev et futur manager Web Communautaire</span> <div class="mt-1 text-md"> <span>Technique</span> <span class="mx-[2px]">·</span> <span>Rennes</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://jobs.ccmbenchmark.com/jobs/5025534-responsable-de-chaine-sante-linternaute-com-cdi-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Responsable de chaîne Santé - Linternaute.com - CDI - H/F">Responsable de chaîne Santé - Linternaute.com - CDI - H/F</span> <div class="mt-1 text-md"> <span>L'internaute</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://jobs.ccmbenchmark.com/jobs/4929896-stagiaire-redacteur-actualite-societe-linternaute-com-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Stagiaire - Rédacteur Actualité/Société - Linternaute.com - H/F">Stagiaire - Rédacteur Actualité/Société - Linternaute.com - H/F</span> <div class="mt-1 text-md"> <span>L'internaute</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://jobs.ccmbenchmark.com/jobs/4601463-redacteur-redactrice-tendance-du-web-journal-du-net-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Rédacteur/Rédactrice Tendance du Web – Journal du Net (H/F)">Rédacteur/Rédactrice Tendance du Web – Journal du Net (H/F)</span> <div class="mt-1 text-md"> <span>JDN</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://jobs.ccmbenchmark.com/jobs/4601452-redacteur-redactrice-cybersecurite-en-cdi-journal-du-net-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Rédacteur/rédactrice Cybersécurité en CDI - Journal du Net (H/F)">Rédacteur/rédactrice Cybersécurité en CDI - Journal du Net (H/F)</span> <div class="mt-1 text-md"> <span>JDN</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://jobs.ccmbenchmark.com/jobs/4559944-redacteur-web-h-f-cdi-figaro-ccm-benchmark"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Rédacteur web (H/F) - CDI - Figaro CCM Benchmark">Rédacteur web (H/F) - CDI - Figaro CCM Benchmark</span> <div class="mt-1 text-md"> <span>Figaro Emploi, Figaro Immobilier et Figaro Étudiant</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://jobs.ccmbenchmark.com/jobs/3646795-alternance-charge-e-de-marketing-e-crm-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Alternance chargé(e) de marketing e-CRM, H/F">Alternance chargé(e) de marketing e-CRM, H/F</span> <div class="mt-1 text-md"> <span>Journal Des Femmes</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://jobs.ccmbenchmark.com/jobs/3635660-stagiaire-redacteur-actualite-societe-sur-linternaute-com"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Stagiaire - Rédacteur : Actualité - Société - sur Linternaute.com">Stagiaire - Rédacteur : Actualité - Société - sur Linternaute.com</span> <div class="mt-1 text-md"> <span>L'internaute</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://jobs.ccmbenchmark.com/jobs/3225561-stagiaire-redacteur-redactrice-actualite-societe-sur-linternaute-com-h-f"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Stagiaire - Rédacteur/Rédactrice : Actualité - Société - sur Linternaute.com (H/F)">Stagiaire - Rédacteur/Rédactrice : Actualité - Société - sur Linternaute.com (H/F)</span> <div class="mt-1 text-md"> <span>L'internaute</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://jobs.ccmbenchmark.com/jobs/3187331-developpeur-se-php-symfony-equipe-cms"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Développeur(se) PHP / Symfony - Équipe CMS">Développeur(se) PHP / Symfony - Équipe CMS</span> <div class="mt-1 text-md"> <span>Technique</span> <span class="mx-[2px]">·</span> <span>Rennes, 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> </li> </ul> </div> </div> </div></div></div></div> </turbo-frame> </section> <div class="" data-section-model="footer"> <footer class="block-px"> <div class="text-lg block-padding"> <div class="w-full mx-auto sm:flex block-max-w--lg"> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-menu"> <h2 class="mb-4 text-xl font-company-header">Site carrière</h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://jobs.ccmbenchmark.com/">Accueil</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://jobs.ccmbenchmark.com/departments">Nos marques</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://jobs.ccmbenchmark.com/jobs">Offres d'emploi</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="/data-privacy">Données et confidentialité</a> </li> <li class="w-full text-md leading-tight"> <button data-controller="cookie-preferences" data-action="click->cookie-preferences#openCookiePreferences" class="company-link font-company-body text-unset py-1">Gérer les cookies</button> </li> </ul> </div> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-departments"> <h2 class="mb-4 text-xl font-company-header">Départements</h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://jobs.ccmbenchmark.com/departments/ccm-performance">CCM Performance</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://jobs.ccmbenchmark.com/departments/jdn">JDN</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://jobs.ccmbenchmark.com/departments/l-internaute">L'internaute</a> </li> </ul> </div> <div class="flex flex-col items-center justify-center grow shrink-0 text-base sm:items-end sm:justify-end"> <div class="flex mt-2"> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="x-twitter" href="https://twitter.com/CCMBenchmarkGp"> <i class="fab fa-x-twitter size-6 p-1 text-lg"></i> </a> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="linkedin" href="https://www.linkedin.com/company/ccm-benchmark"> <i class="fab fa-linkedin size-6 p-1 text-lg"></i> </a> </div> </div></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/kgk5J3zOUaI/dashboard">Connexion employé</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 CCM Benchmark ?</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="tJYuTsEob5DPlr29r3BnOFM1JL1QJAMTKQPfMxmf9mtPdWIm9tVyWSw9gn+9ldYGg2a8wyKL0VHPojqUUwpvzw==" autocomplete="off" /> <input value="ccmbenchmark.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"> @ccmbenchmark.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> <ul data-blocks--auto-join--form-target="dropdown" class="left-0 top-full bg-white rounded min-w-[175px] p-2 shadow-form animate__animated animate__faster w-full absolute mt-4 z-dropdown max-h-50 overflow-auto hidden"> <li class="block"><button class="w-full px-3 py-3 mb-1 text-left text-gray-800 no-underline text-md whitespace-nowrap last:mb-0 sm:py-1 rounded-xs hover:bg-company-secondary hover:text-company-secondary" data-action="click->blocks--auto-join--form#changeDomain" data-blocks--auto-join--form-target="domainButton" data-domain="ccmbenchmark.com">ccmbenchmark.com</button></li> <li class="block"><button class="w-full px-3 py-3 mb-1 text-left text-gray-800 no-underline text-md whitespace-nowrap last:mb-0 sm:py-1 rounded-xs hover:bg-company-secondary hover:text-company-secondary" data-action="click->blocks--auto-join--form#changeDomain" data-blocks--auto-join--form-target="domainButton" data-domain="linternaute.com">linternaute.com</button></li> <li class="block"><button class="w-full px-3 py-3 mb-1 text-left text-gray-800 no-underline text-md whitespace-nowrap last:mb-0 sm:py-1 rounded-xs hover:bg-company-secondary hover:text-company-secondary" data-action="click->blocks--auto-join--form#changeDomain" data-blocks--auto-join--form-target="domainButton" data-domain="journaldesfemmes.com">journaldesfemmes.com</button></li> <li class="block"><button class="w-full px-3 py-3 mb-1 text-left text-gray-800 no-underline text-md whitespace-nowrap last:mb-0 sm:py-1 rounded-xs hover:bg-company-secondary hover:text-company-secondary" data-action="click->blocks--auto-join--form#changeDomain" data-blocks--auto-join--form-target="domainButton" data-domain="journaldunet.com">journaldunet.com</button></li> </ul> </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="ec3ea28a30ea3a8d28c1f92ed9db23d33" 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=jobs.ccmbenchmark.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="38c43924a715973ac3df2a0e5549bc0b"> 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: 'kDYxt0BEJeI1nuOmlWrkbmDFPvGnjzb6qliVgmAfZUb0HmK3/7JV2CgNEjQx/l66ksKHk8y3yQW6ERMV3tcIC7CBq67UVquVX/+Xe1vHCje7/YV3T26ioklQyUKFYcSso9/f271JlaFgtn3/xyeUtQuEaXTvS1xamkuPEEPmOnKsEECyqpvwmYeyloYm+o/RaEdunPKHTJW3rJshp5nobW3iMxVpHQX1wH6QmGqkQ5kbB0xZhJhQ6TrnWHDx2iqGdnKz+A==--1U7hgt0ckNlFo0Hi--H+cJ5VNOEfspANE1tQvq+Q==', 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> <div class="opacity-0 transition-opacity duration-100 ease-in-out z-candidate-chat" data-controller="common--chat" data-common--chat-subdomain-host-value="jobs.ccmbenchmark.com"> </div> </body></html>