<!DOCTYPE html>
<html lang="fr-fr"
    class="tw-scroll-smooth"
    data-controller="fetch-account-data"
    data-fetch-account-data-url-value="/fr-fr/compte/accountdata"
>
<head>
    
<!--
En visualisant le code source vous acceptez les CGU accessibles à l’adresse : https://www.hellowork.comhttps://www.hellowork-group.com/fr/legal/cgu-hellowork/
Notamment l’article 8.2
L’Utilisateur peut uniquement utiliser le Site aux fins d’accéder aux Services, ce exclusivement à des fins privées et non commerciales.
Il est notamment expressément reconnu et accepté par l’Utilisateur que l’utilisation de systèmes automatisés ou de logiciels pour extraire des données du Site, en particulier le Contenu et la CVthèque (« capture de données d’écran » / « screen scraping / web scraping» notamment), à quelques fins que ce soit, commerciales ou non, est strictement interdite, à moins que Hellowork n’ait conclu une convention de licence écrite autorisant expressément l’Utilisateur à extraire une partie des données du Site.
-->


    <meta charset="UTF-8"/>

    <title>Hellowork | Offres Emploi, Alerte mail, CV et Recrutement en France</title>

    <!-- #region Piano Analytics -->
<script type="text/javascript">
    /* Init du push de piano analytics */
     window._pac = window._pac || {};
      _pac.queueVarName = "_paqpiano";
      var _paqpiano = window._paqpiano || [];
</script>
<!-- #endregion Piano Analytics -->

    <!-- #region Google_Tag_Manager -->
    <!-- Conditionne l'ajout du script en fonction de la navigation turbo -->
    <script>window.dataLayer = window.dataLayer || [];if (!window.dataLayerAlreadyPushed) { window.dataLayer.push({"categoryPage":"HP","sujetPage":"Home","typePage":"Home-Onboarding","EnhancedEcommerce":true,"app_version_array":{"one-time-password-V1.0":"Version_B"}},{"event":"impressionPromotion","ecommerce":{"promoView":{"promotions":[{"id":34474,"name":"Babilou","creative":"Bloc Entreprise","position":1},{"id":546,"name":"Auchan Retail France","creative":"Bloc Entreprise","position":2},{"id":33357,"name":"Domusvi","creative":"Bloc Entreprise","position":3},{"id":3597,"name":"BNP Paribas","creative":"Bloc Entreprise","position":4},{"id":12613,"name":"Groupement Mousquetaires","creative":"Bloc Entreprise","position":5},{"id":77723,"name":"Domaliance","creative":"Bloc Entreprise","position":6}]}},"app_version_array":{"one-time-password-V1.0":"Version_B"}}); window.dataLayerAlreadyPushed = true; }</script>

    
<script>
    (function (w, d, s, l, i) {
    w[l] = w[l] || []; w[l].push({
        'gtm.start':
            new Date().getTime(), event: 'gtm.js'
    }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
            'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-PZLHDH');</script>

    <!-- #endregion Google_Tag_Manager -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta name="view-transition" content="same-origin"/>
    <meta name="google-site-verification" content="b_h5Dmw6rHMyhuTzlkJkv2R0MhFhbL2wqV1cEoud_Bg"/>
    <meta property="og:title" content="Hellowork | Offres Emploi, Alerte mail, CV et Recrutement en France">
    <meta property="og:description" content="Trouvez rapidement un Emploi avec Hellowork, Premier site Emploi en France : 878&#x202F;186 Offres d&#x27;Emploi, 12&#x202F;377 Entreprises qui recrutent, CV, alerte mail, actualit&#xE9;s.">
    <meta name="description" content="Trouvez rapidement un Emploi avec Hellowork, Premier site Emploi en France : 878&#x202F;186 Offres d&#x27;Emploi, 12&#x202F;377 Entreprises qui recrutent, CV, alerte mail, actualit&#xE9;s.">
    <meta property="og:url" content="https://www.hellowork.com/fr-fr/">
    <meta property="og:site_name" content="www.hellowork.com">
    <meta property="og:image" content="https://f.hellowork.com/hellowork/img/placeholders/og-image-hellowork.jpg" itemprop="image">
    <meta property="og:locale" content="fr_FR">
    <meta property="og:type" content="website">


        <meta name="twitter:card" content="summary">
        <meta name="twitter:site" content="@hellowork">
        <meta name="twitter:title" content="Hellowork | Offres Emploi, Alerte mail, CV et Recrutement en France">
        <meta name="twitter:description" content="Trouvez rapidement un Emploi avec Hellowork, Premier site Emploi en France : 878&#x202F;186 Offres d&#x27;Emploi, 12&#x202F;377 Entreprises qui recrutent, CV, alerte mail, actualit&#xE9;s.">
        <meta name="twitter:domain" content="www.hellowork.com">
        <meta name="twitter:app:id:googleplay" content="com.regionsjob.android"/>
        <meta name="twitter:app:id:ipad" content="408615037"/>
        <meta name="twitter:app:id:iphone" content="408615037"/>
        <meta name="twitter:app:name:iphone" content="Hellowork"/>
        <meta name="twitter:app:name:ipad" content="Hellowork"/>
        <meta name="twitter:app:name:googleplay" content="Hellowork"/>

    <meta property="al:ios:app_name" content="Hellowork"/>
    <meta property="al:ios:app_store_id" content="408615037"/>
    <meta property="al:android:app_name" content="Hellowork"/>
    <meta property="al:android:package" content="com.regionsjob.android"/>

    
<meta name="robots" content="index, follow">
    <meta name="language" content="fr-FR" />
<link rel="canonical" href="https://www.hellowork.com/fr-fr/" />

    
    
    <meta name="facebook-domain-verification" />
    <meta name="p:domain_verify" content="7b8a55d77304037b36e776e35b491b82"/>
 
 

    

    <link rel="preload" href="https://f.hellowork.com/hellowork/ressources/2.35.4/fonts/inter-roman-latin-sliced.woff2" as="font" type="font/woff2" crossorigin />

    

    <link rel="stylesheet" type="text/css" href="https://f.hellowork.com/hellowork/ressources/2.35.4/styles/tailwind.dist.css">

    
<link rel="icon" type="image/x-icon" href="https://f.hellowork.com/hellowork/img/favicons/hellowork/favicon.ico" />
    

    <meta name="turbo-prefetch" content="false">
    

    


<script type="application/ld+json">
    {"@context": "https://schema.org","@type": "WebSite","name" : "Hellowork","url": "https://www.hellowork.com/fr-fr/"}
</script>



    
<script type="application/ld+json">
  {"@context":"https://schema.org","@type":"Organization","name":"Hellowork","sameAs":["https://www.facebook.com/helloworkcom","https://www.youtube.com/channel/UCry7TiN8-dFKQUgyUMYANTQ","https://twitter.com/hellowork","https://www.tiktok.com/@helloworkcom","https://www.instagram.com/hellowork_/","https://www.linkedin.com/company/helloworkcom/"],"url":"https://www.hellowork.com","logo":{"@type":"ImageObject","url":"https://f.hellowork.com/hellowork/ressources/2.35.4/images/png/logo_hellowork.png"}}
</script>

    
    
    
    
    
    
    
    

    
    <script>
    document.addEventListener("DOMContentLoaded", function (event) {
        var isCookedMarketing = function () {
            var value = '; ' + document.cookie,
                parts = value.split('; hw-cc-first-party=');
            if (parts.length !== 2) return false;
            return JSON.parse(decodeURIComponent(parts.pop().split(';').shift())).marketing;
        }
        if (isCookedMarketing()) {
            var script = document.createElement("script");
            script.setAttribute("async", "true");
            script.setAttribute("src", "https://securepubads.g.doubleclick.net/tag/js/gpt.js");
            
            var ref = document.querySelector("script");

            ref.parentNode.insertBefore(script, ref);
        }
    });

    window.googletag = window.googletag || { cmd: [] };
</script>
</head>

    <body class="tw-relative tw-typo-s" data-controller="toggle-on-body analytics tracker scroll-to-top mutable content-missing display-toast-message service-unsubscriber" data-mutable-event-name-value="pageLoaded" data-toggle-on-body-toggled-class="tw-overflow-hidden" data-action="mutable:pageLoaded->tracker#identify turbo:frame-missing@window->content-missing#handleFrameMissing">
        <a
            class="
                tw-hidden
                xl:tw-block
                tw-sr-only
                focus-visible:!tw-btn-primary-l
                focus-visible:tw-not-sr-only
                focus-visible:tw-w-64
                focus-visible:tw-top-4
                focus-visible:tw-left-4
                focus-visible:tw-absolute
                focus-visible:tw-z-40
                focus-visible:tw-py-3
            "
            href="#main-content"
        >
            Aller au contenu principal
        </a>
        <main>
            

<script>
    window.HelloworkCookieConsentCustomConfig = {
        privacyPolicyUrl: "https://www.hellowork-group.com/fr/legal/pdc-hellowork/",
        noticeModal: true,
        primaryBtnBackgroundColor: "#000000",
        continueWithoutAcceptingTextOutlineColor: "#ffffff",
        noticeModalLogo: "https://f.hellowork.com/hellowork/ressources/2.35.4/images/svg/logos/black/logo-hellowork-ne-pas-supprimer.svg",
        btnDenyCookies: true,
        btnDenyCookiesType: "continue-without-accepting",
        cookieSelectedCallback: (hasAccepted = false) => {
            document.dispatchEvent(new CustomEvent('marketingCookiesChanged', {"detail": { "hasAccepted": hasAccepted }}));
        }
    };

    document.addEventListener("DOMContentLoaded", function () {
        window.helloworkCookieConsent = new HelloworkCookieConsent();
    })
</script>
<script src="https://f.hellowork.com/hw-cookie-consent/latest/embed.js" defer></script>

<noscript>
    <iframe title="Hellowork" src="https://www.googletagmanager.com/ns.html?id=GTM-PZLHDH"
            height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
    
<script>
    (function(d,s,b,u){if(!b.__SV){window.tracker=b;b._c=[];
        b.init=function(c){function f(b, h){b[h]=function(){
                b.push([h].concat(Array.prototype.slice.call(arguments, 0)));}}c.trackerUrl=u;b._c=c;
            var i="track extract_metas identify set_config whoami track_metas track_action loaded getWk".split(" ");
            for(g=0;g<i.length;g++)f(b, i[g]);};b.__SV = 1.0;var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s);j.async=!0;j.src=u+"javascripts/tracker-2-latest.min.js";
        f.parentNode.insertBefore(j, f);}})
    (document,"script",[],"//t.hellowork.com/");
    
    tracker.init({
        /* Debug mode pour logs */
        isDebug:  false,
        /* Identifiant du site de tracking */
            trackerSiteId: 41,
        /* Domaine de tracking */
        trackerDomainId: 2,
        /* Cookie consent */
        cookieConsent: false
    });
</script>

            <script>dataLayer.push({ 'Connexion' : 'Non-Connecte','UAIdXjob' : 'UA-32617926-5'})</script>

            


















<turbo-frame id="modal-new-profile" data-content-missing-target="excluded">
    <form 
        id="formCustomOneTap"
        data-controller="auto-submittable"
        action="/fr-fr/candidat/onetapturbocustom"
        method="post"
    >
        <input 
            type="hidden" 
            name="auto-submit" 
            data-controller="mutable" 
            data-action="mutable:connected->auto-submittable#submit"
        >

    </form>

    <form id="formOneTap" action="/fr-fr/candidat/onetapturbo" method="post">
        <input type="hidden" name="clientId">
        <input type="hidden" name="credential">
        <input type="hidden" name="selectBy">
    </form>

    <div id="g_id_onload"
         data-client_id="983461533668-5f2b35au8h7fpiu443ich72bb8juf60l.apps.googleusercontent.com"
        data-callback="setFormWithGoogleCredential"
        data-skip_prompt_cookie="hw_onetap"
        data-auto_select="false"
        data-cancel_on_tap_outside="false"
        data-use_fedcm_for_prompt="true"
        class="tw-z-50">
    </div>

    <script>
        function setFormWithGoogleCredential(response) {
            const formOneTap = document.getElementById('formOneTap')
            formOneTap.querySelector('input[name="clientId"]').value = response.clientId
            formOneTap.querySelector('input[name="credential"]').value = response.credential
            formOneTap.querySelector('input[name="selectBy"]').value = response.select_by
            formOneTap.requestSubmit()
        }
    </script>
</turbo-frame>

<div 
    data-controller="onetap-importer"
    data-onetap-importer-custom-url-value="/fr-fr/candidat/customonetapframeview"
>
    <turbo-frame id="one-tap-custom" data-onetap-importer-target="customFrame" src="" ></turbo-frame>
    <script
        async defer
        data-action="marketingCookiesChanged@document->onetap-importer#importOneTapScript:once"
        data-onetap-importer-target="scriptElement"
    ></script>
</div>


<div>
    <!-- input caché utilisé pour déclencher l'affichage du side pannel  -->
    <input type="checkbox" hidden id="cp-mobile-menu-side-panel" class="tw-peer">
    <!-- Side Panel pour le menu mobile -->
    <div class="tw-fixed
                tw-flex
                tw-flex-col
                tw-h-full 
                tw-z-50
                tw-top-0
                tw-cp-menu-width
                tw-bg-grey-50 
                tw-transform 
                tw-ease-in 
                tw-duration-400
                peer-checked:tw-translate-x-full
                xl:tw-hidden">
        <nav aria-label="Menu de navigation" 
             class="tw-h-full tw-flex tw-flex-col tw-justify-between tw-overflow-y-auto" 
             data-controller="focus-trap"
             data-focus-trap-target="container">
            <div class="tw-hidden connected:tw-block tw-px-6 tw-py-8 tw-flex-grow">
                


<div class="tw-flex tw-pb-14 xl:tw-hidden tw-justify-between">
    <div class="tw-flex tw-justify-between">
        <div data-controller="toggle"
             data-toggle-toggled-class="tw-hidden"
             data-action="from-account-data:empty@document->toggle#add from-account-data:copied:Initials@document->toggle#remove"
             data-toggle-target="toToggle"
             class="tw-flex tw-flex-col tw-gap-3">
            



<div
    class="tw-bg-blue-500 tw-min-w-16 tw-min-h-16 tw-size-16 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-relative tw-overflow-hidden">
    <div class="tw-text-white tw-absolute tw-typo-xl-bold"
         data-controller="from-account-data"
         data-action="fetch-account-data:account-data-refreshed@document->from-account-data#copie"
         data-from-account-data-copy-value="Initials"
         data-from-account-data-into-value="innerText">
    </div>
</div>
            <div class="tw-flex tw-flex-col">
                <span class="tw-flex tw-flex-wrap tw-typo-l-bold tw-pb-1 tw-break-all">
                    <span data-controller="from-account-data"
                          data-action="fetch-account-data:account-data-refreshed@document->from-account-data#copie"
                          data-from-account-data-copy-value="FirstName"
                          data-from-account-data-into-value="innerText">
                    </span>
                    <span class="tw-px-[2px]"></span>
                    <span data-controller="from-account-data"
                          data-action="fetch-account-data:account-data-refreshed@document->from-account-data#copie"
                          data-from-account-data-copy-value="LastName"
                          data-from-account-data-into-value="innerText">
                    </span>
                </span>
                <span class="tw-typo-m tw-text-grey-500 tw-break-all"
                      data-controller="from-account-data"
                      data-action="fetch-account-data:account-data-refreshed@document->from-account-data#copie"
                      data-from-account-data-copy-value="Email"
                      data-from-account-data-into-value="innerText">
                </span>
            </div>
        </div>
        <div data-controller="toggle"
             data-toggle-toggled-class="tw-hidden"
             data-action="from-account-data:empty@document->toggle#remove from-account-data:copied:Initials@document->toggle#add"
             data-toggle-target="toToggle"
             class="tw-hidden tw-flex tw-flex-col tw-gap-4">
            


<div
    class="tw-bg-grey-100 tw-min-w-16 tw-min-h-16 tw-size-16 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-relative tw-overflow-hidden">
    <svg
        class="tw-text-grey-300 tw-aspect-[38/44] tw-w-[38px] tw-absolute tw-bottom-0">
        <use href="/svg/icons/user.svg#avatar"></use>
    </svg>
</div>
            <span class="tw-typo-s">
                <span data-controller="atc" data-atc-l-value="x/se-se/pnaqvqng/zba-cebsvy=pt=ugzyf">Complétez votre profil</span> pour recevoir des offres adaptées.
            </span>
        </div>
    </div>
    <button class="tw-self-start"
        data-controller="input-checker"
        data-input-checker-input-value="#cp-mobile-menu-side-panel"
        aria-label="Fermer le menu"
        data-action="toggle-on-body#remove click->input-checker#uncheck">
        <!-- Icône de fermeture -->
        <svg class="tw-size-3">
            <use href="/svg/icons/nav/close.svg#close"></use>
        </svg>
    </button>
</div>
<div class="tw-flex tw-flex-col tw-gap">
    <span class="tw-mb-[148px] tw-hidden xl:tw-block"
          data-controller="atc"
          data-atc-l-value="x/se-sef"
    >
        <svg class="tw-aspect-[99/44] tw-h-10">
            <use href="/svg/logo/hellowork.svg#black"></use>
        </svg>
    </span>
    <div class="tw-flex tw-flex-col tw-gap-8">
        <span class="tw-rounded-full tw-px-4 tw-py-2 tw-no-underline hover:tw-bg-grey-100 focus:tw-bg-grey-100 active:tw-bg-grey-300"
              data-controller="atc cp-menu-item"
              data-cy="cpMenuDashboard"
              data-atc-l-value="x/se-se/pnaqvqng/zba-rfcnpr=pt=ugzyf"
              data-cp-menu-item-url-value="/fr-fr/candidat/mon-espace.html"
              data-cp-menu-item-active-class="tw-bg-grey-100"
              data-cp-menu-item-hidden-class="tw-hidden"
              data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;event_info&quot;:&quot;espace-candidat&quot;,&quot;wording&quot;:&quot;Mon espace&quot;}"
              data-action="click->analytics#push"
        >
            <div class="tw-flex tw-typo-m tw-gap-3 tw-items-center">
                <svg
                    class="tw-size-4"
                    data-cp-menu-item-target="inactiveIcon">
                    <use href="/svg/icons/home.svg#home"></use>
                </svg>
                <svg
                    class="tw-size-4 tw-hidden"
                    data-cp-menu-item-target="activeIcon">
                    <use href="/svg/icons/home.svg#home-active"></use>
                </svg>
                Mon espace
            </div>
        </span>
        <span class="tw-rounded-full tw-px-4 tw-py-2 tw-no-underline hover:tw-bg-grey-100 focus:tw-bg-grey-100 active:tw-bg-grey-300"
              data-controller="atc cp-menu-item"
              data-cy="cpMenuCV"
              data-atc-l-value="x/se-se/pnaqvqng/zrf-pi-ihf=pt=ugzyf"
              data-cp-menu-item-url-value="/fr-fr/candidat/mes-cv-vus.html"
              data-cp-menu-item-active-class="tw-bg-grey-100"
              data-cp-menu-item-hidden-class="tw-hidden"
              data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;event_info&quot;:&quot;espace-candidat&quot;,&quot;wording&quot;:&quot;Mes CV vus&quot;}"
              data-action="click->analytics#push"
        >
            <div class="tw-flex tw-typo-m tw-gap-3 tw-items-center">
                <svg class="tw-size-4"
                     data-cp-menu-item-target="inactiveIcon">
                    <use href="/svg/icons/cv.svg#cv"></use>
                </svg>
                <svg class="tw-size-4 tw-hidden"
                     data-cp-menu-item-target="activeIcon">
                    <use href="/svg/icons/cv.svg#cv-active"></use>
                </svg>
                Mes CV vus
            </div>
        </span>
        <span class="tw-rounded-full tw-px-4 tw-py-2 tw-no-underline hover:tw-bg-grey-100 focus:tw-bg-grey-100 active:tw-bg-grey-300"
              data-controller="atc cp-menu-item"
              data-cy="cpMenuOfferResponses"
              data-atc-l-value="x/se-se/pnaqvqng/zrf-pnaqvqngherf=pt=ugzyf"
              data-cp-menu-item-url-value="/fr-fr/candidat/mes-candidatures.html"
              data-cp-menu-item-active-class="tw-bg-grey-100"
              data-cp-menu-item-hidden-class="tw-hidden"
              data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;event_info&quot;:&quot;espace-candidat&quot;,&quot;wording&quot;:&quot;Mes candidatures&quot;}"
              data-action="click->analytics#push"
        >
            <div class="tw-flex tw-typo-m tw-gap-3 tw-items-center">
                <svg
                    class="tw-size-4"
                    data-cp-menu-item-target="inactiveIcon">
                    <use href="/svg/icons/offre.svg#offre"></use>
                </svg>
                <svg
                    class="tw-size-4 tw-hidden"
                    data-cp-menu-item-target="activeIcon">
                    <use href="/svg/icons/offre.svg#offre-active"></use>
                </svg>
                Mes candidatures
            </div>
        </span>
        <span class="tw-rounded-full tw-px-4 tw-py-2 tw-no-underline hover:tw-bg-grey-100 focus:tw-bg-grey-100 active:tw-bg-grey-300"
              data-controller="atc cp-menu-item"
              data-cy="cpMenuAlerts"
              data-atc-l-value="x/se-se/pnaqvqng/zrf-nyregrf=pt=ugzyf"
              data-cp-menu-item-url-value="/fr-fr/candidat/mes-alertes.html"
              data-cp-menu-item-active-class="tw-bg-grey-100"
              data-cp-menu-item-hidden-class="tw-hidden"
              data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;event_info&quot;:&quot;espace-candidat&quot;,&quot;wording&quot;:&quot;Mes alertes&quot;}"
              data-action="click->analytics#push"
        >
            <div class="tw-flex tw-typo-m tw-gap-3 tw-items-center">
                <svg
                    class="tw-size-4"
                    data-cp-menu-item-target="inactiveIcon">
                    <use href="/svg/icons/alertes.svg#alertes"></use>
                </svg>
                <svg
                    class="tw-size-4 tw-hidden"
                    data-cp-menu-item-target="activeIcon">
                    <use href="/svg/icons/alertes.svg#alertes-active"></use>
                </svg>
                Mes alertes
            </div>
        </span>
        <span class="tw-rounded-full tw-px-4 tw-py-2 tw-no-underline hover:tw-bg-grey-100 focus:tw-bg-grey-100 active:tw-bg-grey-300"
              data-controller="atc cp-menu-item"
              data-cy="cpMenuProfil"
              data-atc-l-value="x/se-se/pnaqvqng/zba-cebsvy=pt=ugzyf"
              data-cp-menu-item-url-value="/fr-fr/candidat/mon-profil.html"
              data-cp-menu-item-active-class="tw-bg-grey-100"
              data-cp-menu-item-hidden-class="tw-hidden"
              data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;event_info&quot;:&quot;espace-candidat&quot;,&quot;wording&quot;:&quot;Mon profil&quot;}"
              data-action="click->analytics#push"
        >
            <div class="tw-flex tw-typo-m tw-gap-3 tw-items-center">
                <svg
                    class="tw-size-4"
                    data-cp-menu-item-target="inactiveIcon">
                    <use href="/svg/icons/user.svg#user"></use>
                </svg>
                <svg
                    class="tw-size-4 tw-hidden"
                    data-cp-menu-item-target="activeIcon">
                    <use href="/svg/icons/user.svg#user-active"></use>
                </svg>
                Mon profil
            </div>
        </span>
        <span class="tw-rounded-full tw-px-4 tw-py-2 tw-no-underline hover:tw-bg-grey-100 focus:tw-bg-grey-100 active:tw-bg-grey-300"
              data-controller="atc cp-menu-item"
              data-cy="cpMenuParameters"
              data-atc-l-value="x/se-se/pnaqvqng/cnenzrgerf=pt=ugzyf"
              data-cp-menu-item-url-value="/fr-fr/candidat/parametres.html"
              data-cp-menu-item-active-class="tw-bg-grey-100"
              data-cp-menu-item-hidden-class="tw-hidden"
              data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;event_info&quot;:&quot;espace-candidat&quot;,&quot;wording&quot;:&quot;Param&#xE8;tres&quot;}"
              data-action="click->analytics#push"
        >
            <div class="tw-flex tw-typo-m tw-gap-3 tw-items-center">
                <svg
                    class="tw-size-4"
                    data-cp-menu-item-target="inactiveIcon">
                    <use href="/svg/icons/settings.svg#settings"></use>
                </svg>
                <svg
                    class="tw-size-4 tw-hidden"
                    data-cp-menu-item-target="activeIcon">
                    <use href="/svg/icons/settings.svg#settings-active"></use>
                </svg>
                Param&#xE8;tres
            </div>
        </span>
        <span class="xl:tw-hidden tw-rounded-full tw-px-4 tw-py-2 tw-no-underline hover:tw-bg-grey-100 focus:tw-bg-grey-100 active:tw-bg-grey-300"
              data-controller="atc cp-menu-item"
              data-cy="cpMenuLogOff"
              data-atc-l-value="x/se-se/pnaqvqng/ybtbssf"
              data-cp-menu-item-url-value="/fr-fr/candidat/logoff"
              data-cp-menu-item-active-class="tw-bg-grey-100"
              data-cp-menu-item-hidden-class="tw-hidden"
              data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;event_info&quot;:&quot;espace-candidat&quot;,&quot;wording&quot;:&quot;D&#xE9;connexion&quot;}"
              data-action="click->analytics#push"
        >
            <div class="tw-flex tw-typo-m tw-gap-3 tw-items-center">
                <svg class="tw-size-4">
                    <use href="/svg/icons/exit.svg#exit"></use>
                </svg>
                D&#xE9;connexion
            </div>
        </span>
    </div>
</div>
            </div>
            <div class="tw-hidden not-connected:tw-block tw-px-6 tw-py-8 tw-flex-grow">
                



<div class="tw-flex tw-pb-14 xl:tw-hidden tw-justify-between">
    <input type="checkbox" hidden id="cp-mobile-menu-side-panel-employment" class="tw-peer/employment">
    <!-- Side Panel pour l'onglet Emploi -->
    <div class="tw-fixed tw-flex tw-flex-col tw-h-full tw-z-50 tw-top-0 tw-w-full -tw-left-full tw-bg-grey-50 tw-transform tw-ease-in tw-duration-400 xl:tw-hidden peer-checked/employment:tw-translate-x-full">
        <nav aria-label="Onglet Emploi" 
                class="tw-h-full tw-flex tw-flex-col tw-justify-between tw-overflow-y-auto" 
                data-controller="focus-trap"
                data-focus-trap-target="container">
                <div class="tw-px-6 tw-py-8 tw-flex-grow">
                

<div class="tw-flex tw-pb-14 xl:tw-hidden tw-justify-between">
    <button class="tw-self-start"
        data-controller="input-checker"
        data-input-checker-input-value="#cp-mobile-menu-side-panel-employment"
        aria-label="Retour" 
        data-action="toggle-on-body#remove click->input-checker#uncheck">
        <svg class="tw-size-3" aria-hidden="true">
            <use href="/svg/icons/arrow.svg#left"></use>
        </svg>
    </button>
    <button class="tw-self-start"
        data-controller="input-checker"
        data-input-checker-input-value="#cp-mobile-menu-side-panel-employment"
        aria-label="Fermer le menu"
        data-action="toggle-on-body#remove click->input-checker#uncheck">
        <!-- Icône de fermeture -->
        <svg class="tw-size-3">
            <use href="/svg/icons/nav/close.svg#close"></use>
        </svg>
    </button>
</div>
<ul class="tw-flex tw-flex-col tw-gap-6">
    <li>
        <a data-cy="headerJobInterimLink" href="/fr-fr/interim.html" class="tw-typo-m tw-no-underline">Missions d'intérim</a>
    </li>
    <li>
        <a data-cy="headerJobInternshipLink" href="/fr-fr/stage.html" class="tw-typo-m tw-no-underline">Offres de stage</a>
    </li>
    <li>
        <a data-cy="headerJobAlternatelyLink" href="/fr-fr/alternance.html" class="tw-typo-m tw-no-underline">Offres en alternance</a>
    </li>
    <li>
        <span 
            data-cy="headerJobAlertAtc" 
            data-atc-l-value="x/se-se/pnaqvqng/perngvba-nyregr=pt=ugzyf" 
            data-controller="atc" 
            class="tw-typo-m tw-no-underline"
        >
            Créer mon alerte
        </span>
    </li>
    <li>
        <span 
            data-cy="navJobCvAtc" 
            data-controller="atc" 
            data-atc-l-value="x/se-se/cntr/qrcbg-pi=pt=ugzyf" 
            class="tw-typo-m tw-no-underline"
        >
            Déposer mon CV
        </span>
    </li>
    <li>
        <a
            title="Calcul du salaire brut en net"
            href="/fr-fr/outil/salaire-brut-net.html"
            class="tw-typo-m tw-no-underline"
        >
            Salaire brut net
        </a>
    </li>
</ul>


            </div>
            <div class="tw-shrink-0">
                



<div class="tw-bg-blue-200 tw-overflow-hidden tw-px-6 tw-py-4 xl:tw-hidden tw-bg-auto tw-bg-[calc(50%-9px)_center] "
     data-controller="mobile-app"
     style="background-image: url(https://f.hellowork.com/hellowork/ressources/2.35.4/images/svg/illustrations/pattern-chevron.svg)">
    <div class="tw-flex tw-gap-4 tw-items-center tw-justify-between tw-z-10">
        <div class="tw-flex tw-flex-col">
            <span class="tw-typo-m-bold">Téléchargez l'app</span>
            <span class="tw-typo-m-">et postulez dans les <span class="tw-whitespace-nowrap">premiers !</span></span>
        </div>
        <span data-controller="atc"
              data-atc-l-value="xuggcf://nccf=pt=nccyr=pt=pbz/se/ncc/ertvbafwbo-rzcybv/vq408615037?zg=8f"
              data-mobile-app-target="ios"
              data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;app_download&quot;,&quot;event_info&quot;:&quot;Apple&quot;}"
              data-action="click->analytics#push"
        >
            <svg class="tw-w-[108px] tw-h-[31px]">
                <use href="/svg/icons/apps/appstore-badge.svg#appstore-badge"></use>
            </svg>
        </span>
        <span data-controller="atc"
           data-atc-l-value="xuggcf://cynl=pt=tbbtyr=pt=pbz/fgber/nccf/qrgnvyf?vq=pbz=pt=ertvbafwbo=pt=naqebvqf"
           data-mobile-app-target="android"
           data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;app_download&quot;,&quot;event_info&quot;:&quot;Android&quot;}"
           data-action="click->analytics#push"
        >
            <svg class="tw-w-[108px] tw-h-[31px]">
                <use href="/svg/icons/playstore-badge.svg#playstore-badge"></use>
            </svg>
        </span>
    </div>
</div>
            </div>
        </nav>
    </div>
    <input type="checkbox" hidden id="cp-mobile-menu-side-panel-recruiter-access" class="tw-peer/recruiter">
    <!-- Side Panel pour le menu mobile -->
    <div class="tw-fixed tw-flex tw-flex-col tw-h-full tw-z-50 tw-top-0 tw-w-full -tw-left-full tw-bg-grey-50 tw-transform tw-ease-in tw-duration-400 xl:tw-hidden peer-checked/recruiter:tw-translate-x-full">
        <nav aria-label="Onglet Accès Recruteur" 
                class="tw-h-full tw-flex tw-flex-col tw-justify-between tw-overflow-y-auto" 
                data-controller="focus-trap"
                data-focus-trap-target="container">
            <div class="tw-px-6 tw-py-8 tw-flex-grow">
                

<div class="tw-flex tw-pb-14 xl:tw-hidden tw-justify-between">
    <button class="tw-self-start"
            data-controller="input-checker"
            data-input-checker-input-value="#cp-mobile-menu-side-panel-recruiter-access"
            aria-label="Retour" 
            data-action="toggle-on-body#remove click->input-checker#uncheck">
            <svg class="tw-size-3" aria-hidden="true">
                <use href="/svg/icons/arrow.svg#left"></use>
            </svg>
    </button>
    <button class="tw-self-start"
        data-controller="input-checker"
        data-input-checker-input-value="#cp-mobile-menu-side-panel-recruiter-access"
        aria-label="Fermer le menu"
        data-action="toggle-on-body#remove click->input-checker#uncheck">
        <!-- Icône de fermeture -->
        <svg class="tw-size-3">
            <use href="/svg/icons/nav/close.svg#close"></use>
        </svg>
    </button>
</div>
<div class="tw-flex tw-flex-col tw-gap-6">
    <span class="tw-no-underline tw-typo-m"
        data-cy="headerRecruiterLinkPublish"
        data-controller="atc"
        data-atc-l-value="xuggcf://erpehgrhe=pt=uryybjbex=pt=pbz/se/cebqhvg/cyngrsbezr-erpehgrzrag=pt=ugzyf"
    >
        Diffuser ma première offre
    </span>
    <span class="tw-no-underline tw-typo-m"
        data-cy="headerRecruiterLinkCustomers"
        data-controller="atc"
        data-atc-l-value="xuggcf://ohqqv=pt=uryybjbex=pt=pbzf"
    >
        Déjà client
    </span>
</div>


            </div>
            <div class="tw-shrink-0">
                



<div class="tw-bg-blue-200 tw-overflow-hidden tw-px-6 tw-py-4 xl:tw-hidden tw-bg-auto tw-bg-[calc(50%-9px)_center] "
     data-controller="mobile-app"
     style="background-image: url(https://f.hellowork.com/hellowork/ressources/2.35.4/images/svg/illustrations/pattern-chevron.svg)">
    <div class="tw-flex tw-gap-4 tw-items-center tw-justify-between tw-z-10">
        <div class="tw-flex tw-flex-col">
            <span class="tw-typo-m-bold">Téléchargez l'app</span>
            <span class="tw-typo-m-">et postulez dans les <span class="tw-whitespace-nowrap">premiers !</span></span>
        </div>
        <span data-controller="atc"
              data-atc-l-value="xuggcf://nccf=pt=nccyr=pt=pbz/se/ncc/ertvbafwbo-rzcybv/vq408615037?zg=8f"
              data-mobile-app-target="ios"
              data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;app_download&quot;,&quot;event_info&quot;:&quot;Apple&quot;}"
              data-action="click->analytics#push"
        >
            <svg class="tw-w-[108px] tw-h-[31px]">
                <use href="/svg/icons/apps/appstore-badge.svg#appstore-badge"></use>
            </svg>
        </span>
        <span data-controller="atc"
           data-atc-l-value="xuggcf://cynl=pt=tbbtyr=pt=pbz/fgber/nccf/qrgnvyf?vq=pbz=pt=ertvbafwbo=pt=naqebvqf"
           data-mobile-app-target="android"
           data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;app_download&quot;,&quot;event_info&quot;:&quot;Android&quot;}"
           data-action="click->analytics#push"
        >
            <svg class="tw-w-[108px] tw-h-[31px]">
                <use href="/svg/icons/playstore-badge.svg#playstore-badge"></use>
            </svg>
        </span>
    </div>
</div>
            </div>
        </nav>
    </div>

    <div class="tw-flex tw-justify-between">
        <div class="tw-relative tw-max-w-max tw-top-0 tw-left-0 tw-transition-all tw-ease-in-out tw-duration-300 peer-parent-checked:tw-left-[calc(50%-40px)]">
            <a href="https://www.hellowork.com/fr-fr/" class="tw-inline-flex" aria-label="Aller à l'accueil">
                <svg class="tw-aspect-[99/44] tw-mt-0 tw-mb-0 tw-h-10">
                    <use href="/svg/logo/hellowork.svg#black"></use>
                </svg>
            </a>
        </div>
    </div>
    <button class="tw-self-start"
        data-controller="input-checker"
        data-input-checker-input-value="#cp-mobile-menu-side-panel"
        aria-label="Fermer le menu"
        data-action="toggle-on-body#remove click->input-checker#uncheck">
        <!-- Icône de fermeture -->
        <svg class="tw-size-3">
            <use href="/svg/icons/nav/close.svg#close"></use>
        </svg>
    </button>
</div>
<div class="tw-flex tw-flex-col tw-gap-6">
    <span class="tw-no-underline tw-typo-m"
          data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;cta&quot;:&quot;menu-burger&quot;,&quot;wording&quot;:&quot;Se connecter&quot;}"
        data-action="click->analytics#push"
        data-controller="atc"
        data-atc-l-value="x/se-se/pnaqvqng/pbaarkvba-vafpevcgvba=pt=ugzy#pbaarkvbaf"
    >
        Se connecter
    </span>
    <span class="tw-no-underline tw-typo-m"
        data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;cta&quot;:&quot;menu-burger&quot;,&quot;wording&quot;:&quot;S&#x27;inscrire&quot;}"
        data-action="click->analytics#push"
        data-cy="headerAccountRegister"
        data-controller="atc"
        data-atc-l-value="x/se-se/pnaqvqng/pbaarkvba-vafpevcgvba=pt=ugzy#vafpevcgvbaf"
    >
        S'inscrire
    </span>
    <button class="tw-flex tw-h-fit tw-items-center tw-cursor-pointer connected:tw-hidden lg:tw-hidden tw-typo-m tw-w-auto tw-gap-2"
            data-controller="input-checker toggle"
            data-toggle-toggled-class="tw-hidden"
            data-input-checker-input-value="#cp-mobile-menu-side-panel-employment"
            aria-label="Ouvrir le menu"
            data-action="toggle-on-body#add click->input-checker#check from-account-data:empty->toggle#toggle">
        Emploi
        <svg class="tw-size-3" aria-hidden="true">
            <use href="/svg/icons/arrow.svg#right"></use>
        </svg>
    </button>
    <a class="tw-no-underline tw-typo-m"
        data-cy="headerEduLink" aria-label="Accès Formation" href="https://www.maformation.fr/"
    >
        Formation
    </a>
    <button class="tw-flex tw-h-fit tw-items-center tw-cursor-pointer connected:tw-hidden lg:tw-hidden tw-typo-m tw-w-auto tw-gap-2"
            data-controller="input-checker toggle"
            data-toggle-toggled-class="tw-hidden"
            data-input-checker-input-value="#cp-mobile-menu-side-panel-recruiter-access"
            aria-label="Ouvrir le menu"
            data-action="toggle-on-body#add click->input-checker#check from-account-data:empty->toggle#toggle">
        Accès recruteur
        <svg class="tw-size-3" aria-hidden="true">
            <use href="/svg/icons/arrow.svg#right"></use>
        </svg>
    </button>
</div>
            </div>
            <div class="tw-shrink-0">
                



<div class="tw-bg-blue-200 tw-overflow-hidden tw-px-6 tw-py-4 xl:tw-hidden tw-bg-auto tw-bg-[calc(50%-9px)_center] "
     data-controller="mobile-app"
     style="background-image: url(https://f.hellowork.com/hellowork/ressources/2.35.4/images/svg/illustrations/pattern-chevron.svg)">
    <div class="tw-flex tw-gap-4 tw-items-center tw-justify-between tw-z-10">
        <div class="tw-flex tw-flex-col">
            <span class="tw-typo-m-bold">Téléchargez l'app</span>
            <span class="tw-typo-m-">et postulez dans les <span class="tw-whitespace-nowrap">premiers !</span></span>
        </div>
        <span data-controller="atc"
              data-atc-l-value="xuggcf://nccf=pt=nccyr=pt=pbz/se/ncc/ertvbafwbo-rzcybv/vq408615037?zg=8f"
              data-mobile-app-target="ios"
              data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;app_download&quot;,&quot;event_info&quot;:&quot;Apple&quot;}"
              data-action="click->analytics#push"
        >
            <svg class="tw-w-[108px] tw-h-[31px]">
                <use href="/svg/icons/apps/appstore-badge.svg#appstore-badge"></use>
            </svg>
        </span>
        <span data-controller="atc"
           data-atc-l-value="xuggcf://cynl=pt=tbbtyr=pt=pbz/fgber/nccf/qrgnvyf?vq=pbz=pt=ertvbafwbo=pt=naqebvqf"
           data-mobile-app-target="android"
           data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;app_download&quot;,&quot;event_info&quot;:&quot;Android&quot;}"
           data-action="click->analytics#push"
        >
            <svg class="tw-w-[108px] tw-h-[31px]">
                <use href="/svg/icons/playstore-badge.svg#playstore-badge"></use>
            </svg>
        </span>
    </div>
</div>
            </div>
        </nav>
    </div>
    <!-- Overlay pour le menu mobile -->
    <div
        id="mobile-overlay"
        data-controller="input-checker"
        data-input-checker-input-value="#cp-mobile-menu-side-panel"
        data-action="click->input-checker#uncheck modal:form-submitted@document->input-checker#uncheck click->toggle-on-body#remove"
        class="tw-fixed 
               tw-top-0
               tw-h-full
               tw-w-full 
               tw-bg-black
               tw-opacity-0 
               tw-transition-all 
               tw-duration-600
               peer-checked:!tw-z-40
               peer-checked:tw-opacity-40 
               peer-checked:tw-z-fade-in 
               tw-z-fade-out
               tw-overflow-hidden
               xl:tw-hidden">
    </div>
</div>


<div class="tw-layout-wrapper md:tw-mx-auto lg:tw-px-6 2xl:tw-layout-grid">
    <div class="2xl:tw-layout-inner-grid">
        <div class="tw-col-span-full tw-col-start-2 tw-col-end-12">
            <header
                class="
                tw-flex
                tw-justify-between
                tw-overflow-y-auto
                sm:tw-overflow-y-visible
                tw-z-30
                tw-py-3
                tw-px-4
                sm:tw-px-0
                tw-bg-white
                tw-relative
                sm:tw-static
                sm:tw-flex-row
                sm:tw-justify-between
                sm:tw-items-center">

                <div class="tw-relative tw-max-w-max tw-top-0 tw-left-0 tw-transition-all tw-ease-in-out tw-duration-300">
                    <a href="https://www.hellowork.com/fr-fr/" class="tw-inline-flex" aria-label="Aller à l'accueil">
                        <svg class="tw-aspect-[99/44] tw-mt-0 tw-mb-0 tw-h-8 sm:tw-mt-0 sm:tw-h-10">
                            <use href="/svg/logo/hellowork.svg#black"></use>
                        </svg>
                    </a>
                </div>

                <div class="tw-flex tw-items-center tw-justify-end tw-gap-4 sm:tw-gap-6"
                     data-controller="show-on-auth-state"
                     data-show-on-auth-state-hidden-class="tw-hidden">

                    <div data-show-on-auth-state-target="skeleton" class="tw-flex tw-items-center tw-gap-4 sm:tw-gap-6">
                        <div class="tw-skeleton tw-h-8 tw-w-12 sm:tw-w-24 tw-rounded-full"></div>
                        <div class="tw-skeleton tw-h-8 tw-w-12 sm:tw-w-24 tw-rounded-full"></div>
                        <div class="tw-skeleton tw-h-10 tw-w-16 sm:tw-w-32 tw-rounded-full"></div>
                    </div>

                    


<div data-show-on-auth-state-target="notConnected" class="tw-hidden">
  <nav class="tw-flex connected:tw-items-center sm:tw-ml-4">
    <menu class="
        tw-py-0 
        connected:tw-h-auto 
        tw-overflow-hidden 
        tw-flex tw-items-center 
        tw-justify-end 
        sm:tw-flex-row 
        sm:tw-p-0 
        sm:tw-overflow-visible 
        sm:tw-h-auto 
        tw-w-auto 
        tw-gap-4 
        sm:tw-gap-6">
      <li class="tw-text-center">
        <a
          href="/fr-fr/emploi.html"
          title="Offres d’emploi"
          aria-label="Trouver mon job"
          data-analytics-values-param="
            Hw.Emploi.Web.Common.Models.Tracking.TrackingAnalytics;.AsJson()"
          data-action="click->analytics#push"
          class="tw-link-header tw-typo-s tw-gap-1 ">
          <span class="tw-hidden sm:tw-inline">Trouver mon </span>
          <span class="tw-gap-0 tw-flex">
            <span class="tw-uppercase sm:tw-lowercase">j</span>ob
            <span class="sm:tw-hidden">s</span>
          </span>
        </a>
      </li>

      <li class="tw-text-center">
        <a
          href="/fr-fr/entreprise.html"
          title="Entreprises qui recrutent"
          aria-label="Trouver mon entreprise"
          data-analytics-values-param="
              {&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;cta&quot;:&quot;trouver-mon-entreprise&quot;,&quot;wording&quot;:&quot;Trouver-mon-entreprise&quot;}"
          data-action="click->analytics#push"
          class="tw-link-header tw-typo-s tw-gap-1
                                                ">
          <span class="tw-hidden sm:tw-inline">Trouver mon </span>
          <span class="tw-gap-0 tw-flex">
            <span class="tw-uppercase sm:tw-lowercase">e</span>ntreprise
            <span class="sm:tw-hidden">s</span>
          </span>
        </a>
      </li>

      <li class="tw-hidden lg:tw-block">
        <details
          data-controller="details"
          data-action="
            details:not:sm->details#expand
            details:not:sm->details#disableClickOutside
            details:is:sm->details#collapse
            details:is:sm->details#enableClickOutside
            details:click:outside->details#collapse
        ">
          <summary
            data-cy="headerRecruiterMenu"
            class="
              tw-mx-auto 
              tw-w-max 
              tw-mt-10 
              tw-mb-4 
              tw-uppercase 
              tw-link-header 
              tw-typo-s 
              tw-border-b 
              tw-border-grey-100 
              sm:tw-my-0 
              sm:tw-flex 
              sm:tw-normal-case 
              sm:tw-border-0">
            Accès recruteur
            <svg class="tw-size-2">
              <use href="/svg/icons/arrow.svg#down"></use>
            </svg>
          </summary>
          <div class="sm:tw-relative">
            <menu class="tw-flex tw-flex-col tw-items-center tw-bg-white tw-rounded-sm tw-border-grey-300 tw-right-0 sm:tw-z-10 sm:tw-p-2 sm:tw-mt-2 sm:tw-items-start sm:tw-w-max sm:tw-absolute sm:tw-border">
              <li class="sm:tw-w-full">
                <span
                  data-cy="headerRecruiterLinkPublish"
                  data-controller="atc"
                  data-atc-l-value="xuggcf://erpehgrhe=pt=uryybjbex=pt=pbz/se/cebqhvg/cyngrsbezr-erpehgrzrag=pt=ugzyf"
                  class="tw-atc-m sm:tw-atc-s sm:tw-rounded-xs sm:tw-p-2">
                  Diffuser ma première offre
                </span>
              </li>
              <li class="tw-mt-4 sm:tw-mt-auto sm:tw-w-full">
                <span
                  data-cy="headerRecruiterLinkCustomers"
                  data-controller="atc"
                  data-atc-l-value="xuggcf://ohqqv=pt=uryybjbex=pt=pbzf"
                  class="tw-atc-m sm:tw-atc-s sm:tw-rounded-xs sm:tw-p-2">
                  Déjà client
                </span>
              </li>
            </menu>
          </div>
        </details>
      </li>

      <li class="tw-hidden lg:tw-block">
        <details
          data-controller="details"
          data-action="
            details:not:sm->details#expand
            details:not:sm->details#disableClickOutside
            details:is:sm->details#collapse
            details:is:sm->details#enableClickOutside
            details:click:outside->details#collapse
        ">
          <summary data-cy="headerJobMenu" class="tw-hidden tw-link-header tw-typo-s sm:tw-rounded-sm sm:tw-flex connected:sm:tw-mr-4" aria-label="Accès Emploi">
            Emploi
            <svg class="tw-size-2">
              <use href="/svg/icons/arrow.svg#down"></use>
            </svg>
          </summary>
          <div class="
                tw-hidden 
                sm:tw-relative 
                sm:tw-block 
          ">
            <menu class="
                tw-space-y-4
                tw-flex tw-flex-col
                tw-items-center
                tw-bg-white
                tw-rounded-sm
                tw-border-grey-300
                tw-right-0
                sm:tw-space-y-0
                sm:tw-p-2
                sm:tw-mt-2
                sm:tw-items-start
                sm:tw-w-max
                sm:tw-absolute
                sm:tw-border
                sm:tw-z-20">
              <li class="sm:tw-w-full tw-hidden sm:tw-block">
                <a data-cy="headerJobInterimLink" href="/fr-fr/interim.html" class="tw-link-m sm:tw-link-s sm:tw-rounded-xs sm:tw-p-2">Missions d'intérim</a>
              </li>

              <li class="sm:tw-w-full tw-hidden sm:tw-block">
                <a data-cy="headerJobInternshipLink" href="/fr-fr/stage.html" class="tw-link-m sm:tw-link-s sm:tw-rounded-xs sm:tw-p-2">Offres de stage</a>
              </li>

              <li class="sm:tw-w-full tw-hidden sm:tw-block">
                <a data-cy="headerJobAlternatelyLink" href="/fr-fr/alternance.html" class="tw-link-m sm:tw-link-s sm:tw-rounded-xs sm:tw-p-2">Offres en alternance</a>
              </li>

              <li class="sm:tw-w-full tw-hidden sm:tw-block">
                <span
                  data-cy="headerJobAlertAtc"
                  data-atc-l-value="x/se-se/pnaqvqng/perngvba-nyregr=pt=ugzyf"
                  data-controller="atc"
                  class="tw-atc-m sm:tw-atc-s sm:tw-rounded-xs sm:tw-p-2">
                  Créer mon alerte
                </span>
              </li>

              <li class="sm:tw-w-full tw-hidden sm:tw-block">
                <span
                  data-cy="navJobCvAtc"
                  data-controller="atc"
                  data-atc-l-value="x/se-se/cntr/qrcbg-pi=pt=ugzyf"
                  class="tw-atc-m sm:tw-atc-s sm:tw-rounded-xs sm:tw-p-2">
                  Déposer mon CV
                </span>
              </li>

              <li class="sm:tw-w-full tw-hidden sm:tw-block">
                <a
                  title="Calcul du salaire brut en net"
                  href="/fr-fr/outil/salaire-brut-net.html"
                  class="tw-link-m sm:tw-link-s sm:tw-rounded-xs sm:tw-p-2">
                  Salaire brut net
                </a>
              </li>
            </menu>
          </div>
        </details>
      </li>

      <li class="tw-hidden not-connected:lg:tw-block connected:tw-hidden">
        <a
          data-cy="headerEduLink"
          aria-label="Accès Formation"
          href="https://www.maformation.fr/"
          class="
            tw-link-header 
            tw-typo-s 
            tw-mt-4
            sm:tw-mt-0
            connected:tw-hidden">
          Formation
        </a>
      </li>

      <li class="tw-max-w-[250px] tw-hidden not-connected:lg:tw-block connected:tw-hidden">
        <details data-controller="details"
                 data-action="
                    details:not:sm->details#expand
                    details:not:sm->details#disableClickOutside
                    details:is:sm->details#collapse
                    details:is:sm->details#enableClickOutside
                    details:click:outside->details#collapse
                ">
          <summary 
            data-cy="headerAccountMenu" 
            class="tw-hidden tw-text-white sm:tw-btn-primary-l tw-relative" 
            aria-label="Accès mon compte"
            data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;cta&quot;:&quot;menu-se-connecter&quot;,&quot;wording&quot;:&quot;menu-se-connecter&quot;}"
            data-action="click->analytics#push"
          >
            <svg class="tw-size-4">
              <use href="/svg/icons/user.svg#user"></use>
            </svg>
            Se connecter
            <div class="tw-absolute -tw-top-1 tw-right-1">
              

<div class="
  tw-rounded-full 
  tw-bg-error-500
  tw-size-3 tw-border-solid tw-border-[2px] tw-border-white
">
</div>
            </div>
          </summary>
          <div class="sm:tw-relative">
            <menu class="tw-flex tw-flex-col tw-items-center tw-bg-white tw-rounded-sm tw-border-grey-300 sm:tw-z-10 sm:tw-p-2 sm:tw-mt-3 sm:tw-w-max sm:tw-absolute sm:tw-border sm:tw-right-0">
              <li class="sm:tw-w-full connected:tw-hidden">
                <span
                  data-controller="atc"
                  data-atc-l-value="x/se-se/pnaqvqng/pbaarkvba-vafpevcgvba=pt=ugzy#pbaarkvbaf"
                  data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;cta&quot;:&quot;menu-se-connecter&quot;,&quot;wording&quot;:&quot;Se connecter&quot;}"
                  data-action="click->analytics#push"
                  class="tw-no-underline"
                >
                  <span data-cy="headerAccountLogIn" class="tw-hidden sm:tw-block tw-atc-m sm:tw-atc-s sm:tw-rounded-xs sm:tw-p-2">Se connecter</span>
                </span>
              </li>
              <li class="sm:tw-w-full connected:tw-hidden">
                <span
                  data-cy="headerAccountRegister"
                  data-controller="atc"
                  data-atc-l-value="x/se-se/pnaqvqng/pbaarkvba-vafpevcgvba=pt=ugzy#vafpevcgvbaf"
                  data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;cta&quot;:&quot;menu-se-connecter&quot;,&quot;wording&quot;:&quot;S&#x27;inscrire&quot;}"
                  data-action="click->analytics#push"
                  class="tw-atc-m sm:tw-atc-s sm:tw-rounded-xs sm:tw-p-2"
                >
                  S'inscrire
                </span>
              </li>
            </menu>
          </div>

        </details>
      </li>
      <button
          class="tw-flex tw-w-min tw-h-fit tw-items-center tw-cursor-pointer connected:tw-hidden lg:tw-hidden"
          data-controller="input-checker toggle"
          data-toggle-toggled-class="tw-hidden"
          data-input-checker-input-value="#cp-mobile-menu-side-panel"
          data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;cta&quot;:&quot;menu-burger&quot;,&quot;wording&quot;:&quot;menu-burger&quot;}"
          aria-label="Ouvrir le menu"
          data-action="toggle-on-body#add click->input-checker#check analytics#push from-account-data:empty->toggle#toggle">
          <svg class="tw-size-4 tw-relative">
            <use href="/svg/header/burger.svg#burger"/>
            <div class="tw-absolute tw-top-4 sm:tw-top-5 tw-right-3 sm:tw-right-5">
              

<div class="
  tw-rounded-full 
  tw-bg-error-500
  tw-size-3 tw-border-solid tw-border-[2px] tw-border-white
">
</div>
            </div>
          </svg>
      </button>
    </menu>
  </nav>
</div>


                    



<div data-show-on-auth-state-target="connected" class="tw-hidden">
  <nav class="tw-flex tw-items-center sm:tw-ml-4">
    <menu class="tw-flex tw-items-center tw-gap-4 sm:tw-gap-6">
      <li class="tw-text-center">
        <a
          href="/fr-fr/emploi.html"
          title="Offres d'emploi"
          aria-label="Trouver mon job"
          data-analytics-values-param="
            {&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;cta&quot;:&quot;trouver-mon-job&quot;,&quot;wording&quot;:&quot;Trouver-mon-job&quot;}"
          data-action="click->analytics#push"
          class="
            tw-link-header 
            tw-typo-s 
            tw-gap-1
            
        ">
          <span class="tw-hidden sm:tw-inline">Trouver mon </span>
          <span class="tw-gap-0 tw-flex">
            <span class="tw-uppercase sm:tw-lowercase">j</span>ob
            <span class="sm:tw-hidden">s</span>
          </span>
        </a>
      </li>

      <li class="tw-text-center">
        <a
          href="/fr-fr/entreprise.html"
          title="Entreprises qui recrutent"
          aria-label="Trouver mon entreprise"
          data-analytics-values-param="
            {&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;menu_click&quot;,&quot;cta&quot;:&quot;trouver-mon-entreprise&quot;,&quot;wording&quot;:&quot;Trouver-mon-entreprise&quot;}"
          data-action="click->analytics#push"
          class="
            tw-link-header 
            tw-typo-s 
            tw-gap-1
            
          ">
          <span class="tw-hidden sm:tw-inline">Trouver mon </span>
          <span class="tw-gap-0 tw-flex">
            <span class="tw-uppercase sm:tw-lowercase">e</span>ntreprise
            <span class="sm:tw-hidden">s</span>
          </span>
        </a>
      </li>

      <li class="tw-flex tw-items-center"
          data-action="from-account-data:empty->toggle#toggle">
        <details
          class="tw-hidden sm:tw-flex tw-relative"
          data-controller="click-outside toggle-attribute toggle"
          data-toggle-toggled-additional-class="tw-rotate-180"
          data-toggle-toggled-class="tw-hidden"
          data-toggle-attribute-target="element"
          data-toggle-attribute-attribute-param="open"
          data-action="
            click-outside:click:outside->toggle-attribute#unsetAttribute
            click-outside:click:outside->toggle#removeAdditional
            click->toggle#toggleAdditional
            from-account-data:empty->toggle#toggle"
        >
          <summary aria-label="Ouvrir le menu déroulant"
                   class="tw-cursor-pointer tw-flex tw-items-center tw-justify-center">
            <div class="tw-pr-0 sm:tw-pr-2">
              <span data-toggle-target="toToggle">
                



<div
    class="tw-bg-blue-500 tw-min-w-8 tw-min-h-8 tw-size-8 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-relative tw-overflow-hidden">
    <div class="tw-text-white tw-absolute tw-typo-s-bold"
         data-controller="from-account-data"
         data-action="fetch-account-data:account-data-refreshed@document->from-account-data#copie"
         data-from-account-data-copy-value="Initials"
         data-from-account-data-into-value="innerText">
    </div>
</div>
              </span>
              <span class="tw-hidden"
                    data-toggle-target="toToggle">
                


<div
    class="tw-bg-grey-100 tw-min-w-8 tw-min-h-8 tw-size-8 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-relative tw-overflow-hidden">
    <svg
        class="tw-text-grey-300 tw-aspect-[38/44] tw-w-[21px] tw-absolute tw-bottom-0">
        <use href="/svg/icons/user.svg#avatar"></use>
    </svg>
</div>
              </span>
            </div>
            <svg class="tw-size-3"
                 data-toggle-target="toToggleAdditional">
              <use href="/svg/icons/arrow.svg#down"></use>
            </svg>
          </summary>
          <menu class="
              tw-flex
              tw-z-[11]
              tw-flex-col 
              tw-items-center 
              tw-bg-white 
              tw-rounded-sm 
              tw-border-grey-300 
              sm:tw-p-2
              sm:tw-mt-3
              sm:tw-w-max
              sm:tw-absolute
              sm:tw-border
              sm:tw-right-0
              sm:tw-top-8
          ">
            <li class="
                tw-hidden connected:tw-block 
                tw-mt-4 
                sm:tw-mt-auto 
                sm:tw-w-full
            ">
              <span
                data-controller="atc"
                data-cy="headerAccountMyDashboardLink"
                data-atc-l-value="x/se-se/pnaqvqng/zba-rfcnpr=pt=ugzyf"
                class="tw-atc-m sm:tw-atc-s sm:tw-rounded-xs sm:tw-p-2">
                Mon espace
              </span>
            </li>
            <li class="
                tw-hidden connected:tw-block 
                tw-mt-4 
                sm:tw-mt-auto 
                sm:tw-w-full
            ">
              <span
                data-controller="atc"
                data-cy="headerAccountMyDashboardLink"
                data-atc-l-value="x/se-se/pnaqvqng/zrf-pi-ihf=pt=ugzyf"
                class="tw-atc-m sm:tw-atc-s sm:tw-rounded-xs sm:tw-p-2">
                Mes CV vus
              </span>
            </li>
            <li class="
                tw-hidden connected:tw-block 
                tw-mt-4 
                sm:tw-mt-auto 
                sm:tw-w-full
            ">
              <span
                data-controller="atc"
                data-cy="headerAccountMyDashboardLink"
                data-atc-l-value="x/se-se/pnaqvqng/zrf-pnaqvqngherf=pt=ugzyf"
                class="tw-atc-m sm:tw-atc-s sm:tw-rounded-xs sm:tw-p-2">
                Mes candidatures
              </span>
            </li>
            <li class="
                tw-hidden
                connected:tw-block
                tw-mt-4
                sm:tw-mt-auto
                sm:tw-w-full
            ">
              <span
                data-controller="atc"
                data-cy="headerAccountMyAlertLink"
                data-atc-l-value="x/se-se/pnaqvqng/zrf-nyregrf=pt=ugzyf"
                class="tw-atc-m sm:tw-atc-s sm:tw-rounded-xs sm:tw-p-2">
                Mes alertes
              </span>
            </li>
            <li class="
                tw-hidden connected:tw-block
                tw-mt-4
                sm:tw-mt-auto sm:tw-w-full
            ">
              <span
                data-controller="atc"
                data-cy="headerAccountMyAccountLink"
                data-atc-l-value="x/se-se/pnaqvqng/zba-cebsvy=pt=ugzyf"
                class="tw-atc-m sm:tw-atc-s sm:tw-rounded-xs sm:tw-p-2">
                Mon profil
              </span>
            </li>
            <li class="
                tw-hidden connected:tw-block
                tw-mt-4
                sm:tw-mt-auto sm:tw-w-full
            ">
              <span
                data-controller="atc"
                data-cy="headerAccountMyParametersLink"
                data-atc-l-value="x/se-se/pnaqvqng/cnenzrgerf=pt=ugzyf"
                class="tw-atc-m sm:tw-atc-s sm:tw-rounded-xs sm:tw-p-2">
                Paramètres
              </span>
            </li>
            <li class="
                tw-hidden connected:tw-block
                tw-mt-4
                sm:tw-mt-auto sm:tw-w-full
            ">
              <span
                data-controller="atc"
                data-cy="headerAccountLogOut"
                data-atc-l-value="x/se-se/pnaqvqng/ybtbss?ergheaHey=%2Sse-se%2Sf"
                class="tw-atc-m sm:tw-atc-s sm:tw-rounded-xs sm:tw-p-2">
                Déconnexion
              </span>
            </li>
          </menu>
        </details>

        <button
          class="tw-flex tw-w-min tw-h-fit tw-items-center tw-cursor-pointer sm:tw-hidden"
          data-controller="input-checker toggle"
          data-toggle-toggled-class="tw-hidden"
          data-input-checker-input-value="#cp-mobile-menu-side-panel"
          aria-label="Ouvrir le menu"
          data-action="toggle-on-body#add click->input-checker#check from-account-data:empty->toggle#toggle">
          <div class="tw-flex tw-mr-2">
            <span data-toggle-target="toToggle">
              



<div
    class="tw-bg-blue-500 tw-min-w-8 tw-min-h-8 tw-size-8 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-relative tw-overflow-hidden">
    <div class="tw-text-white tw-absolute tw-typo-s-bold"
         data-controller="from-account-data"
         data-action="fetch-account-data:account-data-refreshed@document->from-account-data#copie"
         data-from-account-data-copy-value="Initials"
         data-from-account-data-into-value="innerText">
    </div>
</div>
            </span>
            <span class="tw-hidden"
                  data-toggle-target="toToggle">
              


<div
    class="tw-bg-grey-100 tw-min-w-8 tw-min-h-8 tw-size-8 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-relative tw-overflow-hidden">
    <svg
        class="tw-text-grey-300 tw-aspect-[38/44] tw-w-[21px] tw-absolute tw-bottom-0">
        <use href="/svg/icons/user.svg#avatar"></use>
    </svg>
</div>
            </span>
          </div>
          <svg class="tw-size-4">
            <use href="/svg/header/burger.svg#burger"></use>
          </svg>
        </button>
      </li>
    </menu>
  </nav>
</div>
                </div>
            </header>
        </div>
        </div>
</div>



<turbo-frame
    id="smart-banner"
    data-controller="smart-banner"
    src=""
    data-smart-banner-url-value="/fr-fr/smartbanner/getpopinframeview"
    data-analytics-values-param='{"event":"EventGeneric","EventCat":"SmartBanner","EventAction":"Load","EventLibelle":"Télécharger app"}'
    data-action="turbo:frame-load->analytics#push"
></turbo-frame>






<section class="sm:tw-layout-wrapper tw-relative tw-mx-2 -tw-mb-10 sm:-tw-mb-12 2xl:tw-m-auto 2xl:-tw-mb-12">
    <picture>
        <source
            media="(max-width: 640px)"
            srcset="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/hero/mobile-1x.webp"
        >
        <img
            class="tw-skeleton tw-object-cover tw-object-top tw-h-52 sm:tw-h-72 lg:tw-h-[376px] 2xl:tw-h-[478px] tw-w-full tw-rounded-sm"
            src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/hero/1x.webp"
            alt=""
        >
    </picture>
    <div
        class="tw-flex tw-flex-col tw-absolute tw-w-full sm:tw-w-[360px] lg:tw-w-[410px] 2xl:tw-w-[492px] tw-top-12 sm:tw-top-[72px] sm:tw-right-14 lg:tw-top-[112px] 2xl:tw-top-[168px] 2xl:tw-right-[104px]">
        <h1 class="tw-inline-flex tw-flex-col tw-justify-center tw-typo-xl sm:tw-typo-2xl lg:tw-typo-3xl 2xl:tw-typo-4xl tw-text-white tw-font-normal sm:tw-text-start tw-mx-auto">
            <span>Notre job, vous aider</span>
            <span>à choisir le vôtre parmi</span>
            <span class="tw-typo-xl-bold sm:tw-typo-2xl-bold lg:tw-typo-3xl-bold 2xl:tw-typo-4xl-bold">878&#x202F;186 offres</span>
        </h1>
    </div>
</section>

<div id="main-content"></div>




<div
    data-controller="input-checker"
    data-input-checker-input-value="#toggleNarrowSearchEngine"
    data-toggle-on-body-force-param="true"
    data-action="click->input-checker#check"
    class="tw-layout-grid sm:tw-hidden tw-relative"
>
    <div
        class="tw-flex tw-items-center tw-gap-3 tw-p-4 tw-bg-white tw-border tw-border-grey-300 tw-rounded-sm"
    >
        <div
            class="tw-flex-grow tw-min-w-0"
        >
            <div class="tw-mb-1 tw-typo-m-bold tw-uppercase sm:tw-normal-case">
                Trouver mon job
            </div>
            <div class="tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis" data-cy="homeSearchEngine">
                    <span class="tw-text-grey-500 ">Métier, entreprise, compétence...</span>
            </div>
        </div>
        <div class="tw-flex tw-btn-icon-primary-l tw-text-white tw-shrink-0">
            <svg class="tw-size-4">
                <use href="/svg/icons/search.svg#search"></use>
            </svg>
        </div>
    </div>
</div>

<div
    data-controller="sticky-detector"
    data-sticky-detector-stuck-class="tw-stuck"
    class="tw-sticky tw-block sm:tw-hidden -tw-top-px tw-z-10 tw-group"
>
    <div
        class="tw-absolute tw-bg-white tw-shadow-engine sm:tw-shadow-engine-desk tw-layout-wrapper tw-w-full tw-pt-2 tw-pb-3 tw-px-4 tw-hidden group-stuck:tw-flex tw-transition-opacity tw-duration-100">
        <div data-controller="input-checker"
             data-input-checker-input-value="#toggleNarrowSearchEngine"
             data-toggle-on-body-force-param="true"
             data-action="click->input-checker#check"
             class="tw-bg-grey-50 tw-flex-grow tw-flex tw-py-2 tw-px-3 tw-rounded-sm tw-min-w-0 active:tw-ring-1 active:tw-ring-black">
            <div class="tw-content-center tw-mr-2">
                <svg class="tw-size-3">
                    <use href="/svg/icons/search.svg#search"></use>
                </svg>
            </div>
            <span class="tw-text-grey-500">Rechercher</span>
        </div>
    </div>
</div>

<input type="checkbox" class="tw-hidden tw-peer" id="toggleNarrowSearchEngine">
<form
    id="searchForm"
    data-turbo-frame="searchOfferFacetFrame"
    action="/fr-fr/searchoffers/getfacetmodalcontentframeview"
    method="GET"
    role="region"
    aria-label="Moteur de recherche"
    class="
        tw-invisible
        tw-z-30
        sm:tw-z-10
        peer-checked:tw-visible
        tw-fixed
        -tw-top-px
        tw-inset-0
        tw-backdrop-blur
        tw-bg-black/40
        sm:tw-visible
        sm:tw-sticky
        sm:tw-backdrop-filter-none
        sm:tw-bg-transparent
        tw-group
    "
    data-controller="sticky-detector input-checker auto-submittable"
    data-sticky-detector-stuck-class="tw-stuck sm:tw-bg-white tw-shadow-engine sm:tw-shadow-engine-desk"
    data-input-checker-input-value="#toggleNarrowSearchEngine"
    data-action="click->input-checker#uncheck:self keydown.enter->analytics#push"
    data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;search_click&quot;,&quot;event_info&quot;:&quot;saisie libre&quot;,&quot;cta&quot;:&quot;enter&quot;}"
>
    <fieldset>
        <legend class="tw-sr-only">Effectuer une recherche d'emploi par localité</legend>
        <div
            class="sm:tw-layout-grid"
        >
            <div
                class=" tw-absolute tw-inset-0 tw-mt-20 tw-bg-white tw-rounded-t-sm sm:tw-rounded-none tw-p-6 tw-translate-y-full peer-parent-checked:tw-translate-y-0 tw-transition-transform tw-duration-300 sm:tw-static sm:tw-layout-inner-grid sm:tw-mt-0 sm:tw-bg-transparent sm:tw-p-0 sm:tw-translate-y-0"
            >
                <div
                    class="tw-hidden group-stuck:sm:tw-flex tw-col-span-3 tw-items-center"
                >
                    <span
                        class="tw-cursor-pointer"
                        data-controller="atc"
                        data-atc-l-value="xuggcf://jjj=pt=uryybjbex=pt=pbz/se-se/f"
                        data-turbo="false"
                    >
                        <svg class="tw-aspect-[99/44] tw-h-12">
                            <use href="/svg/logo/hellowork.svg#black"></use>
                        </svg>
                    </span>
                </div>

                <div
                    class="tw-gap-6 sm:tw-gap-0 tw-flex tw-flex-col tw-h-full sm:tw-flex-row sm:tw-col-start-2 sm:tw-col-end-12 sm:tw-border sm:tw-border-grey-300 sm:tw-rounded-2xl sm:tw-bg-white group-stuck:tw-border-none group-stuck:tw-rounded-none group-stuck:tw-col-start-4 group-stuck:tw-col-end-13"
                >
                    <div
                        data-controller="intersect"
                        data-toggle-on-body-force-param="false"
                        data-action="click->input-checker#uncheck intersect:enter->toggle-on-body#add intersect:exit->toggle-on-body#remove"
                        class="tw-flex tw-h-7 tw-w-7 tw-items-center tw-justify-start sm:tw-hidden"
                        tabindex="0"
                    >
                        <svg class="tw-size-3">
                            <use href="/svg/icons/nav/close.svg#close"></use>
                        </svg>
                    </div>
                    <div
                        class="tw-flex tw-flex-col tw-items-start tw-gap-4 sm:tw-flex-row sm:tw-items-stretch sm:tw-gap-0 sm:tw-grow"
                    >
                        <div
                            class="tw-w-full"
                            data-controller="toggle append-values focusable intersect"
                            data-toggle-toggled-class="!tw-visible tw-opacity-100 -tw-translate-y-20 sm:tw-transform-none"
                            data-append-values-placeholder-value="Métier, entreprise, compétence..."
                            data-append-values-empty-class="tw-text-grey-500"
                            data-action="intersect:enter->append-values#append"
                        >
                            <button
                                class="tw-w-full tw-text-left tw-border tw-border-grey-300 tw-rounded-sm tw-px-4 tw-py-3 sm:tw-hidden"
                                type="button"
                                data-action="
                                    toggle#toggle
                                    focusable#focus
                                "
                            >
                                <div
                                    class="tw-typo-xs-cap-bold tw-mb-1"
                                >
                                    Quoi ?
                                </div>
                                <div
                                    data-append-values-target="to"
                                    class="tw-text-grey-500 tw-typo-m tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis"
                                    data-cy="whatSearchEngine"
                                >
                                    Métier, entreprise, compétence...
                                </div>
                            </button>
                            <div
                                class=" sm:tw-relative sm:tw-grow sm:tw-px-6 sm:tw-py-[26px] sm:tw-border-r sm:tw-border-r-grey-100 sm:tw-rounded-l-2xl sm:hocus-within:tw-bg-grey-50
                                        group-stuck:tw-px-3 group-stuck:tw-rounded-sm group-stuck:tw-py-0 group-stuck:tw-mr-6 group-stuck:tw-my-2 sm:group-stuck:tw-my-3 group-stuck:tw-bg-grey-50
                                        group-stuck:tw-border-none sm:group-stuck:hocus-within:tw-ring-1 sm:group-stuck:hocus-within:tw-ring-black
                                ">
                                <div
                                    class="
                                        tw-absolute tw-inset-0 -tw-bottom-20 tw-bg-white tw-px-4 tw-pt-3 tw-overflow-hidden tw-flex tw-flex-col
                                        tw-opacity-0 tw-invisible tw-transition-[opacity,transform] tw-duration-300
                                        sm:tw-static sm:tw-opacity-100 sm:tw-visible sm:tw-bg-transparent sm:tw-p-0 sm:tw-overflow-visible
                                        group-stuck:tw-py-3
                                    "
                                    data-toggle-target="toToggle">
                                    <button
                                        class="tw-flex tw-h-7 tw-w-7 tw-items-center tw-justify-start tw-mb-3 sm:tw-hidden"
                                        type="button"
                                        data-action="toggle#toggle">
                                        <svg class="tw-size-3">
                                            <use href="/svg/icons/arrow.svg#left"></use>
                                        </svg>
                                    </button>
                                    


<div
    class="tw-typo-xs-cap-bold tw-mt-4 sm:tw-mt-0 tw-mb-1 group-stuck:tw-hidden"
>
    Quoi ?
</div>
<div
    data-controller="autocomplete autocomplete-simple clearable focus-group"
    data-action="
        autocomplete:click:outside->autocomplete#closeDropdown
        autocomplete:selected->autocomplete-simple#fillSuggestion
        autocomplete:selected->append-values#append
        autocomplete:selected->toggle#toggle
        keydown.up->focus-group#focusPreviousElement
        keydown.down->focus-group#focusNextElement
        keydown->autocomplete-simple#clearSuggestion
    "
    data-autocomplete-name-value="k_autocomplete"
    data-autocomplete-number-min-length-value="0"
    data-autocomplete-url-value="https://www.hellowork.com/fr-fr/searchoffers/getsearchenginegroupedjobsuggestionsframeview?displayMissingResultMessage=False"
    data-autocomplete-hiding-class="tw-hidden"
    class="tw-flex tw-flex-col tw-overflow-auto sm:tw-overflow-visible"
>
    <div
        class="tw-flex tw-border tw-justify-between tw-border-grey-300 tw-rounded-sm tw-p-3 focus-within:tw-border-black sm:tw-static sm:tw-border-none sm:tw-p-0"
    >
        <input
            data-controller="toggle"
            data-toggle-toggled-class="tw-outline-none"
            data-toggle-target="toToggle"
            name="k"
            placeholder="M&#xE9;tier, entreprise, comp&#xE9;tence..."
            id="k"
            data-action="
                autocomplete#suggestIfNeeded
                mousedown->toggle#add
                focusout->toggle#remove
            "
            data-clearable-target="field"
            data-autocomplete-simple-target="field"
            data-append-values-target="from"
            data-focusable-target="field"
            class="tw-w-11/12 tw-text-ellipsis tw-typo-m placeholder:tw-text-grey-500 tw-peer tw-rounded-xs tw-outline-offset-4 tw-outline-0 sm:tw-outline-2 focus-visible:tw-outline tw-bg-inherit"
        >
        <input
            type="hidden"
            name="k_autocomplete"
            data-autocomplete-simple-target="hiddenInput"
            value=""
        >
        <button
            aria-label="effacer la recherche M&#xE9;tier, entreprise, comp&#xE9;tence..."
            type="button"
            class="hocus:tw-scale-125 peer-placeholder-shown:tw-invisible tw-transition-transform tw-duration-200 tw-rounded-xs"
            data-action="
                clearable#clear
                autocomplete-simple#clearSuggestion
                append-values#append
                autocomplete#closeDropdown
            "
        >
            <svg class="tw-size-3">
                <use href="/svg/icons/nav/close.svg#close"></use>
            </svg>
        </button>
    </div>                   
    <turbo-frame 
        id="JobSuggestionsGroupedFrame" 
        data-autocomplete-target="dropdown frame"
        data-turbo="true"
        src=""
        class="
            tw-block tw-mt-[1px] sm:tw-absolute sm:tw-h-auto sm:tw-z-10 sm:tw-top-full sm:tw-left-0 sm:tw-right-0
        "
    >
    </turbo-frame>
</div>

                                </div>
                            </div>
                        </div>
                        <div
                            class="tw-w-full"
                            data-controller="toggle append-values focusable intersect"
                            data-toggle-toggled-class="!tw-visible tw-opacity-100 -tw-translate-y-20 sm:tw-transform-none"
                            data-append-values-placeholder-value="Ville, département, code postal..."
                            data-append-values-empty-class="tw-text-grey-500"
                            data-action="intersect:enter->append-values#append"
                        >
                            <button
                                class="tw-w-full tw-text-left tw-border tw-border-grey-300 tw-rounded-sm tw-px-4 tw-py-3 sm:tw-hidden"
                                type="button"
                                data-action="
                                    toggle#toggle
                                    focusable#focus
                                "
                            >
                                <div
                                    class="tw-typo-xs-cap-bold tw-mb-1"
                                >
                                    Où ?
                                </div>
                                <div
                                    data-append-values-target="to"
                                    class="tw-text-grey-500 tw-typo-m tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis"
                                    data-cy="whereSearchEngine"
                                >
                                    Ville, département, code postal...
                                </div>
                            </button>
                            <div
                                class=" sm:tw-relative sm:tw-grow sm:tw-px-6 sm:tw-py-[26px] sm:tw-border-r sm:tw-border-r-grey-100 sm:hocus-within:tw-bg-grey-50
                                        group-stuck:tw-px-3 group-stuck:tw-rounded-sm group-stuck:tw-py-0 group-stuck:tw-mr-6 group-stuck:tw-my-2 sm:group-stuck:tw-my-3 group-stuck:tw-bg-grey-50
                                        group-stuck:tw-border-none sm:group-stuck:hocus-within:tw-ring-1 sm:group-stuck:hocus-within:tw-ring-black
                                "
                            >
                                <div
                                    class="
                                        tw-absolute tw-inset-0 -tw-bottom-20 tw-bg-white tw-px-4 tw-pt-3 tw-overflow-hidden tw-flex tw-flex-col
                                        tw-opacity-0 tw-invisible tw-transition-[opacity,transform] tw-duration-300
                                        sm:tw-static sm:tw-opacity-100 sm:tw-visible peer-checked:sm:tw-transform-none sm:tw-bg-transparent sm:tw-p-0 sm:tw-overflow-visible
                                        group-stuck:tw-py-3
                                    "
                                    data-toggle-target="toToggle"
                                >
                                    <button
                                        class="tw-flex tw-h-7 tw-w-7 tw-items-center tw-justify-start tw-mb-3 sm:tw-hidden"
                                        type="button"
                                        data-action="toggle#toggle"
                                    >
                                        <svg class="tw-size-3">
                                            <use href="/svg/icons/arrow.svg#left"></use>
                                        </svg>
                                    </button>
                                    


<div
    class="tw-typo-xs-cap-bold tw-mt-4 sm:tw-mt-0 tw-mb-1 group-stuck:tw-hidden"
>
    O&#xF9; ?
</div>
<div
    data-controller="autocomplete autocomplete-simple clearable focus-group"
    data-action="
        autocomplete:click:outside->autocomplete#closeDropdown
        autocomplete:selected->autocomplete-simple#fillSuggestion
        autocomplete:selected->append-values#append
        autocomplete:selected->toggle#toggle
        keydown.up->focus-group#focusPreviousElement
        keydown.down->focus-group#focusNextElement
        keydown->autocomplete-simple#clearSuggestion
    "
    data-autocomplete-name-value="l_autocomplete"
    data-autocomplete-number-min-length-value="2"
    data-autocomplete-url-value="https://www.hellowork.com/fr-fr/search/getsearchenginelocationsuggestionsframeview?displayMissingResultMessage=False"
    data-autocomplete-hiding-class="tw-hidden"
    class="tw-flex tw-flex-col tw-overflow-auto sm:tw-overflow-visible"
>
    <div
        class="tw-flex tw-border tw-justify-between tw-border-grey-300 tw-rounded-sm tw-p-3 focus-within:tw-border-black sm:tw-static sm:tw-border-none sm:tw-p-0"
    >
        <input
            data-controller="toggle"
            data-toggle-toggled-class="tw-outline-none"
            data-toggle-target="toToggle"
            name="l"
            placeholder="Ville, d&#xE9;partement, code postal..."
            id="l"
            data-action="
                autocomplete#suggestIfNeeded
                mousedown->toggle#add
                focusout->toggle#remove
            "
            data-clearable-target="field"
            data-autocomplete-simple-target="field"
            data-append-values-target="from"
            data-focusable-target="field"
            class="tw-w-11/12 tw-text-ellipsis tw-typo-m placeholder:tw-text-grey-500 tw-peer tw-rounded-xs tw-outline-offset-4 tw-outline-0 sm:tw-outline-2 focus-visible:tw-outline tw-bg-inherit"
        >
        <input
            type="hidden"
            name="l_autocomplete"
            data-autocomplete-simple-target="hiddenInput"
            value=""
        >
        <button
            aria-label="effacer la recherche Ville, d&#xE9;partement, code postal..."
            type="button"
            class="hocus:tw-scale-125 peer-placeholder-shown:tw-invisible tw-transition-transform tw-duration-200 tw-rounded-xs"
            data-action="
                clearable#clear
                autocomplete-simple#clearSuggestion
                append-values#append
                autocomplete#closeDropdown
            "
        >
            <svg class="tw-size-3">
                <use href="/svg/icons/nav/close.svg#close"></use>
            </svg>
        </button>
    </div>                   
    <turbo-frame 
        id="LocalitySuggestionsGroupedFrame" 
        data-autocomplete-target="dropdown frame"
        data-turbo="true"
        src=""
        class="
            tw-block tw-mt-[1px] sm:tw-absolute sm:tw-h-auto sm:tw-z-10 sm:tw-top-full sm:tw-left-0 sm:tw-right-0
        "
    >
    </turbo-frame>
</div>

                                </div>
                            </div>
                        </div>
                        <div
                            class="tw-w-full sm:tw-hidden"
                            data-controller="toggle append-values intersect clear-inputs checkbox-sync"
                            data-toggle-toggled-class="!tw-visible tw-opacity-100 -tw-translate-y-20"
                            data-append-values-placeholder-value="CDI, CDD, intérim, stage..."
                            data-append-values-empty-class="tw-text-grey-500"
                            data-action="intersect:enter->append-values#append"
                            data-cy="contractsSearchEngine"
                        >
                            <button
                                class="tw-w-full tw-text-left tw-border tw-border-grey-300 tw-rounded-sm tw-px-4 tw-py-3"
                                type="button"
                                data-action="toggle#toggle"
                            >
                                <div
                                    class="tw-typo-xs-cap-bold tw-mb-1"
                                >
                                    Contrats
                                </div>
                                <div
                                    data-append-values-target="to"
                                    class="tw-text-grey-500 tw-typo-m tw-whitespace-nowrap tw-overflow-hidden tw-text-ellipsis"
                                    data-cy="contractSearchEngine"
                                >
                                    CDI, CDD, intérim, stage...
                                </div>
                            </button>
                            <div
                                class="
                                    tw-absolute tw-inset-0 -tw-bottom-20 tw-bg-white tw-overflow-hidden tw-flex tw-flex-col
                                    tw-opacity-0 tw-invisible tw-transition-[opacity,transform] tw-duration-300
                                "
                                data-toggle-target="toToggle"
                                data-checkbox-sync-target="container"
                            >
                                <button
                                    class="tw-flex tw-items-center tw-justify-start tw-m-4"
                                    type="button"
                                    data-action="toggle#toggle"
                                >
                                    <svg class="tw-size-3">
                                        <use href="/svg/icons/arrow.svg#left"></use>
                                    </svg>
                                </button>
                                

<div class="tw-typo-l-bold tw-p-4">
    Contrats
</div>
<ul
    class="tw-flex tw-flex-col tw-overflow-auto tw-gap-1 tw-px-4"
>
        <li class="tw-flex tw-items-center tw-typo-m">
            <label 
                class="tw-leading-[48px] tw-w-full"
                for="CDI-mobile">
                CDI
            </label>
            <input
                class="tw-checkbox"
                type="checkbox"
                name="c"
                value="CDI"
                id="CDI-mobile"
                data-append-values-target="from"
                data-checkbox-sync-target="checkbox"
                data-action="append-values#append checkbox-sync#syncAllCheckboxes"
                
                 
>
        </li>
        <li class="tw-flex tw-items-center tw-typo-m">
            <label 
                class="tw-leading-[48px] tw-w-full"
                for="CDD-mobile">
                CDD
            </label>
            <input
                class="tw-checkbox"
                type="checkbox"
                name="c"
                value="CDD"
                id="CDD-mobile"
                data-append-values-target="from"
                data-checkbox-sync-target="checkbox"
                data-action="append-values#append checkbox-sync#syncAllCheckboxes"
                
                 
>
        </li>
        <li class="tw-flex tw-items-center tw-typo-m">
            <label 
                class="tw-leading-[48px] tw-w-full"
                for="Travail_temp-mobile">
                Int&#xE9;rim
            </label>
            <input
                class="tw-checkbox"
                type="checkbox"
                name="c"
                value="Travail_temp"
                id="Travail_temp-mobile"
                data-append-values-target="from"
                data-checkbox-sync-target="checkbox"
                data-action="append-values#append checkbox-sync#syncAllCheckboxes"
                
                 
>
        </li>
        <li class="tw-flex tw-items-center tw-typo-m">
            <label 
                class="tw-leading-[48px] tw-w-full"
                for="Stage-mobile">
                Stage
            </label>
            <input
                class="tw-checkbox"
                type="checkbox"
                name="c"
                value="Stage"
                id="Stage-mobile"
                data-append-values-target="from"
                data-checkbox-sync-target="checkbox"
                data-action="append-values#append checkbox-sync#syncAllCheckboxes"
                
                 
>
        </li>
        <li class="tw-flex tw-items-center tw-typo-m">
            <label 
                class="tw-leading-[48px] tw-w-full"
                for="Alternance-mobile">
                Alternance
            </label>
            <input
                class="tw-checkbox"
                type="checkbox"
                name="c"
                value="Alternance"
                id="Alternance-mobile"
                data-append-values-target="from"
                data-checkbox-sync-target="checkbox"
                data-action="append-values#append checkbox-sync#syncAllCheckboxes"
                
                 
>
        </li>
        <li class="tw-flex tw-items-center tw-typo-m">
            <label 
                class="tw-leading-[48px] tw-w-full"
                for="Independant-mobile">
                Ind&#xE9;pendant
            </label>
            <input
                class="tw-checkbox"
                type="checkbox"
                name="c"
                value="Independant"
                id="Independant-mobile"
                data-append-values-target="from"
                data-checkbox-sync-target="checkbox"
                data-action="append-values#append checkbox-sync#syncAllCheckboxes"
                
                 
>
        </li>
        <li class="tw-flex tw-items-center tw-typo-m">
            <label 
                class="tw-leading-[48px] tw-w-full"
                for="Franchise-mobile">
                Franchise
            </label>
            <input
                class="tw-checkbox"
                type="checkbox"
                name="c"
                value="Franchise"
                id="Franchise-mobile"
                data-append-values-target="from"
                data-checkbox-sync-target="checkbox"
                data-action="append-values#append checkbox-sync#syncAllCheckboxes"
                
                 
>
        </li>
        <li class="tw-flex tw-items-center tw-typo-m">
            <label 
                class="tw-leading-[48px] tw-w-full"
                for="Associe-mobile">
                Associ&#xE9;
            </label>
            <input
                class="tw-checkbox"
                type="checkbox"
                name="c"
                value="Associe"
                id="Associe-mobile"
                data-append-values-target="from"
                data-checkbox-sync-target="checkbox"
                data-action="append-values#append checkbox-sync#syncAllCheckboxes"
                
                 
>
        </li>
        <li class="tw-flex tw-items-center tw-typo-m">
            <label 
                class="tw-leading-[48px] tw-w-full"
                for="Fonctionnaire-mobile">
                Fonctionnaire
            </label>
            <input
                class="tw-checkbox"
                type="checkbox"
                name="c"
                value="Fonctionnaire"
                id="Fonctionnaire-mobile"
                data-append-values-target="from"
                data-checkbox-sync-target="checkbox"
                data-action="append-values#append checkbox-sync#syncAllCheckboxes"
                
                 
>
        </li>
        <li class="tw-flex tw-items-center tw-typo-m">
            <label 
                class="tw-leading-[48px] tw-w-full"
                for="Freelance-mobile">
                Freelance
            </label>
            <input
                class="tw-checkbox"
                type="checkbox"
                name="c"
                value="Freelance"
                id="Freelance-mobile"
                data-append-values-target="from"
                data-checkbox-sync-target="checkbox"
                data-action="append-values#append checkbox-sync#syncAllCheckboxes"
                
                 
>
        </li>
        <li class="tw-flex tw-items-center tw-typo-m">
            <label 
                class="tw-leading-[48px] tw-w-full"
                for="Stage_de_lycee-mobile">
                Stage de lyc&#xE9;e
            </label>
            <input
                class="tw-checkbox"
                type="checkbox"
                name="c"
                value="Stage_de_lycee"
                id="Stage_de_lycee-mobile"
                data-append-values-target="from"
                data-checkbox-sync-target="checkbox"
                data-action="append-values#append checkbox-sync#syncAllCheckboxes"
                
                 
>
        </li>
</ul>
<div class="tw-w-full tw-p-4 tw-justify-between tw-flex tw-items-center tw-border-t tw-border-t-grey-100">
    <button type="button" class="tw-typo-s hover:tw-underline" data-action="click->clear-inputs#clear click->checkbox-sync#syncAllCheckboxes click->append-values#append">
        Effacer
    </button>
    <button 
        class="tw-btn-primary-l"
        type="button"
        data-action="toggle#toggle"
        data-cy="btnItemValidation"
    >
        Valider
    </button>
</div>
                            </div>
                        </div>
                    </div>
                <div class="tw-mt-auto sm:tw-mt-0 sm:tw-p-6 group-stuck:tw-px-3 group-stuck:tw-py-0 sm:group-stuck:tw-my-auto">
                    <button
                        formaction="/fr-fr/emploi/recherche.html"
                        data-turbo-frame="turboSerp"
                        aria-label="Lancer une recherche"
                        data-cy="searchEngineSubmitButton"
                        data-auto-submittable-target="submitter"
                        class="sm:hocus:tw-scale-125 sm:tw-transition-transform sm:tw-duration-200 tw-w-full sm:tw-btn-icon-primary-l"
                    >
                        <div class="tw-btn-primary-xl sm:tw-hidden" data-action="click->input-checker#uncheck">
                            Rechercher
                        </div>
                        <div class="tw-hidden tw-btn-icon-primary-l tw-text-white sm:tw-flex">
                            <svg class="tw-size-4">
                                <use href="/svg/icons/search.svg#search"></use>
                            </svg>
                        </div>
                    </button>
                </div>
                </div>
            </div>
        </div>
    </fieldset>
</form>


    <div class="sm:tw-layout-grid tw-pl-4">
        <div class="tw-layout-inner-grid">
            

<ul class="sm:tw-col-start-2 tw-col-span-full tw-flex sm:tw-flex-wrap tw-gap-3 sm:tw-gap-4 tw-pt-3 sm:tw-pt-4 sm:tw-snap-none tw-snap-x tw-snap-mandatory tw-overflow-x-auto sm:tw-overflow-visible tw-hidden-scrollbar">
        <li class="tw-snap-start tw-min-w-fit last:tw-pr-4 sm:last:tw-pr-0">
            <div
                class="tw-relative tw-btn-outline-m tw-border-grey-300"
                data-action="click->analytics#push"
                data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;search_click&quot;,&quot;event_info&quot;:&quot;quick-search&quot;,&quot;wording&quot;:&quot;Job &#xE9;tudiant&quot;}">
                    <svg class="tw-size-3" aria-hidden="true">
                        <use href="/svg/icons/formation.svg#formation"></use>
                    </svg>
                    <a
                        href="emploi/mot-cle_etudiant.html"
                        class="tw-no-underline tw-forwarder"
                        title="Job &#xE9;tudiant"
                        data-cy=""
                    >
                        Job &#xE9;tudiant
                    </a>

            </div>
        </li>
        <li class="tw-snap-start tw-min-w-fit last:tw-pr-4 sm:last:tw-pr-0">
            <div
                class="tw-relative tw-btn-outline-m tw-border-grey-300"
                data-action="click->analytics#push"
                data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;search_click&quot;,&quot;event_info&quot;:&quot;quick-search&quot;,&quot;wording&quot;:&quot;Stage&quot;}">
                    <svg class="tw-size-3" aria-hidden="true">
                        <use href="/svg/services/companies.svg#companies"></use>
                    </svg>
                    <span
                        data-controller="atc"
                        data-atc-l-value="xrzcybv/erpurepur=pt=ugzy?x=&amp;x_nhgbpbzcyrgr=&amp;y=&amp;y_nhgbpbzcyrgr=&amp;p=Fgntrf"
                        class="tw-no-underline tw-forwarder"
                        title="Stage"
                    >
                        Stage
                    </span>

            </div>
        </li>
        <li class="tw-snap-start tw-min-w-fit last:tw-pr-4 sm:last:tw-pr-0">
            <div
                class="tw-relative tw-btn-outline-m tw-border-grey-300"
                data-action="click->analytics#push"
                data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;search_click&quot;,&quot;event_info&quot;:&quot;quick-search&quot;,&quot;wording&quot;:&quot;CDI&quot;}">
                    <svg class="tw-size-3" aria-hidden="true">
                        <use href="/svg/icons/cv.svg#cv"></use>
                    </svg>
                    <a
                        href="emploi/mot-cle_cdi.html"
                        class="tw-no-underline tw-forwarder"
                        title="CDI"
                        data-cy=""
                    >
                        CDI
                    </a>

            </div>
        </li>
</ul>

        </div>
    </div>

<div class="sm:tw-layout-grid tw-mt-8 tw-mb-12 sm:tw-my-12">
    <div class="tw-layout-inner-grid">
        <div class="tw-overflow-hidden tw-relative tw-shadow-soft sm:tw-col-start-2 sm:tw-col-end-12 tw-col-span-full tw-p-6 sm:tw-px-10 sm:tw-py-8 tw-rounded-lg tw-mx-4 sm:tw-mx-0">
            <svg class="tw-opacity-[0.12]
                tw-text-blue-200
                tw-absolute
                -tw-right-44 lg:-tw-right-56 xl:-tw-right-40 2xl:-tw-right-11
                -tw-bottom-14 sm:-tw-bottom-24
                tw-w-[340px] sm:tw-w-[492px]
                tw-h-44 sm:tw-h-64
                -tw-rotate-[16deg]"
                 aria-hidden="true"
            >
                <use href="/svg/illustrations/chevron.svg#chevron"></use>
            </svg>
            <div class="tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-justify-between tw-gap-6 sm:tw-gap-10">
                <div class="tw-flex tw-flex-col tw-gap-[6px]">
                    <p class="tw-m-0 tw-text-blue-500 tw-typo-long-m-bold sm:tw-typo-l-bold">Préparez un entretien d'embauche comme si vous y étiez !</p>
                    <p class="tw-m-0 tw-typo-long-s sm:tw-typo-long-m tw-text-grey-500">Notre coach virtuel vous guide pour vous entraîner et gagner en assurance.</p>
                </div>

                <span
                    data-controller="atc"
                    data-atc-l-value="x/se-se/zrqvnf/ragergvra-qrzonhpur-cercnerm-ibhf-ra-pbaqvgvbaf-cerfdhr-erryyrf-nirp-abger-pbnpu-iveghry=pt=ugzyf"
                    data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;banner_click&quot;,&quot;event_info&quot;:&quot;interview-coach&quot;}"
                    data-action="click->analytics#push"
                    title="Entretien d'embauche : préparez-vous en conditions (presque) réelles avec notre coach virtuel"
                    class="tw-btn-primary-m
                        tw-bg-blue-500
                        sm:tw-min-w-fit
                        tw-z-0"
                >
                    Découvrir le coach
                </span>
            </div>
        </div>
    </div>
</div>

    <section aria-label="Des entreprises qui recrutent" class="tw-my-12 tw-layout-grid sm:tw-mb-24">
        <div class="tw-mb-4 sm:tw-mb-8">
            <h2 class="tw-typo-2xl sm:tw-typo-3xl">Des entreprises<span class="tw-block tw-typo-2xl-bold sm:tw-typo-3xl-bold">qui recrutent</span></h2>
        </div>

        <div class="tw-layout-inner-grid">
            <div class="tw-col-span-full sm:tw-flex sm:tw-flex-wrap">
                

        <div class="tw-contents"
             data-controller="carousel"
             data-action="carousel:swipeLeft->carousel#next carousel:swipeRight->carousel#previous"
             data-carousel-nb-elements-per-page-value="3"
             data-carousel-select-class="tw-w-6 !tw-bg-black"
        >
            <div data-action="scroll->carousel#dispatchSwipeDirection" 
                 data-carousel-target="itemsContainer"
                 class="tw-flex
                        tw-gap-x-0
                        sm:tw-gap-x-8
                        tw-snap-x 
                        tw-snap-mandatory 
                        tw-overflow-x-auto 
                        tw-hidden-scrollbar 
                        tw-pb-6 
                        tw-relative 
                        tw-left-1/2 
                        sm:tw-left-auto
                        tw-right-1/2 
                        sm:tw-right-auto
                        -tw-ml-[50vw] 
                        sm:tw-ml-0 
                        -tw-mr-[50vw] 
                        sm:tw-mr-0 
                        tw-w-screen
                        sm:tw-w-auto"
            >
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="1"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        


<div 
    class="tw-flex tw-flex-col tw-relative tw-bg-white tw-rounded-sm tw-border 
            tw-border-grey-100 tw-h-full tw-overflow-hidden focus-within:tw-outline
            tw-cursor-pointer hover:tw-scale-95 tw-transition-transform tw-duration-500 tw-group"
>
    <div class="tw-relative">
        <div class="tw-h-[8.75rem] tw-relative tw-rounded-t-sm tw-overflow-hidden tw-bg-pumpkin-100" aria-hidden="true">
                <img
                    alt="Babilou Emploi"
                    title = "Emploi Babilou"
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top"
                    src=https://f.hellowork.com/media/34474/495_330/34474_63843430749088926233462997.jpeg
                />
        </div>

        <div
            class="tw-bg-white tw-absolute tw-left-6 tw-bottom-[-22px] tw-w-24 tw-h-11 tw-px-3 tw-py-2 tw-rounded-xs tw-overflow-hidden"
            aria-hidden="true"
        >
                <img
                    alt="Babilou Recrutement"
                    title="Recrutement Babilou"
                    loading="lazy"
                    src="https://f.hellowork.com/img/entreprises/34474.png"
                />
        </div>
    </div>
    <div class="tw-flex tw-gap-2 tw-bg-white tw-grow tw-px-6 tw-pt-8 tw-pb-6 tw-justify-between tw-items-end">
        <div class="tw-flex tw-flex-col tw-self-start tw-h-full tw-justify-between">
            <a
                aria-label="Aller sur la page de Babilou"
                href="/fr-fr/entreprises/babilou-34474.html"
                class="tw-no-underline tw-typo-l tw-line-clamp-2 tw-outline-none focus-visible:tw-underline tw-forwarder"
                title="Recrutement Babilou"
            >
                Babilou
            </a>

<div class="tw-text-green-500 tw-flex tw-items-center" data-cy="superRecruiterBadge">
    <svg
        class="tw-mr-1  tw-w-3 tw-h-[0.875rem]">
        <use href="/svg/icons/super-recruiter/super-recruiter.svg#super-recruiter"></use>
    </svg>
    <p  class="tw-typo-s-bold">Super recruteur</p>
</div>                <div class="tw-mt-3">717 jobs</div>
        </div>
        <div 
            class="tw-flex tw-btn-icon-primary-l tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
        >
            <svg class="tw-size-4 tw-m-auto">
                <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
            </svg>
        </div>
    </div>
</div>
                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="2"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        


<div 
    class="tw-flex tw-flex-col tw-relative tw-bg-white tw-rounded-sm tw-border 
            tw-border-grey-100 tw-h-full tw-overflow-hidden focus-within:tw-outline
            tw-cursor-pointer hover:tw-scale-95 tw-transition-transform tw-duration-500 tw-group"
>
    <div class="tw-relative">
        <div class="tw-h-[8.75rem] tw-relative tw-rounded-t-sm tw-overflow-hidden tw-bg-blue-200" aria-hidden="true">
                <img
                    alt="Auchan Retail France Emploi"
                    title = "Emploi Auchan Retail France"
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top"
                    src=https://f.hellowork.com/media/546/495_330/546_63860545999902928717901454.jpg
                />
        </div>

        <div
            class="tw-bg-white tw-absolute tw-left-6 tw-bottom-[-22px] tw-w-24 tw-h-11 tw-px-3 tw-py-2 tw-rounded-xs tw-overflow-hidden"
            aria-hidden="true"
        >
                <img
                    alt="Auchan Retail France Recrutement"
                    title="Recrutement Auchan Retail France"
                    loading="lazy"
                    src="https://f.hellowork.com/img/entreprises/546.png"
                />
        </div>
    </div>
    <div class="tw-flex tw-gap-2 tw-bg-white tw-grow tw-px-6 tw-pt-8 tw-pb-6 tw-justify-between tw-items-end">
        <div class="tw-flex tw-flex-col tw-self-start tw-h-full tw-justify-between">
            <a
                aria-label="Aller sur la page de Auchan Retail France"
                href="/fr-fr/entreprises/auchan-retail-france-546.html"
                class="tw-no-underline tw-typo-l tw-line-clamp-2 tw-outline-none focus-visible:tw-underline tw-forwarder"
                title="Recrutement Auchan Retail France"
            >
                Auchan Retail France
            </a>
                <div class="tw-mt-3">1048 jobs</div>
        </div>
        <div 
            class="tw-flex tw-btn-icon-primary-l tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
        >
            <svg class="tw-size-4 tw-m-auto">
                <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
            </svg>
        </div>
    </div>
</div>
                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="3"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        


<div 
    class="tw-flex tw-flex-col tw-relative tw-bg-white tw-rounded-sm tw-border 
            tw-border-grey-100 tw-h-full tw-overflow-hidden focus-within:tw-outline
            tw-cursor-pointer hover:tw-scale-95 tw-transition-transform tw-duration-500 tw-group"
>
    <div class="tw-relative">
        <div class="tw-h-[8.75rem] tw-relative tw-rounded-t-sm tw-overflow-hidden tw-bg-blue-200" aria-hidden="true">
                <img
                    alt="Domusvi Emploi"
                    title = "Emploi Domusvi"
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top"
                    src=https://f.hellowork.com/media/33357/495_330/domusvi_33357_63832796262288237122692538.jpeg
                />
        </div>

        <div
            class="tw-bg-white tw-absolute tw-left-6 tw-bottom-[-22px] tw-w-24 tw-h-11 tw-px-3 tw-py-2 tw-rounded-xs tw-overflow-hidden"
            aria-hidden="true"
        >
                <img
                    alt="Domusvi Recrutement"
                    title="Recrutement Domusvi"
                    loading="lazy"
                    src="https://f.hellowork.com/img/entreprises/33357.png"
                />
        </div>
    </div>
    <div class="tw-flex tw-gap-2 tw-bg-white tw-grow tw-px-6 tw-pt-8 tw-pb-6 tw-justify-between tw-items-end">
        <div class="tw-flex tw-flex-col tw-self-start tw-h-full tw-justify-between">
            <a
                aria-label="Aller sur la page de Domusvi"
                href="/fr-fr/entreprises/domusvi-33357.html"
                class="tw-no-underline tw-typo-l tw-line-clamp-2 tw-outline-none focus-visible:tw-underline tw-forwarder"
                title="Recrutement Domusvi"
            >
                Domusvi
            </a>
                <div class="tw-mt-3">1593 jobs</div>
        </div>
        <div 
            class="tw-flex tw-btn-icon-primary-l tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
        >
            <svg class="tw-size-4 tw-m-auto">
                <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
            </svg>
        </div>
    </div>
</div>
                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="4"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        


<div 
    class="tw-flex tw-flex-col tw-relative tw-bg-white tw-rounded-sm tw-border 
            tw-border-grey-100 tw-h-full tw-overflow-hidden focus-within:tw-outline
            tw-cursor-pointer hover:tw-scale-95 tw-transition-transform tw-duration-500 tw-group"
>
    <div class="tw-relative">
        <div class="tw-h-[8.75rem] tw-relative tw-rounded-t-sm tw-overflow-hidden tw-bg-blue-200" aria-hidden="true">
                <img
                    alt="BNP Paribas Emploi"
                    title = "Emploi BNP Paribas"
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top"
                    src=https://f.hellowork.com/media/3597/495_330/3597_63851996524841752336463917.jpeg
                />
        </div>

        <div
            class="tw-bg-white tw-absolute tw-left-6 tw-bottom-[-22px] tw-w-24 tw-h-11 tw-px-3 tw-py-2 tw-rounded-xs tw-overflow-hidden"
            aria-hidden="true"
        >
                <img
                    alt="BNP Paribas Recrutement"
                    title="Recrutement BNP Paribas"
                    loading="lazy"
                    src="https://f.hellowork.com/img/entreprises/3597.gif"
                />
        </div>
    </div>
    <div class="tw-flex tw-gap-2 tw-bg-white tw-grow tw-px-6 tw-pt-8 tw-pb-6 tw-justify-between tw-items-end">
        <div class="tw-flex tw-flex-col tw-self-start tw-h-full tw-justify-between">
            <a
                aria-label="Aller sur la page de BNP Paribas"
                href="/fr-fr/entreprises/bnp-paribas-3597.html"
                class="tw-no-underline tw-typo-l tw-line-clamp-2 tw-outline-none focus-visible:tw-underline tw-forwarder"
                title="Recrutement BNP Paribas"
            >
                BNP Paribas
            </a>
                <div class="tw-mt-3">753 jobs</div>
        </div>
        <div 
            class="tw-flex tw-btn-icon-primary-l tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
        >
            <svg class="tw-size-4 tw-m-auto">
                <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
            </svg>
        </div>
    </div>
</div>
                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="5"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        


<div 
    class="tw-flex tw-flex-col tw-relative tw-bg-white tw-rounded-sm tw-border 
            tw-border-grey-100 tw-h-full tw-overflow-hidden focus-within:tw-outline
            tw-cursor-pointer hover:tw-scale-95 tw-transition-transform tw-duration-500 tw-group"
>
    <div class="tw-relative">
        <div class="tw-h-[8.75rem] tw-relative tw-rounded-t-sm tw-overflow-hidden tw-bg-pumpkin-100" aria-hidden="true">
                <img
                    alt="Groupement Mousquetaires Emploi"
                    title = "Emploi Groupement Mousquetaires"
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top"
                    src=https://f.hellowork.com/media/12613/495_330/12613_63879644946387268132695002.jpg
                />
        </div>

        <div
            class="tw-bg-white tw-absolute tw-left-6 tw-bottom-[-22px] tw-w-24 tw-h-11 tw-px-3 tw-py-2 tw-rounded-xs tw-overflow-hidden"
            aria-hidden="true"
        >
                <img
                    alt="Groupement Mousquetaires Recrutement"
                    title="Recrutement Groupement Mousquetaires"
                    loading="lazy"
                    src="https://f.hellowork.com/img/entreprises/12613.png"
                />
        </div>
    </div>
    <div class="tw-flex tw-gap-2 tw-bg-white tw-grow tw-px-6 tw-pt-8 tw-pb-6 tw-justify-between tw-items-end">
        <div class="tw-flex tw-flex-col tw-self-start tw-h-full tw-justify-between">
            <a
                aria-label="Aller sur la page de Groupement Mousquetaires"
                href="/fr-fr/entreprises/groupement-les-mousquetaires-12613.html"
                class="tw-no-underline tw-typo-l tw-line-clamp-2 tw-outline-none focus-visible:tw-underline tw-forwarder"
                title="Recrutement Groupement Mousquetaires"
            >
                Groupement Mousquetaires
            </a>
                <div class="tw-mt-3">8787 jobs</div>
        </div>
        <div 
            class="tw-flex tw-btn-icon-primary-l tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
        >
            <svg class="tw-size-4 tw-m-auto">
                <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
            </svg>
        </div>
    </div>
</div>
                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="6"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        


<div 
    class="tw-flex tw-flex-col tw-relative tw-bg-white tw-rounded-sm tw-border 
            tw-border-grey-100 tw-h-full tw-overflow-hidden focus-within:tw-outline
            tw-cursor-pointer hover:tw-scale-95 tw-transition-transform tw-duration-500 tw-group"
>
    <div class="tw-relative">
        <div class="tw-h-[8.75rem] tw-relative tw-rounded-t-sm tw-overflow-hidden tw-bg-purple-200" aria-hidden="true">
                <img
                    alt="Domaliance Emploi"
                    title = "Emploi Domaliance"
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top"
                    src=https://f.hellowork.com/media/77723/495_330/77723_63907194949440451847433563.jpg
                />
        </div>

        <div
            class="tw-bg-white tw-absolute tw-left-6 tw-bottom-[-22px] tw-w-24 tw-h-11 tw-px-3 tw-py-2 tw-rounded-xs tw-overflow-hidden"
            aria-hidden="true"
        >
                <img
                    alt="Domaliance Recrutement"
                    title="Recrutement Domaliance"
                    loading="lazy"
                    src="https://f.hellowork.com/img/entreprises/77723.png"
                />
        </div>
    </div>
    <div class="tw-flex tw-gap-2 tw-bg-white tw-grow tw-px-6 tw-pt-8 tw-pb-6 tw-justify-between tw-items-end">
        <div class="tw-flex tw-flex-col tw-self-start tw-h-full tw-justify-between">
            <a
                aria-label="Aller sur la page de Domaliance"
                href="/fr-fr/entreprises/domaliance-77723.html"
                class="tw-no-underline tw-typo-l tw-line-clamp-2 tw-outline-none focus-visible:tw-underline tw-forwarder"
                title="Recrutement Domaliance"
            >
                Domaliance
            </a>
                <div class="tw-mt-3">1543 jobs</div>
        </div>
        <div 
            class="tw-flex tw-btn-icon-primary-l tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
        >
            <svg class="tw-size-4 tw-m-auto">
                <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
            </svg>
        </div>
    </div>
</div>
                    </div>
            </div> 
            
            <div class="tw-flex tw-items-center tw-justify-between tw-w-full ">
                <button class="tw-btn-icon-secondary-outline-l disabled:tw-opacity-30 disabled:tw-pointer-events-none"
                        data-action="carousel#previous click->analytics#push"
                        data-carousel-target="buttonPrev"
                        disabled
                        data-analytics-values-param=""
                        aria-label="Élément précédent"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/arrow.svg#left"></use>
                    </svg>
                </button>
                
                <div class="tw-flex tw-gap-2 sm:tw-gap-x-0">
                    <ul class="tw-flex sm:tw-hidden tw-gap-2"
                        data-carousel-target="paginationMobile"
                        role="tablist"
                        aria-label="Pages du carrousel"
                    >
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 1 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 2 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 3 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 4 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 5 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 6 sur Model.ContentModel.Count">
                            </li>
                    </ul>
                    
                    <ul class="tw-hidden sm:tw-flex tw-gap-2" 
                        data-carousel-target="paginationDesktop"
                        role="tablist"
                        aria-label="Pages du carrousel"
                    >
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 1 sur 6">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 2 sur 6">
                            </li>
                    </ul>
                </div>

                <button class="tw-btn-icon-secondary-outline-l disabled:tw-opacity-30 disabled:tw-pointer-events-none"
                        data-action="carousel#next click->analytics#push"
                        data-carousel-target="buttonNext"
                        data-analytics-values-param=""
                        aria-label="Élément suivant"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/arrow.svg#right"></use>
                    </svg>
                </button>
            </div>
        </div>

            </div>
        </div>

        <span
            data-controller="atc"
            data-cy="homeCtaAllCompanies"
            data-atc-l-value="x/se-se/ragercevfr=pt=ugzyf"
            class="tw-mt-6 tw-w-fit tw-btn-primary-l sm:tw-btn-primary-xl tw-typo-s sm:typo-m"
        >
            Voir toutes les entreprises
        </span>
    </section>
<section class="tw-mb-12 sm:tw-mb-24" aria-label="Trouver un job grâce a Hellowork">
    

<div class="tw-layout-grid">
    <div class="tw-layout-inner-grid">
        <h2 class="tw-typo-2xl tw-col-span-full tw-mb-6 sm:tw-mb-8 sm:tw-typo-3xl">
            Trouver un job ?<br />
            <span class="sm:tw-typo-3xl-bold tw-typo-2xl-bold">Simple comme Hello</span>
        </h2>
    </div>
</div>
<div class="tw-layout-grid tw-mb-10">
    <div class="tw-layout-inner-grid tw-items-center tw-space-y-6 sm:tw-space-y-0">
        <figure class="tw-h-full tw-col-span-full sm:tw-col-span-6 tw-bg-purple-50 tw-flex tw-items-center tw-rounded-sm">
            <picture class="tw-w-full">
                <source 
                    srcset="
                        https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/simple-hello/simone-1x.webp,
                        https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/simple-hello/simone-2x.webp 2x,
                        https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/simple-hello/simone-3x.webp 3x,
                    "
                >
                <img 
                    loading="lazy"
                    src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/simple-hello/simone-1x.webp"
                    alt="" 
                    class="tw-skeleton tw-w-full tw-rounded-sm" 
                />
            </picture>
        </figure>
        <div class="tw-col-span-full  sm:tw-col-start-8 sm:tw-col-end-[-2]">
            <div class="tw-col-span-full tw-flex tw-space-x-4 sm:tw-flex-col sm:tw-space-y-10 sm:tw-space-x-0">
                <div class="tw-flex-none tw-flex tw-justify-center tw-items-center tw-h-16 tw-w-16 sm:tw-h-[92px] sm:tw-w-[92px] tw-rounded-full tw-bg-purple-50">
                    <svg class="tw-size-7 sm:tw-size-12">
                        <use href="/svg/icons/follow-up.svg#purple"></use>
                    </svg>
                </div>
                <p class="tw-typo-xl sm:tw-typo-2xl">Suivez votre candidature</p>
            </div>
            <p class="tw-typo-long-m tw-mt-4">Enfin de la visibilité en direct étape par étape. Postulez et dès que
                nous avons du nouveau sur l'avancement de votre candidature, vous êtes prévenu !</p>
            <span data-controller="atc"
                data-cy="homeCtaCheckOffers"
                data-atc-l-value="x/se-se/pnaqvqng/zrf-pnaqvqngherf=pt=ugzyf"
                class="tw-w-fit tw-btn-outline-l tw-mt-6">Voir mes candidatures</span>
        </div>
    </div>
</div>
<div class="tw-layout-grid tw-mb-10">
    <div class="tw-layout-inner-grid tw-items-center tw-space-y-6 sm:tw-space-y-0">
        <figure
            class="tw-h-full tw-col-span-full sm:tw-col-span-6 sm:tw-col-end-13 tw-bg-blue-50 tw-flex tw-items-center tw-rounded-sm">
            <picture class="tw-w-full">
                <source
                    srcset="
                        https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/simple-hello/buddy-1x.webp,
                        https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/simple-hello/buddy-2x.webp 2x,
                        https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/simple-hello/buddy-3x.webp 3x,
                    ">
                <img
                    loading="lazy"
                    src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/simple-hello/buddy-1x.webp"
                    alt=""
                    class="tw-skeleton tw-w-full tw-rounded-sm"/>
            </picture>
            
        </figure>
        <div
            class="tw-col-span-full sm:tw-col-start-2 sm:tw-col-end-6 sm:tw-row-start-1 lg:tw-col-start-2 lg:tw-row-start-1">
            <div class="tw-col-span-full tw-flex tw-space-x-4 sm:tw-flex-col sm:tw-space-y-10 sm:tw-space-x-0">
                <div class="tw-flex-none tw-flex tw-justify-center tw-items-center tw-h-16 tw-w-16 sm:tw-h-[92px] sm:tw-w-[92px] tw-rounded-full tw-bg-blue-50">
                    <svg class="tw-h-7 tw-w-7 sm:tw-h-12 sm:tw-w-12 tw-text-blue-400">
                        <use href="/svg/icons/statistics.svg#statistics"></use>
                    </svg>
                </div>
                <p class="tw-typo-xl sm:tw-typo-2xl">Des offres qui ne cachent rien</p>
            </div>
            <p class="tw-typo-long-m tw-mt-4">Salaire, télétravail … N’avancez plus dans l’inconnu pour choisir
                votre futur job.</p>
            <span 
                data-controller="atc"
                data-cy="homeCtaFindMyJob"
                data-atc-l-value="x/se-se/rzcybv/erpurepur=pt=ugzyf" 
                class="tw-w-fit tw-btn-outline-l tw-mt-6"
            >
                
                Trouver mon job</span>
        </div>
    </div>
</div>
<div class="tw-layout-grid">
    <div class="tw-layout-inner-grid tw-items-center tw-space-y-6 sm:tw-space-y-0">
        <figure class="tw-h-full tw-col-span-full sm:tw-col-span-6 tw-bg-green-50 tw-flex tw-items-center tw-rounded-sm">
            <picture class="tw-w-full">
                <source 
                    srcset="
                        https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/simple-hello/marcia-1x.webp,
                        https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/simple-hello/marcia-2x.webp 2x,
                        https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/simple-hello/marcia-3x.webp 3x,
                    "
                >
                <img 
                    loading="lazy"
                    src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/simple-hello/marcia-1x.webp"
                    alt=""
                    class="tw-skeleton tw-w-full tw-rounded-sm" 
                />
            </picture>
        </figure>
        <div class="tw-col-span-full  sm:tw-col-start-8 sm:tw-col-end-[-2]">
            <div class="tw-col-span-full tw-flex tw-space-x-4 sm:tw-flex-col sm:tw-space-y-10 sm:tw-space-x-0">
                <div class="tw-flex-none tw-flex tw-justify-center tw-items-center tw-h-16 tw-w-16 sm:tw-h-[92px] sm:tw-w-[92px] tw-rounded-full tw-bg-green-50">
                    <svg class="tw-text-green-400 tw-h-7 tw-w-7 sm:tw-h-12 sm:tw-w-12" data-controller="cross-origin-svg" data-cross-origin-svg-url-value="https://f.hellowork.com/hellowork/ressources/2.35.4/images/svg/services/transparency.svg"></svg>
                </div>
                <p class="tw-typo-xl sm:tw-typo-2xl">Des entreprises transparentes</p>
            </div>
            <p class="tw-typo-long-m tw-mt-4">Process de recrutement, délai de réponse, avantages… Vous méritez de
                vraies réponses, pas de perdre du temps.</p>
            <span 
                data-controller="atc"
                data-cy="homeCtaCheckCompanies"
                data-atc-l-value="x/se-se/ragercevfr/fhcre-erpehgrhe=pt=ugzyf"
                class="tw-w-fit tw-btn-outline-l tw-mt-6"
            >   
                Voir les entreprises
            </span>
        </div>
    </div>
</div>

</section>

    <section class="tw-layout-grid" aria-label="Nos services">
        <div class="tw-mb-6 sm:tw-mb-8">
            <h2 class="tw-typo-2xl sm:tw-typo-3xl">Préparez-vous à<span class="tw-block tw-typo-2xl-bold sm:tw-typo-3xl-bold">décrocher votre job !</span></h2>
        </div>
        <div class="tw-layout-inner-grid tw-gap-y-8 sm:tw-gap-y-6">
                <div class="tw-col-span-4 sm:tw-col-span-6 2xl:tw-col-span-3">
                    


<div class="tw-flex tw-h-[204px] tw-flex-col tw-justify-between tw-rounded-sm tw-bg-blue-50 tw-p-6 tw-transition-all 
sm:tw-h-[256px]">
	<p class="tw-typo-3xl">155 000</p>
            <p class="tw-typo-long-m">CV lus en moyenne chaque jour, <span class="tw-typo-long-m-bold">soyez le prochain à être vu !</span></p>
</div>

                </div>
                <div class="tw-col-span-4 sm:tw-col-span-6 2xl:tw-col-span-3">
                    





<div class="tw-flex tw-h-[204px] tw-flex-col tw-justify-between tw-rounded-sm tw-bg-blue-200 tw-p-6 tw-transition-all sm:tw-h-[256px]">
	<div class="tw-flex tw-justify-between">
		<p class="tw-typo-m-cap-bold tw-pr-4">soyez visible aupr&#xE8;s des recruteurs</p>
		<div class="[--icone-card-size:72px] tw-flex tw-justify-center tw-items-center tw-min-h-[var(--icone-card-size)] tw-min-w-[var(--icone-card-size)] tw-max-h-[var(--icone-card-size)] tw-max-w-[var(--icone-card-size)] tw-rounded-full tw-bg-blue-50">
			<svg class="tw-text-blue-400 tw-h-8 tw-w-8" data-controller="cross-origin-svg" data-cross-origin-svg-url-value="https://f.hellowork.com/hellowork/ressources/2.35.4/images/svg/services/cv.svg"></svg>
		</div>
	</div>
		<a 
			href="/fr-fr/page/depot-cv.html" 
			class="tw-btn-primary-l"
			data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;EventName&quot;:&quot;cv_upload&quot;,&quot;EventLibelle&quot;:&quot;[HOME] - Upload CV&quot;,&quot;EnhancedEcommerce&quot;:true,&quot;app_version_array&quot;:{&quot;one-time-password-V1.0&quot;:&quot;Version_B&quot;}}"
			data-action="analytics#push"
		>
			D&#xE9;poser mon CV
		</a>
</div>

                </div>
                <div class="tw-col-span-4 sm:tw-col-span-6 2xl:tw-col-span-3">
                    


<div class="tw-flex tw-h-[204px] tw-flex-col tw-justify-between tw-rounded-sm tw-bg-yellow-50 tw-p-6 tw-transition-all 
sm:tw-h-[256px]">
	<p class="tw-typo-3xl">878 186</p>
            <p class="tw-typo-long-m">offres en ce moment, <span class="tw-typo-long-m-bold">on vous envoie celles qui collent ?</span></p>
</div>

                </div>
                <div class="tw-col-span-4 sm:tw-col-span-6 2xl:tw-col-span-3">
                    





<div class="tw-flex tw-h-[204px] tw-flex-col tw-justify-between tw-rounded-sm tw-bg-yellow-200 tw-p-6 tw-transition-all sm:tw-h-[256px]">
	<div class="tw-flex tw-justify-between">
		<p class="tw-typo-m-cap-bold tw-pr-4">soyez alert&#xE9; rapidement</p>
		<div class="[--icone-card-size:72px] tw-flex tw-justify-center tw-items-center tw-min-h-[var(--icone-card-size)] tw-min-w-[var(--icone-card-size)] tw-max-h-[var(--icone-card-size)] tw-max-w-[var(--icone-card-size)] tw-rounded-full tw-bg-yellow-50">
			<svg class="tw-text-yellow-300 tw-h-8 tw-w-8" data-controller="cross-origin-svg" data-cross-origin-svg-url-value="https://f.hellowork.com/hellowork/ressources/2.35.4/images/svg/services/alert.svg"></svg>
		</div>
	</div>
		<span 
			data-controller="atc"
			data-cy="Cr&#xE9;er mon alerte"
            data-atc-l-value="x/se-se/pnaqvqng/perngvba-nyregr=pt=ugzyf"
			data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;EventName&quot;:&quot;alert_create&quot;,&quot;EventLibelle&quot;:&quot;[HOME] - Creation Alerte&quot;,&quot;EnhancedEcommerce&quot;:true,&quot;app_version_array&quot;:{&quot;one-time-password-V1.0&quot;:&quot;Version_B&quot;}}"
			data-action="analytics#push"
			class="tw-btn-primary-l"
		>
			Cr&#xE9;er mon alerte
		</span>
</div>

                </div>
        </div>
    </section>

<section class="tw-layout-grid tw-py-12 sm:tw-py-24" aria-label="Nos applications mobiles">
    <div class="tw-layout-inner-grid tw-items-center">
        

<picture class="tw-h-full tw-col-span-full sm:tw-col-span-6">
    <source
        media="(min-width: 640px)"
        srcset="
            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/app-mobile/app-mobile-desktop-x1.webp 1x,
            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/app-mobile/app-mobile-desktop-x2.webp 2x
    ">
    <source
        media="(max-width: 639px)"
        srcset="
            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/app-mobile/app-mobile-x1.webp 1x,
            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/app-mobile/app-mobile-x2.webp 2x
    ">
    <img loading="lazy"
        src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/app-mobile/app-mobile-x1.webp"
        alt="App mobile" class="tw-skeleton tw-w-full tw-transition-all"/>
</picture>
<div class="tw-col-span-full sm:tw-col-start-7 sm:tw-col-span-6 2xl:tw-col-start-8 2xl:tw-col-span-5">
    <h2 class="tw-typo-2xl-bold first-line:tw-font-normal md:tw-typo-3xl sm:tw-max-w-md tw-mb-2 tw-mt-6 sm:tw-my-0">
        Téléchargez l'app <br> pour ne rien manquer
    </h2>
    <div class="tw-col-span-full tw-typo-long-m sm:tw-max-w-md sm:tw-mt-8">
        Faites avancer votre recherche et suivez les nouveaux jobs où que vous soyez
        <a href="https://www.hellowork.com/fr-fr/page/application.html"
            rel="noopener noreferrer"
            aria-label=""
            title="Page d'accueil de l'app mobile Hellowork">
            avec l'app</a>.
    </div>
    <div class="tw-flex tw-flex-wrap tw-gap-6 md:tw-gap-x-8 tw-mt-6 sm:tw-mt-8" data-controller="mobile-app">
        <div
            data-controller="atc"
            data-atc-l-value="xuggcf://cynl=pt=tbbtyr=pt=pbz/fgber/nccf/qrgnvyf?vq=pbz=pt=ertvbafwbo=pt=naqebvqf"
            data-atc-t-value="x_oynaxf"
            data-mobile-app-target="android"
            class="tw-btn-primary-l tw-cursor-pointer"
        >
            <svg class="tw-size-4">
                <use href="/svg/icons/apps/google-play.svg#google-play"></use>
            </svg>
            <span data-cy="homeCtaPlayStore" class="tw-whitespace-nowrap">Google Play</span>
        </div>

        <div
            data-controller="atc"
            data-atc-l-value="xuggcf://nccf=pt=nccyr=pt=pbz/se/ncc/ertvbafwbo-rzcybv/vq408615037?zg=8f"
            data-atc-t-value="x_oynaxf"
            data-mobile-app-target="ios"
            class="tw-btn-primary-l tw-cursor-pointer">
            <svg class="tw-size-4">
                <use href="/svg/icons/apps/apple.svg"></use>
            </svg>
            <span data-cy="homeCtaAppleStore" class="tw-whitespace-nowrap">App Store</span>
        </div>
    </div>
</div>

    </div>
</section>


    <section class="tw-bg-pumpkin-50 tw-px-0 tw-py-12 sm:tw-py-24">
        

<div class="sm:tw-layout-grid tw-mb-12 sm:tw-mb-24">
    <h2 class="tw-typo-2xl sm:tw-typo-3xl tw-mb-6 sm:tw-mb-8 tw-ml-4 sm:tw-ml-0">Tout connaître<br><span class="tw-typo-2xl-bold sm:tw-typo-3xl-bold">du monde de l'emploi</span></h2>
    <p class="tw-typo-long-l tw-ml-4 sm:tw-ml-0 tw-mr-4 sm:tw-mr-0" >Plongez dans l’actualité de l’emploi, découvrez nos conseils pour décrocher votre job idéal, vous épanouir au travail, et accédez aux clés pour booster votre vie professionnelle.</p>
    
    <div class="tw-flex sm:tw-flex-wrap tw-gap-6 sm:tw-gap-8 2xl:tw-justify-between tw-pt-8 sm:tw-pt-12 sm:tw-snap-none tw-snap-x tw-snap-mandatory tw-overflow-x-auto sm:tw-overflow-visible tw-hidden-scrollbar">
        <div class="tw-snap-start tw-min-w-fit  tw-pl-4 sm:tw-pl-0">
            <div class="tw-relative tw-flex tw-cursor-pointer tw-rounded-full tw-bg-white tw-pl-4 tw-pr-6 tw-py-3 tw-gap-4 tw-items-center tw-bordertw-typo-m hover:tw-opacity-70">
                <div class="tw-rounded-full tw-bg-pumpkin-50 tw-p-3.5">
                    <svg
                        class="tw-size-4 tw-text-pumpkin-400">
                        <use href="/svg/icons/search.svg#search-active"></use>
                    </svg>
                </div>
                <a href="/fr-fr/media/categorie_trouver-job.html" class="tw-no-underline tw-forwarder"  title="Trouver un job">
                    Trouver un job
                </a>
            </div>
        </div>

        <div class="tw-snap-start tw-min-w-fit">
            <div class="tw-relative tw-flex tw-cursor-pointer tw-rounded-full tw-bg-white tw-pl-4 tw-pr-6 tw-py-3 tw-gap-4 tw-items-center tw-bordertw-typo-m hover:tw-opacity-70">
                <div class="tw-rounded-full tw-bg-pumpkin-50 tw-p-3.5">
                    <svg 
                        class="tw-size-4 tw-text-pumpkin-400" 
                        data-controller="cross-origin-svg" 
                        data-cross-origin-svg-url-value="https://f.hellowork.com/hellowork/ressources/2.35.4/images/svg/icons/heart.svg"
                    ></svg>
                </div>
                <a href="/fr-fr/media/categorie_etre-bien-travail.html" class="tw-no-underline tw-forwarder" title="Être bien au travail">
                    Être bien au travail
                </a>
            </div>
        </div>

        <div class="tw-snap-start tw-min-w-fit">
            <div class="tw-relative tw-flex tw-cursor-pointer tw-rounded-full tw-bg-white tw-pl-4 tw-pr-6 tw-py-3 tw-gap-4 tw-items-center tw-bordertw-typo-m hover:tw-opacity-70">
                <div class="tw-rounded-full tw-bg-pumpkin-50 tw-p-3.5">
                    <svg class="tw-size-4 tw-text-pumpkin-400">
                        <use href="/svg/domains/developpement-personnel.svg#developpement-personnel"></use>
                    </svg>
                </div>
                <a href="/fr-fr/media/categorie_evoluer-vie-pro.html" class="tw-no-underline tw-forwarder" title="Évoluer dans sa vie pro">
                    Évoluer dans sa vie pro
                </a>
            </div>
        </div>

        <div class="tw-snap-start tw-min-w-fit tw-pr-4 sm:tw-pr-0">
            <div class="tw-relative tw-flex tw-cursor-pointer tw-rounded-full tw-bg-white tw-pl-4 tw-pr-6 tw-py-3 tw-gap-4 tw-items-center tw-bordertw-typo-m hover:tw-opacity-70">
                <div class="tw-rounded-full tw-bg-pumpkin-50 tw-p-3.5">
                    <svg class="tw-size-4 tw-text-pumpkin-400">
                        <use href="/svg/domains/pub.svg#pub"></use>
                    </svg>
                </div>
                <a href="/fr-fr/media/categorie_suivre-actu-emploi.html" class="tw-no-underline tw-forwarder" title="Suivre l’actu de l’emploi">
                    Suivre l’actu de l’emploi
                </a>
            </div>
        </div>
    </div>
</div>

            <section class="tw-layout-grid tw-mb-12 sm:tw-mb-24">
                <div class="tw-layout-inner-grid">
                    <div class="tw-col-span-full sm:tw-flex sm:tw-flex-wrap">
                        <div class="tw-typo-xl sm:tw-typo-2xl tw-mb-4 sm:tw-mb-8 sm:tw-mr-auto sm:tw-w-3/4">
                            <span class="tw-block">Nos articles</span>
                            <span>fraîchement sortis</span>
                        </div>
                        

        <div class="tw-contents"
             data-controller="carousel"
             data-action="carousel:swipeLeft->carousel#next carousel:swipeRight->carousel#previous"
             data-carousel-nb-elements-per-page-value="3"
             data-carousel-select-class="tw-w-6 !tw-bg-black"
        >
            <div data-action="scroll->carousel#dispatchSwipeDirection" 
                 data-carousel-target="itemsContainer"
                 class="tw-flex
                        tw-gap-x-0
                        sm:tw-gap-x-8
                        tw-snap-x 
                        tw-snap-mandatory 
                        tw-overflow-x-auto 
                        tw-hidden-scrollbar 
                        tw-pb-6 
                        tw-relative 
                        tw-left-1/2 
                        sm:tw-left-auto
                        tw-right-1/2 
                        sm:tw-right-auto
                        -tw-ml-[50vw] 
                        sm:tw-ml-0 
                        -tw-mr-[50vw] 
                        sm:tw-mr-0 
                        tw-w-screen
                        sm:tw-w-auto"
            >
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="1"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div
    class="tw-group tw-cursor-pointer tw-w-full tw-h-full "
    data-controller="action-forwarder"
>
    <div class="
        tw-flex
        tw-flex-col
        tw-p-6
        sm:tw-max-w-[352px]
        tw-bg-white
        tw-rounded-sm
        tw-border
        tw-border-grey-100
        tw-w-full
        tw-h-full
        hover:tw-scale-95
        tw-transition-transform
        tw-duration-500
        focus-within:tw-outline
        focus-within:tw-scale-95
        large-group:tw-max-w-none
        lg:large-group:tw-flex-row
        lg:large-group:tw-pr-0
        tw-relative
        "
    >
        <div class="
            tw-h-[8.75rem]
            lg:large-group:tw-h-[12.5rem]
            lg:large-group:tw-min-w-[200px]
            lg:large-group:tw-w-1/2"
        >
                <img
                    alt=""
                    
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top tw-rounded-xs"
                    src="https://f.hellowork.com/edito/sites/3/2026/04/louise_spie-768x398.jpg"
                />
           
        </div>
        <div class="
            tw-flex
            tw-flex-col
            tw-mt-4
            tw-h-full
            lg:large-group:tw-mt-0
            lg:large-group:tw-mx-8
            lg:large-group:tw-w-1/2"
        >

            <div class="
                tw-flex
                tw-justify-between
                tw-h-full
                tw-items-end
                lg:large-group:tw-justify-center
                lg:large-group:tw-flex-col
                lg:large-group:tw-items-start"
            >
                    <a 
                        href="/fr-fr/medias/responsable-affaires-alternance.html"
                        class="tw-link-text hocus:tw-no-underline tw-self-start tw-typo-m tw-mr-4 tw-forwarder tw-mb-auto"
                        title="Louise, responsable d&#x27;affaires chez SPIE Building Solutions : &quot; Si c&#x2019;&#xE9;tait &#xE0; refaire, je commencerais l&#x2019;alternance encore plus t&#xF4;t !&quot;"
                        
                    >
                        Louise, responsable d&#x27;affaires chez SPIE Building Solutions : &quot; Si c&#x2019;&#xE9;tait &#xE0; refaire, je commencerais l&#x2019;alternance encore plus t&#xF4;t !&quot;
                    </a>

                <button 
                    class="tw-btn-icon-primary-l lg:large-group:tw-hidden tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
                    aria-label="Aller sur l'article Louise, responsable d&#x27;affaires chez SPIE Building Solutions : &quot; Si c&#x2019;&#xE9;tait &#xE0; refaire, je commencerais l&#x2019;alternance encore plus t&#xF4;t !&quot;"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
                    </svg>
                </button>
                <button 
                    class="tw-btn-primary-l tw-hidden lg:large-group:tw-block tw-text-white group-hover:tw-opacity-70 tw-mt-6"
                    aria-label="Aller sur l'article Louise, responsable d&#x27;affaires chez SPIE Building Solutions : &quot; Si c&#x2019;&#xE9;tait &#xE0; refaire, je commencerais l&#x2019;alternance encore plus t&#xF4;t !&quot;"
                >
                    Lire l'article
                </button>
            </div>
        </div>
    </div>
</div>
                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="2"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div
    class="tw-group tw-cursor-pointer tw-w-full tw-h-full "
    data-controller="action-forwarder"
>
    <div class="
        tw-flex
        tw-flex-col
        tw-p-6
        sm:tw-max-w-[352px]
        tw-bg-white
        tw-rounded-sm
        tw-border
        tw-border-grey-100
        tw-w-full
        tw-h-full
        hover:tw-scale-95
        tw-transition-transform
        tw-duration-500
        focus-within:tw-outline
        focus-within:tw-scale-95
        large-group:tw-max-w-none
        lg:large-group:tw-flex-row
        lg:large-group:tw-pr-0
        tw-relative
        "
    >
        <div class="
            tw-h-[8.75rem]
            lg:large-group:tw-h-[12.5rem]
            lg:large-group:tw-min-w-[200px]
            lg:large-group:tw-w-1/2"
        >
                <img
                    alt=""
                    
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top tw-rounded-xs"
                    src="https://f.hellowork.com/edito/sites/3/2026/04/cdd-vs-interim-768x402.png"
                />
           
        </div>
        <div class="
            tw-flex
            tw-flex-col
            tw-mt-4
            tw-h-full
            lg:large-group:tw-mt-0
            lg:large-group:tw-mx-8
            lg:large-group:tw-w-1/2"
        >

            <div class="
                tw-flex
                tw-justify-between
                tw-h-full
                tw-items-end
                lg:large-group:tw-justify-center
                lg:large-group:tw-flex-col
                lg:large-group:tw-items-start"
            >
                    <a 
                        href="/fr-fr/medias/cdd-vs-interim-comparatif-complet-choisir.html"
                        class="tw-link-text hocus:tw-no-underline tw-self-start tw-typo-m tw-mr-4 tw-forwarder tw-mb-auto"
                        title="CDD vs Int&#xE9;rim : le comparatif complet pour choisir"
                        
                    >
                        CDD vs Int&#xE9;rim : le comparatif complet pour choisir
                    </a>

                <button 
                    class="tw-btn-icon-primary-l lg:large-group:tw-hidden tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
                    aria-label="Aller sur l'article CDD vs Int&#xE9;rim : le comparatif complet pour choisir"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
                    </svg>
                </button>
                <button 
                    class="tw-btn-primary-l tw-hidden lg:large-group:tw-block tw-text-white group-hover:tw-opacity-70 tw-mt-6"
                    aria-label="Aller sur l'article CDD vs Int&#xE9;rim : le comparatif complet pour choisir"
                >
                    Lire l'article
                </button>
            </div>
        </div>
    </div>
</div>
                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="3"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div
    class="tw-group tw-cursor-pointer tw-w-full tw-h-full "
    data-controller="action-forwarder"
>
    <div class="
        tw-flex
        tw-flex-col
        tw-p-6
        sm:tw-max-w-[352px]
        tw-bg-white
        tw-rounded-sm
        tw-border
        tw-border-grey-100
        tw-w-full
        tw-h-full
        hover:tw-scale-95
        tw-transition-transform
        tw-duration-500
        focus-within:tw-outline
        focus-within:tw-scale-95
        large-group:tw-max-w-none
        lg:large-group:tw-flex-row
        lg:large-group:tw-pr-0
        tw-relative
        "
    >
        <div class="
            tw-h-[8.75rem]
            lg:large-group:tw-h-[12.5rem]
            lg:large-group:tw-min-w-[200px]
            lg:large-group:tw-w-1/2"
        >
                <img
                    alt=""
                    
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top tw-rounded-xs"
                    src="https://f.hellowork.com/edito/sites/3/2026/04/prix-carburant-aides-768x384.jpg"
                />
           
        </div>
        <div class="
            tw-flex
            tw-flex-col
            tw-mt-4
            tw-h-full
            lg:large-group:tw-mt-0
            lg:large-group:tw-mx-8
            lg:large-group:tw-w-1/2"
        >

            <div class="
                tw-flex
                tw-justify-between
                tw-h-full
                tw-items-end
                lg:large-group:tw-justify-center
                lg:large-group:tw-flex-col
                lg:large-group:tw-items-start"
            >
                    <a 
                        href="/fr-fr/medias/aides-prix-carburant-professionnels.html"
                        class="tw-link-text hocus:tw-no-underline tw-self-start tw-typo-m tw-mr-4 tw-forwarder tw-mb-auto"
                        title="Au travail ou en recherche d&#x2019;emploi&#xA0;: &#xEA;tes-vous concern&#xE9; par les aides sur les prix du carburant&#xA0;?"
                        
                    >
                        Au travail ou en recherche d&#x2019;emploi&#xA0;: &#xEA;tes-vous concern&#xE9; par les aides sur les prix du carburant&#xA0;?
                    </a>

                <button 
                    class="tw-btn-icon-primary-l lg:large-group:tw-hidden tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
                    aria-label="Aller sur l'article Au travail ou en recherche d&#x2019;emploi&#xA0;: &#xEA;tes-vous concern&#xE9; par les aides sur les prix du carburant&#xA0;?"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
                    </svg>
                </button>
                <button 
                    class="tw-btn-primary-l tw-hidden lg:large-group:tw-block tw-text-white group-hover:tw-opacity-70 tw-mt-6"
                    aria-label="Aller sur l'article Au travail ou en recherche d&#x2019;emploi&#xA0;: &#xEA;tes-vous concern&#xE9; par les aides sur les prix du carburant&#xA0;?"
                >
                    Lire l'article
                </button>
            </div>
        </div>
    </div>
</div>
                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="4"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div
    class="tw-group tw-cursor-pointer tw-w-full tw-h-full "
    data-controller="action-forwarder"
>
    <div class="
        tw-flex
        tw-flex-col
        tw-p-6
        sm:tw-max-w-[352px]
        tw-bg-white
        tw-rounded-sm
        tw-border
        tw-border-grey-100
        tw-w-full
        tw-h-full
        hover:tw-scale-95
        tw-transition-transform
        tw-duration-500
        focus-within:tw-outline
        focus-within:tw-scale-95
        large-group:tw-max-w-none
        lg:large-group:tw-flex-row
        lg:large-group:tw-pr-0
        tw-relative
        "
    >
        <div class="
            tw-h-[8.75rem]
            lg:large-group:tw-h-[12.5rem]
            lg:large-group:tw-min-w-[200px]
            lg:large-group:tw-w-1/2"
        >
                <img
                    alt=""
                    
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top tw-rounded-xs"
                    src="https://f.hellowork.com/edito/sites/3/2026/04/abandon-cdd-768x402.png"
                />
           
        </div>
        <div class="
            tw-flex
            tw-flex-col
            tw-mt-4
            tw-h-full
            lg:large-group:tw-mt-0
            lg:large-group:tw-mx-8
            lg:large-group:tw-w-1/2"
        >

            <div class="
                tw-flex
                tw-justify-between
                tw-h-full
                tw-items-end
                lg:large-group:tw-justify-center
                lg:large-group:tw-flex-col
                lg:large-group:tw-items-start"
            >
                    <a 
                        href="/fr-fr/medias/que-se-passe-t-il-si-jabandonne-mon-poste-en-cdd.html"
                        class="tw-link-text hocus:tw-no-underline tw-self-start tw-typo-m tw-mr-4 tw-forwarder tw-mb-auto"
                        title="Que se passe-t-il si j&#x27;abandonne mon poste en CDD ?"
                        
                    >
                        Que se passe-t-il si j&#x27;abandonne mon poste en CDD ?
                    </a>

                <button 
                    class="tw-btn-icon-primary-l lg:large-group:tw-hidden tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
                    aria-label="Aller sur l'article Que se passe-t-il si j&#x27;abandonne mon poste en CDD ?"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
                    </svg>
                </button>
                <button 
                    class="tw-btn-primary-l tw-hidden lg:large-group:tw-block tw-text-white group-hover:tw-opacity-70 tw-mt-6"
                    aria-label="Aller sur l'article Que se passe-t-il si j&#x27;abandonne mon poste en CDD ?"
                >
                    Lire l'article
                </button>
            </div>
        </div>
    </div>
</div>
                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="5"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div
    class="tw-group tw-cursor-pointer tw-w-full tw-h-full "
    data-controller="action-forwarder"
>
    <div class="
        tw-flex
        tw-flex-col
        tw-p-6
        sm:tw-max-w-[352px]
        tw-bg-white
        tw-rounded-sm
        tw-border
        tw-border-grey-100
        tw-w-full
        tw-h-full
        hover:tw-scale-95
        tw-transition-transform
        tw-duration-500
        focus-within:tw-outline
        focus-within:tw-scale-95
        large-group:tw-max-w-none
        lg:large-group:tw-flex-row
        lg:large-group:tw-pr-0
        tw-relative
        "
    >
        <div class="
            tw-h-[8.75rem]
            lg:large-group:tw-h-[12.5rem]
            lg:large-group:tw-min-w-[200px]
            lg:large-group:tw-w-1/2"
        >
                <img
                    alt=""
                    
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top tw-rounded-xs"
                    src="https://f.hellowork.com/edito/sites/3/2026/04/formation-IA-salaries-768x362.jpg"
                />
           
        </div>
        <div class="
            tw-flex
            tw-flex-col
            tw-mt-4
            tw-h-full
            lg:large-group:tw-mt-0
            lg:large-group:tw-mx-8
            lg:large-group:tw-w-1/2"
        >

            <div class="
                tw-flex
                tw-justify-between
                tw-h-full
                tw-items-end
                lg:large-group:tw-justify-center
                lg:large-group:tw-flex-col
                lg:large-group:tw-items-start"
            >
                    <a 
                        href="/fr-fr/medias/formation-intelligence-artificielle.html"
                        class="tw-link-text hocus:tw-no-underline tw-self-start tw-typo-m tw-mr-4 tw-forwarder tw-mb-auto"
                        title="De plus en plus de salari&#xE9;s convaincus de la n&#xE9;cessit&#xE9; de se former &#xE0; l&#x2019;intelligence artificielle"
                        
                    >
                        De plus en plus de salari&#xE9;s convaincus de la n&#xE9;cessit&#xE9; de se former &#xE0; l&#x2019;intelligence artificielle
                    </a>

                <button 
                    class="tw-btn-icon-primary-l lg:large-group:tw-hidden tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
                    aria-label="Aller sur l'article De plus en plus de salari&#xE9;s convaincus de la n&#xE9;cessit&#xE9; de se former &#xE0; l&#x2019;intelligence artificielle"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
                    </svg>
                </button>
                <button 
                    class="tw-btn-primary-l tw-hidden lg:large-group:tw-block tw-text-white group-hover:tw-opacity-70 tw-mt-6"
                    aria-label="Aller sur l'article De plus en plus de salari&#xE9;s convaincus de la n&#xE9;cessit&#xE9; de se former &#xE0; l&#x2019;intelligence artificielle"
                >
                    Lire l'article
                </button>
            </div>
        </div>
    </div>
</div>
                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="6"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div
    class="tw-group tw-cursor-pointer tw-w-full tw-h-full "
    data-controller="action-forwarder"
>
    <div class="
        tw-flex
        tw-flex-col
        tw-p-6
        sm:tw-max-w-[352px]
        tw-bg-white
        tw-rounded-sm
        tw-border
        tw-border-grey-100
        tw-w-full
        tw-h-full
        hover:tw-scale-95
        tw-transition-transform
        tw-duration-500
        focus-within:tw-outline
        focus-within:tw-scale-95
        large-group:tw-max-w-none
        lg:large-group:tw-flex-row
        lg:large-group:tw-pr-0
        tw-relative
        "
    >
        <div class="
            tw-h-[8.75rem]
            lg:large-group:tw-h-[12.5rem]
            lg:large-group:tw-min-w-[200px]
            lg:large-group:tw-w-1/2"
        >
                <img
                    alt=""
                    
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top tw-rounded-xs"
                    src="https://f.hellowork.com/edito/sites/3/2026/04/lettre-recommandation-stage-768x402.png"
                />
           
        </div>
        <div class="
            tw-flex
            tw-flex-col
            tw-mt-4
            tw-h-full
            lg:large-group:tw-mt-0
            lg:large-group:tw-mx-8
            lg:large-group:tw-w-1/2"
        >

            <div class="
                tw-flex
                tw-justify-between
                tw-h-full
                tw-items-end
                lg:large-group:tw-justify-center
                lg:large-group:tw-flex-col
                lg:large-group:tw-items-start"
            >
                    <a 
                        href="/fr-fr/medias/lettre-recommandation-stage-modeles-tuteur-prof-employeur.html"
                        class="tw-link-text hocus:tw-no-underline tw-self-start tw-typo-m tw-mr-4 tw-forwarder tw-mb-auto"
                        title="Lettre de recommandation pour un stage : 3 mod&#xE8;les pour un tuteur, un prof ou un employeur"
                        
                    >
                        Lettre de recommandation pour un stage : 3 mod&#xE8;les pour un tuteur, un prof ou un employeur
                    </a>

                <button 
                    class="tw-btn-icon-primary-l lg:large-group:tw-hidden tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
                    aria-label="Aller sur l'article Lettre de recommandation pour un stage : 3 mod&#xE8;les pour un tuteur, un prof ou un employeur"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
                    </svg>
                </button>
                <button 
                    class="tw-btn-primary-l tw-hidden lg:large-group:tw-block tw-text-white group-hover:tw-opacity-70 tw-mt-6"
                    aria-label="Aller sur l'article Lettre de recommandation pour un stage : 3 mod&#xE8;les pour un tuteur, un prof ou un employeur"
                >
                    Lire l'article
                </button>
            </div>
        </div>
    </div>
</div>
                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="7"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div
    class="tw-group tw-cursor-pointer tw-w-full tw-h-full "
    data-controller="action-forwarder"
>
    <div class="
        tw-flex
        tw-flex-col
        tw-p-6
        sm:tw-max-w-[352px]
        tw-bg-white
        tw-rounded-sm
        tw-border
        tw-border-grey-100
        tw-w-full
        tw-h-full
        hover:tw-scale-95
        tw-transition-transform
        tw-duration-500
        focus-within:tw-outline
        focus-within:tw-scale-95
        large-group:tw-max-w-none
        lg:large-group:tw-flex-row
        lg:large-group:tw-pr-0
        tw-relative
        "
    >
        <div class="
            tw-h-[8.75rem]
            lg:large-group:tw-h-[12.5rem]
            lg:large-group:tw-min-w-[200px]
            lg:large-group:tw-w-1/2"
        >
                <img
                    alt=""
                    
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top tw-rounded-xs"
                    src="https://f.hellowork.com/edito/sites/3/2026/04/image-2026-04-22T091524.096-768x384.png"
                />
           
        </div>
        <div class="
            tw-flex
            tw-flex-col
            tw-mt-4
            tw-h-full
            lg:large-group:tw-mt-0
            lg:large-group:tw-mx-8
            lg:large-group:tw-w-1/2"
        >

            <div class="
                tw-flex
                tw-justify-between
                tw-h-full
                tw-items-end
                lg:large-group:tw-justify-center
                lg:large-group:tw-flex-col
                lg:large-group:tw-items-start"
            >
                    <a 
                        href="/fr-fr/medias/competences-soft-hard-skills-temoignages-recruteurs.html"
                        class="tw-link-text hocus:tw-no-underline tw-self-start tw-typo-m tw-mr-4 tw-forwarder tw-mb-auto"
                        title="&#xC0; comp&#xE9;tences &#xE9;gales, que regardent vraiment les recruteurs ?"
                        
                    >
                        &#xC0; comp&#xE9;tences &#xE9;gales, que regardent vraiment les recruteurs ?
                    </a>

                <button 
                    class="tw-btn-icon-primary-l lg:large-group:tw-hidden tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
                    aria-label="Aller sur l'article &#xC0; comp&#xE9;tences &#xE9;gales, que regardent vraiment les recruteurs ?"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
                    </svg>
                </button>
                <button 
                    class="tw-btn-primary-l tw-hidden lg:large-group:tw-block tw-text-white group-hover:tw-opacity-70 tw-mt-6"
                    aria-label="Aller sur l'article &#xC0; comp&#xE9;tences &#xE9;gales, que regardent vraiment les recruteurs ?"
                >
                    Lire l'article
                </button>
            </div>
        </div>
    </div>
</div>
                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="8"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div
    class="tw-group tw-cursor-pointer tw-w-full tw-h-full "
    data-controller="action-forwarder"
>
    <div class="
        tw-flex
        tw-flex-col
        tw-p-6
        sm:tw-max-w-[352px]
        tw-bg-white
        tw-rounded-sm
        tw-border
        tw-border-grey-100
        tw-w-full
        tw-h-full
        hover:tw-scale-95
        tw-transition-transform
        tw-duration-500
        focus-within:tw-outline
        focus-within:tw-scale-95
        large-group:tw-max-w-none
        lg:large-group:tw-flex-row
        lg:large-group:tw-pr-0
        tw-relative
        "
    >
        <div class="
            tw-h-[8.75rem]
            lg:large-group:tw-h-[12.5rem]
            lg:large-group:tw-min-w-[200px]
            lg:large-group:tw-w-1/2"
        >
                <img
                    alt=""
                    
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top tw-rounded-xs"
                    src="https://f.hellowork.com/edito/sites/3/2026/04/recrutement-2026-ete-768x384.jpg"
                />
           
        </div>
        <div class="
            tw-flex
            tw-flex-col
            tw-mt-4
            tw-h-full
            lg:large-group:tw-mt-0
            lg:large-group:tw-mx-8
            lg:large-group:tw-w-1/2"
        >

            <div class="
                tw-flex
                tw-justify-between
                tw-h-full
                tw-items-end
                lg:large-group:tw-justify-center
                lg:large-group:tw-flex-col
                lg:large-group:tw-items-start"
            >
                    <a 
                        href="/fr-fr/medias/recrutements-2026-secteurs.html"
                        class="tw-link-text hocus:tw-no-underline tw-self-start tw-typo-m tw-mr-4 tw-forwarder tw-mb-auto"
                        title="Recrutements 2026&#xA0;: vers quels secteurs s&#x2019;orienter pour trouver un emploi d&#x27;ici l&#x27;&#xE9;t&#xE9; ?"
                        
                    >
                        Recrutements 2026&#xA0;: vers quels secteurs s&#x2019;orienter pour trouver un emploi d&#x27;ici l&#x27;&#xE9;t&#xE9; ?
                    </a>

                <button 
                    class="tw-btn-icon-primary-l lg:large-group:tw-hidden tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
                    aria-label="Aller sur l'article Recrutements 2026&#xA0;: vers quels secteurs s&#x2019;orienter pour trouver un emploi d&#x27;ici l&#x27;&#xE9;t&#xE9; ?"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
                    </svg>
                </button>
                <button 
                    class="tw-btn-primary-l tw-hidden lg:large-group:tw-block tw-text-white group-hover:tw-opacity-70 tw-mt-6"
                    aria-label="Aller sur l'article Recrutements 2026&#xA0;: vers quels secteurs s&#x2019;orienter pour trouver un emploi d&#x27;ici l&#x27;&#xE9;t&#xE9; ?"
                >
                    Lire l'article
                </button>
            </div>
        </div>
    </div>
</div>
                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(33.33%-21.33px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="9"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div
    class="tw-group tw-cursor-pointer tw-w-full tw-h-full "
    data-controller="action-forwarder"
>
    <div class="
        tw-flex
        tw-flex-col
        tw-p-6
        sm:tw-max-w-[352px]
        tw-bg-white
        tw-rounded-sm
        tw-border
        tw-border-grey-100
        tw-w-full
        tw-h-full
        hover:tw-scale-95
        tw-transition-transform
        tw-duration-500
        focus-within:tw-outline
        focus-within:tw-scale-95
        large-group:tw-max-w-none
        lg:large-group:tw-flex-row
        lg:large-group:tw-pr-0
        tw-relative
        "
    >
        <div class="
            tw-h-[8.75rem]
            lg:large-group:tw-h-[12.5rem]
            lg:large-group:tw-min-w-[200px]
            lg:large-group:tw-w-1/2"
        >
                <img
                    alt=""
                    
                    loading="lazy"
                    class="tw-skeleton tw-w-full tw-h-full tw-object-cover tw-object-top tw-rounded-xs"
                    src="https://f.hellowork.com/edito/sites/3/2026/04/sante-mentale-travail-attachement-768x384.jpg"
                />
           
        </div>
        <div class="
            tw-flex
            tw-flex-col
            tw-mt-4
            tw-h-full
            lg:large-group:tw-mt-0
            lg:large-group:tw-mx-8
            lg:large-group:tw-w-1/2"
        >

            <div class="
                tw-flex
                tw-justify-between
                tw-h-full
                tw-items-end
                lg:large-group:tw-justify-center
                lg:large-group:tw-flex-col
                lg:large-group:tw-items-start"
            >
                    <a 
                        href="/fr-fr/medias/sante-mentale-travail-theorie-attachement.html"
                        class="tw-link-text hocus:tw-no-underline tw-self-start tw-typo-m tw-mr-4 tw-forwarder tw-mb-auto"
                        title="Sant&#xE9; mentale au travail&#xA0;: cette th&#xE9;orie explique pourquoi on ne r&#xE9;agit pas tous pareil face aux difficult&#xE9;s !"
                        
                    >
                        Sant&#xE9; mentale au travail&#xA0;: cette th&#xE9;orie explique pourquoi on ne r&#xE9;agit pas tous pareil face aux difficult&#xE9;s !
                    </a>

                <button 
                    class="tw-btn-icon-primary-l lg:large-group:tw-hidden tw-text-white tw-shrink-0 group-hover:tw-opacity-70"
                    aria-label="Aller sur l'article Sant&#xE9; mentale au travail&#xA0;: cette th&#xE9;orie explique pourquoi on ne r&#xE9;agit pas tous pareil face aux difficult&#xE9;s !"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/nav/arrow-full-right.svg#arrow-full-right"></use>
                    </svg>
                </button>
                <button 
                    class="tw-btn-primary-l tw-hidden lg:large-group:tw-block tw-text-white group-hover:tw-opacity-70 tw-mt-6"
                    aria-label="Aller sur l'article Sant&#xE9; mentale au travail&#xA0;: cette th&#xE9;orie explique pourquoi on ne r&#xE9;agit pas tous pareil face aux difficult&#xE9;s !"
                >
                    Lire l'article
                </button>
            </div>
        </div>
    </div>
</div>
                    </div>
            </div> 
            
            <div class="tw-flex tw-items-center tw-justify-between tw-w-full ">
                <button class="tw-btn-icon-secondary-outline-l disabled:tw-opacity-30 disabled:tw-pointer-events-none"
                        data-action="carousel#previous click->analytics#push"
                        data-carousel-target="buttonPrev"
                        disabled
                        data-analytics-values-param=""
                        aria-label="Élément précédent"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/arrow.svg#left"></use>
                    </svg>
                </button>
                
                <div class="tw-flex tw-gap-2 sm:tw-gap-x-0">
                    <ul class="tw-flex sm:tw-hidden tw-gap-2"
                        data-carousel-target="paginationMobile"
                        role="tablist"
                        aria-label="Pages du carrousel"
                    >
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 1 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 2 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 3 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 4 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 5 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 6 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 7 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 8 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 9 sur Model.ContentModel.Count">
                            </li>
                    </ul>
                    
                    <ul class="tw-hidden sm:tw-flex tw-gap-2" 
                        data-carousel-target="paginationDesktop"
                        role="tablist"
                        aria-label="Pages du carrousel"
                    >
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 1 sur 9">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 2 sur 9">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 3 sur 9">
                            </li>
                    </ul>
                </div>

                <button class="tw-btn-icon-secondary-outline-l disabled:tw-opacity-30 disabled:tw-pointer-events-none"
                        data-action="carousel#next click->analytics#push"
                        data-carousel-target="buttonNext"
                        data-analytics-values-param=""
                        aria-label="Élément suivant"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/arrow.svg#right"></use>
                    </svg>
                </button>
            </div>
        </div>

                    </div>
                </div>
                <a
                    href="/fr-fr/media.html"
                    title="Médias Emploi"
                    class="tw-mt-6 tw-w-fit tw-btn-secondary-l sm:tw-btn-secondary-xl tw-typo-s sm:typo-m"
                >
                    Voir toutes les actualités
                </a>
            </section>


    <div class="tw-layout-grid">
        <div class="tw-layout-inner-grid tw-items-center tw-gap-x-0">
            <span class="tw-text-black tw-typo-xl sm:tw-typo-2xl tw-col-span-2 sm:tw-col-span-4 lg:tw-col-span-3 sm:tw-pr-8 tw-pb-6 sm:tw-pb-0 tw-border-b sm:tw-border-b-0 ">Les sujets les plus populaires</span>
            <ul class="tw-flex tw-gap-4 tw-flex-wrap tw-col-span-full sm:tw-col-span-8 lg:tw-col-span-9 tw-pt-6 sm:tw-pt-0 sm:tw-border-l sm:tw-pl-8">
                    <li><a href="/fr-fr/media/tag_droit-travail.html" title="Droit du travail" class="tw-tag-edito tw-typo-xs tw-uppercase">Droit du travail</a></li>
                    <li><a href="/fr-fr/media/tag_contrat-travail.html" title="Contrat de travail" class="tw-tag-edito tw-typo-xs tw-uppercase">Contrat de travail</a></li>
                    <li><a href="/fr-fr/media/tag_temoignages.html" title="T&#xE9;moignages" class="tw-tag-edito tw-typo-xs tw-uppercase">T&#xE9;moignages</a></li>
                    <li><a href="/fr-fr/media/tag_alternance.html" title="Alternance" class="tw-tag-edito tw-typo-xs tw-uppercase">Alternance</a></li>
                    <li><a href="/fr-fr/media/tag_stage.html" title="Stage" class="tw-tag-edito tw-typo-xs tw-uppercase">Stage</a></li>
                    <li><a href="/fr-fr/media/tag_competences.html" title="Comp&#xE9;tences" class="tw-tag-edito tw-typo-xs tw-uppercase">Comp&#xE9;tences</a></li>
                    <li><a href="/fr-fr/media/tag_data.html" title="Data" class="tw-tag-edito tw-typo-xs tw-uppercase">Data</a></li>
                    <li><a href="/fr-fr/media/tag_entretien.html" title="Entretien" class="tw-tag-edito tw-typo-xs tw-uppercase">Entretien</a></li>
                    <li><a href="/fr-fr/media/tag_salaire.html" title="Salaire" class="tw-tag-edito tw-typo-xs tw-uppercase">Salaire</a></li>
                    <li><a href="/fr-fr/media/tag_opportunites.html" title="Opportunit&#xE9;s" class="tw-tag-edito tw-typo-xs tw-uppercase">Opportunit&#xE9;s</a></li>
            </ul>
        </div>
    </div>
    </section>

    <section class="tw-layout-grid tw-py-12 sm:tw-py-24 tw-mb-12 sm:tw-mb-24">
        <div class="tw-layout-inner-grid">
            <div class="tw-col-span-full sm:tw-flex sm:tw-flex-wrap">
                <div class="tw-mb-4 sm:tw-mb-8 sm:tw-mr-auto sm:tw-w-3/4">
                    <h2 class="tw-typo-2xl sm:tw-typo-3xl">
                        Les outils pour
                        <span class="tw-block tw-typo-2xl-bold sm:tw-typo-3xl-bold">trouver votre job</span>
                    </h2>
                </div>
                

        <div class="tw-contents"
             data-controller="carousel"
             data-action="carousel:swipeLeft->carousel#next carousel:swipeRight->carousel#previous"
             data-carousel-nb-elements-per-page-value="2"
             data-carousel-select-class="tw-w-6 !tw-bg-black"
        >
            <div data-action="scroll->carousel#dispatchSwipeDirection" 
                 data-carousel-target="itemsContainer"
                 class="tw-flex
                        tw-gap-x-0
                        sm:tw-gap-x-8
                        tw-snap-x 
                        tw-snap-mandatory 
                        tw-overflow-x-auto 
                        tw-hidden-scrollbar 
                        tw-pb-6 
                        tw-relative 
                        tw-left-1/2 
                        sm:tw-left-auto
                        tw-right-1/2 
                        sm:tw-right-auto
                        -tw-ml-[50vw] 
                        sm:tw-ml-0 
                        -tw-mr-[50vw] 
                        sm:tw-mr-0 
                        tw-w-screen
                        sm:tw-w-auto"
            >
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(50%-16px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="1"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div class="tw-flex tw-flex-col tw-h-full">
        <figure class="tw-h-full tw-col-span-full tw-flex tw-self-center 2xl:tw-mx-14 lg:tw-mx-6 tw-mx-2">
            <picture>
                <source 
                    media="(max-width: 768px)" 
                    srcset="
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/cv/cv_mobile-x1.webp,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/cv/cv_mobile-x2.webp 2x,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/cv/cv_mobile-x3.webp 3x,"
                    >
                <source 
                    media="(min-width: 769px)" 
                    srcset="
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/cv/cv_desk-x1.webp,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/cv/cv_desk-x2.webp 2x,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/cv/cv_desk-x3.webp 3x,"
                    >
                <img 
                    loading="lazy" 
                    src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/cv/cv_desk-x1.webp"
                    title="Modèle CV" 
                    alt="Exemple CV" 
                    class="tw-size-[260px] sm:tw-size-[360px] lg:tw-w-[400px] lg:tw-h-[384px]"
                />
            </picture>
        </figure>
        <div class="tw-mt-6 sm:tw-mt-8 tw-flex tw-flex-col tw-h-full tw-justify-between">
            <div>
                <p class="tw-typo-xl sm:tw-typo-2xl tw-flex tw-flex-col">
                    <span>
                        Créez votre CV
                    </span>
                    <span>
                        en ligne
                    </span>
                </p>
                <p class="tw-typo-long-m tw-mt-4">Faire un nouveau CV en quelques minutes ? C'est possible grâce à notre outil de création de CV en ligne gratuit.</p>
           </div>
            <a 
                href="/fr-fr/outil/cv.html"
                title="Créer un CV en ligne"
                data-action="click->analytics#push"
                data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;cta_click&quot;,&quot;event_info&quot;:&quot;[CV] - Home&quot;,&quot;cta&quot;:&quot;bouton&quot;,&quot;wording&quot;:&quot;Cr&#xE9;er mon CV&quot;}" 
                class="tw-w-fit tw-btn-outline-l tw-mt-6 focus-visible:tw-btn-primary-l tw-text-center">
                    Créer mon CV 
            </a>
        </div>
    </div>


                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(50%-16px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="2"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div class="tw-flex tw-flex-col tw-h-full">
        <figure class="tw-h-full tw-col-span-full tw-flex tw-self-center 2xl:tw-mx-14 lg:tw-mx-6 tw-mx-2">
            <picture>
                <source 
                    media="(max-width: 768px)" 
                    srcset="
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/coverLetter/lm_mobile.jpg,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/coverLetter/lm_mobile_x2.jpg 2x,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/coverLetter/lm_mobile_x3.jpg 3x,"
                    >
                <source 
                    media="(min-width: 769px)" 
                    srcset="
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/coverLetter/lm_desk.jpg,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/coverLetter/lm_desk_x2.jpg 2x,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/coverLetter/lm_desk_x3.jpg 3x,"
                    >
                <img 
                    loading="lazy" 
                    src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/coverLetter/lm_desk.jpg"
                    title="Modèle lettre de motivation" 
                    alt="Exemple lettre de motivation" 
                    class="tw-size-[260px] sm:tw-size-[360px] lg:tw-w-[400px] lg:tw-h-[384px]"
                />
            </picture>
        </figure>
        <div class="tw-mt-6 sm:tw-mt-8 tw-flex tw-flex-col tw-h-full tw-justify-between">
            <div>
                <p class="tw-typo-xl sm:tw-typo-2xl tw-flex tw-flex-col">
                    <span>
                        Créez votre lettre de 
                    </span>
                    <span>
                        motivation
                    </span>
                </p>
                <p class="tw-typo-long-m tw-mt-4">Découvrez tous nos conseils de rédaction et exemples de lettre de motivation.</p>
            </div>
            <a 
                href="/fr-fr/outil/lettre-motivation.html"
                title="Créer une lettre de motivation"
                data-action="analytics#push"
                data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;cta_click&quot;,&quot;event_info&quot;:&quot;[LettreMotivation] - Home&quot;,&quot;cta&quot;:&quot;bouton&quot;,&quot;wording&quot;:&quot;Cr&#xE9;er ma lettre de motivation&quot;}"
                class="tw-w-fit tw-btn-outline-l tw-mt-6 focus-visible:tw-btn-primary-l tw-text-center">
                    Créer ma lettre de motivation
            </a>
        </div>
    </div>


                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(50%-16px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="3"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div class="tw-flex tw-flex-col tw-h-full">
        <figure class="tw-h-full tw-col-span-full tw-flex tw-self-center 2xl:tw-mx-14 lg:tw-mx-6 tw-mx-2">
            <picture>
                <source 
                    media="(max-width: 768px)" 
                    srcset="
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/salary/salary_mobile.jpg,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/salary/salary_mobile_x2.jpg 2x,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/salary/salary_mobile_x3.jpg 3x,"
                    >
                <source 
                    media="(min-width: 769px)" 
                    srcset="
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/salary/salary_desk.jpg,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/salary/salary_desk_x2.jpg 2x,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/salary/salary_desk_x3.jpg 3x,"
                    >
                <img 
                    loading="lazy" 
                    src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/salary/salary_desk.jpg"
                    title="Calcul salaire brut net" 
                    alt="Salaire brut net" 
                    class="tw-size-[260px] sm:tw-size-[360px] lg:tw-w-[400px] lg:tw-h-[384px]"
                />
            </picture>
        </figure>
        <div class="tw-mt-6 sm:tw-mt-8 tw-flex tw-flex-col tw-h-full tw-justify-between">
            <div>
                <p class="tw-typo-xl sm:tw-typo-2xl tw-flex tw-flex-col">
                    <span>
                        Calculez votre salaire 
                    </span>
                    <span>
                        brut en net
                    </span>
                </p>
                <p class="tw-typo-long-m tw-mt-4">Convertissez facilement votre salaire annuel, mensuel ou horaire grâce à notre simulateur.</p>
            </div>
            <span 
                title="Calcul du salaire brut en net"
                data-controller="atc"
                data-atc-l-value="x/se-se/bhgvy/fnynver-oehg-arg=pt=ugzyf"
                data-analytics-values-param='{"event":"EventGeneric","EventCat":"Bouton","EventAction":"Redirection","EventLibelle":"[SalaireBrutNet] - Home","EventName":"module_salairebrutnet_click"}'
                data-action="analytics#push"  
                class="tw-w-fit tw-btn-outline-l tw-mt-6 focus-visible:tw-btn-primary-l">
                    Calculer mon salaire
            </span>
        </div>
    </div>


                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(50%-16px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="4"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div class="tw-flex tw-flex-col tw-h-full">
        <figure class="tw-h-full tw-col-span-full tw-flex tw-self-center 2xl:tw-mx-14 lg:tw-mx-6 tw-mx-2">
            <picture>
                <source 
                    media="(max-width: 768px)" 
                    srcset="
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/workingHours/wh_mobile.jpg,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/workingHours/wh_mobile_x2.jpg 2x,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/workingHours/wh_mobile_x3.jpg 3x,"
                    >
                <source 
                    media="(min-width: 769px)" 
                    srcset="
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/workingHours/wh_desk.jpg,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/workingHours/wh_desk_x2.jpg 2x,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/workingHours/wh_desk_x3.jpg 3x,"
                    >
                <img 
                    loading="lazy" 
                    src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/workingHours/wh_desk.jpg"
                    title="Calcul temps de travail" 
                    alt="Calcul heures de travail" 
                    class="tw-size-[260px] sm:tw-size-[360px] lg:tw-w-[400px] lg:tw-h-[384px]"
                />
            </picture>
        </figure>
        <div class="tw-mt-6 sm:tw-mt-8 tw-flex tw-flex-col tw-h-full tw-justify-between">
            <div>
                <p class="tw-typo-xl sm:tw-typo-2xl tw-flex tw-flex-col">
                    <span>
                        Calculez votre temps 
                    </span>
                    <span>
                        de travail
                    </span>
                </p>
                <p class="tw-typo-long-m tw-mt-4">Obtenez un calcul précis de votre temps de travail en quelques clics.</p>
            </div>
            <a 
                href="/fr-fr/outil/calcul-heure-travail.html"
                title="Calcul des heures de travail"
                data-action="analytics#push"
                data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;cta_click&quot;,&quot;event_info&quot;:&quot;[CalculTempsTravail] - Home&quot;,&quot;cta&quot;:&quot;bouton&quot;,&quot;wording&quot;:&quot;Calculer mon temps de travail&quot;}"
                class="tw-w-fit tw-btn-outline-l tw-mt-6 focus-visible:tw-btn-primary-l tw-text-center">
                    Calculer mon temps de travail
            </a>
        </div>
    </div>


                    </div>
                    <div 
                        class="tw-snap-start tw-min-w-[90%] sm:tw-min-w-[calc(50%-16px)] tw-pl-4 tw-pr-2 last:tw-pr-4 sm:tw-px-0 last:sm:tw-pr-0"
                        data-carousel-target="items"
                        data-carousel-item-id-param="5"
                        data-action="focusout->carousel#onFocusOut"
                    >
                        



<div class="tw-flex tw-flex-col tw-h-full">
        <figure class="tw-h-full tw-col-span-full tw-flex tw-self-center 2xl:tw-mx-14 lg:tw-mx-6 tw-mx-2">
            <picture>
                <source 
                    media="(max-width: 768px)" 
                    srcset="
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/interview/interview_mobile.jpg,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/interview/interview_mobile_x2.jpg 2x,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/interview/interview_mobile_x3.jpg 3x,"
                    >
                <source 
                    media="(min-width: 769px)" 
                    srcset="
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/interview/interview_desk.jpg,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/interview/interview_desk_x2.jpg 2x,
                            https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/interview/interview_desk_x3.jpg 3x,"
                    >
                <img 
                    loading="lazy" 
                    src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/tool/interview/interview_desk.jpg"
                    title="Préparation entretien d'embauche" 
                    alt="Simulateur entretien d'embauche" 
                    class="tw-size-[260px] sm:tw-size-[360px] lg:tw-w-[400px] lg:tw-h-[384px]" 
                />
            </picture>
        </figure>
        <div class="tw-mt-6 sm:tw-mt-8 tw-flex tw-flex-col tw-h-full tw-justify-between">
            <div>
                <p class="tw-typo-xl sm:tw-typo-2xl tw-flex tw-flex-col">
                    <span>
                        Préparez votre entretien
                    </span>
                    <span>
                        d'embauche
                    </span>
                </p>
                <p class="tw-typo-long-m tw-mt-4">Découvrez toutes les questions les plus posées en fonction de votre métier.</p>
            </div>
            <a 
                href="/fr-fr/outil/preparation-entretien.html"
                title="Réussir son entretien d'embauche"
                data-action="analytics#push"
                data-analytics-values-param="{&quot;event&quot;:&quot;generic&quot;,&quot;event_name&quot;:&quot;cta_click&quot;,&quot;event_info&quot;:&quot;[PreparerEntretien] - Home&quot;,&quot;cta&quot;:&quot;bouton&quot;,&quot;wording&quot;:&quot;Pr&#xE9;parer mon entretien&quot;}"
                class="tw-w-fit tw-btn-outline-l tw-mt-6 focus-visible:tw-btn-primary-l tw-text-center">
                    Préparer mon entretien
            </a>
        </div>
    </div>


                    </div>
            </div> 
            
            <div class="tw-flex tw-items-center tw-justify-between tw-w-full ">
                <button class="tw-btn-icon-secondary-outline-l disabled:tw-opacity-30 disabled:tw-pointer-events-none"
                        data-action="carousel#previous click->analytics#push"
                        data-carousel-target="buttonPrev"
                        disabled
                        data-analytics-values-param=""
                        aria-label="Élément précédent"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/arrow.svg#left"></use>
                    </svg>
                </button>
                
                <div class="tw-flex tw-gap-2 sm:tw-gap-x-0">
                    <ul class="tw-flex sm:tw-hidden tw-gap-2"
                        data-carousel-target="paginationMobile"
                        role="tablist"
                        aria-label="Pages du carrousel"
                    >
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 1 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 2 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 3 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 4 sur Model.ContentModel.Count">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 5 sur Model.ContentModel.Count">
                            </li>
                    </ul>
                    
                    <ul class="tw-hidden sm:tw-flex tw-gap-2" 
                        data-carousel-target="paginationDesktop"
                        role="tablist"
                        aria-label="Pages du carrousel"
                    >
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 1 sur 5">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 2 sur 5">
                            </li>
                            <li class="tw-w-2 tw-h-1 tw-rounded-sm tw-bg-grey-100"
                                role="tab"
                                aria-label="Page 3 sur 5">
                            </li>
                    </ul>
                </div>

                <button class="tw-btn-icon-secondary-outline-l disabled:tw-opacity-30 disabled:tw-pointer-events-none"
                        data-action="carousel#next click->analytics#push"
                        data-carousel-target="buttonNext"
                        data-analytics-values-param=""
                        aria-label="Élément suivant"
                >
                    <svg class="tw-size-4 tw-m-auto">
                        <use href="/svg/icons/arrow.svg#right"></use>
                    </svg>
                </button>
            </div>
        </div>

            </div>
        </div>
    </section>
    <section class="tw-layout-grid tw-mt-12 sm:tw-mt-24" aria-label="Métiers par domaine">
        <h2
            class="tw-typo-2xl sm:tw-typo-3xl tw-mb-6 sm:tw-mb-8"
        >
            On a classé
            <span
                class="tw-block tw-typo-2xl-bold sm:tw-typo-3xl-bold"
            >
                tous nos jobs !
            </span>
        </h2>
        

<div class="tw-layout-inner-grid tw-gap-y-6 tw-pb-6 sm:tw-pb-8 tw-border-b tw-border-grey-100">
        
        <div class="tw-col-span-4 sm:tw-col-span-6 lg:tw-col-span-3">
            


<div 
    class="
        tw-bg-purple-50
        hocus-within:tw-bg-purple-200
        tw-typo-xl
        tw-flex
        tw-flex-col
        tw-cursor-pointer
        hocus-within:tw-scale-95
        tw-transition-transform
        tw-duration-500
        tw-justify-between
        tw-rounded-sm
        tw-h-[170px]
        lg:tw-h-[200px]
        tw-p-6
        focus-within:tw-input-outline
        tw-relative
    "
>
    <svg class="tw-size-6 tw-text-purple-500">
        <use href="/svg/domains/commerce.svg#commerce"></use>
    </svg>
    <a
        href="/fr-fr/emploi/domaine_commerce.html"
        title="Emploi Commerce"
        aria-label="tous les emplois par Emploi Commerce"
        class="tw-no-underline focus-visible:tw-underline tw-outline-none tw-forwarder"
    >
        Emploi Commerce
    </a>
</div>
        </div>
        <div class="tw-col-span-4 sm:tw-col-span-6 lg:tw-col-span-3">
            


<div 
    class="
        tw-bg-purple-50
        hocus-within:tw-bg-purple-200
        tw-typo-xl
        tw-flex
        tw-flex-col
        tw-cursor-pointer
        hocus-within:tw-scale-95
        tw-transition-transform
        tw-duration-500
        tw-justify-between
        tw-rounded-sm
        tw-h-[170px]
        lg:tw-h-[200px]
        tw-p-6
        focus-within:tw-input-outline
        tw-relative
    "
>
    <svg class="tw-size-6 tw-text-purple-500">
        <use href="/svg/domains/distribution.svg#distribution"></use>
    </svg>
    <a
        href="/fr-fr/emploi/domaine_distribution.html"
        title="Emploi Distribution"
        aria-label="tous les emplois par Emploi Distribution"
        class="tw-no-underline focus-visible:tw-underline tw-outline-none tw-forwarder"
    >
        Emploi Distribution
    </a>
</div>
        </div>
        <div class="tw-col-span-4 sm:tw-col-span-6 lg:tw-col-span-3">
            


<div 
    class="
        tw-bg-purple-50
        hocus-within:tw-bg-purple-200
        tw-typo-xl
        tw-flex
        tw-flex-col
        tw-cursor-pointer
        hocus-within:tw-scale-95
        tw-transition-transform
        tw-duration-500
        tw-justify-between
        tw-rounded-sm
        tw-h-[170px]
        lg:tw-h-[200px]
        tw-p-6
        focus-within:tw-input-outline
        tw-relative
    "
>
    <svg class="tw-size-6 tw-text-purple-500">
        <use href="/svg/domains/comptabilite.svg#comptabilite"></use>
    </svg>
    <a
        href="/fr-fr/emploi/domaine_comptabilite.html"
        title="Emploi Comptabilit&#xE9;"
        aria-label="tous les emplois par Emploi Comptabilit&#xE9;"
        class="tw-no-underline focus-visible:tw-underline tw-outline-none tw-forwarder"
    >
        Emploi Comptabilit&#xE9;
    </a>
</div>
        </div>
        <div class="tw-col-span-4 sm:tw-col-span-6 lg:tw-col-span-3">
            


<div 
    class="
        tw-bg-purple-50
        hocus-within:tw-bg-purple-200
        tw-typo-xl
        tw-flex
        tw-flex-col
        tw-cursor-pointer
        hocus-within:tw-scale-95
        tw-transition-transform
        tw-duration-500
        tw-justify-between
        tw-rounded-sm
        tw-h-[170px]
        lg:tw-h-[200px]
        tw-p-6
        focus-within:tw-input-outline
        tw-relative
    "
>
    <svg class="tw-size-6 tw-text-purple-500">
        <use href="/svg/domains/ressources-humaines.svg#ressources-humaines"></use>
    </svg>
    <a
        href="/fr-fr/emploi/domaine_ressources-humaines.html"
        title="Emploi Ressources Humaines"
        aria-label="tous les emplois par Emploi Ressources Humaines"
        class="tw-no-underline focus-visible:tw-underline tw-outline-none tw-forwarder"
    >
        Emploi Ressources Humaines
    </a>
</div>
        </div>
</div>
<input type="checkbox" class="tw-hidden tw-peer" id="collapseDomainsList">
<ul
    class="tw-flex tw-flex-wrap tw-gap-3 tw-pt-6 sm:tw-pt-8 tw-pb-4"
    aria-label="listes d'emploi par domaines"
>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_achat.html" 
                title="Emploi Achat"
                class="tw-tag-secondary-s "
            >
                Achat
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_administratif.html" 
                title="Emploi Administratif"
                class="tw-tag-secondary-s "
            >
                Administratif
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_aeronautique.html" 
                title="Emploi Aeronautique"
                class="tw-tag-secondary-s "
            >
                Aeronautique
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_agricole.html" 
                title="Emploi Agricole"
                class="tw-tag-secondary-s "
            >
                Agricole
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_agroalimentaire.html" 
                title="Emploi Agroalimentaire"
                class="tw-tag-secondary-s "
            >
                Agroalimentaire
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_animalier.html" 
                title="Emploi Animalier"
                class="tw-tag-secondary-s "
            >
                Animalier
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_architecture.html" 
                title="Emploi Architecture"
                class="tw-tag-secondary-s "
            >
                Architecture
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_artisanat.html" 
                title="Emploi Artisanat"
                class="tw-tag-secondary-s "
            >
                Artisanat
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_assurance.html" 
                title="Emploi Assurance"
                class="tw-tag-secondary-s "
            >
                Assurance
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_audiovisuel.html" 
                title="Emploi Audiovisuel"
                class="tw-tag-secondary-s "
            >
                Audiovisuel
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_audit.html" 
                title="Emploi Audit"
                class="tw-tag-secondary-s "
            >
                Audit
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_automobile.html" 
                title="Emploi Automobile"
                class="tw-tag-secondary-s "
            >
                Automobile
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_banque.html" 
                title="Emploi Banque"
                class="tw-tag-secondary-s "
            >
                Banque
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_beaute.html" 
                title="Emploi Beaut&#xE9;"
                class="tw-tag-secondary-s "
            >
                Beaut&#xE9;
            </a>
        </li>
        <li class="">
            <a 
                href="/fr-fr/emploi/domaine_biotechnologie.html" 
                title="Emploi Biotechnologie"
                class="tw-tag-secondary-s "
            >
                Biotechnologie
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_btp.html" 
                title="Emploi BTP"
                class="tw-tag-secondary-s "
            >
                BTP
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_chimie.html" 
                title="Emploi Chimie"
                class="tw-tag-secondary-s "
            >
                Chimie
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_communication.html" 
                title="Emploi Communication"
                class="tw-tag-secondary-s "
            >
                Communication
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_culture.html" 
                title="Emploi Culture"
                class="tw-tag-secondary-s "
            >
                Culture
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_data-et-ia.html" 
                title="Emploi Data et IA"
                class="tw-tag-secondary-s "
            >
                Data et IA
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_defense.html" 
                title="Emploi D&#xE9;fense"
                class="tw-tag-secondary-s "
            >
                D&#xE9;fense
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_direction.html" 
                title="Emploi Direction"
                class="tw-tag-secondary-s "
            >
                Direction
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_edition.html" 
                title="Emploi Edition"
                class="tw-tag-secondary-s "
            >
                Edition
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_electronique.html" 
                title="Emploi Electronique"
                class="tw-tag-secondary-s "
            >
                Electronique
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_energie.html" 
                title="Emploi Energie"
                class="tw-tag-secondary-s "
            >
                Energie
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_enseignement.html" 
                title="Emploi Enseignement"
                class="tw-tag-secondary-s "
            >
                Enseignement
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_environnement.html" 
                title="Emploi Environnement"
                class="tw-tag-secondary-s "
            >
                Environnement
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_ferroviaire.html" 
                title="Emploi Ferroviaire"
                class="tw-tag-secondary-s "
            >
                Ferroviaire
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_finance.html" 
                title="Emploi Finance"
                class="tw-tag-secondary-s "
            >
                Finance
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_formation.html" 
                title="Emploi Formation"
                class="tw-tag-secondary-s "
            >
                Formation
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_gestion.html" 
                title="Emploi Gestion"
                class="tw-tag-secondary-s "
            >
                Gestion
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_graphisme.html" 
                title="Emploi Graphisme"
                class="tw-tag-secondary-s "
            >
                Graphisme
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_hospitalier.html" 
                title="Emploi Hospitalier"
                class="tw-tag-secondary-s "
            >
                Hospitalier
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_hotellerie.html" 
                title="Emploi Hotellerie"
                class="tw-tag-secondary-s "
            >
                Hotellerie
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_immobilier.html" 
                title="Emploi Immobilier"
                class="tw-tag-secondary-s "
            >
                Immobilier
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_industrie.html" 
                title="Emploi Industrie"
                class="tw-tag-secondary-s "
            >
                Industrie
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_informatique.html" 
                title="Emploi Informatique"
                class="tw-tag-secondary-s "
            >
                Informatique
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_ingenierie.html" 
                title="Emploi Ing&#xE9;nierie"
                class="tw-tag-secondary-s "
            >
                Ing&#xE9;nierie
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_juridique.html" 
                title="Emploi Juridique"
                class="tw-tag-secondary-s "
            >
                Juridique
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_logistique.html" 
                title="Emploi Logistique"
                class="tw-tag-secondary-s "
            >
                Logistique
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_marketing.html" 
                title="Emploi Marketing"
                class="tw-tag-secondary-s "
            >
                Marketing
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_mode.html" 
                title="Emploi Mode"
                class="tw-tag-secondary-s "
            >
                Mode
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_nautisme.html" 
                title="Emploi Nautisme"
                class="tw-tag-secondary-s "
            >
                Nautisme
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_nettoyage.html" 
                title="Emploi Nettoyage"
                class="tw-tag-secondary-s "
            >
                Nettoyage
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_production.html" 
                title="Emploi Production"
                class="tw-tag-secondary-s "
            >
                Production
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_pub.html" 
                title="Emploi Pub"
                class="tw-tag-secondary-s "
            >
                Pub
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_qualite.html" 
                title="Emploi Qualit&#xE9;"
                class="tw-tag-secondary-s "
            >
                Qualit&#xE9;
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_recherche.html" 
                title="Emploi Recherche"
                class="tw-tag-secondary-s "
            >
                Recherche
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_restauration.html" 
                title="Emploi Restauration"
                class="tw-tag-secondary-s "
            >
                Restauration
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_sante.html" 
                title="Emploi Sant&#xE9;"
                class="tw-tag-secondary-s "
            >
                Sant&#xE9;
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_sav.html" 
                title="Emploi SAV"
                class="tw-tag-secondary-s "
            >
                SAV
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_secretariat.html" 
                title="Emploi Secr&#xE9;tariat"
                class="tw-tag-secondary-s "
            >
                Secr&#xE9;tariat
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_securite.html" 
                title="Emploi S&#xE9;curit&#xE9;"
                class="tw-tag-secondary-s "
            >
                S&#xE9;curit&#xE9;
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_service.html" 
                title="Emploi Service"
                class="tw-tag-secondary-s "
            >
                Service
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_service-public.html" 
                title="Emploi Service Public"
                class="tw-tag-secondary-s "
            >
                Service Public
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_social.html" 
                title="Emploi Social"
                class="tw-tag-secondary-s "
            >
                Social
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_sport.html" 
                title="Emploi Sport"
                class="tw-tag-secondary-s "
            >
                Sport
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_telecom.html" 
                title="Emploi Telecom"
                class="tw-tag-secondary-s "
            >
                Telecom
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_tourisme.html" 
                title="Emploi Tourisme"
                class="tw-tag-secondary-s "
            >
                Tourisme
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_transport.html" 
                title="Emploi Transport"
                class="tw-tag-secondary-s "
            >
                Transport
            </a>
        </li>
        <li class="tw-hidden peer-parent-checked:tw-list-item sm:tw-list-item">
            <a 
                href="/fr-fr/emploi/domaine_vente.html" 
                title="Emploi Vente"
                class="tw-tag-secondary-s "
            >
                Vente
            </a>
        </li>
</ul>
<label for="collapseDomainsList" class="tw-typo-s tw-mb-6 tw-w-fit sm:tw-hidden">
    <span class="tw-flex tw-gap-x-1 tw-items-center peer-parent-checked:tw-hidden">
        Voir plus
        <svg class="tw-size-2">
            <use href="/svg/icons/arrow.svg#down"></use>
        </svg>
    </span>
    <span class="tw-hidden tw-gap-x-1 tw-items-center peer-parent-checked:tw-flex"> 
        Voir moins
        <svg class="tw-size-2">
            <use href="/svg/icons/arrow.svg#up"></use>
        </svg>
    </span>
</label>
        <a
            href="/fr-fr/emploi/index-categorie.html"
            title="Index Métier Emploi"
            class="tw-w-fit tw-btn-primary-l sm:tw-btn-primary-xl sm:tw-mt-6"
        >
            Voir les offres d'emploi par métier
        </a>
    </section>

    <section class="tw-layout-grid tw-mt-12 sm:tw-mt-24">
        <h2
            class="tw-typo-2xl sm:tw-typo-3xl tw-mb-6 sm:tw-mb-8"
        >
            Explorez nos panoramas
            <span
                class="tw-block tw-typo-2xl-bold sm:tw-typo-3xl-bold"
            >
                pour éclairer vos choix professionnels
            </span>
        </h2>
        <div class="tw-layout-inner-grid tw-gap-8">
                <div class="tw-col-span-4 sm:tw-col-span-6">
                    


<div 
    class="tw-relative tw-rounded-sm tw-h-[255px] sm:tw-h-[295px] md:tw-h-[255px] lg:tw-h-[308px] tw-overflow-hidden 
            focus-within:tw-outline tw-outline-offset-4 tw-outline-4 tw-cursor-pointer 
            hocus-within:tw-scale-95 tw-transition-transform tw-duration-500 tw-group"
>
	<img 
		class="tw-skeleton tw-h-full tw-w-full tw-object-center tw-object-cover" 
		alt="" 
		loading="lazy" 
		src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/panorama/panorama-metiers.jpg"
	/>
	<div
		class="tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-[rgba(0,0,0,0.3)]"	
	>
	</div>
	<div
		class="tw-flex tw-flex-col tw-justify-between tw-absolute tw-inset-0 tw-py-6 tw-px-4 lg:tw-p-8 "
	>
		<p class="tw-typo-2xl lg:tw-typo-3xl tw-pr-4 tw-text-white">Le grand panorama<br/><span class="tw-typo-2xl-bold lg:tw-typo-3xl-bold">des métiers</span></p>
		<a 
			href="/fr-fr/metier.html" 
			class="tw-btn-secondary-l tw-no-underline tw-w-fit tw-text-center group-hocus-within:tw-opacity-70 tw-forwarder"
			title="Panorama des m&#xE9;tiers"
		>
			D&#xE9;couvrir tous les m&#xE9;tiers
		</a>	
	</div>
</div>
                </div>
                <div class="tw-col-span-4 sm:tw-col-span-6">
                    


<div 
    class="tw-relative tw-rounded-sm tw-h-[255px] sm:tw-h-[295px] md:tw-h-[255px] lg:tw-h-[308px] tw-overflow-hidden 
            focus-within:tw-outline tw-outline-offset-4 tw-outline-4 tw-cursor-pointer 
            hocus-within:tw-scale-95 tw-transition-transform tw-duration-500 tw-group"
>
	<img 
		class="tw-skeleton tw-h-full tw-w-full tw-object-center tw-object-cover" 
		alt="" 
		loading="lazy" 
		src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/panorama/panorama-salaires.jpg"
	/>
	<div
		class="tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-[rgba(0,0,0,0.3)]"	
	>
	</div>
	<div
		class="tw-flex tw-flex-col tw-justify-between tw-absolute tw-inset-0 tw-py-6 tw-px-4 lg:tw-p-8 "
	>
		<p class="tw-typo-2xl lg:tw-typo-3xl tw-pr-4 tw-text-white">Le grand panorama<br/><span class="tw-typo-2xl-bold lg:tw-typo-3xl-bold">des salaires</span></p>
		<a 
			href="/fr-fr/salaire.html" 
			class="tw-btn-secondary-l tw-no-underline tw-w-fit tw-text-center group-hocus-within:tw-opacity-70 tw-forwarder"
			title="Panorama des salaires"
		>
			D&#xE9;couvrir tous les salaires
		</a>	
	</div>
</div>
                </div>
                <div class="tw-col-span-4 sm:tw-col-span-6">
                    


<div 
    class="tw-relative tw-rounded-sm tw-h-[255px] sm:tw-h-[295px] md:tw-h-[255px] lg:tw-h-[308px] tw-overflow-hidden 
            focus-within:tw-outline tw-outline-offset-4 tw-outline-4 tw-cursor-pointer 
            hocus-within:tw-scale-95 tw-transition-transform tw-duration-500 tw-group"
>
	<img 
		class="tw-skeleton tw-h-full tw-w-full tw-object-center tw-object-cover" 
		alt="" 
		loading="lazy" 
		src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/panorama/panorama-competences.jpg"
	/>
	<div
		class="tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-[rgba(0,0,0,0.3)]"	
	>
	</div>
	<div
		class="tw-flex tw-flex-col tw-justify-between tw-absolute tw-inset-0 tw-py-6 tw-px-4 lg:tw-p-8 "
	>
		<p class="tw-typo-2xl lg:tw-typo-3xl tw-pr-4 tw-text-white">Le grand panorama<br/><span class="tw-typo-2xl-bold lg:tw-typo-3xl-bold">des compétences</span></p>
		<a 
			href="/fr-fr/competence.html" 
			class="tw-btn-secondary-l tw-no-underline tw-w-fit tw-text-center group-hocus-within:tw-opacity-70 tw-forwarder"
			title="Panorama des comp&#xE9;tences"
		>
			D&#xE9;couvrir toutes les comp&#xE9;tences
		</a>	
	</div>
</div>
                </div>
                <div class="tw-col-span-4 sm:tw-col-span-6">
                    


<div 
    class="tw-relative tw-rounded-sm tw-h-[255px] sm:tw-h-[295px] md:tw-h-[255px] lg:tw-h-[308px] tw-overflow-hidden 
            focus-within:tw-outline tw-outline-offset-4 tw-outline-4 tw-cursor-pointer 
            hocus-within:tw-scale-95 tw-transition-transform tw-duration-500 tw-group"
>
	<img 
		class="tw-skeleton tw-h-full tw-w-full tw-object-center tw-object-cover" 
		alt="" 
		loading="lazy" 
		src="https://f.hellowork.com/hellowork/ressources/2.35.4/images/home/panorama/panorama-conventions.jpg"
	/>
	<div
		class="tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-[rgba(0,0,0,0.3)]"	
	>
	</div>
	<div
		class="tw-flex tw-flex-col tw-justify-between tw-absolute tw-inset-0 tw-py-6 tw-px-4 lg:tw-p-8 "
	>
		<p class="tw-typo-2xl lg:tw-typo-3xl tw-pr-4 tw-text-white">Le grand panorama<br/><span class="tw-typo-2xl-bold lg:tw-typo-3xl-bold">des conventions</span></p>
		<a 
			href="/fr-fr/convention-collective.html" 
			class="tw-btn-secondary-l tw-no-underline tw-w-fit tw-text-center group-hocus-within:tw-opacity-70 tw-forwarder"
			title="Panorama des conventions"
		>
			D&#xE9;couvrir toutes les conventions
		</a>	
	</div>
</div>
                </div>
        </div>
    </section>
<section class="tw-layout-grid tw-mt-12 sm:tw-mt-24" aria-label="Emplois par ville">
    <h2 class="tw-typo-2xl sm:tw-typo-3xl">Quelle ville pour<span class="tw-block tw-typo-2xl-bold sm:tw-typo-3xl-bold">votre prochain job ?</span></h2>
    




    <ul aria-label="Villes mises en avant" class="tw-layout-inner-grid tw-space-y-8 lg:tw-space-y-0 tw-mt-6 sm:tw-mt-8">
            <li class="tw-col-span-4 sm:tw-col-span-full lg:tw-col-span-4">
                


<div 
    class="tw-no-underline tw-group tw-block tw-h-[220px] sm:tw-h-[240px]
				tw-rounded-sm tw-overflow-hidden
				tw-transition-transform tw-duration-500
				hocus:tw-scale-95 tw-relative
				focus-within:tw-outline
				tw-outline-offset-2
                tw-cursor-pointer hocus-within:tw-scale-95 tw-group
				">
	<img class="tw-skeleton tw-h-full tw-w-full tw-object-center tw-object-cover"
		 alt="Emploi Paris"
		 loading="lazy"
		 src="https://f.hellowork.com/seo/ville/paris.jpg" />
	<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-[rgba(0,0,0,0.3)]">
	</div>
	<div class="tw-flex tw-flex-col tw-justify-between tw-absolute tw-inset-0 tw-p-6 sm:tw-p-8 ">
		<a href="/fr-fr/emploi/ville_paris-75000.html"
		   class="tw-no-underline tw-typo-xl-bold tw-pr-4 tw-text-white tw-outline-none tw-peer tw-forwarder"
		   title="Emploi Paris">
			Paris
		</a>
		<span class="tw-btn-secondary-l tw-w-fit tw-text-center group-hover:tw-opacity-70 peer-focus-visible:tw-outline">Voir les offres</span>
	</div>
</div>
            </li>
            <li class="tw-col-span-4 sm:tw-col-span-full lg:tw-col-span-4">
                


<div 
    class="tw-no-underline tw-group tw-block tw-h-[220px] sm:tw-h-[240px]
				tw-rounded-sm tw-overflow-hidden
				tw-transition-transform tw-duration-500
				hocus:tw-scale-95 tw-relative
				focus-within:tw-outline
				tw-outline-offset-2
                tw-cursor-pointer hocus-within:tw-scale-95 tw-group
				">
	<img class="tw-skeleton tw-h-full tw-w-full tw-object-center tw-object-cover"
		 alt="Emploi Lyon"
		 loading="lazy"
		 src="https://f.hellowork.com/seo/ville/lyon.jpg" />
	<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-[rgba(0,0,0,0.3)]">
	</div>
	<div class="tw-flex tw-flex-col tw-justify-between tw-absolute tw-inset-0 tw-p-6 sm:tw-p-8 ">
		<a href="/fr-fr/emploi/ville_lyon-69000.html"
		   class="tw-no-underline tw-typo-xl-bold tw-pr-4 tw-text-white tw-outline-none tw-peer tw-forwarder"
		   title="Emploi Lyon">
			Lyon
		</a>
		<span class="tw-btn-secondary-l tw-w-fit tw-text-center group-hover:tw-opacity-70 peer-focus-visible:tw-outline">Voir les offres</span>
	</div>
</div>
            </li>
            <li class="tw-col-span-4 sm:tw-col-span-full lg:tw-col-span-4">
                


<div 
    class="tw-no-underline tw-group tw-block tw-h-[220px] sm:tw-h-[240px]
				tw-rounded-sm tw-overflow-hidden
				tw-transition-transform tw-duration-500
				hocus:tw-scale-95 tw-relative
				focus-within:tw-outline
				tw-outline-offset-2
                tw-cursor-pointer hocus-within:tw-scale-95 tw-group
				">
	<img class="tw-skeleton tw-h-full tw-w-full tw-object-center tw-object-cover"
		 alt="Emploi Toulouse"
		 loading="lazy"
		 src="https://f.hellowork.com/seo/ville/toulouse.jpg" />
	<div class="tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-[rgba(0,0,0,0.3)]">
	</div>
	<div class="tw-flex tw-flex-col tw-justify-between tw-absolute tw-inset-0 tw-p-6 sm:tw-p-8 ">
		<a href="/fr-fr/emploi/ville_toulouse-31000.html"
		   class="tw-no-underline tw-typo-xl-bold tw-pr-4 tw-text-white tw-outline-none tw-peer tw-forwarder"
		   title="Emploi Toulouse">
			Toulouse
		</a>
		<span class="tw-btn-secondary-l tw-w-fit tw-text-center group-hover:tw-opacity-70 peer-focus-visible:tw-outline">Voir les offres</span>
	</div>
</div>
            </li>
    </ul>
    <div class="tw-border-b tw-border-grey-100 tw-my-8"></div>
    <input type="checkbox" class="tw-hidden tw-peer" id="collapseCitiesList">
    <div class="tw-layout-inner-grid">
        <ul aria-label="Liste d'emplois par villes" class="tw-flex tw-flex-wrap tw-gap-3 tw-col-span-full">
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_marseille-13000.html"
                        title="Emploi Marseille">
                        Marseille
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_nantes-44000.html"
                        title="Emploi Nantes">
                        Nantes
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_bordeaux-33000.html"
                        title="Emploi Bordeaux">
                        Bordeaux
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_rennes-35000.html"
                        title="Emploi Rennes">
                        Rennes
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_montpellier-34000.html"
                        title="Emploi Montpellier">
                        Montpellier
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_strasbourg-67000.html"
                        title="Emploi Strasbourg">
                        Strasbourg
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_lille-59000.html"
                        title="Emploi Lille">
                        Lille
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_nice-06000.html"
                        title="Emploi Nice">
                        Nice
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_aix-en-provence-13100.html"
                        title="Emploi Aix-en-Provence">
                        Aix-en-Provence
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_dijon-21000.html"
                        title="Emploi Dijon">
                        Dijon
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_reims-51100.html"
                        title="Emploi Reims">
                        Reims
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_grenoble-38000.html"
                        title="Emploi Grenoble">
                        Grenoble
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_annecy-74000.html"
                        title="Emploi Annecy">
                        Annecy
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer "
                        href="/fr-fr/emploi/ville_angers-49000.html"
                        title="Emploi Angers">
                        Angers
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_tours-37000.html"
                        title="Emploi Tours">
                        Tours
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_metz-57000.html"
                        title="Emploi Metz">
                        Metz
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_clermont-ferrand-63000.html"
                        title="Emploi Clermont-Ferrand">
                        Clermont-Ferrand
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_brest-29200.html"
                        title="Emploi Brest">
                        Brest
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_caen-14000.html"
                        title="Emploi Caen">
                        Caen
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_rouen-76000.html"
                        title="Emploi Rouen">
                        Rouen
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_nanterre-92000.html"
                        title="Emploi Nanterre">
                        Nanterre
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_orleans-45000.html"
                        title="Emploi Orl&#xE9;ans">
                        Orl&#xE9;ans
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_le-mans-72000.html"
                        title="Emploi Le Mans">
                        Le Mans
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_saint-etienne-42000.html"
                        title="Emploi Saint-&#xC9;tienne">
                        Saint-&#xC9;tienne
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_nancy-54000.html"
                        title="Emploi Nancy">
                        Nancy
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_toulon-83000.html"
                        title="Emploi Toulon">
                        Toulon
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_besancon-25000.html"
                        title="Emploi Besan&#xE7;on">
                        Besan&#xE7;on
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_saint-denis-93200.html"
                        title="Emploi Saint-Denis">
                        Saint-Denis
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_nimes-30000.html"
                        title="Emploi N&#xEE;mes">
                        N&#xEE;mes
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_le-havre-76620.html"
                        title="Emploi Le Havre">
                        Le Havre
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_saint-nazaire-44600.html"
                        title="Emploi Saint-Nazaire">
                        Saint-Nazaire
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_boulogne-billancourt-92100.html"
                        title="Emploi Boulogne-Billancourt">
                        Boulogne-Billancourt
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_la-rochelle-17000.html"
                        title="Emploi La Rochelle">
                        La Rochelle
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_limoges-87000.html"
                        title="Emploi Limoges">
                        Limoges
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_quimper-29000.html"
                        title="Emploi Quimper">
                        Quimper
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_amiens-80000.html"
                        title="Emploi Amiens">
                        Amiens
                    </a>
                </li>
                <li>
                    <a class="tw-tag-secondary-s tw-cursor-pointer tw-hidden peer-parent-checked:tw-flex sm:tw-flex"
                        href="/fr-fr/emploi/ville_lorient-56100.html"
                        title="Emploi Lorient">
                        Lorient
                    </a>
                </li>
        </ul>
    </div>
    <label for="collapseCitiesList" class="tw-typo-s tw-mt-6 tw-w-fit sm:tw-hidden">
        <span class="tw-flex tw-gap-x-1 tw-items-center peer-parent-checked:tw-hidden">
            Voir plus
            <svg class="tw-size-2">
                <use href="/svg/icons/arrow.svg#down"></use>
            </svg>
        </span>
        <span class="tw-hidden tw-gap-x-1 tw-items-center peer-parent-checked:tw-flex"> 
            Voir moins
            <svg class="tw-size-2">
                <use href="/svg/icons/arrow.svg#up"></use>
            </svg>
        </span>
    </label>
    <a class="tw-btn-primary-l sm:tw-btn-primary-xl tw-mt-6 sm:tw-mt-8 tw-place-self-start" href="/fr-fr/emploi/index-localite.html" title="Index Ville Emploi">Voir les offres d’emploi par ville</a>
</section>

    <section class="tw-layout-grid tw-mt-12 sm:tw-mt-24">
        <div class="tw-layout-inner-grid tw-space-y-8 sm:tw-space-y-0">
                <div class="tw-col-span-4">
                    




<div class="tw-p-8 tw-bg-blue-50 tw-h-full tw-rounded-sm">
    <h2 class="tw-typo-xl tw-mb-6 sm:tw-h-1/4">Toutes les offres de stage</h2>
	<div class="sm:tw-h-1/2">
		<ul class="tw-space-y-2" aria-label="Liste de Toutes les offres de stage">
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/stage/metier_employe-de-commerce.html" title="Offres de stage Employ&#xE9; de commerce">Stage Employ&#xE9; de commerce</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/stage/metier_ingenieur.html" title="Offres de stage Ing&#xE9;nieur">Stage Ing&#xE9;nieur</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/stage/metier_charge-de-recrutement.html" title="Offres de stage Charg&#xE9; de recrutement">Stage Charg&#xE9; de recrutement</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/stage/metier_vendeur-en-articles-de-sport.html" title="Offres de stage Commercial sport">Stage Commercial sport</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/stage/metier_notaire.html" title="Offres de stage Notaire">Stage Notaire</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/stage/metier_assistant-chef-produit-marketing.html" title="Offres de stage Assistant chef de produit marketing">Stage Assistant chef de produit marketing</a></li>
		</ul>
	</div>
</div>

                </div>
                <div class="tw-col-span-4">
                    




<div class="tw-p-8 tw-bg-blue-50 tw-h-full tw-rounded-sm">
    <h2 class="tw-typo-xl tw-mb-6 sm:tw-h-1/4">Toutes les offres d&#x2019;alternance</h2>
	<div class="sm:tw-h-1/2">
		<ul class="tw-space-y-2" aria-label="Liste de Toutes les offres d&#x2019;alternance">
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/alternance/metier_auxiliaire-de-vie.html" title="Offres d&#x2019;alternance Auxiliaire de vie">Alternance Auxiliaire de vie</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/alternance/metier_conseiller-de-vente.html" title="Offres d&#x2019;alternance Conseiller de vente">Alternance Conseiller de vente</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/alternance/metier_charge-de-communication.html" title="Offres d&#x2019;alternance Charg&#xE9; de communication">Alternance Charg&#xE9; de communication</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/alternance/metier_assistant-ressources-humaines.html" title="Offres d&#x2019;alternance Assistant RH">Alternance Assistant RH</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/alternance/metier_ingenieur.html" title="Offres d&#x2019;alternance Ing&#xE9;nieur">Alternance Ing&#xE9;nieur</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/alternance/metier_assistant-manager.html" title="Offres d&#x2019;alternance Assistant de manager">Alternance Assistant de manager</a></li>
		</ul>
	</div>
</div>

                </div>
                <div class="tw-col-span-4">
                    




<div class="tw-p-8 tw-bg-blue-50 tw-h-full tw-rounded-sm">
    <h2 class="tw-typo-xl tw-mb-6 sm:tw-h-1/4">Toutes les offres d&#x2019;int&#xE9;rim</h2>
	<div class="sm:tw-h-1/2">
		<ul class="tw-space-y-2" aria-label="Liste de Toutes les offres d&#x2019;int&#xE9;rim">
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/interim/ville_paris-75000.html" title="Missions d&#x27;Interim Paris">Int&#xE9;rim Paris</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/interim/ville_toulouse-31000.html" title="Missions d&#x27;Interim Toulouse">Int&#xE9;rim Toulouse</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/interim/ville_reims-51100.html" title="Missions d&#x27;Interim Reims">Int&#xE9;rim Reims</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/interim/ville_nantes-44000.html" title="Missions d&#x27;Interim Nantes">Int&#xE9;rim Nantes</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/interim/ville_bordeaux-33000.html" title="Missions d&#x27;Interim Bordeaux">Int&#xE9;rim Bordeaux</a></li>
				<li><a class="tw-typo-m tw-link-text tw-my-1" href="/fr-fr/interim/ville_lyon-69000.html" title="Missions d&#x27;Interim Lyon">Int&#xE9;rim Lyon</a></li>
		</ul>
	</div>
</div>

                </div>
        </div>
    </section>
    <section class="tw-layout-grid tw-mt-8">
        <div class="tw-layout-inner-grid tw-space-y-8 sm:tw-space-y-0">
            <div class="tw-col-span-full">
                




<div class="tw-p-8 tw-h-full tw-rounded-sm tw-bg-blue-50">
	<h2 class="tw-typo-xl">Trouvez un emploi par mots cl&#xE9;s</h2>
	<div class="tw-mt-6">
		    <input type="checkbox" class="tw-hidden tw-peer" id="collapse_keyword" />
		    <ul class="sm:tw-grid tw-space-y-2 sm:tw-space-y-0 sm:tw-grid-cols-3 sm:tw-gap-x-24 sm:tw-gap-y-3">
					<li class="">
						<a class="tw-typo-m tw-link-text tw-my-1 tw-block" href="/fr-fr/emploi/mot-cle_saisonnier.html" title="Offres d&#x2019;emploi Saisonnier" data-turbo="false">
							Emploi Saisonnier
						</a>
					</li>
					<li class="">
						<a class="tw-typo-m tw-link-text tw-my-1 tw-block" href="/fr-fr/emploi/mot-cle_bnssa.html" title="Offres d&#x2019;emploi BNSSA" data-turbo="false">
							Emploi BNSSA
						</a>
					</li>
					<li class="">
						<a class="tw-typo-m tw-link-text tw-my-1 tw-block" href="/fr-fr/emploi/mot-cle_saisonnier-agricole.html" title="Offres d&#x2019;emploi Saisonnier agricole" data-turbo="false">
							Emploi Saisonnier agricole
						</a>
					</li>
					<li class="">
						<a class="tw-typo-m tw-link-text tw-my-1 tw-block" href="/fr-fr/emploi/mot-cle_ete.html" title="Offres d&#x2019;emploi &#xC9;t&#xE9;" data-turbo="false">
							Emploi &#xC9;t&#xE9;
						</a>
					</li>
					<li class="">
						<a class="tw-typo-m tw-link-text tw-my-1 tw-block" href="/fr-fr/emploi/mot-cle_rugby.html" title="Offres d&#x2019;emploi Rugby" data-turbo="false">
							Emploi Rugby
						</a>
					</li>
					<li class="">
						<a class="tw-typo-m tw-link-text tw-my-1 tw-block" href="/fr-fr/emploi/mot-cle_apprentissage.html" title="Offres d&#x2019;emploi Apprentissage" data-turbo="false">
							Emploi Apprentissage
						</a>
					</li>
					<li class="tw-hidden peer-parent-checked:tw-block sm:tw-block">
						<a class="tw-typo-m tw-link-text tw-my-1 tw-block" href="/fr-fr/emploi/mot-cle_public.html" title="Offres d&#x2019;emploi Public" data-turbo="false">
							Emploi Public
						</a>
					</li>
					<li class="tw-hidden peer-parent-checked:tw-block sm:tw-block">
						<a class="tw-typo-m tw-link-text tw-my-1 tw-block" href="/fr-fr/emploi/mot-cle_fonction-publique.html" title="Offres d&#x2019;emploi Fonction publique" data-turbo="false">
							Emploi Fonction publique
						</a>
					</li>
					<li class="tw-hidden peer-parent-checked:tw-block sm:tw-block">
						<a class="tw-typo-m tw-link-text tw-my-1 tw-block" href="/fr-fr/emploi/mot-cle_cumul-retraite.html" title="Offres d&#x2019;emploi Cumul retraite" data-turbo="false">
							Emploi Cumul retraite
						</a>
					</li>
					<li class="tw-hidden peer-parent-checked:tw-block sm:tw-block">
						<a class="tw-typo-m tw-link-text tw-my-1 tw-block" href="/fr-fr/emploi/mot-cle_fle.html" title="Offres d&#x2019;emploi FLE" data-turbo="false">
							Emploi FLE
						</a>
					</li>
					<li class="tw-hidden peer-parent-checked:tw-block sm:tw-block">
						<a class="tw-typo-m tw-link-text tw-my-1 tw-block" href="/fr-fr/emploi/mot-cle_teletravail.html" title="Offres d&#x2019;emploi T&#xE9;l&#xE9;travail" data-turbo="false">
							Emploi T&#xE9;l&#xE9;travail
						</a>
					</li>
					<li class="tw-hidden peer-parent-checked:tw-block sm:tw-block">
						<a class="tw-typo-m tw-link-text tw-my-1 tw-block" href="/fr-fr/emploi/mot-cle_coop.html" title="Offres d&#x2019;emploi Coop" data-turbo="false">
							Emploi Coop
						</a>
					</li>
		    </ul> 
		    <label class="tw-typo-s tw-block tw-mt-4 tw-w-fit  sm:tw-hidden" for="collapse_keyword">
			    <span class="tw-block peer-parent-checked:tw-hidden">
				    Voir plus
				    <svg class="tw-w-2 tw-h-4 tw-inline">
					    <use href="/svg/icons/arrow.svg#down"></use>
				    </svg>
			    </span>
			    <span class="tw-hidden peer-parent-checked:tw-block">
				    Voir moins
				    <svg class="tw-w-2 tw-h-4 tw-inline">
					    <use href="/svg/icons/arrow.svg#up"></use>
				    </svg>
			    </span>
		    </label>
	</div>
		<a class="tw-block tw-mt-4 tw-typo-s tw-link-text" href="/fr-fr/emploi/index-mot-cle.html" title="Index Mot Cl&#xE9;" data-turbo="false">
			Voir les offres d&#x27;emploi par mots cl&#xE9;s
			<svg class="tw-w-2 tw-h-4 tw-inline">
				<use href="/svg/icons/arrow.svg#right"></use>
			</svg>
		</a>
</div>

            </div>
        </div>
    </section>





<turbo-frame id="service-adaptation" src=""
             data-controller="service-adaptation"
             data-service-adaptation-url-value="/fr-fr/country/getpopinframeview"
             data-service-adaptation-hide-message-class="tw-hidden">
</turbo-frame>


<div 
    id="breadcrumb"
    class="tw-layout-grid"
>

    <div class="tw-mb-10"></div>
</div>

<div class="tw-mt-10">
    



<footer class="sm:tw-layout-grid 2xl:tw-mx-auto tw-typo-s 2xl:tw-mb-20 sm:tw-mb-6 tw-m-0">
    <div class="tw-bg-grey-50 sm:tw-rounded-sm !tw-col-[full] tw-grid tw-grid-cols-subgrid tw-py-6 xl:tw-py-12
           sm:tw-py-14 tw-px-4 sm:tw-px-0">
        <div class="tw-layout-inner-grid sm:tw-col-[main]">
            <div class="xl:tw-col-span-3 tw-col-span-5 sm:tw-col-start-2 xl:tw-col-start-1">      
                <span class="tw-typo-l">
                    Les sites
                </span>
                <ul
                    class="tw-flex tw-flex-col tw-gap-6 tw-mt-4 tw-mb-6 sm:tw-mt-6 sm:tw-mb-10"
                >
                    <li><a class="tw-link-text" href="https://hellocv.com/" target="_blank" rel="noopener">HelloCV</a></li>
                    <li><a class="tw-link-text" href="https://www.helloworkplace.fr/" target="_blank" rel="noopener">Helloworkplace</a></li>
                    <li><a class="tw-link-text" href="https://www.blogdumoderateur.com/" target="_blank" rel="noopener">BDM</a></li>
                    <li><a class="tw-link-text" href="https://www.jobijoba.com/fr/" target="_blank" rel="noopener">Jobijoba</a></li>
                    <li>
                        <span 
                            class="tw-atc-text" 
                            data-controller="atc"
                            data-atc-l-value="xuggcf://jjj=pt=znsbezngvba=pt=se/f" 
                            data-atc-t-value="x_oynaxf"
                        >
                            Maformation
                        </span>
                    </li>
                    <li><a class="tw-link-text" href="https://diplomeo.com/" target="_blank" rel="noopener">Diplomeo</a></li>
                </ul>
            </div>
            <div class="xl:tw-col-span-3 tw-col-span-5 sm:tw-col-start-7 xl:tw-col-start-4">
                <span class="tw-typo-l">L&#x27;emploi</span>
                <ul
                    class="tw-flex tw-flex-col tw-gap-6 tw-mt-4 tw-mb-6 sm:tw-mt-6 sm:tw-mb-10"
                >
                        <li>
                            <span 
                                class="tw-atc-text" 
                                data-controller="atc"
                                data-atc-l-value="x/se-se/rzcybv/vaqrk-pngrtbevr=pt=ugzyf"
                            >
                                Offres d&#x27;emploi par m&#xE9;tier
                            </span>
                        </li>
                        <li>
                            <span 
                                class="tw-atc-text" 
                                data-controller="atc"
                                data-atc-l-value="x/se-se/rzcybv/vaqrk-ybpnyvgr=pt=ugzyf"
                            >
                                Offres d&#x27;emploi par ville
                            </span>
                        </li>
                        <li>
                            <span 
                                class="tw-atc-text" 
                                data-controller="atc"
                                data-atc-l-value="x/se-se/ragercevfr=pt=ugzyf"
                            >
                                Offres d&#x27;emploi par entreprise
                            </span>
                        </li>
                        <li>
                            <span 
                                class="tw-atc-text" 
                                data-controller="atc"
                                data-atc-l-value="x/se-se/rzcybv/vaqrk-zbg-pyr=pt=ugzyf"
                            >
                                Offres d&#x27;emploi par mots cl&#xE9;s
                            </span>
                        </li>
                </ul>
            </div>
            <div class="xl:tw-col-span-3 tw-col-span-5 sm:tw-col-start-2 xl:tw-col-start-7">
                <span class="tw-typo-l">
                    L'entreprise
                </span>
                <ul
                    class="tw-flex tw-flex-col tw-gap-6 tw-mt-4 tw-mb-6 sm:tw-mt-6 sm:tw-mb-10"
                >
                    <li>
                        <span 
                            class="tw-atc-text" 
                            data-controller="atc"
                            data-atc-l-value="xuggcf://jjj=pt=uryybjbex-tebhc=pt=pbzf" 
                            data-atc-t-value="x_oynaxf"
                        >
                            Qui sommes-nous&nbsp;?
                        </span>
                    </li>
                    <li>
                        <span 
                            class="tw-atc-text" 
                            data-controller="atc"
                            data-atc-l-value="xuggcf://pneevrerf=pt=uryybjbex-tebhc=pt=pbzf" 
                            data-atc-t-value="x_oynaxf"
                        >
                            On recrute
                        </span>
                    </li>
                    <li>
                        <span 
                            class="tw-atc-text" 
                            data-controller="atc"
                            data-atc-l-value="xuggcf://ohqqv=pt=uryybjbex=pt=pbzf"
                        >
                            Accès client
                        </span>
                    </li>
                </ul>
            </div>
            <div class="xl:tw-col-span-3 tw-col-span-5 sm:tw-col-start-7 xl:tw-col-start-10">
                <span class="tw-typo-l">
                    Les apps
                </span>
                <div 
                    class="tw-flex tw-flex-wrap tw-items-left tw-flex-row sm:tw-flex-col tw-mt-4 sm:tw-mt-6 tw-mb-6 sm:tw-mb-10 tw-gap-6 sm:tw-gap-4 sm:tw-w-36 tw-text-white"
                >
                        <a 
                            href="https://play.google.com/store/apps/details?id=com.regionsjob.android"
                            target="_blank"
                        >
                            <svg class="tw-w-36 tw-h-[42px] tw-cursor-pointer tw-rounded-sm"
                                 alt="Application Android (nouvelle fenêtre)">
                                <use href="/svg/icons/playstore-badge.svg#playstore-badge"></use>
                            </svg>
                        </a>
                        <a 
                            href="https://apps.apple.com/fr/app/regionsjob-emploi/id408615037?mt=8"
                            target="_blank"
                        >
                            <svg class="tw-w-[133px] tw-h-[42px] tw-cursor-pointer tw-rounded-sm"
                                 alt="Application iOS (nouvelle fenêtre)">
                                <use href="/svg/icons/apps/appstore-badge.svg#appstore-badge"></use>
                            </svg>
                        </a>
                </div>
            </div>
            <div class="tw-col-span-full sm:tw-col-start-2 xl:tw-col-start-1 tw-flex tw-flex-col tw-gap-4 tw-flex-wrap tw-justify-between tw-mb-6 sm:tw-mb-10">
                <div
                    class="tw-flex tw-flex-col sm:tw-flex-row tw-gap-x-4 tw-gap-y-2"
                >
                    <div>Nous suivre sur :</div>
                    <ul class="tw-flex tw-gap-4" aria-label="Liste de nos réseaux sociaux">
                            <li class="tw-flex">
                                    <a
                                        class="tw-m-auto hocus:tw-text-grey-500"
                                        href="https://www.facebook.com/helloworkcom"
                                        target="_blank"
                                        rel="noopener"
                                        aria-label="Lien vers facebook"
                                    >
                                        <svg class="tw-size-4">
                                            <use href="/svg/icons/social-networks/facebook.svg#facebook"></use>
                                        </svg>
                                    </a>
                            </li>
                            <li class="tw-flex">
                                    <a
                                        class="tw-m-auto hocus:tw-text-grey-500"
                                        href="https://www.youtube.com/channel/UCry7TiN8-dFKQUgyUMYANTQ"
                                        target="_blank"
                                        rel="noopener"
                                        aria-label="Lien vers youtube"
                                    >
                                        <svg class="tw-size-4">
                                            <use href="/svg/icons/social-networks/youtube.svg#youtube"></use>
                                        </svg>
                                    </a>
                            </li>
                            <li class="tw-flex">
                                    <a
                                        class="tw-m-auto hocus:tw-text-grey-500"
                                        href="https://twitter.com/hellowork"
                                        target="_blank"
                                        rel="noopener"
                                        aria-label="Lien vers x"
                                    >
                                        <svg class="tw-size-4">
                                            <use href="/svg/icons/social-networks/x.svg#x"></use>
                                        </svg>
                                    </a>
                            </li>
                            <li class="tw-flex">
                                    <a
                                        class="tw-m-auto hocus:tw-text-grey-500"
                                        href="https://www.tiktok.com/@helloworkcom"
                                        target="_blank"
                                        rel="noopener"
                                        aria-label="Lien vers tiktok"
                                    >
                                        <svg class="tw-size-4">
                                            <use href="/svg/icons/social-networks/tiktok.svg#tiktok"></use>
                                        </svg>
                                    </a>
                            </li>
                            <li class="tw-flex">
                                    <a
                                        class="tw-m-auto hocus:tw-text-grey-500"
                                        href="https://www.instagram.com/hellowork_/"
                                        target="_blank"
                                        rel="noopener"
                                        aria-label="Lien vers instagram"
                                    >
                                        <svg class="tw-size-4">
                                            <use href="/svg/icons/social-networks/instagram.svg#instagram"></use>
                                        </svg>
                                    </a>
                            </li>
                            <li class="tw-flex">
                                    <a
                                        class="tw-m-auto hocus:tw-text-grey-500"
                                        href="https://www.linkedin.com/company/helloworkcom/"
                                        target="_blank"
                                        rel="noopener"
                                        aria-label="Lien vers linkedin"
                                    >
                                        <svg class="tw-size-4">
                                            <use href="/svg/icons/social-networks/linkedin.svg#linkedin"></use>
                                        </svg>
                                    </a>
                            </li>
                            <li class="tw-flex">
                                    <a
                                        class="tw-m-auto hocus:tw-text-grey-500"
                                        href="https://profile.google.com/cp/Cg0vZy8xMWZ5MXFrY3pr"
                                        target="_blank"
                                        rel="noopener"
                                        aria-label="Lien vers google"
                                    >
                                        <svg class="tw-size-4">
                                            <use href="/svg/icons/social-networks/google.svg#google"></use>
                                        </svg>
                                    </a>
                            </li>
                            <li class="tw-flex">
                                    <a
                                        class="tw-m-auto hocus:tw-text-grey-500"
                                        href="https://fr.pinterest.com/Hellowork_/"
                                        target="_blank"
                                        rel="noopener"
                                        aria-label="Lien vers pinterest"
                                    >
                                        <svg class="tw-size-4">
                                            <use href="/svg/icons/social-networks/pinterest.svg#pinterest"></use>
                                        </svg>
                                    </a>
                            </li>
                    </ul>
                </div>
                <div class="tw-flex tw-flex-wrap tw-gap-x-2 sm:tw-gap-x-4 tw-gap-y-4">
                        <a class="tw-link-text" target="_blank" href="/fr-fr/page/infos-legales.html">Informations légales</a>
                    <span 
                        class="tw-atc-text" 
                        data-controller="atc"
                        data-atc-t-value="x_oynaxf"
                        data-atc-l-value="xuggcf://jjj=pt=uryybjbex-tebhc=pt=pbz/se/yrtny/pth-uryybjbex/f">
                        CGU
                    </span>
                    <span 
                        class="tw-atc-text"
                        data-controller="atc"
                        data-atc-t-value="x_oynaxf"
                        data-atc-l-value="xuggcf://jjj=pt=uryybjbex-tebhc=pt=pbz/se/yrtny/cqp-uryybjbex/f">
                        Politique de confidentialité
                    </span>
                    <span 
                        class="tw-link-text" 
                        data-hw-cc-btn-toggle-modal
                    >
                        Gérer les traceurs
                    </span>
                    <span
                        class="tw-atc-text"
                        data-controller="atc"
                        data-atc-t-value="x_oynaxf"
                        data-atc-l-value="xuggcf://jjj=pt=uryybjbex-tebhc=pt=pbz/se/yrtny/qrpynengvba-npprffvovyvgr-uryybjbex/f">
                        Accessibilité : non conforme
                    </span>
                    <span 
                        class="tw-atc-text" 
                        data-controller="atc"
                        data-atc-t-value="x_oynaxf"
                        data-atc-l-value="xuggcf://uryybjbex-pnaqvqng=pt=mraqrfx=pt=pbz/up/sef">
                        Aide et contact
                    </span>
                </div>
            </div>
                <div 
                    class="tw-py-6 sm:tw-pt-12 xl:tw-pt-10 tw-border-0 tw-border-t tw-border-t-grey-100
                            tw-col-span-full sm:tw-col-start-2 xl:tw-col-start-1"
                >
                    <span class="tw-typo-m">Les sites du groupe Télégramme</span>
                </div>
                <div data-cy="footerCorporateMedia" class="tw-col-span-full sm:tw-col-start-2 xl:tw-col-start-1">
                        <span >
                        Média & Pro
                    </span>
                    <ul
                        aria-label="Liste des Média & Pro"
                        class="tw-flex tw-flex-wrap tw-gap-x-6 tw-gap-y-6 tw-mt-2 tw-mb-6 tw-typo-xs tw-text-grey-500"
                    >
                        <li>
                            <a class="tw-link-text" href="https://www.letelegramme.fr/" target="_blank" rel="noopener">Le Télégramme</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://www.letelegramme.fr/tourisme/" target="_blank" rel="noopener">Tourisme en Bretagne</a>
                        </li>
                        <li>
                            <span 
                                class="tw-atc-text" 
                                data-controller="atc"
                                data-atc-l-value="xuggcf://jjj=pt=oybtqhzbqrengrhe=pt=pbz/f" 
                                data-atc-t-value="x_oynaxf"
                            >
                                Blog du Modérateur
                            </span>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://www.tebeo.bzh/" target="_blank" rel="noopener">Tébéo & Tébésud</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://www.meretmarine.com/fr" target="_blank" rel="noopener">Mer et Marine</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://www.bretagne-magazine.fr/" target="_blank" rel="noopener">Bretagne Magazine</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://www.lemensuel.com/rennes" target="_blank" rel="noopener">Le Mensuel de Rennes</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://www.bretagne-marchespublics.com/" target="_blank" rel="noopener">Bretagne Marchés Publics</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://www.regions-annonceslegales.com/" target="_blank" rel="noopener">Régions Annonces Légales</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://essence-moins-chere.letelegramme.fr/" target="_blank" rel="noopener">Essence Moins Chère</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://randonnee.letelegramme.fr/" target="_blank" rel="noopener">Randonnée en Bretagne</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://plages.letelegramme.fr/" target="_blank" rel="noopener">Tous à la plage !</a>
                        </li>
                        <li>
                            <a class="tw-link-text" title="Digicairn" href="https://www.diverto.tv/" target="_blank" rel="noopener">Diverto</a>
                        </li>
                    </ul>
                        <span data-cy="footerCorporateEducation">
                        Emploi & Education
                    </span>
                    <ul
                        aria-label="Liste sur l'emploi et l'éducation"
                        class="tw-flex tw-flex-wrap tw-gap-x-6 tw-gap-y-6 tw-mt-2 tw-mb-6 tw-typo-xs tw-text-grey-500"
                    >
                        <li>
                            <span 
                                class="tw-atc-text" 
                                data-controller="atc"
                                data-atc-l-value="xuggcf://jjj=pt=uryybjbex=pt=pbzf" 
                                data-atc-t-value="x_oynaxf"
                            >
                            Hellowork
                        </span>
                        </li>
                            <li>
                                <span 
                                    class="tw-atc-text" 
                                    data-controller="atc"
                                    data-atc-l-value="xuggcf://jjj=pt=wbovwbon=pt=pbz/se/f" 
                                    data-atc-t-value="x_oynaxf"
                                >
                                    Jobijoba
                                </span>
                            </li>
                        <li>
                            <span 
                                class="tw-atc-text" 
                                data-controller="atc"
                                data-atc-l-value="xuggcf://jjj=pt=znsbezngvba=pt=se/f" 
                                data-atc-t-value="x_oynaxf"
                            >
                                Maformation
                            </span>
                        </li>
                        <li>
                            <span 
                                class="tw-atc-text" 
                                data-controller="atc"
                                data-atc-l-value="xuggcf://qvcybzrb=pt=pbz/f" 
                                data-atc-t-value="x_oynaxf"
                            >
                                Diplomeo
                            </span>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://basile.io/" target="_blank" rel="noopener">Basile</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://smartforum.hellowork.com/" target="_blank" rel="noopener">Smartforum</a>
                        </li>
                    </ul>
                        <span data-cy="footerCorporateSport">
                        Sports
                    </span>
                    <ul
                        aria-label="Liste des sports sponsorisés"
                        class="tw-flex tw-flex-wrap tw-gap-x-6 tw-gap-y-6 tw-mt-2 tw-mb-6 tw-typo-xs tw-text-grey-500"
                    >
                        <li>
                            <a class="tw-link-text" href="https://www.ocsport.com/fr/" target="_blank" rel="noopener">OC Sport Pen Duick</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://www.routedurhum.com/fr" target="_blank" rel="noopener">Route du Rhum - Destination Guadeloupe</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://www.lasolitaire.com/" target="_blank" rel="noopener">La Solitaire du Figaro PAPREC</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://footamateur.letelegramme.fr/" target="_blank" rel="noopener">Foot Amateur Bretagne</a>
                        </li>
                    </ul>
                        <span data-cy="footerCorporateGroup">
                        Corporate
                    </span>
                    <ul
                        aria-label="Liste des liens du groupe Hellowork"
                        class="tw-flex tw-flex-wrap tw-gap-x-6 tw-gap-y-6 tw-mt-2 tw-typo-xs tw-text-grey-500"
                    >
                        <li>
                            <a class="tw-link-text" href="https://www.hellowork-group.com/fr/" target="_blank" rel="noopener">Hellowork Group</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://www.groupe-telegramme.com/" target="_blank" rel="noopener">Groupe Télégramme</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://www.viamedia-publicite.com/" target="_blank" rel="noopener">Viamédia</a>
                        </li>
                        <li>
                            <a class="tw-link-text" href="https://www.rivacom.fr/" target="_blank" rel="noopener">Rivacom</a>
                        </li>
                        <li>
                            <a class="tw-link-text" title="Digicairn" href="https://www.digicairn.fr/" target="_blank" rel="noopener">Digicairn</a>
                        </li>
                    </ul>
                </div>
        </div>
    </div>
</footer>
</div>



            <section
                id="turboStreamToastMessage"
                data-display-toast-message-target="turboStreamToastMessage"
                data-content-missing-target="container"
                class="
                    tw-fixed
                    tw-flex
                    tw-flex-col
                    tw-gap-y-4
                    tw-z-50
                    tw-w-full
                    -tw-top-[90px]
                    tw-px-4
                    sm:tw-px-0
                    sm:tw-w-auto
                    sm:tw-top-24
                    sm:-tw-right-[388px]
                    xl:-tw-right-[448px]
                ">
            </section>

            
<template data-content-missing-target="template"
          data-display-toast-message-target="errorTemplate">
    <div data-content-missing-target="instance">
        


    <div
    data-controller="removable intersect toggle timer"
    data-toggle-target="toToggle"
    data-intersect-name-value="notification"
    data-timer-timeout-value="5000"
    data-toggle-toggled-class="tw-slidein"
    data-removable-animation-class="tw-slideout"
    data-action="intersect:notification:enter->timer#start:once
    intersect:notification:enter->toggle#add
    timer:timeout->removable#remove
    mouseover->timer#pause
    mouseout->timer#pause"
    class="tw-rounded-sm
               tw-flex
               tw-items-center
               tw-bg-blackToast
               tw-shadow-toast
               tw-p-4
               tw-gap-4
               tw-w-full
               tw-min-h-[90px]
               sm:tw-min-h-fit
               sm:tw-w-[388px]
               xl:tw-w-[448px]
               tw-toast-scale">
        
        <svg class="tw-h-7 tw-w-7 tw-flex-shrink-0">
            <use href="/svg/badges/error.svg#error"></use>
        </svg>

        <div class="tw-flex tw-flex-col tw-gap-2 tw-text-white tw-w-full">
                <p class="tw-typo-s-bold">{{title}}</p>

                        <p class="tw-typo-s tw-overflow-wrap-anywhere">{{message}}</p>

                <span
                class="tw-typo-s-bold tw-atc-underline hover:tw-no-underline"
                data-controller="atc"
                data-atc-l-value="{{link}}"
                >
                    {{linkLabel}}
                </span>
        </div>

        <button data-action="removable#remove" class="tw-block">
            <svg class="tw-size-3 tw-text-white">
                <use href="/svg/icons/nav/close.svg#close"></use>
            </svg>
        </button>



    </div>

    </div>
</template>

            

        </main>

        

        <script data-turbo-suppress-warning src="https://f.hellowork.com/hellowork/ressources/2.35.4/scripts/js/stimulus.js" data-turbo-eval="false" defer></script>
        <script src="https://f.hellowork.com/hellowork/ressources/2.35.4/scripts/js/general.js" defer></script>

        
    </body>
</html>
