{"id":2617,"date":"2025-04-29T14:57:17","date_gmt":"2025-04-29T12:57:17","guid":{"rendered":"https:\/\/imagone.local\/?p=2617"},"modified":"2025-05-23T09:33:32","modified_gmt":"2025-05-23T07:33:32","slug":"2617-2","status":"publish","type":"post","link":"https:\/\/www.formagraph-exercice.fr\/imagone\/2617-2\/","title":{"rendered":"Le cin\u00e9-bus IMAGONE &#8211; Outil innovant d\u2019orientation"},"content":{"rendered":"\n<section class=\"wp-block-group alignfull hero-section is-layout-constrained wp-container-core-group-is-layout-d51f8806 wp-block-group-is-layout-constrained has-background\" style=\"min-height:20rem;margin-top:0;margin-bottom:0;padding-top:80px;padding-right:0;padding-bottom:80px;padding-left:0;background-image:url(&apos;https:\/\/www.formagraph-exercice.fr\/imagone\/wp-content\/uploads\/2025\/05\/Mockup-bus.png&apos;);background-position:57.99999999999999% 83%;background-size:cover;\">\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-bfdcc56\" data-block-id=\"bfdcc56\"><style>.stk-bfdcc56 {min-height:60vh !important;align-items:center !important;padding-top:80px !important;padding-bottom:80px !important;margin-bottom:50px !important;display:flex !important;}.stk-bfdcc56 > .stk-separator__bottom svg{fill:var(--theme-palette-color-16, #1C3F66) !important;filter:none !important;}.stk-bfdcc56 > .stk-separator__bottom .stk-separator__wrapper{height:36px !important;}@media screen and (max-width:999px){.stk-bfdcc56 {padding-top:200px !important;padding-bottom:140px !important;}}@media screen and (max-width:689px){.stk-bfdcc56 {padding-top:170px !important;padding-bottom:100px !important;}}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center-mobile stk-block-content stk-content-align stk-bfdcc56-column alignwide\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-69e1cc9\" data-v=\"4\" data-block-id=\"69e1cc9\"><style>.stk-69e1cc9-container{margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-69e1cc9-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-69e1cc9-inner-blocks\">\n<div class=\"wp-block-stackable-heading alignwide stk-block-heading stk-block-heading--v2 stk-block stk-10c3cf1\" id=\"p\" data-block-id=\"10c3cf1\"><style>.stk-10c3cf1 {margin-bottom:-1px !important;}.stk-10c3cf1 .stk-block-heading__text{font-size:4rem !important;color:var(--theme-palette-color-15, #dccda1) !important;line-height:1.4em !important;text-transform:uppercase !important;}@media screen and (max-width:999px){.stk-10c3cf1 .stk-block-heading__text{font-size:40px !important;}}@media screen and (max-width:689px){.stk-10c3cf1 .stk-block-heading__text{font-size:30px !important;}}<\/style><h1 class=\"stk-block-heading__text has-text-color has-palette-color-8-color has-text-align-center\">Le cin\u00e9-bus IMAGONE : <br>un outil d&rsquo;orientation immersive en mouvement<\/h1><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-fb65d44\" data-block-id=\"fb65d44\"><style>.stk-fb65d44 {margin-top:30px !important;margin-bottom:30px !important;top:-9px !important;opacity:0.8 !important;}.stk-fb65d44 .stk-block-text__text{font-size:25px !important;color:var(--theme-palette-color-8, #ffffff) !important;line-height:1.3em !important;}@media screen and (max-width:999px){.stk-fb65d44 .stk-block-text__text{font-size:25px !important;}}<\/style><p class=\"stk-block-text__text has-text-color has-palette-color-8-color has-text-align-center\">En 2026, IMAGONE part sur les routes avec un projet itin\u00e9rant unique pour r\u00e9v\u00e9ler les m\u00e9tiers au coeur des territoires.<\/p><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><\/p>\n<\/blockquote>\n\n\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/section>\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=\"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=\"br-strong-br-strong-le-cine-bus-imagone-strong-strong-br-strong-strong-lorientation-et-la-decouverte-des-metiers-au-plus-proche-de-vous-strong-strong\" 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:0px !important;}.stk-5081ceb .stk-block-heading__text{color:var(--theme-palette-color-15, #dccda1) !important;line-height:1.2em !important;}<\/style><h2 class=\"stk-block-heading__text has-text-color has-text-align-center\"><br><strong><br><strong>Le cin\u00e9-bus IMAGONE : <\/strong><\/strong><br><strong><strong>l&rsquo;orientation et la d\u00e9couverte des m\u00e9tiers au plus proche de vous<\/strong><\/strong><\/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-d7fa2ad\" data-block-id=\"d7fa2ad\"><style>.stk-d7fa2ad {align-items:center !important;max-width:800px !important;min-width:auto !important;padding-top:60px !important;padding-bottom:60px !important;margin-right:auto !important;margin-left:auto !important;display:flex !important;}<\/style><p class=\"stk-block-text__text has-text-align-center\">L\u2019orientation reste in\u00e9galitaire et difficile d\u2019acc\u00e8s, notamment dans les zones rurales, p\u00e9riurbaines ou pour les publics isol\u00e9s.<br><br>Le cin\u00e9-bus IMAGONE est une r\u00e9ponse concr\u00e8te et immersive \u00e0 ce constat.<br>Ce v\u00e9hicule transform\u00e9 en espace d\u2019orientation mobile permettra de projeter des films m\u00e9tiers, d\u2019accueillir des ateliers, et de proposer des exp\u00e9riences sensorielles autour des m\u00e9tiers.<\/p><\/div>\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 {margin-bottom:60px !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\"><strong>Ce que le cin\u00e9-bus proposera<\/strong><\/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-feef5c0\" data-block-id=\"feef5c0\"><style>.stk-feef5c0 {margin-bottom:38px !important;}.stk-feef5c0 .stk-block-text__text{color:var(--theme-palette-color-7, #001f32) !important;}<\/style><p class=\"stk-block-text__text has-text-color\"><strong>Et si l\u2019orientation ne se limitait plus aux salons fig\u00e9s ou aux brochures impersonnelles ?<\/strong><\/p><\/div>\n\n\n\n<ul class=\"wp-block-list has-palette-color-7-color has-text-color has-link-color wp-elements-32130da044c2193a75f8a2d378f2e541\">\n<li class=\"has-palette-color-7-color has-text-color has-link-color wp-elements-2b4e33c5738cb9f7a643bbe674cc163d\">\ud83c\udfa5 Projections immersives m\u00e9tiers<\/li>\n\n\n\n<li class=\"has-palette-color-7-color has-text-color has-link-color wp-elements-650ba655c882e469899fdbef6239ca78\">\ud83e\uddd1\u200d\ud83c\udfed Portraits de professionnels<\/li>\n\n\n\n<li class=\"has-palette-color-7-color has-text-color has-link-color wp-elements-17f725a4f862d2b2cfa508ffc9ed0b96\">\ud83e\uddf0 Ateliers de d\u00e9couverte et manipulations<\/li>\n\n\n\n<li class=\"has-palette-color-7-color has-text-color has-link-color wp-elements-264038ab096af8ca2f6325129f923aa1\">\ud83c\udfa4 T\u00e9moignages en vid\u00e9o<\/li>\n\n\n\n<li class=\"has-palette-color-7-color has-text-color has-link-color wp-elements-d272a1f31dffe26f38d3e20f6b6146d4\">\ud83d\udcf8 Studio photo mobile pour valoriser les savoir-faire<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-6d19a44\" data-block-id=\"6d19a44\"><style>.stk-6d19a44 .stk-block-text__text{color:var(--theme-palette-color-7, #001f32) !important;}<\/style><p class=\"stk-block-text__text has-text-color\">Pens\u00e9 comme un&nbsp;<strong>laboratoire itin\u00e9rant de d\u00e9couverte des m\u00e9tiers<\/strong>, ce bus pas comme les autres ira au contact des jeunes, des publics en reconversion et des territoires parfois oubli\u00e9s des dispositifs classiques. \u00c0 son bord : projections inspirantes, ateliers immersifs, r\u00e9alit\u00e9 virtuelle, portraits de professionnels, espace de parole.<\/p><\/div>\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=\"strong-publics-concernes-strong\" 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 {margin-bottom:60px !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\"><strong>Publics concern\u00e9s<\/strong><\/h2><div class=\"stk-block-heading__bottom-line\"><\/div><\/div>\n\n\n\n<ul class=\"wp-block-list has-palette-color-7-color has-text-color has-link-color wp-elements-2f64d5408417cfe9d5c01580c0a30080\">\n<li class=\"has-palette-color-7-color has-text-color has-link-color wp-elements-e94af833db37c8202198f94b030fcf98\">Jeunes sans solution ou \u00e9loign\u00e9s de l\u2019offre<\/li>\n\n\n\n<li class=\"has-palette-color-7-color has-text-color has-link-color wp-elements-19d431950d49cc03748f619bac6fe572\">Adultes en insertion ou reconversion<\/li>\n\n\n\n<li class=\"has-palette-color-7-color has-text-color has-link-color wp-elements-461963300e04fb7547aba7fb3cc601c1\">Collectivit\u00e9s, structures \u00e9ducatives, missions locales<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"has-text-align-center has-palette-color-3-color has-text-color has-link-color wp-elements-1793e9d1587cd6e9d97de33d68c1afe3\"><strong><em><em>le bus s\u2019adapte \u00e0 tous les contextes locaux avec une approche \u201chors les murs\u201d.<\/em><\/em><\/strong><\/p>\n<\/blockquote>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-palette-color-3-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-f82fd81\" id=\"br-strong-calendrier-previsionnel-strong\" data-block-id=\"f82fd81\"><style>.stk-f82fd81 .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-f82fd81 {margin-bottom:60px !important;}.stk-f82fd81 .stk-block-heading__text{color:var(--theme-palette-color-15, #dccda1) !important;line-height:1.2em !important;}<\/style><h2 class=\"stk-block-heading__text has-text-color has-text-align-center\"><br><strong>Calendrier pr\u00e9visionnel<\/strong><\/h2><div class=\"stk-block-heading__bottom-line\"><\/div><\/div>\n\n\n\n<style>\n  \/* === AFFICHAGE PAR D\u00c9FAUT === *\/\n  .timeline-desktop {\n    display: block;\n  }\n  .timeline-mobile {\n    display: none;\n  }\n\n  \/* === BASCULE \u00c0 1024px === *\/\n  @media (max-width: 1024px) {\n    .timeline-desktop {\n      display: none !important;\n    }\n    .timeline-mobile {\n      display: block !important;\n    }\n  }\n\n  \/* === FADE-IN === *\/\n  .fade-in {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n  }\n\n  .fade-in.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* === TIMELINE MOBILE === *\/\n  .timeline-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 2rem;\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 2rem 1rem;\n  }\n\n  .timeline-step {\n    background: white;\n    border-radius: 12px;\n    padding: 1rem 1.5rem;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    position: relative;\n    border-left: 6px solid #5AA337;\n    color: #08293C;\n  }\n\n  .timeline-step::before {\n    content: attr(data-year);\n    position: absolute;\n    left: -3.5rem;\n    top: 50%;\n    transform: translateY(-50%);\n    font-weight: bold;\n    background: #5AA337;\n    color: white;\n    border-radius: 8px;\n    padding: 0.3rem 0.8rem;\n    font-size: 0.9rem;\n    white-space: nowrap;\n  }\n\n  .timeline-step h3 {\n    margin: 0;\n    font-family: 'TT Travels Next', sans-serif;\n    font-size: 1.2rem;\n    color: #08293C;\n  }\n\n  @media (max-width: 480px) {\n    .timeline-step::before {\n      position: static;\n      transform: none;\n      margin-bottom: 0.5rem;\n      display: inline-block;\n    }\n    .timeline-step {\n      border-left: none;\n      border-top: 4px solid #5AA337;\n    }\n  }\n\n  \/* === TIMELINE DESKTOP === *\/\n  .itineraire-card {\n    border-radius: 20px;\n    box-shadow: 0 6px 20px rgba(0,0,0,0.08);\n    padding: 50px 30px;\n    max-width: 1280px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n\n  .box-timline {\n    width: 100%;\n    position: relative;\n    padding: 80px 0 200px 0;\n  }\n\n  .ligne {\n    height: 700px;\n    width: 8px;\n    position: relative;\n    margin: 0 auto;\n    background: #333;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .r1 { top: 200px; }\n  .r2 { top: 329px; }\n  .r3 { top: 458px; }\n\n  .box {\n    width: 400px;\n    min-height: 100px;\n    padding: 10px;\n    border-radius: 3px;\n    height: auto;\n    box-shadow: 0 10px 15px rgba(0,0,0,0.5);\n    position: absolute;\n    left: 50%;\n    transform: translate(-50%);\n    background: white;\n    color: #08293C;\n  }\n\n  .b1 { top: 200px; left: calc(50% - 270px); }\n  .b2 { top: 329px; left: calc(50% + 270px); }\n  .b3 { top: 458px; left: calc(50% - 270px); }\n\n  .box h3 {\n    font-size: 20px;\n    font-family: 'TT Travels Next', sans-serif;\n    color: #08293C;\n  }\n\n  .box p {\n    font-size: 18px;\n    margin: 10px 0 20px 0;\n    color: #08293C;\n  }\n\n  .circle-f {\n    width: 24px;\n    height: 24px;\n    background: #5AA337;\n    border-radius: 50%;\n    border: 4px solid white;\n    left: 50%;\n    position: absolute;\n    transform: translate(-50%);\n  }\n<\/style>\n\n<!-- === SCRIPT FADE-IN === -->\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.1 });\n\n    document.querySelectorAll('.fade-in').forEach(elem => {\n      observer.observe(elem);\n    });\n  });\n<\/script>\n\n<!-- === AFFICHAGE TIMELINE === -->\n\n<!-- VERSION DESKTOP -->\n<div class=\"timeline-desktop\">\n  <div class=\"itineraire-card\">\n    <div class=\"box-timline\">\n      <div class=\"ligne\">\n        <div class=\"circle-f r1\"><\/div>\n        <div class=\"circle-f r2\"><\/div>\n        <div class=\"circle-f r3\"><\/div>\n      <\/div>\n\n      <div class=\"box b1\">\n        <h3>2025<\/h3>\n        <p>Conception, maquette, recherche de partenaires<\/p>\n      <\/div>\n      <div class=\"box b2\">\n        <h3>2026<\/h3>\n        <p>Premi\u00e8res tourn\u00e9es test<\/p>\n      <\/div>\n      <div class=\"box b3\">\n        <h3>2027<\/h3>\n        <p>G\u00e9n\u00e9ralisation nationale ou r\u00e9gionale (selon financement)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- VERSION MOBILE -->\n<div class=\"timeline-mobile\">\n  <div class=\"timeline-wrapper\">\n    <div class=\"timeline-step fade-in\" data-year=\"2025\">\n      <h3>Conception, maquette, recherche de partenaires<\/h3>\n    <\/div>\n    <div class=\"timeline-step fade-in\" data-year=\"2026\">\n      <h3>Premi\u00e8res tourn\u00e9es test<\/h3>\n    <\/div>\n    <div class=\"timeline-step fade-in\" data-year=\"2027\">\n      <h3>G\u00e9n\u00e9ralisation nationale ou r\u00e9gionale (selon financement)<\/h3>\n    <\/div>\n  <\/div>\n<\/div>\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-a6178bb\" id=\"strong-appel-a-collaboration-soutien-strong\" data-block-id=\"a6178bb\"><style>.stk-a6178bb .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-a6178bb .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\"><strong>Appel \u00e0 collaboration \/ soutien<\/strong><\/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\">Vous souhaitez accueillir le cin\u00e9-bus dans votre structure ? Soutenir son lancement ? Collaborer \u00e0 sa conception ?<\/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\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/www.formagraph-exercice.fr\/imagone\/contact\/\"><span class=\"stk-button__inner-text\">Contactez IMAGONE d\u00e8s maintenant<\/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_m7yjs\" 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_m7yjs\"><\/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>Le cin\u00e9-bus IMAGONE : un outil d&rsquo;orientation immersive en mouvement En 2026, IMAGONE part sur les routes avec un projet itin\u00e9rant unique pour r\u00e9v\u00e9ler les m\u00e9tiers au coeur des territoires. Le cin\u00e9-bus IMAGONE : l&rsquo;orientation et la d\u00e9couverte des m\u00e9tiers au plus proche de vous L\u2019orientation reste in\u00e9galitaire et difficile d\u2019acc\u00e8s, notamment dans les zones [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-2617","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"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":"Le cin\u00e9-bus IMAGONE : un outil d&rsquo;orientation immersive en mouvement En 2026, IMAGONE part sur les routes avec un projet itin\u00e9rant unique pour r\u00e9v\u00e9ler les m\u00e9tiers au coeur des territoires. Le cin\u00e9-bus IMAGONE : l&rsquo;orientation et la d\u00e9couverte des m\u00e9tiers au plus proche de vous L\u2019orientation reste in\u00e9galitaire et difficile d\u2019acc\u00e8s, notamment dans les zones\u2026","_links":{"self":[{"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/posts\/2617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/types\/post"}],"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=2617"}],"version-history":[{"count":0,"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/posts\/2617\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/media?parent=2617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/categories?post=2617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.formagraph-exercice.fr\/imagone\/wp-json\/wp\/v2\/tags?post=2617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}