{"sections": [[{"id": 6, "page_id": 21, "link_sections": [{"id": 12, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "Strat\u00e9gie", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/organisation-culture/\">Organisation & culture</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/recrutement-gestion-des-talents/\">Recrutement & talent</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/rever/\">R\u00eaver</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/design-des-services-processus/\">Services & processus</a>\n        \n    \n</div>\n"}, {"id": 20, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "Digitalisation", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/hr-analytics/\">Analytique</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/exploitation/\">Exploitation</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/gestion-de-projet/\">Gestion de projet</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/implementation/\">Impl\u00e9mentation</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/roadmap/\">Roadmap</a>\n        \n    \n</div>\n"}, {"id": 26, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "Technologie", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/architecture-informatique-rh/\">Architecture</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/plateformes-cloud/\">Cloud</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/developpement/\">D\u00e9veloppement</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/integration-gestion-des-donnees/\">Donn\u00e9es & int\u00e9gration</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/espace-de-travail-numerique/\">Espace de travail num\u00e9rique</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/consulting-rh/intelligence-artificielle/\">Intelligence artificielle</a>\n        \n    \n</div>\n"}, {"id": 60, "page_id": null, "link_sections": [], "type": "highlight", "max_width": 350, "title": "Highlights", "html_content": "\n<div class=\"flex flex-col gap-y-equal-5\">\n    \n        <a class=\"flex flex-row items-center hover:bg-highlight-1-hover base-transition-colors justify-between bg-highlight-1 rounded-12 px-scale-6 py-scale-6\" href=\"/fr/consulting-rh/journee-d-exploration-ia/\">\n            <span class=\"text-h6 mr-equal-4 break-words\">AI Exploration Day</span>\n            <div\n                class=\"flex items-center justify-center border border-solid border-highlight-1 rounded-full min-w-[40px] h-[40px]\">\n                <svg class=\"ml-1 h-[1.15em] w-[1.15em]\">\n                    <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-arrow-right\"/>\n                </svg>\n            </div>\n        </a>\n    \n        <a class=\"flex flex-row items-center hover:bg-highlight-1-hover base-transition-colors justify-between bg-highlight-1 rounded-12 px-scale-6 py-scale-6\" href=\"/fr/consulting-rh/transformation-h4s4/\">\n            <span class=\"text-h6 mr-equal-4 break-words\">H4S4 Transformation</span>\n            <div\n                class=\"flex items-center justify-center border border-solid border-highlight-1 rounded-full min-w-[40px] h-[40px]\">\n                <svg class=\"ml-1 h-[1.15em] w-[1.15em]\">\n                    <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-arrow-right\"/>\n                </svg>\n            </div>\n        </a>\n    \n        <a class=\"flex flex-row items-center hover:bg-highlight-1-hover base-transition-colors justify-between bg-highlight-1 rounded-12 px-scale-6 py-scale-6\" href=\"/fr/consulting-rh/hr-health-check/\">\n            <span class=\"text-h6 mr-equal-4 break-words\">HR Health Check</span>\n            <div\n                class=\"flex items-center justify-center border border-solid border-highlight-1 rounded-full min-w-[40px] h-[40px]\">\n                <svg class=\"ml-1 h-[1.15em] w-[1.15em]\">\n                    <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-arrow-right\"/>\n                </svg>\n            </div>\n        </a>\n    \n</div>\n"}], "type": "", "max_width": 350, "title": "Consulting", "link": {"title": "Success stories", "url": "/fr/a-propos-de-nous/histoires-de-reussite/"}}, {"id": 7, "page_id": 48, "link_sections": [{"id": 29, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "Th\u00e8mes", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/administration-rh/\">Administration</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/logiciels-experience-employee/\">Exp\u00e9rience employ\u00e9</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/gestion-des-documents-rh/\">Gestion de documents</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/gestion-des-voyages-et-des-frais/\">Gestion des notes frais</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/gestion-des-talents/\">Gestion des talents</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/gestion-du-temps-planification-du-personnel/\">Gestion du temps</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/onboarding-offboarding/\">On- & Offboarding</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/paie/\">Paie</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/recrutement/\">Recrutement</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/gestion-ressources-externes/\">Ressources externes</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/rh-pour-le-secteur-de-la-sante/\">RH pour le secteur de la sant\u00e9</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/rh-pour-pme/\">RH pour PME</a>\n        \n    \n</div>\n"}, {"id": 35, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "Outils & marques", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/gestion-des-documents-centric/\">Centric</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/certificat-de-travail-swiss/\">Certificat de travail swiss+</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/edi-expense-intelligence/\">Edi Expense Intelligence</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/personio/\">Personio</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/sap-concur/\">SAP Concur</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/sap-hcm/\">SAP HCM</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/sap-successfactors/\">SAP SuccessFactors</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/swisssalary-365/\">SwissSalary</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/ukg-hr-service-delivery/\">UKG HR Service Delivery</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/logiciels-rh/ukg-pro-workforce-management/\">UKG Pro Workforce</a>\n        \n    \n</div>\n"}, {"id": 58, "page_id": null, "link_sections": [], "type": "suites", "max_width": 780, "title": "Suites RH", "html_content": "<div class=\"flex flex-col gap-y-equal-5 max-h-fit custom-scrollbar overflow-y-auto\">\n    \n        \n            \n\n<div class=\"@container\">\n    <a href=\"/fr/logiciels-rh/hr-campus-suite/\"\n       class=\"min-h-[160px]  bg-highlight-3 rounded-12 flex flex-column @[430px]:flex-row lg:items-center overflow-hidden\">\n        \n            \n            <div class=\"flex align-center content-center h-full w-full bg-highlight-3-harmonize flex-grow-0 flex-shrink-0 basis-1/3\">\n                <div class=\"flex align-center content-center h-[80px] max-sm:h-[80px] @[300px]:h-[120px] @[430px]:h-[160px]  @[430px]:py-equal-2 py-equal-5 min-w-[100px] w-full px-equal-5 \">\n                    <img class=\"w-full h-full block object-contain\" src=\"https://media.hr-campus.ch/filer_public_thumbnails/filer_public/82/b8/82b8edd9-f2fc-4f3c-aa19-c8d7a786d413/hr-campus-suite.svg__250x250.svg\"/>\n                </div>\n            </div>\n        \n\n        <div class=\"flex flex-column w-full gap-y-equal-6 max-sm:items-start max-sm:flex-col @[430px]:flex-row @[430px]:items-center px-scale-6 py-scale-6 justify-between\">\n            <div class=\"flex flex-column mr-scale-6 \">\n                \n                \n                <h3 class=\"text-h6\">HR Campus Suite</h3>\n                <p class=\"mt-equal-6 text-small-1 text-tighter font-semibold\">La suite populaire pour les PME et les grandes entreprises</p>\n            </div>\n            <div\n                class=\"flex items-center justify-center border border-solid border-neutral-1 rounded-full min-w-[40px] w-[40px] h-[40px]\">\n                <svg class=\"ml-1 h-[1.15em] w-[1.15em]\">\n                    <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-arrow-right\"/>\n                </svg>\n            </div>\n        </div>\n    </a>\n</div>\n\n        \n    \n        \n            \n\n<div class=\"@container\">\n    <a href=\"/fr/logiciels-rh/sap-successfactors/\"\n       class=\"min-h-[160px]  bg-highlight-3 rounded-12 flex flex-column @[430px]:flex-row lg:items-center overflow-hidden\">\n        \n            \n            <div class=\"flex align-center content-center h-full w-full bg-highlight-3-harmonize flex-grow-0 flex-shrink-0 basis-1/3\">\n                <div class=\"flex align-center content-center h-[80px] max-sm:h-[80px] @[300px]:h-[120px] @[430px]:h-[160px]  @[430px]:py-equal-2 py-equal-5 min-w-[100px] w-full px-equal-5 \">\n                    <img class=\"w-full h-full block object-contain\" src=\"https://media.hr-campus.ch/filer_public_thumbnails/filer_public/7f/16/7f16d515-2bdd-48e1-b8d2-a50776b50bdd/sap.svg__250x250.svg\"/>\n                </div>\n            </div>\n        \n\n        <div class=\"flex flex-column w-full gap-y-equal-6 max-sm:items-start max-sm:flex-col @[430px]:flex-row @[430px]:items-center px-scale-6 py-scale-6 justify-between\">\n            <div class=\"flex flex-column mr-scale-6 \">\n                \n                \n                <h3 class=\"text-h6\">SAP SuccessFactors</h3>\n                <p class=\"mt-equal-6 text-small-1 text-tighter font-semibold\">Le centre de comp\u00e9tences \u00e9prouv\u00e9 pour les grandes entreprises</p>\n            </div>\n            <div\n                class=\"flex items-center justify-center border border-solid border-neutral-1 rounded-full min-w-[40px] w-[40px] h-[40px]\">\n                <svg class=\"ml-1 h-[1.15em] w-[1.15em]\">\n                    <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-arrow-right\"/>\n                </svg>\n            </div>\n        </div>\n    </a>\n</div>\n\n        \n    \n        \n            \n\n<div class=\"@container\">\n    <a href=\"/fr/logiciels-rh/personio/\"\n       class=\"min-h-[160px]  bg-highlight-3 rounded-12 flex flex-column @[430px]:flex-row lg:items-center overflow-hidden\">\n        \n            \n            <div class=\"flex align-center content-center h-full w-full bg-highlight-3-harmonize flex-grow-0 flex-shrink-0 basis-1/3\">\n                <div class=\"flex align-center content-center h-[80px] max-sm:h-[80px] @[300px]:h-[120px] @[430px]:h-[160px]  @[430px]:py-equal-2 py-equal-5 min-w-[100px] w-full px-equal-5 \">\n                    <img class=\"w-full h-full block object-contain\" src=\"https://media.hr-campus.ch/filer_public_thumbnails/filer_public/80/e8/80e8a2a5-c8d4-41a5-81bb-59b8bfc74ff8/personio.svg__250x250.svg\"/>\n                </div>\n            </div>\n        \n\n        <div class=\"flex flex-column w-full gap-y-equal-6 max-sm:items-start max-sm:flex-col @[430px]:flex-row @[430px]:items-center px-scale-6 py-scale-6 justify-between\">\n            <div class=\"flex flex-column mr-scale-6 \">\n                \n                \n                <h3 class=\"text-h6\">Personio</h3>\n                <p class=\"mt-equal-6 text-small-1 text-tighter font-semibold\">La solution logicielle RH tout-en-un pour PME</p>\n            </div>\n            <div\n                class=\"flex items-center justify-center border border-solid border-neutral-1 rounded-full min-w-[40px] w-[40px] h-[40px]\">\n                <svg class=\"ml-1 h-[1.15em] w-[1.15em]\">\n                    <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-arrow-right\"/>\n                </svg>\n            </div>\n        </div>\n    </a>\n</div>\n\n        \n    \n</div>\n"}], "type": "", "max_width": 350, "title": "Logiciels", "link": {"title": "Aper\u00e7u des logiciels", "url": "/fr/apercu-des-logiciels/"}}, {"id": 8, "page_id": 21, "link_sections": [{"id": 46, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "Externalisation RH", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/services-rh/externalisation-de-la-gestion-des-accidents-et-des-maladies/\">Accidents & maladies</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/services-rh/externalisation-de-l-administration-rh/\">Administration</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/services-rh/externalisation-de-certificats-de-travail/\">Certificats de travail</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/services-rh/externalisation-de-la-paie/\">Paie</a>\n        \n    \n</div>\n"}, {"id": 51, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "Gestion RH int\u00e9rimaire", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/services-rh/responsables-rh/\">Responsables RH</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/services-rh/specialistes-rh/\">Sp\u00e9cialistes RH</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/services-rh/travailler-avec-nous/\">Travailler avec nous</a>\n        \n    \n</div>\n"}, {"id": 55, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "Support", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_blank\" href=\"https://cockpit.hr-campus.ch\">Espace client</a>\n        \n    \n</div>\n"}, {"id": 56, "page_id": null, "link_sections": [], "type": "teaser", "max_width": 350, "title": null, "html_content": "<div class=\"flex flex-col gap-y-equal-5 max-h-[550px] custom-scrollbar overflow-y-auto\">\n    \n        \n                \n\n<div class=\"h-[350px] max-w-[350px] bg-highlight-2 group/section button-small relative --inverted rounded-12 before:image-mask before:z-10 overflow-hidden\">\n   <span class=\"bg-highlight-2 hidden\"></span>\n    \n        \n        <div class=\"responsive-media absolute w-full h-full z-0\">\n            <img class=\"block w-full h-full object-cover\" src=\"https://media.hr-campus.ch/filer_public_thumbnails/filer_public/24/ba/24ba5a87-cccc-4fd6-b3fe-9b9968b0e43b/header_-_hr_people.jpg__1000x1000_q85_subsampling-2.jpg.webp\" />\n        </div>\n    \n\n    <div class=\"relative w-full h-full flex flex-column justify-end px-scale-6 py-scale-6 z-10\">\n        <div class=\"flex flex-column\">\n            \n            \n            <span class=\"text-small-2 text-white/60 font-semibold\">HR People</span>\n            <h3 class=\"text-h6 text-white mt-equal-6\">Travailler de mani\u00e8re ind\u00e9pendante, mais avec une r\u00e9mun\u00e9ration s\u00fbre ?</h3>\n        </div>\n       <div\n            class=\"w-fit flex flex-column justify-end \">\n            \n                \n                    \n\n\n<a class=\"button-outline-base min-w-[180px] h-[40px] px-[15px] mt-scale-5 border-white group-[]/menu-cta:border max-md:group-[]/menu-cta:min-w-[auto] max-md:group-[]/menu-cta:px-[15px] relative group-has-[.pointer-events-none]/menu-cta:pointer-events-auto  group-[]/menu-cta:border-\" href=\"/fr/univers-rh/hr-people/\"  aria-label=\"\"      target=\"_self\" ><span class=\"button-label\"><span class=\"text-small-1 max-md:group-[]/menu-cta:text-small-2 group-[.button-small]/section:text-small-2 mb-0\">Vers la communaut\u00e9</span><i class=\"icon h-[--icon-height] w-[--icon-width] will-change-transform\" style=\"--icon-width: var(--button-icon-arrow-right-width); --icon-height: var(--button-icon-arrow-right-height); --tw-rotate: var(--button-icon-arrow-right-rotate);\"><svg class=\"w-full h-full\"><use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-arrow-right\"/></svg></i></span><div class=\"button-mask bg--hover group-has-[.bg-]/section:bg--harmonize-hover\"><div class=\"button-mask-label\" content=\"Vers la communaut\u00e9\"></div></div></a>\n\n                \n            \n        </div>\n    </div>\n</div>\n\n        \n    \n</div>\n"}], "type": "", "max_width": 350, "title": "Services", "link": {"title": "Success stories", "url": "/fr/a-propos-de-nous/histoires-de-reussite/"}}], [{"id": 9, "page_id": null, "link_sections": [{"id": 14, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "Savoir RH", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/univers-rh/connaissances-rh/articles-specialises/\">Articles sp\u00e9cialis\u00e9s</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/univers-rh/connaissances-rh/podcast/\">Podcast</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/univers-rh/connaissances-rh/telechargements/\">T\u00e9l\u00e9chargements</a>\n        \n    \n</div>\n"}, {"id": 67, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "\u00c9v\u00e9nements", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/univers-rh/evenements/\">Manifestations</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/univers-rh/seminaires/\">S\u00e9minaires</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/univers-rh/webinaires/\">Webinaires</a>\n        \n    \n</div>\n"}, {"id": 68, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "Communaut\u00e9", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_blank\" href=\"https://www.hr-cosmos.ch/fr/\">HR Cosmos</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/univers-rh/hr-people/\">HR People</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/univers-rh/seminaires/\">Swiss HR Academy</a>\n        \n    \n</div>\n"}, {"id": 69, "page_id": null, "link_sections": [], "type": "teaser", "max_width": 350, "title": null, "html_content": "<div class=\"flex flex-col gap-y-equal-5 max-h-[550px] custom-scrollbar overflow-y-auto\">\n    \n        \n                \n\n<div class=\"h-[350px] max-w-[350px] bg-highlight-2 group/section button-small relative --inverted rounded-12 before:image-mask before:z-10 overflow-hidden\">\n   <span class=\"bg-highlight-2 hidden\"></span>\n    \n        \n        <div class=\"responsive-media absolute w-full h-full z-0\">\n            <img class=\"block w-full h-full object-cover\" src=\"https://media.hr-campus.ch/filer_public_thumbnails/filer_public/17/cf/17cf3600-24c2-467e-a37f-81205d0a0711/hrcampus-still-event-favorit-allink-dsc_7170.jpg__1000x1000_q85_subsampling-2.jpg.webp\" />\n        </div>\n    \n\n    <div class=\"relative w-full h-full flex flex-column justify-end px-scale-6 py-scale-6 z-10\">\n        <div class=\"flex flex-column\">\n            \n            \n            <span class=\"text-small-2 text-white/60 font-semibold\">\u00c9v\u00e9nements RH actuels</span>\n            <h3 class=\"text-h6 text-white mt-equal-6\">Aper\u00e7u de tous les \u00e9v\u00e9nements de la communaut\u00e9 RH suisse</h3>\n        </div>\n       <div\n            class=\"w-fit flex flex-column justify-end \">\n            \n                \n                    \n\n\n<a class=\"button-outline-base min-w-[180px] h-[40px] px-[15px] mt-scale-5 border-white group-[]/menu-cta:border max-md:group-[]/menu-cta:min-w-[auto] max-md:group-[]/menu-cta:px-[15px] relative group-has-[.pointer-events-none]/menu-cta:pointer-events-auto  group-[]/menu-cta:border-\" href=\"/fr/univers-rh/evenements/\"  aria-label=\"\"      target=\"_self\" ><span class=\"button-label\"><span class=\"text-small-1 max-md:group-[]/menu-cta:text-small-2 group-[.button-small]/section:text-small-2 mb-0\">Vers le calendrier</span><i class=\"icon h-[--icon-height] w-[--icon-width] will-change-transform\" style=\"--icon-width: var(--button-icon-arrow-right-width); --icon-height: var(--button-icon-arrow-right-height); --tw-rotate: var(--button-icon-arrow-right-rotate);\"><svg class=\"w-full h-full\"><use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-arrow-right\"/></svg></i></span><div class=\"button-mask bg--hover group-has-[.bg-]/section:bg--harmonize-hover\"><div class=\"button-mask-label\" content=\"Vers le calendrier\"></div></div></a>\n\n                \n            \n        </div>\n    </div>\n</div>\n\n        \n    \n</div>\n"}], "type": "", "max_width": 350, "title": "Univers RH"}, {"id": 10, "page_id": null, "link_sections": [{"id": 71, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "HR Campus", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/a-propos-de-nous/emplois-carriere/\">Emplois & carri\u00e8re</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/a-propos-de-nous/equipe/\">\u00c9quipe</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/a-propos-de-nous/notre-engagement/\">Notre engagement</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/a-propos-de-nous/notre-histoire/\">Notre histoire</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/a-propos-de-nous/portrait-d-entreprise/\">Portrait d'entreprise</a>\n        \n    \n</div>\n"}, {"id": 72, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "Clients & partenaires", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/a-propos-de-nous/apercu-des-clients/\">Nos clients</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/a-propos-de-nous/partenariats/\">Partenariats</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/a-propos-de-nous/histoires-de-reussite/\">Success stories</a>\n        \n    \n</div>\n"}, {"id": 73, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "Support", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/contact/campusline/\">CampusLine</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/contact/medias/\">M\u00e9dias</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/contact/sites/\">Nos bureaux</a>\n        \n    \n</div>\n"}, {"id": 74, "page_id": null, "link_sections": [], "type": "teaser", "max_width": 350, "title": null, "html_content": "<div class=\"flex flex-col gap-y-equal-5 max-h-[550px] custom-scrollbar overflow-y-auto\">\n    \n        \n                \n\n<div class=\"h-[350px] max-w-[350px] bg-highlight-2 group/section button-small relative --inverted rounded-12 before:image-mask before:z-10 overflow-hidden\">\n   <span class=\"bg-highlight-2 hidden\"></span>\n    \n        \n        <div class=\"responsive-media absolute w-full h-full z-0\">\n            <img class=\"block w-full h-full object-cover\" src=\"https://media.hr-campus.ch/filer_public_thumbnails/filer_public/87/5d/875d426f-2b4a-4122-b1e8-03aae2e5084d/slider_1_dsc_2616.jpg__1000x1000_q85_subsampling-2.jpg.webp\" />\n        </div>\n    \n\n    <div class=\"relative w-full h-full flex flex-column justify-end px-scale-6 py-scale-6 z-10\">\n        <div class=\"flex flex-column\">\n            \n            \n            <span class=\"text-small-2 text-white/60 font-semibold\">Emplois et carri\u00e8re</span>\n            <h3 class=\"text-h6 text-white mt-equal-6\">Travailler chez HR Campus</h3>\n        </div>\n       <div\n            class=\"w-fit flex flex-column justify-end \">\n            \n                \n                    \n\n\n<a class=\"button-outline-base min-w-[180px] h-[40px] px-[15px] mt-scale-5 border-white group-[]/menu-cta:border max-md:group-[]/menu-cta:min-w-[auto] max-md:group-[]/menu-cta:px-[15px] relative group-has-[.pointer-events-none]/menu-cta:pointer-events-auto  group-[]/menu-cta:border-\" href=\"https://careers.hr-campus.ch/search/?q=&amp;amp;locationsearch=&amp;amp;searchResultView=LIST&amp;amp;locale=de_DE&amp;locale=fr_FR\"  aria-label=\"\"      target=\"_blank\" ><span class=\"button-label\"><span class=\"text-small-1 max-md:group-[]/menu-cta:text-small-2 group-[.button-small]/section:text-small-2 mb-0\">Vers les offres d'emploi</span><i class=\"icon h-[--icon-height] w-[--icon-width] will-change-transform\" style=\"--icon-width: var(--button-icon-arrow-external-width); --icon-height: var(--button-icon-arrow-external-height); --tw-rotate: var(--button-icon-arrow-external-rotate);\"><svg class=\"w-full h-full\"><use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-arrow-external\"/></svg></i></span><div class=\"button-mask bg--hover group-has-[.bg-]/section:bg--harmonize-hover\"><div class=\"button-mask-label\" content=\"Vers les offres d'emploi\"></div></div></a>\n\n                \n            \n        </div>\n    </div>\n</div>\n\n        \n    \n</div>\n"}], "type": "", "max_width": 350, "title": "\u00c0 propos de nous"}, {"id": 11, "page_id": null, "link_sections": [{"id": 59, "page_id": null, "link_sections": [{"id": 120, "page_id": 29, "link_sections": [], "type": "contact_form_link", "max_width": 350, "title": null, "link": {"title": "Comment pouvons-nous t'aider\u202f?", "url": "/fr/contact/sites/"}, "html_content": "\n\n<div class=\"max-w-[350px] xl:max-w-[300px] max-lg:w-[95%] xl:w-full flex-grow-1 flex-shrink-0 xl:basis-full border border-highlight-3 border-solid rounded-12 px-scale-6 py-scale-6 h-fit group/section button-small\">\n    <p class=\"text-default text-tighter\"></p>\n     <div class=\"\">\n         \n         \n\n\n<a class=\"button-highlight-1 min-w-[180px] h-[40px] px-[15px] mt-scale-5 group-[]/menu-cta:border max-md:group-[]/menu-cta:min-w-[auto] max-md:group-[]/menu-cta:px-[15px] relative group-has-[.pointer-events-none]/menu-cta:pointer-events-auto  group-[]/menu-cta:border-highlight-1\" href=\"#\"  aria-label=\"\"  data-trigger-form-modal data-trigger-form-modal-delayed  rel=\"noopener noreferrer nofollow\" role=\"button\"    target=\"_self\" ><span class=\"button-label\"><span class=\"text-small-1 max-md:group-[]/menu-cta:text-small-2 group-[.button-small]/section:text-small-2 mb-0\">Formulaire de contact</span></span><div class=\"button-mask bg-highlight-1-hover group-has-[.bg-highlight-1]/section:bg-highlight-1-harmonize-hover\"><div class=\"button-mask-label\" content=\"Formulaire de contact\"></div></div></a>\n\n     </div>\n</div>\n"}], "type": "contact", "max_width": 700, "title": "Contact", "html_content": "\n\n\n\n    <div class=\"flex max-xl:flex-wrap gap-10\">\n        <div\n            class=\"max-w-[350px] xl:max-w-[300px] max-lg:w-[95%] xl:w-full flex-grow-1 flex-shrink-0 xl:basis-full border border-highlight-3 border-solid rounded-12 px-scale-6 py-scale-6\">\n            <p class=\"text-default\">HR Campus SA</p>\n            <p class=\"text-default mt-equal-5\">Av. d\u2019Ouchy\n                4</p>\n            <p class=\"text-default mt-equal-5\">1006 Lausanne</p>\n            <div class=\"mt-equal-5\">\n                \n<div class=\"group/toggle\">\n    <div class=\"flex\">\n        <div class=\"flex gap-x-equal-5\">\n        \n        \n            \n\n\n    <button role=\"link\"\n            rel=\"noopener noreferrer nofollow\"\n            data-toggle\n            class=\"relative group/toggle flex items-center justify-center w-[40px] h-[40px] rounded-full base-transition-colors cursor-pointer bg-highlight-3-harmonize hover:bg-highlight-3-harmonize-hover [&.toggle--collapsed]:transition-none [&.toggle--collapsed]:border [&.toggle--collapsed]:bg-transparent [&.toggle--collapsed]:hover:bg-transparent border-solid border-highlight-3 group-has-[.backdrop-blur-lg]/section:border-neutral-1/20 \">\n        <div\n            class=\"absolute shadow-2 flex flex-column items-center justify-center bg-white rounded-20 px-equal-3 py-equal-5 mb-equal-7 min-w-[206px] bottom-[40px] scale-90 opacity-0 overflow-hidden origin-top collapse-transition-transform group-[.toggle--collapsed]/toggle:opacity-100 group-[.toggle--collapsed]/toggle:pointer-events-auto group-[.toggle--collapsed]/toggle:scale-100 pointer-events-none cursor-default z-100 toggle-overlay toggle-overlay-adjusted\"\n            data-toggle-container>\n            <span class=\"text-small-3 mb-equal-6 text-center line-\">office@hr-campus.ch</span>\n            <div class=\"flex gap-x-equal-5\">\n                <div class=\"flex flex-column justify-center items-center\">\n                    <a href=\"mailto:office@hr-campus.ch\"\n                       data-layer-event=\"data-clipboard-copy-mail\"\n                       data-layer-event-action=\"click\"\n                        class=\"copy-mail flex items-center justify-center w-[50px] h-[50px] rounded-full base-transition-colors cursor-pointer bg-highlight-3 hover:bg-highlight-3-hover mb-equal-7\">\n                        <svg\n                            width=\"26\"\n                            height=\"18\">\n                            <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-mail\"/>\n                        </svg>\n                    </a>\n                    <span class=\"text-small-3 text-center text-neutral-1\">\u00c9crire</span>\n                </div>\n                <div class=\"group/clipboard flex flex-column justify-center items-center\"\n                    data-clipboard-parent>\n                    <div\n                        class=\" flex items-center justify-center w-[50px] h-[50px] rounded-full base-transition-colors cursor-pointer group-[.copied]/clipboard:transition-none group-[.copied]/clipboard:border group-[.copied]/clipboard:bg-transparent group-[.copied]/clipboard:hover:bg-transparent border-solid border-highlight-3 bg-highlight-3 hover:bg-highlight-3-hover mb-equal-7\"\n                        data-clipboard\n                        data-layer-event=\"data-clipboard-copy-mail\"\n                        data-layer-event-action=\"click\"\n                        data-clipboard-content=\"office@hr-campus.ch\">\n                        <svg class=\"block group-[.copied]/clipboard:hidden\" width=\"19\"\n                            height=\"23\">\n                            <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-copy\"/>\n                        </svg>\n                        <svg class=\"hidden group-[.copied]/clipboard:block\" width=\"23\"\n                            height=\"18\">\n                            <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-check\"/>\n                        </svg>\n                    </div>\n                    <p class=\"block whitespace-nowrap group-[.copied]/clipboard:hidden w-[55px] text-small-3 text-center text-neutral-1\">Copier</p>\n                    <p class=\"hidden whitespace-nowrap group-[.copied]/clipboard:block w-[55px] text-small-3 text-center text-neutral-1\">Copi\u00e9</p>\n                </div>\n            </div>\n        </div>\n\n        <svg class=\"block group-[.toggle--collapsed]/toggle:hidden h-[--icon-height] w-[--icon-width] \"\n            style=\"--icon-width: calc(26px * 0.75); --icon-height: calc(18px * 0.75);\"\n        >\n            <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-mail\"/>\n        </svg>\n        <svg class=\"hidden group-[.toggle--collapsed]/toggle:block\"\n            width=\"16\"\n            height=\"16\">\n            <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-close\"/>\n        </svg>\n    </button>\n\n\n        \n        \n        \n        \n        \n            \n\n\n    <button role=\"link\"\n            rel=\"noopener noreferrer nofollow\"\n            data-toggle\n            class=\"relative group/toggle flex items-center justify-center w-[40px] h-[40px] rounded-full base-transition-colors cursor-pointer bg-highlight-3-harmonize hover:bg-highlight-3-harmonize-hover [&.toggle--collapsed]:transition-none [&.toggle--collapsed]:border [&.toggle--collapsed]:bg-transparent [&.toggle--collapsed]:hover:bg-transparent border-solid border-highlight-3 group-has-[.backdrop-blur-lg]/section:border-neutral-1/20 \">\n        <div\n            class=\"absolute shadow-2 flex flex-column items-center justify-center bg-white rounded-20 px-equal-3 py-equal-5 mb-equal-7 min-w-[206px] bottom-[40px] scale-90 opacity-0 overflow-hidden origin-top collapse-transition-transform group-[.toggle--collapsed]/toggle:opacity-100 group-[.toggle--collapsed]/toggle:pointer-events-auto group-[.toggle--collapsed]/toggle:scale-100 pointer-events-none cursor-default z-100 toggle-overlay toggle-overlay-adjusted\"\n            data-toggle-container>\n            <span class=\"text-small-3 mb-equal-6 text-center line-\">+41 44 215 15 15</span>\n            <div class=\"flex gap-x-equal-5\">\n                <div class=\"flex flex-column justify-center items-center\">\n                    <a href=\"tel:+41442151515\"\n                       data-layer-event=\"data-clipboard-copy-tel\"\n                       data-layer-event-action=\"click\"\n                        class=\"copy-tel flex items-center justify-center w-[50px] h-[50px] rounded-full base-transition-colors cursor-pointer bg-highlight-3 hover:bg-highlight-3-hover mb-equal-7\">\n                        <svg\n                            width=\"24\"\n                            height=\"24\">\n                            <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-phone\"/>\n                        </svg>\n                    </a>\n                    <span class=\"text-small-3 text-center text-neutral-1\">Appel</span>\n                </div>\n                <div class=\"group/clipboard flex flex-column justify-center items-center\"\n                    data-clipboard-parent>\n                    <div\n                        class=\" flex items-center justify-center w-[50px] h-[50px] rounded-full base-transition-colors cursor-pointer group-[.copied]/clipboard:transition-none group-[.copied]/clipboard:border group-[.copied]/clipboard:bg-transparent group-[.copied]/clipboard:hover:bg-transparent border-solid border-highlight-3 bg-highlight-3 hover:bg-highlight-3-hover mb-equal-7\"\n                        data-clipboard\n                        data-layer-event=\"data-clipboard-copy-tel\"\n                        data-layer-event-action=\"click\"\n                        data-clipboard-content=\"+41 44 215 15 15\">\n                        <svg class=\"block group-[.copied]/clipboard:hidden\" width=\"19\"\n                            height=\"23\">\n                            <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-copy\"/>\n                        </svg>\n                        <svg class=\"hidden group-[.copied]/clipboard:block\" width=\"23\"\n                            height=\"18\">\n                            <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-check\"/>\n                        </svg>\n                    </div>\n                    <p class=\"block whitespace-nowrap group-[.copied]/clipboard:hidden w-[55px] text-small-3 text-center text-neutral-1\">Copier</p>\n                    <p class=\"hidden whitespace-nowrap group-[.copied]/clipboard:block w-[55px] text-small-3 text-center text-neutral-1\">Copi\u00e9</p>\n                </div>\n            </div>\n        </div>\n\n        <svg class=\"block group-[.toggle--collapsed]/toggle:hidden h-[--icon-height] w-[--icon-width] \"\n            style=\"--icon-width: calc(24px * 0.75); --icon-height: calc(24px * 0.75);\"\n        >\n            <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-phone\"/>\n        </svg>\n        <svg class=\"hidden group-[.toggle--collapsed]/toggle:block\"\n            width=\"16\"\n            height=\"16\">\n            <use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-close\"/>\n        </svg>\n    </button>\n\n\n        \n        \n        \n        </div>\n    </div>\n</div>\n\n            </div>\n        </div>\n      \n        \n\n<div class=\"max-w-[350px] xl:max-w-[300px] max-lg:w-[95%] xl:w-full flex-grow-1 flex-shrink-0 xl:basis-full border border-highlight-3 border-solid rounded-12 px-scale-6 py-scale-6 h-fit group/section button-small\">\n    <p class=\"text-default text-tighter\">Comment pouvons-nous t'aider\u202f?</p>\n     <div class=\"\">\n         \n         \n\n\n<a class=\"button-highlight-1 min-w-[180px] h-[40px] px-[15px] mt-scale-5 group-[]/menu-cta:border max-md:group-[]/menu-cta:min-w-[auto] max-md:group-[]/menu-cta:px-[15px] relative group-has-[.pointer-events-none]/menu-cta:pointer-events-auto  group-[]/menu-cta:border-highlight-1\" href=\"#\"  aria-label=\"\"  data-trigger-form-modal data-trigger-form-modal-delayed  rel=\"noopener noreferrer nofollow\" role=\"button\"    target=\"_self\" ><span class=\"button-label\"><span class=\"text-small-1 max-md:group-[]/menu-cta:text-small-2 group-[.button-small]/section:text-small-2 mb-0\">Formulaire de contact</span></span><div class=\"button-mask bg-highlight-1-hover group-has-[.bg-highlight-1]/section:bg-highlight-1-harmonize-hover\"><div class=\"button-mask-label\" content=\"Formulaire de contact\"></div></div></a>\n\n     </div>\n</div>\n\n    \n    </div>\n\n\n"}, {"id": 76, "page_id": null, "link_sections": [], "type": "links", "max_width": 350, "title": "Support", "html_content": "<div class=\"flex flex-col gap-y-equal-4\">\n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/contact/campusline/\">CampusLine</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_blank\" href=\"https://cockpit.hr-campus.ch\">Espace client</a>\n        \n    \n        \n            <a class=\"text-h6 hover:text-neutral-1/60 base-transition-colors\" target=\"_self\" href=\"/fr/contact/medias/\">M\u00e9dias</a>\n        \n    \n</div>\n"}, {"id": 77, "page_id": null, "link_sections": [], "type": "teaser", "max_width": 350, "title": null, "html_content": "<div class=\"flex flex-col gap-y-equal-5 max-h-[550px] custom-scrollbar overflow-y-auto\">\n    \n        \n                \n\n<div class=\"h-[350px] max-w-[350px] bg-highlight-2 group/section button-small relative --inverted rounded-12 before:image-mask before:z-10 overflow-hidden\">\n   <span class=\"bg-highlight-2 hidden\"></span>\n    \n        \n        <div class=\"responsive-media absolute w-full h-full z-0\">\n            <img class=\"block w-full h-full object-cover\" src=\"https://media.hr-campus.ch/filer_public_thumbnails/filer_public/8f/b5/8fb5da80-865e-45fc-a82b-241cc53a99b1/headerbild_springende_mitarbeitende.jpg__1000x1000_q85_subsampling-2.jpg.webp\" />\n        </div>\n    \n\n    <div class=\"relative w-full h-full flex flex-column justify-end px-scale-6 py-scale-6 z-10\">\n        <div class=\"flex flex-column\">\n            \n            \n            <span class=\"text-small-2 text-white/60 font-semibold\">Nos bureaux</span>\n            <h3 class=\"text-h6 text-white mt-equal-6\">Ici, nous sommes l\u00e0 pour toi !</h3>\n        </div>\n       <div\n            class=\"w-fit flex flex-column justify-end \">\n            \n                \n                    \n\n\n<a class=\"button-outline-base min-w-[180px] h-[40px] px-[15px] mt-scale-5 border-white group-[]/menu-cta:border max-md:group-[]/menu-cta:min-w-[auto] max-md:group-[]/menu-cta:px-[15px] relative group-has-[.pointer-events-none]/menu-cta:pointer-events-auto  group-[]/menu-cta:border-\" href=\"/fr/contact/sites/\"  aria-label=\"\"      target=\"_self\" ><span class=\"button-label\"><span class=\"text-small-1 max-md:group-[]/menu-cta:text-small-2 group-[.button-small]/section:text-small-2 mb-0\">Voir les bureaux</span><i class=\"icon h-[--icon-height] w-[--icon-width] will-change-transform\" style=\"--icon-width: var(--button-icon-arrow-right-width); --icon-height: var(--button-icon-arrow-right-height); --tw-rotate: var(--button-icon-arrow-right-rotate);\"><svg class=\"w-full h-full\"><use xlink:href=\"/static/dist/sprites/icons.0252816cc764.svg#icon-arrow-right\"/></svg></i></span><div class=\"button-mask bg--hover group-has-[.bg-]/section:bg--harmonize-hover\"><div class=\"button-mask-label\" content=\"Voir les bureaux\"></div></div></a>\n\n                \n            \n        </div>\n    </div>\n</div>\n\n        \n    \n</div>\n"}], "type": "", "max_width": 350, "title": "Contact"}]], "search_terms": [{"title": "Emplois & carri\u00e8re", "url": "/fr/a-propos-de-nous/emplois-carriere/", "is_external_link": false}, {"title": "\u00c9v\u00e9nements", "url": "/fr/univers-rh/evenements/", "is_external_link": false}, {"title": "\u00c9quipe", "url": "/fr/a-propos-de-nous/equipe/", "is_external_link": false}, {"title": "HR People", "url": "/fr/univers-rh/hr-people/", "is_external_link": false}, {"title": "Edi - Expense Intelligence", "url": "/fr/logiciels-rh/edi-expense-intelligence/", "is_external_link": false}, {"title": "Personio", "url": "/fr/logiciels-rh/personio/", "is_external_link": false}, {"title": "RH pour PME", "url": "/fr/logiciels-rh/rh-pour-pme/", "is_external_link": false}, {"title": "UKG HR Service Delivery", "url": "/fr/logiciels-rh/ukg-hr-service-delivery/", "is_external_link": false}, {"title": "T\u00e9l\u00e9chargements", "url": "/fr/univers-rh/connaissances-rh/telechargements/", "is_external_link": false}], "version": "1766495439535"}