{"id":3914,"date":"2026-05-04T10:21:43","date_gmt":"2026-05-04T08:21:43","guid":{"rendered":"https:\/\/www.offredemploi.fr\/newsroom\/?page_id=3914"},"modified":"2026-05-04T12:49:42","modified_gmt":"2026-05-04T10:49:42","slug":"accueil","status":"publish","type":"page","link":"https:\/\/www.offredemploi.fr\/newsroom\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<div class=\"gb-element-a408878b\">\n<!-- ============================================================\n     HERO Offre d'emploi \u2014 Section d'accueil refondue\n     Remplace simplement l'URL de l'image (.oe-hero__img src=...)\n     par la tienne. Tout le reste est auto-contenu.\n============================================================ -->\n<section class=\"oe-hero\" aria-labelledby=\"oe-hero-title\">\n  <!-- Image de fond (REMPLACE l'URL ci-dessous par la tienne) -->\n  <img decoding=\"async\" class=\"oe-hero__img\"\n       src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2025\/01\/hero-offredemploi.jpg\"\n       alt=\"\"\n       aria-hidden=\"true\"\n       loading=\"eager\"\n       fetchpriority=\"high\">\n  <div class=\"oe-hero__overlay\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"oe-hero__inner\">\n    <!-- Badge \/ Eyebrow -->\n    <span class=\"oe-hero__badge\">\n      <span class=\"oe-hero__dot\"><\/span>\n      Plus de 10 000 offres mises \u00e0 jour chaque jour\n    <\/span>\n\n    <!-- Titre -->\n    <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Sommaire<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #1e73be;color:#1e73be\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #1e73be;color:#1e73be\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Trouvez_lemploi_ideal_selon_votre_profil_et_vos_ambitions\" >Trouvez l&#8217;emploi id\u00e9al \n      selon votre profil et vos ambitions<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Qui_sommes-nous\" >Qui sommes-nous ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Articles_recents\" >Articles r\u00e9cents<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Quel_chercheur_demploi_etes-vous\" >Quel chercheur d&rsquo;emploi \u00eates-vous ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Connaissez-vous_le_monde_du_recrutement\" >Connaissez-vous le monde du recrutement ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Trouver_lemploi_ideal_nos_conseils_pour_reussir_votre_recherche\" >Trouver l'emploi id\u00e9al : nos conseils pour r\u00e9ussir votre recherche<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#A_retenir_pour_bien_demarrer\" >\u00c0 retenir pour bien d\u00e9marrer<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Offre_demploi\" >Offre d'emploi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Tout_savoir_sur_le_contrat_de_travail\" >Tout savoir sur le contrat de travail<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#CDI\" >CDI<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#CDD\" >CDD<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Alternance\" >Alternance<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Freelance\" >Freelance<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Valorisez_votre_experience_a_chaque_etape\" >Valorisez votre exp\u00e9rience \u00e0 chaque \u00e9tape<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Junior_%C2%B7_0_a_2_ans\" >Junior \u00b7 0 \u00e0 2 ans<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Confirme_%C2%B7_3_a_7_ans\" >Confirm\u00e9 \u00b7 3 \u00e0 7 ans<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Senior_%C2%B7_8_a_15_ans\" >Senior \u00b7 8 \u00e0 15 ans<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Expert_%C2%B7_15_ans_et_plus\" >Expert \u00b7 15 ans et plus<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Trouvez_votre_prochain_emploi_pres_de_chez_vous\" >Trouvez votre prochain emploi pr\u00e8s de chez vous<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Paris\" >Paris<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Lyon\" >Lyon<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Marseille\" >Marseille<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Toulouse\" >Toulouse<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Bordeaux\" >Bordeaux<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Tous_les_secteurs_qui_recrutent_en_France\" >Tous les secteurs qui recrutent en France<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Les_meilleures_offres_demploi_et_conseils_carriere_chaque_semaine\" >Les meilleures offres d'emploi et conseils carri\u00e8re, chaque semaine<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Sabonner_a_la_newsletter\" >S'abonner \u00e0 la newsletter<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Ce_que_disent_nos_lecteurs\" >Ce que disent nos lecteurs<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/#Prete_a_booster_votre_carriere\" >Pr\u00eat(e) \u00e0 booster votre carri\u00e8re ?<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h1 class=\"oe-hero__title\" id=\"oe-hero-title\"><span class=\"ez-toc-section\" id=\"Trouvez_lemploi_ideal_selon_votre_profil_et_vos_ambitions\"><\/span>\n      Trouvez <span class=\"oe-hero__accent\">l&#8217;emploi id\u00e9al<\/span><br>\n      selon votre profil et vos ambitions\n    <span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n    <!-- Sous-titre -->\n    <p class=\"oe-hero__lead\">\n      Bienvenue sur <strong>Offredemploi.fr<\/strong>, le site qui simplifie votre\n      recherche d&#8217;emploi. Explorez des offres cibl\u00e9es selon votre contrat,\n      votre exp\u00e9rience, votre localisation et votre secteur.\n    <\/p>\n\n    <!-- Barre de recherche -->\n    <form class=\"oe-hero__search\" role=\"search\" action=\"\/offres\" method=\"get\">\n      <label class=\"oe-hero__field\">\n        <svg class=\"oe-hero__field-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n          <path d=\"m21 21-4.35-4.35\"\/>\n        <\/svg>\n        <input type=\"text\" name=\"q\" placeholder=\"M\u00e9tier, mot-cl\u00e9, entreprise...\" aria-label=\"M\u00e9tier ou mot-cl\u00e9\">\n      <\/label>\n\n      <span class=\"oe-hero__divider\" aria-hidden=\"true\"><\/span>\n\n      <label class=\"oe-hero__field\">\n        <svg class=\"oe-hero__field-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <path d=\"M20 10c0 7-8 12-8 12s-8-5-8-12a8 8 0 0 1 16 0Z\"\/>\n          <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n        <\/svg>\n        <input type=\"text\" name=\"lieu\" placeholder=\"Ville, r\u00e9gion...\" aria-label=\"Lieu\">\n      <\/label>\n\n      <button type=\"submit\" class=\"oe-hero__submit\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n          <path d=\"m21 21-4.35-4.35\"\/>\n        <\/svg>\n        <span>Rechercher<\/span>\n      <\/button>\n    <\/form>\n\n    <!-- Stats de confiance -->\n    <ul class=\"oe-hero__stats\" aria-label=\"Chiffres cl\u00e9s\">\n      <li class=\"oe-hero__stat\">\n        <strong>10 000<span>+<\/span><\/strong>\n        <span>Offres actives<\/span>\n      <\/li>\n      <li class=\"oe-hero__stat\">\n        <strong>500<span>+<\/span><\/strong>\n        <span>Entreprises<\/span>\n      <\/li>\n      <li class=\"oe-hero__stat\">\n        <strong>50<span>+<\/span><\/strong>\n        <span>Villes en France<\/span>\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   HERO \u2014 styles scoped (.oe-hero) pour ne pas casser le th\u00e8me\n============================================================ *\/\n.oe-hero {\n  position: relative;\n  min-height: 640px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  padding: 96px 24px 80px;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: #ffffff;\n  isolation: isolate;\n}\n\n.oe-hero__img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 0;\n}\n\n.oe-hero__overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse at 30% 0%, rgba(59, 130, 246, 0.55) 0%, transparent 60%),\n    linear-gradient(135deg, rgba(30, 58, 138, 0.94) 0%, rgba(37, 99, 235, 0.88) 45%, rgba(30, 64, 175, 0.96) 100%);\n  z-index: 1;\n}\n\n.oe-hero__inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1080px;\n  width: 100%;\n  margin: 0 auto;\n  text-align: center;\n}\n\n\/* Badge *\/\n.oe-hero__badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 18px;\n  background: rgba(255, 255, 255, 0.12);\n  -webkit-backdrop-filter: blur(8px);\n  backdrop-filter: blur(8px);\n  border: 1px solid rgba(255, 255, 255, 0.22);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.01em;\n  margin-bottom: 28px;\n}\n\n.oe-hero__dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #f59e0b;\n  position: relative;\n}\n.oe-hero__dot::before {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border-radius: 50%;\n  background: rgba(245, 158, 11, 0.45);\n  animation: oe-hero-pulse 2s ease-in-out infinite;\n}\n@keyframes oe-hero-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.6; }\n  50%      { transform: scale(2); opacity: 0; }\n}\n\n\/* Titre *\/\n.oe-hero__title {\n  font-size: clamp(30px, 4.6vw, 56px);\n  font-weight: 800;\n  line-height: 1.08;\n  letter-spacing: -0.02em;\n  margin: 0 0 20px;\n  color: #ffffff;\n  text-wrap: balance;\n}\n\n.oe-hero__accent {\n  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 55%, #d97706 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n\/* Sous-titre *\/\n.oe-hero__lead {\n  font-size: clamp(15px, 1.3vw, 17px);\n  line-height: 1.65;\n  margin: 0 auto 40px;\n  max-width: 720px;\n  color: rgba(255, 255, 255, 0.92);\n  font-weight: 400;\n}\n.oe-hero__lead strong { color: #ffffff; font-weight: 700; }\n\n\/* Barre de recherche *\/\n.oe-hero__search {\n  display: flex;\n  align-items: center;\n  background: #ffffff;\n  border-radius: 16px;\n  padding: 8px;\n  box-shadow:\n    0 24px 60px rgba(15, 23, 42, 0.30),\n    0 8px 16px rgba(15, 23, 42, 0.18);\n  max-width: 820px;\n  margin: 0 auto 48px;\n  gap: 4px;\n}\n\n.oe-hero__field {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  padding: 4px 14px;\n  gap: 10px;\n  border-radius: 10px;\n  transition: background 0.2s ease;\n  cursor: text;\n}\n.oe-hero__field:has(input:focus) { background: rgba(37, 99, 235, 0.06); }\n\n.oe-hero__field-icon {\n  width: 20px;\n  height: 20px;\n  color: #64748b;\n  flex-shrink: 0;\n}\n\n.oe-hero__field input {\n  flex: 1;\n  border: 0;\n  outline: none;\n  font-size: 15px;\n  padding: 14px 0;\n  color: #0f172a;\n  font-family: inherit;\n  background: transparent;\n  min-width: 0;\n}\n.oe-hero__field input::placeholder { color: #94a3b8; }\n\n.oe-hero__divider {\n  width: 1px;\n  height: 28px;\n  background: #e2e8f0;\n  flex-shrink: 0;\n}\n\n.oe-hero__submit {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 60%, #d97706 100%);\n  color: #ffffff;\n  border: 0;\n  border-radius: 12px;\n  padding: 14px 26px;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.01em;\n  cursor: pointer;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;\n  font-family: inherit;\n  box-shadow: 0 8px 20px rgba(245, 158, 11, 0.40);\n  white-space: nowrap;\n}\n.oe-hero__submit:hover {\n  transform: translateY(-2px);\n  filter: brightness(1.06);\n  box-shadow: 0 14px 28px rgba(245, 158, 11, 0.50);\n}\n.oe-hero__submit:active { transform: translateY(0); }\n.oe-hero__submit svg { width: 18px; height: 18px; }\n\n\/* Stats *\/\n.oe-hero__stats {\n  list-style: none;\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 12px 56px;\n  margin: 0;\n  padding: 0;\n}\n\n.oe-hero__stat {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n}\n\n.oe-hero__stat strong {\n  font-size: clamp(26px, 3vw, 34px);\n  font-weight: 800;\n  color: #ffffff;\n  letter-spacing: -0.01em;\n  line-height: 1;\n}\n.oe-hero__stat strong span {\n  background: linear-gradient(135deg, #fbbf24, #f59e0b);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n  margin-left: 2px;\n}\n\n.oe-hero__stat > span {\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.85);\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n\/* ====== Responsive ====== *\/\n@media (max-width: 768px) {\n  .oe-hero {\n    min-height: auto;\n    padding: 72px 18px 56px;\n  }\n  .oe-hero__title { font-size: clamp(26px, 7vw, 34px); }\n  .oe-hero__lead { font-size: 14px; margin-bottom: 28px; }\n\n  .oe-hero__search {\n    flex-direction: column;\n    padding: 8px;\n    gap: 2px;\n    border-radius: 14px;\n  }\n  .oe-hero__field {\n    width: 100%;\n    padding: 6px 14px;\n    border-bottom: 1px solid #f1f5f9;\n  }\n  .oe-hero__field:last-of-type { border-bottom: 0; }\n  .oe-hero__divider { display: none; }\n  .oe-hero__submit {\n    width: 100%;\n    justify-content: center;\n    margin-top: 8px;\n    padding: 14px 20px;\n  }\n\n  .oe-hero__stats { gap: 18px 32px; }\n  .oe-hero__stat strong { font-size: 22px; }\n  .oe-hero__stat > span { font-size: 11px; }\n}\n\n@media (max-width: 380px) {\n  .oe-hero__badge { font-size: 12px; padding: 6px 14px; }\n}\n\n\/* Respect du prefers-reduced-motion *\/\n@media (prefers-reduced-motion: reduce) {\n  .oe-hero__dot::before { animation: none; }\n  .oe-hero__submit { transition: none; }\n}\n<\/style>\n<\/div>\n\n\n\n<!-- ============================================================\n     QUI SOMMES-NOUS \u2014 Section refondue\n     Remplace l'URL de l'image par la tienne (.oe-about__img src=).\n============================================================ -->\n<section class=\"oe-about\" aria-labelledby=\"oe-about-title\">\n  <div class=\"oe-about__inner\">\n\n    <!-- ===== Visuel ===== -->\n    <div class=\"oe-about__visual\">\n      <span class=\"oe-about__blob oe-about__blob--orange\" aria-hidden=\"true\"><\/span>\n      <span class=\"oe-about__blob oe-about__blob--blue\" aria-hidden=\"true\"><\/span>\n\n      <img decoding=\"async\" class=\"oe-about__img\"\n     src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&#038;fit=crop&#038;w=1400&#038;q=80\"\n           alt=\"L'\u00e9quipe d'Offredemploi.fr en r\u00e9union\"\n           loading=\"lazy\">\n\n      <!-- Badge flottant -->\n      <div class=\"oe-about__badge\">\n        <span class=\"oe-about__badge-star\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <\/span>\n        <div class=\"oe-about__badge-text\">\n          <strong>4.8<span>\/5<\/span><\/strong>\n          <span>Satisfaction candidats<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Contenu ===== -->\n    <div class=\"oe-about__content\">\n\n      <span class=\"oe-about__eyebrow\">\n        <span class=\"oe-about__eyebrow-line\" aria-hidden=\"true\"><\/span>\n        \u00c0 propos de nous\n      <\/span>\n\n      <h2 class=\"oe-about__title\" id=\"oe-about-title\"><span class=\"ez-toc-section\" id=\"Qui_sommes-nous\"><\/span>\n        Qui sommes-<span class=\"oe-about__title-accent\">nous<\/span> ?\n      <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n      <p class=\"oe-about__lead\">\n        Notre \u00e9quipe r\u00e9unit des professionnels passionn\u00e9s du\n        <strong>recrutement<\/strong> et de la <strong>formation professionnelle<\/strong>.\n        Notre mission : connecter les talents et les entreprises avec un accompagnement\n        clair, humain et efficace.\n      <\/p>\n\n      <!-- 3 piliers -->\n      <ul class=\"oe-about__pillars\">\n        <li class=\"oe-about__pillar\">\n          <span class=\"oe-about__pillar-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"\/>\n              <circle cx=\"12\" cy=\"8\" r=\"6\"\/>\n            <\/svg>\n          <\/span>\n          <div class=\"oe-about__pillar-text\">\n            <strong>Expertise recrutement<\/strong>\n            <p>Une veille constante du march\u00e9 pour identifier les vraies attentes des employeurs.<\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"oe-about__pillar\">\n          <span class=\"oe-about__pillar-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\n              <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n              <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\n              <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n            <\/svg>\n          <\/span>\n          <div class=\"oe-about__pillar-text\">\n            <strong>Diversit\u00e9 valoris\u00e9e<\/strong>\n            <p>Chaque parcours est unique. Nous mettons en avant les comp\u00e9tences avant tout.<\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"oe-about__pillar\">\n          <span class=\"oe-about__pillar-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M11 14h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16\"\/>\n              <path d=\"m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9\"\/>\n              <path d=\"m2 15 6 6\"\/>\n              <path d=\"M19.5 8.5c.7-.7 1.5-1.6 1.5-2.7A2.73 2.73 0 0 0 16 4a2.78 2.78 0 0 0-5 1.8c0 1.2.8 2 1.5 2.8L16 12Z\"\/>\n            <\/svg>\n          <\/span>\n          <div class=\"oe-about__pillar-text\">\n            <strong>Accompagnement humain<\/strong>\n            <p>\u00c0 vos c\u00f4t\u00e9s \u00e0 chaque \u00e9tape : de la recherche \u00e0 la signature du contrat.<\/p>\n          <\/div>\n        <\/li>\n      <\/ul>\n\n     \n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   QUI SOMMES-NOUS \u2014 styles scoped (.oe-about)\n============================================================ *\/\n.oe-about {\n  padding: 96px 24px;\n  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: #0f172a;\n}\n\n.oe-about__inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1.05fr;\n  gap: 80px;\n  align-items: center;\n}\n\n\/* ====== VISUEL ====== *\/\n.oe-about__visual {\n  position: relative;\n  width: 100%;\n  max-width: 560px;\n  margin: 0 auto;\n  aspect-ratio: 4 \/ 3;\n  isolation: isolate;\n}\n\n.oe-about__blob {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(50px);\n  opacity: 0.55;\n  z-index: 0;\n}\n.oe-about__blob--orange {\n  width: 220px;\n  height: 220px;\n  background: #f59e0b;\n  top: -40px;\n  right: -30px;\n}\n.oe-about__blob--blue {\n  width: 260px;\n  height: 260px;\n  background: #2563eb;\n  bottom: -50px;\n  left: -40px;\n}\n\n.oe-about__img {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 24px;\n  box-shadow:\n    0 30px 60px rgba(15, 23, 42, 0.20),\n    0 12px 24px rgba(15, 23, 42, 0.10);\n}\n\n\/* Badge flottant *\/\n.oe-about__badge {\n  position: absolute;\n  z-index: 2;\n  bottom: 24px;\n  right: -28px;\n  background: #ffffff;\n  border-radius: 16px;\n  padding: 14px 18px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  box-shadow:\n    0 16px 36px rgba(15, 23, 42, 0.20),\n    0 4px 8px rgba(15, 23, 42, 0.08);\n  animation: oe-about-float 4s ease-in-out infinite;\n}\n@keyframes oe-about-float {\n  0%, 100% { transform: translateY(0); }\n  50%      { transform: translateY(-6px); }\n}\n\n.oe-about__badge-star {\n  width: 36px;\n  height: 36px;\n  border-radius: 10px;\n  background: linear-gradient(135deg, #fbbf24, #f59e0b);\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.oe-about__badge-star svg { width: 20px; height: 20px; }\n\n.oe-about__badge-text {\n  display: flex;\n  flex-direction: column;\n  line-height: 1.1;\n}\n.oe-about__badge-text strong {\n  font-size: 18px;\n  font-weight: 800;\n  color: #0f172a;\n}\n.oe-about__badge-text strong span {\n  font-size: 13px;\n  font-weight: 600;\n  color: #64748b;\n}\n.oe-about__badge-text > span {\n  font-size: 11px;\n  color: #64748b;\n  font-weight: 500;\n  letter-spacing: 0.02em;\n  margin-top: 2px;\n}\n\n\/* ====== CONTENU ====== *\/\n.oe-about__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  font-size: 12px;\n  font-weight: 700;\n  color: #2563eb;\n  text-transform: uppercase;\n  letter-spacing: 0.16em;\n  margin-bottom: 18px;\n}\n\n.oe-about__eyebrow-line {\n  width: 36px;\n  height: 2px;\n  background: linear-gradient(90deg, #f59e0b, #fbbf24);\n  border-radius: 1px;\n}\n\n.oe-about__title {\n  font-size: clamp(28px, 3.4vw, 44px);\n  font-weight: 800;\n  line-height: 1.1;\n  letter-spacing: -0.02em;\n  margin: 0 0 22px;\n  color: #0f172a;\n  text-wrap: balance;\n}\n\n.oe-about__title-accent {\n  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 55%, #d97706 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.oe-about__lead {\n  font-size: 16px;\n  line-height: 1.7;\n  margin: 0 0 36px;\n  color: #475569;\n}\n.oe-about__lead strong { color: #0f172a; font-weight: 700; }\n\n\/* Piliers *\/\n.oe-about__pillars {\n  list-style: none;\n  margin: 0 0 36px;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 22px;\n}\n\n.oe-about__pillar {\n  display: flex;\n  align-items: flex-start;\n  gap: 18px;\n}\n\n.oe-about__pillar-icon {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  border-radius: 12px;\n  background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(59, 130, 246, 0.06));\n  border: 1px solid rgba(37, 99, 235, 0.15);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #2563eb;\n  transition: transform 0.25s ease, background 0.25s ease;\n}\n.oe-about__pillar:hover .oe-about__pillar-icon {\n  transform: translateY(-3px) scale(1.05);\n  background: linear-gradient(135deg, #2563eb, #1e40af);\n  color: #ffffff;\n  border-color: transparent;\n}\n.oe-about__pillar-icon svg { width: 22px; height: 22px; }\n\n.oe-about__pillar-text strong {\n  display: block;\n  font-size: 16px;\n  font-weight: 700;\n  color: #0f172a;\n  margin-bottom: 4px;\n}\n\n.oe-about__pillar-text p {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #64748b;\n}\n\n\/* Boutons *\/\n.oe-about__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.oe-about__btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 26px;\n  border-radius: 12px;\n  font-size: 15px;\n  font-weight: 700;\n  text-decoration: none;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;\n  cursor: pointer;\n  border: 0;\n  font-family: inherit;\n  letter-spacing: 0.01em;\n}\n.oe-about__btn svg { width: 16px; height: 16px; }\n\n.oe-about__btn--primary {\n  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 60%, #d97706 100%);\n  color: #ffffff;\n  box-shadow: 0 8px 20px rgba(245, 158, 11, 0.40);\n}\n.oe-about__btn--primary:hover {\n  transform: translateY(-2px);\n  filter: brightness(1.06);\n  box-shadow: 0 14px 28px rgba(245, 158, 11, 0.50);\n}\n\n.oe-about__btn--ghost {\n  background: transparent;\n  color: #2563eb;\n  border: 2px solid #e2e8f0;\n}\n.oe-about__btn--ghost:hover {\n  background: #eff6ff;\n  border-color: #2563eb;\n  color: #1e40af;\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 960px) {\n  .oe-about__inner {\n    grid-template-columns: 1fr;\n    gap: 56px;\n  }\n  .oe-about__visual { max-width: 520px; }\n  .oe-about__badge { right: -16px; }\n}\n\n@media (max-width: 640px) {\n  .oe-about { padding: 64px 18px; }\n\n  .oe-about__visual { aspect-ratio: 5 \/ 4; }\n  .oe-about__badge {\n    right: 8px;\n    bottom: 8px;\n    padding: 10px 14px;\n    gap: 10px;\n  }\n  .oe-about__badge-star { width: 30px; height: 30px; }\n  .oe-about__badge-star svg { width: 16px; height: 16px; }\n  .oe-about__badge-text strong { font-size: 16px; }\n\n  .oe-about__pillar-icon { width: 42px; height: 42px; }\n  .oe-about__pillar-icon svg { width: 20px; height: 20px; }\n\n  .oe-about__btn { padding: 12px 20px; font-size: 14px; }\n  .oe-about__actions .oe-about__btn { flex: 1 1 auto; justify-content: center; }\n}\n\n\/* Accessibilit\u00e9 *\/\n@media (prefers-reduced-motion: reduce) {\n  .oe-about__badge { animation: none; }\n  .oe-about__btn,\n  .oe-about__pillar-icon { transition: none; }\n}\n<\/style>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Articles_recents\"><\/span>Articles r\u00e9cents<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>D\u00e9couvrez dans notre bloc&nbsp;<strong>Articles r\u00e9cents<\/strong>&nbsp;les derni\u00e8res actualit\u00e9s du monde de l\u2019emploi et des ressources humaines. Chaque article vous apporte une&nbsp;<strong>analyse claire<\/strong>, des&nbsp;<strong>conseils concrets<\/strong>&nbsp;et des&nbsp;<strong>t\u00e9moignages inspirants<\/strong>&nbsp;pour mieux comprendre les tendances du march\u00e9, les \u00e9volutions des m\u00e9tiers et les strat\u00e9gies gagnantes pour r\u00e9ussir votre parcours professionnel.<\/p>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-3 has-dates wp-block-latest-posts\"><li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/biotechnologie-vegetale-semences\/\" aria-label=\"La biotechnologie v\u00e9g\u00e9tale change le secteur d&rsquo;activit\u00e9 des semences.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-biotechnologie-vegetale-change-le-secteur-dactivite-des-semences-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment la biotechnologie v\u00e9g\u00e9tale r\u00e9volutionne le secteur des semences en am\u00e9liorant la qualit\u00e9, la r\u00e9sistance et la productivit\u00e9 des plantes.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-biotechnologie-vegetale-change-le-secteur-dactivite-des-semences-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-biotechnologie-vegetale-change-le-secteur-dactivite-des-semences-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-biotechnologie-vegetale-change-le-secteur-dactivite-des-semences-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-biotechnologie-vegetale-change-le-secteur-dactivite-des-semences.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/biotechnologie-vegetale-semences\/\">La biotechnologie v\u00e9g\u00e9tale change le secteur d&rsquo;activit\u00e9 des semences.<\/a><time datetime=\"2026-05-05T20:05:04+02:00\" class=\"wp-block-latest-posts__post-date\">5 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/offre-emploi-courte-mobile\/\" aria-label=\"L&rsquo;offre d&#8217;emploi courte et percutante g\u00e9n\u00e8re plus de clics sur mobile.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-courte-et-percutante-genere-plus-de-clics-sur-mobile-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment une offre d&#039;emploi courte et percutante augmente les clics sur mobile pour attirer plus de candidats rapidement et efficacement.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-courte-et-percutante-genere-plus-de-clics-sur-mobile-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-courte-et-percutante-genere-plus-de-clics-sur-mobile-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-courte-et-percutante-genere-plus-de-clics-sur-mobile-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-courte-et-percutante-genere-plus-de-clics-sur-mobile.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/offre-emploi-courte-mobile\/\">L&rsquo;offre d&#8217;emploi courte et percutante g\u00e9n\u00e8re plus de clics sur mobile.<\/a><time datetime=\"2026-05-05T15:39:26+02:00\" class=\"wp-block-latest-posts__post-date\">5 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/experience-cybersecurite-reseaux\/\" aria-label=\"L&rsquo;exp\u00e9rience professionnelle en cybers\u00e9curit\u00e9 prot\u00e8ge les r\u00e9seaux.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-cybersecurite-protege-les-reseaux-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment l&#039;exp\u00e9rience professionnelle en cybers\u00e9curit\u00e9 garantit la protection efficace des r\u00e9seaux contre les cybermenaces.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-cybersecurite-protege-les-reseaux-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-cybersecurite-protege-les-reseaux-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-cybersecurite-protege-les-reseaux-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-cybersecurite-protege-les-reseaux.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/experience-cybersecurite-reseaux\/\">L&rsquo;exp\u00e9rience professionnelle en cybers\u00e9curit\u00e9 prot\u00e8ge les r\u00e9seaux.<\/a><time datetime=\"2026-05-05T10:53:45+02:00\" class=\"wp-block-latest-posts__post-date\">5 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/prevoyance-collective-garanties\/\" aria-label=\"La pr\u00e9voyance collective compl\u00e8te les garanties du contrat de travail.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-prevoyance-collective-complete-les-garanties-du-contrat-de-travail-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment la pr\u00e9voyance collective vient renforcer les garanties offertes par le contrat de travail, assurant une meilleure protection sociale pour les salari\u00e9s.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-prevoyance-collective-complete-les-garanties-du-contrat-de-travail-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-prevoyance-collective-complete-les-garanties-du-contrat-de-travail-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-prevoyance-collective-complete-les-garanties-du-contrat-de-travail-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-prevoyance-collective-complete-les-garanties-du-contrat-de-travail.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/prevoyance-collective-garanties\/\">La pr\u00e9voyance collective compl\u00e8te les garanties du contrat de travail.<\/a><time datetime=\"2026-05-04T20:10:25+02:00\" class=\"wp-block-latest-posts__post-date\">4 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/bois-oeuvre-charpente\/\" aria-label=\"Le bois d&rsquo;\u0153uvre dynamise le secteur d&rsquo;activit\u00e9 de la charpente.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-bois-doeuvre-dynamise-le-secteur-dactivite-de-la-charpente-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment le bois d&#039;\u0153uvre revitalise et stimule le secteur de la charpente, en apportant robustesse et durabilit\u00e9 aux constructions.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-bois-doeuvre-dynamise-le-secteur-dactivite-de-la-charpente-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-bois-doeuvre-dynamise-le-secteur-dactivite-de-la-charpente-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-bois-doeuvre-dynamise-le-secteur-dactivite-de-la-charpente-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-bois-doeuvre-dynamise-le-secteur-dactivite-de-la-charpente.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/bois-oeuvre-charpente\/\">Le bois d&rsquo;\u0153uvre dynamise le secteur d&rsquo;activit\u00e9 de la charpente.<\/a><time datetime=\"2026-05-04T15:19:27+02:00\" class=\"wp-block-latest-posts__post-date\">4 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/offre-emploi-multilingue\/\" aria-label=\"L&rsquo;offre d&#8217;emploi multilingue attire les profils pour l&rsquo;international.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-multilingue-attire-les-profils-pour-linternational-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment une offre d&#039;emploi multilingue attire des profils internationaux, favorisant la diversit\u00e9 et l&#039;ouverture culturelle dans les entreprises.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-multilingue-attire-les-profils-pour-linternational-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-multilingue-attire-les-profils-pour-linternational-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-multilingue-attire-les-profils-pour-linternational-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-multilingue-attire-les-profils-pour-linternational.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/offre-emploi-multilingue\/\">L&rsquo;offre d&#8217;emploi multilingue attire les profils pour l&rsquo;international.<\/a><time datetime=\"2026-05-04T10:35:10+02:00\" class=\"wp-block-latest-posts__post-date\">4 mai 2026<\/time><\/li>\n<\/ul>\n\n\n<!-- ============================================================\n     QUIZ \"Quel chercheur d'emploi \u00eates-vous ?\"\n     Bloc HTML auto-contenu \u2014 adapt\u00e9 \u00e0 la charte bleu\/orange.\n============================================================ -->\n<section class=\"oe-simu\" id=\"oe-simu\">\n  <div class=\"oe-simu-inner\">\n\n    <div class=\"oe-simu-header\">\n      <span class=\"oe-simu-tag\">SIMULATEUR EMPLOI<\/span>\n      <h2><span class=\"ez-toc-section\" id=\"Quel_chercheur_demploi_etes-vous\"><\/span>Quel chercheur d&rsquo;<span class=\"oe-simu-accent\">emploi<\/span> \u00eates-vous ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n      <p>R\u00e9pondez \u00e0 5 questions et d\u00e9couvrez votre profil de candidat avec un score personnalis\u00e9 et nos conseils cibl\u00e9s.<\/p>\n    <\/div>\n\n    <div class=\"oe-simu-body\">\n      <!-- Bloc question -->\n      <div class=\"oe-simu-left\" id=\"oe-simu-left-panel\">\n        <p class=\"oe-simu-q-num\">Question <span id=\"oe-simu-current-num\">1<\/span> \/ 5<\/p>\n        <p class=\"oe-simu-q-text\" id=\"oe-simu-q-text\">Quelle est votre exp\u00e9rience professionnelle ?<\/p>\n        <div class=\"oe-simu-opts\" id=\"oe-simu-opts-container\"><\/div>\n        <p class=\"oe-simu-error\" id=\"oe-simu-error\">\u26a0\ufe0f S\u00e9lectionnez une r\u00e9ponse pour continuer.<\/p>\n        <div class=\"oe-simu-nav\">\n          <button class=\"oe-simu-btn\" id=\"oe-simu-prev-btn\" style=\"display:none\">\u2190 Pr\u00e9c\u00e9dent<\/button>\n          <button class=\"oe-simu-btn oe-simu-btn-next\" id=\"oe-simu-next-btn\">Suivant \u2192<\/button>\n          <button class=\"oe-simu-btn oe-simu-btn-next\" id=\"oe-simu-submit-btn\" style=\"display:none\">Voir mon profil \ud83c\udfaf<\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Sidebar : progression + tips + r\u00e9sultat -->\n      <div class=\"oe-simu-right\">\n        <div class=\"oe-simu-progress-box\">\n          <p class=\"oe-simu-prog-label\">Progression<\/p>\n          <div class=\"oe-simu-prog-bar\"><div class=\"oe-simu-prog-fill\" id=\"oe-simu-prog-fill\" style=\"width:20%\"><\/div><\/div>\n          <p class=\"oe-simu-prog-txt\" id=\"oe-simu-prog-txt\">1 \/ 5<\/p>\n        <\/div>\n\n        <div class=\"oe-simu-result-box\" id=\"oe-simu-result\" style=\"display:none\">\n          <div class=\"oe-simu-score-circle\" id=\"oe-simu-score-circle\">?<\/div>\n          <h3 id=\"oe-simu-profile-title\"><\/h3>\n          <p id=\"oe-simu-profile-desc\"><\/p>\n          <div id=\"oe-simu-score-bars\"><\/div>\n          <a href=\"\/offres\" class=\"oe-simu-explore-btn\">D\u00e9couvrir nos offres \u2192<\/a>\n          <button id=\"oe-simu-restart-btn\" class=\"oe-simu-restart-btn\">\ud83d\udd04 Recommencer<\/button>\n        <\/div>\n\n        <div id=\"oe-simu-tips-box\" class=\"oe-simu-tips\">\n          <p class=\"oe-simu-tips-title\">\ud83d\udca1 Le saviez-vous ?<\/p>\n          <p id=\"oe-simu-tip-text\">Personnaliser son CV pour chaque poste augmente les chances de r\u00e9ponse de 40 %.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   QUIZ \u2014 styles scoped (.oe-simu)\n============================================================ *\/\n.oe-simu {\n  padding: 90px 5%;\n  background:\n    radial-gradient(ellipse at 80% 0%, rgba(245, 158, 11, 0.18) 0%, transparent 55%),\n    radial-gradient(ellipse at 0% 100%, rgba(59, 130, 246, 0.25) 0%, transparent 55%),\n    linear-gradient(135deg, #0f172a 0%, #1e3a8a 55%, #1e40af 100%);\n  color: #ffffff;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.oe-simu-inner { max-width: 1100px; margin: 0 auto; }\n\n.oe-simu-header { text-align: center; margin-bottom: 50px; }\n\n.oe-simu-tag {\n  display: inline-block;\n  background: rgba(245, 158, 11, 0.15);\n  border: 1px solid rgba(245, 158, 11, 0.45);\n  color: #fbbf24;\n  padding: 7px 18px;\n  border-radius: 50px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n\n.oe-simu-header h2 {\n  font-size: clamp(28px, 4vw, 46px);\n  font-weight: 900;\n  margin: 0 0 14px;\n  color: #ffffff;\n  letter-spacing: -0.02em;\n  line-height: 1.1;\n}\n\n.oe-simu-accent {\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.oe-simu-header p {\n  font-size: 17px;\n  color: rgba(255, 255, 255, 0.75);\n  max-width: 620px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n\/* Body grid *\/\n.oe-simu-body {\n  display: grid;\n  grid-template-columns: 1.5fr 1fr;\n  gap: 40px;\n}\n\n\/* ====== BLOC QUESTION ====== *\/\n.oe-simu-left {\n  background: rgba(255, 255, 255, 0.06);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 20px;\n  padding: 32px;\n  -webkit-backdrop-filter: blur(8px);\n  backdrop-filter: blur(8px);\n}\n\n.oe-simu-q-num {\n  font-size: 12px;\n  color: #fbbf24;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.16em;\n  margin: 0 0 10px;\n}\n\n.oe-simu-q-text {\n  font-size: 20px;\n  font-weight: 700;\n  margin: 0 0 24px;\n  line-height: 1.4;\n  color: #ffffff;\n}\n\n.oe-simu-opts {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.oe-simu-opt {\n  background: rgba(255, 255, 255, 0.05);\n  border: 2px solid rgba(255, 255, 255, 0.12);\n  padding: 14px 18px;\n  border-radius: 12px;\n  cursor: pointer;\n  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;\n  font-size: 15px;\n  color: rgba(255, 255, 255, 0.92);\n  user-select: none;\n}\n.oe-simu-opt:hover {\n  background: rgba(37, 99, 235, 0.18);\n  border-color: rgba(59, 130, 246, 0.55);\n  transform: translateX(2px);\n}\n.oe-simu-opt.selected {\n  background: rgba(37, 99, 235, 0.25);\n  border-color: #3b82f6;\n  color: #ffffff;\n  font-weight: 600;\n}\n\n.oe-simu-error {\n  color: #fca5a5;\n  font-size: 13px;\n  margin: 14px 0 0;\n  display: none;\n}\n.oe-simu-error.show { display: block; }\n\n.oe-simu-nav {\n  display: flex;\n  gap: 12px;\n  margin-top: 28px;\n  flex-wrap: wrap;\n}\n\n.oe-simu-btn {\n  padding: 12px 24px;\n  border-radius: 50px;\n  border: 2px solid rgba(255, 255, 255, 0.28);\n  background: transparent;\n  color: #ffffff;\n  cursor: pointer;\n  font-weight: 700;\n  font-size: 14px;\n  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;\n  font-family: inherit;\n}\n.oe-simu-btn:hover { background: rgba(255, 255, 255, 0.08); }\n\n.oe-simu-btn-next {\n  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 60%, #d97706 100%);\n  border-color: transparent;\n  color: #ffffff;\n  box-shadow: 0 8px 18px rgba(245, 158, 11, 0.40);\n}\n.oe-simu-btn-next:hover {\n  transform: translateY(-2px);\n  filter: brightness(1.06);\n  box-shadow: 0 12px 26px rgba(245, 158, 11, 0.55);\n  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 60%, #d97706 100%);\n}\n\n\/* ====== SIDEBAR ====== *\/\n.oe-simu-right { display: flex; flex-direction: column; gap: 20px; }\n\n.oe-simu-progress-box {\n  background: rgba(255, 255, 255, 0.06);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 16px;\n  padding: 22px 24px;\n}\n\n.oe-simu-prog-label {\n  font-size: 13px;\n  font-weight: 700;\n  margin: 0 0 12px;\n  color: rgba(255, 255, 255, 0.85);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.oe-simu-prog-bar {\n  height: 8px;\n  background: rgba(255, 255, 255, 0.1);\n  border-radius: 50px;\n  overflow: hidden;\n}\n\n.oe-simu-prog-fill {\n  height: 100%;\n  background: linear-gradient(90deg, #3b82f6 0%, #f59e0b 100%);\n  border-radius: 50px;\n  transition: width 0.5s cubic-bezier(.4,.2,.2,1);\n}\n\n.oe-simu-prog-txt {\n  text-align: right;\n  font-size: 13px;\n  color: rgba(255, 255, 255, 0.6);\n  margin: 6px 0 0;\n}\n\n\/* Tips *\/\n.oe-simu-tips {\n  background: rgba(245, 158, 11, 0.08);\n  border: 1px solid rgba(245, 158, 11, 0.25);\n  border-radius: 16px;\n  padding: 22px 24px;\n}\n.oe-simu-tips-title {\n  font-weight: 700;\n  font-size: 14px;\n  margin: 0 0 8px;\n  color: #fbbf24;\n  letter-spacing: 0.04em;\n}\n.oe-simu-tips p:last-child {\n  font-size: 14px;\n  color: rgba(255, 255, 255, 0.78);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* R\u00e9sultat *\/\n.oe-simu-result-box {\n  background: rgba(255, 255, 255, 0.06);\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  border-radius: 20px;\n  padding: 28px 24px;\n  text-align: center;\n}\n\n.oe-simu-score-circle {\n  width: 96px;\n  height: 96px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 38px;\n  margin: 0 auto 18px;\n  box-shadow: 0 14px 30px rgba(245, 158, 11, 0.45);\n}\n\n.oe-simu-result-box h3 {\n  font-size: 20px;\n  font-weight: 800;\n  margin: 0 0 10px;\n  color: #ffffff;\n}\n\n.oe-simu-result-box > p {\n  font-size: 14px;\n  color: rgba(255, 255, 255, 0.78);\n  line-height: 1.6;\n  margin: 0 0 18px;\n}\n\n.oe-simu-bar-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  margin-bottom: 8px;\n  text-align: left;\n}\n.oe-simu-bar-label {\n  width: 80px;\n  flex-shrink: 0;\n  color: rgba(255, 255, 255, 0.75);\n  font-weight: 600;\n}\n.oe-simu-bar-track {\n  flex: 1;\n  height: 6px;\n  background: rgba(255, 255, 255, 0.1);\n  border-radius: 50px;\n  overflow: hidden;\n}\n.oe-simu-bar-fill {\n  height: 100%;\n  border-radius: 50px;\n  background: linear-gradient(90deg, #3b82f6, #f59e0b);\n  transition: width 1s cubic-bezier(.4,.2,.2,1);\n}\n\n.oe-simu-explore-btn {\n  display: inline-block;\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  color: #ffffff !important;\n  padding: 12px 26px;\n  border-radius: 50px;\n  text-decoration: none;\n  font-weight: 700;\n  font-size: 14px;\n  margin-top: 6px;\n  box-shadow: 0 8px 20px rgba(245, 158, 11, 0.45);\n  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;\n}\n.oe-simu-explore-btn:hover {\n  transform: translateY(-2px);\n  filter: brightness(1.05);\n  box-shadow: 0 12px 26px rgba(245, 158, 11, 0.55);\n}\n\n.oe-simu-restart-btn {\n  display: block;\n  background: transparent;\n  border: 1px solid rgba(255, 255, 255, 0.28);\n  color: rgba(255, 255, 255, 0.85);\n  border-radius: 50px;\n  padding: 9px 20px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 600;\n  margin-top: 12px;\n  width: 100%;\n  font-family: inherit;\n  transition: background 0.2s ease;\n}\n.oe-simu-restart-btn:hover { background: rgba(255, 255, 255, 0.08); }\n\n\/* ====== Responsive ====== *\/\n@media (max-width: 900px) {\n  .oe-simu { padding: 70px 5%; }\n  .oe-simu-body { grid-template-columns: 1fr; gap: 24px; }\n  .oe-simu-q-text { font-size: 17px; }\n  .oe-simu-left { padding: 24px; }\n  .oe-simu-nav { flex-direction: column; }\n  .oe-simu-btn { width: 100%; justify-content: center; }\n}\n@media (max-width: 480px) {\n  .oe-simu-tag { font-size: 11px; letter-spacing: 0.15em; }\n  .oe-simu-opt { font-size: 14px; padding: 12px 14px; }\n  .oe-simu-score-circle { width: 80px; height: 80px; font-size: 32px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .oe-simu-prog-fill,\n  .oe-simu-bar-fill,\n  .oe-simu-btn-next,\n  .oe-simu-explore-btn,\n  .oe-simu-opt { transition: none; }\n}\n<\/style>\n\n<script>\n(function() {\n  \/\/ ===== Donn\u00e9es du quiz =====\n  var questions = [\n    {\n      text: \"Quelle est votre exp\u00e9rience professionnelle ?\",\n      opts: [\n        \"Aucune (\u00e9tudiant ou jeune dipl\u00f4m\u00e9)\",\n        \"0 \u00e0 2 ans (junior)\",\n        \"3 \u00e0 7 ans (confirm\u00e9)\",\n        \"8 ans et plus (senior \/ expert)\"\n      ]\n    },\n    {\n      text: \"Comment cherchez-vous vos opportunit\u00e9s ?\",\n      opts: [\n        \"J'envoie quelques candidatures par mois\",\n        \"Je consulte r\u00e9guli\u00e8rement les sites d'offres\",\n        \"J'utilise plusieurs canaux (sites + r\u00e9seau)\",\n        \"J'ai une vraie strat\u00e9gie de recherche multi-canal\"\n      ]\n    },\n    {\n      text: \"Quel type de contrat vous correspond le mieux ?\",\n      opts: [\n        \"Stage ou alternance\",\n        \"CDD \/ mission temporaire\",\n        \"CDI standard\",\n        \"Cadre, freelance ou poste \u00e0 responsabilit\u00e9s\"\n      ]\n    },\n    {\n      text: \"Comment pr\u00e9parez-vous vos entretiens ?\",\n      opts: [\n        \"Je n'ai pas encore eu d'entretien\",\n        \"Je r\u00e9vise un peu avant\",\n        \"Je me pr\u00e9pare s\u00e9rieusement \u00e0 chaque fois\",\n        \"J'ai une m\u00e9thode rod\u00e9e et un argumentaire clair\"\n      ]\n    },\n    {\n      text: \"Qu'attendez-vous d'un poste id\u00e9al ?\",\n      opts: [\n        \"Une porte d'entr\u00e9e pour apprendre\",\n        \"\u00c9voluer rapidement et monter en comp\u00e9tences\",\n        \"Stabilit\u00e9, \u00e9quilibre et reconnaissance\",\n        \"Des responsabilit\u00e9s strat\u00e9giques et de l'autonomie\"\n      ]\n    }\n  ];\n\n  var tips = [\n    \"Personnaliser son CV pour chaque poste augmente les chances de r\u00e9ponse de 40 %.\",\n    \"Les recruteurs prennent en moyenne 6 \u00e0 8 secondes pour scanner un CV.\",\n    \"Pr\u00e8s de 70 % des emplois ne sont jamais publi\u00e9s et passent par le r\u00e9seau.\",\n    \"Pr\u00e9parer ses entretiens en simulant les questions augmente fortement le taux de r\u00e9ussite.\",\n    \"LinkedIn est la premi\u00e8re source d'embauche pour les profils cadres en France.\"\n  ];\n\n  var profiles = [\n    {\n      min: 5, max: 8,\n      score: '\ud83c\udf31',\n      title: 'Le Candidat \u00c9mergent',\n      desc: \"Vous d\u00e9marrez votre parcours pro. Construisons une strat\u00e9gie solide ensemble : CV cibl\u00e9, lettres percutantes et premiers pas dans le r\u00e9seau.\",\n      bars: [25, 30, 20, 70]\n    },\n    {\n      min: 9, max: 12,\n      score: '\u26a1',\n      title: 'Le Candidat Actif',\n      desc: \"Vous avancez m\u00e9thodiquement. Optimisons votre approche pour d\u00e9crocher plus d'entretiens et monter en valeur sur le march\u00e9.\",\n      bars: [55, 65, 45, 70]\n    },\n    {\n      min: 13, max: 16,\n      score: '\ud83d\udcbc',\n      title: 'Le Profil Confirm\u00e9',\n      desc: \"Votre exp\u00e9rience parle pour vous. Trouvons l'opportunit\u00e9 qui correspond vraiment \u00e0 votre niveau et \u00e0 vos attentes.\",\n      bars: [80, 80, 70, 80]\n    },\n    {\n      min: 17, max: 20,\n      score: '\ud83c\udfc6',\n      title: \"L'Expert Recherch\u00e9\",\n      desc: \"Vous \u00eates un profil rare. Les meilleures missions et les postes \u00e0 responsabilit\u00e9s vous attendent \u2014 s\u00e9lectionnons-les ensemble.\",\n      bars: [95, 92, 88, 92]\n    }\n  ];\n\n  var step = 1;\n  var answers = {};\n\n  function getEl(id) { return document.getElementById(id); }\n\n  function renderQuestion() {\n    var q = questions[step - 1];\n    var numEl    = getEl('oe-simu-current-num');\n    var textEl   = getEl('oe-simu-q-text');\n    var optsEl   = getEl('oe-simu-opts-container');\n    var tipEl    = getEl('oe-simu-tip-text');\n    var progEl   = getEl('oe-simu-prog-fill');\n    var progTxt  = getEl('oe-simu-prog-txt');\n    var errorEl  = getEl('oe-simu-error');\n\n    if (numEl)   numEl.textContent  = step;\n    if (textEl)  textEl.textContent = q.text;\n    if (tipEl)   tipEl.textContent  = tips[step - 1];\n    if (progEl)  progEl.style.width = (step \/ 5 * 100) + '%';\n    if (progTxt) progTxt.textContent = step + ' \/ 5';\n    if (errorEl) errorEl.classList.remove('show');\n\n    if (optsEl) {\n      optsEl.innerHTML = '';\n      q.opts.forEach(function(opt, idx) {\n        var div = document.createElement('div');\n        div.className = 'oe-simu-opt' + (answers[step] === idx + 1 ? ' selected' : '');\n        div.textContent = opt;\n        div.setAttribute('data-val', idx + 1);\n        div.setAttribute('role', 'button');\n        div.setAttribute('tabindex', '0');\n        div.addEventListener('click', function() {\n          optsEl.querySelectorAll('.oe-simu-opt').forEach(function(o){ o.classList.remove('selected'); });\n          div.classList.add('selected');\n          answers[step] = idx + 1;\n          if (errorEl) errorEl.classList.remove('show');\n        });\n        div.addEventListener('keydown', function(e) {\n          if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); div.click(); }\n        });\n        optsEl.appendChild(div);\n      });\n    }\n\n    var prevBtn   = getEl('oe-simu-prev-btn');\n    var nextBtn   = getEl('oe-simu-next-btn');\n    var submitBtn = getEl('oe-simu-submit-btn');\n    if (prevBtn)   prevBtn.style.display   = step > 1 ? 'inline-block' : 'none';\n    if (nextBtn)   nextBtn.style.display   = step < 5 ? 'inline-block' : 'none';\n    if (submitBtn) submitBtn.style.display = step === 5 ? 'inline-block' : 'none';\n  }\n\n  function showResult() {\n    var total = 0;\n    for (var i = 1; i <= 5; i++) total += (answers[i] || 0);\n\n    var profile = profiles[0];\n    for (var k = 0; k < profiles.length; k++) {\n      if (total >= profiles[k].min && total <= profiles[k].max) { profile = profiles[k]; break; }\n    }\n\n    var leftPanel = getEl('oe-simu-left-panel');\n    var resultBox = getEl('oe-simu-result');\n    var tipsBox   = getEl('oe-simu-tips-box');\n    var progBox   = document.querySelector('.oe-simu-progress-box');\n\n    if (leftPanel) leftPanel.style.display = 'none';\n    if (tipsBox)   tipsBox.style.display   = 'none';\n    if (progBox) {\n      progBox.innerHTML =\n        '<p class=\"oe-simu-prog-label\" style=\"color:#fbbf24\">\u2705 Quiz termin\u00e9 !<\/p>' +\n        '<p style=\"font-size:14px;color:rgba(255,255,255,0.7);margin:6px 0 0\">Score : <strong style=\"color:#fff\">' + total + ' \/ 20<\/strong><\/p>';\n    }\n\n    var cats = ['Exp\u00e9rience', 'M\u00e9thode', 'R\u00e9seau', 'Ambition'];\n    var barsHTML = '';\n    profile.bars.forEach(function(v, i) {\n      barsHTML +=\n        '<div class=\"oe-simu-bar-row\">' +\n          '<span class=\"oe-simu-bar-label\">' + cats[i] + '<\/span>' +\n          '<div class=\"oe-simu-bar-track\">' +\n            '<div class=\"oe-simu-bar-fill\" style=\"width:' + v + '%\"><\/div>' +\n          '<\/div>' +\n        '<\/div>';\n    });\n\n    if (resultBox) {\n      var scoreEl = getEl('oe-simu-score-circle');\n      if (scoreEl) scoreEl.textContent = profile.score;\n      getEl('oe-simu-profile-title').textContent = profile.title;\n      getEl('oe-simu-profile-desc').textContent  = profile.desc;\n      getEl('oe-simu-score-bars').innerHTML      = barsHTML;\n      resultBox.style.display = 'block';\n      resultBox.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n  }\n\n  function init() {\n    renderQuestion();\n\n    var nextBtn    = getEl('oe-simu-next-btn');\n    var prevBtn    = getEl('oe-simu-prev-btn');\n    var submitBtn  = getEl('oe-simu-submit-btn');\n    var restartBtn = getEl('oe-simu-restart-btn');\n    var errorEl    = getEl('oe-simu-error');\n\n    if (nextBtn) {\n      nextBtn.addEventListener('click', function() {\n        if (!answers[step]) { if (errorEl) errorEl.classList.add('show'); return; }\n        step++;\n        renderQuestion();\n      });\n    }\n\n    if (prevBtn) {\n      prevBtn.addEventListener('click', function() {\n        if (step > 1) { step--; renderQuestion(); }\n      });\n    }\n\n    if (submitBtn) {\n      submitBtn.addEventListener('click', function() {\n        if (!answers[step]) { if (errorEl) errorEl.classList.add('show'); return; }\n        showResult();\n      });\n    }\n\n    if (restartBtn) {\n      restartBtn.addEventListener('click', function() {\n        step = 1;\n        answers = {};\n        var leftPanel = getEl('oe-simu-left-panel');\n        var resultBox = getEl('oe-simu-result');\n        var tipsBox   = getEl('oe-simu-tips-box');\n        if (leftPanel) leftPanel.style.display = 'block';\n        if (resultBox) resultBox.style.display = 'none';\n        if (tipsBox)   tipsBox.style.display   = 'block';\n\n        var progBox = document.querySelector('.oe-simu-progress-box');\n        if (progBox) {\n          progBox.innerHTML =\n            '<p class=\"oe-simu-prog-label\">Progression<\/p>' +\n            '<div class=\"oe-simu-prog-bar\"><div class=\"oe-simu-prog-fill\" id=\"oe-simu-prog-fill\" style=\"width:20%\"><\/div><\/div>' +\n            '<p class=\"oe-simu-prog-txt\" id=\"oe-simu-prog-txt\">1 \/ 5<\/p>';\n        }\n        renderQuestion();\n      });\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\n\n\n\n<!-- ============================================================\n     QUIZ \"Connaissez-vous le monde du recrutement ?\"\n     Bloc auto-contenu, charte bleu\/orange Offre d'emploi.\n============================================================ -->\n<section class=\"oe-quiz\" id=\"oe-quiz\">\n  <div class=\"oe-quiz-inner\">\n\n    <div class=\"oe-quiz-header\">\n      <span class=\"oe-quiz-tag\">QUIZ EMPLOI<\/span>\n      <h2><span class=\"ez-toc-section\" id=\"Connaissez-vous_le_monde_du_recrutement\"><\/span>Connaissez-vous le monde du <span class=\"oe-quiz-accent\">recrutement<\/span> ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n      <p>Testez vos connaissances sur les bonnes pratiques de candidature, le march\u00e9 du travail et les attentes des recruteurs.<\/p>\n    <\/div>\n\n    <div class=\"oe-quiz-body\">\n\n      <!-- Bloc question -->\n      <div class=\"oe-quiz-left\" id=\"oe-quiz-container\">\n        <div class=\"oe-quiz-progress-bar\"><div id=\"oe-quiz-prog-bar\" style=\"width:20%\"><\/div><\/div>\n\n        <p class=\"oe-quiz-qnum\" id=\"oe-quiz-qnum\">Question 1 \/ 5<\/p>\n        <p class=\"oe-quiz-qtext\" id=\"oe-quiz-qtext\">Combien de temps un recruteur passe-t-il en moyenne \u00e0 lire un CV ?<\/p>\n\n        <div class=\"oe-quiz-answers\" id=\"oe-quiz-answers\"><\/div>\n\n        <div id=\"oe-quiz-feedback\" class=\"oe-quiz-feedback\" style=\"display:none\"><\/div>\n\n        <button class=\"oe-quiz-next-btn\" id=\"oe-quiz-next-btn\" type=\"button\" style=\"display:none\">\n          Question suivante \u2192\n        <\/button>\n\n        <div id=\"oe-quiz-final\" style=\"display:none\" class=\"oe-quiz-final\">\n          <div class=\"oe-quiz-final-score\" id=\"oe-quiz-final-score\"><\/div>\n          <h3 id=\"oe-quiz-final-title\"><\/h3>\n          <p id=\"oe-quiz-final-msg\"><\/p>\n          <a href=\"\/offres\" class=\"oe-quiz-cta-btn\">Voir nos offres \u2192<\/a>\n          <button id=\"oe-quiz-restart-btn\" type=\"button\" class=\"oe-quiz-restart-btn\">\ud83d\udd04 Recommencer<\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Sidebar : score + infos -->\n      <div class=\"oe-quiz-right\">\n        <div class=\"oe-quiz-score-panel\">\n          <p class=\"oe-quiz-score-label\">Score actuel<\/p>\n          <div class=\"oe-quiz-score-display\" id=\"oe-quiz-score-display\">0 \/ 5<\/div>\n          <div class=\"oe-quiz-dots\" id=\"oe-quiz-dots\">\n            <span class=\"oe-quiz-dot\" id=\"oe-dot-1\">1<\/span>\n            <span class=\"oe-quiz-dot\" id=\"oe-dot-2\">2<\/span>\n            <span class=\"oe-quiz-dot\" id=\"oe-dot-3\">3<\/span>\n            <span class=\"oe-quiz-dot\" id=\"oe-dot-4\">4<\/span>\n            <span class=\"oe-quiz-dot\" id=\"oe-dot-5\">5<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"oe-quiz-info-panel\">\n          <p class=\"oe-quiz-info-title\">\ud83d\udccb Comment \u00e7a marche ?<\/p>\n          <ul>\n            <li>\u2714 5 questions sur le recrutement<\/li>\n            <li>\u2714 Une seule bonne r\u00e9ponse<\/li>\n            <li>\u2714 R\u00e9sultat instantan\u00e9<\/li>\n            <li>\u2714 Explication apr\u00e8s chaque r\u00e9ponse<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   QUIZ \u2014 styles scoped (.oe-quiz)\n============================================================ *\/\n.oe-quiz {\n  padding: 90px 5%;\n  background: #ffffff;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n.oe-quiz-inner { max-width: 1100px; margin: 0 auto; }\n\n.oe-quiz-header { text-align: center; margin-bottom: 50px; }\n\n.oe-quiz-tag {\n  display: inline-block;\n  background: #fef3c7;\n  color: #d97706;\n  padding: 7px 18px;\n  border-radius: 50px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n}\n\n.oe-quiz-header h2 {\n  font-size: clamp(28px, 4vw, 44px);\n  font-weight: 900;\n  color: #0f172a;\n  margin: 0 0 12px;\n  line-height: 1.1;\n  letter-spacing: -0.02em;\n}\n\n.oe-quiz-accent {\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.oe-quiz-header p {\n  font-size: 17px;\n  color: #475569;\n  max-width: 620px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n.oe-quiz-body {\n  display: grid;\n  grid-template-columns: 1.5fr 1fr;\n  gap: 36px;\n}\n\n\/* ====== Question card ====== *\/\n.oe-quiz-left {\n  background: #f8fafc;\n  border: 1px solid #e2e8f0;\n  border-radius: 20px;\n  padding: 36px;\n}\n\n.oe-quiz-progress-bar {\n  height: 6px;\n  background: #e2e8f0;\n  border-radius: 50px;\n  margin-bottom: 24px;\n  overflow: hidden;\n}\n.oe-quiz-progress-bar div {\n  height: 100%;\n  background: linear-gradient(90deg, #2563eb 0%, #f59e0b 100%);\n  border-radius: 50px;\n  transition: width 0.5s cubic-bezier(.4,.2,.2,1);\n}\n\n.oe-quiz-qnum {\n  font-size: 12px;\n  color: #2563eb;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.16em;\n  margin: 0 0 10px;\n}\n\n.oe-quiz-qtext {\n  font-size: 20px;\n  font-weight: 700;\n  color: #0f172a;\n  margin: 0 0 24px;\n  line-height: 1.4;\n}\n\n.oe-quiz-answers {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.oe-quiz-answers button {\n  padding: 14px 20px;\n  border-radius: 12px;\n  border: 2px solid #e2e8f0;\n  background: #ffffff;\n  cursor: pointer;\n  text-align: left;\n  font-size: 15px;\n  font-weight: 500;\n  color: #334155;\n  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease;\n  font-family: inherit;\n}\n.oe-quiz-answers button:hover:not(:disabled) {\n  background: #eff6ff;\n  border-color: #2563eb;\n  color: #2563eb;\n  transform: translateX(4px);\n}\n.oe-quiz-answers button:disabled { cursor: default; }\n.oe-quiz-answers button.correct {\n  background: #d1fae5;\n  border-color: #10b981;\n  color: #065f46;\n  font-weight: 700;\n}\n.oe-quiz-answers button.wrong {\n  background: #fee2e2;\n  border-color: #ef4444;\n  color: #991b1b;\n  font-weight: 700;\n}\n.oe-quiz-answers button.correct::after { content: \" \u2713\"; font-weight: 900; }\n.oe-quiz-answers button.wrong::after   { content: \" \u2717\"; font-weight: 900; }\n\n.oe-quiz-feedback {\n  margin-top: 16px;\n  padding: 14px 18px;\n  border-radius: 12px;\n  font-size: 14px;\n  line-height: 1.55;\n}\n.oe-quiz-feedback.correct-fb { background: #d1fae5; border: 1px solid #10b981; color: #065f46; }\n.oe-quiz-feedback.wrong-fb   { background: #fee2e2; border: 1px solid #ef4444; color: #991b1b; }\n\n.oe-quiz-next-btn {\n  margin-top: 20px;\n  padding: 13px 28px;\n  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 60%, #d97706 100%);\n  color: #ffffff;\n  border: 0;\n  border-radius: 50px;\n  cursor: pointer;\n  font-weight: 700;\n  font-size: 15px;\n  font-family: inherit;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;\n  box-shadow: 0 8px 18px rgba(245, 158, 11, 0.40);\n}\n.oe-quiz-next-btn:hover {\n  transform: translateY(-2px);\n  filter: brightness(1.06);\n  box-shadow: 0 12px 24px rgba(245, 158, 11, 0.50);\n}\n\n\/* Final *\/\n.oe-quiz-final { text-align: center; padding: 8px 0 4px; }\n\n.oe-quiz-final-score {\n  width: 96px;\n  height: 96px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 28px;\n  font-weight: 900;\n  color: #ffffff;\n  margin: 0 auto 16px;\n  box-shadow: 0 14px 30px rgba(245, 158, 11, 0.45);\n}\n\n.oe-quiz-final h3 {\n  font-size: 22px;\n  font-weight: 800;\n  color: #0f172a;\n  margin: 0 0 8px;\n}\n\n.oe-quiz-final p {\n  color: #475569;\n  font-size: 15px;\n  line-height: 1.6;\n  margin: 0 0 22px;\n  max-width: 460px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.oe-quiz-cta-btn {\n  display: inline-block;\n  padding: 13px 28px;\n  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 60%, #d97706 100%);\n  color: #ffffff !important;\n  border-radius: 50px;\n  text-decoration: none;\n  font-weight: 700;\n  font-size: 14px;\n  box-shadow: 0 8px 20px rgba(245, 158, 11, 0.40);\n  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;\n}\n.oe-quiz-cta-btn:hover {\n  transform: translateY(-2px);\n  filter: brightness(1.06);\n  box-shadow: 0 12px 26px rgba(245, 158, 11, 0.50);\n}\n\n.oe-quiz-restart-btn {\n  display: block;\n  margin: 14px auto 0;\n  padding: 11px 26px;\n  background: transparent;\n  color: #475569;\n  border: 1px solid #cbd5e1;\n  border-radius: 50px;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 13px;\n  font-family: inherit;\n  transition: background 0.2s ease;\n}\n.oe-quiz-restart-btn:hover { background: #f1f5f9; }\n\n\/* ====== Sidebar ====== *\/\n.oe-quiz-right { display: flex; flex-direction: column; gap: 20px; }\n\n.oe-quiz-score-panel {\n  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);\n  border-radius: 20px;\n  padding: 28px;\n  color: #ffffff;\n  text-align: center;\n}\n\n.oe-quiz-score-label {\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.65);\n  text-transform: uppercase;\n  letter-spacing: 0.16em;\n  margin: 0 0 12px;\n  font-weight: 700;\n}\n\n.oe-quiz-score-display {\n  font-size: 44px;\n  font-weight: 900;\n  background: linear-gradient(135deg, #fbbf24, #f59e0b);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n  margin: 0 0 22px;\n  letter-spacing: -0.02em;\n  line-height: 1;\n}\n\n.oe-quiz-dots {\n  display: flex;\n  gap: 10px;\n  justify-content: center;\n}\n.oe-quiz-dot {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgba(255, 255, 255, 0.55);\n  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n}\n.oe-quiz-dot.correct { background: #10b981; color: #ffffff; }\n.oe-quiz-dot.wrong   { background: #ef4444; color: #ffffff; }\n.oe-quiz-dot.active {\n  background: rgba(245, 158, 11, 0.18);\n  color: #fbbf24;\n  border: 2px solid #f59e0b;\n  transform: scale(1.08);\n}\n\n.oe-quiz-info-panel {\n  background: #f8fafc;\n  border: 1px solid #e2e8f0;\n  border-radius: 20px;\n  padding: 24px;\n}\n.oe-quiz-info-title {\n  font-weight: 700;\n  font-size: 15px;\n  color: #0f172a;\n  margin: 0 0 14px;\n}\n.oe-quiz-info-panel ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.oe-quiz-info-panel li {\n  font-size: 14px;\n  color: #475569;\n}\n\n\/* ====== Responsive ====== *\/\n@media (max-width: 900px) {\n  .oe-quiz { padding: 70px 5%; }\n  .oe-quiz-body { grid-template-columns: 1fr; gap: 24px; }\n  .oe-quiz-qtext { font-size: 17px; }\n  .oe-quiz-left { padding: 24px; }\n}\n@media (max-width: 480px) {\n  .oe-quiz-tag { font-size: 11px; letter-spacing: 0.14em; }\n  .oe-quiz-answers button { font-size: 14px; padding: 12px 14px; }\n  .oe-quiz-score-display { font-size: 38px; }\n  .oe-quiz-dot { width: 30px; height: 30px; font-size: 12px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .oe-quiz-progress-bar div,\n  .oe-quiz-next-btn,\n  .oe-quiz-cta-btn,\n  .oe-quiz-answers button,\n  .oe-quiz-dot { transition: none; }\n}\n<\/style>\n\n<script>\n(function() {\n  \/\/ ===== Donn\u00e9es du quiz =====\n  var questions = [\n    {\n      q: \"Combien de temps un recruteur passe-t-il en moyenne \u00e0 lire un CV pour la premi\u00e8re s\u00e9lection ?\",\n      answers: [\"30 secondes\", \"6 \u00e0 8 secondes\", \"1 minute\", \"2 \u00e0 3 minutes\"],\n      correct: 1,\n      explication: \"Les \u00e9tudes RH (notamment celle d'Ladders aux \u00c9tats-Unis) montrent que les recruteurs ne passent que 6 \u00e0 8 secondes sur un CV au premier tri. La clart\u00e9 visuelle et les mots-cl\u00e9s sont donc essentiels.\"\n    },\n    {\n      q: \"Quelle proportion d'emplois en France n'est jamais publi\u00e9e ouvertement ?\",\n      answers: [\"Environ 20 %\", \"Environ 40 %\", \"Environ 70 %\", \"Plus de 90 %\"],\n      correct: 2,\n      explication: \"Pr\u00e8s de 70 % des postes sont pourvus via le \u00ab march\u00e9 cach\u00e9 \u00bb : cooptation, candidatures spontan\u00e9es et r\u00e9seau professionnel. D'o\u00f9 l'importance de cultiver son r\u00e9seau.\"\n    },\n    {\n      q: \"Quelle est la premi\u00e8re cause de rejet d'un CV ?\",\n      answers: [\"Pas de photo\", \"Fautes d'orthographe ou de grammaire\", \"CV trop court\", \"Manque d'exp\u00e9rience\"],\n      correct: 1,\n      explication: \"Selon plusieurs \u00e9tudes RH, les fautes d'orthographe sont la cause n\u00b01 de rejet imm\u00e9diat. Une relecture (ou un correcteur) est indispensable avant tout envoi.\"\n    },\n    {\n      q: \"Quel est le meilleur moment pour envoyer une candidature par email ?\",\n      answers: [\"Vendredi apr\u00e8s-midi\", \"Dimanche soir\", \"Mardi ou mercredi matin\", \"Tard le soir\"],\n      correct: 2,\n      explication: \"Les candidatures envoy\u00e9es en d\u00e9but de semaine entre 9h et 11h ont les meilleurs taux d'ouverture. Le lundi est encombr\u00e9, le vendredi d\u00e9j\u00e0 tourn\u00e9 vers le week-end.\"\n    },\n    {\n      q: \"Quelle longueur est recommand\u00e9e pour un CV en France (profil junior) ?\",\n      answers: [\"1 page\", \"2 pages\", \"3 pages\", \"Aucune limite\"],\n      correct: 0,\n      explication: \"Pour un profil junior, une page suffit largement. Les profils confirm\u00e9s peuvent monter \u00e0 deux pages maximum. Plus, c'est risqu\u00e9 : le recruteur n'ira pas au bout.\"\n    }\n  ];\n\n  var current  = 0;\n  var score    = 0;\n  var answered = false;\n\n  function getEl(id) { return document.getElementById(id); }\n\n  function renderQuestion() {\n    var q = questions[current];\n\n    getEl('oe-quiz-qnum').textContent  = 'Question ' + (current + 1) + ' \/ ' + questions.length;\n    getEl('oe-quiz-qtext').textContent = q.q;\n    getEl('oe-quiz-prog-bar').style.width = ((current + 1) \/ questions.length * 100) + '%';\n\n    var answersDiv = getEl('oe-quiz-answers');\n    answersDiv.innerHTML = '';\n    q.answers.forEach(function(ans, idx) {\n      var btn = document.createElement('button');\n      btn.type = 'button';\n      btn.textContent = ans;\n      btn.addEventListener('click', function() { handleAnswer(idx); });\n      answersDiv.appendChild(btn);\n    });\n\n    getEl('oe-quiz-feedback').style.display = 'none';\n    getEl('oe-quiz-next-btn').style.display = 'none';\n    answered = false;\n\n    \/\/ Active dot\n    for (var i = 1; i <= questions.length; i++) {\n      var dot = getEl('oe-dot-' + i);\n      if (!dot) continue;\n      dot.classList.remove('active');\n      if (i === current + 1) dot.classList.add('active');\n    }\n  }\n\n  function handleAnswer(idx) {\n    if (answered) return;\n    answered = true;\n\n    var q = questions[current];\n    var buttons = document.querySelectorAll('#oe-quiz-answers button');\n    var feedback = getEl('oe-quiz-feedback');\n    var dot = getEl('oe-dot-' + (current + 1));\n\n    buttons.forEach(function(b) { b.disabled = true; });\n\n    if (idx === q.correct) {\n      score++;\n      buttons[idx].classList.add('correct');\n      if (dot) dot.classList.add('correct');\n      feedback.className = 'oe-quiz-feedback correct-fb';\n      feedback.innerHTML = '<strong>\u2705 Bonne r\u00e9ponse !<\/strong> ' + q.explication;\n    } else {\n      buttons[idx].classList.add('wrong');\n      buttons[q.correct].classList.add('correct');\n      if (dot) dot.classList.add('wrong');\n      feedback.className = 'oe-quiz-feedback wrong-fb';\n      feedback.innerHTML = '<strong>\u274c Mauvaise r\u00e9ponse.<\/strong> La bonne r\u00e9ponse \u00e9tait : <strong>' +\n        q.answers[q.correct] + '<\/strong>. ' + q.explication;\n    }\n\n    feedback.style.display = 'block';\n    getEl('oe-quiz-score-display').textContent = score + ' \/ ' + questions.length;\n\n    var nextBtn = getEl('oe-quiz-next-btn');\n    nextBtn.style.display = current < questions.length - 1 ? 'inline-block' : 'none';\n\n    if (current === questions.length - 1) {\n      setTimeout(showFinal, 1600);\n    }\n  }\n\n  function showFinal() {\n    getEl('oe-quiz-qnum').style.display     = 'none';\n    getEl('oe-quiz-qtext').style.display    = 'none';\n    getEl('oe-quiz-answers').style.display  = 'none';\n    getEl('oe-quiz-feedback').style.display = 'none';\n    getEl('oe-quiz-next-btn').style.display = 'none';\n\n    var finals = [\n      { title: \"\u00c0 renforcer\", msg: \"Pas de panique ! Le recrutement a ses codes. Parcourez nos guides et nos offres pour bien d\u00e9marrer votre recherche.\" },\n      { title: \"Bon d\u00e9part\",   msg: \"Vous avez les bases. Quelques bonnes pratiques en plus et vous d\u00e9crocherez vos prochains entretiens.\" },\n      { title: \"Bien pr\u00e9par\u00e9\", msg: \"Vous ma\u00eetrisez les codes du recrutement. Lancez-vous avec confiance et trouvez l'opportunit\u00e9 qui vous correspond.\" },\n      { title: \"Expert recrutement\", msg: \"Impressionnant ! Vous avez une vraie ma\u00eetrise du sujet. Profitez de nos meilleures offres pour passer \u00e0 l'\u00e9tape suivante.\" }\n    ];\n\n    var level = score <= 1 ? 0 : score <= 2 ? 1 : score <= 3 ? 2 : 3;\n    var finalEl = getEl('oe-quiz-final');\n\n    getEl('oe-quiz-final-score').textContent = score + '\/' + questions.length;\n    getEl('oe-quiz-final-title').textContent = finals[level].title;\n    getEl('oe-quiz-final-msg').textContent   = finals[level].msg;\n    finalEl.style.display = 'block';\n    finalEl.scrollIntoView({ behavior: 'smooth', block: 'center' });\n  }\n\n  function quizRestart() {\n    current = 0;\n    score = 0;\n    answered = false;\n\n    getEl('oe-quiz-qnum').style.display     = 'block';\n    getEl('oe-quiz-qtext').style.display    = 'block';\n    getEl('oe-quiz-answers').style.display  = 'flex';\n    getEl('oe-quiz-final').style.display    = 'none';\n    getEl('oe-quiz-score-display').textContent = '0 \/ ' + questions.length;\n\n    for (var i = 1; i <= questions.length; i++) {\n      var dot = getEl('oe-dot-' + i);\n      if (dot) dot.className = 'oe-quiz-dot';\n    }\n    renderQuestion();\n  }\n\n  function init() {\n    var nextBtn = getEl('oe-quiz-next-btn');\n    if (nextBtn) {\n      nextBtn.addEventListener('click', function() {\n        if (current < questions.length - 1) {\n          current++;\n          renderQuestion();\n        }\n      });\n    }\n\n    var restartBtn = getEl('oe-quiz-restart-btn');\n    if (restartBtn) restartBtn.addEventListener('click', quizRestart);\n\n    renderQuestion();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\n\n\n\n<!-- ============================================================\n     VID\u00c9O \u2014 Bloc \"Conseils emploi\" (vid\u00e9o YouTube embarqu\u00e9e)\n     Auto-contenu, charte bleu\/orange.\n============================================================ -->\n<section class=\"oe-video\">\n  <div class=\"oe-video-inner\">\n\n    <div class=\"oe-video-header\">\n      <span class=\"oe-video-tag\">\u25cf VID\u00c9O CONSEIL<\/span>\n      <h2><span class=\"ez-toc-section\" id=\"Trouver_lemploi_ideal_nos_conseils_pour_reussir_votre_recherche\"><\/span>Trouver l'emploi id\u00e9al : nos <span class=\"oe-video-accent\">conseils<\/span> pour r\u00e9ussir votre recherche<span class=\"ez-toc-section-end\"><\/span><\/h2>\n      <p>Optimisation de CV, lettre de motivation, pr\u00e9paration des entretiens\u2026 Dans cette vid\u00e9o, d\u00e9couvrez les bonnes pratiques pour vous d\u00e9marquer et d\u00e9crocher le poste qui vous correspond.<\/p>\n    <\/div>\n\n    <div class=\"oe-video-body\">\n      <!-- Lecteur YouTube -->\n      <div class=\"oe-video-player\">\n        <iframe\n          src=\"https:\/\/www.youtube.com\/embed\/OT40GFJ4cJw?rel=0&#038;start=3\"\n          title=\"Conseils emploi \u2014 r\u00e9ussir sa recherche\"\n          frameborder=\"0\"\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n          allowfullscreen\n          loading=\"lazy\"><\/iframe>\n\n        <div class=\"oe-video-tags\">\n          <span>Emploi<\/span>\n          <span>CV<\/span>\n          <span>Entretien<\/span>\n          <span>Candidature<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Bloc concept \/ checklist -->\n      <div class=\"oe-video-concept\">\n        <h3><span class=\"ez-toc-section\" id=\"A_retenir_pour_bien_demarrer\"><\/span>\u00c0 retenir pour bien d\u00e9marrer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <p class=\"oe-video-concept-sub\">\n          Cette vid\u00e9o vous donne les cl\u00e9s pour structurer votre recherche, vous d\u00e9marquer des autres candidats et maximiser vos chances de d\u00e9crocher des entretiens.\n        <\/p>\n\n        <ul class=\"oe-video-checklist\">\n          <li>\n            <span class=\"oe-ck-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/span>\n            <div><strong>CV cibl\u00e9 :<\/strong> un CV adapt\u00e9 \u00e0 chaque poste, avec les bons mots-cl\u00e9s et une mise en page lisible en 6 secondes.<\/div>\n          <\/li>\n          <li>\n            <span class=\"oe-ck-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/span>\n            <div><strong>Lettre de motivation :<\/strong> courte, personnalis\u00e9e et ax\u00e9e sur la valeur que vous apportez \u00e0 l'entreprise.<\/div>\n          <\/li>\n          <li>\n            <span class=\"oe-ck-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/span>\n            <div><strong>R\u00e9seau professionnel :<\/strong> LinkedIn \u00e0 jour, contacts entretenus, cooptation et candidatures spontan\u00e9es.<\/div>\n          <\/li>\n          <li>\n            <span class=\"oe-ck-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/span>\n            <div><strong>Pr\u00e9paration entretien :<\/strong> renseignez-vous sur l'entreprise, anticipez les questions et pr\u00e9parez vos exemples concrets.<\/div>\n          <\/li>\n        <\/ul>\n\n        <div class=\"oe-video-note\">\n          <span aria-hidden=\"true\">\ud83d\udca1<\/span>\n          <p><strong>Conseil pro :<\/strong> consacrez au moins 1 h par jour \u00e0 votre recherche, en alternant prospection, candidatures cibl\u00e9es et veille du march\u00e9.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   VID\u00c9O \u2014 styles scoped (.oe-video)\n============================================================ *\/\n.oe-video {\n  padding: 90px 5%;\n  background: #f8fafc;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n.oe-video-inner { max-width: 1200px; margin: 0 auto; }\n\n\/* Header *\/\n.oe-video-header { margin-bottom: 40px; }\n\n.oe-video-tag {\n  display: inline-block;\n  font-size: 12px;\n  color: #d97706;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n  padding: 6px 16px;\n  background: #fef3c7;\n  border-radius: 50px;\n}\n\n.oe-video-header h2 {\n  font-size: clamp(26px, 4vw, 40px);\n  font-weight: 900;\n  color: #0f172a;\n  margin: 0 0 14px;\n  max-width: 740px;\n  line-height: 1.18;\n  letter-spacing: -0.02em;\n}\n\n.oe-video-accent {\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.oe-video-header p {\n  font-size: 17px;\n  color: #475569;\n  max-width: 700px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* Grid body *\/\n.oe-video-body {\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: 36px;\n  align-items: start;\n}\n\n\/* ====== Player ====== *\/\n.oe-video-player {\n  background: #ffffff;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow:\n    0 20px 50px rgba(15, 23, 42, 0.10),\n    0 6px 14px rgba(15, 23, 42, 0.06);\n  border: 1px solid #e2e8f0;\n}\n\n.oe-video-player iframe {\n  display: block;\n  aspect-ratio: 16 \/ 9;\n  width: 100%;\n  height: auto;\n  border: 0;\n}\n\n.oe-video-tags {\n  padding: 16px 20px;\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.oe-video-tags span {\n  background: #dbeafe;\n  color: #1e40af;\n  padding: 6px 14px;\n  border-radius: 50px;\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.01em;\n}\n\n\/* ====== Concept \/ checklist ====== *\/\n.oe-video-concept {\n  background: #ffffff;\n  border-radius: 20px;\n  padding: 32px;\n  border: 1px solid #e2e8f0;\n  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);\n}\n\n.oe-video-concept h3 {\n  font-size: 20px;\n  font-weight: 800;\n  color: #0f172a;\n  margin: 0 0 10px;\n  letter-spacing: -0.01em;\n}\n\n.oe-video-concept-sub {\n  font-size: 14px;\n  color: #64748b;\n  margin: 0 0 24px;\n  line-height: 1.6;\n}\n\n.oe-video-checklist {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.oe-video-checklist li {\n  display: flex;\n  gap: 14px;\n  align-items: flex-start;\n}\n\n.oe-ck-icon {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, #3b82f6, #2563eb);\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: 2px;\n  box-shadow: 0 4px 10px rgba(37, 99, 235, 0.30);\n}\n.oe-ck-icon svg { width: 14px; height: 14px; }\n\n.oe-video-checklist li > div {\n  font-size: 14px;\n  color: #334155;\n  line-height: 1.55;\n  flex: 1;\n}\n.oe-video-checklist li strong { color: #0f172a; font-weight: 700; }\n\n\/* Note pro tip *\/\n.oe-video-note {\n  display: flex;\n  gap: 12px;\n  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n  border: 1px solid #fbbf24;\n  border-radius: 12px;\n  padding: 14px 16px;\n  margin-top: 22px;\n  align-items: flex-start;\n}\n.oe-video-note span {\n  font-size: 20px;\n  flex-shrink: 0;\n  line-height: 1.2;\n}\n.oe-video-note p {\n  margin: 0;\n  font-size: 13px;\n  color: #78350f;\n  line-height: 1.55;\n}\n.oe-video-note strong { color: #451a03; font-weight: 700; }\n\n\/* ====== Responsive ====== *\/\n@media (max-width: 900px) {\n  .oe-video { padding: 64px 5%; }\n  .oe-video-body { grid-template-columns: 1fr; gap: 24px; }\n  .oe-video-concept { padding: 24px; }\n}\n@media (max-width: 480px) {\n  .oe-video-tag { font-size: 11px; letter-spacing: 0.15em; }\n  .oe-video-header p { font-size: 15px; }\n  .oe-video-tags span { font-size: 12px; padding: 5px 12px; }\n}\n<\/style>\n\n\n\n<!-- ============================================================\n     CAT\u00c9GORIE \u2014 Bloc \"Offre d'emploi\"\n     Image gauche + contenu droite, fond bleu profond charte.\n============================================================ -->\n<section class=\"oe-cat oe-cat-emploi\" id=\"categorie-offre-emploi\">\n  <div class=\"oe-cat-wrap\">\n\n    <!-- ===== IMAGE ===== -->\n    <div class=\"oe-cat-image\">\n      <img decoding=\"async\"\n        src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&#038;fit=crop&#038;w=1000&#038;q=80\"\n        alt=\"Recherche d'offres d'emploi sur un ordinateur\"\n        loading=\"lazy\">\n      <div class=\"oe-cat-img-overlay\">\n        <span class=\"oe-cat-badge\">\ud83d\udcbc Offre d'emploi<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- ===== CONTENU ===== -->\n    <div class=\"oe-cat-content\">\n      <span class=\"oe-cat-label\">CAT\u00c9GORIE<\/span>\n\n      <h2><span class=\"ez-toc-section\" id=\"Offre_demploi\"><\/span>Offre d'<span class=\"oe-cat-accent\">emploi<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n      <p>\n        Tous nos articles, analyses et conseils autour des annonces d'emploi en\n        France. D\u00e9codage du march\u00e9, types de contrats, tendances par secteur et\n        bonnes pratiques pour postuler efficacement et d\u00e9crocher l'opportunit\u00e9\n        qui vous correspond.\n      <\/p>\n\n      <div class=\"oe-cat-tags\">\n        <span>\ud83d\udcbc CDI<\/span>\n        <span>\ud83d\udcdd CDD<\/span>\n        <span>\ud83c\udf93 Alternance<\/span>\n        <span>\ud83c\udfe0 T\u00e9l\u00e9travail<\/span>\n        <span>\ud83d\ude80 Freelance<\/span>\n      <\/div>\n\n      <div class=\"oe-cat-mini-grid\">\n        <div class=\"oe-cat-mini\">\n          <strong>Types de contrat<\/strong>\n          <small>CDI, CDD, alternance, stage<\/small>\n        <\/div>\n        <div class=\"oe-cat-mini\">\n          <strong>Conseils candidature<\/strong>\n          <small>CV, lettre, pr\u00e9-s\u00e9lection<\/small>\n        <\/div>\n      <\/div>\n\n      <a href=\"\/newsroom\/category\/offre-demploi\/\" class=\"oe-cat-btn\">\n        Voir tous les articles\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   CAT\u00c9GORIE \u2014 styles scoped (.oe-cat)\n============================================================ *\/\n.oe-cat {\n  padding: 80px 5%;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  position: relative;\n  overflow: hidden;\n}\n\n.oe-cat-emploi {\n  background:\n    radial-gradient(ellipse at 90% 0%, rgba(245, 158, 11, 0.18) 0%, transparent 55%),\n    radial-gradient(ellipse at 0% 100%, rgba(59, 130, 246, 0.22) 0%, transparent 55%),\n    linear-gradient(135deg, #0f172a 0%, #1e3a8a 55%, #1e40af 100%);\n}\n\n.oe-cat-wrap {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  align-items: center;\n  position: relative;\n  z-index: 1;\n}\n\n\/* ====== Image ====== *\/\n.oe-cat-image {\n  position: relative;\n  border-radius: 22px;\n  overflow: hidden;\n  box-shadow:\n    0 30px 60px rgba(0, 0, 0, 0.40),\n    0 12px 24px rgba(0, 0, 0, 0.20);\n}\n.oe-cat-image img {\n  width: 100%;\n  height: 480px;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s ease;\n}\n.oe-cat-image:hover img { transform: scale(1.04); }\n\n.oe-cat-img-overlay {\n  position: absolute;\n  bottom: 22px;\n  left: 22px;\n  z-index: 2;\n}\n\n.oe-cat-badge {\n  background: linear-gradient(135deg, rgba(245, 158, 11, 0.92), rgba(217, 119, 6, 0.92));\n  color: #ffffff;\n  padding: 9px 18px;\n  border-radius: 50px;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.01em;\n  -webkit-backdrop-filter: blur(8px);\n  backdrop-filter: blur(8px);\n  box-shadow: 0 8px 20px rgba(245, 158, 11, 0.40);\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n\/* ====== Contenu ====== *\/\n.oe-cat-label {\n  font-size: 11px;\n  letter-spacing: 0.22em;\n  font-weight: 800;\n  text-transform: uppercase;\n  padding: 7px 16px;\n  border-radius: 50px;\n  display: inline-block;\n  margin-bottom: 18px;\n  background: rgba(245, 158, 11, 0.15);\n  border: 1px solid rgba(245, 158, 11, 0.40);\n  color: #fbbf24;\n}\n\n.oe-cat-content h2 {\n  font-size: clamp(28px, 4vw, 46px);\n  font-weight: 900;\n  margin: 0 0 18px;\n  color: #ffffff;\n  line-height: 1.08;\n  letter-spacing: -0.02em;\n}\n\n.oe-cat-accent {\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.oe-cat-content > p {\n  font-size: 16px;\n  line-height: 1.75;\n  color: rgba(255, 255, 255, 0.78);\n  margin: 0 0 26px;\n}\n\n\/* Tags *\/\n.oe-cat-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-bottom: 26px;\n}\n.oe-cat-tags span {\n  background: rgba(255, 255, 255, 0.08);\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  color: rgba(255, 255, 255, 0.92);\n  padding: 8px 16px;\n  border-radius: 50px;\n  font-size: 13px;\n  font-weight: 600;\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  transition: background 0.2s ease, border-color 0.2s ease;\n}\n.oe-cat-tags span:hover {\n  background: rgba(245, 158, 11, 0.15);\n  border-color: rgba(245, 158, 11, 0.45);\n}\n\n\/* Mini grid *\/\n.oe-cat-mini-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n  margin-bottom: 30px;\n}\n.oe-cat-mini {\n  background: rgba(255, 255, 255, 0.06);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 14px;\n  padding: 16px 18px;\n  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n}\n.oe-cat-mini:hover {\n  background: rgba(37, 99, 235, 0.18);\n  border-color: rgba(59, 130, 246, 0.45);\n  transform: translateY(-2px);\n}\n.oe-cat-mini strong {\n  display: block;\n  font-size: 14px;\n  font-weight: 700;\n  color: #ffffff;\n  margin-bottom: 4px;\n}\n.oe-cat-mini small {\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.6);\n  line-height: 1.5;\n}\n\n\/* CTA *\/\n.oe-cat-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 14px 28px;\n  border-radius: 50px;\n  text-decoration: none;\n  font-weight: 700;\n  font-size: 15px;\n  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 60%, #d97706 100%);\n  color: #ffffff !important;\n  box-shadow: 0 10px 26px rgba(245, 158, 11, 0.45);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;\n}\n.oe-cat-btn svg { width: 18px; height: 18px; }\n.oe-cat-btn:hover {\n  transform: translateY(-3px);\n  filter: brightness(1.06);\n  box-shadow: 0 16px 34px rgba(245, 158, 11, 0.55);\n}\n\n\/* ====== Responsive ====== *\/\n@media (max-width: 900px) {\n  .oe-cat { padding: 60px 5%; }\n  .oe-cat-wrap { grid-template-columns: 1fr; gap: 36px; }\n  .oe-cat-image img { height: 320px; }\n}\n@media (max-width: 480px) {\n  .oe-cat-mini-grid { grid-template-columns: 1fr; }\n  .oe-cat-image img { height: 240px; }\n  .oe-cat-tags span { font-size: 12px; padding: 6px 12px; }\n}\n\n\/* Accessibilit\u00e9 *\/\n@media (prefers-reduced-motion: reduce) {\n  .oe-cat-image img,\n  .oe-cat-btn,\n  .oe-cat-mini,\n  .oe-cat-tags span { transition: none; }\n}\n<\/style>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-3 has-dates wp-block-latest-posts\"><li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/offre-emploi-courte-mobile\/\" aria-label=\"L&rsquo;offre d&#8217;emploi courte et percutante g\u00e9n\u00e8re plus de clics sur mobile.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-courte-et-percutante-genere-plus-de-clics-sur-mobile-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment une offre d&#039;emploi courte et percutante augmente les clics sur mobile pour attirer plus de candidats rapidement et efficacement.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-courte-et-percutante-genere-plus-de-clics-sur-mobile-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-courte-et-percutante-genere-plus-de-clics-sur-mobile-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-courte-et-percutante-genere-plus-de-clics-sur-mobile-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-courte-et-percutante-genere-plus-de-clics-sur-mobile.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/offre-emploi-courte-mobile\/\">L&rsquo;offre d&#8217;emploi courte et percutante g\u00e9n\u00e8re plus de clics sur mobile.<\/a><time datetime=\"2026-05-05T15:39:26+02:00\" class=\"wp-block-latest-posts__post-date\">5 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/offre-emploi-multilingue\/\" aria-label=\"L&rsquo;offre d&#8217;emploi multilingue attire les profils pour l&rsquo;international.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-multilingue-attire-les-profils-pour-linternational-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment une offre d&#039;emploi multilingue attire des profils internationaux, favorisant la diversit\u00e9 et l&#039;ouverture culturelle dans les entreprises.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-multilingue-attire-les-profils-pour-linternational-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-multilingue-attire-les-profils-pour-linternational-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-multilingue-attire-les-profils-pour-linternational-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-multilingue-attire-les-profils-pour-linternational.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/offre-emploi-multilingue\/\">L&rsquo;offre d&#8217;emploi multilingue attire les profils pour l&rsquo;international.<\/a><time datetime=\"2026-05-04T10:35:10+02:00\" class=\"wp-block-latest-posts__post-date\">4 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/emploi-metiers-rares\/\" aria-label=\"L&rsquo;offre d&#8217;emploi pour m\u00e9tiers rares demande une approche directe.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-pour-metiers-rares-demande-une-approche-directe-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment adopter une approche directe efficace pour r\u00e9ussir le recrutement dans les m\u00e9tiers rares gr\u00e2ce \u00e0 notre offre d&#039;emploi sp\u00e9cialis\u00e9e.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-pour-metiers-rares-demande-une-approche-directe-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-pour-metiers-rares-demande-une-approche-directe-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-pour-metiers-rares-demande-une-approche-directe-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loffre-demploi-pour-metiers-rares-demande-une-approche-directe.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/emploi-metiers-rares\/\">L&rsquo;offre d&#8217;emploi pour m\u00e9tiers rares demande une approche directe.<\/a><time datetime=\"2026-05-02T20:06:33+02:00\" class=\"wp-block-latest-posts__post-date\">2 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/mentorat-attire-juniors\/\" aria-label=\"La mise en avant du mentorat attire les juniors vers l&rsquo;offre d&#8217;emploi.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-mise-en-avant-du-mentorat-attire-les-juniors-vers-loffre-demploi-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment la mise en avant du mentorat dans les offres d&#039;emploi attire efficacement les candidats juniors en valorisant l&#039;accompagnement et le d\u00e9veloppement professionnel.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-mise-en-avant-du-mentorat-attire-les-juniors-vers-loffre-demploi-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-mise-en-avant-du-mentorat-attire-les-juniors-vers-loffre-demploi-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-mise-en-avant-du-mentorat-attire-les-juniors-vers-loffre-demploi-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-mise-en-avant-du-mentorat-attire-les-juniors-vers-loffre-demploi.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/mentorat-attire-juniors\/\">La mise en avant du mentorat attire les juniors vers l&rsquo;offre d&#8217;emploi.<\/a><time datetime=\"2026-05-01T18:29:12+02:00\" class=\"wp-block-latest-posts__post-date\">1 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/emploi-interim-vers-cdi\/\" aria-label=\"L&rsquo;offre d&#8217;emploi par int\u00e9rim sert de tremplin vers le CDI durable.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Loffre-demploi-par-interim-sert-de-tremplin-vers-le-CDI-durable-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment une offre d&#039;emploi par int\u00e9rim peut \u00eatre un tremplin efficace pour d\u00e9crocher un cdi durable et construire une carri\u00e8re stable.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Loffre-demploi-par-interim-sert-de-tremplin-vers-le-CDI-durable-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Loffre-demploi-par-interim-sert-de-tremplin-vers-le-CDI-durable-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Loffre-demploi-par-interim-sert-de-tremplin-vers-le-CDI-durable-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Loffre-demploi-par-interim-sert-de-tremplin-vers-le-CDI-durable.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/emploi-interim-vers-cdi\/\">L&rsquo;offre d&#8217;emploi par int\u00e9rim sert de tremplin vers le CDI durable.<\/a><time datetime=\"2026-04-30T13:24:23+02:00\" class=\"wp-block-latest-posts__post-date\">30 avril 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/qualite-photo-annonce-emploi\/\" aria-label=\"La qualit\u00e9 de la photo de l&rsquo;annonce influence l&rsquo;offre d&#8217;emploi visuelle.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-qualite-de-la-photo-de-lannonce-influence-loffre-demploi-visuelle-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment la qualit\u00e9 des photos dans les annonces d&#039;emploi impacte l&#039;attractivit\u00e9 visuelle et l&#039;efficacit\u00e9 du recrutement.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-qualite-de-la-photo-de-lannonce-influence-loffre-demploi-visuelle-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-qualite-de-la-photo-de-lannonce-influence-loffre-demploi-visuelle-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-qualite-de-la-photo-de-lannonce-influence-loffre-demploi-visuelle-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-qualite-de-la-photo-de-lannonce-influence-loffre-demploi-visuelle.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/qualite-photo-annonce-emploi\/\">La qualit\u00e9 de la photo de l&rsquo;annonce influence l&rsquo;offre d&#8217;emploi visuelle.<\/a><time datetime=\"2026-04-28T20:18:37+02:00\" class=\"wp-block-latest-posts__post-date\">28 avril 2026<\/time><\/li>\n<\/ul>\n\n\n<!-- ============================================================\n     CAT\u00c9GORIE \u2014 Bloc \"Contrat\"\n     Design grille 4 cartes type comparatif. Fond clair.\n============================================================ -->\n<section class=\"oe-cat-ctr\" id=\"categorie-contrat\">\n  <div class=\"oe-cat-ctr-inner\">\n\n    <!-- ===== Header ===== -->\n    <header class=\"oe-cat-ctr-header\">\n      <span class=\"oe-cat-ctr-eyebrow\">\n        <span class=\"oe-cat-ctr-eyebrow-line\" aria-hidden=\"true\"><\/span>\n        Cat\u00e9gorie\n        <span class=\"oe-cat-ctr-eyebrow-line\" aria-hidden=\"true\"><\/span>\n      <\/span>\n      <h2><span class=\"ez-toc-section\" id=\"Tout_savoir_sur_le_contrat_de_travail\"><\/span>Tout savoir sur le <span class=\"oe-cat-ctr-accent\">contrat<\/span> de travail<span class=\"ez-toc-section-end\"><\/span><\/h2>\n      <p>CDI, CDD, alternance, freelance\u2026 Chaque situation a son contrat. D\u00e9codez les diff\u00e9rents types, leurs obligations et les droits attach\u00e9s \u00e0 chacun pour faire le bon choix.<\/p>\n    <\/header>\n\n    <!-- ===== Grid de 4 cartes ===== -->\n    <div class=\"oe-cat-ctr-grid\">\n\n      <!-- CDI : carte mise en avant -->\n      <article class=\"oe-cat-ctr-card oe-cat-ctr-card--featured\">\n        <div class=\"oe-cat-ctr-ribbon\">\u2b50 Le plus stable<\/div>\n        <span class=\"oe-cat-ctr-tag\">Long terme<\/span>\n\n        <span class=\"oe-cat-ctr-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n            <path d=\"m9 12 2 2 4-4\"\/>\n          <\/svg>\n        <\/span>\n\n        <h3><span class=\"ez-toc-section\" id=\"CDI\"><\/span>CDI<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <p class=\"oe-cat-ctr-sub\">Contrat \u00e0 dur\u00e9e ind\u00e9termin\u00e9e<\/p>\n\n        <ul class=\"oe-cat-ctr-list\">\n          <li><span aria-hidden=\"true\">\u2713<\/span> S\u00e9curit\u00e9, dur\u00e9e illimit\u00e9e<\/li>\n          <li><span aria-hidden=\"true\">\u2713<\/span> P\u00e9riode d'essai 2 \u00e0 4 mois<\/li>\n          <li><span aria-hidden=\"true\">\u2713<\/span> Pr\u00e9avis & indemnit\u00e9s en cas de rupture<\/li>\n        <\/ul>\n\n  \n      <\/article>\n\n      <!-- CDD -->\n      <article class=\"oe-cat-ctr-card\">\n        <span class=\"oe-cat-ctr-tag\">Temporaire<\/span>\n\n        <span class=\"oe-cat-ctr-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/>\n            <path d=\"M16 2v4M8 2v4M3 10h18\"\/>\n          <\/svg>\n        <\/span>\n\n        <h3><span class=\"ez-toc-section\" id=\"CDD\"><\/span>CDD<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <p class=\"oe-cat-ctr-sub\">Contrat \u00e0 dur\u00e9e d\u00e9termin\u00e9e<\/p>\n\n        <ul class=\"oe-cat-ctr-list\">\n          <li><span aria-hidden=\"true\">\u2713<\/span> Dur\u00e9e maximale 18 mois<\/li>\n          <li><span aria-hidden=\"true\">\u2713<\/span> Motif de recours obligatoire<\/li>\n          <li><span aria-hidden=\"true\">\u2713<\/span> Prime de pr\u00e9carit\u00e9 de 10 %<\/li>\n        <\/ul>\n\n   \n      <\/article>\n\n      <!-- Alternance -->\n      <article class=\"oe-cat-ctr-card\">\n        <span class=\"oe-cat-ctr-tag\">Formation<\/span>\n\n        <span class=\"oe-cat-ctr-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/>\n            <path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/>\n          <\/svg>\n        <\/span>\n\n        <h3><span class=\"ez-toc-section\" id=\"Alternance\"><\/span>Alternance<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <p class=\"oe-cat-ctr-sub\">Apprentissage \/ pro<\/p>\n\n        <ul class=\"oe-cat-ctr-list\">\n          <li><span aria-hidden=\"true\">\u2713<\/span> Formation r\u00e9mun\u00e9r\u00e9e<\/li>\n          <li><span aria-hidden=\"true\">\u2713<\/span> Dipl\u00f4me ou titre RNCP<\/li>\n          <li><span aria-hidden=\"true\">\u2713<\/span> Tremplin direct vers le CDI<\/li>\n        <\/ul>\n\n    \n      <\/article>\n\n      <!-- Freelance -->\n      <article class=\"oe-cat-ctr-card\">\n        <span class=\"oe-cat-ctr-tag\">Ind\u00e9pendance<\/span>\n\n        <span class=\"oe-cat-ctr-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/>\n            <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/>\n            <path d=\"M2 13h20\"\/>\n          <\/svg>\n        <\/span>\n\n        <h3><span class=\"ez-toc-section\" id=\"Freelance\"><\/span>Freelance<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <p class=\"oe-cat-ctr-sub\">Ind\u00e9pendant \/ mission<\/p>\n\n        <ul class=\"oe-cat-ctr-list\">\n          <li><span aria-hidden=\"true\">\u2713<\/span> Libert\u00e9 & autonomie totale<\/li>\n          <li><span aria-hidden=\"true\">\u2713<\/span> Tarif journalier (TJM) \u00e0 n\u00e9gocier<\/li>\n          <li><span aria-hidden=\"true\">\u2713<\/span> Statuts : auto-entrepreneur, EURL\u2026<\/li>\n        <\/ul>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- ===== CTA central ===== -->\n    <div class=\"oe-cat-ctr-cta-wrap\">\n      <a href=\"\/newsroom\/category\/contrat\/\" class=\"oe-cat-ctr-cta\">\n        Voir tous les articles \"Contrat\"\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n      <\/a>\n      <p class=\"oe-cat-ctr-cta-sub\">Plus de 50 articles pour bien choisir votre contrat<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   CAT\u00c9GORIE CONTRAT \u2014 styles scoped (.oe-cat-ctr)\n============================================================ *\/\n.oe-cat-ctr {\n  position: relative;\n  padding: 96px 5%;\n  background:\n    radial-gradient(circle at 90% 0%,  rgba(245, 158, 11, 0.08) 0%, transparent 45%),\n    radial-gradient(circle at 0% 100%, rgba(37, 99, 235, 0.08) 0%, transparent 45%),\n    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  overflow: hidden;\n}\n\n\/* Pattern de points en arri\u00e8re-plan, tr\u00e8s discret *\/\n.oe-cat-ctr::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: radial-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px);\n  background-size: 24px 24px;\n  opacity: 0.6;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.oe-cat-ctr-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n\/* ====== Header ====== *\/\n.oe-cat-ctr-header {\n  text-align: center;\n  margin: 0 auto 56px;\n  max-width: 720px;\n}\n\n.oe-cat-ctr-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  font-size: 12px;\n  font-weight: 800;\n  color: #2563eb;\n  letter-spacing: 0.20em;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n.oe-cat-ctr-eyebrow-line {\n  width: 28px;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, #f59e0b, #fbbf24);\n  border-radius: 1px;\n}\n.oe-cat-ctr-eyebrow-line:last-child {\n  background: linear-gradient(90deg, #fbbf24, #f59e0b, transparent);\n}\n\n.oe-cat-ctr-header h2 {\n  font-size: clamp(28px, 4vw, 46px);\n  font-weight: 900;\n  color: #0f172a;\n  margin: 0 0 18px;\n  letter-spacing: -0.02em;\n  line-height: 1.1;\n}\n\n.oe-cat-ctr-accent {\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.oe-cat-ctr-header p {\n  font-size: 17px;\n  color: #475569;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* ====== Grid 4 cartes ====== *\/\n.oe-cat-ctr-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 22px;\n  margin-bottom: 48px;\n}\n\n\/* Carte de base *\/\n.oe-cat-ctr-card {\n  position: relative;\n  background: #ffffff;\n  border: 1px solid #e2e8f0;\n  border-radius: 18px;\n  padding: 28px 24px;\n  display: flex;\n  flex-direction: column;\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.oe-cat-ctr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.10);\n  border-color: rgba(37, 99, 235, 0.30);\n}\n\n\/* Petit tag en haut \u00e0 droite *\/\n.oe-cat-ctr-tag {\n  position: absolute;\n  top: 18px;\n  right: 18px;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.10em;\n  text-transform: uppercase;\n  color: #64748b;\n  background: #f1f5f9;\n  padding: 4px 10px;\n  border-radius: 50px;\n}\n\n\/* Ic\u00f4ne *\/\n.oe-cat-ctr-icon {\n  width: 56px;\n  height: 56px;\n  border-radius: 14px;\n  background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(59, 130, 246, 0.05));\n  border: 1px solid rgba(37, 99, 235, 0.18);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #2563eb;\n  margin-bottom: 18px;\n  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease, border-color 0.3s ease;\n}\n.oe-cat-ctr-icon svg { width: 26px; height: 26px; }\n\n.oe-cat-ctr-card:hover .oe-cat-ctr-icon {\n  transform: scale(1.06) rotate(-3deg);\n  background: linear-gradient(135deg, #2563eb, #1e40af);\n  color: #ffffff;\n  border-color: transparent;\n}\n\n\/* Titre + sous-titre *\/\n.oe-cat-ctr-card h3 {\n  font-size: 26px;\n  font-weight: 900;\n  color: #0f172a;\n  margin: 0 0 4px;\n  letter-spacing: -0.02em;\n}\n\n.oe-cat-ctr-sub {\n  font-size: 13px;\n  color: #94a3b8;\n  font-weight: 500;\n  margin: 0 0 20px;\n}\n\n\/* Liste de b\u00e9n\u00e9fices *\/\n.oe-cat-ctr-list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 22px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  flex: 1;\n}\n.oe-cat-ctr-list li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 13.5px;\n  color: #475569;\n  line-height: 1.5;\n}\n.oe-cat-ctr-list li > span {\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: #dcfce7;\n  color: #15803d;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  font-weight: 900;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n\n\/* Lien \"Lire les articles\" *\/\n.oe-cat-ctr-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: #2563eb;\n  font-size: 14px;\n  font-weight: 700;\n  text-decoration: none;\n  margin-top: auto;\n  transition: gap 0.2s ease, color 0.2s ease;\n}\n.oe-cat-ctr-link:hover {\n  gap: 12px;\n  color: #1e40af;\n}\n.oe-cat-ctr-link svg { width: 16px; height: 16px; }\n\n\/* ====== Carte FEATURED (CDI) ====== *\/\n.oe-cat-ctr-card--featured {\n  border: 2px solid transparent;\n  background:\n    linear-gradient(#ffffff, #ffffff) padding-box,\n    linear-gradient(135deg, #fbbf24, #f59e0b, #d97706) border-box;\n  box-shadow: 0 12px 32px rgba(245, 158, 11, 0.18);\n}\n.oe-cat-ctr-card--featured:hover {\n  border-color: transparent;\n  box-shadow: 0 24px 50px rgba(245, 158, 11, 0.30);\n}\n\n.oe-cat-ctr-card--featured .oe-cat-ctr-tag {\n  background: linear-gradient(135deg, #fef3c7, #fde68a);\n  color: #92400e;\n}\n\n.oe-cat-ctr-card--featured .oe-cat-ctr-icon {\n  background: linear-gradient(135deg, #fef3c7, #fde68a);\n  color: #d97706;\n  border-color: rgba(245, 158, 11, 0.40);\n}\n.oe-cat-ctr-card--featured:hover .oe-cat-ctr-icon {\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  color: #ffffff;\n}\n\n.oe-cat-ctr-card--featured .oe-cat-ctr-link {\n  color: #d97706;\n}\n.oe-cat-ctr-card--featured .oe-cat-ctr-link:hover {\n  color: #92400e;\n}\n\n\/* Ruban \"Le plus stable\" en haut *\/\n.oe-cat-ctr-ribbon {\n  position: absolute;\n  top: -14px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  color: #ffffff;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.06em;\n  padding: 6px 16px;\n  border-radius: 50px;\n  white-space: nowrap;\n  box-shadow: 0 8px 16px rgba(245, 158, 11, 0.45);\n}\n\n\/* ====== CTA bas ====== *\/\n.oe-cat-ctr-cta-wrap {\n  text-align: center;\n}\n\n.oe-cat-ctr-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 32px;\n  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);\n  color: #ffffff !important;\n  border-radius: 50px;\n  font-weight: 700;\n  font-size: 15px;\n  text-decoration: none;\n  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.40);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;\n}\n.oe-cat-ctr-cta svg { width: 18px; height: 18px; }\n.oe-cat-ctr-cta:hover {\n  transform: translateY(-3px);\n  filter: brightness(1.06);\n  box-shadow: 0 18px 36px rgba(37, 99, 235, 0.50);\n}\n\n.oe-cat-ctr-cta-sub {\n  font-size: 13px;\n  color: #64748b;\n  margin: 14px 0 0;\n}\n\n\/* ====== Responsive ====== *\/\n@media (max-width: 1024px) {\n  .oe-cat-ctr-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n  }\n}\n@media (max-width: 600px) {\n  .oe-cat-ctr { padding: 64px 5%; }\n  .oe-cat-ctr-grid { grid-template-columns: 1fr; gap: 16px; }\n  .oe-cat-ctr-header { margin-bottom: 40px; }\n  .oe-cat-ctr-card h3 { font-size: 22px; }\n}\n\n\/* Accessibilit\u00e9 *\/\n@media (prefers-reduced-motion: reduce) {\n  .oe-cat-ctr-card,\n  .oe-cat-ctr-icon,\n  .oe-cat-ctr-link,\n  .oe-cat-ctr-cta { transition: none; }\n}\n<\/style>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-3 has-dates wp-block-latest-posts\"><li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/prevoyance-collective-garanties\/\" aria-label=\"La pr\u00e9voyance collective compl\u00e8te les garanties du contrat de travail.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-prevoyance-collective-complete-les-garanties-du-contrat-de-travail-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment la pr\u00e9voyance collective vient renforcer les garanties offertes par le contrat de travail, assurant une meilleure protection sociale pour les salari\u00e9s.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-prevoyance-collective-complete-les-garanties-du-contrat-de-travail-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-prevoyance-collective-complete-les-garanties-du-contrat-de-travail-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-prevoyance-collective-complete-les-garanties-du-contrat-de-travail-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-prevoyance-collective-complete-les-garanties-du-contrat-de-travail.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/prevoyance-collective-garanties\/\">La pr\u00e9voyance collective compl\u00e8te les garanties du contrat de travail.<\/a><time datetime=\"2026-05-04T20:10:25+02:00\" class=\"wp-block-latest-posts__post-date\">4 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/contrat-apprentissage-travail-jeune\/\" aria-label=\"Le contrat d&rsquo;apprentissage est un levier majeur du contrat de travail jeune.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-contrat-dapprentissage-est-un-levier-majeur-du-contrat-de-travail-jeune-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment le contrat d&#039;apprentissage constitue un levier essentiel pour l&#039;emploi des jeunes, facilitant leur int\u00e9gration professionnelle gr\u00e2ce \u00e0 une formation en alternance.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-contrat-dapprentissage-est-un-levier-majeur-du-contrat-de-travail-jeune-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-contrat-dapprentissage-est-un-levier-majeur-du-contrat-de-travail-jeune-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-contrat-dapprentissage-est-un-levier-majeur-du-contrat-de-travail-jeune-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-contrat-dapprentissage-est-un-levier-majeur-du-contrat-de-travail-jeune.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/contrat-apprentissage-travail-jeune\/\">Le contrat d&rsquo;apprentissage est un levier majeur du contrat de travail jeune.<\/a><time datetime=\"2026-05-03T15:56:33+02:00\" class=\"wp-block-latest-posts__post-date\">3 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/convention-collective-salaire\/\" aria-label=\"La convention collective d\u00e9finit les grilles de salaire du contrat de travail.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-convention-collective-definit-les-grilles-de-salaire-du-contrat-de-travail-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment la convention collective \u00e9tablit les grilles de salaire applicables aux contrats de travail, garantissant transparence et \u00e9quit\u00e9 pour les salari\u00e9s.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-convention-collective-definit-les-grilles-de-salaire-du-contrat-de-travail-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-convention-collective-definit-les-grilles-de-salaire-du-contrat-de-travail-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-convention-collective-definit-les-grilles-de-salaire-du-contrat-de-travail-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-convention-collective-definit-les-grilles-de-salaire-du-contrat-de-travail.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/convention-collective-salaire\/\">La convention collective d\u00e9finit les grilles de salaire du contrat de travail.<\/a><time datetime=\"2026-05-02T11:28:03+02:00\" class=\"wp-block-latest-posts__post-date\">2 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/visite-prevention-contrat-travail\/\" aria-label=\"La visite d&rsquo;information et de pr\u00e9vention valide le contrat de travail.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-visite-dinformation-et-de-prevention-valide-le-contrat-de-travail-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment la visite d&#039;information et de pr\u00e9vention joue un r\u00f4le essentiel en validant le contrat de travail et en assurant la s\u00e9curit\u00e9 des employ\u00e9s.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-visite-dinformation-et-de-prevention-valide-le-contrat-de-travail-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-visite-dinformation-et-de-prevention-valide-le-contrat-de-travail-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-visite-dinformation-et-de-prevention-valide-le-contrat-de-travail-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-visite-dinformation-et-de-prevention-valide-le-contrat-de-travail.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/visite-prevention-contrat-travail\/\">La visite d&rsquo;information et de pr\u00e9vention valide le contrat de travail.<\/a><time datetime=\"2026-04-30T20:29:52+02:00\" class=\"wp-block-latest-posts__post-date\">30 avril 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/teletravail-hybride-accord\/\" aria-label=\"Le t\u00e9l\u00e9travail hybride est r\u00e9gi par un accord au contrat de travail.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-teletravail-hybride-est-regi-par-un-accord-au-contrat-de-travail-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment le t\u00e9l\u00e9travail hybride est encadr\u00e9 l\u00e9galement gr\u00e2ce \u00e0 un accord ou une clause ins\u00e9r\u00e9e dans le contrat de travail, garantissant les droits et devoirs des employ\u00e9s et employeurs.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-teletravail-hybride-est-regi-par-un-accord-au-contrat-de-travail-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-teletravail-hybride-est-regi-par-un-accord-au-contrat-de-travail-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-teletravail-hybride-est-regi-par-un-accord-au-contrat-de-travail-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-teletravail-hybride-est-regi-par-un-accord-au-contrat-de-travail.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/teletravail-hybride-accord\/\">Le t\u00e9l\u00e9travail hybride est r\u00e9gi par un accord au contrat de travail.<\/a><time datetime=\"2026-04-29T17:06:16+02:00\" class=\"wp-block-latest-posts__post-date\">29 avril 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><a href=\"https:\/\/www.offredemploi.fr\/newsroom\/clause-discretion-contrat-travail\/\" aria-label=\"La clause de discr\u00e9tion prot\u00e8ge les secrets du contrat de travail strat\u00e9gique.\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-clause-de-discretion-protege-les-secrets-du-contrat-de-travail-strategique-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment la clause de discr\u00e9tion prot\u00e8ge les informations confidentielles dans un contrat de travail strat\u00e9gique, assurant la confidentialit\u00e9 et la s\u00e9curit\u00e9 des donn\u00e9es sensibles.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-clause-de-discretion-protege-les-secrets-du-contrat-de-travail-strategique-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-clause-de-discretion-protege-les-secrets-du-contrat-de-travail-strategique-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-clause-de-discretion-protege-les-secrets-du-contrat-de-travail-strategique-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-clause-de-discretion-protege-les-secrets-du-contrat-de-travail-strategique.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/clause-discretion-contrat-travail\/\">La clause de discr\u00e9tion prot\u00e8ge les secrets du contrat de travail strat\u00e9gique.<\/a><time datetime=\"2026-04-28T11:55:27+02:00\" class=\"wp-block-latest-posts__post-date\">28 avril 2026<\/time><\/li>\n<\/ul>\n\n\n<!-- ============================================================\n     CAT\u00c9GORIE \u2014 Bloc \"Exp\u00e9rience\"\n     Timeline progression de carri\u00e8re + image portrait + stats flottantes\n     CORRECTIONS : ligne pointill\u00e9e + num\u00e9ros opaques + halo blanc\n============================================================ -->\n<section class=\"oe-cat-exp\" id=\"categorie-experience\">\n  <div class=\"oe-cat-exp-inner\">\n\n    <!-- ===== LEFT : contenu + timeline ===== -->\n    <div class=\"oe-cat-exp-content\">\n\n      <span class=\"oe-cat-exp-eyebrow\">\n        <span class=\"oe-cat-exp-dot\" aria-hidden=\"true\"><\/span>\n        Cat\u00e9gorie \u00b7 Exp\u00e9rience\n      <\/span>\n\n      <h2><span class=\"ez-toc-section\" id=\"Valorisez_votre_experience_a_chaque_etape\"><\/span>Valorisez votre <span class=\"oe-cat-exp-accent\">exp\u00e9rience<\/span> \u00e0 chaque \u00e9tape<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n      <p class=\"oe-cat-exp-lead\">\n        Junior, confirm\u00e9, senior, expert : \u00e0 chaque palier de carri\u00e8re, des leviers\n        sp\u00e9cifiques pour vous d\u00e9marquer. D\u00e9couvrez nos articles pour valoriser votre\n        parcours et n\u00e9gocier votre prochaine \u00e9tape.\n      <\/p>\n\n      <!-- Timeline progression -->\n      <ol class=\"oe-cat-exp-timeline\">\n        <li class=\"oe-cat-exp-step\">\n          <span class=\"oe-cat-exp-step-num\">1<\/span>\n          <div class=\"oe-cat-exp-step-text\">\n            <h4><span class=\"ez-toc-section\" id=\"Junior_%C2%B7_0_a_2_ans\"><\/span>Junior <small>\u00b7 0 \u00e0 2 ans<\/small><span class=\"ez-toc-section-end\"><\/span><\/h4>\n            <p>Premiers pas en entreprise, formation continue et posture d'apprentissage.<\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"oe-cat-exp-step\">\n          <span class=\"oe-cat-exp-step-num\">2<\/span>\n          <div class=\"oe-cat-exp-step-text\">\n            <h4><span class=\"ez-toc-section\" id=\"Confirme_%C2%B7_3_a_7_ans\"><\/span>Confirm\u00e9 <small>\u00b7 3 \u00e0 7 ans<\/small><span class=\"ez-toc-section-end\"><\/span><\/h4>\n            <p>Autonomie compl\u00e8te, premi\u00e8res responsabilit\u00e9s et mont\u00e9e en expertise m\u00e9tier.<\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"oe-cat-exp-step\">\n          <span class=\"oe-cat-exp-step-num\">3<\/span>\n          <div class=\"oe-cat-exp-step-text\">\n            <h4><span class=\"ez-toc-section\" id=\"Senior_%C2%B7_8_a_15_ans\"><\/span>Senior <small>\u00b7 8 \u00e0 15 ans<\/small><span class=\"ez-toc-section-end\"><\/span><\/h4>\n            <p>Expertise pointue, encadrement d'\u00e9quipes et vision strat\u00e9gique du m\u00e9tier.<\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"oe-cat-exp-step oe-cat-exp-step--last\">\n          <span class=\"oe-cat-exp-step-num\">4<\/span>\n          <div class=\"oe-cat-exp-step-text\">\n            <h4><span class=\"ez-toc-section\" id=\"Expert_%C2%B7_15_ans_et_plus\"><\/span>Expert <small>\u00b7 15 ans et plus<\/small><span class=\"ez-toc-section-end\"><\/span><\/h4>\n            <p>R\u00e9f\u00e9rence du domaine, direction, transmission et leadership strat\u00e9gique.<\/p>\n          <\/div>\n        <\/li>\n      <\/ol>\n\n      <a href=\"\/newsroom\/category\/experience\/\" class=\"oe-cat-exp-cta\">\n        Tous les articles \u00ab Exp\u00e9rience \u00bb\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n    <!-- ===== RIGHT : image portrait + stats flottantes ===== -->\n    <div class=\"oe-cat-exp-visual\">\n\n      <div class=\"oe-cat-exp-img-wrap\">\n        <img decoding=\"async\"\n          src=\"https:\/\/images.unsplash.com\/photo-1573164713988-8665fc963095?auto=format&#038;fit=crop&#038;w=900&#038;q=80\"\n          alt=\"Professionnelle confirm\u00e9e au bureau\"\n          loading=\"lazy\">\n      <\/div>\n\n      <!-- Stat flottante en haut \u00e0 gauche -->\n      <div class=\"oe-cat-exp-stat oe-cat-exp-stat--top\">\n        <span class=\"oe-cat-exp-stat-icon\" aria-hidden=\"true\">\ud83d\udcc8<\/span>\n        <div>\n          <strong>+ 23 %<\/strong>\n          <small>de salaire moyen apr\u00e8s 5 ans d'expertise<\/small>\n        <\/div>\n      <\/div>\n\n      <!-- Stat flottante en bas \u00e0 droite -->\n      <div class=\"oe-cat-exp-stat oe-cat-exp-stat--bottom\">\n        <span class=\"oe-cat-exp-stat-icon\" aria-hidden=\"true\">\ud83c\udfaf<\/span>\n        <div>\n          <strong>78 %<\/strong>\n          <small>des recruteurs valorisent les soft skills<\/small>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   CAT\u00c9GORIE EXP\u00c9RIENCE \u2014 styles scoped (.oe-cat-exp)\n============================================================ *\/\n.oe-cat-exp {\n  position: relative;\n  padding: 96px 5%;\n  background:\n    linear-gradient(135deg, #fff7ed 0%, #ffffff 45%, #eff6ff 100%);\n  overflow: hidden;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n\/* Halos d\u00e9coratifs (orange en haut-droite, bleu en bas-gauche) *\/\n.oe-cat-exp::before,\n.oe-cat-exp::after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(80px);\n  opacity: 0.55;\n  pointer-events: none;\n  z-index: 0;\n}\n.oe-cat-exp::before {\n  width: 460px; height: 460px;\n  background: rgba(245, 158, 11, 0.18);\n  top: -180px; right: -120px;\n}\n.oe-cat-exp::after {\n  width: 500px; height: 500px;\n  background: rgba(37, 99, 235, 0.12);\n  bottom: -200px; left: -150px;\n}\n\n.oe-cat-exp-inner {\n  max-width: 1240px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.05fr 1fr;\n  gap: 80px;\n  align-items: center;\n  position: relative;\n  z-index: 1;\n}\n\n\/* ====== Content (gauche) ====== *\/\n.oe-cat-exp-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 12px;\n  font-weight: 800;\n  color: #d97706;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n  padding: 7px 16px;\n  background: rgba(245, 158, 11, 0.10);\n  border: 1px solid rgba(245, 158, 11, 0.30);\n  border-radius: 50px;\n}\n\n.oe-cat-exp-dot {\n  width: 8px; height: 8px;\n  background: #f59e0b;\n  border-radius: 50%;\n  position: relative;\n}\n.oe-cat-exp-dot::before {\n  content: '';\n  position: absolute;\n  inset: -3px;\n  background: rgba(245, 158, 11, 0.40);\n  border-radius: 50%;\n  animation: oe-cat-exp-pulse 2s ease-in-out infinite;\n}\n@keyframes oe-cat-exp-pulse {\n  0%,100% { transform: scale(1); opacity: 0.6; }\n  50%     { transform: scale(2); opacity: 0; }\n}\n\n.oe-cat-exp-content h2 {\n  font-size: clamp(28px, 4vw, 46px);\n  font-weight: 900;\n  color: #0f172a;\n  margin: 0 0 18px;\n  letter-spacing: -0.02em;\n  line-height: 1.1;\n}\n\n.oe-cat-exp-accent {\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.oe-cat-exp-lead {\n  font-size: 17px;\n  color: #475569;\n  line-height: 1.7;\n  margin: 0 0 36px;\n}\n\n\/* ====== Timeline ====== *\/\n.oe-cat-exp-timeline {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 36px;\n  position: relative;\n}\n\n\/* \u2728 Ligne verticale POINTILL\u00c9E bleu \u2192 orange *\/\n.oe-cat-exp-timeline::before {\n  content: '';\n  position: absolute;\n  left: 23px;\n  top: 32px;\n  bottom: 32px;\n  width: 2px;\n  background: linear-gradient(180deg, #93c5fd 0%, #2563eb 35%, #f59e0b 100%);\n  border-radius: 1px;\n  z-index: 0;\n\n  \/* Effet pointill\u00e9 qui pr\u00e9serve le d\u00e9grad\u00e9 *\/\n  -webkit-mask-image: linear-gradient(to bottom, #000 50%, transparent 50%);\n          mask-image: linear-gradient(to bottom, #000 50%, transparent 50%);\n  -webkit-mask-size: 100% 12px;\n          mask-size: 100% 12px;\n  -webkit-mask-repeat: repeat-y;\n          mask-repeat: repeat-y;\n}\n\n.oe-cat-exp-step {\n  display: flex;\n  gap: 22px;\n  padding: 14px 0;\n  align-items: flex-start;\n  position: relative;\n}\n\n\/* Num\u00e9ro de step (cercle) *\/\n.oe-cat-exp-step-num {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: #ffffff;          \/* OPAQUE \u2014 masque la ligne *\/\n  border: 2px solid #93c5fd;\n  color: #2563eb;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 17px;\n  font-weight: 900;\n  flex-shrink: 0;\n  z-index: 1;\n  position: relative;\n  transition: transform 0.3s ease;\n  \/* \u2728 Halo blanc qui \"coupe\" la ligne aux abords du cercle *\/\n  box-shadow:\n    0 0 0 6px #ffffff,\n    0 4px 12px rgba(37, 99, 235, 0.12);\n}\n\n\/* Couleurs par \u00e9tape \u2014 TOUTES en fond OPAQUE *\/\n.oe-cat-exp-step:nth-child(2) .oe-cat-exp-step-num {\n  border-color: #60a5fa;\n  background: #eff6ff;          \/* pale blue opaque *\/\n  color: #2563eb;\n}\n.oe-cat-exp-step:nth-child(3) .oe-cat-exp-step-num {\n  border-color: #fbbf24;\n  color: #d97706;\n  background: #fff7ed;          \/* pale peach opaque *\/\n}\n.oe-cat-exp-step--last .oe-cat-exp-step-num {\n  border-color: transparent;\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  color: #ffffff;\n  \/* Halo blanc + ombre orange (pas bleue pour cette \u00e9tape) *\/\n  box-shadow:\n    0 0 0 6px #ffffff,\n    0 8px 18px rgba(245, 158, 11, 0.45);\n}\n\n.oe-cat-exp-step:hover .oe-cat-exp-step-num {\n  transform: scale(1.08);\n}\n\n.oe-cat-exp-step-text { flex: 1; padding-top: 4px; }\n\n.oe-cat-exp-step-text h4 {\n  font-size: 17px;\n  font-weight: 800;\n  color: #0f172a;\n  margin: 0 0 6px;\n  letter-spacing: -0.01em;\n}\n.oe-cat-exp-step-text h4 small {\n  font-size: 13px;\n  color: #94a3b8;\n  font-weight: 500;\n}\n\n.oe-cat-exp-step-text p {\n  font-size: 14px;\n  color: #475569;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA *\/\n.oe-cat-exp-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 14px 28px;\n  background: linear-gradient(135deg, #2563eb, #1e40af);\n  color: #ffffff !important;\n  border-radius: 50px;\n  text-decoration: none;\n  font-weight: 700;\n  font-size: 15px;\n  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.35);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;\n}\n.oe-cat-exp-cta svg { width: 18px; height: 18px; }\n.oe-cat-exp-cta:hover {\n  transform: translateY(-3px);\n  filter: brightness(1.06);\n  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.45);\n}\n\n\/* ====== Visual (droite) ====== *\/\n.oe-cat-exp-visual {\n  position: relative;\n  width: 100%;\n  max-width: 480px;\n  margin: 0 auto;\n}\n\n.oe-cat-exp-img-wrap {\n  position: relative;\n  border-radius: 24px;\n  overflow: hidden;\n  aspect-ratio: 4 \/ 5;\n  box-shadow: 0 30px 60px rgba(15, 23, 42, 0.18);\n  \/* Bordure d\u00e9grad\u00e9e bleu\u2192orange via padding + gradient bg *\/\n  background: linear-gradient(135deg, #2563eb, #f59e0b);\n  padding: 3px;\n}\n.oe-cat-exp-img-wrap img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  border-radius: 22px;\n  transition: transform 0.5s ease;\n}\n.oe-cat-exp-visual:hover .oe-cat-exp-img-wrap img {\n  transform: scale(1.04);\n}\n\n\/* Cartes stats flottantes *\/\n.oe-cat-exp-stat {\n  position: absolute;\n  background: #ffffff;\n  border-radius: 16px;\n  padding: 14px 18px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  box-shadow:\n    0 18px 40px rgba(15, 23, 42, 0.16),\n    0 4px 8px rgba(15, 23, 42, 0.06);\n  z-index: 2;\n  animation: oe-cat-exp-float 5s ease-in-out infinite;\n}\n@keyframes oe-cat-exp-float {\n  0%,100% { transform: translateY(0); }\n  50%     { transform: translateY(-8px); }\n}\n\n.oe-cat-exp-stat--top {\n  top: 30px;\n  left: -34px;\n  animation-delay: 0s;\n}\n.oe-cat-exp-stat--bottom {\n  bottom: 38px;\n  right: -34px;\n  animation-delay: 1.5s;\n}\n\n.oe-cat-exp-stat-icon {\n  width: 38px;\n  height: 38px;\n  border-radius: 11px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n.oe-cat-exp-stat--top .oe-cat-exp-stat-icon {\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n}\n.oe-cat-exp-stat--bottom .oe-cat-exp-stat-icon {\n  background: linear-gradient(135deg, #3b82f6, #2563eb, #1e40af);\n}\n\n.oe-cat-exp-stat strong {\n  display: block;\n  font-size: 18px;\n  font-weight: 900;\n  color: #0f172a;\n  letter-spacing: -0.01em;\n  line-height: 1.1;\n}\n.oe-cat-exp-stat small {\n  display: block;\n  font-size: 11px;\n  color: #64748b;\n  margin-top: 3px;\n  line-height: 1.4;\n  max-width: 130px;\n  font-weight: 500;\n}\n\n\/* ====== Responsive ====== *\/\n@media (max-width: 1024px) {\n  .oe-cat-exp-inner { grid-template-columns: 1fr; gap: 64px; }\n  .oe-cat-exp-visual { max-width: 440px; }\n  .oe-cat-exp-stat--top { left: -16px; }\n  .oe-cat-exp-stat--bottom { right: -16px; }\n}\n@media (max-width: 600px) {\n  .oe-cat-exp { padding: 64px 5%; }\n  .oe-cat-exp-step-num { width: 42px; height: 42px; font-size: 15px; }\n  .oe-cat-exp-timeline::before { left: 20px; }\n  .oe-cat-exp-stat { padding: 10px 14px; gap: 10px; }\n  .oe-cat-exp-stat strong { font-size: 16px; }\n  .oe-cat-exp-stat small { font-size: 10px; max-width: 100px; }\n  .oe-cat-exp-stat-icon { width: 32px; height: 32px; font-size: 16px; }\n  .oe-cat-exp-stat--top { top: 16px; left: 8px; }\n  .oe-cat-exp-stat--bottom { bottom: 16px; right: 8px; }\n}\n\n\/* Accessibilit\u00e9 *\/\n@media (prefers-reduced-motion: reduce) {\n  .oe-cat-exp-stat,\n  .oe-cat-exp-dot::before { animation: none; }\n  .oe-cat-exp-step-num,\n  .oe-cat-exp-cta,\n  .oe-cat-exp-img-wrap img { transition: none; }\n}\n<\/style>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-3 has-dates wp-block-latest-posts\"><li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-cybersecurite-protege-les-reseaux-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment l&#039;exp\u00e9rience professionnelle en cybers\u00e9curit\u00e9 garantit la protection efficace des r\u00e9seaux contre les cybermenaces.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-cybersecurite-protege-les-reseaux-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-cybersecurite-protege-les-reseaux-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-cybersecurite-protege-les-reseaux-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-cybersecurite-protege-les-reseaux.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/experience-cybersecurite-reseaux\/\">L&rsquo;exp\u00e9rience professionnelle en cybers\u00e9curit\u00e9 prot\u00e8ge les r\u00e9seaux.<\/a><time datetime=\"2026-05-05T10:53:45+02:00\" class=\"wp-block-latest-posts__post-date\">5 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-ressources-humaines-gere-le-capital-humain-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment l&#039;exp\u00e9rience professionnelle en ressources humaines permet de g\u00e9rer efficacement le capital humain, favorisant le d\u00e9veloppement des talents et la performance de l&#039;entreprise.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-ressources-humaines-gere-le-capital-humain-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-ressources-humaines-gere-le-capital-humain-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-ressources-humaines-gere-le-capital-humain-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-ressources-humaines-gere-le-capital-humain.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/ressources-humaines-capital\/\">L&rsquo;exp\u00e9rience professionnelle en ressources humaines g\u00e8re le capital humain.<\/a><time datetime=\"2026-05-03T20:05:06+02:00\" class=\"wp-block-latest-posts__post-date\">3 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-service-client-affine-la-patience-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment l&#039;exp\u00e9rience en service client d\u00e9veloppe la patience, une comp\u00e9tence cl\u00e9 pour mieux g\u00e9rer les situations et satisfaire les clients.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-service-client-affine-la-patience-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-service-client-affine-la-patience-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-service-client-affine-la-patience-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-service-client-affine-la-patience.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/experience-service-client-patience\/\">L&rsquo;exp\u00e9rience professionnelle en service client affine la patience.<\/a><time datetime=\"2026-05-02T15:58:28+02:00\" class=\"wp-block-latest-posts__post-date\">2 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-audit-interne-fiabilise-les-comptes-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment l&#039;exp\u00e9rience en audit interne garantit la fiabilit\u00e9 et la transparence des comptes financiers, assurant ainsi une gestion rigoureuse et conforme aux normes.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-audit-interne-fiabilise-les-comptes-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-audit-interne-fiabilise-les-comptes-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-audit-interne-fiabilise-les-comptes-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Lexperience-professionnelle-en-audit-interne-fiabilise-les-comptes.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/experience-audit-interne-comptes\/\">L&rsquo;exp\u00e9rience professionnelle en audit interne fiabilise les comptes.<\/a><time datetime=\"2026-05-01T11:31:38+02:00\" class=\"wp-block-latest-posts__post-date\">1 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Lexperience-professionnelle-en-management-public-requiert-une-diplomatie-forte-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez l&#039;importance d&#039;une diplomatie forte dans le management public pour une exp\u00e9rience professionnelle r\u00e9ussie et efficace.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Lexperience-professionnelle-en-management-public-requiert-une-diplomatie-forte-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Lexperience-professionnelle-en-management-public-requiert-une-diplomatie-forte-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Lexperience-professionnelle-en-management-public-requiert-une-diplomatie-forte-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Lexperience-professionnelle-en-management-public-requiert-une-diplomatie-forte.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/management-public-diplomatie\/\">L&rsquo;exp\u00e9rience professionnelle en management public requiert une diplomatie forte.<\/a><time datetime=\"2026-04-29T21:58:01+02:00\" class=\"wp-block-latest-posts__post-date\">29 avril 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Lexperience-professionnelle-en-logistique-optimise-les-flux-dentrepot-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment l&#039;exp\u00e9rience professionnelle en logistique am\u00e9liore l&#039;efficacit\u00e9 et optimise les flux dans les entrep\u00f4ts pour une gestion optimale des stocks et des livraisons.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Lexperience-professionnelle-en-logistique-optimise-les-flux-dentrepot-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Lexperience-professionnelle-en-logistique-optimise-les-flux-dentrepot-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Lexperience-professionnelle-en-logistique-optimise-les-flux-dentrepot-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Lexperience-professionnelle-en-logistique-optimise-les-flux-dentrepot.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/logistique-optimise-flux\/\">L&rsquo;exp\u00e9rience professionnelle en logistique optimise les flux d&rsquo;entrep\u00f4t.<\/a><time datetime=\"2026-04-28T18:09:03+02:00\" class=\"wp-block-latest-posts__post-date\">28 avril 2026<\/time><\/li>\n<\/ul>\n\n\n<!-- ============================================================\n     CAT\u00c9GORIE \u2014 Bloc \"Localisation\"\n     Bento grid de villes + stats strip\n     Fallback d\u00e9grad\u00e9 sur chaque tuile en cas d'image manquante\n============================================================ -->\n<section class=\"oe-cat-loc\" id=\"categorie-localisation\">\n  <div class=\"oe-cat-loc-inner\">\n\n    <!-- ===== Header ===== -->\n    <header class=\"oe-cat-loc-header\">\n      <span class=\"oe-cat-loc-eyebrow\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <path d=\"M20 10c0 7-8 12-8 12s-8-5-8-12a8 8 0 0 1 16 0Z\"\/>\n          <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n        <\/svg>\n        Cat\u00e9gorie \u00b7 Localisation\n      <\/span>\n\n      <h2><span class=\"ez-toc-section\" id=\"Trouvez_votre_prochain_emploi_pres_de_chez_vous\"><\/span>Trouvez votre prochain emploi pr\u00e8s de <span class=\"oe-cat-loc-accent\">chez vous<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n      <p>Paris, Lyon, Marseille, Toulouse, Bordeaux\u2026 D\u00e9couvrez les villes les plus dynamiques de France, leurs sp\u00e9cificit\u00e9s et leurs opportunit\u00e9s selon votre profil et votre secteur.<\/p>\n    <\/header>\n\n    <!-- ===== Bento grid des villes ===== -->\n    <div class=\"oe-cat-loc-grid\">\n\n      <!-- Paris : tuile principale (2 colonnes \u00d7 2 lignes) -->\n      <a\n         class=\"oe-cat-loc-tile oe-cat-loc-tile--featured oe-cat-loc-tile--paris\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1502602898657-3e91760cbb34?auto=format&#038;fit=crop&#038;w=1000&#038;q=80\"\n             alt=\"Paris \u2014 Tour Eiffel\"\n             loading=\"lazy\"\n             onerror=\"this.style.display='none'\">\n        <div class=\"oe-cat-loc-tile-overlay\" aria-hidden=\"true\"><\/div>\n\n        <span class=\"oe-cat-loc-tile-rank\">\ud83c\udfc6 Top 1<\/span>\n\n        <div class=\"oe-cat-loc-tile-info\">\n          <span class=\"oe-cat-loc-tile-region\">\u00cele-de-France<\/span>\n          <h3><span class=\"ez-toc-section\" id=\"Paris\"><\/span>Paris<span class=\"ez-toc-section-end\"><\/span><\/h3>\n          <div class=\"oe-cat-loc-tile-stats\">\n            <span class=\"oe-cat-loc-tile-jobs\">\n              <strong>12 500<\/strong> offres actives\n            <\/span>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <!-- Lyon -->\n      <a class=\"oe-cat-loc-tile oe-cat-loc-tile--lyon\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524396309943-e03f5249f002?auto=format&#038;fit=crop&#038;w=600&#038;q=80\"\n             alt=\"Lyon\"\n             loading=\"lazy\"\n             onerror=\"this.style.display='none'\">\n        <div class=\"oe-cat-loc-tile-overlay\" aria-hidden=\"true\"><\/div>\n        <div class=\"oe-cat-loc-tile-info\">\n          <span class=\"oe-cat-loc-tile-region\">Auvergne-Rh\u00f4ne-Alpes<\/span>\n          <h3><span class=\"ez-toc-section\" id=\"Lyon\"><\/span>Lyon<span class=\"ez-toc-section-end\"><\/span><\/h3>\n          <span class=\"oe-cat-loc-tile-jobs\"><strong>4 200<\/strong> offres<\/span>\n        <\/div>\n      <\/a>\n\n      <!-- Marseille -->\n      <a class=\"oe-cat-loc-tile oe-cat-loc-tile--marseille\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1601581875309-fafbf2d3ed3a?auto=format&#038;fit=crop&#038;w=600&#038;q=80\"\n             alt=\"Marseille\"\n             loading=\"lazy\"\n             onerror=\"this.style.display='none'\">\n        <div class=\"oe-cat-loc-tile-overlay\" aria-hidden=\"true\"><\/div>\n        <div class=\"oe-cat-loc-tile-info\">\n          <span class=\"oe-cat-loc-tile-region\">Provence-Alpes-C\u00f4te d'Azur<\/span>\n          <h3><span class=\"ez-toc-section\" id=\"Marseille\"><\/span>Marseille<span class=\"ez-toc-section-end\"><\/span><\/h3>\n          <span class=\"oe-cat-loc-tile-jobs\"><strong>3 100<\/strong> offres<\/span>\n        <\/div>\n      <\/a>\n\n      <!-- Toulouse -->\n      <a class=\"oe-cat-loc-tile oe-cat-loc-tile--toulouse\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568849676085-51415703900f?auto=format&#038;fit=crop&#038;w=600&#038;q=80\"\n             alt=\"Toulouse \u2014 Place du Capitole\"\n             loading=\"lazy\"\n             onerror=\"this.style.display='none'\">\n        <div class=\"oe-cat-loc-tile-overlay\" aria-hidden=\"true\"><\/div>\n        <div class=\"oe-cat-loc-tile-info\">\n          <span class=\"oe-cat-loc-tile-region\">Occitanie<\/span>\n          <h3><span class=\"ez-toc-section\" id=\"Toulouse\"><\/span>Toulouse<span class=\"ez-toc-section-end\"><\/span><\/h3>\n          <span class=\"oe-cat-loc-tile-jobs\"><strong>2 800<\/strong> offres<\/span>\n        <\/div>\n      <\/a>\n\n      <!-- Bordeaux -->\n      <a class=\"oe-cat-loc-tile oe-cat-loc-tile--bordeaux\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606220838315-056192d5e927?auto=format&#038;fit=crop&#038;w=600&#038;q=80\"\n             alt=\"Bordeaux\"\n             loading=\"lazy\"\n             onerror=\"this.style.display='none'\">\n        <div class=\"oe-cat-loc-tile-overlay\" aria-hidden=\"true\"><\/div>\n        <div class=\"oe-cat-loc-tile-info\">\n          <span class=\"oe-cat-loc-tile-region\">Nouvelle-Aquitaine<\/span>\n          <h3><span class=\"ez-toc-section\" id=\"Bordeaux\"><\/span>Bordeaux<span class=\"ez-toc-section-end\"><\/span><\/h3>\n          <span class=\"oe-cat-loc-tile-jobs\"><strong>2 100<\/strong> offres<\/span>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n    <!-- ===== Stats strip ===== -->\n    <div class=\"oe-cat-loc-stats\">\n      <div class=\"oe-cat-loc-stat\">\n        <div class=\"oe-cat-loc-stat-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 7-8 12-8 12s-8-5-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n        <\/div>\n        <div>\n          <strong>+ 50 villes<\/strong>\n          <small>couvertes en France<\/small>\n        <\/div>\n      <\/div>\n\n      <div class=\"oe-cat-loc-stat\">\n        <div class=\"oe-cat-loc-stat-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n        <\/div>\n        <div>\n          <strong>13 r\u00e9gions<\/strong>\n          <small>analys\u00e9es en d\u00e9tail<\/small>\n        <\/div>\n      <\/div>\n\n      <div class=\"oe-cat-loc-stat\">\n        <div class=\"oe-cat-loc-stat-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg>\n        <\/div>\n        <div>\n          <strong>+ 25 000 offres<\/strong>\n          <small>actives \u00e0 travers la France<\/small>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ===== CTA ===== -->\n    <div class=\"oe-cat-loc-cta-wrap\">\n      <a href=\"\/newsroom\/category\/localisation\/\" class=\"oe-cat-loc-cta\">\n        Explorer la cat\u00e9gorie\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   CAT\u00c9GORIE LOCALISATION \u2014 styles scoped (.oe-cat-loc)\n============================================================ *\/\n.oe-cat-loc {\n  position: relative;\n  padding: 96px 5%;\n  background:\n    radial-gradient(ellipse at 50% 0%, rgba(245, 158, 11, 0.10) 0%, transparent 50%),\n    linear-gradient(180deg, #eff6ff 0%, #ffffff 50%, #f0f9ff 100%);\n  overflow: hidden;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.oe-cat-loc::before {\n  content: '';\n  position: absolute;\n  width: 700px; height: 700px;\n  top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  background:\n    radial-gradient(circle at 30% 30%, rgba(37, 99, 235, 0.05) 0%, transparent 30%),\n    radial-gradient(circle at 70% 70%, rgba(245, 158, 11, 0.05) 0%, transparent 30%);\n  border-radius: 50%;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.oe-cat-loc-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n\/* ====== Header ====== *\/\n.oe-cat-loc-header {\n  text-align: center;\n  margin: 0 auto 48px;\n  max-width: 720px;\n}\n\n.oe-cat-loc-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  font-weight: 800;\n  color: #2563eb;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  margin-bottom: 18px;\n  padding: 7px 16px;\n  background: rgba(37, 99, 235, 0.08);\n  border: 1px solid rgba(37, 99, 235, 0.20);\n  border-radius: 50px;\n}\n.oe-cat-loc-eyebrow svg { width: 14px; height: 14px; color: #f59e0b; }\n\n.oe-cat-loc-header h2 {\n  font-size: clamp(28px, 4vw, 46px);\n  font-weight: 900;\n  color: #0f172a;\n  margin: 0 0 18px;\n  letter-spacing: -0.02em;\n  line-height: 1.1;\n}\n\n.oe-cat-loc-accent {\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.oe-cat-loc-header p {\n  font-size: 17px;\n  color: #475569;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* ====== Bento grid ====== *\/\n.oe-cat-loc-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  grid-template-rows: 200px 200px;\n  gap: 16px;\n  margin-bottom: 48px;\n}\n\n\/* Tuile commune \u2014 fallback gradient appliqu\u00e9 EN FOND *\/\n.oe-cat-loc-tile {\n  position: relative;\n  border-radius: 18px;\n  overflow: hidden;\n  display: block;\n  text-decoration: none;\n  color: #ffffff;\n  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.15);\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\n  isolation: isolate;\n}\n\n\/* \u2728 Fallback d\u00e9grad\u00e9 th\u00e9matique par ville (visible si l'image ne charge pas) *\/\n.oe-cat-loc-tile--paris {\n  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #f59e0b 100%);\n}\n.oe-cat-loc-tile--lyon {\n  background: linear-gradient(135deg, #b91c1c 0%, #dc2626 50%, #f59e0b 100%);\n}\n.oe-cat-loc-tile--marseille {\n  background: linear-gradient(135deg, #0e7490 0%, #06b6d4 50%, #f59e0b 100%);\n}\n.oe-cat-loc-tile--toulouse {\n  background: linear-gradient(135deg, #be185d 0%, #ec4899 50%, #f59e0b 100%);\n}\n.oe-cat-loc-tile--bordeaux {\n  background: linear-gradient(135deg, #6b21a8 0%, #9333ea 50%, #d97706 100%);\n}\n\n.oe-cat-loc-tile:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.22);\n}\n\n.oe-cat-loc-tile img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s ease;\n  z-index: 0;\n}\n.oe-cat-loc-tile:hover img {\n  transform: scale(1.06);\n}\n\n\/* Voile d\u00e9grad\u00e9 pour lisibilit\u00e9 du texte *\/\n.oe-cat-loc-tile-overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(180deg, rgba(15, 23, 42, 0) 30%, rgba(15, 23, 42, 0.85) 100%);\n  z-index: 1;\n  transition: background 0.35s ease;\n}\n.oe-cat-loc-tile:hover .oe-cat-loc-tile-overlay {\n  background:\n    linear-gradient(180deg, rgba(37, 99, 235, 0.15) 0%, rgba(15, 23, 42, 0.90) 100%);\n}\n\n\/* Tuile FEATURED (Paris) *\/\n.oe-cat-loc-tile--featured {\n  grid-column: span 2;\n  grid-row: span 2;\n}\n\n\/* Badge \"Top 1\" sur Paris *\/\n.oe-cat-loc-tile-rank {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  z-index: 3;\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  color: #ffffff;\n  padding: 6px 14px;\n  border-radius: 50px;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.04em;\n  box-shadow: 0 6px 16px rgba(245, 158, 11, 0.45);\n}\n\n\/* Bloc info en bas de chaque tuile *\/\n.oe-cat-loc-tile-info {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 18px 20px;\n  z-index: 2;\n}\n\n.oe-cat-loc-tile-region {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 600;\n  color: #fbbf24;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  margin-bottom: 6px;\n}\n\n.oe-cat-loc-tile h3 {\n  font-size: 22px;\n  font-weight: 900;\n  color: #ffffff;\n  margin: 0 0 6px;\n  letter-spacing: -0.01em;\n  line-height: 1.1;\n}\n\n.oe-cat-loc-tile-jobs {\n  font-size: 13px;\n  color: rgba(255, 255, 255, 0.85);\n}\n.oe-cat-loc-tile-jobs strong {\n  color: #ffffff;\n  font-weight: 800;\n}\n\n\/* Tuile featured : info plus grande *\/\n.oe-cat-loc-tile--featured .oe-cat-loc-tile-info {\n  padding: 26px 28px;\n}\n.oe-cat-loc-tile--featured h3 {\n  font-size: 38px;\n  margin-bottom: 8px;\n}\n.oe-cat-loc-tile--featured .oe-cat-loc-tile-region {\n  font-size: 12px;\n  margin-bottom: 8px;\n}\n\n.oe-cat-loc-tile-stats {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-top: 4px;\n}\n.oe-cat-loc-tile-stats svg {\n  width: 20px;\n  height: 20px;\n  color: #fbbf24;\n  transition: transform 0.3s ease;\n}\n.oe-cat-loc-tile:hover .oe-cat-loc-tile-stats svg {\n  transform: translateX(4px);\n}\n\n\/* ====== Stats strip ====== *\/\n.oe-cat-loc-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n  margin-bottom: 40px;\n  padding: 24px;\n  background: #ffffff;\n  border-radius: 18px;\n  border: 1px solid #e2e8f0;\n  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);\n}\n\n.oe-cat-loc-stat {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.oe-cat-loc-stat-icon {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  background: linear-gradient(135deg, rgba(37, 99, 235, 0.10), rgba(245, 158, 11, 0.10));\n  border: 1px solid rgba(37, 99, 235, 0.18);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #2563eb;\n  flex-shrink: 0;\n}\n.oe-cat-loc-stat-icon svg { width: 22px; height: 22px; }\n\n.oe-cat-loc-stat strong {\n  display: block;\n  font-size: 18px;\n  font-weight: 900;\n  color: #0f172a;\n  letter-spacing: -0.01em;\n  line-height: 1.1;\n}\n.oe-cat-loc-stat small {\n  display: block;\n  font-size: 12px;\n  color: #64748b;\n  margin-top: 3px;\n  font-weight: 500;\n}\n\n\/* ====== CTA ====== *\/\n.oe-cat-loc-cta-wrap { text-align: center; }\n\n.oe-cat-loc-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 32px;\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  color: #ffffff !important;\n  border-radius: 50px;\n  text-decoration: none;\n  font-weight: 700;\n  font-size: 15px;\n  box-shadow: 0 12px 28px rgba(245, 158, 11, 0.40);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;\n}\n.oe-cat-loc-cta svg { width: 18px; height: 18px; }\n.oe-cat-loc-cta:hover {\n  transform: translateY(-3px);\n  filter: brightness(1.06);\n  box-shadow: 0 18px 36px rgba(245, 158, 11, 0.55);\n}\n\n\/* ====== Responsive ====== *\/\n@media (max-width: 1024px) {\n  .oe-cat-loc-grid {\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: 220px 220px 220px;\n  }\n  .oe-cat-loc-tile--featured {\n    grid-column: span 2;\n    grid-row: span 1;\n    height: 280px;\n  }\n  .oe-cat-loc-tile--featured h3 { font-size: 32px; }\n\n  .oe-cat-loc-stats { grid-template-columns: 1fr; gap: 14px; }\n}\n\n@media (max-width: 600px) {\n  .oe-cat-loc { padding: 64px 5%; }\n  .oe-cat-loc-grid {\n    grid-template-columns: 1fr;\n    grid-template-rows: repeat(5, 200px);\n  }\n  .oe-cat-loc-tile--featured {\n    grid-column: span 1;\n    height: 240px;\n  }\n  .oe-cat-loc-tile--featured h3 { font-size: 28px; }\n  .oe-cat-loc-tile h3 { font-size: 20px; }\n  .oe-cat-loc-stat strong { font-size: 16px; }\n}\n\n\/* Accessibilit\u00e9 *\/\n@media (prefers-reduced-motion: reduce) {\n  .oe-cat-loc-tile,\n  .oe-cat-loc-tile img,\n  .oe-cat-loc-tile-overlay,\n  .oe-cat-loc-tile-stats svg,\n  .oe-cat-loc-cta { transition: none; }\n}\n<\/style>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-3 has-dates wp-block-latest-posts\"><li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-referencement-local-SEO-positionne-loffre-demploi-en-ville-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment le r\u00e9f\u00e9rencement local (seo) optimise la visibilit\u00e9 des offres d&#039;emploi dans votre ville pour attirer les candidats \u00e0 proximit\u00e9.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-referencement-local-SEO-positionne-loffre-demploi-en-ville-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-referencement-local-SEO-positionne-loffre-demploi-en-ville-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-referencement-local-SEO-positionne-loffre-demploi-en-ville-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-referencement-local-SEO-positionne-loffre-demploi-en-ville.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/referencement-local-emploi\/\">Le r\u00e9f\u00e9rencement local (SEO) positionne l&rsquo;offre d&#8217;emploi en ville.<\/a><time datetime=\"2026-04-18T10:41:52+02:00\" class=\"wp-block-latest-posts__post-date\">18 avril 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/La-geolocalisation-precise-attire-les-candidats-locaux-vers-loffre-demploi-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment la g\u00e9olocalisation pr\u00e9cise facilite l&#039;attraction des candidats locaux vers vos offres d&#039;emploi, optimisant ainsi le recrutement cibl\u00e9 et efficace.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/La-geolocalisation-precise-attire-les-candidats-locaux-vers-loffre-demploi-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/La-geolocalisation-precise-attire-les-candidats-locaux-vers-loffre-demploi-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/La-geolocalisation-precise-attire-les-candidats-locaux-vers-loffre-demploi-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/La-geolocalisation-precise-attire-les-candidats-locaux-vers-loffre-demploi.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/geolocalisation-candidats-locaux\/\">La g\u00e9olocalisation pr\u00e9cise attire les candidats locaux vers l&rsquo;offre d&#8217;emploi.<\/a><time datetime=\"2026-03-22T14:18:59+01:00\" class=\"wp-block-latest-posts__post-date\">22 mars 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/Travail-transfrontalier-Suisse-Geneve-et-fiscalite-via-impots.gouv_.fr_-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez les r\u00e8gles de fiscalit\u00e9 pour le travail transfrontalier entre gen\u00e8ve, suisse, et la france via impots.gouv.fr. guide complet pour comprendre vos obligations fiscales.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/Travail-transfrontalier-Suisse-Geneve-et-fiscalite-via-impots.gouv_.fr_-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/Travail-transfrontalier-Suisse-Geneve-et-fiscalite-via-impots.gouv_.fr_-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/Travail-transfrontalier-Suisse-Geneve-et-fiscalite-via-impots.gouv_.fr_-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/Travail-transfrontalier-Suisse-Geneve-et-fiscalite-via-impots.gouv_.fr_.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/travail-transfrontalier-geneve\/\">Travail transfrontalier : Suisse (Gen\u00e8ve) et fiscalit\u00e9 via impots.gouv.fr<\/a><time datetime=\"2026-03-05T09:40:04+01:00\" class=\"wp-block-latest-posts__post-date\">5 mars 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/Luxembourg-contrat-securite-sociale-et-caisse-CNS-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez tout ce qu&#039;il faut savoir sur les contrats de travail, la s\u00e9curit\u00e9 sociale et la caisse cns au luxembourg pour bien g\u00e9rer vos d\u00e9marches administratives.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/Luxembourg-contrat-securite-sociale-et-caisse-CNS-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/Luxembourg-contrat-securite-sociale-et-caisse-CNS-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/Luxembourg-contrat-securite-sociale-et-caisse-CNS-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/03\/Luxembourg-contrat-securite-sociale-et-caisse-CNS.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/luxembourg-contrat-cns\/\">Luxembourg : contrat, s\u00e9curit\u00e9 sociale et caisse CNS<\/a><time datetime=\"2026-03-03T14:30:22+01:00\" class=\"wp-block-latest-posts__post-date\">3 mars 2026<\/time><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/belgique-frontalier-bruxelles\/\">Belgique : statut frontalier, Bruxelles et conventions fiscales<\/a><time datetime=\"2026-03-01T19:06:02+01:00\" class=\"wp-block-latest-posts__post-date\">1 mars 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/02\/DOM-TOM-travailler-en-Martinique-et-demarches-Prefecture-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment travailler en martinique, les d\u00e9marches administratives \u00e0 r\u00e9aliser aupr\u00e8s de la pr\u00e9fecture et les particularit\u00e9s du march\u00e9 de l&#039;emploi dans les dom-tom.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/02\/DOM-TOM-travailler-en-Martinique-et-demarches-Prefecture-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/02\/DOM-TOM-travailler-en-Martinique-et-demarches-Prefecture-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/02\/DOM-TOM-travailler-en-Martinique-et-demarches-Prefecture-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/02\/DOM-TOM-travailler-en-Martinique-et-demarches-Prefecture.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/travailler-martinique-prefecture\/\">DOM-TOM : travailler en Martinique et d\u00e9marches Pr\u00e9fecture<\/a><time datetime=\"2026-02-28T09:56:23+01:00\" class=\"wp-block-latest-posts__post-date\">28 f\u00e9vrier 2026<\/time><\/li>\n<\/ul>\n\n\n<!-- ============================================================\n     CAT\u00c9GORIE \u2014 Bloc \"Secteurs\"\n     2 colonnes : chips secteurs + image avec carte flottante\n     UN seul CTA \"Explorer tous les secteurs\"\n============================================================ -->\n<section class=\"oe-cat-sect\" id=\"categorie-secteurs\">\n  <div class=\"oe-cat-sect-inner\">\n\n    <!-- ===== LEFT : contenu ===== -->\n    <div class=\"oe-cat-sect-content\">\n\n      <span class=\"oe-cat-sect-eyebrow\">\n        <span class=\"oe-cat-sect-eyebrow-dot\" aria-hidden=\"true\"><\/span>\n        Cat\u00e9gorie \u00b7 Secteurs d'activit\u00e9\n      <\/span>\n\n      <h2><span class=\"ez-toc-section\" id=\"Tous_les_secteurs_qui_recrutent_en_France\"><\/span>Tous les <span class=\"oe-cat-sect-accent\">secteurs<\/span> qui recrutent en France<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n      <p class=\"oe-cat-sect-lead\">\n        Tech, sant\u00e9, industrie, finance, commerce, BTP\u2026 Quel que soit votre domaine,\n        notre \u00e9quipe d\u00e9code les tendances du march\u00e9, les profils recherch\u00e9s et les\n        r\u00e9mun\u00e9rations pour vous aider \u00e0 faire les bons choix.\n      <\/p>\n\n      <!-- Chips secteurs (visuels seulement) -->\n      <div class=\"oe-cat-sect-chips\" aria-label=\"Secteurs couverts\">\n        <span class=\"oe-cat-sect-chip\"><span aria-hidden=\"true\">\ud83d\udcbb<\/span> Tech &amp; Num\u00e9rique<\/span>\n        <span class=\"oe-cat-sect-chip\"><span aria-hidden=\"true\">\ud83e\ude7a<\/span> Sant\u00e9<\/span>\n        <span class=\"oe-cat-sect-chip\"><span aria-hidden=\"true\">\ud83c\udfed<\/span> Industrie<\/span>\n        <span class=\"oe-cat-sect-chip\"><span aria-hidden=\"true\">\ud83d\udcb0<\/span> Finance<\/span>\n        <span class=\"oe-cat-sect-chip\"><span aria-hidden=\"true\">\ud83d\udecd\ufe0f<\/span> Commerce<\/span>\n        <span class=\"oe-cat-sect-chip\"><span aria-hidden=\"true\">\ud83c\udfd7\ufe0f<\/span> BTP<\/span>\n        <span class=\"oe-cat-sect-chip\"><span aria-hidden=\"true\">\ud83c\udf93<\/span> \u00c9ducation<\/span>\n        <span class=\"oe-cat-sect-chip\"><span aria-hidden=\"true\">\ud83d\ude9a<\/span> Transport<\/span>\n      <\/div>\n\n      <!-- Stats inline -->\n      <div class=\"oe-cat-sect-stats\">\n        <div class=\"oe-cat-sect-stat\">\n          <strong>14<\/strong>\n          <small>secteurs analys\u00e9s<\/small>\n        <\/div>\n        <div class=\"oe-cat-sect-stat-divider\" aria-hidden=\"true\"><\/div>\n        <div class=\"oe-cat-sect-stat\">\n          <strong>+ 150<\/strong>\n          <small>articles publi\u00e9s<\/small>\n        <\/div>\n        <div class=\"oe-cat-sect-stat-divider\" aria-hidden=\"true\"><\/div>\n        <div class=\"oe-cat-sect-stat\">\n          <strong>+ 25 000<\/strong>\n          <small>offres actives<\/small>\n        <\/div>\n      <\/div>\n\n      <!-- UN seul CTA -->\n      <a href=\"\/newsroom\/category\/secteurs\/\" class=\"oe-cat-sect-cta\">\n        Explorer tous les secteurs\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n      <\/a>\n\n    <\/div>\n\n    <!-- ===== RIGHT : image + carte flottante ===== -->\n    <div class=\"oe-cat-sect-visual\">\n\n      <div class=\"oe-cat-sect-img-wrap\">\n        <img decoding=\"async\"\n          src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&#038;fit=crop&#038;w=1000&#038;q=80\"\n          alt=\"Espace de travail moderne repr\u00e9sentant les secteurs d'activit\u00e9\"\n          loading=\"lazy\">\n      <\/div>\n\n      <!-- Carte flottante \"Secteur du moment\" -->\n      <div class=\"oe-cat-sect-spotlight\">\n        <span class=\"oe-cat-sect-spotlight-icon\" aria-hidden=\"true\">\ud83d\udd25<\/span>\n        <div class=\"oe-cat-sect-spotlight-text\">\n          <span class=\"oe-cat-sect-spotlight-label\">Secteur du moment<\/span>\n          <strong>Tech &amp; IA<\/strong>\n          <small>+ 18 % d'offres en 1 an<\/small>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   CAT\u00c9GORIE SECTEURS \u2014 styles scoped (.oe-cat-sect)\n============================================================ *\/\n.oe-cat-sect {\n  position: relative;\n  padding: 96px 5%;\n  background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);\n  overflow: hidden;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n\/* Halos d\u00e9coratifs orange (haut-droite) + bleu (bas-gauche) *\/\n.oe-cat-sect::before,\n.oe-cat-sect::after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(80px);\n  opacity: 0.5;\n  pointer-events: none;\n  z-index: 0;\n}\n.oe-cat-sect::before {\n  width: 420px; height: 420px;\n  background: rgba(245, 158, 11, 0.18);\n  top: -160px; right: -100px;\n}\n.oe-cat-sect::after {\n  width: 460px; height: 460px;\n  background: rgba(37, 99, 235, 0.12);\n  bottom: -180px; left: -140px;\n}\n\n.oe-cat-sect-inner {\n  max-width: 1240px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1.05fr;\n  gap: 70px;\n  align-items: center;\n  position: relative;\n  z-index: 1;\n}\n\n\/* ====== Content ====== *\/\n.oe-cat-sect-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 12px;\n  font-weight: 800;\n  color: #2563eb;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n  padding: 7px 16px;\n  background: rgba(37, 99, 235, 0.08);\n  border: 1px solid rgba(37, 99, 235, 0.20);\n  border-radius: 50px;\n}\n\n.oe-cat-sect-eyebrow-dot {\n  width: 8px; height: 8px;\n  background: #f59e0b;\n  border-radius: 50%;\n  position: relative;\n}\n.oe-cat-sect-eyebrow-dot::before {\n  content: '';\n  position: absolute;\n  inset: -3px;\n  background: rgba(245, 158, 11, 0.40);\n  border-radius: 50%;\n  animation: oe-sect-pulse 2s ease-in-out infinite;\n}\n@keyframes oe-sect-pulse {\n  0%,100% { transform: scale(1); opacity: 0.6; }\n  50%     { transform: scale(2); opacity: 0; }\n}\n\n.oe-cat-sect-content h2 {\n  font-size: clamp(28px, 4vw, 46px);\n  font-weight: 900;\n  color: #0f172a;\n  margin: 0 0 18px;\n  letter-spacing: -0.02em;\n  line-height: 1.1;\n}\n\n.oe-cat-sect-accent {\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.oe-cat-sect-lead {\n  font-size: 17px;\n  color: #475569;\n  line-height: 1.7;\n  margin: 0 0 28px;\n}\n\n\/* ====== Chips secteurs ====== *\/\n.oe-cat-sect-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-bottom: 32px;\n}\n\n.oe-cat-sect-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 16px;\n  background: #ffffff;\n  border: 1.5px solid #e2e8f0;\n  border-radius: 50px;\n  font-size: 14px;\n  font-weight: 600;\n  color: #334155;\n  cursor: default;\n  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, color 0.2s ease;\n}\n.oe-cat-sect-chip:hover {\n  border-color: #f59e0b;\n  background: linear-gradient(135deg, #fff7ed, #fef3c7);\n  color: #d97706;\n  transform: translateY(-2px);\n}\n.oe-cat-sect-chip span { font-size: 16px; }\n\n\/* ====== Stats inline ====== *\/\n.oe-cat-sect-stats {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  padding: 18px 22px;\n  background: #ffffff;\n  border: 1px solid #e2e8f0;\n  border-radius: 14px;\n  margin-bottom: 32px;\n  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);\n}\n.oe-cat-sect-stat {\n  flex: 1;\n  text-align: center;\n}\n.oe-cat-sect-stat strong {\n  display: block;\n  font-size: clamp(20px, 2.2vw, 26px);\n  font-weight: 900;\n  background: linear-gradient(135deg, #2563eb, #1e40af);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n  letter-spacing: -0.02em;\n  line-height: 1;\n}\n.oe-cat-sect-stat small {\n  display: block;\n  font-size: 11px;\n  color: #64748b;\n  margin-top: 4px;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n.oe-cat-sect-stat-divider {\n  width: 1px;\n  height: 36px;\n  background: #e2e8f0;\n  flex-shrink: 0;\n}\n\n\/* ====== CTA unique ====== *\/\n.oe-cat-sect-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 30px;\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  color: #ffffff !important;\n  border-radius: 50px;\n  text-decoration: none;\n  font-weight: 700;\n  font-size: 15px;\n  box-shadow: 0 12px 28px rgba(245, 158, 11, 0.40);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;\n}\n.oe-cat-sect-cta svg {\n  width: 18px; height: 18px;\n  transition: transform 0.25s ease;\n}\n.oe-cat-sect-cta:hover {\n  transform: translateY(-3px);\n  filter: brightness(1.06);\n  box-shadow: 0 18px 36px rgba(245, 158, 11, 0.55);\n}\n.oe-cat-sect-cta:hover svg { transform: translateX(4px); }\n\n\/* ====== Visual (image + carte flottante) ====== *\/\n.oe-cat-sect-visual {\n  position: relative;\n  width: 100%;\n  max-width: 580px;\n  margin: 0 auto;\n}\n\n.oe-cat-sect-img-wrap {\n  position: relative;\n  border-radius: 24px;\n  overflow: hidden;\n  aspect-ratio: 4 \/ 3;\n  \/* Bordure d\u00e9grad\u00e9e bleu\u2192orange *\/\n  background: linear-gradient(135deg, #2563eb, #f59e0b);\n  padding: 3px;\n  box-shadow: 0 28px 60px rgba(15, 23, 42, 0.18);\n}\n.oe-cat-sect-img-wrap img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  border-radius: 22px;\n  transition: transform 0.5s ease;\n}\n.oe-cat-sect-visual:hover .oe-cat-sect-img-wrap img {\n  transform: scale(1.04);\n}\n\n\/* Carte flottante \"Secteur du moment\" *\/\n.oe-cat-sect-spotlight {\n  position: absolute;\n  bottom: -28px;\n  left: -28px;\n  background: #ffffff;\n  border-radius: 18px;\n  padding: 16px 20px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  box-shadow:\n    0 24px 50px rgba(15, 23, 42, 0.20),\n    0 6px 12px rgba(15, 23, 42, 0.08);\n  z-index: 2;\n  animation: oe-sect-float 5s ease-in-out infinite;\n}\n@keyframes oe-sect-float {\n  0%,100% { transform: translateY(0); }\n  50%     { transform: translateY(-8px); }\n}\n\n.oe-cat-sect-spotlight-icon {\n  width: 44px; height: 44px;\n  border-radius: 12px;\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n  flex-shrink: 0;\n  box-shadow: 0 8px 16px rgba(245, 158, 11, 0.40);\n}\n\n.oe-cat-sect-spotlight-text {\n  display: flex;\n  flex-direction: column;\n  line-height: 1.2;\n}\n.oe-cat-sect-spotlight-label {\n  font-size: 10px;\n  font-weight: 700;\n  color: #94a3b8;\n  letter-spacing: 0.10em;\n  text-transform: uppercase;\n}\n.oe-cat-sect-spotlight-text strong {\n  font-size: 16px;\n  font-weight: 800;\n  color: #0f172a;\n  margin-top: 2px;\n  letter-spacing: -0.01em;\n}\n.oe-cat-sect-spotlight-text small {\n  font-size: 12px;\n  color: #d97706;\n  font-weight: 700;\n  margin-top: 2px;\n}\n\n\/* ====== Responsive ====== *\/\n@media (max-width: 1024px) {\n  .oe-cat-sect-inner {\n    grid-template-columns: 1fr;\n    gap: 56px;\n  }\n  .oe-cat-sect-visual { max-width: 540px; }\n  .oe-cat-sect-spotlight { left: -16px; }\n}\n@media (max-width: 600px) {\n  .oe-cat-sect { padding: 64px 5%; }\n  .oe-cat-sect-stats {\n    flex-direction: column;\n    gap: 14px;\n    padding: 18px;\n  }\n  .oe-cat-sect-stat-divider {\n    width: 60%; height: 1px;\n  }\n  .oe-cat-sect-spotlight {\n    left: 12px;\n    bottom: -18px;\n    padding: 12px 16px;\n    gap: 10px;\n  }\n  .oe-cat-sect-spotlight-icon { width: 36px; height: 36px; font-size: 18px; }\n  .oe-cat-sect-spotlight-text strong { font-size: 14px; }\n  .oe-cat-sect-chip { font-size: 13px; padding: 8px 14px; }\n}\n\n\/* Accessibilit\u00e9 *\/\n@media (prefers-reduced-motion: reduce) {\n  .oe-cat-sect-eyebrow-dot::before,\n  .oe-cat-sect-spotlight { animation: none; }\n  .oe-cat-sect-chip,\n  .oe-cat-sect-cta,\n  .oe-cat-sect-img-wrap img { transition: none; }\n}\n<\/style>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-3 has-dates wp-block-latest-posts\"><li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-biotechnologie-vegetale-change-le-secteur-dactivite-des-semences-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment la biotechnologie v\u00e9g\u00e9tale r\u00e9volutionne le secteur des semences en am\u00e9liorant la qualit\u00e9, la r\u00e9sistance et la productivit\u00e9 des plantes.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-biotechnologie-vegetale-change-le-secteur-dactivite-des-semences-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-biotechnologie-vegetale-change-le-secteur-dactivite-des-semences-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-biotechnologie-vegetale-change-le-secteur-dactivite-des-semences-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/La-biotechnologie-vegetale-change-le-secteur-dactivite-des-semences.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/biotechnologie-vegetale-semences\/\">La biotechnologie v\u00e9g\u00e9tale change le secteur d&rsquo;activit\u00e9 des semences.<\/a><time datetime=\"2026-05-05T20:05:04+02:00\" class=\"wp-block-latest-posts__post-date\">5 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-bois-doeuvre-dynamise-le-secteur-dactivite-de-la-charpente-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment le bois d&#039;\u0153uvre revitalise et stimule le secteur de la charpente, en apportant robustesse et durabilit\u00e9 aux constructions.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-bois-doeuvre-dynamise-le-secteur-dactivite-de-la-charpente-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-bois-doeuvre-dynamise-le-secteur-dactivite-de-la-charpente-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-bois-doeuvre-dynamise-le-secteur-dactivite-de-la-charpente-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-bois-doeuvre-dynamise-le-secteur-dactivite-de-la-charpente.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/bois-oeuvre-charpente\/\">Le bois d&rsquo;\u0153uvre dynamise le secteur d&rsquo;activit\u00e9 de la charpente.<\/a><time datetime=\"2026-05-04T15:19:27+02:00\" class=\"wp-block-latest-posts__post-date\">4 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loptique-de-precision-equipe-les-outils-du-secteur-dactivite-spatial-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment l&#039;optique de pr\u00e9cision r\u00e9volutionne les outils du secteur spatial, am\u00e9liorant la performance et la fiabilit\u00e9 des technologies spatiales.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loptique-de-precision-equipe-les-outils-du-secteur-dactivite-spatial-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loptique-de-precision-equipe-les-outils-du-secteur-dactivite-spatial-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loptique-de-precision-equipe-les-outils-du-secteur-dactivite-spatial-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Loptique-de-precision-equipe-les-outils-du-secteur-dactivite-spatial.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/optique-precision-spatial\/\">L&rsquo;optique de pr\u00e9cision \u00e9quipe les outils du secteur d&rsquo;activit\u00e9 spatial.<\/a><time datetime=\"2026-05-03T11:18:34+02:00\" class=\"wp-block-latest-posts__post-date\">3 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-Big-Data-predit-les-ventes-du-secteur-dactivite-de-la-cosmetique-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment le big data r\u00e9volutionne le secteur de la cosm\u00e9tique en pr\u00e9disant avec pr\u00e9cision les tendances de ventes et en optimisant les strat\u00e9gies marketing.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-Big-Data-predit-les-ventes-du-secteur-dactivite-de-la-cosmetique-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-Big-Data-predit-les-ventes-du-secteur-dactivite-de-la-cosmetique-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-Big-Data-predit-les-ventes-du-secteur-dactivite-de-la-cosmetique-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/Le-Big-Data-predit-les-ventes-du-secteur-dactivite-de-la-cosmetique.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/big-data-ventes-cosmetique\/\">Le Big Data pr\u00e9dit les ventes du secteur d&rsquo;activit\u00e9 de la cosm\u00e9tique.<\/a><time datetime=\"2026-05-01T21:03:06+02:00\" class=\"wp-block-latest-posts__post-date\">1 mai 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-chimie-verte-reduit-la-toxicite-du-secteur-dactivite-industriel-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment la chimie verte contribue \u00e0 r\u00e9duire la toxicit\u00e9 dans le secteur industriel, en promouvant des pratiques durables et respectueuses de l&#039;environnement.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-chimie-verte-reduit-la-toxicite-du-secteur-dactivite-industriel-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-chimie-verte-reduit-la-toxicite-du-secteur-dactivite-industriel-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-chimie-verte-reduit-la-toxicite-du-secteur-dactivite-industriel-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/La-chimie-verte-reduit-la-toxicite-du-secteur-dactivite-industriel.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/chimie-verte-toxicity-industriel\/\">La chimie verte r\u00e9duit la toxicit\u00e9 du secteur d&rsquo;activit\u00e9 industriel.<\/a><time datetime=\"2026-04-30T16:26:53+02:00\" class=\"wp-block-latest-posts__post-date\">30 avril 2026<\/time><\/li>\n<li><div class=\"wp-block-latest-posts__featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-tourisme-daffaires-remplit-les-hotels-du-secteur-dactivite-du-voyage-1024x585.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"d\u00e9couvrez comment le tourisme d&#039;affaires dynamise le secteur de l&#039;h\u00f4tellerie en augmentant significativement la fr\u00e9quentation des h\u00f4tels li\u00e9s au voyage.\" style=\"\" srcset=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-tourisme-daffaires-remplit-les-hotels-du-secteur-dactivite-du-voyage-1024x585.jpg 1024w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-tourisme-daffaires-remplit-les-hotels-du-secteur-dactivite-du-voyage-300x171.jpg 300w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-tourisme-daffaires-remplit-les-hotels-du-secteur-dactivite-du-voyage-768x439.jpg 768w, https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/04\/Le-tourisme-daffaires-remplit-les-hotels-du-secteur-dactivite-du-voyage.jpg 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/tourisme-affaires-hotels\/\">Le tourisme d&rsquo;affaires remplit les h\u00f4tels du secteur d&rsquo;activit\u00e9 du voyage.<\/a><time datetime=\"2026-04-29T11:59:37+02:00\" class=\"wp-block-latest-posts__post-date\">29 avril 2026<\/time><\/li>\n<\/ul>\n\n\n<!-- ============================================================\n     NEWSLETTER \u2014 Bloc inscription\n     Adapt\u00e9 au th\u00e8me emploi avec charte bleu\/orange\n============================================================ -->\n<section class=\"oe-nl\">\n  <div class=\"oe-nl-inner\">\n\n    <!-- ===== LEFT : pitch + features ===== -->\n    <div class=\"oe-nl-left\">\n\n      <!-- Social proof avatars -->\n      <div class=\"oe-nl-avatars\" aria-hidden=\"true\">\n        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/48?img=10\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/48?img=22\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/48?img=33\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/48?img=44\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/48?img=58\" alt=\"\">\n      <\/div>\n\n      <p class=\"oe-nl-social-proof\">\n        Rejoignez plus de <strong>5 000 candidats<\/strong> d\u00e9j\u00e0 abonn\u00e9s\n      <\/p>\n\n      <h2><span class=\"ez-toc-section\" id=\"Les_meilleures_offres_demploi_et_conseils_carriere_chaque_semaine\"><\/span>Les meilleures <span class=\"oe-nl-accent\">offres d'emploi<\/span> et conseils carri\u00e8re, chaque semaine<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n      <p class=\"oe-nl-desc\">\n        Chaque semaine, une s\u00e9lection d'offres cibl\u00e9es, les tendances du march\u00e9 et des\n        conseils pratiques pour booster votre recherche d'emploi \u2014 directement dans\n        votre bo\u00eete mail.\n      <\/p>\n\n      <!-- Features list -->\n      <div class=\"oe-nl-features\">\n        <div class=\"oe-nl-feat\">\n          <span aria-hidden=\"true\">\u2713<\/span>\n          S\u00e9lection d'offres cibl\u00e9es chaque semaine\n        <\/div>\n        <div class=\"oe-nl-feat\">\n          <span aria-hidden=\"true\">\u2713<\/span>\n          Conseils CV, lettres et entretiens\n        <\/div>\n        <div class=\"oe-nl-feat\">\n          <span aria-hidden=\"true\">\u2713<\/span>\n          Tendances du march\u00e9 et nouveaut\u00e9s\n        <\/div>\n        <div class=\"oe-nl-feat\">\n          <span aria-hidden=\"true\">\u2713<\/span>\n          0 spam, d\u00e9sinscription en 1 clic\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ===== RIGHT : carte d'inscription ===== -->\n    <div class=\"oe-nl-right\">\n      <div class=\"oe-nl-card\">\n\n        <div class=\"oe-nl-card-icon\" aria-hidden=\"true\">\u2709\ufe0f<\/div>\n\n        <h3><span class=\"ez-toc-section\" id=\"Sabonner_a_la_newsletter\"><\/span>S'abonner \u00e0 la newsletter<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <p>Recevez notre guide gratuit <strong>\u00ab Le CV parfait en 2026 \u00bb<\/strong> en vous inscrivant.<\/p>\n\n        <div class=\"oe-nl-form-zone\" id=\"oe-nl-form-zone\">\n          <form class=\"oe-nl-form\" id=\"oe-nl-form\">\n            <input\n              type=\"email\"\n              class=\"oe-nl-input\"\n              id=\"oe-nl-email\"\n              name=\"email\"\n              placeholder=\"votre@email.com\"\n              autocomplete=\"email\"\n              required>\n            <button class=\"oe-nl-submit\" type=\"submit\">\n              S'abonner gratuitement\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n            <\/button>\n          <\/form>\n          <p class=\"oe-nl-legal\">\n            En vous inscrivant, vous acceptez de recevoir notre newsletter.\n            D\u00e9sinscription en 1 clic \u00e0 tout moment.\n          <\/p>\n        <\/div>\n\n        <div class=\"oe-nl-trust\">\n          <span aria-hidden=\"true\">\ud83d\udd12<\/span>\n          <small>Vos donn\u00e9es sont prot\u00e9g\u00e9es. Aucune vente \u00e0 des tiers.<\/small>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   NEWSLETTER \u2014 styles scoped (.oe-nl)\n============================================================ *\/\n.oe-nl {\n  position: relative;\n  padding: 96px 5%;\n  background:\n    radial-gradient(ellipse at 0% 0%, rgba(245, 158, 11, 0.12) 0%, transparent 55%),\n    radial-gradient(ellipse at 100% 100%, rgba(37, 99, 235, 0.20) 0%, transparent 55%),\n    linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\n  color: #ffffff;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  overflow: hidden;\n}\n\n.oe-nl-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 70px;\n  align-items: center;\n  position: relative;\n  z-index: 1;\n}\n\n\/* ====== Left : pitch ====== *\/\n.oe-nl-avatars {\n  display: flex;\n  margin-bottom: 14px;\n}\n.oe-nl-avatars img {\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  border: 3px solid #0f172a;\n  object-fit: cover;\n  margin-left: -12px;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.30);\n}\n.oe-nl-avatars img:first-child { margin-left: 0; }\n\n.oe-nl-social-proof {\n  font-size: 14px;\n  color: rgba(255, 255, 255, 0.65);\n  margin: 0 0 22px;\n}\n.oe-nl-social-proof strong {\n  color: #fbbf24;\n  font-weight: 700;\n}\n\n.oe-nl-left h2 {\n  font-size: clamp(28px, 4vw, 44px);\n  font-weight: 900;\n  line-height: 1.12;\n  margin: 0 0 20px;\n  color: #ffffff;\n  letter-spacing: -0.02em;\n}\n\n.oe-nl-accent {\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.oe-nl-desc {\n  font-size: 16px;\n  line-height: 1.75;\n  color: rgba(255, 255, 255, 0.72);\n  margin: 0 0 30px;\n}\n\n.oe-nl-features {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.oe-nl-feat {\n  font-size: 15px;\n  color: rgba(255, 255, 255, 0.82);\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.oe-nl-feat span {\n  width: 22px;\n  height: 22px;\n  flex-shrink: 0;\n  border-radius: 50%;\n  background: linear-gradient(135deg, #fbbf24, #f59e0b);\n  color: #ffffff;\n  font-weight: 900;\n  font-size: 12px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 10px rgba(245, 158, 11, 0.35);\n}\n\n\/* ====== Right : carte d'inscription ====== *\/\n.oe-nl-card {\n  background: rgba(255, 255, 255, 0.06);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 24px;\n  padding: 40px;\n  -webkit-backdrop-filter: blur(10px);\n  backdrop-filter: blur(10px);\n  box-shadow:\n    0 24px 60px rgba(0, 0, 0, 0.30),\n    inset 0 1px 0 rgba(255, 255, 255, 0.06);\n}\n\n.oe-nl-card-icon {\n  width: 56px;\n  height: 56px;\n  border-radius: 16px;\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 28px;\n  margin-bottom: 18px;\n  box-shadow: 0 12px 28px rgba(245, 158, 11, 0.35);\n}\n\n.oe-nl-card h3 {\n  font-size: 22px;\n  font-weight: 800;\n  color: #ffffff;\n  margin: 0 0 12px;\n  letter-spacing: -0.01em;\n}\n\n.oe-nl-card > p {\n  font-size: 15px;\n  color: rgba(255, 255, 255, 0.72);\n  margin: 0 0 22px;\n  line-height: 1.6;\n}\n.oe-nl-card > p strong {\n  color: #fbbf24;\n  font-weight: 700;\n}\n\n\/* Form *\/\n.oe-nl-form {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.oe-nl-input {\n  width: 100%;\n  padding: 16px 18px;\n  border-radius: 12px;\n  border: 2px solid rgba(255, 255, 255, 0.15);\n  background: rgba(255, 255, 255, 0.07);\n  color: #ffffff;\n  font-size: 15px;\n  font-family: inherit;\n  outline: none;\n  transition: border-color 0.2s ease, background 0.2s ease;\n  box-sizing: border-box;\n}\n.oe-nl-input:focus {\n  border-color: #f59e0b;\n  background: rgba(255, 255, 255, 0.10);\n}\n.oe-nl-input::placeholder {\n  color: rgba(255, 255, 255, 0.42);\n}\n\n.oe-nl-submit {\n  width: 100%;\n  padding: 15px 20px;\n  border: 0;\n  border-radius: 12px;\n  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 60%, #d97706 100%);\n  color: #ffffff;\n  font-size: 15px;\n  font-weight: 700;\n  cursor: pointer;\n  font-family: inherit;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  box-shadow: 0 12px 28px rgba(245, 158, 11, 0.40);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;\n}\n.oe-nl-submit svg {\n  width: 18px;\n  height: 18px;\n  transition: transform 0.25s ease;\n}\n.oe-nl-submit:hover {\n  transform: translateY(-2px);\n  filter: brightness(1.06);\n  box-shadow: 0 18px 36px rgba(245, 158, 11, 0.55);\n}\n.oe-nl-submit:hover svg { transform: translateX(4px); }\n.oe-nl-submit:active { transform: translateY(0); }\n\n.oe-nl-legal {\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.45);\n  text-align: center;\n  margin: 6px 0 0;\n  line-height: 1.5;\n}\n\n.oe-nl-trust {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 22px;\n  padding-top: 18px;\n  border-top: 1px solid rgba(255, 255, 255, 0.10);\n}\n.oe-nl-trust span { font-size: 16px; }\n.oe-nl-trust small {\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.55);\n  line-height: 1.5;\n}\n\n\/* Success state (apr\u00e8s soumission) *\/\n.oe-nl-success {\n  text-align: center;\n  padding: 22px;\n  background: rgba(16, 185, 129, 0.12);\n  border: 1px solid rgba(16, 185, 129, 0.35);\n  border-radius: 12px;\n  color: #6ee7b7;\n  font-weight: 600;\n  font-size: 15px;\n  line-height: 1.5;\n  animation: oe-nl-fade 0.4s ease;\n}\n.oe-nl-success small {\n  display: block;\n  font-weight: 400;\n  font-size: 13px;\n  opacity: 0.85;\n  margin-top: 6px;\n}\n@keyframes oe-nl-fade {\n  from { opacity: 0; transform: translateY(8px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* ====== Responsive ====== *\/\n@media (max-width: 900px) {\n  .oe-nl-inner { grid-template-columns: 1fr; gap: 50px; }\n  .oe-nl-card { padding: 32px 24px; }\n}\n@media (max-width: 480px) {\n  .oe-nl { padding: 64px 5%; }\n  .oe-nl-card-icon { width: 48px; height: 48px; font-size: 24px; }\n  .oe-nl-card h3 { font-size: 19px; }\n}\n\n\/* Accessibilit\u00e9 *\/\n@media (prefers-reduced-motion: reduce) {\n  .oe-nl-submit,\n  .oe-nl-input { transition: none; }\n  .oe-nl-success { animation: none; }\n}\n<\/style>\n\n<script>\n(function() {\n  var form = document.getElementById('oe-nl-form');\n  var zone = document.getElementById('oe-nl-form-zone');\n  if (!form || !zone) return;\n\n  form.addEventListener('submit', function(e) {\n    e.preventDefault();\n\n    var emailEl = document.getElementById('oe-nl-email');\n    var email = emailEl ? emailEl.value.trim() : '';\n    if (!email) return;\n\n    \/\/ Affiche le succ\u00e8s\n    zone.innerHTML =\n      '<div class=\"oe-nl-success\">' +\n        '\ud83c\udf89 Merci ! Vous \u00eates bien inscrit(e).' +\n        '<small>V\u00e9rifiez votre bo\u00eete mail pour confirmer votre inscription.<\/small>' +\n      '<\/div>';\n\n    \/\/ Hook \u00e9ventuel pour ton service mail (Mailchimp, Brevo, etc.)\n    \/\/ Remplace ce bloc par ta vraie soumission AJAX si besoin :\n    \/\/\n    \/\/ fetch('\/api\/newsletter', {\n    \/\/   method: 'POST',\n    \/\/   headers: { 'Content-Type': 'application\/json' },\n    \/\/   body: JSON.stringify({ email: email })\n    \/\/ });\n  });\n})();\n<\/script>\n\n\n\n<!-- ============================================================\n     T\u00c9MOIGNAGES \u2014 Bloc avis utilisateurs\n     Adapt\u00e9 au th\u00e8me emploi avec charte bleu\/orange\n============================================================ -->\n<section class=\"oe-temo\">\n  <div class=\"oe-temo-inner\">\n\n    <!-- ===== Header ===== -->\n    <div class=\"oe-temo-header\">\n      <span class=\"oe-temo-tag\">T\u00e9moignages<\/span>\n      <h2><span class=\"ez-toc-section\" id=\"Ce_que_disent_nos_lecteurs\"><\/span>Ce que disent <span class=\"oe-temo-accent\">nos lecteurs<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n      <p>Des milliers de candidats et professionnels nous font confiance pour r\u00e9ussir leur recherche d'emploi et leur \u00e9volution de carri\u00e8re.<\/p>\n\n      <div class=\"oe-temo-global-rating\">\n        <span class=\"oe-temo-stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/span>\n        <strong>4.9 \/ 5<\/strong>\n        <small>Bas\u00e9 sur 320+ avis v\u00e9rifi\u00e9s<\/small>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Grille de t\u00e9moignages ===== -->\n    <div class=\"oe-temo-grid\">\n\n      <!-- Featured (jeune dipl\u00f4m\u00e9e) -->\n      <div class=\"oe-temo-card oe-temo-featured\">\n        <div class=\"oe-temo-quote-icon\" aria-hidden=\"true\">\"<\/div>\n        <p class=\"oe-temo-text\">Gr\u00e2ce aux conseils carri\u00e8re d'Offre d'emploi, j'ai d\u00e9croch\u00e9 mon premier CDI seulement 3 mois apr\u00e8s mon dipl\u00f4me. Les guides CV et entretien sont incroyablement utiles, vraiment concrets.<\/p>\n        <div class=\"oe-temo-author\">\n          <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/64?img=47\" alt=\"\" loading=\"lazy\">\n          <div>\n            <strong>Sophie Martin<\/strong>\n            <small>Jeune dipl\u00f4m\u00e9e \u2022 Premier CDI d\u00e9croch\u00e9<\/small>\n            <div class=\"oe-temo-stars-sm\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Reconversion -->\n      <div class=\"oe-temo-card\">\n        <div class=\"oe-temo-quote-icon\" aria-hidden=\"true\">\"<\/div>\n        <p class=\"oe-temo-text\">Le guide sur la reconversion m'a aid\u00e9 \u00e0 passer du commerce \u00e0 la tech sereinement. \u00c9tape par \u00e9tape, sans stress, avec des conseils vraiment applicables.<\/p>\n        <div class=\"oe-temo-author\">\n          <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/64?img=12\" alt=\"\" loading=\"lazy\">\n          <div>\n            <strong>Thomas Dubois<\/strong>\n            <small>Reconversion vers la tech \u2022 32 ans<\/small>\n            <div class=\"oe-temo-stars-sm\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u00c9tudiante alternance -->\n      <div class=\"oe-temo-card\">\n        <div class=\"oe-temo-quote-icon\" aria-hidden=\"true\">\"<\/div>\n        <p class=\"oe-temo-text\">Les conseils sur l'alternance \u00e9taient pile ce qu'il me fallait. J'ai trouv\u00e9 une alternance avec un bon salaire et des missions stimulantes en moins d'un mois.<\/p>\n        <div class=\"oe-temo-author\">\n          <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/64?img=31\" alt=\"\" loading=\"lazy\">\n          <div>\n            <strong>Marie Laurent<\/strong>\n            <small>\u00c9tudiante en alternance \u2022 Marketing<\/small>\n            <div class=\"oe-temo-stars-sm\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Cadre senior -->\n      <div class=\"oe-temo-card\">\n        <div class=\"oe-temo-quote-icon\" aria-hidden=\"true\">\"<\/div>\n        <p class=\"oe-temo-text\">\u00c0 50 ans, je pensais que retrouver un emploi serait difficile. Vos articles sur la valorisation de l'exp\u00e9rience et le march\u00e9 des cadres seniors ont chang\u00e9 ma strat\u00e9gie.<\/p>\n        <div class=\"oe-temo-author\">\n          <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/64?img=58\" alt=\"\" loading=\"lazy\">\n          <div>\n            <strong>Pierre Renaud<\/strong>\n            <small>Cadre senior \u2022 Reprise d'emploi<\/small>\n            <div class=\"oe-temo-stars-sm\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Belge en France -->\n      <div class=\"oe-temo-card\">\n        <div class=\"oe-temo-quote-icon\" aria-hidden=\"true\">\"<\/div>\n        <p class=\"oe-temo-text\">Belge install\u00e9e en France, je connaissais mal le march\u00e9 du travail fran\u00e7ais. Les guides r\u00e9gionaux et les analyses sectorielles m'ont fait gagner un temps pr\u00e9cieux.<\/p>\n        <div class=\"oe-temo-author\">\n          <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/64?img=25\" alt=\"\" loading=\"lazy\">\n          <div>\n            <strong>Emma Verschraegen<\/strong>\n            <small>Expat belge \u2022 Premi\u00e8re recherche en France<\/small>\n            <div class=\"oe-temo-stars-sm\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Carte CTA -->\n      <div class=\"oe-temo-card oe-temo-dark\">\n        <div class=\"oe-temo-cta-icon\" aria-hidden=\"true\">\ud83d\udcbc<\/div>\n        <h3><span class=\"ez-toc-section\" id=\"Prete_a_booster_votre_carriere\"><\/span>Pr\u00eat(e) \u00e0 booster votre carri\u00e8re ?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n        <p>Rejoignez des milliers de candidats qui font confiance \u00e0 Offre d'emploi pour trouver leur voie.<\/p>\n      \n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   T\u00c9MOIGNAGES \u2014 styles scoped (.oe-temo)\n============================================================ *\/\n.oe-temo {\n  padding: 96px 5%;\n  background: #f8fafc;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n.oe-temo-inner { max-width: 1200px; margin: 0 auto; }\n\n\/* ====== Header ====== *\/\n.oe-temo-header { text-align: center; margin-bottom: 50px; }\n\n.oe-temo-tag {\n  display: inline-block;\n  background: #fef3c7;\n  color: #d97706;\n  padding: 7px 18px;\n  border-radius: 50px;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n}\n\n.oe-temo-header h2 {\n  font-size: clamp(28px, 4vw, 44px);\n  font-weight: 900;\n  color: #0f172a;\n  margin: 0 0 12px;\n  letter-spacing: -0.02em;\n  line-height: 1.1;\n}\n\n.oe-temo-accent {\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.oe-temo-header > p {\n  font-size: 17px;\n  color: #475569;\n  max-width: 540px;\n  margin: 0 auto 22px;\n  line-height: 1.6;\n}\n\n.oe-temo-global-rating {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 20px;\n  background: #ffffff;\n  border: 1px solid #e2e8f0;\n  border-radius: 50px;\n  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);\n}\n\n.oe-temo-stars {\n  color: #f59e0b;\n  font-size: 18px;\n  letter-spacing: 0.18em;\n  line-height: 1;\n}\n\n.oe-temo-global-rating strong {\n  font-size: 17px;\n  font-weight: 800;\n  color: #0f172a;\n}\n.oe-temo-global-rating small {\n  font-size: 12px;\n  color: #64748b;\n  font-weight: 500;\n}\n\n\/* ====== Grid ====== *\/\n.oe-temo-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n\n\/* ====== Card de base ====== *\/\n.oe-temo-card {\n  background: #ffffff;\n  border-radius: 20px;\n  padding: 28px;\n  border: 1px solid #e2e8f0;\n  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n  position: relative;\n}\n.oe-temo-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.10);\n  border-color: rgba(37, 99, 235, 0.25);\n}\n\n.oe-temo-quote-icon {\n  font-family: Georgia, 'Times New Roman', serif;\n  font-size: 56px;\n  font-weight: 900;\n  color: #2563eb;\n  line-height: 0.6;\n  margin-bottom: 14px;\n  opacity: 0.25;\n  height: 28px;\n}\n\n.oe-temo-text {\n  font-size: 15px;\n  line-height: 1.7;\n  color: #334155;\n  margin: 0 0 24px;\n  font-style: italic;\n}\n\n.oe-temo-author {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.oe-temo-author img {\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  object-fit: cover;\n  flex-shrink: 0;\n  border: 2px solid #ffffff;\n  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.10);\n}\n\n.oe-temo-author strong {\n  display: block;\n  font-size: 14px;\n  font-weight: 700;\n  color: #0f172a;\n  letter-spacing: -0.01em;\n}\n\n.oe-temo-author small {\n  font-size: 12px;\n  color: #64748b;\n  display: block;\n  margin-top: 2px;\n}\n\n.oe-temo-stars-sm {\n  color: #f59e0b;\n  font-size: 12px;\n  letter-spacing: 0.16em;\n  margin-top: 5px;\n  line-height: 1;\n}\n\n\/* ====== Featured (carte mise en avant \u2014 fond bleu nuit) ====== *\/\n.oe-temo-featured {\n  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);\n  border-color: transparent;\n  color: #ffffff;\n  box-shadow:\n    0 14px 36px rgba(30, 58, 138, 0.30),\n    0 4px 8px rgba(15, 23, 42, 0.10);\n  position: relative;\n  overflow: hidden;\n}\n.oe-temo-featured::before {\n  content: '';\n  position: absolute;\n  top: -60px;\n  right: -60px;\n  width: 200px;\n  height: 200px;\n  background: radial-gradient(circle, rgba(245, 158, 11, 0.30) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n.oe-temo-featured .oe-temo-text { color: rgba(255, 255, 255, 0.88); position: relative; z-index: 1; }\n.oe-temo-featured .oe-temo-quote-icon {\n  color: #fbbf24;\n  opacity: 0.7;\n  position: relative;\n  z-index: 1;\n}\n.oe-temo-featured .oe-temo-author { position: relative; z-index: 1; }\n.oe-temo-featured .oe-temo-author strong { color: #ffffff; }\n.oe-temo-featured .oe-temo-author small { color: rgba(255, 255, 255, 0.65); }\n.oe-temo-featured .oe-temo-author img { border-color: rgba(255, 255, 255, 0.25); }\n\n.oe-temo-featured:hover {\n  transform: translateY(-4px);\n  box-shadow:\n    0 22px 50px rgba(30, 58, 138, 0.40),\n    0 6px 12px rgba(15, 23, 42, 0.15);\n}\n\n\/* ====== Carte CTA finale (dark) ====== *\/\n.oe-temo-dark {\n  background:\n    radial-gradient(ellipse at 0% 100%, rgba(245, 158, 11, 0.20) 0%, transparent 60%),\n    linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\n  border-color: transparent;\n  color: #ffffff;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n}\n\n.oe-temo-cta-icon {\n  width: 52px;\n  height: 52px;\n  border-radius: 14px;\n  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 26px;\n  margin-bottom: 16px;\n  box-shadow: 0 10px 24px rgba(245, 158, 11, 0.40);\n}\n\n.oe-temo-dark h3 {\n  font-size: 21px;\n  font-weight: 800;\n  color: #ffffff;\n  margin: 0 0 12px;\n  letter-spacing: -0.01em;\n  line-height: 1.2;\n}\n\n.oe-temo-dark p {\n  font-size: 14px;\n  color: rgba(255, 255, 255, 0.72);\n  margin: 0 0 22px;\n  line-height: 1.6;\n}\n\n.oe-temo-cta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 60%, #d97706 100%);\n  color: #ffffff !important;\n  padding: 12px 24px;\n  border-radius: 50px;\n  text-decoration: none;\n  font-weight: 700;\n  font-size: 14px;\n  box-shadow: 0 8px 20px rgba(245, 158, 11, 0.40);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;\n}\n.oe-temo-cta-btn svg {\n  width: 16px; height: 16px;\n  transition: transform 0.25s ease;\n}\n.oe-temo-cta-btn:hover {\n  transform: translateY(-2px);\n  filter: brightness(1.06);\n  box-shadow: 0 14px 28px rgba(245, 158, 11, 0.55);\n}\n.oe-temo-cta-btn:hover svg { transform: translateX(4px); }\n\n\/* ====== Responsive ====== *\/\n@media (max-width: 1000px) {\n  .oe-temo-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 650px) {\n  .oe-temo { padding: 64px 5%; }\n  .oe-temo-grid { grid-template-columns: 1fr; gap: 18px; }\n  .oe-temo-card { padding: 24px; }\n}\n\n\/* Accessibilit\u00e9 *\/\n@media (prefers-reduced-motion: reduce) {\n  .oe-temo-card,\n  .oe-temo-cta-btn,\n  .oe-temo-cta-btn svg { transition: none; }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Plus de 10 000 offres mises \u00e0 jour chaque jour Trouvez l&#8217;emploi id\u00e9al selon votre profil et vos ambitions Bienvenue sur Offredemploi.fr, le site qui &#8230; <a title=\"Accueil\" class=\"read-more\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/\" aria-label=\"En savoir plus sur Accueil\">Lire plus<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3914","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accueil - Offre d&#039;emploi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.offredemploi.fr\/newsroom\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accueil - Offre d&#039;emploi\" \/>\n<meta property=\"og:description\" content=\"Plus de 10 000 offres mises \u00e0 jour chaque jour Trouvez l&#8217;emploi id\u00e9al selon votre profil et vos ambitions Bienvenue sur Offredemploi.fr, le site qui ... Lire plus\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.offredemploi.fr\/newsroom\/\" \/>\n<meta property=\"og:site_name\" content=\"Offre d&#039;emploi\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-04T10:49:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2025\/01\/hero-offredemploi.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/\",\"url\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/\",\"name\":\"Accueil - Offre d&#039;emploi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/hero-offredemploi.jpg\",\"datePublished\":\"2026-05-04T08:21:43+00:00\",\"dateModified\":\"2026-05-04T10:49:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/hero-offredemploi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/hero-offredemploi.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/#website\",\"url\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/\",\"name\":\"Offre d&#039;emploi\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/#organization\",\"name\":\"Offre d&#039;emploi\",\"url\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo.png\",\"width\":220,\"height\":56,\"caption\":\"Offre d&#039;emploi\"},\"image\":{\"@id\":\"https:\\\/\\\/www.offredemploi.fr\\\/newsroom\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accueil - Offre d&#039;emploi","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.offredemploi.fr\/newsroom\/","og_locale":"fr_FR","og_type":"article","og_title":"Accueil - Offre d&#039;emploi","og_description":"Plus de 10 000 offres mises \u00e0 jour chaque jour Trouvez l&#8217;emploi id\u00e9al selon votre profil et vos ambitions Bienvenue sur Offredemploi.fr, le site qui ... Lire plus","og_url":"https:\/\/www.offredemploi.fr\/newsroom\/","og_site_name":"Offre d&#039;emploi","article_modified_time":"2026-05-04T10:49:42+00:00","og_image":[{"url":"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2025\/01\/hero-offredemploi.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.offredemploi.fr\/newsroom\/","url":"https:\/\/www.offredemploi.fr\/newsroom\/","name":"Accueil - Offre d&#039;emploi","isPartOf":{"@id":"https:\/\/www.offredemploi.fr\/newsroom\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.offredemploi.fr\/newsroom\/#primaryimage"},"image":{"@id":"https:\/\/www.offredemploi.fr\/newsroom\/#primaryimage"},"thumbnailUrl":"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2025\/01\/hero-offredemploi.jpg","datePublished":"2026-05-04T08:21:43+00:00","dateModified":"2026-05-04T10:49:42+00:00","breadcrumb":{"@id":"https:\/\/www.offredemploi.fr\/newsroom\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.offredemploi.fr\/newsroom\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.offredemploi.fr\/newsroom\/#primaryimage","url":"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2025\/01\/hero-offredemploi.jpg","contentUrl":"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2025\/01\/hero-offredemploi.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.offredemploi.fr\/newsroom\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.offredemploi.fr\/newsroom\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/www.offredemploi.fr\/newsroom\/#website","url":"https:\/\/www.offredemploi.fr\/newsroom\/","name":"Offre d&#039;emploi","description":"","publisher":{"@id":"https:\/\/www.offredemploi.fr\/newsroom\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.offredemploi.fr\/newsroom\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.offredemploi.fr\/newsroom\/#organization","name":"Offre d&#039;emploi","url":"https:\/\/www.offredemploi.fr\/newsroom\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.offredemploi.fr\/newsroom\/#\/schema\/logo\/image\/","url":"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/logo.png","contentUrl":"https:\/\/www.offredemploi.fr\/newsroom\/wp-content\/uploads\/2026\/05\/logo.png","width":220,"height":56,"caption":"Offre d&#039;emploi"},"image":{"@id":"https:\/\/www.offredemploi.fr\/newsroom\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.offredemploi.fr\/newsroom\/wp-json\/wp\/v2\/pages\/3914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.offredemploi.fr\/newsroom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.offredemploi.fr\/newsroom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.offredemploi.fr\/newsroom\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.offredemploi.fr\/newsroom\/wp-json\/wp\/v2\/comments?post=3914"}],"version-history":[{"count":7,"href":"https:\/\/www.offredemploi.fr\/newsroom\/wp-json\/wp\/v2\/pages\/3914\/revisions"}],"predecessor-version":[{"id":3932,"href":"https:\/\/www.offredemploi.fr\/newsroom\/wp-json\/wp\/v2\/pages\/3914\/revisions\/3932"}],"wp:attachment":[{"href":"https:\/\/www.offredemploi.fr\/newsroom\/wp-json\/wp\/v2\/media?parent=3914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}