{"id":1290,"date":"2025-07-08T21:58:07","date_gmt":"2025-07-08T19:58:07","guid":{"rendered":"https:\/\/imagone.local\/?page_id=1290"},"modified":"2025-07-08T21:58:07","modified_gmt":"2025-07-08T19:58:07","slug":"decouverte-des-metiers","status":"publish","type":"page","link":"https:\/\/www.formagraph-exercice.fr\/imagone\/decouverte-des-metiers\/","title":{"rendered":"D\u00e9couverte des m\u00e9tiers en r\u00e9alit\u00e9 virtuelle"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull hero-section wp-duotone-unset-1\" style=\"margin-top:0px;margin-bottom:0px;padding-right:0;padding-left:0;min-height:750px;aspect-ratio:unset;\"><video class=\"wp-block-cover__video-background intrinsic-ignore\" autoplay muted loop playsinline src=\"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-content\/uploads\/2025\/05\/Accueil-Metiers-360.mp4\" data-object-fit=\"cover\"><\/video><span aria-hidden=\"true\" class=\"wp-block-cover__background has-palette-color-7-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-container-core-cover-is-layout-00c27cc1 wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-4afd871 Hero-section\" id=\"explorer-les-metiers-autrement\" data-block-id=\"4afd871\"><style>.stk-4afd871 {margin-bottom:60px !important;}.stk-4afd871 .stk-block-heading__text{color:var(--theme-palette-color-15, #dccda1) !important;}<\/style><h1 class=\"stk-block-heading__text has-text-color has-text-align-center\">Explorer les m\u00e9tiers autrement<\/h1><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-847ebda\" data-block-id=\"847ebda\"><style>.stk-847ebda {margin-bottom:70px !important;}<\/style><p class=\"stk-block-text__text has-text-align-left\">Au coll\u00e8ge, au lyc\u00e9e puis dans les \u00e9tudes sup\u00e9rieures, on demande aux jeunes <em><mark style=\"background-color:rgba(0, 0, 0, 0);color:#fcb900\" class=\"has-inline-color\">\u00ab\u00a0Qu&rsquo;est-ce que tu veux faire plus tard ?\u00a0\u00bb<\/mark><\/em><br>Le plus souvent, la d\u00e9cision est prise \u00ab\u00a0par d\u00e9faut\u00a0\u00bb car <em>\u00ab\u00a0les m\u00e9tiers ne nous parlent pas encore\u00a0\u00bb<\/em>&#8230;<br>Avec IMAGONE, <strong>d\u00e9couvrez les gestes qui fa\u00e7onnent l&rsquo;avenir<\/strong> de mani\u00e8re immersive et racont\u00e9 par ceux qui les vive&#8230;<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-86f7a23\" data-block-id=\"86f7a23\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-d24cb8f\" data-block-id=\"d24cb8f\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"#secteur\"><span class=\"stk-button__inner-text\">Voir les secteurs professionnels<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-palette-color-15-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:80px;padding-bottom:80px;background-image:url(&apos;https:\/\/www.formagraph-exercice.fr\/imagone\/wp-content\/uploads\/2025\/04\/Elements_graphiques_S1.png&apos;);background-position:0% 100%;background-size:cover;\">\n<div class=\"wp-block-stackable-heading alignfull stk-block-heading stk-block-heading--v2 stk-block stk-5081ceb\" id=\"choisissez-un-secteur-a-decouvrir\" data-block-id=\"5081ceb\"><style>.stk-5081ceb .stk-block-heading__bottom-line{background-color:var(--theme-palette-color-4, #a13e8a) !important;margin-top:12px !important;margin-left:auto !important;margin-right:auto !important;}.stk-5081ceb {margin-bottom:60px !important;}.stk-5081ceb .stk-block-heading__text{color:var(--theme-palette-color-7, #001f32) !important;line-height:1.2em !important;}<\/style><h2 class=\"stk-block-heading__text has-text-color has-text-align-center\">Choisissez un secteur \u00e0 d\u00e9couvrir<\/h2><div class=\"stk-block-heading__bottom-line\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-62f22af\" data-block-id=\"62f22af\"><style>.stk-62f22af .stk-block-text__text{color:var(--theme-palette-color-7, #001f32) !important;}<\/style><p class=\"stk-block-text__text has-text-color\">Chaque univers professionnel regorge de savoir-faire, de gestes rares, et d\u2019histoires humaines.&nbsp;Un exemple frappant : <a href=\"https:\/\/www.guedelon.fr\" title=\"\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-palette-color-5-color\">Gu\u00e9delon : ils construisent un chateau fort<\/mark><\/a><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-palette-color-4-color\"> <\/mark>Que vous soyez curieux\u00b7se, en reconversion, ou en qu\u00eate de sens : commencez votre immersion ici et d\u00e9couvrez les m\u00e9tiers d&rsquo;une mani\u00e8re diff\u00e9rente : <strong><em>\u00ab\u00a0loin des fiches mais pr\u00e8s des gestes\u00a0\u00bb<\/em><\/strong> !<\/p><\/div>\n\n\n\n<!-- Section d'introduction pour la page \"D\u00e9couverte des m\u00e9tiers\" avec s\u00e9lecteur interactif + ouverture automatique -->\n<section class=\"intro-secteurs\" id=\"secteur\">\n  <div class=\"intro-container\">\n    <h2>Choisissez un secteur \u00e0 explorer<\/h2>\n    <p>\n      Chaque univers professionnel regorge de savoir-faire, de gestes rares et d\u2019histoires humaines. <br>\n      Que vous soyez curieux\u00b7se, en reconversion ou en qu\u00eate de sens : commencez votre immersion ici.\n    <\/p>\n\n    <select class=\"sector-select\" id=\"sector-selector\">\n      <option disabled selected>\u2014 S\u00e9lectionnez un secteur \u2014<\/option>\n      <option value=\"#industrie\">Industrie<\/option>\n      <option value=\"#btp\">BTP<\/option>\n      <option value=\"#agriculture\">Agriculture<\/option>\n      <option value=\"#artisanat\">Artisanat d\u2019art<\/option>\n    <\/select>\n  <\/div>\n<\/section>\n\n<style>\n  .intro-secteurs {\n    background-color: #fdf6f0;\n    padding: 4rem 1.5rem 2rem;\n    text-align: center;\n  }\n\n  .intro-container {\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .intro-secteurs h2 {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #113042;\n    margin-bottom: 1rem;\n  }\n\n  .intro-secteurs p {\n    font-size: 1.1rem;\n    color: #444;\n    line-height: 1.6;\n    margin: 0 0 1.5rem 0;\n  }\n\n  .sector-select {\n    padding: 0.75rem 1.25rem;\n    font-size: 1rem;\n    border-radius: 12px;\n    border: 2px solid #2E86AB;\n    background-color: #ffffff;\n    color: #113042 !important;\n    font-weight: 500;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n    max-width: 300px;\n    margin-top: 1rem;\n  }\n\n  .sector-select option {\n    color: #113042 !important;\n    background-color: #ffffff;\n  }\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const selector = document.getElementById('sector-selector');\n    if (selector) {\n      selector.addEventListener('change', function () {\n        const id = this.value;\n        const target = document.querySelector(id);\n\n        if (target) {\n          if (target.tagName.toLowerCase() === 'details') {\n            target.open = true;\n          }\n\n          \/\/ D\u00e9calage visuel (hauteur d\u2019un header fixe par exemple)\n          const offset = -80; \/\/ ajustable selon ton header\/sticky nav\n          const top = target.getBoundingClientRect().top + window.scrollY + offset;\n\n          window.scrollTo({\n            top: top,\n            behavior: 'smooth'\n          });\n        }\n      });\n    }\n  });\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-palette-color-13-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:80px;padding-bottom:80px;background-image:url(&apos;https:\/\/www.formagraph-exercice.fr\/imagone\/wp-content\/uploads\/2025\/04\/Fond_PP.png&apos;);background-size:cover;\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-e911520\" id=\"ne-vision\" data-block-id=\"e911520\"><style>.stk-e911520 .stk-block-heading__bottom-line{background-color:var(--theme-palette-color-4, #a13e8a) !important;margin-top:12px !important;margin-left:auto !important;margin-right:auto !important;}.stk-e911520 .stk-block-heading__text{color:var(--theme-palette-color-7, #001f32) !important;}<\/style><h2 class=\"stk-block-heading__text has-text-color has-text-align-center\">Liste des m\u00e9tiers par secteur<\/h2><div class=\"stk-block-heading__bottom-line\"><\/div><\/div>\n\n\n\n<section class=\"metiers-accordeon-section\">\n    <!-- INDUSTRIE -->\n    <details id=\"industrie\" class=\"secteur-accordeon\" open>\n        <summary><span class=\"badge-secteur badge-industrie\"><\/span> Industrie<\/summary>\n        <div class=\"metiers-grid\">\n            <div class=\"metier-card metier-industrie prioritaire\">\n                <span class=\"badge-prioritaire\">M\u00e9tier prioritaire<\/span>\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/Technicien de maintenance.jpg\"\n                    alt=\"Technicien de maintenance industrielle\" class=\"vignette-metier\">\n                <h3>Technicien\u00b7ne de maintenance<\/h3>\n                <p>Assure le bon fonctionnement des \u00e9quipements industriels.<\/p>\n                <a href=\"#video-technicien\" data-video-link=\"video-technicien\" class=\"wp-block-button__link\">Voir la\n                    vid\u00e9o immersive<\/a>\n            <\/div>\n            <div class=\"metier-card metier-industrie\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/soudeur.jpg\" alt=\"Soudeur\" class=\"vignette-metier\">\n                <h3>Soudeur\u00b7euse<\/h3>\n                <p>Assemble les pi\u00e8ces m\u00e9talliques avec pr\u00e9cision et savoir-faire.<\/p>\n                <a href=\"#\" class=\"wp-block-button__link\">Voir la vid\u00e9o immersive<\/a>\n            <\/div>\n            <div class=\"metier-card metier-industrie\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/Horloger.jpg\" alt=\"Horloger\" class=\"vignette-metier\">\n                <h3>Horloger\u00b7\u00e8re<\/h3>\n                <p>Assemble et r\u00e9pare des m\u00e9canismes de haute pr\u00e9cision.<\/p>\n                <a href=\"#\" class=\"wp-block-button__link\">Voir la vid\u00e9o immersive<\/a>\n            <\/div>\n            <div class=\"metier-card metier-industrie\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/Conducteur-de-ligne-01.jpg\" alt=\"Op\u00e9rateur de ligne\"\n                    class=\"vignette-metier\">\n                <h3>Op\u00e9rateur\u00b7trice de ligne<\/h3>\n                <p>Surveille et ajuste les param\u00e8tres de production.<\/p>\n                <a href=\"#\" class=\"wp-block-button__link\">Voir la vid\u00e9o immersive<\/a>\n            <\/div>\n        <\/div>\n    <\/details>\n\n    <!-- BTP -->\n    <details id=\"stp\" class=\"secteur-accordeon\">\n        <summary><span class=\"badge-secteur badge-btp\"><\/span> BTP<\/summary>\n        <div class=\"metiers-grid\">\n            <div class=\"metier-card metier-btp prioritaire\">\n                <span class=\"badge-prioritaire\">M\u00e9tier prioritaire<\/span>\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/Maconnerie.jpg\" alt=\"Ma\u00e7on\" class=\"vignette-metier\">\n                <h3>Ma\u00e7on\u00b7ne<\/h3>\n                <p>Construit murs, fa\u00e7ades, fondations en neuf ou r\u00e9novation.<\/p>\n                <a href=\"#video-macon\" data-video-link=\"video-macon\" class=\"wp-block-button__link\">Voir la vid\u00e9o\n                    immersive<\/a>\n            <\/div>\n            <div class=\"metier-card metier-btp\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/Charpentier.jpg\" alt=\"Charpentier\" class=\"vignette-metier\">\n                <h3>Charpentier\u00b7\u00e8re<\/h3>\n                <p>Cr\u00e9e les ossatures bois de b\u00e2timents ou maisons.<\/p>\n                <a href=\"#\" class=\"wp-block-button__link\">Voir la vid\u00e9o immersive<\/a>\n            <\/div>\n            <div class=\"metier-card metier-btp\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/Conducteur d'engins.jpg\" alt=\"Conducteur d'engins\"\n                    class=\"vignette-metier\">\n                <h3>Conducteur\u00b7trice d&rsquo;engins<\/h3>\n                <p>Utilise les machines lourdes sur les chantiers de construction.<\/p>\n                <a href=\"#\" class=\"wp-block-button__link\">Voir la vid\u00e9o immersive<\/a>\n            <\/div>\n            <div class=\"metier-card metier-btp\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/Chef de chantier.jpg\" alt=\"Chef de chantier\"\n                    class=\"vignette-metier\">\n                <h3>Chef\u00b7fe de chantier<\/h3>\n                <p>Coordonne les travaux, les \u00e9quipes et les d\u00e9lais.<\/p>\n                <a href=\"#video-chantier\" data-video-link=\"video-chantier\" class=\"wp-block-button__link\">Voir la vid\u00e9o\n                    immersive<\/a>\n            <\/div>\n        <\/div>\n    <\/details>\n\n    <!-- AGRICULTURE -->\n    <details id=\"agriculture\" class=\"secteur-accordeon\">\n        <summary><span class=\"badge-secteur badge-agriculture\"><\/span> Agriculture<\/summary>\n        <div class=\"metiers-grid\">\n            <div class=\"metier-card metier-agriculture prioritaire\">\n                <span class=\"badge-prioritaire\">M\u00e9tier prioritaire<\/span>\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/Vigneron.png\" alt=\"Vigneron\" class=\"vignette-metier\">\n                <h3>Vigneron\u00b7ne<\/h3>\n                <p>Travaille la vigne et assure la vinification.<\/p>\n                <a href=\"#video-vigneron\" data-video-link=\"video-vigneron\" class=\"wp-block-button__link\">Voir la vid\u00e9o\n                    immersive<\/a>\n            <\/div>\n            <div class=\"metier-card metier-agriculture\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/maraichere.jpg\" alt=\"Mara\u00eecher\" class=\"vignette-metier\">\n                <h3>Mara\u00eecher\u00b7\u00e8re<\/h3>\n                <p>Produit des l\u00e9gumes frais pour le march\u00e9 local.<\/p>\n                <a href=\"#\" class=\"wp-block-button__link\">Voir la vid\u00e9o immersive<\/a>\n            <\/div>\n            <div class=\"metier-card metier-agriculture\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/Technicien-agricole.jpg\" alt=\"Technicien agricole\"\n                    class=\"vignette-metier\">\n                <h3>Technicien\u00b7ne agricole<\/h3>\n                <p>Accompagne les exploitations dans leur d\u00e9veloppement.<\/p>\n                <a href=\"#\" class=\"wp-block-button__link\">Voir la vid\u00e9o immersive<\/a>\n            <\/div>\n            <div class=\"metier-card metier-agriculture\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/Eleveur.jpg.webp\" alt=\"\u00c9leveur\" class=\"vignette-metier\">\n                <h3>\u00c9leveur\u00b7euse<\/h3>\n                <p>Prend soin des animaux pour la viande ou le lait.<\/p>\n                <a href=\"#\" class=\"wp-block-button__link\">Voir la vid\u00e9o immersive<\/a>\n            <\/div>\n        <\/div>\n    <\/details>\n\n    <!-- ARTISANAT D'ART -->\n    <details id=\"artisanat\" class=\"secteur-accordeon\">\n        <summary><span class=\"badge-secteur badge-artisanat\"><\/span> Artisanat d&rsquo;art<\/summary>\n        <div class=\"metiers-grid\">\n            <div class=\"metier-card metier-artisanat\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/Ebeniste2.jpg\" alt=\"Eb\u00e9niste\" class=\"vignette-metier\">\n                <h3>\u00c9b\u00e9niste<\/h3>\n                <p>Travaille le bois pour cr\u00e9er du mobilier sur mesure.<\/p>\n                <a href=\"#\" class=\"wp-block-button__link\">Voir la vid\u00e9o immersive<\/a>\n            <\/div>\n            <div class=\"metier-card metier-artisanat\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/serigraphie2.jpg\" alt=\"S\u00e9rigraphe\" class=\"vignette-metier\">\n                <h3>S\u00e9rigraphe<\/h3>\n                <p>Imprime sur supports vari\u00e9s avec des techniques artisanales.<\/p>\n                <a href=\"#\" class=\"wp-block-button__link\">Voir la vid\u00e9o immersive<\/a>\n            <\/div>\n            <div class=\"metier-card metier-artisanat\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/Metiers\/Ceramiste.jpg\" alt=\"C\u00e9ramiste\" class=\"vignette-metier\">\n                <h3>C\u00e9ramiste<\/h3>\n                <p>Cr\u00e9e des objets en argile, \u00e9maill\u00e9s et cuits au four.<\/p>\n                <a href=\"#\" class=\"wp-block-button__link\">Voir la vid\u00e9o immersive<\/a>\n            <\/div>\n        <\/div>\n    <\/details>\n<\/section>\n\n\n\n<div class=\"cta-orientation\">\n  <h3>Un m\u00e9tier vous attire ?<\/h3>\n  <p>D\u00e9couvrez notre accompagnement personnalis\u00e9 pour vous aider \u00e0 tracer votre parcours.<\/p>\n  <a href=\"\/orientation_formation\" class=\"cta-button\">D\u00e9couvrir l&rsquo;accompagnement<\/a>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-palette-color-16-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:80px;padding-bottom:80px;background-image:url(&apos;https:\/\/www.formagraph-exercice.fr\/imagone\/wp-content\/uploads\/2025\/04\/Elements_graphiques_S1.png&apos;);background-size:cover;\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-27ef479\" id=\"ne-vision\" data-block-id=\"27ef479\"><style>.stk-27ef479 .stk-block-heading__bottom-line{background-color:var(--theme-palette-color-4, #a13e8a) !important;margin-top:12px !important;margin-left:auto !important;margin-right:auto !important;}.stk-27ef479 .stk-block-heading__text{color:var(--theme-palette-color-15, #dccda1) !important;}<\/style><h2 class=\"stk-block-heading__text has-text-color has-text-align-center\">\ud83c\udfa5 Plong\u00e9e immersive dans les m\u00e9tiers qui recrutent<\/h2><div class=\"stk-block-heading__bottom-line\"><\/div><\/div>\n\n\n\n<section class=\"plongee-immersive-section\">\n  <div class=\"video-grid\">\n\n    <!-- Technicien de maintenance industrielle -->\n    <div class=\"video-card\" id=\"video-technicien\">\n      <div class=\"video-popup-trigger\" data-video=\"https:\/\/www.youtube.com\/embed\/RlgA9EpDTJY\">\n        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/RlgA9EpDTJY\/hqdefault.jpg\" alt=\"Technicien\u00b7ne de maintenance industrielle\">\n        <span class=\"play-icon\">\u25b6<\/span>\n      <\/div>\n      <h3>Technicien\u00b7ne de maintenance industrielle<\/h3>\n    <\/div>\n\n    <!-- Ma\u00e7on\u00b7ne -->\n    <div class=\"video-card\" id=\"video-macon\">\n      <div class=\"video-popup-trigger\" data-video=\"https:\/\/www.youtube.com\/embed\/D0dtxQsQw5o\">\n        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/D0dtxQsQw5o\/hqdefault.jpg\" alt=\"Ma\u00e7on\u00b7ne\">\n        <span class=\"play-icon\">\u25b6<\/span>\n      <\/div>\n      <h3>Ma\u00e7on\u00b7ne<\/h3>\n    <\/div>\n\n    <!-- Chef\u00b7fe de chantier -->\n    <div class=\"video-card\" id=\"video-chantier\">\n      <div class=\"video-popup-trigger\" data-video=\"https:\/\/www.youtube.com\/embed\/5hhWIRmV45E\">\n        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/5hhWIRmV45E\/hqdefault.jpg\" alt=\"Chef\u00b7fe de chantier\">\n        <span class=\"play-icon\">\u25b6<\/span>\n      <\/div>\n      <h3>Chef\u00b7fe de chantier<\/h3>\n    <\/div>\n\n    <!-- Vigneron\u00b7ne -->\n    <div class=\"video-card\" id=\"video-vigneron\">\n      <div class=\"video-popup-trigger\" data-video=\"https:\/\/www.youtube.com\/embed\/vOTeqJer8is\">\n        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/vOTeqJer8is\/hqdefault.jpg\" alt=\"Vigneron\u00b7ne\">\n        <span class=\"play-icon\">\u25b6<\/span>\n      <\/div>\n      <h3>Vigneron\u00b7ne<\/h3>\n    <\/div>\n\n  <\/div>\n\n  <!-- Modal Video Container -->\n  <div id=\"videoModal\" class=\"video-modal\">\n    <div class=\"video-modal-content\">\n      <span class=\"video-modal-close\">&times;<\/span>\n      <iframe id=\"videoFrame\" src=\"\" frameborder=\"0\" allowfullscreen allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen\"><\/iframe>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .video-popup-trigger {\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    border-radius: 12px;\n  }\n\n  .video-popup-trigger img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 12px;\n  }\n\n  .play-icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 3rem;\n    color: white;\n    background: rgba(0, 0, 0, 0.6);\n    padding: 0.4em 0.6em;\n    border-radius: 50%;\n    pointer-events: none;\n    transition: background 0.3s ease;\n  }\n\n  .video-popup-trigger:hover .play-icon {\n    background: rgba(0, 0, 0, 0.8);\n  }\n\n  .video-modal {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100vw;\n    height: 100vh;\n    background-color: rgba(0, 0, 0, 0.8);\n  }\n\n  .video-modal-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 90%;\n    max-width: 960px;\n    aspect-ratio: 16\/9;\n    background: #000;\n  }\n\n  .video-modal-content iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n  }\n\n  .video-modal-close {\n    position: absolute;\n    top: -40px;\n    right: 0;\n    font-size: 2rem;\n    color: #fff;\n    cursor: pointer;\n  }\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const triggers = document.querySelectorAll(\".video-popup-trigger\");\n    const modal = document.getElementById(\"videoModal\");\n    const iframe = document.getElementById(\"videoFrame\");\n    const closeBtn = document.querySelector(\".video-modal-close\");\n\n    triggers.forEach(trigger => {\n      trigger.addEventListener(\"click\", function () {\n        const videoUrl = this.getAttribute(\"data-video\") + \"?autoplay=1\";\n        iframe.src = videoUrl;\n        modal.style.display = \"block\";\n      });\n    });\n\n    closeBtn.addEventListener(\"click\", function () {\n      modal.style.display = \"none\";\n      iframe.src = \"\";\n    });\n\n    window.addEventListener(\"click\", function (e) {\n      if (e.target === modal) {\n        modal.style.display = \"none\";\n        iframe.src = \"\";\n      }\n    });\n  });\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-palette-color-15-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:80px;padding-bottom:80px\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-51a46ad\" id=\"p\" data-block-id=\"51a46ad\"><style>.stk-51a46ad .stk-block-heading__bottom-line{background-color:var(--theme-palette-color-4, #a13e8a) !important;margin-top:12px !important;margin-left:auto !important;margin-right:auto !important;}.stk-51a46ad .stk-block-heading__text{color:var(--theme-palette-color-7, #001f32) !important;}<\/style><h2 class=\"stk-block-heading__text has-text-color has-text-align-center\">Pr\u00eat.e \u00e0 explorer votre futur m\u00e9tier ?<\/h2><div class=\"stk-block-heading__bottom-line\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-daf2f1e\" data-block-id=\"daf2f1e\"><style>.stk-daf2f1e .stk-block-text__text{color:var(--theme-palette-color-7, #001f32) !important;}<\/style><p class=\"stk-block-text__text has-text-color has-text-align-center\">Besoin d\u2019un accompagnement personnalis\u00e9, d\u2019un atelier immersif ou d\u2019un \u00e9change avec nos \u00e9quipes ?<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-b77fce5\" data-block-id=\"b77fce5\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-731fc3c\" data-block-id=\"731fc3c\"><style>.stk-731fc3c .stk-button__inner-text{line-height:1.1em !important;}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-booking-calendar\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"stk-button__inner-text\">Prenez rendez-vous avec<br> IMAGONE<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-palette-color-7-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:60px;padding-bottom:60px\">  \n  \n  <div class=\"\n    mailpoet_form_popup_overlay\n      \"><\/div>\n  <div\n    id=\"mailpoet_form_2\"\n    class=\"\n      mailpoet_form\n      mailpoet_form_shortcode\n      mailpoet_form_position_\n      mailpoet_form_animation_\n    \"\n      >\n\n    <style type=\"text\/css\">\n     #mailpoet_form_2 .mailpoet_form { width: 100%; max-width: 600px; margin: 0 auto; text-align: center; padding: 2rem; }\n#mailpoet_form_2 .mailpoet_text, #mailpoet_form_2 .mailpoet_submit { font-family: \"Nunito Sans\",sans-serif; font-size: 1.125rem; }\n#mailpoet_form_2 .mailpoet_text { width: 100%; padding: 1rem; margin-bottom: 1rem; border-radius: 8px; border: 1px solid var(--color-light-gray); }\n#mailpoet_form_2 .mailpoet_submit input { background-color: var(--color-medium-green); color: white; padding: 1rem 2rem; border-radius: 12px; font-weight: 600; transition: background-color .3s ease; cursor: pointer; }\n#mailpoet_form_2 .mailpoet_submit input:hover { background-color: var(--color-dark-orange); }#mailpoet_form_2{border-radius: 0px;text-align: left;}#mailpoet_form_2 form.mailpoet_form {padding: 20px;}#mailpoet_form_2{width: 100%;}#mailpoet_form_2 .mailpoet_message {margin: 0; padding: 0 20px;}#mailpoet_form_2 .mailpoet_paragraph.last {margin-bottom: 0} @media (max-width: 500px) {#mailpoet_form_2 {background-image: none;}} @media (min-width: 500px) {#mailpoet_form_2 .last .mailpoet_paragraph:last-child {margin-bottom: 0}}  @media (max-width: 500px) {#mailpoet_form_2 .mailpoet_form_column:last-child .mailpoet_paragraph:last-child {margin-bottom: 0}} \n    <\/style>\n\n    <form\n      target=\"_self\"\n      method=\"post\"\n      action=\"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-admin\/admin-post.php?action=mailpoet_subscription_form\"\n      class=\"mailpoet_form mailpoet_form_form mailpoet_form_shortcode\"\n      novalidate\n      data-delay=\"\"\n      data-exit-intent-enabled=\"\"\n      data-trigger-mode=\"\"\n      data-click-trigger-selector=\"\"\n      data-font-family=\"\"\n      data-cookie-expiration-time=\"\"\n    >\n      <input type=\"hidden\" name=\"data[form_id]\" value=\"2\" \/>\n      <input type=\"hidden\" name=\"token\" value=\"be0edd9c6f\" \/>\n      <input type=\"hidden\" name=\"api_version\" value=\"v1\" \/>\n      <input type=\"hidden\" name=\"endpoint\" value=\"subscribers\" \/>\n      <input type=\"hidden\" name=\"mailpoet_method\" value=\"subscribe\" \/>\n\n      <label class=\"mailpoet_hp_email_label\" style=\"display: none !important;\">Veuillez laisser ce champ vide<input type=\"email\" name=\"data[email]\"\/><\/label><div class='mailpoet_form_columns_container'><div class=\"mailpoet_form_columns mailpoet_paragraph mailpoet_vertically_align_center mailpoet_stack_on_mobile\" style=\"padding:0px 0px 0px 0px;\"><div class=\"mailpoet_form_column mailpoet_vertically_align_center\"><h2 class=\"mailpoet-heading  mailpoet-has-font-size\" style=\"text-align: center; color: #ffffff; font-size: 20px\">Recevez les actus chaque mois<\/h2>\n<div class=\"mailpoet_paragraph \"><input type=\"email\" autocomplete=\"email\" class=\"mailpoet_text\" id=\"form_email_2\" name=\"data[form_field_YzQ2NDc2N2RmZDY5X2VtYWls]\" title=\"Adresse e-mail\" value=\"\" style=\"width:100%;box-sizing:border-box;background-color:#ffffff;border-style:solid;border-radius:0px !important;border-width:1px;border-color:#313131;padding:5px;margin: 0 auto 0 0;\" data-automation-id=\"form_email\"  placeholder=\"Adresse e-mail *\" aria-label=\"Adresse e-mail *\" data-parsley-errors-container=\".mailpoet_error_16n64\" data-parsley-required=\"true\" required aria-required=\"true\" data-parsley-minlength=\"6\" data-parsley-maxlength=\"150\" data-parsley-type-message=\"Cette valeur doit \u00eatre un e-mail valide.\" data-parsley-required-message=\"Ce champ est n\u00e9cessaire.\"\/><span class=\"mailpoet_error_16n64\"><\/span><\/div>\n<p class=\"mailpoet_form_paragraph  mailpoet-has-font-size\" style=\"text-align: center; color: #abb8c3; font-size: 14px\">En soumettant ce formulaire, vous acceptez que vos donn\u00e9es soient utilis\u00e9es uniquement pour r\u00e9pondre \u00e0 votre demande ou vous envoyer les actualit\u00e9s d\u2019IMAGONE.&nbsp;&nbsp;<\/p>\n<p class=\"mailpoet_form_paragraph \" style=\"text-align: center\">Vous pouvez vous d\u00e9sinscrire \u00e0 tout moment.&nbsp;&nbsp;<\/p>\n<p class=\"mailpoet_form_paragraph  mailpoet-has-font-size\" style=\"text-align: center; color: #abb8c3; font-size: 14px\"><a href=\"https:\/\/www.formagraph-exercice.fr\/imagone\/protection-des-donnees\/\" data-type=\"page\" data-id=\"763\">[Voir notre politique de confidentialit\u00e9](\/protection-des-donnees)<\/a><\/p>\n<div class=\"mailpoet_paragraph \"><input type=\"submit\" class=\"mailpoet_submit\" value=\"Je m\u2019abonne\u00a0!\" data-automation-id=\"subscribe-submit-button\" style=\"width:100%;box-sizing:border-box;padding:5px;margin: 0 auto 0 0;border-color:transparent;\" \/><span class=\"mailpoet_form_loading\"><span class=\"mailpoet_bounce1\"><\/span><span class=\"mailpoet_bounce2\"><\/span><span class=\"mailpoet_bounce3\"><\/span><\/span><\/div>\n<\/div>\n<\/div><\/div>\n\n      <div class=\"mailpoet_message\">\n        <p class=\"mailpoet_validate_success\"\n                style=\"display:none;\"\n                >V\u00e9rifiez votre boite de r\u00e9ception ou votre r\u00e9pertoire d\u2019ind\u00e9sirables pour confirmer votre abonnement.\n        <\/p>\n        <p class=\"mailpoet_validate_error\"\n                style=\"display:none;\"\n                >        <\/p>\n      <\/div>\n    <\/form>\n\n      <\/div>\n\n  \n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Choisissez un secteur \u00e0 d\u00e9couvrir Chaque univers professionnel regorge de savoir-faire, de gestes rares, et d\u2019histoires humaines.&nbsp;Un exemple frappant : Gu\u00e9delon : ils construisent un chateau fort Que vous soyez curieux\u00b7se, en reconversion, ou en qu\u00eate de sens : commencez votre immersion ici et d\u00e9couvrez les m\u00e9tiers d&rsquo;une mani\u00e8re diff\u00e9rente : \u00ab\u00a0loin des fiches mais [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-1290","page","type-page","status-publish","hentry"],"blocksy_meta":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"mailpoet_newsletter_max":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/www.formagraph-exercice.fr\/imagone\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Choisissez un secteur \u00e0 d\u00e9couvrir Chaque univers professionnel regorge de savoir-faire, de gestes rares, et d\u2019histoires humaines.&nbsp;Un exemple frappant : Gu\u00e9delon : ils construisent un chateau fort Que vous soyez curieux\u00b7se, en reconversion, ou en qu\u00eate de sens : commencez votre immersion ici et d\u00e9couvrez les m\u00e9tiers d&rsquo;une mani\u00e8re diff\u00e9rente : \u00ab\u00a0loin des fiches mais\u2026","_links":{"self":[{"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/pages\/1290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/comments?post=1290"}],"version-history":[{"count":0,"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/pages\/1290\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/media?parent=1290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}