{"id":2243,"date":"2026-04-28T14:33:34","date_gmt":"2026-04-28T12:33:34","guid":{"rendered":"https:\/\/www.sunsplash.fr\/?page_id=2243"},"modified":"2026-08-17T10:20:42","modified_gmt":"2026-08-17T08:20:42","slug":"ocean-days","status":"publish","type":"page","link":"https:\/\/www.sunsplash.fr\/en\/ocean-days\/","title":{"rendered":"Integration et  Animation 3D en ext\u00e9rieur | Sunsplash Studio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2243\" class=\"elementor elementor-2243\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b96d405 e-con-full e-flex e-con e-parent\" data-id=\"4b96d405\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51021ef5 elementor-widget elementor-widget-html\" data-id=\"51021ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SUNSPLASH \u2014 Hero \u00e9tude de cas Ocean Days (fond sombre)\r\n     Scop\u00e9 sous .ss-od-hero.\r\n\r\n     Conteneur Elementor : padding 0 \u00b7 marge 0 \u00b7 pleine largeur.\r\n     TITRE \u2014 la page porte D\u00c9J\u00c0 un <h1> (titre de page Astra).\r\n     Ce bloc utilise donc un <h2> : un seul h1 par URL.\r\n     L'aria-label a \u00e9t\u00e9 retir\u00e9 : il rempla\u00e7ait le texte r\u00e9el du\r\n     titre pour les lecteurs d'\u00e9cran, alors qu'il est lisible.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,800&family=Instrument+Sans:wght@400;500&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.ss-od-hero{\r\n  --clay-000:#F1EFE9;\r\n  --ink:#16181C;\r\n  --ink-deep:#0E0F12;\r\n  --ink-floor:#1C1F26;\r\n  --k-warm:#C4462A;\r\n  --k-warm-hover:#D65A3D;\r\n\r\n  --ss-display:\"Bricolage Grotesque\",system-ui,-apple-system,sans-serif;\r\n  --ss-body:\"Instrument Sans\",system-ui,-apple-system,sans-serif;\r\n  --ss-mono:\"IBM Plex Mono\",ui-monospace,SFMono-Regular,monospace;\r\n\r\n  --pad:clamp(20px,5vw,72px);\r\n  --maxw:1280px;\r\n\r\n  position:relative;display:flex !important;align-items:center;overflow:hidden;\r\n  width:100%;\r\n  padding-block:clamp(80px,15vh,180px) clamp(56px,8vh,90px);\r\n  margin:0;color:var(--clay-000);\r\n  font-family:var(--ss-body);line-height:1.62;\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n.ss-od-hero *{box-sizing:border-box}\r\n.ss-od-hero h1,.ss-od-hero h2,.ss-od-hero p,.ss-od-hero span{margin:0;padding:0}\r\n\r\n\/* ---------- D\u00e9cor ---------- *\/\r\n.ss-od-hero .cyc{position:absolute;inset:0;z-index:0;\r\n  background:linear-gradient(180deg,var(--ink-deep) 0%,var(--ink) 55%)}\r\n.ss-od-hero .cyc::before{content:\"\";position:absolute;inset:0;\r\n  background:radial-gradient(56% 44% at 78% 8%,rgba(196,70,42,.38),rgba(196,70,42,0) 70%)}\r\n.ss-od-hero .cyc::after{content:\"\";position:absolute;left:-12%;right:-12%;bottom:0;height:44%;\r\n  border-radius:50% 50% 0 0\/100% 100% 0 0;\r\n  background:linear-gradient(180deg,var(--ink-floor),var(--ink-deep));\r\n  box-shadow:0 -40px 80px -40px rgba(0,0,0,.4)}\r\n.ss-od-hero .grid-floor{position:absolute;left:0;right:0;bottom:0;height:36%;z-index:1;opacity:.10;\r\n  background-image:linear-gradient(90deg,#F1EFE9 1px,transparent 1px);\r\n  background-size:64px 100%;\r\n  -webkit-mask-image:linear-gradient(180deg,transparent,#000 58%,transparent);\r\n  mask-image:linear-gradient(180deg,transparent,#000 58%,transparent)}\r\n\r\n.ss-od-hero .wrap{position:relative;z-index:2;width:100%;\r\n  max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}\r\n\r\n\/* ---------- Fil d'Ariane ---------- *\/\r\n.ss-od-hero .crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;\r\n  margin-bottom:clamp(22px,4vh,40px)}\r\n.ss-od-hero .crumb a,.ss-od-hero .crumb span{\r\n  font-family:var(--ss-mono,ui-monospace,monospace) !important;\r\n  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}\r\n.ss-od-hero .crumb a{color:rgba(241,239,233,.5);text-decoration:none;transition:color .3s ease}\r\n.ss-od-hero .crumb a:hover{color:var(--clay-000)}\r\n.ss-od-hero .crumb .sep{color:rgba(241,239,233,.3)}\r\n.ss-od-hero .crumb .cur{color:var(--k-warm)}\r\n\r\n\/* ---------- Titre ---------- *\/\r\n.ss-od-hero .hero-eyebrow{display:block;margin-bottom:20px;color:var(--k-warm);\r\n  font-family:var(--ss-mono,ui-monospace,monospace) !important;\r\n  font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}\r\n.ss-od-hero h1,.ss-od-hero h2{\r\n  font-family:var(--ss-display,\"Bricolage Grotesque\",system-ui,sans-serif) !important;\r\n  font-weight:800 !important;\r\n  font-size:clamp(48px,9vw,128px) !important;\r\n  line-height:.98 !important;\r\n  letter-spacing:-0.03em !important;\r\n  text-transform:none !important;\r\n  margin:0 !important;padding:0 !important;\r\n  text-align:left !important;\r\n  max-width:12ch;color:var(--clay-000) !important}\r\n.ss-od-hero .line{display:block}\r\n.ss-od-hero .accent{color:var(--clay-000)}\r\n\r\n\/* ---------- Client \/ date ---------- *\/\r\n.ss-od-hero .hero-client{margin-top:clamp(22px,3vh,30px);\r\n  display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;\r\n  color:rgba(241,239,233,.7);font-size:15px}\r\n.ss-od-hero .hero-client .dot{width:4px;height:4px;border-radius:50%;\r\n  background:rgba(241,239,233,.4);flex:none}\r\n\/* Lien client : le rouge donne 3,1:1 sur ce fond, insuffisant.\r\n   Le blanc cass\u00e9 porte la lisibilit\u00e9, le soulignement porte\r\n   l'information \u00ab ceci est un lien \u00bb. *\/\r\n.ss-od-hero .hero-client a{\r\n  color:var(--clay-000);text-decoration:none;\r\n  border-bottom:1px solid rgba(241,239,233,.4);\r\n  padding-bottom:1px;\r\n  transition:color .3s ease,border-color .3s ease;\r\n}\r\n.ss-od-hero .hero-client a:hover,\r\n.ss-od-hero .hero-client a:focus{\r\n  color:var(--k-warm-hover) !important;\r\n  border-bottom-color:var(--k-warm-hover) !important;\r\n  background:transparent !important;\r\n}\r\n\r\n.ss-od-hero .lede{margin-top:clamp(20px,3vh,30px);max-width:62ch;\r\n  font-size:clamp(16px,1.28vw,19px);color:rgba(241,239,233,.72)}\r\n\r\n\/* ---------- Boutons ---------- *\/\r\n.ss-od-hero .ctas{margin-top:clamp(28px,4vh,40px);display:flex;flex-wrap:wrap;gap:12px}\r\n.ss-od-hero .btn{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  padding:14px 24px;border-radius:999px;text-decoration:none;white-space:nowrap;\r\n  font-family:var(--ss-mono,ui-monospace,monospace) !important;\r\n  font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;\r\n  transition:background-color .3s ease,border-color .3s ease,color .3s ease}\r\n\/* Blanc pur sur le bouton plein : 4,93:1 contre 4,29:1 avec le\r\n   blanc cass\u00e9 \u2014 seul le blanc pur passe le seuil AA. *\/\r\n.ss-od-hero .btn-warm{background:var(--k-warm);border:1px solid var(--k-warm);color:#FFF}\r\n.ss-od-hero .btn-warm:hover{background:var(--k-warm-hover);border-color:var(--k-warm-hover)}\r\n.ss-od-hero .btn-light{background:transparent;color:var(--clay-000);\r\n  border:1px solid rgba(241,239,233,.4)}\r\n.ss-od-hero .btn-light:hover{background:rgba(241,239,233,.08);border-color:var(--clay-000)}\r\n.ss-od-hero .arw{transition:transform .3s ease}\r\n.ss-od-hero .btn:hover .arw{transform:translateX(5px)}\r\n\r\n\/* ---------- Rep\u00e8res chiffr\u00e9s ----------\r\n   display:contents fait remonter les enfants dans la grille :\r\n   tous les nombres partagent la rang\u00e9e 1, tous les libell\u00e9s la\r\n   rang\u00e9e 2 \u2014 ils restent align\u00e9s quelle que soit la longueur. *\/\r\n.ss-od-hero .hero-stats{\r\n  display:grid;grid-auto-flow:column;grid-auto-columns:1fr;\r\n  grid-template-rows:auto auto;\r\n  column-gap:clamp(14px,3vw,56px);row-gap:clamp(6px,.9vw,10px);\r\n  margin-top:clamp(38px,6vh,60px);padding-top:26px;\r\n  border-top:1px solid rgba(241,239,233,.16)}\r\n.ss-od-hero .stat{display:contents}\r\n.ss-od-hero .stat .n{grid-row:1;align-self:end;\r\n  font-family:var(--ss-display,\"Bricolage Grotesque\",system-ui,sans-serif) !important;\r\n  font-weight:800 !important;\r\n  font-size:clamp(20px,2.8vw,40px);letter-spacing:-0.04em;line-height:1;color:var(--clay-000)}\r\n.ss-od-hero .stat .n sup{font-size:.55em;vertical-align:super;letter-spacing:0}\r\n.ss-od-hero .stat .l{grid-row:2;align-self:start;\r\n  font-family:var(--ss-mono,ui-monospace,monospace) !important;\r\n  font-size:clamp(8.5px,.95vw,10.5px);letter-spacing:clamp(.06em,.12vw,.12em);\r\n  text-transform:uppercase;color:rgba(241,239,233,.55);line-height:1.45;\r\n  overflow-wrap:break-word}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width:1040px){.ss-od-hero h1,.ss-od-hero h2{max-width:none}}\r\n@media (max-width:560px){\r\n  .ss-od-hero .grid-floor{background-size:40px 100%}\r\n  .ss-od-hero .btn{padding:13px 18px;font-size:10px;letter-spacing:.1em}\r\n}\r\n\r\n\/* ---------- Mouvement : am\u00e9lioration progressive ----------\r\n   Rien n'est masqu\u00e9 tant que le script n'a pas pos\u00e9 .is-animated. *\/\r\n.ss-od-hero.is-animated .rise{opacity:0;transform:translateY(22px);\r\n  transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);\r\n  transition-delay:var(--d,0s)}\r\n.ss-od-hero.is-animated .rise.in{opacity:1;transform:none}\r\n@media (prefers-reduced-motion:reduce){\r\n  .ss-od-hero.is-animated .rise{opacity:1;transform:none;transition:none}\r\n}\r\n.ss-od-hero :focus-visible{outline:2px solid var(--k-warm);outline-offset:4px}\r\n<\/style>\r\n\r\n\r\n<section class=\"ss-od-hero\">\r\n  <div class=\"cyc\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"grid-floor\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"wrap\">\r\n    <nav class=\"crumb rise\" style=\"--d:.05s\" aria-label=\"Fil d'Ariane\">\r\n      <a href=\"https:\/\/www.sunsplash.fr\/\">Accueil<\/a>\r\n      <span class=\"sep\" aria-hidden=\"true\">\/<\/span>\r\n      <a href=\"https:\/\/www.sunsplash.fr\/projets\/\">Projets<\/a>\r\n      <span class=\"sep\" aria-hidden=\"true\">\/<\/span>\r\n      <span class=\"cur\">Ocean Days<\/span>\r\n    <\/nav>\r\n\r\n    <h2>\r\n      <span class=\"hero-eyebrow rise\" style=\"--d:.12s\">Ocean Days \u2014 Animation 3D Festival<\/span>\r\n      <span class=\"line rise\" style=\"--d:.2s\">Donner corps a une identit\u00e9.<\/span>\r\n     \r\n    <\/h2>\r\n\r\n    <p class=\"hero-client rise\" style=\"--d:.36s\">\r\n      <span>Client&nbsp;: <a href=\"https:\/\/www.instagram.com\/owlshake.music\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Collectif Owlshake sur Instagram, nouvel onglet\">Collectif Owlshake<\/a><\/span>\r\n      <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n      <span>Juin 2025 \u00b7 Bordeaux<\/span>\r\n    <\/p>\r\n\r\n    <p class=\"lede rise\" style=\"--d:.44s\">Pour la premi\u00e8re vid\u00e9o promotionnelle du collectif Owlshake autour du festival Ocean Days, nous avons transform\u00e9 leur identit\u00e9 graphique en personnage 3D. Int\u00e9gr\u00e9 \u00e0 une prise de vue r\u00e9elle sur la promenade sainte catherine de Bordeaux, ce personnage devient le fil conducteur d\u2019une animation 3D pens\u00e9e pour les r\u00e9seaux sociaux.<\/p>\r\n\r\n    <div class=\"ctas rise\" style=\"--d:.52s\">\r\n      <a class=\"btn btn-warm\" href=\"#video\">Voir la vid\u00e9o <span class=\"arw\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n      <a class=\"btn btn-light\" href=\"https:\/\/www.sunsplash.fr\/projets\/\">Tous les projets <span class=\"arw\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n    <\/div>\r\n\r\n    <div class=\"hero-stats rise\" style=\"--d:.6s\">\r\n      <div class=\"stat\"><span class=\"n\">1<sup>re<\/sup><\/span><span class=\"l\">Collaboration Owlshake<\/span><\/div>\r\n      <div class=\"stat\"><span class=\"n\">2D \u2192 3D<\/span><span class=\"l\">Transformation du logo<\/span><\/div>\r\n      <div class=\"stat\"><span class=\"n\">9:16<\/span><span class=\"l\">Format Instagram<\/span><\/div>\r\n      <div class=\"stat\"><span class=\"n\">Ext.<\/span><span class=\"l\">Lumi\u00e8re naturelle<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.querySelector('.ss-od-hero'); if(!root) return;\r\n  root.classList.add('is-animated');\r\n  var els=root.querySelectorAll('.rise');\r\n  function reveal(){Array.prototype.forEach.call(els,function(el){el.classList.add('in');});}\r\n  if(window.matchMedia('(prefers-reduced-motion: reduce)').matches){reveal();return;}\r\n  requestAnimationFrame(reveal);\r\n  setTimeout(reveal,1500);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67adf3c6 e-flex e-con-boxed e-con e-parent\" data-id=\"67adf3c6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-131c0f1a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"131c0f1a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15802794 elementor-widget elementor-widget-menu-anchor\" data-id=\"15802794\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"video\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c05c588 elementor-widget elementor-widget-heading\" data-id=\"c05c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">de logo 2D \u00e0 animation 3D \n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5be3399 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"5be3399\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Faire sortir le personnage du cadre.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-690222c5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"690222c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Une vid\u00e9o 3D verticale con\u00e7ue pour capter l\u2019attention d\u00e8s les premi\u00e8res secondes. Le personnage appara\u00eet imm\u00e9diatement dans un environnement r\u00e9el, au c\u0153ur de la promenade Sainte-Catherine, gr\u00e2ce \u00e0 une int\u00e9gration 3D pens\u00e9e pour respecter la lumi\u00e8re et l\u2019atmosph\u00e8re de la prise de vue.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3debebb e-con-full e-flex e-con e-child\" data-id=\"3debebb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2109e7bb elementor-widget elementor-widget-button\" data-id=\"2109e7bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Format 9:16<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-626e1dbb elementor-widget elementor-widget-button\" data-id=\"626e1dbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Instagram<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-374dfc5c elementor-widget elementor-widget-button\" data-id=\"374dfc5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Int\u00e9gration 3D + r\u00e9el<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-367d22cd elementor-widget elementor-widget-button\" data-id=\"367d22cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"> Juin 2025<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6006a386 elementor-mobile-align-justify elementor-widget elementor-widget-button\" data-id=\"6006a386\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#makingoff\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Making of \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-398b6ad8 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"398b6ad8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SUNSPLASH \u2014 Reel unique 9:16 + lecteur plein \u00e9cran\r\n     Owlshake \u00b7 promenade Sainte-Catherine, Bordeaux\r\n     Scop\u00e9 sous .ss-reel.\r\n\r\n     FONCTIONNEMENT\r\n       Au clic, une fen\u00eatre s'ouvre et charge la vid\u00e9o YouTube.\r\n       L'iframe n'est cr\u00e9\u00e9e qu'\u00e0 l'ouverture et d\u00e9truite \u00e0 la\r\n       fermeture : aucune requ\u00eate tant que l'utilisateur n'a pas\r\n       cliqu\u00e9, et la lecture s'arr\u00eate net \u00e0 la fermeture.\r\n\r\n     FERMETURE : bouton \u00d7, touche \u00c9chap, ou clic sur le fond.\r\n\r\n     MINIATURE\r\n       Tir\u00e9e automatiquement de YouTube (miniature de la vid\u00e9o\r\n       rU0sWaEUArA). Pour utiliser ton propre rendu, remplace le\r\n       src de l'<img> \u2014 les Shorts g\u00e9n\u00e8rent parfois des\r\n       miniatures recadr\u00e9es.\r\n\r\n     Conteneur Elementor : padding 0 \u00b7 marge 0.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"preconnect\" href=\"https:\/\/i.ytimg.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.ss-reel{\r\n  --clay-000:#F1EFE9;\r\n  --ink-deep:#0E0F12;\r\n  --k-warm:#C4462A;\r\n  --glow:#F3D3A0;\r\n\r\n  --ss-display:\"Bricolage Grotesque\",system-ui,-apple-system,sans-serif;\r\n  --ss-mono:\"IBM Plex Mono\",ui-monospace,SFMono-Regular,monospace;\r\n\r\n  \/* Largeur du reel. C'est la seule valeur \u00e0 ajuster pour\r\n     agrandir ou r\u00e9duire l'ensemble. *\/\r\n  --reel-w:clamp(260px,26vw,340px);\r\n\r\n  display:flex !important;justify-content:center;\r\n  background:transparent;margin:0;padding:0;\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n.ss-reel *{box-sizing:border-box}\r\n.ss-reel span{margin:0;padding:0}\r\n\r\n\/* ---------- Cadre du reel ---------- *\/\r\n.ss-reel .reel{\r\n  display:block !important;position:relative;overflow:hidden;\r\n  width:var(--reel-w);aspect-ratio:9\/16;\r\n  border:0;padding:0;margin:0;\r\n  border-radius:18px;\r\n  background:var(--ink-deep);\r\n  cursor:pointer;text-align:left;\r\n  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease;\r\n}\r\n.ss-reel .reel:hover{\r\n  transform:translateY(-3px);\r\n  box-shadow:0 30px 60px -34px rgba(0,0,0,.7);\r\n}\r\n.ss-reel .reel img{\r\n  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;\r\n  transition:transform .8s cubic-bezier(.2,.7,.2,1);\r\n}\r\n.ss-reel .reel:hover img{transform:scale(1.045)}\r\n\r\n\/* Voile haut et bas : garantit la lisibilit\u00e9 quel que soit le\r\n   visuel plac\u00e9 derri\u00e8re \u2014 ici une sc\u00e8ne ext\u00e9rieure tr\u00e8s claire. *\/\r\n.ss-reel .reel::after{\r\n  content:\"\";position:absolute;inset:0;\r\n  background:linear-gradient(180deg,rgba(14,15,18,.55) 0%,rgba(14,15,18,0) 22%,rgba(14,15,18,0) 72%,rgba(14,15,18,.75) 100%);\r\n}\r\n.ss-reel .reel > *{position:relative;z-index:2}\r\n\r\n\/* ---------- Signature ---------- *\/\r\n.ss-reel .reel-brand{\r\n  position:absolute;top:16px;left:16px;\r\n  display:flex !important;align-items:center;gap:10px;\r\n  font-family:var(--ss-display,system-ui,sans-serif) !important;\r\n  font-weight:600 !important;font-size:13.5px;color:var(--clay-000);\r\n}\r\n.ss-reel .reel-brand i{\r\n  width:26px;height:26px;border-radius:50%;flex:none;display:block;\r\n  background:radial-gradient(circle at 32% 30%,var(--glow),var(--k-warm));\r\n}\r\n\r\n\/* ---------- Bouton lecture ----------\r\n   Le triangle est fabriqu\u00e9 par des bordures : pas d'ic\u00f4ne,\r\n   pas de police \u00e0 charger. *\/\r\n.ss-reel .reel-play{\r\n  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\r\n  width:64px;height:64px;border-radius:50%;\r\n  background:rgba(241,239,233,.16);border:1px solid rgba(241,239,233,.4);\r\n  display:flex !important;align-items:center;justify-content:center;\r\n  transition:background-color .3s ease,border-color .3s ease;\r\n}\r\n.ss-reel .reel:hover .reel-play{background:var(--k-warm);border-color:var(--k-warm)}\r\n.ss-reel .reel-play::before{\r\n  content:\"\";border-style:solid;border-width:10px 0 10px 16px;\r\n  border-color:transparent transparent transparent var(--clay-000);\r\n  margin-left:4px;\r\n}\r\n\r\n\/* ---------- \u00c9tiquette format ---------- *\/\r\n.ss-reel .reel-fmt{\r\n  position:absolute;left:16px;bottom:16px;\r\n  font-family:var(--ss-mono,ui-monospace,monospace) !important;\r\n  font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;\r\n  color:var(--clay-000);\r\n  background:rgba(14,15,18,.5);border:1px solid rgba(241,239,233,.32);\r\n  border-radius:999px;padding:6px 14px;white-space:nowrap;\r\n}\r\n\r\n@media (max-width:560px){\r\n  .ss-reel{--reel-w:min(88vw,320px)}\r\n  .ss-reel .reel-play{width:54px;height:54px}\r\n  .ss-reel .reel-play::before{border-width:9px 0 9px 14px}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .ss-reel .reel,.ss-reel .reel img,.ss-reel .reel-play{transition:none}\r\n}\r\n.ss-reel .reel:focus-visible{outline:2px solid var(--k-warm);outline-offset:4px}\r\n\r\n\/* ============ FEN\u00caTRE DE LECTURE ============ *\/\r\n.ss-lightbox{\r\n  position:fixed;inset:0;z-index:99999;\r\n  display:none;align-items:center;justify-content:center;\r\n  padding:clamp(16px,4vw,48px);\r\n  background:rgba(8,9,11,.92);\r\n  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);\r\n}\r\n.ss-lightbox.is-open{display:flex}\r\n\/* Un format vertical doit \u00eatre born\u00e9 par la HAUTEUR, sinon il\r\n   d\u00e9borde de l'\u00e9cran. *\/\r\n.ss-lightbox .lb-frame{\r\n  position:relative;width:100%;\r\n  max-width:min(92vw,460px);max-height:86vh;aspect-ratio:9\/16;\r\n  background:#000;border-radius:14px;overflow:hidden;\r\n}\r\n.ss-lightbox .lb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\r\n.ss-lightbox .lb-close{\r\n  position:absolute;top:clamp(14px,4vw,44px);right:clamp(16px,4vw,48px);\r\n  width:44px;height:44px;border-radius:50%;\r\n  background:rgba(241,239,233,.12);border:1px solid rgba(241,239,233,.35);\r\n  color:#F1EFE9;font-size:22px;line-height:1;cursor:pointer;\r\n  display:flex;align-items:center;justify-content:center;\r\n  transition:background-color .25s ease;\r\n}\r\n.ss-lightbox .lb-close:hover{background:rgba(241,239,233,.24)}\r\n.ss-lightbox .lb-close:focus-visible{outline:2px solid #C4462A;outline-offset:3px}\r\n<\/style>\r\n\r\n\r\n<div class=\"ss-reel\">\r\n  <button class=\"reel\" type=\"button\" data-yt=\"rU0sWaEUArA\"\r\n          aria-label=\"Lire la vid\u00e9o Owlshake tourn\u00e9e promenade Sainte-Catherine\">\r\n    <img src=\"https:\/\/i.ytimg.com\/vi\/rU0sWaEUArA\/maxresdefault.jpg\"\r\n         onerror=\"this.src='https:\/\/i.ytimg.com\/vi\/rU0sWaEUArA\/hqdefault.jpg'\"\r\n         alt=\"Promenade Sainte-Catherine \u00e0 Bordeaux avec l'affiche Owlshake et la mascotte 3D int\u00e9gr\u00e9e en fa\u00e7ade\"\r\n         loading=\"lazy\" decoding=\"async\">\r\n    <span class=\"reel-brand\"><i aria-hidden=\"true\"><\/i>Sunsplash Studio<\/span>\r\n    <span class=\"reel-play\" aria-hidden=\"true\"><\/span>\r\n    <span class=\"reel-fmt\">Reel \u00b7 9:16<\/span>\r\n  <\/button>\r\n<\/div>\r\n\r\n<!-- Fen\u00eatre de lecture, hors du cadre -->\r\n<div class=\"ss-lightbox\" id=\"ssReelBox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Lecteur vid\u00e9o\">\r\n  <button class=\"lb-close\" type=\"button\" aria-label=\"Fermer la vid\u00e9o\">&times;<\/button>\r\n  <div class=\"lb-frame\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var box   = document.getElementById('ssReelBox');\r\n  var frame = box && box.querySelector('.lb-frame');\r\n  var close = box && box.querySelector('.lb-close');\r\n  if (!box || !frame) return;\r\n\r\n  var lastFocus = null;\r\n\r\n  function open(id, trigger){\r\n    lastFocus = trigger || null;\r\n    \/* L'iframe est cr\u00e9\u00e9e \u00e0 l'ouverture : aucune requ\u00eate YouTube\r\n       tant que l'utilisateur n'a pas cliqu\u00e9. *\/\r\n    frame.innerHTML =\r\n      '<iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/' + id +\r\n      '?autoplay=1&rel=0&modestbranding=1\" ' +\r\n      'title=\"Vid\u00e9o Owlshake \u2014 promenade Sainte-Catherine\" ' +\r\n      'allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; ' +\r\n      'gyroscope; picture-in-picture; web-share\" ' +\r\n      'referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>';\r\n    box.classList.add('is-open');\r\n    document.body.style.overflow = 'hidden';\r\n    if (close) close.focus();\r\n  }\r\n\r\n  function shut(){\r\n    box.classList.remove('is-open');\r\n    \/* Vider l'iframe arr\u00eate la lecture net. *\/\r\n    frame.innerHTML = '';\r\n    document.body.style.overflow = '';\r\n    if (lastFocus) lastFocus.focus();\r\n  }\r\n\r\n  document.querySelectorAll('.ss-reel .reel').forEach(function(btn){\r\n    btn.addEventListener('click', function(){ open(btn.getAttribute('data-yt'), btn); });\r\n  });\r\n\r\n  if (close) close.addEventListener('click', shut);\r\n  box.addEventListener('click', function(e){ if (e.target === box) shut(); });\r\n  document.addEventListener('keydown', function(e){\r\n    if (e.key === 'Escape' && box.classList.contains('is-open')) shut();\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32c75bae e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"32c75bae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-37c66781 e-grid e-con-full e-con e-child\" data-id=\"37c66781\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27d56b9e elementor-widget elementor-widget-icon-box\" data-id=\"27d56b9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tClient\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tCollectif Owlshake \u00b7 \u00c9v\u00e9nementiel\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33d5ae41 elementor-widget elementor-widget-icon-box\" data-id=\"33d5ae41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSecteur\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t\u00c9v\u00e9nementiel \u00b7 Communication\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4729ddef elementor-widget elementor-widget-icon-box\" data-id=\"4729ddef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tLivrables\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t1 vid\u00e9o \u00b7 Instagram 9:16\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1465c2e1 elementor-widget elementor-widget-icon-box\" data-id=\"1465c2e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tDiffusion\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tInstagram\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ae1bfaa elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1ae1bfaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b64ff9 e-con-full e-flex e-con e-child\" data-id=\"4b64ff9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2702c546 elementor-widget elementor-widget-heading\" data-id=\"2702c546\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">prestations:<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ae922a7 elementor-widget elementor-widget-button\" data-id=\"3ae922a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Storyboard<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-713e9755 elementor-widget elementor-widget-button\" data-id=\"713e9755\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Tournage<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13512c7d elementor-widget elementor-widget-button\" data-id=\"13512c7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Mod\u00e9lisation 3D<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a1caac2 elementor-widget elementor-widget-button\" data-id=\"5a1caac2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"> Texturing<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38286b86 elementor-widget elementor-widget-button\" data-id=\"38286b86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"> Rigging<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53602f0b elementor-widget elementor-widget-button\" data-id=\"53602f0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Animation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f7be029 elementor-widget elementor-widget-button\" data-id=\"5f7be029\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Lighting<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7efa35b7 elementor-widget elementor-widget-button\" data-id=\"7efa35b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Tracking<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63e8a664 elementor-widget elementor-widget-button\" data-id=\"63e8a664\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Compositing<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47c54dd3 elementor-widget elementor-widget-button\" data-id=\"47c54dd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\"> Montage<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a6161e5 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"a6161e5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a49212 elementor-widget elementor-widget-menu-anchor\" data-id=\"7a49212\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"makingoff\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65448a5e elementor-widget elementor-widget-heading\" data-id=\"65448a5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sunsplash et l\u2019animation 3D : brouiller la fronti\u00e8re entre r\u00e9el et cr\u00e9ation \n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73de39f7 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"73de39f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Changer de dimension sans perdre l\u2019identit\u00e9 \n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b2e93f9 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"3b2e93f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Le logo Owlshake avait \u00e9t\u00e9 pens\u00e9 pour vivre \u00e0 plat. Pour l\u2019amener dans une <\/span><b>animation 3D<\/b><span style=\"font-weight: 400;\">, il fallait repenser cette identit\u00e9 dans l\u2019espace : construire ses volumes, ses mati\u00e8res et ses proportions tout en conservant les formes qui le rendent imm\u00e9diatement reconnaissable.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Puis il a fallu le confronter au r\u00e9el. Int\u00e9gr\u00e9 \u00e0 une prise de vue tourn\u00e9e \u00e0 la promenade sainte catherine, en plein soleil, le personnage devait r\u00e9agir \u00e0 la m\u00eame lumi\u00e8re que son environnement. Ombres, mati\u00e8res, volumes et \u00e9clairage ont ainsi \u00e9t\u00e9 travaill\u00e9s pour assurer une <\/span><b>int\u00e9gration 3D<\/b><span style=\"font-weight: 400;\"> naturelle dans l\u2019image.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5cc570d0 e-con-full e-flex e-con e-child\" data-id=\"5cc570d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dfdd68d elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"3dfdd68d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/10\/logo-2-300x300.png\" class=\"attachment-medium size-medium wp-image-1418\" alt=\"Ocean Days projet logo owlshake\" srcset=\"https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/10\/logo-2-300x300.png 300w, https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/10\/logo-2-150x150.png 150w, https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/10\/logo-2-12x12.png 12w, https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/10\/logo-2.png 486w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Logo 2D d'origine <\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-182bb0d1 e-transform elementor-widget elementor-widget-heading\" data-id=\"182bb0d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:90,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">\n\u2192<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23381ffd elementor-widget elementor-widget-image\" data-id=\"23381ffd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"266\" src=\"https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2026\/04\/removebg-300x266.png\" class=\"attachment-medium size-medium wp-image-2245\" alt=\"logo owlshake image 3D sunsplash transformation\" srcset=\"https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2026\/04\/removebg-300x266.png 300w, https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2026\/04\/removebg-14x12.png 14w, https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2026\/04\/removebg.png 649w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Personnage 3D <\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e898d23 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"2e898d23\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00ab\u00a0Passer d\u2019une identit\u00e9 graphique \u00e0 une pr\u00e9sence physique sans perdre ce qui la rend reconnaissable : c\u2019est l\u00e0 que se trouvait le v\u00e9ritable enjeu du projet.\u00a0\u00bb<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-84e3027 e-flex e-con-boxed e-con e-parent\" data-id=\"84e3027\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b402bce elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4b402bce\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Making of et d\u00e9riv\u00e9s<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-485cd30b elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"485cd30b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Un personnage, plusieurs contenus.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d7ece0e elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"2d7ece0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Trois vid\u00e9os, trois formats servis dans leur ratio natif : le livrable vertical 9:16 pour Instagram, et deux tests d&rsquo;animation \u2014 texture en 1:1, turnaround en 16:9.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7868c273 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-html\" data-id=\"7868c273\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SUNSPLASH \u2014 R\u00e9alisations Ocean Days + lecteur plein \u00e9cran\r\n     Scop\u00e9 sous .ss-reels.\r\n\r\n     FONCTIONNEMENT\r\n       Chaque vignette porte data-yt (identifiant YouTube) et\r\n       data-ratio. Au clic, une fen\u00eatre s'ouvre et charge la\r\n       vid\u00e9o au bon format. L'iframe n'est cr\u00e9\u00e9e qu'\u00e0 l'ouverture\r\n       et d\u00e9truite \u00e0 la fermeture : rien ne se charge tant que\r\n       l'utilisateur n'a pas cliqu\u00e9, et la lecture s'arr\u00eate net.\r\n\r\n     FERMETURE : bouton \u00d7, touche \u00c9chap, ou clic sur le fond.\r\n\r\n     MINIATURES\r\n       Tir\u00e9es automatiquement de YouTube. Pour utiliser tes\r\n       propres rendus, remplace le src de l'<img>.\r\n\r\n     Conteneur Elementor : padding 0 \u00b7 marge 0.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"preconnect\" href=\"https:\/\/i.ytimg.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,800&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.ss-reels{\r\n  --clay-000:#F1EFE9;\r\n  --ink:#16181C;\r\n  --ink-deep:#0E0F12;\r\n  --k-cold:#5F86B8;\r\n  --k-neutral:#B98C33;\r\n  --k-warm:#C4462A;\r\n\r\n  --ss-display:\"Bricolage Grotesque\",system-ui,-apple-system,sans-serif;\r\n  --ss-mono:\"IBM Plex Mono\",ui-monospace,SFMono-Regular,monospace;\r\n  --gap:clamp(12px,1.6vw,22px);\r\n\r\n  background:transparent;margin:0;padding:0;\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n.ss-reels *{box-sizing:border-box}\r\n.ss-reels h4,.ss-reels p,.ss-reels span{margin:0;padding:0}\r\n\r\n\/* ---------- Grille : un vertical \u00e0 gauche, deux \u00e0 droite ---------- *\/\r\n\/* align-items:stretch \u2014 la carte de gauche n'a pas de hauteur\r\n   propre : elle prend celle de la colonne de droite, d\u00e9finie par\r\n   le 1:1 + la goutti\u00e8re + le 16:9. Les deux colonnes se terminent\r\n   donc exactement au m\u00eame niveau.\r\n   La largeur 0.88fr est calcul\u00e9e pour que la carte reste proche\r\n   d'un 9:16 \u00e0 cette hauteur. *\/\r\n.ss-reels .rz-row{\r\n  display:grid !important;\r\n  grid-template-columns:minmax(0,0.88fr) minmax(0,1fr);\r\n  gap:var(--gap);\r\n  align-items:stretch;\r\n}\r\n.ss-reels .rz-col{display:grid;gap:var(--gap);align-content:start}\r\n\r\n\/* ---------- Vignette ---------- *\/\r\n.ss-reels .rz{\r\n  display:block !important;position:relative;overflow:hidden;\r\n  border:0;padding:0;width:100%;\r\n  border-radius:14px;\r\n  background:var(--ink-deep);\r\n  cursor:pointer;\r\n  text-align:left;\r\n  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease;\r\n}\r\n.ss-reels .rz:hover{transform:translateY(-3px);box-shadow:0 26px 56px -34px rgba(22,24,28,.55)}\r\n.ss-reels .rz-vert{height:100%;min-height:320px}\r\n.ss-reels .rz-sq{aspect-ratio:1\/1}\r\n.ss-reels .rz-wide{aspect-ratio:16\/9}\r\n\r\n.ss-reels .rz img{\r\n  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;\r\n  transition:transform .8s cubic-bezier(.2,.7,.2,1);\r\n}\r\n.ss-reels .rz:hover img{transform:scale(1.045)}\r\n\r\n\/* Voile : garantit la lisibilit\u00e9 quel que soit le visuel *\/\r\n.ss-reels .rz::after{\r\n  content:\"\";position:absolute;inset:0;\r\n  background:linear-gradient(180deg,rgba(14,15,18,.5) 0%,rgba(14,15,18,0) 28%,rgba(14,15,18,.28) 52%,rgba(14,15,18,.78) 78%,rgba(14,15,18,.96) 100%);\r\n}\r\n.ss-reels .rz > *{position:relative;z-index:2}\r\n\r\n\/* ---------- Bandeau haut ---------- *\/\r\n.ss-reels .rz-top{\r\n  position:absolute;top:12px;left:12px;right:12px;\r\n  display:flex !important;align-items:center;justify-content:space-between;gap:10px;\r\n}\r\n.ss-reels .rz-brand{\r\n  display:flex !important;align-items:center;gap:8px;\r\n  font-family:var(--ss-display,system-ui,sans-serif) !important;\r\n  font-weight:600 !important;font-size:12.5px;color:var(--clay-000);\r\n  text-shadow:0 1px 2px rgba(8,9,11,.85), 0 3px 12px rgba(8,9,11,.6);\r\n}\r\n.ss-reels .rz-brand i{\r\n  width:22px;height:22px;border-radius:50%;flex:none;display:block;\r\n  background:radial-gradient(circle at 32% 30%,#F3D3A0,#C4462A);\r\n}\r\n.ss-reels .rz-fmt{\r\n  font-family:var(--ss-mono,ui-monospace,monospace) !important;\r\n  font-size:10px;letter-spacing:.12em;color:var(--clay-000);\r\n  background:rgba(14,15,18,.55);border:1px solid rgba(241,239,233,.28);\r\n  border-radius:999px;padding:4px 10px;white-space:nowrap;\r\n}\r\n\r\n\/* ---------- Bouton lecture ----------\r\n   Le triangle est fabriqu\u00e9 par des bordures : pas d'ic\u00f4ne. *\/\r\n.ss-reels .rz-play{\r\n  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\r\n  width:60px;height:60px;border-radius:50%;\r\n  background:rgba(241,239,233,.16);border:1px solid rgba(241,239,233,.4);\r\n  display:flex !important;align-items:center;justify-content:center;\r\n  transition:background-color .3s ease,border-color .3s ease;\r\n}\r\n.ss-reels .rz:hover .rz-play{background:var(--k);border-color:var(--k)}\r\n.ss-reels .rz-play::before{\r\n  content:\"\";border-style:solid;border-width:9px 0 9px 15px;\r\n  border-color:transparent transparent transparent var(--clay-000);\r\n  margin-left:4px;\r\n}\r\n\r\n\/* ---------- L\u00e9gende ---------- *\/\r\n.ss-reels .rz-body{position:absolute;left:0;right:0;bottom:0;padding:clamp(14px,1.5vw,20px)}\r\n\/* Le kicker devient une pastille : sur une photo claire, une\r\n   couleur d'accent seule ne tient jamais le contraste. Le fond\r\n   opaque garantit la lisibilit\u00e9 quel que soit le visuel. *\/\r\n.ss-reels .rz-k{\r\n  display:inline-block;margin-bottom:8px;\r\n  color:var(--k);\r\n  background:rgba(10,11,14,.82);\r\n  border:1px solid color-mix(in srgb, var(--k) 45%, transparent);\r\n  border-radius:999px;\r\n  padding:4px 10px;\r\n  font-family:var(--ss-mono,ui-monospace,monospace) !important;\r\n  font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;\r\n  line-height:1.3;\r\n}\r\n@supports not (color: color-mix(in srgb, red 50%, blue)){\r\n  .ss-reels .rz-k{border-color:rgba(241,239,233,.3)}\r\n}\r\n.ss-reels .rz h4{\r\n  font-family:var(--ss-display,\"Bricolage Grotesque\",system-ui,sans-serif) !important;\r\n  font-weight:600 !important;\r\n  font-size:clamp(15px,1.5vw,20px);letter-spacing:-0.02em;line-height:1.18;\r\n  color:var(--clay-000);text-transform:none;\r\n  \/* Double ombre : une serr\u00e9e qui d\u00e9tache la lettre de l'image,\r\n     une large et diffuse qui assombrit la zone derri\u00e8re le mot. *\/\r\n  text-shadow:0 1px 2px rgba(8,9,11,.9), 0 4px 18px rgba(8,9,11,.75);\r\n}\r\n.ss-reels .rz--cold{--k:var(--k-cold)}\r\n.ss-reels .rz--neutral{--k:var(--k-neutral)}\r\n.ss-reels .rz--warm{--k:var(--k-warm)}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width:860px){\r\n  \/* En colonne unique, plus rien ne dicte la hauteur : on rend\r\n     son ratio \u00e0 la carte verticale. *\/\r\n  .ss-reels .rz-row{grid-template-columns:1fr}\r\n  .ss-reels .rz-vert{height:auto;aspect-ratio:4\/5}\r\n}\r\n@media (max-width:520px){\r\n  .ss-reels .rz-play{width:50px;height:50px}\r\n  .ss-reels .rz-play::before{border-width:8px 0 8px 13px}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .ss-reels .rz,.ss-reels .rz img,.ss-reels .rz-play{transition:none}\r\n}\r\n.ss-reels .rz:focus-visible{outline:2px solid var(--k-warm);outline-offset:3px}\r\n\r\n\/* ============ FEN\u00caTRE DE LECTURE ============ *\/\r\n.ss-lightbox{\r\n  position:fixed;inset:0;z-index:99999;\r\n  display:none;align-items:center;justify-content:center;\r\n  padding:clamp(16px,4vw,48px);\r\n  background:rgba(8,9,11,.92);\r\n  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);\r\n}\r\n.ss-lightbox.is-open{display:flex}\r\n.ss-lightbox .lb-frame{\r\n  position:relative;width:100%;max-width:min(92vw,1100px);\r\n  max-height:86vh;aspect-ratio:16\/9;\r\n  background:#000;border-radius:12px;overflow:hidden;\r\n}\r\n\/* Un format vertical doit \u00eatre born\u00e9 par la HAUTEUR, sinon il\r\n   d\u00e9borde de l'\u00e9cran sur un ratio 9:16. *\/\r\n.ss-lightbox[data-ratio=\"9:16\"] .lb-frame{aspect-ratio:9\/16;max-width:min(92vw,480px)}\r\n.ss-lightbox[data-ratio=\"1:1\"]  .lb-frame{aspect-ratio:1\/1;max-width:min(92vw,720px)}\r\n.ss-lightbox .lb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\r\n\r\n.ss-lightbox .lb-close{\r\n  position:absolute;top:calc(clamp(16px,4vw,48px) - 4px);right:clamp(16px,4vw,48px);\r\n  width:44px;height:44px;border-radius:50%;\r\n  background:rgba(241,239,233,.12);border:1px solid rgba(241,239,233,.35);\r\n  color:#F1EFE9;font-size:22px;line-height:1;cursor:pointer;\r\n  display:flex;align-items:center;justify-content:center;\r\n  transition:background-color .25s ease;\r\n}\r\n.ss-lightbox .lb-close:hover{background:rgba(241,239,233,.24)}\r\n.ss-lightbox .lb-close:focus-visible{outline:2px solid #C4462A;outline-offset:3px}\r\n\r\n\/* Lien de secours : certaines vid\u00e9os interdisent l'int\u00e9gration,\r\n   l'iframe reste alors noire. Ce lien fonctionne toujours. *\/\r\n.ss-lightbox .lb-fallback{\r\n  position:absolute;left:50%;bottom:clamp(12px,3vh,26px);transform:translateX(-50%);\r\n  font-family:\"IBM Plex Mono\",ui-monospace,monospace;\r\n  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;\r\n  color:rgba(241,239,233,.6);text-decoration:none;\r\n  border-bottom:1px solid rgba(241,239,233,.3);padding-bottom:2px;\r\n}\r\n.ss-lightbox .lb-fallback:hover{color:#F1EFE9}\r\n<\/style>\r\n\r\n\r\n<section class=\"ss-reels\" id=\"realisations\">\r\n  <div class=\"rz-row\">\r\n\r\n    <!-- Livrable principal \u2014 9:16 -->\r\n    <button class=\"rz rz-vert rz--warm\" type=\"button\"\r\n            data-yt=\"4-V6baTbd-c\" data-ratio=\"9:16\"\r\n            aria-label=\"Lire la vid\u00e9o promotionnelle Ocean Days\">\r\n      <img src=\"https:\/\/i.ytimg.com\/vi\/4-V6baTbd-c\/maxresdefault.jpg\"\r\n           onerror=\"this.src='https:\/\/i.ytimg.com\/vi\/4-V6baTbd-c\/hqdefault.jpg'\"\r\n           alt=\"Mascotte 3D Owlshake anim\u00e9e pour le festival Ocean Days\"\r\n           loading=\"lazy\" decoding=\"async\">\r\n      <span class=\"rz-top\">\r\n        <span class=\"rz-brand\"><i aria-hidden=\"true\"><\/i>Sunsplash Studio<\/span>\r\n        <span class=\"rz-fmt\">9:16<\/span>\r\n      <\/span>\r\n      <span class=\"rz-play\" aria-hidden=\"true\"><\/span>\r\n      <span class=\"rz-body\">\r\n        <span class=\"rz-k\">Making off<\/span>\r\n        <h4>Vid\u00e9o promotionnelle \u2014 Ocean Days<\/h4>\r\n      <\/span>\r\n    <\/button>\r\n\r\n    <div class=\"rz-col\">\r\n\r\n      <!-- Test animation \u2014 1:1 -->\r\n      <button class=\"rz rz-sq rz--neutral\" type=\"button\"\r\n              data-yt=\"6ynzin7TOvY\" data-ratio=\"1:1\"\r\n              aria-label=\"Lire le test d'animation, mascotte textur\u00e9e\">\r\n        <img src=\"https:\/\/i.ytimg.com\/vi\/6ynzin7TOvY\/maxresdefault.jpg\"\r\n             onerror=\"this.src='https:\/\/i.ytimg.com\/vi\/6ynzin7TOvY\/hqdefault.jpg'\"\r\n             alt=\"Test de texture sur la mascotte 3D Owlshake\"\r\n             loading=\"lazy\" decoding=\"async\">\r\n        <span class=\"rz-top\">\r\n          <span class=\"rz-brand\"><i aria-hidden=\"true\"><\/i>Sunsplash Studio<\/span>\r\n          <span class=\"rz-fmt\">1:1<\/span>\r\n        <\/span>\r\n        <span class=\"rz-play\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"rz-body\">\r\n          <span class=\"rz-k\">Test animation<\/span>\r\n          <h4>Mascotte \u2014 animation 3D<\/h4>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <!-- Test animation \u2014 16:9 -->\r\n      <button class=\"rz rz-wide rz--cold\" type=\"button\"\r\n              data-yt=\"TJiLEQMffPA\" data-ratio=\"16:9\"\r\n              aria-label=\"Lire le turnaround 3D de la mascotte\">\r\n        <img src=\"https:\/\/i.ytimg.com\/vi\/TJiLEQMffPA\/maxresdefault.jpg\"\r\n             onerror=\"this.src='https:\/\/i.ytimg.com\/vi\/TJiLEQMffPA\/hqdefault.jpg'\"\r\n             alt=\"Turnaround 3D de la mascotte Owlshake\"\r\n             loading=\"lazy\" decoding=\"async\">\r\n        <span class=\"rz-top\">\r\n          <span class=\"rz-brand\"><i aria-hidden=\"true\"><\/i>Sunsplash Studio<\/span>\r\n          <span class=\"rz-fmt\">16:9<\/span>\r\n        <\/span>\r\n        <span class=\"rz-play\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"rz-body\">\r\n          <span class=\"rz-k\">Le personnage en 3D<\/span>\r\n          <h4>Mascotte \u2014 turnaround 3D<\/h4>\r\n        <\/span>\r\n      <\/button>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Fen\u00eatre de lecture, hors de la grille -->\r\n<div class=\"ss-lightbox\" id=\"ssLightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Lecteur vid\u00e9o\">\r\n  <button class=\"lb-close\" type=\"button\" aria-label=\"Fermer la vid\u00e9o\">&times;<\/button>\r\n  <div class=\"lb-frame\"><\/div>\r\n  <a class=\"lb-fallback\" href=\"#\" target=\"_blank\" rel=\"noopener\">Ouvrir sur YouTube<\/a>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var box   = document.getElementById('ssLightbox');\r\n  var frame = box && box.querySelector('.lb-frame');\r\n  var close = box && box.querySelector('.lb-close');\r\n  if (!box || !frame) return;\r\n\r\n  \/* CORRECTIF ELEMENTOR \u2014 indispensable.\r\n     Un conteneur anc\u00eatre portant transform, filter ou\r\n     overflow:hidden casse le position:fixed : la fen\u00eatre\r\n     s'ouvrirait DANS le conteneur, rogn\u00e9e ou invisible.\r\n     On la remonte donc \u00e0 la racine du document. *\/\r\n  if (box.parentNode !== document.body){\r\n    document.body.appendChild(box);\r\n  }\r\n\r\n  var lastFocus = null;\r\n\r\n  function open(id, ratio, trigger){\r\n    lastFocus = trigger || null;\r\n    box.setAttribute('data-ratio', ratio || '16:9');\r\n    \/* L'iframe est cr\u00e9\u00e9e \u00e0 l'ouverture : aucune requ\u00eate YouTube\r\n       tant que l'utilisateur n'a pas cliqu\u00e9. *\/\r\n    frame.innerHTML =\r\n      '<iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/' + id +\r\n      '?autoplay=1&rel=0&modestbranding=1&playsinline=1\" ' +\r\n      'title=\"Lecteur vid\u00e9o\" allow=\"accelerometer; autoplay; clipboard-write; ' +\r\n      'encrypted-media; gyroscope; picture-in-picture; web-share\" ' +\r\n      'referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>';\r\n    var fb = box.querySelector('.lb-fallback');\r\n    if (fb) fb.href = 'https:\/\/youtu.be\/' + id;\r\n    box.classList.add('is-open');\r\n    document.body.style.overflow = 'hidden';\r\n    if (close) close.focus();\r\n  }\r\n\r\n  function shut(){\r\n    box.classList.remove('is-open');\r\n    \/* Vider l'iframe arr\u00eate la lecture net. *\/\r\n    frame.innerHTML = '';\r\n    document.body.style.overflow = '';\r\n    if (lastFocus) lastFocus.focus();\r\n  }\r\n\r\n  document.querySelectorAll('.ss-reels .rz').forEach(function(btn){\r\n    btn.addEventListener('click', function(){\r\n      open(btn.getAttribute('data-yt'), btn.getAttribute('data-ratio'), btn);\r\n    });\r\n  });\r\n\r\n  if (close) close.addEventListener('click', shut);\r\n  box.addEventListener('click', function(e){ if (e.target === box) shut(); });\r\n  document.addEventListener('keydown', function(e){\r\n    if (e.key === 'Escape' && box.classList.contains('is-open')) shut();\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0a4a75 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"a0a4a75\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83aa9c8 elementor-widget elementor-widget-heading\" data-id=\"83aa9c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cr\u00e9ation d\u2019une mascotte 3D pour Owlshake<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3656e65 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"3656e65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Du storyboard \u00e0 l'int\u00e9gration et l'animation 3D finale.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f714949 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f714949\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Six \u00e9tapes pour faire na\u00eetre un personnage et le fondre dans le r\u00e9el, du plat \u00e0 la lumi\u00e8re du soleil de Bordeaux.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8831331 elementor-widget elementor-widget-html\" data-id=\"8831331\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SUNSPLASH \u2014 Processus Ocean Days (6 \u00e9tapes)\r\n     Scop\u00e9 sous .ss-odp.\r\n\r\n     HI\u00c9RARCHIE (correction demand\u00e9e)\r\n       Num\u00e9ros 01\u201306   \u2192 <span class=\"odp-n\">   aucun poids s\u00e9mantique\r\n       Titres d'\u00e9tape  \u2192 <h4>                   sous un h2 + h3 de section\r\n\r\n     CLASSES RENOMM\u00c9ES\r\n       .step \/ .steps sont des noms trop courants sur un site\r\n       WordPress : tout est pr\u00e9fix\u00e9 odp- pour \u00e9viter qu'une\r\n       feuille externe ne casse la mise en page.\r\n\r\n     Conteneur Elementor : padding 0 \u00b7 marge 0.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600&family=Instrument+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.ss-odp{\r\n  --clay-000:#F1EFE9;\r\n  --ink:#16181C;\r\n  --glow:#F3D3A0;\r\n  --k-warm:#C4462A;\r\n  --line:rgba(241,239,233,.16);\r\n\r\n  --ss-display:\"Bricolage Grotesque\",system-ui,-apple-system,sans-serif;\r\n  --ss-body:\"Instrument Sans\",system-ui,-apple-system,sans-serif;\r\n  --ss-mono:\"IBM Plex Mono\",ui-monospace,SFMono-Regular,monospace;\r\n\r\n  background:transparent;   \/* pr\u00e9vu pour un conteneur sombre *\/\r\n  color:var(--clay-000);\r\n  font-family:var(--ss-body);\r\n  font-size:16px;line-height:1.62;margin:0;padding:0;\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n.ss-odp *{box-sizing:border-box}\r\n.ss-odp h4,.ss-odp p,.ss-odp span{margin:0;padding:0}\r\n\r\n\/* ---------- Grille ----------\r\n   Le gap de 1px laisse voir le fond du conteneur : c'est lui qui\r\n   dessine les s\u00e9parations entre les cartes. *\/\r\n.ss-odp .odp-row{\r\n  display:grid !important;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:1px;background:var(--line);\r\n  border:1px solid var(--line);\r\n}\r\n\r\n\/* VERROUS D\u00c9FENSIFS\r\n   Une carte doit rester un bloc vertical simple, m\u00eame si une\r\n   feuille externe tente d'y poser flex ou grid. *\/\r\n.ss-odp .odp-card{\r\n  display:block !important;\r\n  float:none !important;\r\n  position:static !important;\r\n  width:auto !important;\r\n  background:var(--ink);\r\n  padding:clamp(24px,2.4vw,36px);\r\n}\r\n.ss-odp .odp-card > *{\r\n  display:block !important;\r\n  width:100% !important;\r\n  max-width:none !important;\r\n  float:none !important;\r\n  flex:none !important;\r\n}\r\n\r\n\/* ---------- Num\u00e9ro : span, aucun poids s\u00e9mantique ---------- *\/\r\n.ss-odp .odp-n{\r\n  margin-bottom:20px !important;color:var(--k-warm);\r\n  font-family:var(--ss-mono,ui-monospace,monospace) !important;\r\n  font-size:10.5px;font-weight:500;letter-spacing:.16em;line-height:1.4;\r\n}\r\n\r\n\/* ---------- Titre d'\u00e9tape : h4 ---------- *\/\r\n.ss-odp .odp-card h4{\r\n  font-family:var(--ss-display,\"Bricolage Grotesque\",system-ui,sans-serif) !important;\r\n  font-weight:600 !important;\r\n  font-size:clamp(17px,1.6vw,21px);\r\n  letter-spacing:-0.02em;line-height:1.18;\r\n  margin-bottom:12px !important;\r\n  color:var(--clay-000);\r\n  text-transform:none;\r\n}\r\n\r\n.ss-odp .odp-card p{font-size:14px;line-height:1.6;color:rgba(241,239,233,.62)}\r\n.ss-odp .odp-note{margin-top:14px !important;font-size:12.5px;color:rgba(241,239,233,.5)}\r\n.ss-odp .odp-note b{\r\n  color:var(--glow);font-weight:600;\r\n  display:inline !important;width:auto !important;\r\n}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width:1040px){\r\n  .ss-odp .odp-row{grid-template-columns:repeat(2,1fr)}\r\n}\r\n@media (max-width:620px){\r\n  .ss-odp .odp-row{grid-template-columns:1fr}\r\n}\r\n\r\n\/* ---------- Variante claire : .ss-odp--light ---------- *\/\r\n.ss-odp--light{color:var(--ink);--line:rgba(93,97,105,.32)}\r\n.ss-odp--light .odp-card{background:var(--clay-000)}\r\n.ss-odp--light .odp-card h4{color:var(--ink)}\r\n.ss-odp--light .odp-card p{color:rgba(42,45,51,.78)}\r\n.ss-odp--light .odp-note{color:rgba(42,45,51,.62)}\r\n.ss-odp--light .odp-note b{color:#8A6A22}\r\n<\/style>\r\n\r\n\r\n<section class=\"ss-odp\" id=\"process\">\r\n  <div class=\"odp-row\">\r\n\r\n    <article class=\"odp-card\">\r\n      <span class=\"odp-n\">01<\/span>\r\n      <h4>Storyboard &amp; direction artistique<\/h4>\r\n      <p>D\u00e9finition du sc\u00e9nario visuel : apparition de la mascotte, interactions avec le d\u00e9cor, mouvements de cam\u00e9ra et rythme de la s\u00e9quence.\r\n<\/p>\r\n    <\/article>\r\n\r\n    <article class=\"odp-card\">\r\n      <span class=\"odp-n\">02<\/span>\r\n      <h4>Mod\u00e9lisation 3D<\/h4>\r\n      <p>Transformation du logo hibou 2D en personnage 3D : volumes, proportions et formes sont reconstruits dans le respect de l\u2019identit\u00e9 graphique d\u2019Owlshake.<\/p>\r\n      <p class=\"odp-note\"><b>Contrainte :<\/b> conserver les caract\u00e9ristiques qui rendent la mascotte imm\u00e9diatement reconnaissable.\r\n<\/p>\r\n    <\/article>\r\n\r\n    <article class=\"odp-card\">\r\n      <span class=\"odp-n\">03<\/span>\r\n      <h4>Texturing &amp; rigging<\/h4>\r\n      <p>Cr\u00e9ation des mat\u00e9riaux et textures, puis mise en place du rig pour permettre d\u2019animer le personnage et de lui donner une gestuelle coh\u00e9rente avec la sc\u00e8ne.<\/p>\r\n    <\/article>\r\n\r\n    <article class=\"odp-card\">\r\n      <span class=\"odp-n\">04<\/span>\r\n      <h4>Tournage Sainte-Catherine<\/h4>\r\n      <p>Prise de vue du d\u00e9cor r\u00e9el avec suivi des \u00e9l\u00e9ments n\u00e9cessaires \u00e0 l\u2019int\u00e9gration du personnage en 3D.\r\n<\/p>\r\n      <p class=\"odp-note\"><b>Enjeu :<\/b> reproduire pr\u00e9cis\u00e9ment la perspective, la cam\u00e9ra et les conditions de lumi\u00e8re de la sc\u00e8ne r\u00e9elle.<\/p>\r\n    <\/article>\r\n\r\n    <article class=\"odp-card\">\r\n      <span class=\"odp-n\">05<\/span>\r\n      <h4>Animation &amp; lighting 3D<\/h4>\r\n      <p>Animation de la mascotte et cr\u00e9ation d\u2019un \u00e9clairage 3D coh\u00e9rent avec la lumi\u00e8re naturelle du tournage : direction des ombres, intensit\u00e9 lumineuse et interactions avec le d\u00e9cor.<\/p>\r\n    <\/article>\r\n\r\n    <article class=\"odp-card\">\r\n      <span class=\"odp-n\">06<\/span>\r\n      <h4>Compositing &amp; montage<\/h4>\r\n      <p>Int\u00e9gration du rendu 3D dans la prise de vue r\u00e9elle, puis travail des couleurs, des effets et du rythme du montage pour harmoniser l\u2019ensemble avec la vid\u00e9o du festival.\r\n<\/p>\r\n      <p class=\"odp-note\"><b>R\u00e9sultat :<\/b>  une mascotte 3D qui semble r\u00e9ellement prendre place dans le d\u00e9cor de la promenade Sainte-Catherine.<\/p>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b542fee e-flex e-con-boxed e-con e-parent\" data-id=\"b542fee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68da87ed elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"68da87ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Des possibilit\u00e9s infinies<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dd22009 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5dd22009\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Une mascotte pens\u00e9e au-del\u00e0 d\u2019une seule campagne<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b0e75c9 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"2b0e75c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"9376\" data-end=\"9601\">Ocean Days n\u2019a pas seulement donn\u00e9 naissance \u00e0 une vid\u00e9o promotionnelle. La transformation du logo en personnage 3D a cr\u00e9\u00e9 un asset enti\u00e8rement animable, capable d\u2019\u00eatre r\u00e9utilis\u00e9 dans de nouveaux d\u00e9cors, formats et campagnes.<\/p><p data-start=\"9606\" data-end=\"9749\">Le m\u00eame personnage a ainsi pu \u00eatre repris lors d\u2019une collaboration suivante avec Owlshake, sans repartir de z\u00e9ro sur la mod\u00e9lisation et le rig.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74337156 pp-info-box-left elementor-widget__width-initial pp-info-box-tablet-left pp-info-box-mobile-top elementor-invisible elementor-widget elementor-widget-pp-info-box\" data-id=\"74337156\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"pp-info-box.default\">\n\t\t\t\t\t\t\t<div class=\"pp-info-box-container\">\n\t\t\t<div class=\"pp-info-box\">\n\t\t\t\t\t\t\t\t\t<div class=\"pp-info-box-icon-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-info-box-icon pp-icon\">\n\t\t\t<img decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/11\/owlshake2-768x432.png\" class=\"attachment-medium_large size-medium_large wp-image-1768\" alt=\"Sunsplash Projet_Ocean Days\" srcset=\"https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/11\/owlshake2-768x432.png 768w, https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/11\/owlshake2-300x169.png 300w, https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/11\/owlshake2-1024x576.png 1024w, https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/11\/owlshake2-1536x864.png 1536w, https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/11\/owlshake2-18x10.png 18w, https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/11\/owlshake2.png 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"pp-info-box-content\">\n\t\t\t\t\t<div class=\"pp-info-box-title-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-info-box-title-container\">\n\t\t\t\t\t\t\t\t<h4 class=\"pp-info-box-title\">\n\t\t\t\t\t\t\t\t\tOwlshake \u00b7 Bien Public \u00b7 D\u00e9c. 2025\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"pp-info-box-subtitle\">\n\t\t\t\t\t\t\t\tOwlshake\t\t\t\t\t\t\t<\/h5>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-info-box-description\">\n\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">Deuxi\u00e8me collaboration : le m\u00eame hibou 3D, int\u00e9gr\u00e9 cette fois sur une vraie piste de danse, sous les lumi\u00e8res d&rsquo;un bar bordelais.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-info-box-footer\">\n\t\t\t\t\t<a href=\"https:\/\/www.sunsplash.fr\/owlshake-2\/\" class=\"pp-info-box-button elementor-button elementor-size-md elementor-animation-grow\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-button-text\">\n\t\t\t\t\t\t\t\t   Voir la suite d'Owlshake \u2192\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ff5ac95 e-flex e-con-boxed e-con e-parent\" data-id=\"3ff5ac95\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48bcc0c0 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"48bcc0c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Votre projet m\u00e9rite une vision \u00e0 la hauteur de son ambition.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b62b9a0 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"4b62b9a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Dites-nous ce que vous devez faire comprendre, ressentir ou imaginer. Nous vous proposerons le langage visuel et les livrables les plus adapt\u00e9s.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30b73588 pp-buttons-halign-mobile-center pp-buttons-valign-middle pp-buttons-halign-left pp-buttons-stack-none elementor-invisible elementor-widget elementor-widget-pp-buttons\" data-id=\"30b73588\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"pp-buttons.default\">\n\t\t\t\t\t\t\t<div class=\"pp-buttons-group\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.sunsplash.fr\/contact\/\" class=\"pp-button elementor-button elementor-size-sm elementor-repeater-item-4dcde9e \">\n\t\t\t\t\t<div class=\"pp-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"pp-button-content-inner pp-icon-before\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<span class=\"pp-button-title\">\n\t\t\t\t\t\t\t\t\tParlons de votre projet \u2192 \t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.sunsplash.fr\/contact\/\" class=\"pp-button elementor-button elementor-size-sm elementor-repeater-item-43c59ff \">\n\t\t\t\t\t<div class=\"pp-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"pp-button-content-inner pp-icon-before\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<span class=\"pp-button-title\">\n\t\t\t\t\t\t\t\t\tVoir tous les projets \u2192\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accueil \/ Projets \/ Ocean Days Ocean Days \u2014 Animation 3D Festival Donner corps a une identit\u00e9. Client&nbsp;: Collectif Owlshake Juin 2025 \u00b7 Bordeaux Pour la premi\u00e8re vid\u00e9o promotionnelle du collectif Owlshake autour du festival Ocean Days, nous avons transform\u00e9 leur identit\u00e9 graphique en personnage 3D. Int\u00e9gr\u00e9 \u00e0 une prise de vue r\u00e9elle sur la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1768,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-2243","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Du logo 2D au personnage 3D int\u00e9gr\u00e9 en live : d\u00e9couvrez comment Sunsplash a cr\u00e9\u00e9 l&#039;animation 3D Instagram du festival Ocean Days pour le collectif Owlshake.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.sunsplash.fr\/ocean-days\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Sunsplash - Penser au-del\u00e0 du format\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Integration et Animation 3D en ext\u00e9rieur | Sunsplash Studio\" \/>\n\t\t<meta property=\"og:description\" content=\"Du logo 2D au personnage 3D int\u00e9gr\u00e9 en live : d\u00e9couvrez comment Sunsplash a cr\u00e9\u00e9 l&#039;animation 3D Instagram du festival Ocean Days pour le collectif Owlshake.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.sunsplash.fr\/ocean-days\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/11\/owlshake2.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/11\/owlshake2.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-04-28T12:33:34+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-08-17T08:20:42+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Integration et Animation 3D en ext\u00e9rieur | Sunsplash Studio\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Du logo 2D au personnage 3D int\u00e9gr\u00e9 en live : d\u00e9couvrez comment Sunsplash a cr\u00e9\u00e9 l&#039;animation 3D Instagram du festival Ocean Days pour le collectif Owlshake.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/sunsplash.fr\/wp-content\/uploads\/2025\/10\/LOGO_officiel_blanc-e1761741950460.webp\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/ocean-days\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/ocean-days\\\/#listItem\",\"name\":\"Integration et  Animation 3D en ext\\u00e9rieur | Sunsplash Studio\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/ocean-days\\\/#listItem\",\"position\":2,\"name\":\"Integration et  Animation 3D en ext\\u00e9rieur | Sunsplash Studio\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/#organization\",\"name\":\"Sunsplash Sunsplash Studio\",\"description\":\"Des visuels 3D qui font vendre. Rendre visible l'invisible.\",\"url\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/\",\"foundingDate\":\"2025-09-01\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"value\":2},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/sunsplash.fr\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/LOGO_officiel_CLR.webp\",\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/ocean-days\\\/#organizationLogo\"},\"image\":{\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/ocean-days\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/sunsplash_studio_3d?igsh=MXQzajh4Zzh2Ynh2MQ==\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/sunsplash-studio\\\/posts\\\/?feedView=all\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/ocean-days\\\/#webpage\",\"url\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/ocean-days\\\/\",\"name\":\"Integration et Animation 3D en ext\\u00e9rieur | Sunsplash Studio\",\"description\":\"Du logo 2D au personnage 3D int\\u00e9gr\\u00e9 en live : d\\u00e9couvrez comment Sunsplash a cr\\u00e9\\u00e9 l'animation 3D Instagram du festival Ocean Days pour le collectif Owlshake.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/ocean-days\\\/#breadcrumblist\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.sunsplash.fr\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/owlshake2.png\",\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/ocean-days\\\/#mainImage\",\"width\":1920,\"height\":1080,\"caption\":\"Sunsplash Projet_Ocean Days\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/ocean-days\\\/#mainImage\"},\"datePublished\":\"2026-04-28T14:33:34+02:00\",\"dateModified\":\"2026-08-17T10:20:42+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/\",\"name\":\"Sunsplash\",\"description\":\"Penser au-del\\u00e0 du format\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.sunsplash.fr\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Integration et Animation 3D en ext\u00e9rieur | Sunsplash Studio","description":"Du logo 2D au personnage 3D int\u00e9gr\u00e9 en live : d\u00e9couvrez comment Sunsplash a cr\u00e9\u00e9 l'animation 3D Instagram du festival Ocean Days pour le collectif Owlshake.","canonical_url":"https:\/\/www.sunsplash.fr\/ocean-days\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.sunsplash.fr\/en\/ocean-days\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.sunsplash.fr\/en#listItem","position":1,"name":"Home","item":"https:\/\/www.sunsplash.fr\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/www.sunsplash.fr\/en\/ocean-days\/#listItem","name":"Integration et  Animation 3D en ext\u00e9rieur | Sunsplash Studio"}},{"@type":"ListItem","@id":"https:\/\/www.sunsplash.fr\/en\/ocean-days\/#listItem","position":2,"name":"Integration et  Animation 3D en ext\u00e9rieur | Sunsplash Studio","previousItem":{"@type":"ListItem","@id":"https:\/\/www.sunsplash.fr\/en#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/www.sunsplash.fr\/en\/#organization","name":"Sunsplash Sunsplash Studio","description":"Des visuels 3D qui font vendre. Rendre visible l'invisible.","url":"https:\/\/www.sunsplash.fr\/en\/","foundingDate":"2025-09-01","numberOfEmployees":{"@type":"QuantitativeValue","value":2},"logo":{"@type":"ImageObject","url":"https:\/\/sunsplash.fr\/wp-content\/uploads\/2025\/10\/LOGO_officiel_CLR.webp","@id":"https:\/\/www.sunsplash.fr\/en\/ocean-days\/#organizationLogo"},"image":{"@id":"https:\/\/www.sunsplash.fr\/en\/ocean-days\/#organizationLogo"},"sameAs":["https:\/\/www.instagram.com\/sunsplash_studio_3d?igsh=MXQzajh4Zzh2Ynh2MQ==","https:\/\/www.linkedin.com\/company\/sunsplash-studio\/posts\/?feedView=all"]},{"@type":"WebPage","@id":"https:\/\/www.sunsplash.fr\/en\/ocean-days\/#webpage","url":"https:\/\/www.sunsplash.fr\/en\/ocean-days\/","name":"Integration et Animation 3D en ext\u00e9rieur | Sunsplash Studio","description":"Du logo 2D au personnage 3D int\u00e9gr\u00e9 en live : d\u00e9couvrez comment Sunsplash a cr\u00e9\u00e9 l'animation 3D Instagram du festival Ocean Days pour le collectif Owlshake.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.sunsplash.fr\/en\/#website"},"breadcrumb":{"@id":"https:\/\/www.sunsplash.fr\/en\/ocean-days\/#breadcrumblist"},"image":{"@type":"ImageObject","url":"https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/11\/owlshake2.png","@id":"https:\/\/www.sunsplash.fr\/en\/ocean-days\/#mainImage","width":1920,"height":1080,"caption":"Sunsplash Projet_Ocean Days"},"primaryImageOfPage":{"@id":"https:\/\/www.sunsplash.fr\/en\/ocean-days\/#mainImage"},"datePublished":"2026-04-28T14:33:34+02:00","dateModified":"2026-08-17T10:20:42+02:00"},{"@type":"WebSite","@id":"https:\/\/www.sunsplash.fr\/en\/#website","url":"https:\/\/www.sunsplash.fr\/en\/","name":"Sunsplash","description":"Penser au-del\u00e0 du format","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.sunsplash.fr\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Sunsplash - Penser au-del\u00e0 du format","og:type":"article","og:title":"Integration et Animation 3D en ext\u00e9rieur | Sunsplash Studio","og:description":"Du logo 2D au personnage 3D int\u00e9gr\u00e9 en live : d\u00e9couvrez comment Sunsplash a cr\u00e9\u00e9 l'animation 3D Instagram du festival Ocean Days pour le collectif Owlshake.","og:url":"https:\/\/www.sunsplash.fr\/ocean-days\/","og:image":"https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/11\/owlshake2.png","og:image:secure_url":"https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/11\/owlshake2.png","og:image:width":"1920","og:image:height":"1080","article:published_time":"2026-04-28T12:33:34+00:00","article:modified_time":"2026-08-17T08:20:42+00:00","twitter:card":"summary_large_image","twitter:title":"Integration et Animation 3D en ext\u00e9rieur | Sunsplash Studio","twitter:description":"Du logo 2D au personnage 3D int\u00e9gr\u00e9 en live : d\u00e9couvrez comment Sunsplash a cr\u00e9\u00e9 l'animation 3D Instagram du festival Ocean Days pour le collectif Owlshake.","twitter:image":"https:\/\/sunsplash.fr\/wp-content\/uploads\/2025\/10\/LOGO_officiel_blanc-e1761741950460.webp"},"aioseo_meta_data":{"post_id":"2243","title":null,"description":"Du logo 2D au personnage 3D int\u00e9gr\u00e9 en live : d\u00e9couvrez comment Sunsplash a cr\u00e9\u00e9 l'animation 3D Instagram du festival Ocean Days pour le collectif Owlshake.","keywords":null,"keyphrases":{"focus":{"keyphrase":"animation 3D","score":0,"analysis":[]},"additional":[]},"primary_term":null,"canonical_url":"https:\/\/www.sunsplash.fr\/ocean-days\/","og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"featured","og_image_url":"https:\/\/www.sunsplash.fr\/wp-content\/uploads\/2025\/11\/owlshake2.png","og_image_width":"1920","og_image_height":"1080","og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-04-28 09:23:01","updated":"2026-08-17 12:49:34","seo_analyzer_scan_date":null,"focus_keyword":"animation 3D","additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.sunsplash.fr\/en\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tIntegration et  Animation 3D en ext\u00e9rieur | Sunsplash Studio\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.sunsplash.fr\/en"},{"label":"Integration et  Animation 3D en ext\u00e9rieur | Sunsplash Studio","link":"https:\/\/www.sunsplash.fr\/en\/ocean-days\/"}],"_links":{"self":[{"href":"https:\/\/www.sunsplash.fr\/en\/wp-json\/wp\/v2\/pages\/2243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sunsplash.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sunsplash.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sunsplash.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sunsplash.fr\/en\/wp-json\/wp\/v2\/comments?post=2243"}],"version-history":[{"count":59,"href":"https:\/\/www.sunsplash.fr\/en\/wp-json\/wp\/v2\/pages\/2243\/revisions"}],"predecessor-version":[{"id":3058,"href":"https:\/\/www.sunsplash.fr\/en\/wp-json\/wp\/v2\/pages\/2243\/revisions\/3058"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sunsplash.fr\/en\/wp-json\/wp\/v2\/media\/1768"}],"wp:attachment":[{"href":"https:\/\/www.sunsplash.fr\/en\/wp-json\/wp\/v2\/media?parent=2243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}