1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9528],{4030:function(e,n,t){t.d(n,{default:function(){return c}});var o=t(57437),r=t(2265),i=t(76509),a=t(34146);let l=[{type:"text",content:"CR\xc9ATION CONTENU IA"},{type:"video",src:"/videos/meta_2nd9.webm"},{type:"text",content:"PRODUCTION AUDIOVISUELLE IA"},{type:"video",src:"/videos/meta_2nd10.webm"},{type:"text",content:"NOUVELLE-AQUITAINE"},{type:"video",src:"/videos/meta_2nd11.webm"},{type:"text",content:"PAYS BASQUE"},{type:"video",src:"/videos/meta_2nd12.webm"},{type:"text",content:"AUTOMATISATIONS & R\xc9SEAUX"},{type:"video",src:"/videos/meta_2nd13.webm"},{type:"text",content:"MONTAGE VID\xc9O"},{type:"video",src:"/videos/meta_2nd14.webm"},{type:"text",content:"PERFORMANCE TPE PME"},{type:"video",src:"/videos/meta_2nd15.webm"}];function c(){let e=(0,i.W)(),n=(0,r.useRef)(null);(0,r.useEffect)(()=>{let o={};return(async()=>{let{gsap:r}=await Promise.resolve().then(t.bind(t,36498)),{ScrollTrigger:i}=await t.e(9498).then(t.bind(t,59498));r.registerPlugin(i),o=r.context(()=>{let t=n.current;t&&r.to(t,{x:"-30%",ease:"none",scrollTrigger:{trigger:e.current,start:"top bottom",end:"bottom top",scrub:1.5}})},e)})(),()=>{var e;return null===(e=o.revert)||void 0===e?void 0:e.call(o)}},[]);let c=[...l,...l,...l];return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'\n /* ââââ HERO TICKER (transition Hero â Section 2) ââââ */\n .hero-ticker {\n width: 100%;\n overflow: hidden;\n /* overflow: hidden reste n\xe9cessaire sur les deux axes (l\'axe horizontal cache le\n d\xe9filement du track dupliqu\xe9) â CSS calcule sinon "overflow-y: visible" seul\n comme "auto" d\xe8s que overflow-x est "hidden" (quirk du spec), ce qui n\'aurait\n pas r\xe9gl\xe9 le probl\xe8me. Le vrai correctif est ci-dessous : .ticker-text avait\n line-height: 0.8, plus serr\xe9 que la hauteur naturelle de la police â le\n conteneur \xe9tait dimensionn\xe9 pile sur cette line-height r\xe9duite, donc le haut des\n accents de majuscules (ex. le \xc9 de "VID\xc9O", "CR\xc9ATION") d\xe9passait de la bo\xeete de\n ligne et se faisait rogner par cet overflow: hidden. */\n background: #ffffff;\n border-top: 1px solid rgba(13, 13, 13, 0.07);\n border-bottom: 1px solid rgba(13, 13, 13, 0.07);\n padding: 0;\n position: relative;\n }\n [data-theme=\'dark\'] .hero-ticker {\n background: #000001;\n border-top: 1px solid rgba(255, 255, 254, 0.06);\n border-bottom: 1px solid rgba(255, 255, 254, 0.06);\n }\n\n /* The scrolling track â 2\xd7 width for loop */\n .ticker-track {\n display: flex;\n align-items: center;\n gap: 0;\n width: max-content;\n will-change: transform;\n }\n\n /* Each text item */\n .ticker-text {\n font-family: var(--font-title);\n font-size: clamp(1.3rem, 5vw, 5rem); /* Divided by ~3 */\n font-weight: 900;\n letter-spacing: -0.025em;\n text-transform: uppercase;\n line-height: 1;\n color: #0d0d0d;\n white-space: nowrap;\n padding: clamp(6px, 1.3vw, 20px) clamp(6px, 1.3vw, 20px);\n transition: color 0.2s;\n cursor: default;\n display: flex;\n align-items: center;\n }\n .ticker-accent { color: #ffd800; display: inline; }\n .ticker-text:hover {\n color: rgba(13, 13, 13, 0.85);\n }\n [data-theme=\'dark\'] .ticker-text {\n color: rgba(255, 255, 254, 0.65);\n }\n [data-theme=\'dark\'] .ticker-text:hover {\n color: rgba(255, 255, 254, 0.75);\n }\n\n /* Separator dot between items */\n .ticker-dot {\n width: clamp(4px, 0.6vw, 8px);\n height: clamp(4px, 0.6vw, 8px);\n border-radius: 50%;\n background: #ffd800;\n flex-shrink: 0;\n }\n\n /* Mini video thumbnail */\n .ticker-video-wrap {\n width: clamp(40px, 6vw, 100px);\n height: clamp(26px, 4vw, 60px);\n border-radius: 4px;\n overflow: hidden;\n flex-shrink: 0;\n opacity: 0.8;\n transition: opacity 0.25s, transform 0.25s;\n margin: 0 clamp(6px, 0.6vw, 13px);\n }\n .ticker-video-wrap:hover {\n opacity: 1;\n transform: scale(1.04);\n }\n .ticker-video-wrap video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n '}}),(0,o.jsx)("div",{ref:e,className:"hero-ticker","aria-hidden":"true",children:(0,o.jsx)("div",{ref:n,className:"ticker-track",children:c.map((e,n)=>"text"===e.type?(0,o.jsxs)("span",{className:"ticker-text",children:[e.content.split(/(IA|AI)/
1).map((e,n)=>"IA"===e||"AI"===e?(0,o.jsx)("span",{className:"ticker-accent",children:e},n):e),(0,o.jsx)("span",{className:"ticker-dot",style:{display:"inline-block",margin:"0 0 0 clamp(13px,1.6vw,26px)",verticalAlign:"middle"},"aria-hidden":"true"})]},n):(0,o.jsx)("div",{className:"ticker-video-wrap",children:(0,o.jsx)(a.Z,{src:e.src,muted:!0,loop:!0,playsInline:!0})},n))})})]})}},94231:function(e,n,t){t.d(n,{Z:function(){return a}});var o=t(57437),r=t(2265),i=t(34146);function a(e){let{href:n,onClick:t,videoSrc:a="/videos/meta_2nd25.webm",className:l="btn-primary",children:c,as:s}=e,[d,p]=(0,r.useState)(!1),x=(0,r.useRef)(null);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n /* VideoButton â requires position:relative + overflow:hidden on the host element */\n .vbtn-host {\n position: relative !important;\n overflow: hidden !important;\n }\n .vbtn-layer {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n overflow: hidden;\n pointer-events: none;\n z-index: 0;\n transition: opacity 0.35s ease;\n }\n .vbtn-layer video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .vbtn-tint {\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.28);\n }\n .vbtn-label {\n position: relative;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n gap: inherit;\n /* Ensure text turns white when video is visible */\n transition: color 0.25s ease;\n }\n .vbtn-host:hover .vbtn-label {\n color: #fffffe !important;\n }\n /* Disable video layers on mobile/touch */\n @media (max-width: 768px) {\n .vbtn-layer { display: none; }\n }\n "}}),(0,o.jsxs)(null!=s?s:n?"a":"button",{href:n,onClick:t,className:"vbtn-host ".concat(l),onMouseEnter:()=>{var e;p(!0),null===(e=x.current)||void 0===e||e.play().catch(()=>{})},onMouseLeave:()=>{var e;p(!1),null===(e=x.current)||void 0===e||e.pause()},children:[(0,o.jsxs)("div",{className:"vbtn-layer",style:{opacity:d?1:0},children:[(0,o.jsx)(i.Z,{ref:x,src:a,muted:!0,loop:!0,playsInline:!0,lazyPoster:"idle"}),(0,o.jsx)("div",{className:"vbtn-tint"})]}),(0,o.jsx)("span",{className:"vbtn-label",children:c})]})]})}},63338:function(e,n,t){t.d(n,{default:function(){return c}});var o=t(57437),r=t(2265),i=t(33145),a=t(34146),l=t(76509);function c(e){let{id:n,eyebrow:c,title:s,background:d="default",children:p,imageSrc:x,videoSrc:h,imageAlt:m="Illustration",imagePosition:f="right",compact:b=!1}=e,u=(0,l.W)(),[g,v]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let e={};return Promise.resolve().then(t.bind(t,36498)).then(async n=>{let{gsap:o}=n,{ScrollTrigger:r}=await t.e(9498).then(t.bind(t,59498));o.registerPlugin(r),e=o.context(()=>{o.fromTo(".text-block-reveal",{opacity:0,y:30},{opacity:1,y:0,duration:.8,stagger:.15,ease:"power3.out",scrollTrigger:{trigger:u.current,start:"top 85%",toggleActions:"play none none reverse"}})},u)}),()=>{var n;return null===(n=e.revert)||void 0===n?void 0:n.call(e)}},[]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n /* The wrapper itself handles the background for the TOC and text together */\n .article-content-wrapper {\n background: #ffffff;\n transition: background 0.3s ease;\n }\n [data-theme='dark'] .article-content-wrapper {\n background: #050505;\n }\n\n .text-block-section {\n width: 100%;
1\n padding: ".concat(b?"clamp(16px, 2vw, 32px) 0":"clamp(24px, 4vw, 56px) 0",";\n position: relative;\n }\n \n /* If a specific block is marked dark, invert it locally */\n .text-block-section.is-dark-bg {\n background: #050505;\n }\n\n .text-block-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 clamp(20px, 4vw, 48px);\n display: flex;\n flex-direction: column;\n gap: 40px;\n }\n\n /* Desktop side-by-side layout when an image is present */\n @media (min-width: 1024px) {\n .text-block-container.has-image {\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n }\n \n .text-block-container.has-image.image-left {\n flex-direction: row-reverse;\n }\n\n .text-block-container.has-image .text-block-content {\n width: 50%;\n margin-left: 0; /* Reset global offset when next to image */\n }\n\n .text-block-container.has-image .text-block-image-wrapper {\n width: 42%;\n }\n }\n\n .text-block-content {\n max-width: 800px;\n }\n\n /* Offset the ENTIRE container on desktop to make room for fixed TOC, preventing image conflict */\n @media (min-width: 1024px) {\n .text-block-container {\n padding-left: 320px; \n }\n .text-block-container.has-image {\n max-width: 1500px; /* Give it more room since we stole 320px */\n }\n }\n\n .text-block-image-wrapper {\n width: 100%;\n border-radius: var(--radius-md);\n overflow: hidden;\n background: var(--dark-3);\n position: relative;\n aspect-ratio: 9 / 16;\n }\n \n @media (min-width: 1024px) {\n .text-block-image-wrapper {\n /* flexible height based on natural image ratio but capped */\n max-height: 85vh; \n }\n }\n\n .text-block-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .text-block-eyebrow {\n font-family: var(--font-title);\n font-size: 0.85rem;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--blue);\n margin-bottom: 24px;\n display: block;\n }\n\n .text-block-title {\n font-family: var(--font-title);\n font-size: clamp(1.8rem, 4vw, 3rem);\n font-weight: 700;\n line-height: 1.1;\n letter-spacing: -0.01em;\n text-transform: uppercase;\n margin-bottom: 32px;\n color: #050505;\n }\n [data-theme='dark'] .text-block-title {\n color: #ffffff;\n }\n\n /* Proximity style for rich text content */\n .text-block-richtext {\n font-family: var(--font-body);\n font-size: clamp(1.05rem, 2vw, 1.25rem);\n line-height: 1.6;\n color: #111111;\n }\n [data-theme='dark'] .text-block-richtext {\n color: rgba(255, 255, 255, 0.9);\n }\n\n .text-block-richtext h3 {\n font-family: var(--font-title);\n font-size: clamp(1.4rem, 2vw, 1.8rem);\n font-weight: 700;\n color: #050505;\n margin: 40px 0 20px;\n }\n [data-theme='dark'] .text-block-richtext h3 {\n color: #ffffff;\n }\n\n .text-block-richtext p {\n margin-bottom: 24px;\n }\n\n .text-block-richtext strong {\n color: #050505;\n font-weight: 600;\n }\n [data-theme='dark'] .text-block-richtext strong {\n color: #ffffff;\n }\n\n .text-block-richtext a {\n color: inherit;\n text-decoration: none;\n font-weight: 500;\n background-image: linear-gradient(120deg, rgba(255, 216, 0, 0.4) 0%, rgba(255, 216, 0, 0.4) 100%);\n background-repeat: no-repeat;\n background-size: 100% 0.3em;\n background-position: 0 88%;\n transition: background-size 0.25s ease-in;\n }\n .text-block-richtext a:hover {\n background-size: 100% 100%;\n }\n\n .text-block-richtext blockquote {\n position: relative;\n font-family: var(--font-title);\n font-size: clamp(1.6rem, 3.5vw, 2.4rem);\n font-weight: 600;\n line-height: 1.25;\n letter-spacing: -0.01em;\n color: #050505;\n margin: 64px 0 64px 24px;\n padding-left: 24px;\n border-left: 4px solid #ffd800;\n }\n .text-block-richtext blockquote::before {\n content: \"â\";\n position: absolute;\n top: -20px;\n left: 10px;\n font-size: 6rem;\n color: rgba(255, 216, 0, 0.2);\n font-family: serif;\n line-height: 1;\n pointer-events: none;\n z-index: -1;\n }\n [data-theme='dark'] .text-block-richtext blockquote::before {\n color: rgba(255, 216, 0, 0.2);\n }\n [data-theme='dark'] .text-block-richtext blockquote {\n color: #ffffff;\n }\n\n /* Enforce high contrast for explicitly dark backgrounds regardless of theme */\n .is-dark-bg .text-block-title,\n .is-dark-bg .text-block-richtext,\n .is-dark-bg .text-block-richtext strong,\n .is-dark-bg .text-block-richtext blockquote {\n color: var(--white) !important;\n }\n ")}}),(0,o.jsx)("section",{id:n,ref:u,className:"text-block-section ".concat("dark"===d?"is-dark-bg":""),children:(0,o.jsxs)("div",{className:"text-block-container ".concat(x||h?"has-image":""," ").concat("left"===f?"image-left":""),children:[(0,o.jsxs)("div",{className:"text-block-content",children:[c&&(0,o.jsx)("span",{className:"text-block-eyebrow text-block-reveal",children:c}),(0,o.jsx)("h2",{className:"text-block-title text-block-reveal",children:s}),(0,o.jsx)("div",{className:"text-block-richtext text-block-reveal",children:p})]}),(x||h)&&(0,o.jsx)("div",{className:"text-block-image-wrapper text-block-reveal group",onClick:()=>!h&&v(!0),style:{cursor:h?"default":"zoom-in",position:"relative"},children:h?(0,o.jsx)(a.Z,{src:h,className:"text-block-img",muted:!0,loop:!0,playsInl
1ine:!0,style:{objectFit:"cover"}}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i.default,{src:x,alt:m,className:"text-block-img transition-transform duration-500 group-hover:scale-105",fill:!0,style:{objectFit:"cover"},sizes:"(max-width: 1024px) 100vw, 50vw"}),(0,o.jsx)("div",{className:"absolute inset-0 bg-black/20 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center",children:(0,o.jsx)("div",{className:"w-12 h-12 rounded-full bg-white/20 backdrop-blur-sm flex items-center justify-center text-white",children:(0,o.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,o.jsx)("circle",{cx:"11",cy:"11",r:"8"}),(0,o.jsx)("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]})})})]})})]})}),g&&x&&(0,o.jsx)("div",{className:"fixed inset-0 z-[10000] flex items-center justify-center p-4 sm:p-12 cursor-zoom-out",style:{background:"rgba(0,0,0,0.92)",backdropFilter:"blur(15px)"},onClick:()=>v(!1),children:(0,o.jsxs)("div",{className:"relative w-full h-full flex justify-center items-center pointer-events-none",children:[(0,o.jsx)("button",{className:"absolute top-4 right-4 text-white hover:text-yellow transition-colors pointer-events-auto",onClick:e=>{e.stopPropagation(),v(!1)},children:(0,o.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,o.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,o.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}),(0,o.jsx)("div",{className:"relative w-full h-full animate-in zoom-in-95 duration-300",children:(0,o.jsx)(i.default,{src:x,alt:m,fill:!0,className:"object-contain",sizes:"100vw",priority:!0})})]})})]})}},95010:function(e,n,t){t.d(n,{default:function(){return i}});var o=t(57437),r=t(2265);function i(){let[e,n]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let e=()=>{let e=document.documentElement.scrollHeight/3;window.scrollY>e?n(!0):n(!1)};return window.addEventListener("scroll",e,{passive:!0}),()=>window.removeEventListener("scroll",e)},[]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n .back-to-top {\n position: fixed;\n bottom: 32px;\n right: 32px;\n width: 56px;\n height: 56px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.9);\n border: 1px solid rgba(0, 0, 0, 0.1);\n color: #050505;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n cursor: pointer;\n opacity: 0;\n pointer-events: none;\n transform: translateY(20px);\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n z-index: 9000;\n backdrop-filter: blur(8px);\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n }\n [data-theme='dark'] .back-to-top {\n background: rgba(5, 5, 5, 0.9);\n border-color: rgba(255, 255, 255, 0.1);\n color: #ffffff;\n box-shadow: 0 4px 20px rgba(0,0,0,0.5);\n }\n \n .back-to-top.is-visible {\n opacity: 1;\n pointer-events: auto;\n transform: translateY(0);\n }\n\n .back-to-top:hover {\n background: #ffd800;\n border-color: #ffd800;\n color: #050505;\n transform: translateY(-5px) scale(1.05);\n }\n "}}),(0,o.jsx)("button",{className:"back-to-top ".concat(e?"is-visible":""),onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},"aria-label":"Retour en haut",children:"â"})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.