{"id":633,"date":"2025-09-29T13:45:37","date_gmt":"2025-09-29T13:45:37","guid":{"rendered":"http:\/\/hyperfocale.fr\/?page_id=633"},"modified":"2026-10-12T15:39:36","modified_gmt":"2026-10-12T15:39:36","slug":"accueil","status":"publish","type":"page","link":"https:\/\/hyperfocale.fr\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"hero-lampe\" id=\"heroLampe\">\n  <div class=\"hero-bg-dark\"><\/div>\n  <div class=\"hero-bg-light\" id=\"heroLight\"><\/div>\n  <div class=\"hero-vignette\" aria-hidden=\"true\"><\/div>\n  <div class=\"hero-tex\" aria-hidden=\"true\"><\/div>\n  <div class=\"hero-grain\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"hero-fade\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"hero-content\">\n    <h1 class=\"hero-eyebrow\">Hyperfocale \u00b7 Photographe sport &amp; outdoor<\/h1>\n    <p class=\"hero-subtitle\">\n      <span>Photographie \u00b7<\/span>\n      <span>Direction artistique \u00b7<\/span>\n      <span>Strat\u00e9gie de communication<\/span>\n    <\/p>\n\n    <div class=\"hero-ctas\">\n      <a class=\"hero-btn hero-btn-solid\" href=\"\/index.php\/portfolio\/\"><i aria-hidden=\"true\">\u2192<\/i><span>Voir les projets<\/span><\/a>\n      <a class=\"hero-btn hero-btn-link\" href=\"https:\/\/calendly.com\/eliottmoura\/30min\" target=\"_blank\" rel=\"noopener\"><span>R\u00e9server un appel de 15 min<\/span><\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .hero-lampe {\n    --hl-red: #C0281A;\n    --hl-orange: #E8920A;\n    position: relative;\n    box-sizing: border-box;\n    aspect-ratio: 3 \/ 2;\n    max-height: 78svh;\n    min-height: 500px;\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n    background-color: #050505;\n    overflow: hidden;\n    display: flex;\n    align-items: flex-end;\n    justify-content: flex-start;\n    text-align: left;\n    cursor: crosshair;\n    font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;\n  }\n  .hero-lampe a,\n  .hero-lampe a:hover,\n  .hero-lampe a:focus,\n  .hero-lampe a span { text-decoration: none !important; }\n\n  .hero-bg-dark, .hero-bg-light {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%;\n    background-size: cover; background-position: center;\n    transform: scale(1.03);\n  }\n  .hero-bg-dark {\n    background-image: url('https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/10\/5-10-67.jpg');\n    filter: grayscale(90%) brightness(14%);\n    z-index: 1;\n  }\n  .hero-bg-light {\n    background-image: url('https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/10\/5-10-67.jpg');\n    z-index: 2;\n    mask-image: radial-gradient(circle 520px at 62% 40%, black 30%, rgba(0,0,0,.65) 65%, transparent 100%);\n    -webkit-mask-image: radial-gradient(circle 520px at 62% 40%, black 30%, rgba(0,0,0,.65) 65%, transparent 100%);\n    mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;\n  }\n\n  .hero-vignette {\n    position: absolute; inset: 0; z-index: 3; pointer-events: none;\n    background:\n      radial-gradient(130% 100% at 50% 40%, transparent 50%, rgba(0,0,0,.5) 100%),\n      linear-gradient(to top, rgba(5,5,5,.75) 0%, rgba(5,5,5,.3) 24%, transparent 46%);\n  }\n  .hero-tex {\n    position: absolute; inset: 0; z-index: 3; pointer-events: none;\n    opacity: .32; mix-blend-mode: multiply;\n    background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='600' height='600'><filter id='t'><feTurbulence type='fractalNoise' baseFrequency='.012 .02' numOctaves='3' seed='7'\/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.6 -.45'\/><\/filter><rect width='100%' height='100%' filter='url(%23t)'\/><\/svg>\");\n    background-size: 600px 600px;\n  }\n  .hero-grain {\n    position: absolute; inset: 0; z-index: 4; pointer-events: none;\n    opacity: .15; mix-blend-mode: overlay;\n    background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'\/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'\/><\/filter><rect width='100%' height='100%' filter='url(%23n)'\/><\/svg>\");\n  }\n\n  .hero-content {\n    position: relative; z-index: 5; box-sizing: border-box;\n    width: 100%; max-width: 1400px;\n    padding: 120px clamp(28px, 5vw, 72px) clamp(44px, 8vh, 84px);\n    pointer-events: none;\n  }\n\n  \/* Transition : le bas du bandeau fond dans la couleur de la section suivante *\/\n  .hero-lampe .hero-fade {\n    position: absolute; left: 0; right: 0; bottom: -1px;\n    height: clamp(140px, 30%, 300px);\n    z-index: 3; pointer-events: none;\n    background:\n      radial-gradient(70% 140% at 100% 100%, rgba(192,40,26,.28), transparent 65%),\n      linear-gradient(to bottom, rgba(11,9,9,0) 0%, rgba(11,9,9,.75) 55%, #0b0909 100%);\n  }\n\n  \/* Marges forc\u00e9es : le th\u00e8me Astra ajoute une marge sous chaque <p>, d'o\u00f9 l'espace trop grand *\/\n  .hero-lampe .hero-eyebrow {\n    margin: 0 0 14px !important; padding: 0 !important;\n    font-size: 13px; font-weight: 500; line-height: 1.5;\n    letter-spacing: .24em; text-transform: uppercase;\n    color: var(--hl-orange);\n  }\n  .hero-lampe .hero-subtitle {\n    margin: 0 !important; padding: 0 !important;\n    display: flex; flex-wrap: wrap; gap: 0 .45em;\n    font-size: clamp(1.15rem, 2vw, 1.85rem);\n    font-weight: 400; line-height: 1.3; letter-spacing: .01em;\n    color: #f4f0ea;\n    text-shadow: 0 2px 18px rgba(0,0,0,.9);\n  }\n  .hero-lampe .hero-subtitle span { white-space: nowrap; }\n\n  .hero-lampe .hero-ctas {\n    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 28px;\n    margin: 22px 0 0 !important; padding: 0 !important;\n    pointer-events: auto;\n  }\n  .hero-btn {\n    position: relative;\n    display: inline-flex; align-items: center;\n    cursor: pointer; font-size: 16px; font-weight: 500; line-height: 1; color: #fff;\n  }\n\n  \/* Bouton principal : le rond blanc balaye de gauche \u00e0 droite et efface le texte sur son passage *\/\n  .hero-btn-solid {\n    min-height: 56px;\n    padding: 0 28px 0 68px;\n    border-radius: 999px;\n    background: var(--hl-red);\n    box-shadow: 0 10px 30px -10px rgba(192,40,26,.7), inset 0 1px 0 rgba(255,255,255,.22);\n    transition: background .3s;\n  }\n  .hero-btn-solid i {\n    position: absolute; top: 6px; left: 6px;\n    width: 44px; height: 44px; border-radius: 50%;\n    display: grid; place-items: center;\n    background: #fff; color: var(--hl-red);\n    font-style: normal; font-size: 18px; line-height: 1;\n    box-shadow: 0 2px 8px rgba(0,0,0,.25);\n    transition: left .6s cubic-bezier(.65,0,.25,1);\n  }\n  \/* Le texte est masqu\u00e9 par un bord qui avance au m\u00eame rythme que le rond *\/\n  .hero-btn-solid span {\n    flex: 1;\n    margin-left: -40px; padding-left: 40px;\n    -webkit-mask-image: linear-gradient(90deg, transparent 47%, #000 53%);\n            mask-image: linear-gradient(90deg, transparent 47%, #000 53%);\n    -webkit-mask-size: 200% 100%;  mask-size: 200% 100%;\n    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;\n    -webkit-mask-position: 100% 0;  mask-position: 100% 0;\n    transition: -webkit-mask-position .6s cubic-bezier(.65,0,.25,1), mask-position .6s cubic-bezier(.65,0,.25,1);\n  }\n  .hero-btn-solid:hover i,\n  .hero-btn-solid:focus-visible i,\n  .hero-btn-solid:active i { left: calc(100% - 50px); }\n  .hero-btn-solid:hover span,\n  .hero-btn-solid:focus-visible span,\n  .hero-btn-solid:active span { -webkit-mask-position: 0 0; mask-position: 0 0; }\n  .hero-btn-solid:hover { background: #a6200f; }\n\n  .hero-btn-link { padding: 14px 0; transition: color .2s; }\n  .hero-btn-link:hover { color: var(--hl-orange); }\n\n  @media (max-width: 1024px) {\n    .hero-lampe { max-height: 82svh; }\n  }\n\n  @media (max-width: 768px) {\n    .hero-lampe { aspect-ratio: auto; height: 82svh; min-height: 520px; max-height: none; }\n    .hero-content { padding: 96px 22px 40px; }\n    .hero-lampe .hero-eyebrow { font-size: 11px; letter-spacing: .16em; }\n    .hero-lampe .hero-subtitle { font-size: clamp(1.05rem, 4.6vw, 1.35rem); }\n    .hero-lampe .hero-ctas { flex-direction: column; align-items: stretch; gap: 2px; margin-top: 20px !important; }\n    .hero-btn-solid { width: 100%; max-width: 420px; padding: 0 20px 0 56px; }\n    .hero-btn-solid span { text-align: center; }\n    .hero-btn-link { justify-content: flex-start; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hero-btn-solid i, .hero-btn-solid span { transition: none; }\n  }\n<\/style>\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n    const hero = document.getElementById('heroLampe');\n    const light = document.getElementById('heroLight');\n\n    \/\/ Pour la souris (PC)\n    hero.addEventListener('mousemove', (e) => {\n      const rect = hero.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const y = e.clientY - rect.top;\n\n      const gradient = `radial-gradient(circle 520px at ${x}px ${y}px, black 30%, rgba(0,0,0,0.65) 65%, transparent 100%)`;\n      light.style.webkitMaskImage = gradient;\n      light.style.maskImage = gradient;\n    });\n\n    \/\/ Pour le tactile (Mobile)\n    hero.addEventListener('touchmove', (e) => {\n      const rect = hero.getBoundingClientRect();\n      const x = e.touches[0].clientX - rect.left;\n      const y = e.touches[0].clientY - rect.top;\n\n      const gradient = `radial-gradient(circle 320px at ${x}px ${y}px, black 30%, rgba(0,0,0,0.65) 65%, transparent 100%)`;\n      light.style.webkitMaskImage = gradient;\n      light.style.maskImage = gradient;\n    }, {passive: true});\n  });\n<\/script>\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&amp;family=DM+Sans:wght@400;500&amp;family=Instrument+Serif&amp;display=swap\">\n\n<section class=\"live-ticker-section\">\n  <div class=\"ticker-container\">\n\n    <div class=\"ticker-header\">\n      <h2 class=\"ticker-title\">cr\u00e9ons ensemble<\/h2>\n    <\/div>\n\n    <div class=\"ticker-wrapper\">\n      <div class=\"ticker-track\">\n\n        <div class=\"ticker-group\">\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/6-04-1-37-of-63-scaled.jpg\" alt=\"Course\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Course \u00e0 pied<\/span>\n              <h3 class=\"tc-name\">10km de villeurbanne<\/h3>\n              <p class=\"tc-stats\">Suivi de course + 40 photos livr\u00e9es pour athl\u00e8te \u00e9lite<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/10\/5-10-56-scaled.jpg\" alt=\"Raid\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">RAID<\/span>\n              <h3 class=\"tc-name\">Menthon RAID<\/h3>\n              <p class=\"tc-stats\">Suivi de course + 130 photos livr\u00e9es<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/29-09-5-of-67-scaled.jpg\" alt=\"Trail\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Trail<\/span>\n              <h3 class=\"tc-name\">Nice by UTMB<\/h3>\n              <p class=\"tc-stats\">Suivi de course + 80 photos livr\u00e9es<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/RenduFinal-33A-scaled.jpg\" alt=\"Trail\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Trail<\/span>\n              <h3 class=\"tc-name\">UT4M<\/h3>\n              <p class=\"tc-stats\">Suivi de course + 70 photos livr\u00e9es<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/08\/ATLET-Nutrition-23-scaled.jpg\" alt=\"Trail\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Produits<\/span>\n              <h3 class=\"tc-name\">Atlet Nutrition\u00ae<\/h3>\n              <p class=\"tc-stats\">25 photos de produits pour leur campagne de communication<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/MMB-Serie-6-2.jpg\" alt=\"Trail\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Trail<\/span>\n              <h3 class=\"tc-name\">Marathon du Mont-Blanc<\/h3>\n              <p class=\"tc-stats\">50 photos livr\u00e9es pour Trail in Box<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/Portraits-27-of-27-scaled.jpg\" alt=\"Trail\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Course \u00e0 pied<\/span>\n              <h3 class=\"tc-name\">Social Run T2S<\/h3>\n              <p class=\"tc-stats\">150 photos livr\u00e9es pour Train 2 summit<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/10\/19-01-Mathieu-59-scaled.jpg\" alt=\"Priv\u00e9\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Trail<\/span>\n              <h3 class=\"tc-name\">UT4M 2026<\/h3>\n              <p class=\"tc-stats\">Suivi de course + 110 photos livr\u00e9es<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/22-03-40-of-76-scaled.jpg\" alt=\"Priv\u00e9\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Course \u00e0 pied<\/span>\n              <h3 class=\"tc-name\">Semi-marathon de Feurs<\/h3>\n              <p class=\"tc-stats\">Suivi de course + 30 photos livr\u00e9es<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/Meeting-CSBJ-2-40-of-78.jpg\" alt=\"Ath\u00e9tisme\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Athl\u00e9tisme<\/span>\n              <h3 class=\"tc-name\">Meeting d&rsquo;athl\u00e9tisme<\/h3>\n              <p class=\"tc-stats\">80 photos pour le club<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/29-01-3-of-17-scaled.jpg\" alt=\"V\u00e9lo\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Photo de produit<\/span>\n              <h3 class=\"tc-name\">Bomolet<\/h3>\n              <p class=\"tc-stats\">15 photos livr\u00e9es pour Bomolet<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"ticker-group\" aria-hidden=\"true\">\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/6-04-1-37-of-63-scaled.jpg\" alt=\"\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Course \u00e0 pied<\/span>\n              <h3 class=\"tc-name\">10km de villeurbanne<\/h3>\n              <p class=\"tc-stats\">Suivi de course + 40 photos livr\u00e9es pour athl\u00e8te \u00e9lite<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/10\/5-10-56-scaled.jpg\" alt=\"\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">RAID<\/span>\n              <h3 class=\"tc-name\">Menthon RAID<\/h3>\n              <p class=\"tc-stats\">Suivi de course + 130 photos livr\u00e9es<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/29-09-5-of-67-scaled.jpg\" alt=\"\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Trail<\/span>\n              <h3 class=\"tc-name\">Nice by UTMB<\/h3>\n              <p class=\"tc-stats\">Suivi de course + 80 photos livr\u00e9es<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/RenduFinal-33A-scaled.jpg\" alt=\"\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Trail<\/span>\n              <h3 class=\"tc-name\">UT4M<\/h3>\n              <p class=\"tc-stats\">Suivi de course + 70 photos livr\u00e9es<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/08\/ATLET-Nutrition-23-scaled.jpg\" alt=\"\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Produits<\/span>\n              <h3 class=\"tc-name\">Atlet Nutrition\u00ae<\/h3>\n              <p class=\"tc-stats\">25 photos de produits pour leur campagne de communication<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/MMB-Serie-6-2.jpg\" alt=\"\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Trail<\/span>\n              <h3 class=\"tc-name\">Marathon du Mont-Blanc<\/h3>\n              <p class=\"tc-stats\">50 photos livr\u00e9es pour Trail in Box<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/Portraits-27-of-27-scaled.jpg\" alt=\"\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Course \u00e0 pied<\/span>\n              <h3 class=\"tc-name\">Social Run T2S<\/h3>\n              <p class=\"tc-stats\">150 photos livr\u00e9es pour Train 2 summit<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/10\/19-01-Mathieu-59-scaled.jpg\" alt=\"\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Trail<\/span>\n              <h3 class=\"tc-name\">UT4M 2026<\/h3>\n              <p class=\"tc-stats\">Suivi de course + 110 photos livr\u00e9es<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/22-03-40-of-76-scaled.jpg\" alt=\"\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Course \u00e0 pied<\/span>\n              <h3 class=\"tc-name\">Semi-marathon de Feurs<\/h3>\n              <p class=\"tc-stats\">Suivi de course + 30 photos livr\u00e9es<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/Meeting-CSBJ-2-40-of-78.jpg\" alt=\"\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Athl\u00e9tisme<\/span>\n              <h3 class=\"tc-name\">Meeting d&rsquo;athl\u00e9tisme<\/h3>\n              <p class=\"tc-stats\">80 photos pour le club<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ticker-card\">\n            <div class=\"tc-image\">\n              <img decoding=\"async\" src=\"https:\/\/hyperfocale.fr\/wp-content\/uploads\/2026\/07\/29-01-3-of-17-scaled.jpg\" alt=\"\">\n            <\/div>\n            <div class=\"tc-content\">\n              <span class=\"tc-sport\">Photo de produit<\/span>\n              <h3 class=\"tc-name\">Bomolet<\/h3>\n              <p class=\"tc-stats\">15 photos livr\u00e9es pour Bomolet<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/* ==========================================================\n     CARROUSEL \u00b7 version sombre (m\u00eame DA que le bandeau d'accueil)\n     ========================================================== *\/\n\n  .live-ticker-section {\n    --lt-bg: #0b0909;\n    --lt-card: #141110;\n    --lt-ink: #f2ece4;\n    --lt-muted: #a89f96;\n    --lt-line: rgba(242, 236, 228, .12);\n    --lt-red: #C0281A;\n    --lt-orange: #E8920A;\n\n    position: relative;\n    isolation: isolate;\n    background-color: var(--lt-bg);\n    background-image:\n      radial-gradient(70% 90% at 100% 0%, rgba(192, 40, 26, .28), transparent 65%),\n      radial-gradient(60% 70% at 0% 100%, rgba(74, 15, 11, .55), transparent 70%);\n    border-top: 1px solid var(--lt-line);\n    padding: 96px 0 104px;\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n    font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  \/* Texture 1 : taches douces, comme un tirage irr\u00e9gulier *\/\n    .live-ticker-section::before {\n    content: \"\";\n    position: absolute; inset: 0; z-index: 0; pointer-events: none;\n    opacity: .35; mix-blend-mode: multiply;\n    background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='600' height='600'><filter id='t'><feTurbulence type='fractalNoise' baseFrequency='.012 .02' numOctaves='3' seed='11'\/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.6 -.45'\/><\/filter><rect width='100%' height='100%' filter='url(%23t)'\/><\/svg>\");\n    background-size: 600px 600px;\n    -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 220px), transparent 100%);\n            mask-image: linear-gradient(to bottom, #000 calc(100% - 220px), transparent 100%);\n  }\n\n  \/* Texture 2 : grain fin de pellicule *\/\n  .live-ticker-section::after {\n    content: \"\";\n    position: absolute; inset: 0; z-index: 1; pointer-events: none;\n    opacity: .14; mix-blend-mode: overlay;\n    background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'\/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'\/><\/filter><rect width='100%' height='100%' filter='url(%23n)'\/><\/svg>\");\n  }\n\n  .live-ticker-section .ticker-container { position: relative; z-index: 2; }\n\n  \/* --- TITRE DE SECTION --- *\/\n  .live-ticker-section .ticker-header {\n    text-align: left;\n    margin: 0 0 48px !important;\n    padding: 0 clamp(28px, 5vw, 72px) !important;\n  }\n\n  .live-ticker-section .ticker-title {\n    margin: 0 !important; padding: 0 !important;\n    font-family: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif;\n    font-weight: 400;\n    font-size: clamp(3rem, 8vw, 7rem);\n    line-height: .92;\n    letter-spacing: .01em;\n    text-transform: uppercase;\n    color: var(--lt-ink);\n  }\n\n  .live-ticker-section .ticker-title::after {\n    content: \"\";\n    display: block;\n    width: 64px; height: 3px;\n    margin-top: 22px;\n    background: var(--lt-red);\n  }\n\n  \/* --- STRUCTURE DU D\u00c9FILEMENT --- *\/\n  .ticker-wrapper {\n    width: 100%;\n    overflow: hidden;\n    position: relative;\n    display: flex;\n  }\n\n  .ticker-wrapper::before,\n  .ticker-wrapper::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    width: 10vw;\n    min-width: 50px;\n    height: 100%;\n    z-index: 3;\n    pointer-events: none;\n  }\n  .ticker-wrapper::before {\n    left: 0;\n    background: linear-gradient(to right, #0b0909 0%, transparent 100%);\n  }\n  .ticker-wrapper::after {\n    right: 0;\n    background: linear-gradient(to left, #0b0909 0%, transparent 100%);\n  }\n\n  .ticker-track {\n    display: flex;\n    width: max-content;\n  }\n\n  .ticker-track:hover .ticker-group,\n  .ticker-track:active .ticker-group {\n    animation-play-state: paused;\n  }\n\n  .ticker-group {\n    display: flex;\n    gap: 24px;\n    padding-right: 24px; \/* l'espace crucial pour relier le groupe 1 au groupe 2 *\/\n    animation: scroll-loop 60s linear infinite;\n  }\n\n  @keyframes scroll-loop {\n    0%   { transform: translateX(0); }\n    100% { transform: translateX(-100%); }\n  }\n\n  \/* Transition : le bas du bandeau fond dans la couleur de la section suivante *\/\n  .hero-lampe .hero-fade {\n    position: absolute; left: 0; right: 0; bottom: -1px;\n    height: clamp(140px, 30%, 300px);\n    z-index: 3; pointer-events: none;\n    background:\n      radial-gradient(70% 140% at 100% 100%, rgba(192,40,26,.28), transparent 65%),\n      linear-gradient(to bottom, rgba(11,9,9,0) 0%, rgba(11,9,9,.75) 55%, #0b0909 100%);\n  }\n\n  \/* --- CARTES --- *\/\n  .ticker-card {\n    position: relative;\n    width: 250px;\n    flex-shrink: 0;\n    background: var(--lt-card);\n    border: 1px solid var(--lt-line);\n    border-radius: 2px;\n    overflow: hidden;\n    transition: border-color .3s, transform .3s;\n  }\n  .ticker-card:hover {\n    border-color: rgba(192, 40, 26, .75);\n    transform: translateY(-4px);\n  }\n\n  .tc-image {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 4 \/ 5;\n    overflow: hidden;\n    background: #050505;\n  }\n\n  .tc-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    \/* photos un peu d\u00e9satur\u00e9es et sombres : la couleur revient au survol *\/\n    filter: grayscale(.4) contrast(1.06) brightness(.82);\n    transition: filter .5s, transform .6s;\n  }\n  .ticker-card:hover .tc-image img {\n    filter: none;\n    transform: scale(1.04);\n  }\n\n  \/* d\u00e9grad\u00e9 bas de photo pour fondre dans la carte *\/\n  .tc-image::after {\n    content: \"\";\n    position: absolute; left: 0; right: 0; bottom: 0; height: 45%;\n    background: linear-gradient(to top, var(--lt-card) 0%, transparent 100%);\n    pointer-events: none;\n  }\n\n  .tc-content {\n    position: relative;\n    padding: 6px 18px 22px;\n  }\n\n  .live-ticker-section .tc-sport {\n    display: block;\n    font-size: .7rem;\n    font-weight: 500;\n    color: var(--lt-orange);\n    text-transform: uppercase;\n    letter-spacing: .22em;\n  }\n\n  \/* Titre de carte : serif d'affichage, plus petit *\/\n  .live-ticker-section .tc-name {\n    font-family: 'Instrument Serif', 'Playfair Display', Georgia, 'Times New Roman', serif;\n    font-size: 1.45rem;\n    font-weight: 400;\n    font-style: normal;\n    line-height: 1.1;\n    letter-spacing: 0;\n    text-transform: none;\n    color: var(--lt-ink);\n    margin: 8px 0 12px !important;\n    padding: 0 !important;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .live-ticker-section .tc-stats {\n    font-size: .88rem;\n    line-height: 1.5;\n    font-weight: 400;\n    color: var(--lt-muted);\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  \/* ==========================================================\n     TABLETTE & MOBILE (max-width: 768px)\n     ========================================================== *\/\n  @media (max-width: 768px) {\n    .live-ticker-section { padding: 56px 0 64px; }\n\n    .live-ticker-section .ticker-header {\n      margin-bottom: 30px !important;\n      padding: 0 22px !important;\n    }\n    .live-ticker-section .ticker-title { font-size: clamp(2.6rem, 13vw, 4rem); }\n    .live-ticker-section .ticker-title::after { margin-top: 16px; width: 48px; }\n\n    .ticker-group {\n      gap: 14px;\n      padding-right: 14px;\n      animation: scroll-loop 50s linear infinite;\n    }\n\n    .ticker-card { width: 190px; }\n    .ticker-card:hover { transform: none; }\n\n    .tc-content { padding: 4px 14px 18px; }\n    .live-ticker-section .tc-sport { font-size: .62rem; letter-spacing: .18em; }\n    .live-ticker-section .tc-name { font-size: 1.25rem; margin: 6px 0 8px !important; }\n    .live-ticker-section .tc-stats { font-size: .8rem; }\n  }\n\n  \/* Accessibilit\u00e9 : si l'animation est d\u00e9sactiv\u00e9e dans le syst\u00e8me, on laisse d\u00e9filer \u00e0 la main *\/\n  @media (prefers-reduced-motion: reduce) {\n    .ticker-group { animation: none; }\n    .ticker-group[aria-hidden=\"true\"] { display: none; }\n    .ticker-wrapper { overflow-x: auto; }\n    .ticker-card, .tc-image img { transition: none; }\n  }\n<\/style>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400&amp;family=DM+Sans:wght@400;500&amp;display=swap\">\n<link rel=\"stylesheet\" href=\"https:\/\/assets.calendly.com\/assets\/external\/widget.css\">\n\n<section class=\"cta-projets\">\n  <div class=\"cta-inner\">\n\n    <div class=\"cta-why\">\n      <p class=\"cta-why-lead\">Moi c\u2019est Eliott,  et cr\u00e9er a toujours \u00e9t\u00e9 une \u00e9vidence.<\/p>\n      <p>Chaque projet se nourrit des personnes qui l\u2019\u00e9laborent. Car un projet, c\u2019est d\u2019abord des pens\u00e9es, des id\u00e9es, des convictions.<\/p>\n      <p>Cr\u00e9er pour survivre, cr\u00e9er pour s\u2019\u00e9chapper, cr\u00e9er pour partager. Partager des pens\u00e9es pour ensuite les faire na\u00eetre et ainsi les voir vivre.<\/p>\n      <p>Vivre dans le temps, car l\u2019art, lui, a son atout par rapport \u00e0 nous, humains. L\u2019art \u00e9chappe au temps, il perdure, il reste.<\/p>\n    <\/div>\n\n    <a class=\"cta-btn\" href=\"\/index.php\/portfolio\/\"><i aria-hidden=\"true\">\u2192<\/i><span>Voir les projets<\/span><\/a><style>.hf-cta-contact{display:flex;flex-direction:column;align-items:center;gap:14px;margin:38px auto 0;text-align:center;position:relative;z-index:4}.hf-cta-contact h2{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:clamp(24px,2.6vw,32px);line-height:1;letter-spacing:.04em;color:rgba(244,236,228,.85);margin:0}.hf-cta-contact .hf-links{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:center;align-items:center}.hf-cta-contact a.hf-link{display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;font-size:14px;color:rgba(244,236,228,.78);text-decoration:none;padding:0;border:0;background:none;transition:color .2s}.hf-cta-contact a.hf-link:hover{color:#E8920A;text-decoration:underline;text-underline-offset:4px}.hf-cta-contact svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}<\/style><div class=\"hf-cta-contact\"><h2>Un projet en t\u00eate&nbsp;?<\/h2><a class=\"cta-btn cta-btn-alt\" id=\"ctaCall\" href=\"https:\/\/calendly.com\/eliottmoura\/30min\" target=\"_blank\" rel=\"noopener\"><i aria-hidden=\"true\">\u2192<\/i><span>R\u00e9server un appel de 15 min<\/span><\/a><div class=\"hf-links\"><a class=\"hf-link\" href=\"https:\/\/www.instagram.com\/eliott_mra\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><circle cx=\"17.5\" cy=\"6.5\" r=\".6\"><\/circle><\/svg>@eliott_mra<\/a><a class=\"hf-link\" href=\"mailto:eliottmoura@gmail.com\">eliottmoura@gmail.com<\/a><\/div><\/div>\n\n    \n\n    \n  <\/div>\n<\/section>\n\n<style>\n  .cta-projets {\n    --cp-bg: #0b0909;\n    --cp-red: #C0281A;\n    --cp-orange: #E8920A;\n\n    position: relative;\n    isolation: isolate;\n    background-color: var(--cp-bg);\n    \/* m\u00eames lueurs que le bas du carrousel : elles se prolongent sans coupure *\/\n    background-image:\n      radial-gradient(60% 130% at 0% 0%, rgba(74, 15, 11, .55), transparent 70%),\n      radial-gradient(70% 120% at 100% 100%, rgba(192, 40, 26, .25), transparent 65%);\n    padding: 40px clamp(28px, 5vw, 72px) 104px;\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n    margin-top: -1px !important; \/* \u00e9vite toute ligne fine entre les deux blocs *\/\n    border: 0 !important;\n    font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  \/* Texture 1 : taches douces, qui apparaissent progressivement depuis le haut *\/\n  .cta-projets::before {\n    content: \"\";\n    position: absolute; inset: 0; z-index: 0; pointer-events: none;\n    opacity: .35; mix-blend-mode: multiply;\n    background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='600' height='600'><filter id='t'><feTurbulence type='fractalNoise' baseFrequency='.012 .02' numOctaves='3' seed='19'\/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.6 -.45'\/><\/filter><rect width='100%' height='100%' filter='url(%23t)'\/><\/svg>\");\n    background-size: 600px 600px;\n    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 220px);\n            mask-image: linear-gradient(to bottom, transparent 0, #000 220px);\n  }\n\n  \/* Texture 2 : grain fin *\/\n  .cta-projets::after {\n    content: \"\";\n    position: absolute; inset: 0; z-index: 1; pointer-events: none;\n    opacity: .14; mix-blend-mode: overlay;\n    background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'\/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'\/><\/filter><rect width='100%' height='100%' filter='url(%23n)'\/><\/svg>\");\n  }\n\n  .cta-projets .cta-inner {\n    position: relative; z-index: 2;\n    max-width: 1400px;\n    margin: 0 auto;\n    display: flex; flex-direction: column; align-items: center;\n    gap: 16px;\n    text-align: center;\n  }\n\n  \/* ---------- Texte de pr\u00e9sentation, centr\u00e9 ---------- *\/\n  .cta-projets .cta-why {\n    width: 100%;\n    max-width: 620px;\n    margin: 0 auto 36px;\n    text-align: center;\n  }\n  .cta-projets .cta-why p {\n    margin: 0 0 16px !important; padding: 0 !important;\n    font-family: 'Fraunces', Georgia, 'Times New Roman', serif;\n    font-size: clamp(1.05rem, 1.4vw, 1.2rem);\n    font-weight: 300;\n    line-height: 1.65;\n    letter-spacing: 0;\n    text-align: center;\n    color: #cfc7be;\n  }\n  .cta-projets .cta-why p:last-child { margin-bottom: 0 !important; }\n\n  .cta-projets .cta-why p.cta-why-lead {\n    font-size: clamp(1.45rem, 2.5vw, 1.95rem);\n    font-weight: 400;\n    line-height: 1.25;\n    color: #f4f0ea;\n    margin-bottom: 22px !important;\n  }\n\n  .cta-projets a,\n  .cta-projets a:hover,\n  .cta-projets a:focus,\n  .cta-projets a span { text-decoration: none !important; }\n\n  \/* ---------- Bouton principal : le rond blanc balaye de gauche \u00e0 droite ---------- *\/\n  .cta-projets .cta-btn {\n    position: relative;\n    display: inline-flex; align-items: center;\n    min-height: 72px;\n    padding: 0 40px 0 90px;\n    border-radius: 999px;\n    background: var(--cp-red);\n    color: #fff;\n    font-size: 1.1rem; font-weight: 500; line-height: 1;\n    cursor: pointer;\n    box-shadow: 0 14px 40px -12px rgba(192, 40, 26, .75), inset 0 1px 0 rgba(255, 255, 255, .22);\n    transition: background .3s, border-color .3s;\n  }\n  .cta-projets .cta-btn i {\n    position: absolute; top: 8px; left: 8px;\n    width: 56px; height: 56px; border-radius: 50%;\n    display: grid; place-items: center;\n    background: #fff; color: var(--cp-red);\n    font-style: normal; font-size: 22px; line-height: 1;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);\n    transition: left .6s cubic-bezier(.65, 0, .25, 1);\n  }\n  .cta-projets .cta-btn span {\n    flex: 1;\n    margin-left: -40px; padding-left: 40px;\n    -webkit-mask-image: linear-gradient(90deg, transparent 47%, #000 53%);\n            mask-image: linear-gradient(90deg, transparent 47%, #000 53%);\n    -webkit-mask-size: 200% 100%;  mask-size: 200% 100%;\n    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;\n    -webkit-mask-position: 100% 0;  mask-position: 100% 0;\n    transition: -webkit-mask-position .6s cubic-bezier(.65, 0, .25, 1), mask-position .6s cubic-bezier(.65, 0, .25, 1);\n  }\n  .cta-projets .cta-btn:hover i,\n  .cta-projets .cta-btn:focus-visible i,\n  .cta-projets .cta-btn:active i { left: calc(100% - 64px); }\n  .cta-projets .cta-btn:hover span,\n  .cta-projets .cta-btn:focus-visible span,\n  .cta-projets .cta-btn:active span { -webkit-mask-position: 0 0; mask-position: 0 0; }\n  .cta-projets .cta-btn:hover { background: #a6200f; }\n\n  \/* ---------- Bouton secondaire : m\u00eame m\u00e9canique, version contour, rond rouge ---------- *\/\n  .cta-projets .cta-btn-alt {\n    min-height: 60px;\n    padding: 0 32px 0 76px;\n    background: rgba(0, 0, 0, .25);\n    border: 1px solid rgba(242, 236, 228, .5);\n    box-shadow: none;\n    font-size: 1rem;\n  }\n  .cta-projets .cta-btn-alt i {\n    top: 7px; left: 7px;\n    width: 44px; height: 44px;\n    background: var(--cp-red); color: #fff;\n    font-size: 18px;\n    box-shadow: none;\n  }\n  .cta-projets .cta-btn-alt:hover i,\n  .cta-projets .cta-btn-alt:focus-visible i,\n  .cta-projets .cta-btn-alt:active i { left: calc(100% - 51px); }\n  .cta-projets .cta-btn-alt:hover { background: rgba(242, 236, 228, .08); border-color: #fff; }\n\n  .cta-projets .cta-note {\n    margin: 4px 0 0 !important; padding: 0 !important;\n    font-size: .85rem; line-height: 1.4;\n    color: #a89f96;\n  }\n\n  @media (max-width: 768px) {\n    .cta-projets { padding: 24px 22px 64px; }\n    .cta-projets .cta-inner { gap: 12px; }\n    .cta-projets .cta-why { margin-bottom: 28px; }\n\n    .cta-projets .cta-btn { width: 100%; max-width: 420px; justify-content: center; min-height: 64px; padding: 0 24px 0 80px; }\n    .cta-projets .cta-btn i { width: 48px; height: 48px; top: 8px; left: 8px; }\n    .cta-projets .cta-btn:hover i,\n    .cta-projets .cta-btn:focus-visible i,\n    .cta-projets .cta-btn:active i { left: calc(100% - 56px); }\n\n    .cta-projets .cta-btn-alt { min-height: 56px; padding: 0 20px 0 70px; }\n    .cta-projets .cta-btn-alt i { width: 40px; height: 40px; top: 7px; left: 7px; }\n    .cta-projets .cta-btn-alt:hover i,\n    .cta-projets .cta-btn-alt:focus-visible i,\n    .cta-projets .cta-btn-alt:active i { left: calc(100% - 47px); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .cta-projets .cta-btn i, .cta-projets .cta-btn span { transition: none; }\n  }\n<\/style>\n\n<script src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\" async=\"\"><\/script>\n<script>\n  \/* L'agenda s'ouvre en fen\u00eatre par-dessus le site : le visiteur ne quitte pas la page.\n     Si le script Calendly n'est pas charg\u00e9, le lien s'ouvre normalement dans un nouvel onglet. *\/\n  (function () {\n    var btn = document.getElementById('ctaCall');\n    if (!btn) return;\n    btn.addEventListener('click', function (e) {\n      if (window.Calendly && typeof window.Calendly.initPopupWidget === 'function') {\n        e.preventDefault();\n        window.Calendly.initPopupWidget({ url: btn.href });\n      }\n    });\n  })();\n<\/script>\n\n\n\n<style id=\"hf-seamless\">.live-ticker-section{border-top:0!important;box-shadow:none!important}.hero-lampe{border-bottom:0!important}<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Hyperfocale \u00b7 Photographe sport &amp; outdoor Photographie \u00b7 Direction artistique \u00b7 Strat\u00e9gie de communication \u2192Voir les projets R\u00e9server un appel [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-633","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hyperfocale.fr\/index.php\/wp-json\/wp\/v2\/pages\/633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyperfocale.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hyperfocale.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hyperfocale.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hyperfocale.fr\/index.php\/wp-json\/wp\/v2\/comments?post=633"}],"version-history":[{"count":242,"href":"https:\/\/hyperfocale.fr\/index.php\/wp-json\/wp\/v2\/pages\/633\/revisions"}],"predecessor-version":[{"id":3284,"href":"https:\/\/hyperfocale.fr\/index.php\/wp-json\/wp\/v2\/pages\/633\/revisions\/3284"}],"wp:attachment":[{"href":"https:\/\/hyperfocale.fr\/index.php\/wp-json\/wp\/v2\/media?parent=633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}