{"id":175,"date":"2026-09-18T16:47:38","date_gmt":"2026-09-18T16:47:38","guid":{"rendered":"https:\/\/astridhosselet.fr\/?page_id=175"},"modified":"2026-09-21T17:10:47","modified_gmt":"2026-09-21T17:10:47","slug":"accueil","status":"publish","type":"page","link":"https:\/\/astridhosselet.fr\/","title":{"rendered":"&#8211;"},"content":{"rendered":"\n<p class=\"has-text-align-center has-text-color has-link-color has-barrio-font-family wp-elements-1 wp-block-paragraph\" style=\"color:#1a18af;font-size:clamp(2.587rem, 2.587rem + ((1vw - 0.2rem) * 3.855), 4.9rem);\">L&rsquo;art de mettre en lumi\u00e8re ce qui est laiss\u00e9 dans l&rsquo;ombre<\/p>\n\n\n\n<section class=\"ob-bandeau\">\n\n  <!-- Zones invisibles qui captent le survol sur toute la largeur -->\n  <div class=\"ob-zones\" aria-hidden=\"true\">\n    <div class=\"ob-c ob-c1\"><div class=\"ob-r ob-r1\"><\/div><div class=\"ob-r ob-r2\"><\/div><div class=\"ob-r ob-r3\"><\/div><\/div>\n    <div class=\"ob-c ob-c2\"><div class=\"ob-r ob-r1\"><\/div><div class=\"ob-r ob-r2\"><\/div><div class=\"ob-r ob-r3\"><\/div><\/div>\n    <div class=\"ob-c ob-c3\"><div class=\"ob-r ob-r1\"><\/div><div class=\"ob-r ob-r2\"><\/div><div class=\"ob-r ob-r3\"><\/div><\/div>\n    <div class=\"ob-c ob-c4\"><div class=\"ob-r ob-r1\"><\/div><div class=\"ob-r ob-r2\"><\/div><div class=\"ob-r ob-r3\"><\/div><\/div>\n    <div class=\"ob-c ob-c5\"><div class=\"ob-r ob-r1\"><\/div><div class=\"ob-r ob-r2\"><\/div><div class=\"ob-r ob-r3\"><\/div><\/div>\n    <div class=\"ob-c ob-c6\"><div class=\"ob-r ob-r1\"><\/div><div class=\"ob-r ob-r2\"><\/div><div class=\"ob-r ob-r3\"><\/div><\/div>\n    <div class=\"ob-c ob-c7\"><div class=\"ob-r ob-r1\"><\/div><div class=\"ob-r ob-r2\"><\/div><div class=\"ob-r ob-r3\"><\/div><\/div>\n  <\/div>\n\n  <div class=\"ob-disque\">\n    <svg viewBox=\"0 0 853.98 938.35\" aria-hidden=\"true\" focusable=\"false\">\n      <!-- La pupille, dessin\u00e9e AVANT la t\u00eate : la paupi\u00e8re la masque -->\n      <g class=\"ob-iris\">\n        <path class=\"ob-bleu\" d=\"M422.59,360.35c-57.88-.08-104.87,46.77-104.95,104.65-.08,57.88,46.77,104.87,104.65,104.95,57.88.08,104.87-46.77,104.96-104.65.08-57.88-46.77-104.87-104.65-104.95Z\"\/>\n      <\/g>\n      <!-- La t\u00eate, avec l'amande de l'\u0153il perc\u00e9e dedans -->\n      <path class=\"ob-bleu\" d=\"M381.2,6.83C-100.34,78.35,11.17,640.18,11.17,640.18c95.75,369.24,464.93,313.61,641.54,257.7,176.61-55.91,201.25-449.05,201.25-449.05,0,0,8.77-513.52-472.77-442ZM648.88,475.48l-2.19,2.19c-30.16,30.07-65.31,53.34-104.47,69.15-37.82,15.27-77.78,22.99-118.75,22.93-40.97-.06-80.9-7.89-118.68-23.27-39.12-15.93-74.2-39.3-104.27-69.46l-2.19-2.19c-3.53-3.54-3.52-9.26.02-12.78l2.19-2.19c30.16-30.07,65.31-53.34,104.47-69.15,37.82-15.27,77.78-22.99,118.75-22.93,40.97.06,80.9,7.89,118.68,23.28,39.12,15.93,74.2,39.3,104.27,69.46l2.19,2.19c3.53,3.54,3.52,9.26-.02,12.78Z\"\/>\n    <\/svg>\n\n<\/section>\n\n<style>\n  .ob-bandeau {\n    --ob-bleu: #1a18a7;\n    --ob-jaune: #ffdd5e;\n    --ob-x: 0px;\n    --ob-y: 0px;\n    position: relative;\n    isolation: isolate;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 4vh 0;\n    width: 100%;\n  }\n\n  .ob-zones {\n    position: absolute;\n    inset: 0;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    z-index: 2;\n  }\n  .ob-c { display: grid; grid-template-rows: repeat(3, 1fr); }\n\n  .ob-disque {\n    position: relative;\n    width: min(80vw, 72vh, 640px);\n  }\n  .ob-disque svg { display: block; width: 100%; height: auto; }\n  .ob-bleu { fill: var(--ob-bleu); }\n\n  .ob-bouton {\n    position: absolute;\n    top: 20%;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    background: var(--ob-jaune);\n    color: #000;\n    font-weight: 700;\n    font-size: clamp(1rem, 2.4vw, 1.6rem);\n    line-height: 1.2;\n    padding: .45em .8em;\n    border-radius: 12px;\n    text-decoration: none;\n    white-space: nowrap;\n    transition: transform .25s ease;\n  }\n  .ob-bouton:hover { transform: translateX(-50%) scale(1.05); }\n  .ob-bouton:focus-visible { outline: 3px solid #000; outline-offset: 4px; }\n\n  \/* Le regard : colonnes pour l'horizontale, rang\u00e9es pour la verticale *\/\n  .ob-iris {\n    transform: translate(var(--ob-x), var(--ob-y));\n    transition: transform .45s cubic-bezier(.22,.61,.36,1);\n  }\n  .ob-bandeau:has(.ob-c1:hover) { --ob-x: -78px; }\n  .ob-bandeau:has(.ob-c2:hover) { --ob-x: -52px; }\n  .ob-bandeau:has(.ob-c3:hover) { --ob-x: -26px; }\n  .ob-bandeau:has(.ob-c4:hover) { --ob-x: 0px; }\n  .ob-bandeau:has(.ob-c5:hover) { --ob-x: 26px; }\n  .ob-bandeau:has(.ob-c6:hover) { --ob-x: 52px; }\n  .ob-bandeau:has(.ob-c7:hover) { --ob-x: 78px; }\n  .ob-bandeau:has(.ob-r1:hover) { --ob-y: -18px; }\n  .ob-bandeau:has(.ob-r3:hover) { --ob-y: 18px; }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ob-iris { transition: none; transform: none; }\n    .ob-bouton, .ob-bouton:hover { transition: none; transform: translateX(-50%); }\n  }\n<\/style>\n\n\n\n<div class=\"wp-block-group alignfull has-base-2-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-73128380 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading is-style-default has-x-large-font-size\">PROJETS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mes projets regroupent ces 3 volets <\/p>\n\n\n\n<div data-wp-context=\"{&quot;tabsId&quot;:&quot;tabs_1&quot;,&quot;activeTabIndex&quot;:0}\" data-wp-init=\"callbacks.onTabsInit\" data-wp-interactive=\"core\/tabs\" data-wp-on--keydown=\"actions.handleTabKeyDown\" class=\"wp-block-tabs is-layout-flow wp-block-tabs-is-layout-flow\">\n<div aria-label=\"Contenu par onglets\" role=\"tablist\" class=\"wp-block-tab-list is-layout-flex wp-block-tab-list-is-layout-flex\"><button aria-controls=\"tabs_1-tab-0\" data-wp-bind--aria-selected=\"state.isActiveTab\" data-wp-bind--tabindex=\"state.tabIndexAttribute\" data-wp-context=\"{&quot;tabIndex&quot;:0}\" data-wp-on--click=\"actions.handleTabClick\" data-wp-on--keydown=\"actions.handleTabKeyDown\" id=\"tab__tabs_1-tab-0\" type=\"button\" role=\"tab\">Communication<\/button><button aria-controls=\"tabs_1-tab-1\" data-wp-bind--aria-selected=\"state.isActiveTab\" data-wp-bind--tabindex=\"state.tabIndexAttribute\" data-wp-context=\"{&quot;tabIndex&quot;:1}\" data-wp-on--click=\"actions.handleTabClick\" data-wp-on--keydown=\"actions.handleTabKeyDown\" id=\"tab__tabs_1-tab-1\" type=\"button\" role=\"tab\">Pr\u00e9vention<\/button><button aria-controls=\"tabs_1-tab-2\" data-wp-bind--aria-selected=\"state.isActiveTab\" data-wp-bind--tabindex=\"state.tabIndexAttribute\" data-wp-context=\"{&quot;tabIndex&quot;:2}\" data-wp-on--click=\"actions.handleTabClick\" data-wp-on--keydown=\"actions.handleTabKeyDown\" id=\"tab__tabs_1-tab-2\" type=\"button\" role=\"tab\">Gestion de projet<\/button><\/div>\n\n\n\n<div class=\"wp-block-tab-panels\">\n<section hidden aria-labelledby=\"tab__tabs_1-tab-0\" data-wp-bind--hidden=\"!state.isActiveTab\" id=\"tabs_1-tab-0\" role=\"tabpanel\" tabindex=\"0\" class=\"wp-block-tab-panel is-layout-flow wp-block-tab-panel-is-layout-flow\">\n<p class=\"has-text-align-left wp-block-paragraph\"><\/p>\n<\/section>\n\n\n\n<section hidden aria-labelledby=\"tab__tabs_1-tab-1\" data-wp-bind--hidden=\"!state.isActiveTab\" id=\"tabs_1-tab-1\" role=\"tabpanel\" tabindex=\"0\" class=\"wp-block-tab-panel is-layout-flow wp-block-tab-panel-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Mon engagement a pris tout son sens le jour o\u00f9 j&rsquo;ai int\u00e9gr\u00e9 le secteur de la <strong>promotion de la sant\u00e9<\/strong>. Cette ouverture sur ce domaine a \u00e9t\u00e9 une v\u00e9ritable <strong>r\u00e9v\u00e9lation<\/strong> : <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">J&rsquo;y ai trouv\u00e9 ma place et une profonde coh\u00e9rence avec mes aspirations. Aujourd&rsquo;hui, je suis port\u00e9e par la conviction de pouvoir <strong>exercer un m\u00e9tier qui a un r\u00e9el impact.<\/strong><br><\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div><\/div>\n<\/section>\n\n\n\n<section hidden aria-labelledby=\"tab__tabs_1-tab-2\" data-wp-bind--hidden=\"!state.isActiveTab\" id=\"tabs_1-tab-2\" role=\"tabpanel\" tabindex=\"0\" class=\"wp-block-tab-panel is-layout-flow wp-block-tab-panel-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;art de mettre en lumi\u00e8re ce qui est laiss\u00e9 dans l&rsquo;ombre PROJETS Mes projets regroupent ces 3 volets<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-175","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/astridhosselet.fr\/index.php\/wp-json\/wp\/v2\/pages\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/astridhosselet.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/astridhosselet.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/astridhosselet.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/astridhosselet.fr\/index.php\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":48,"href":"https:\/\/astridhosselet.fr\/index.php\/wp-json\/wp\/v2\/pages\/175\/revisions"}],"predecessor-version":[{"id":275,"href":"https:\/\/astridhosselet.fr\/index.php\/wp-json\/wp\/v2\/pages\/175\/revisions\/275"}],"wp:attachment":[{"href":"https:\/\/astridhosselet.fr\/index.php\/wp-json\/wp\/v2\/media?parent=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}