1function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const M={bg:"#0A0E18",bg2:"#101725",card:"#141C2D",border:"rgba(255,255,255,0.08)",border2:"rgba(255,255,255,0.16)",ink:"#F4F2EC",muted:"rgba(244,242,236,0.55)",faint:"rgba(244,242,236,0.32)",accent:"#25A9E1",accentDeep:"#0E8AC2",accent2:"#FFCE5A"};const mFont=`'Space Grotesk', system-ui, sans-serif`;const mSerif=`'Instrument Serif', Georgia, serif`;const mMono=`'JetBrains Mono', ui-monospace, monospace`;const NavCtx=React.createContext({current:"home",go:()=>{}});const ROUTE_PATHS={home:"/",about:"/a-propos/",applications:"/applications/",pumps:"/solutions/",contact:"/contact/",legal:"/mentions-legales/",cgv:"/cgv/"};function pathFor(key){if(!key)return"/";if(key.charAt(0)==="/")return key;if(key.indexOf("app:")===0)return"/applications/"+key.slice(4)+"/";if(key.indexOf("pump:")===0)return"/solutions/"+key.slice(5)+"/";return ROUTE_PATHS[key]||"/"}function linkTo(go,key){const path=pathFor(key);return{href:path,onClick:e=>{if(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.button!==0)return;e.preventDefault();go(path)}}}function useIsNarrow(q){const[m,setM]=React.useState(()=>window.matchMedia(q).matches);React.useEffect(()=>{const mq=window.matchMedia(q);const on=()=>setM(mq.matches);mq.addEventListener("change",on);setM(mq.matches);return()=>mq.removeEventListener("change",on)},[q]);return m}function ModernHome(){window.useSeo("Pompes industrielles, dosage et m\xE9lange en ligne | DKF Pompe","Distributeur ind\xE9pendant de pompes industrielles \xE0 Albertville. \xC0 partir de votre cahier des charges, nous s\xE9lectionnons la technologie adapt\xE9e \xE0 votre process.");return React.createElement("div",{"data-screen-label":"02 Moderne \u2014 Accueil",style:{width:"100%",minHeight:"100%",background:M.bg,color:M.ink,fontFamily:mFont,fontSize:16,lineHeight:1.5}},React.createElement(ModernNav,null),React.createElement(ModernHero,null),React.createElement(ModernMarquee,null),React.createElement(ModernSpecialtiesShowcase,null),React.createElement(ModernForces,null),React.createElement(ModernCatalogue,null),React.createElement(ModernApplications,null),React.createElement(ModernTestimonials,null),React.createElement(ModernQuote,null),React.createElement(ModernFooter,null))}function ModernNav(){const{current,go}=React.useContext(NavCtx);const[open,setOpen]=React.useState(false);const items=[{key:"home",label:"Accueil"},{key:"about",label:"\xC0 propos"},{key:"applications",label:"Applications"},{key:"pumps",label:"Nos solutions"},{key:"contact",label:"Contact"}];React.useEffect(()=>{document.body.style.overflow=open?"hidden":"";return()=>{document.body.style.overflow=""}},[open]);const link=k=>{const lp=linkTo(go,k);return{href:lp.href,onClick:e=>{if(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.button!==0)return;setOpen(false);lp.onClick(e)}}};return React.createElement("nav",{style:{position:"sticky",top:0,zIndex:20,background:"rgba(10,14,24,0.85)",backdropFilter:"blur(14px)",borderBottom:`1px solid ${M.border}`}},React.createElement("style",null,` 2 .m-nav-link:hover { color: #fff !important; } 3 .m-cta-primary { transition: filter 180ms ease, transform 180ms ease, box-shadow 180ms ease; } 4 .m-cta-primary:hover { filter: brightness(1.08); transform: scale(1.03); box-shadow: 0 0 26px 6px rgba(37,169,225,0.40); } 5 .m-cta-ghost { transition: color 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease; } 6 .m-cta-ghost:hover { color: #25A9E1 !important; border-color: #25A9E1 !important; transform: scale(1.03); box-shadow: 0 0 26px 6px rgba(37,169,225,0.40); } 7 `),React.createElement(ModernResponsiveCSS,null),React.createElement("div",{className:"m-nav-inner",style:{maxWidth:1320,margin:"0 auto",display:"flex",alignItems:"center",gap:40,padding:"16px 48px"}},React.createElement("a",_extends({},link("home"),{"aria-label":"DKF Pompe \u2014 accueil",style:{display:"block",lineHeight:0}}),React.createElement("img",{src:window.DKF_LOGO_LIGHT||window.__resources?.dkfLogoLight||"assets/dkf-logo-light.png",alt:"DKF Pompe",style:{display:"block",cursor:"pointer",objectFit:"contain",width:"100px",height:"50px"}})),React.createElement("ul",{className:"m-nav-list",style:{listStyle:"none",padding:0,margin:"0 0 0 24px",display:"flex",gap:32,fontSize:14.5,fontWeight:500}},items.map(it=>{const active=current===it.key;return React.createElement("li",{key:it.key},React.createElement("a",_extends({},link(it.key),{className:"m-nav-link",style:{display:"inline-block",padding:"4px 0",cursor:"pointer",textDecoration:"none",fontFamily:mFont,fontSize:14.5,fontWeight:active?600:500,color:active?M.ink:M.muted,borderBottom:`1.5px solid ${active?M.accent:"transparent"}`,transition:"color 200ms"}}),it.label))})),React.createElement("button",{className:"m-burger","aria-label":"Menu","aria-expanded":open,onClick:()=>setOpen(true),style:{display:"none",marginLeft:"auto",width:46,height:46,borderRadius:999,background:"transparent",border:`1px solid ${M.border2}`,cursor:"pointer",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:5,padding:0}},React.createElement("span",{style:{width:18,height:1.5,background:M.ink,display:"block"}}),React.createElement("span",{style:{width:18,height:1.5,background:M.ink,display:"block"}})),React.createElement("div",{className:"m-nav-cta",style:{marginLeft:"auto",display:"flex",gap:12,alignItems:"center"}},React.createElement("a",_extends({},link("contact"),{className:"m-cta-primary",style:{background:M.accent,color:M.bg,border:0,textDecoration:"none",padding:"11px 20px",borderRadius:999,fontFamily:mFont,fontWeight:600,fontSize:14,cursor:"pointer",display:"flex",alignItems:"center",gap:8}}),"D\xE9marrer un projet ",React.createElement(ArrowRight,{size:14})))),open&&ReactDOM.createPortal(React.createElement("div",{className:"m-menu",style:{position:"fixed",inset:0,zIndex:60,background:M.bg,display:"flex",flexDirection:"column",animation:"mMenuIn 260ms cubic-bezier(.22,1,.36,1) both"}},React.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 20px",borderBottom:`1px solid ${M.border}`,flexShrink:0}},React.createElement("a",_extends({},link("home"),{"aria-label":"DKF Pompe \u2014 accueil",style:{display:"block",lineHeight:0}}),React.createElement("img",{src:window.DKF_LOGO_LIGHT||window.__resources?.dkfLogoLight||"assets/dkf-logo-light.png",alt:"DKF Pompe",style:{display:"block",cursor:"pointer",objectFit:"contain",width:100,height:50}})),React.createElement("button",{"aria-label":"Fermer",onClick:()=>setOpen(false),style:{width:46,height:46,borderRadius:999,background:"transparent",border:`1px solid ${M.border2}`,color:M.ink,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:20,lineHeight:1,padding:0}},"\xD7")),React.createElement("div",{style:{flex:1,overflowY:"auto",padding:"8px 20px 32px"}},items.map((it,idx)=>{const active=current===it.key||current.startsWith(it.key==="pumps"?"pump:":it.key==="applications"?"app:":"\0");return React.createElement("a",_extends({key:it.key},link(it.key),{style:{display:"flex",alignItems:"baseline",gap:16,width:"100%",textAlign:"left",padding:"22px 0",textDecoration:"none",borderBottom:`1px solid ${M.border}`,cursor:"pointer",fontFamily:mFont,animation:`mMenuItem 420ms cubic-bezier(.22,1,.36,1) both`,animationDelay:`${60+idx*45}ms`}}),React.createElement("span",{style:{fontFamily:mMono,fontSize:11,color:active?M.accent:M.faint,letterSpacing:1}},String(idx+1).padStart(2,"0")),React.createElement("span",{style:{fontSize:30,fontWeight:500,letterSpacing:-0.8,color:active?M.accent:M.ink}},it.label))}),React.createElement("a",_extends({},link("contact"),{style:{marginTop:32,width:"100%",background:M.accent,color:M.bg,border:0,padding:"18px 22px",borderRadius:999,fontFamily:mFont,fontWeight:600,fontSize:16,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"space-between",textDecoration:"none",boxSizing:"border-box"}}),"D\xE9marrer un projet ",React.createElement(ArrowRight,null)),React.createElement("div",{style:{marginTop:36,display:"flex",flexDirection:"column",gap:8}},React.createElement("div",{style:{fontFamily:mMono,fontSize:11,letterSpacing:1.2,color:M.faint,textTransform:"uppercase"}},"Contact direct"),React.createElement("a",{href:"tel:+33479100013",style:{fontSize:26,fontWeight:500,letterSpacing:-0.5,color:M.ink,textDecoration:"none"}},"04 79 10 00 13"),React.createElement("a",{href:"mailto:[email protected]",style:{fontSize:14,color:M.muted,textDecoration:"none"}},"[email protected]")))),document.body),React.createElement("style",null,`@keyframes mMenuIn{from{opacity:0}
7to{opacity:1}}@keyframes mMenuItem{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}`))}const HERO_WORDS=["\xE9coutons.","\xE9tudions.","pr\xE9conisons.","accompagnons.","assurons le suivi."];function ModernHero(){const{go}=React.useContext(NavCtx);const[wi,setWi]=React.useState(0);React.useEffect(()=>{const id=setInterval(()=>setWi(x=>(x+1)%HERO_WORDS.length),2200);return()=>clearInterval(id)},[]);return React.createElement("section",{style:{position:"relative",overflow:"hidden",padding:"80px 48px 80px"}},React.createElement("div",{style:{position:"absolute",inset:0,backgroundImage:`linear-gradient(${M.border} 1px, transparent 1px), linear-gradient(90deg, ${M.border} 1px, transparent 1px)`,backgroundSize:"80px 80px",opacity:0.45,maskImage:"radial-gradient(ellipse at top, black 30%, transparent 70%)"}}),React.createElement("div",{style:{position:"relative",maxWidth:1320,margin:"0 auto"}},React.createElement("div",{style:{display:"flex",alignItems:"center",gap:14,fontFamily:mMono,fontSize:12.5,color:M.muted,textTransform:"uppercase",letterSpacing:1.4,marginBottom:40}},React.createElement("span",{style:{width:8,height:8,borderRadius:99,background:M.accent}}),React.createElement("span",null,"Distributeur ind\xE9pendant \xB7 pompes industrielles")),React.createElement("h1",{style:{lineHeight:1.06,letterSpacing:-1.8,fontWeight:500,margin:0,color:M.ink,fontFamily:mFont,fontSize:"73px"}},"Nous vendons des",React.createElement("br",null),"pompes, mais pas que...",React.createElement("br",null),React.createElement("span",{style:{fontFamily:mSerif,fontStyle:"italic",fontWeight:400,color:M.accent,letterSpacing:"0px",fontSize:"73px"}},"Nous"," ",React.createElement("span",{style:{display:"inline-block",position:"relative",minWidth:340}},React.createElement("span",{key:wi,style:{display:"inline-block",color:M.accent,animation:"mFade 600ms ease",fontSize:"73px"}},HERO_WORDS[wi])))),React.createElement("style",null,`@keyframes mFade { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }`),React.createElement("div",{style:{display:"grid",gridTemplateColumns:"1.2fr 0.9fr",gap:80,marginTop:48,alignItems:"flex-start"}},React.createElement("p",{style:{fontSize:22,lineHeight:1.45,color:M.muted,margin:0,maxWidth:600}},"\xC0 partir de votre cahier des charges, nous s\xE9lectionnons la technologie la plus pertinente pour votre application gr\xE2ce \xE0 une gamme compl\xE8te de solutions propos\xE9es par des partenaires ind\xE9pendants et sp\xE9cialistes de leurs domaines respectifs."),React.createElement("div",{style:{display:"flex",flexDirection:"column",gap:20}},React.createElement("a",_extends({},linkTo(go,"contact"),{className:"m-cta-primary",style:{background:M.ink,color:M.bg,border:0,textDecoration:"none",padding:"20px 26px",borderRadius:999,fontFamily:mFont,fontWeight:600,fontSize:16,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"space-between",width:320,boxSizing:"border-box"}}),"Demandez une \xE9tude technique ",React.createElement(ArrowRight,null)),React.createElement("a",_extends({},linkTo(go,"pumps"),{className:"m-cta-ghost",style:{background:"transparent",color:M.ink,textDecoration:"none",border:`1px solid ${M.border2}`,padding:"19px 26px",borderRadius:999,fontFamily:mFont,fontWeight:500,fontSize:16,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"space-between",width:320,boxSizing:"border-box"}}),"D\xE9couvrez notre gamme ",React.createElement(ArrowRight,null))))))}function ModernMarquee(){const doubled=[...PARTNERS,...PARTNERS];const[paused,setPaused]=React.useState(false);return React.createElement("section",{style:{padding:"28px 48px",borderBottom:`1px solid ${M.border}`}},React.createElement("div",{style:{maxWidth:1320,margin:"0 auto",display:"flex",alignItems:"center",gap:24,marginBottom:24,fontFamily:mMono,fontSize:12,color:M.muted,letterSpacing:1.4,textTransform:"uppercase"}},React.createElement("span",null,PARTNERS.length," PARTENAIRES"),React.createElement("span",{style:{flex:1,height:1,background:M.border}})),React.createElement("div",{className:"m-marq",onMouseEnter:()=>setPaused(true),onMouseLeave:()=>setPaused(false),style:{overflow:"hidden",position:"relative",WebkitMaskImage:"linear-gradient(90deg, transparent, black 6%, black 94%, transparent)",maskImage:"linear-gradient(90deg, transparent, black 6%, black 94%, transparent)"}},React.createElement("div",{className:"m-marq-track",style:{display:"flex",gap:20,animation:"mMarquee 38s linear infinite",animationPlayState:paused?"paused":"running"}},doubled.map((p,i)=>React.createElement("a",{key:i,href:p.url,target:"_blank",rel:"noopener noreferrer",title:p.name,style:{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:200,height:90,background:"#FFFFFF",borderRadius:8,padding:"16px 22px",cursor:"pointer"}},React.createElement("img",{src:asset(p.logo),alt:p.name,style:{maxWidth:"100%",maxHeight:"100%",objectFit:"contain",display:"block"}}))))),React.createElement("style",null,`@keyframes mMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } .m-marq:hover .m-marq-track { animation-play-state: paused; }`))}function ModernSpecialtiesShowcase(){const[i,setI,paused,setPaused]=useAutoSlider(SPECIALTIES.length,5500);const narrow=useIsNarrow("(max-width: 1024px)");const s=SPECIALTIES[i]||SPECIALTIES[0];React.useEffect(()=>{if(narrow)setPaused(true)},[narrow]);return React.createElement("section",{style:{padding:"120px 48px 100px",borderBottom:`1px solid ${M.border}`},onMouseEnter:()=>setPaused(true),onMouseLeave:()=>setPaused(false)},React.createElement("style",null,` 8 @keyframes sfFadeUp { 9 from { opacity: 0; transform: translateY(18px); } 10 to { opacity: 1; transform: translateY(0); } 11 } 12 `),React.createElement("div",{style:{maxWidth:1320,margin:"0 auto"}},React.createElement("div",{style:{display:"flex",alignItems:"baseline",gap:24,marginBottom:56,fontFamily:mMono,fontSize:12.5,color:M.muted,letterSpacing:1.4,textTransform:"uppercase"}}
12,React.createElement("span",null,"SAVOIR-FAIRE"),React.createElement("span",{style:{flex:1,height:1,background:M.border,alignSelf:"center"}}),React.createElement("span",null,i>=0?String(i+1).padStart(2,"0"):"\u2014"," / ",String(SPECIALTIES.length).padStart(2,"0"))),narrow?React.createElement("div",{style:{borderTop:`1px solid ${M.border}`}},SPECIALTIES.map((sp,idx)=>{const active=idx===i;return React.createElement("div",{key:idx,style:{borderBottom:`1px solid ${M.border}`}},React.createElement("button",{onClick:()=>setI(active?-1:idx),"aria-expanded":active,style:{display:"flex",alignItems:"center",gap:16,width:"100%",textAlign:"left",padding:"22px 0",background:"transparent",border:0,cursor:"pointer",fontFamily:mFont}},React.createElement("span",{style:{fontFamily:mMono,fontSize:12,letterSpacing:1,color:active?M.accent:M.faint,flexShrink:0}},sp.kicker.split(" \u2014 ")[0]),React.createElement("span",{style:{fontSize:17,fontWeight:active?600:400,lineHeight:1.3,color:M.ink,flex:1}},sp.tag),React.createElement("span",{style:{color:M.accent,flexShrink:0,fontSize:24,lineHeight:1,transform:active?"rotate(45deg)":"none",transition:"transform 260ms ease, color 260ms ease"}},"+")),active&&React.createElement("div",{style:{padding:"2px 0 34px",animation:"sfFadeUp 340ms ease both"}},React.createElement(SpecialtyBody,{s:sp})))})):React.createElement("div",{style:{display:"grid",gridTemplateColumns:"280px 1fr",gap:64,alignItems:"flex-start"}},React.createElement("nav",{style:{borderTop:`1px solid ${M.border}`}},SPECIALTIES.map((sp,idx)=>{const active=idx===i;return React.createElement("button",{key:idx,onClick:()=>setI(idx),style:{display:"block",width:"100%",textAlign:"left",padding:"20px 0 20px 20px",background:"transparent",border:0,borderBottom:`1px solid ${M.border}`,borderLeft:`2px solid ${active?M.accent:"transparent"}`,cursor:"pointer",fontFamily:mFont,transition:"border-color 300ms"}},React.createElement("div",{style:{fontFamily:mMono,fontSize:11,letterSpacing:1,color:active?M.accent:M.faint,marginBottom:8}},sp.kicker.split(" \u2014 ")[0]),React.createElement("div",{style:{fontSize:15,fontWeight:active?600:400,lineHeight:1.35,color:active?M.ink:M.muted,transition:"color 300ms"}},sp.tag))})),React.createElement("div",{key:i,style:{animation:"sfFadeUp 400ms ease both",minHeight:480,overflow:"hidden"}},React.createElement("div",{style:{fontFamily:mMono,fontSize:12,color:M.accent,letterSpacing:0.6,marginBottom:28}},s.kicker.split(" \u2014 ")[0]," \u2014 ",s.tag),React.createElement(SpecialtyBody,{s:s})))))}function SpecialtyBody({s}){return React.createElement(React.Fragment,null,React.createElement("h2",{style:{fontSize:s.titleMax?"clamp(30px, 3.7vw, 56px)":56,lineHeight:1.06,letterSpacing:-1.6,fontWeight:500,color:M.ink,margin:"0 0 28px",maxWidth:s.titleMax||720}},s.titleAccent&&s.title.indexOf(s.titleAccent)>0?React.createElement(React.Fragment,null,s.title.slice(0,s.title.indexOf(s.titleAccent)),React.createElement("span",{style:{fontFamily:mSerif,fontStyle:"italic",fontWeight:400,color:M.accent,letterSpacing:"0px"}},s.titleAccent)):s.title.split(/([.,])/).map((part,idx)=>{if(idx===0)return React.createElement("span",{key:idx},part);if(part===",")return React.createElement(React.Fragment,{key:idx},React.createElement("span",null,","),s.titleBreak?React.createElement("br",null):null);return React.createElement("span",{key:idx,style:{fontFamily:mSerif,fontStyle:"italic",fontWeight:400,color:M.accent,letterSpacing:"0px"}},s.titleBreak?part.replace(/^ /,""):part)})),React.createElement("p",{style:{fontSize:18,lineHeight:1.6,color:M.muted,margin:"0 0 36px",maxWidth:580}},s.body),React.createElement("div",{style:{display:"flex",alignItems:"center",gap:24,flexWrap:"wrap"}},React.createElement("div",{style:{display:"inline-flex",alignItems:"center",gap:12,padding:"12px 20px",background:M.card,border:`1px solid ${M.border}`,borderRadius:999,fontFamily:mMono,fontSize:13,color:M.ink,letterSpacing:0.4}},React.createElement("span",{style:{color:M.accent2}},"\u25C6"),s.metric)))}function ModernForces(){const forces=[{k:"A",t:"Flexibilit\xE9",d:"DKF Pompe s'adapte \xE0 vos contraintes sans vous imposer un standard. L'objectif est de pouvoir r\xE9pondre le mieux possible \xE0 vos exigences."},{k:"B",t:"R\xE9activit\xE9",d:"\xCAtre disponible, \xE0 l'\xE9coute et capable d'agir rapidement lorsque vous avez besoin de nous."},{k:"C",t:"Expertise",d:"Comprendre votre process, identifier chaque contrainte et \xEAtre force de proposition. Gr\xE2ce \xE0 la compl\xE9mentarit\xE9 de nos partenaires et \xE0 notre ind\xE9pendance dans le choix des technologies, nous apportons une r\xE9ponse sur mesure, adapt\xE9e."},{k:"D",t:"P\xE9rennit\xE9",d:"La fiabilit\xE9, la long\xE9vit\xE9 des \xE9quipements ainsi que la disponibilit\xE9 des pi\xE8ces de rechange font partie int\xE9grante de notre cahier des charges lorsque nous s\xE9lectionnons nos partenaires."}];return React.createElement("section",{style:{padding:"120px 48px",background:M.bg2,borderBottom:`1px solid ${M.border}`}},React.createElement("div",{style:{maxWidth:1320,margin:"0 auto"}},React.createElement("div",{style:{display:"flex",alignItems:"baseline",gap:24,marginBottom:56,fontFamily:mMono,fontSize:12.5,color:M.muted,letterSpacing:1.4,textTransform:"uppercase"}},React.createElement("span",null,"FORCES"),React.createElement("span",{style:{flex:1,height:1,background:M.border,alignSelf:"center"}})),React.createElement("h2",{style:{lineHeight:1.04,letterSpacing:-1.8,fontWeight:500,margin:0,maxWidth:1000,fontSize:"73px"}},"Flexibilit\xE9. R\xE9activit\xE9. Expertise."," ",React.createElement("span",{style:{fontFamily:mSerif,fontStyle:"italic",fontWeight:400,color:M.accent,letterSpacing:"0px",fontSize:"73px"}},"P\xE9rennit\xE9.")),React.createElement("div",{style:{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:0,marginTop:72,borderTop:`1px solid ${M.border}`}},forces.map(f=>React.createElement("div",{key:f.k,style:{padding:"36px 28px 40px",borderRight:`1px solid ${M.border}`,display:"flex",flexDirection:"column",minHeight:280}},React.createElement("div",{style:{fontFamily:mMono,fontSize:12,color:M.accent,letterSpacing:1,marginBottom:28}},forces.indexOf(f)===0?"01":forces.indexOf(f)===1?"02":forces.indexOf(f)===2?"03":"04"),React.createElement("div",{style:{fontSize:24,fontWeight:500,letterSpacing:-0.5,marginBottom:18,lineHeight:1.15}},f.t),React.createElement("p",{style:{fontSize:14.5,lineHeight:1.55,color:M.muted,margin:0}},f.d))))))}function ModernCatalogue(){const{go}=React.useContext(NavCtx);const[hovered,setHovered]=React.useState(null);React.useEffect(()=>{FAMILIES.forEach(f=>{const i=new Image;i.src=asset(`assets/pumps/cutouts/${f.slug}.webp`)})},[]);return React.createElement("section",{style:{padding:"120px 48px",borderBottom:`1px solid ${M.border}`}},React.createElement("div",{style:{maxWidth:1320,margin:"0 auto"}},React.createElement("div",{style:{display:"flex",alignItems:"baseline",gap:24,marginBottom:56,fontFamily:mMono,fontSize:12.5,color:M.muted,letterSpacing:1.4,textTransform:"uppercase"}},React.createElement("span",null,"CATALOGUE"),React.createElement("span",{style:{flex:1,height:1,background:M.border,alignSelf:"center"}}),React.createElement("span",null,FAMILIES.length," familles")),React.createElement("h2",{style:{lineHeight:1.04,letterSpacing:-1.8,fontWeight:500,margin:0,marginBottom:64,maxWidth:1000,fontSize:"73px",width:"1200px"}},"Nos gammes."," ",React.createElement("span",{style:{fontFamily:mSerif,fontStyle:"italic",fontWeight:400,color:M.accent,letterSpacing:"0px",fontSize:"73px"}},"Une technologie choisie pour chaque process.")),React.createElement("div",{style:{borderTop:`1px solid ${M.border}`}},FAMILIES.map((f,idx)=>{const active=hovered===idx;return React.createElement("a",_extends({key:f.name}
12,linkTo(go,"pump:"+f.slug),{onMouseEnter:()=>setHovered(idx),onMouseLeave:()=>setHovered(null),style:{display:"grid",gridTemplateColumns:"60px 1.4fr 1.6fr 60px",alignItems:"center",padding:"28px 8px",borderBottom:`1px solid ${M.border}`,transition:"background 200ms",background:active?M.card:"transparent",cursor:"pointer",position:"relative",textDecoration:"none",color:"inherit"}}),React.createElement("span",{style:{fontFamily:mMono,fontSize:12,color:M.accent}},String(idx+1).padStart(2,"0")),React.createElement("div",{style:{fontSize:32,fontWeight:500,letterSpacing:-0.7,color:M.ink,transition:"color 200ms, transform 200ms",transform:active?"translateX(8px)":"none"}},f.name),React.createElement("div",{style:{fontSize:14,color:M.muted,fontFamily:mMono,letterSpacing:0.2,opacity:active?0.45:1,transition:"opacity 200ms"},className:"m-row-desc"},f.apps),React.createElement("div",{style:{textAlign:"right",color:active?M.accent:M.faint,transition:"color 200ms"}},React.createElement(ArrowRight,null)),active&&React.createElement("div",{className:"m-row-preview",style:{position:"absolute",right:80,top:"50%",transform:"translateY(-50%)",width:300,height:200,pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"}},React.createElement("img",{src:asset(`assets/pumps/cutouts/${f.slug}.webp`),alt:f.name,loading:"lazy",className:"m-cut-img",style:{maxWidth:"100%",maxHeight:"100%",objectFit:"contain",display:"block",filter:"drop-shadow(0 22px 30px rgba(0,0,0,0.55))"}})))}))))}function ModernApplications(){const{go}=React.useContext(NavCtx);return React.createElement("section",{style:{padding:"120px 48px",borderBottom:`1px solid ${M.border}`}},React.createElement("div",{style:{maxWidth:1320,margin:"0 auto"}},React.createElement("div",{style:{display:"flex",alignItems:"baseline",gap:24,marginBottom:56,fontFamily:mMono,fontSize:12.5,color:M.muted,letterSpacing:1.4,textTransform:"uppercase"}},React.createElement("span",null,"APPLICATIONS"),React.createElement("span",{style:{flex:1,height:1,background:M.border,alignSelf:"center"}})),React.createElement("h2",{style:{lineHeight:0.98,letterSpacing:-3,fontWeight:500,margin:0,marginBottom:56,fontSize:"73px"}},React.createElement("span",{style:{color:M.ink,fontSize:"73px"}},"De "),"l'agroalimentaire",React.createElement("span",{style:{color:M.ink,fontSize:"73px"}}," \xE0 "),React.createElement("span",{style:{fontFamily:mSerif,fontStyle:"italic",fontWeight:400,color:M.accent,letterSpacing:"0px",fontSize:"73px"}},"la chimie fine.")),React.createElement("div",{style:{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:16}},(window.APP_SECTORS||[]).map((s,idx)=>React.createElement("a",_extends({key:s.slug},linkTo(go,"app:"+s.slug),{className:"m-home-app",style:{background:M.card,border:`1px solid ${M.border}`,borderRadius:4,overflow:"hidden",display:"flex",flexDirection:"column",minHeight:200,cursor:"pointer",textDecoration:"none",color:"inherit"}}),React.createElement("div",{style:{position:"relative",height:132,overflow:"hidden",background:M.bg2}},React.createElement("img",{src:asset(s.img),alt:s.name,loading:"lazy",className:"m-home-app-img",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}}),React.createElement("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(11,16,28,0) 40%, rgba(11,16,28,0.6) 100%)"}}),React.createElement("div",{style:{position:"absolute",top:12,left:14,fontFamily:mMono,fontSize:11,color:"rgba(255,255,255,0.82)",letterSpacing:1,textShadow:"0 1px 4px rgba(0,0,0,0.5)"}},"SECT.",String(idx+1).padStart(2,"0"))),React.createElement("div",{style:{padding:"20px 22px 24px",display:"flex",flexDirection:"column",gap:16,flex:1}},React.createElement("div",{style:{fontSize:20,fontWeight:500,letterSpacing:-0.4}},s.name))))),React.createElement("style",null,` 13 .m-home-app { transition: border-color 220ms ease, transform 220ms ease, box-shadow 220ms ease; } 14 .m-home-app:hover { border-color: ${M.accent}; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(37,169,225,0.28), 0 0 0 1px ${M.accent}; } 15 .m-home-app-img { transition: transform 600ms cubic-bezier(.2,.7,.2,1); } 16 .m-home-app:hover .m-home-app-img { transform: scale(1.05); } 17 `)))}function ModernTestimonials(){const[i,setI]=React.useState(0);const[prev,setPrev]=React.useState(null);const[dir,setDir]=React.useState(1);React.useEffect(()=>{const id=setInterval(()=>{setPrev(i);setDir(1);setI(x=>(x+1)%TESTIMONIALS.length)},5000);return()=>clearInterval(id)},[i]);const goTo=idx=>{setPrev(i);setDir(idx>i?1:-1);setI(idx)};const t=TESTIMONIALS[i];return React.createElement("section",{style:{padding:"120px 48px",background:M.bg2,borderBottom:`1px solid ${M.border}`,position:"relative",overflow:"hidden"}},React.createElement("style",null,` 18 @keyframes tmIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } 19 @keyframes tmOut { from { opacity: 1; } to { opacity: 0; } } 20 `),React.createElement("div",{style:{maxWidth:1320,margin:"0 auto"}},React.createElement("div",{style:{display:"flex",alignItems:"baseline",gap:24,marginBottom:80,fontFamily:mMono,fontSize:12.5,color:M.muted,letterSpacing:1.4,textTransform:"uppercase"}},React.createElement("span",null,"CLIENTS"),React.createElement("span",{style:{flex:1,height:1,background:M.border,alignSelf:"center"}}),React.createElement("span",null,"3 t\xE9moignages")),React.createElement("div",{style:{maxWidth:920,margin:"0 auto",textAlign:"center"}},React.createElement("div",{style:{fontFamily:`'Sancreek', ${mFont}`,fontSize:150,lineHeight:0.8,color:M.accent,marginBottom:8,height:110,fontWeight:400,userSelect:"none"}},"\u201C"),React.createElement("div",{key:i,style:{animation:"tmIn 500ms cubic-bezier(0.22,1,0.36,1)"}},React.createElement("blockquote",{style:{margin:"0 0 48px",fontSize:28,lineHeight:1.5,letterSpacing:"0px",fontWeight:400,fontFamily:mSerif,fontStyle:"italic",color:M.ink}},t.quote),React.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:6}},React.createElement("div",{style:{fontSize:15,fontWeight:600,color:M.ink}},t.name),React.createElement("div",{style:{fontSize:13,color:M.muted}},t.role)))),React.createElement("div",{style:{display:"flex",justifyContent:"center",gap:10,marginTop:56}},TESTIMONIALS.map((_,idx)=>React.createElement("button",{key:idx,onClick:()=>goTo(idx),style:{width:idx===i?28:8,height:8,border:0,background:idx===i?M.accent:M.border2,borderRadius:999,cursor:"pointer",transition:"width 300ms ease, background 300ms ease"}})))))}const QUOTE_PROC=[{name:"fluid",ph:"Nature du produit"},{name:"viscosity",ph:"Viscosit\xE9"},{name:"flow",ph:"D\xE9bit"},{name:"pressure",ph:"Pressions en jeu"},{name:"temperature",ph:"Temp\xE9rature"}];const lireMeta=nom=>
20{const m=document.querySelector("meta[name=\""+nom+"\"]");return m?m.getAttribute("content")||"":""};function ModernQuote(){const[state,setState]=React.useState("idle");const submit=e=>{e.preventDefault();if(state==="sending")return;const form=e.currentTarget;const data={};new FormData(form).forEach((v,k)=>{data[k]=typeof v==="string"?v.trim():v});if(data._gotcha){setState("ok");return}delete data._gotcha;if(lireMeta("formulaire-page"))data._page=lireMeta("formulaire-page");if(lireMeta("formulaire-jeton"))data._jeton=lireMeta("formulaire-jeton");setState("sending");fetch("/api/contact",{method:"POST",headers:{"Content-Type":"application/json","Accept":"application/json"},body:JSON.stringify(data)}).then(r=>{if(!r.ok)throw new Error("HTTP "+r.status);form.reset();setState("ok")}).catch(()=>{setState("error");turnstileReset()})};const tsRef=React.useRef(null);const tsId=React.useRef(null);const turnstileReset=()=>{if(tsId.current!==null&&window.turnstile){try{window.turnstile.reset(tsId.current)}catch(err){}}};const formVisible=state!=="ok";React.useEffect(()=>{const sitekey=lireMeta("turnstile-sitekey");const el=tsRef.current;if(!sitekey||!el)return undefined;let minuteur=null;const rendre=()=>{if(!window.turnstile||tsId.current!==null)return;tsId.current=window.turnstile.render(el,{sitekey,action:"contact",appearance:"interaction-only"})};if(window.turnstile)rendre();else minuteur=setInterval(()=>{if(window.turnstile){clearInterval(minuteur);minuteur=null;rendre()}},250);return()=>{if(minuteur)clearInterval(minuteur);if(tsId.current!==null&&window.turnstile){try{window.turnstile.remove(tsId.current)}catch(err){}}tsId.current=null}},[formVisible]);const qLabel={fontFamily:mMono,fontSize:12,letterSpacing:1,color:M.faint,textTransform:"uppercase",marginBottom:16};const qInput={padding:"8px 0",background:"transparent",width:"100%",minWidth:0,border:0,borderBottom:`1px solid ${M.border}`,outline:"none",color:M.ink,fontFamily:mFont,fontSize:16};return React.createElement("section",{style:{padding:"140px 48px",borderBottom:`1px solid ${M.border}`,position:"relative",overflow:"hidden"}},React.createElement("div",{style:{position:"absolute",inset:0,backgroundImage:`radial-gradient(circle at 80% 30%, rgba(111,168,255,0.16), transparent 50%)`}}),React.createElement("div",{style:{position:"relative",maxWidth:1320,margin:"0 auto"}},React.createElement("div",{style:{display:"grid",gridTemplateColumns:"1fr 1.2fr",gap:80,alignItems:"flex-start"}},React.createElement("div",null,React.createElement("div",{style:{fontFamily:mMono,fontSize:12.5,color:M.muted,letterSpacing:1.4,textTransform:"uppercase",marginBottom:28}},"DEMANDE D'\xC9TUDE"),React.createElement("h2",{style:{lineHeight:0.98,letterSpacing:-2.4,fontWeight:500,margin:0,fontSize:"73px"}},"Parlons"," ",React.createElement("span",{style:{fontFamily:mSerif,fontStyle:"italic",fontWeight:400,color:M.accent,letterSpacing:"0px",fontSize:"73px"}},"fluide.")),React.createElement("p",{style:{fontSize:20,lineHeight:1.5,color:M.muted,marginTop:36,maxWidth:460}},"D\xE9crivez votre process en quelques lignes. Un ing\xE9nieur revient vers vous sous 24 heures ouvr\xE9es avec une pr\xE9conisation chiffr\xE9e."),React.createElement("div",{style:{marginTop:56,display:"flex",flexDirection:"column",gap:14}},React.createElement("div",{style:{fontFamily:mMono,fontSize:12,letterSpacing:1.2,color:M.faint,textTransform:"uppercase"}},"Pr\xE9f\xE9rez le t\xE9l\xE9phone ?"),React.createElement("div",{style:{fontSize:32,fontWeight:500,letterSpacing:-0.6}},"04 79 10 00 13"),React.createElement("div",{style:{fontSize:14,color:M.muted}},"[email protected] \xB7 Lun.\u2013Ven. 8h\u201318h"))),state==="ok"?React.createElement(QuoteNotice,{tone:"ok",title:"Demande envoy\xE9e.",body:"Un ing\xE9nieur revient vers vous sous 24 heures ouvr\xE9es, \xE0 l'adresse email indiqu\xE9e."}):React.createElement("div",null,state==="error"&&React.createElement(QuoteNotice,{tone:"error",title:"L'envoi a \xE9chou\xE9.",body:"La demande n'a pas pu \xEAtre transmise. R\xE9essayez \u2014 vos r\xE9ponses sont conserv\xE9es \u2014 ou appelez le 04 79 10 00 13.",onRetry:()=>setState("idle")}),React.createElement("form",{className:"m-form-light",method:"post",action:"/api/contact",onSubmit:submit,style:{background:"#E8EBF1",padding:0,border:"0",borderRadius:35,overflow:"hidden",boxShadow:"0 0 36px 4px rgba(37,169,225,0.12)",display:state==="error"?"none":"block"}},React.createElement("style",null,`.m-form-light > div{ border-color: rgba(0,0,0,0.10) !important; } .m-field-white{ background:transparent !important; color:#0A0E18 !important; } .m-field-white::placeholder{ color:#b4bcc8; } .m-field-white:focus{ outline:none; } .m-form-light .m-proc-input{ border-bottom:1px solid rgba(0,0,0,0.14) !important; } .m-flabel{ color:#5a6472 !important; }`),React.createElement("input",{type:"text",name:"_gotcha",tabIndex:"-1",autoComplete:"off","aria-hidden":"true",style:{position:"absolute",left:-9999,width:1,height:1,opacity:0}
20}),React.createElement(ModernField,{label:"01 \xB7 Soci\xE9t\xE9",name:"company",placeholder:"Raison sociale *",required:true,autoComplete:"organization"}),React.createElement("div",{style:{padding:"24px 28px",borderBottom:`1px solid ${M.border}`}},React.createElement("div",{className:"m-flabel",style:qLabel},"02 \xB7 Contact"),React.createElement("div",{style:{display:"grid",gridTemplateColumns:"repeat(2, minmax(0, 1fr))",gap:"16px 28px"}},React.createElement("input",{name:"name",required:true,"aria-label":"Nom",placeholder:"Nom *",autoComplete:"name",className:"m-field-white m-proc-input",style:qInput}),React.createElement("input",{name:"email",type:"email",required:true,"aria-label":"Adresse email",placeholder:"Adresse email *",autoComplete:"email",className:"m-field-white m-proc-input",style:qInput}),React.createElement("input",{name:"phone",type:"tel","aria-label":"T\xE9l\xE9phone",placeholder:"T\xE9l\xE9phone (facultatif)",autoComplete:"tel",className:"m-field-white m-proc-input",style:qInput}))),React.createElement("div",{style:{padding:"24px 28px",borderBottom:`1px solid ${M.border}`}},React.createElement("div",{className:"m-flabel",style:qLabel},"03 \xB7 Application"),React.createElement("div",{style:{display:"grid",gridTemplateColumns:"repeat(2, minmax(0, 1fr))",gap:"16px 28px"}},QUOTE_PROC.map(f=>React.createElement("input",{key:f.name,name:f.name,"aria-label":f.ph,placeholder:f.ph,className:"m-field-white m-proc-input",style:qInput})))),React.createElement("div",{style:{padding:"24px 28px 28px"}},React.createElement("div",{className:"m-flabel",style:{...qLabel,marginBottom:12}},"04 \xB7 Description libre"),React.createElement("textarea",{name:"message",rows:5,placeholder:"Contraintes, normes ATEX, volumes, \xE9ch\xE9ances\u2026","aria-label":"Description libre",className:"m-field-white",style:{width:"100%",padding:0,background:"transparent",border:0,outline:"none",color:M.ink,fontFamily:mFont,fontSize:17,resize:"vertical"}})),React.createElement("div",{ref:tsRef}),React.createElement("div",{style:{padding:16,borderTop:`1px solid ${M.border}`,display:"flex",alignItems:"center",gap:14,background:"#E8EBF1",borderBottomLeftRadius:35,borderBottomRightRadius:35}},React.createElement("div",{style:{fontSize:13,color:"#8F8F8F8C",paddingLeft:12}},"R\xE9ponse sous 24 h ouvr\xE9es \xB7 donn\xE9es confidentielles."),React.createElement("button",{type:"submit",disabled:state==="sending",className:"m-cta-primary",style:{marginLeft:"auto",background:M.accent,color:M.bg,border:0,padding:"14px 22px",borderRadius:999,fontFamily:mFont,fontWeight:600,fontSize:15,cursor:state==="sending"?"progress":"pointer",opacity:state==="sending"?0.72:1,display:"flex",alignItems:"center",gap:10}},state==="sending"?"Envoi en cours\u2026":React.createElement(React.Fragment,null,"Envoyer la demande ",React.createElement(ArrowRight,null)))))))))}function QuoteNotice({tone,title,body,onRetry}){const ok=tone==="ok";return React.createElement("div",{style:{background:"#E8EBF1",borderRadius:35,padding:"44px 40px 40px",boxShadow:"0 0 36px 4px rgba(37,169,225,0.12)",display:"flex",flexDirection:"column",alignItems:"flex-start",gap:18}},React.createElement("span",{style:{width:44,height:44,borderRadius:999,flexShrink:0,background:ok?M.accent:"#C4453D",display:"flex",alignItems:"center",justifyContent:"center"}},React.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#FFFFFF",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"},ok?React.createElement("path",{d:"M20 6 9 17l-5-5"}):React.createElement(React.Fragment,null,React.createElement("path",{d:"M12 7v7"}),React.createElement("path",{d:"M12 17.4v.1"})))),React.createElement("div",{style:{fontSize:28,fontWeight:500,letterSpacing:-0.6,color:"#0A0E18"}},title),React.createElement("p",{style:{margin:0,fontSize:16,lineHeight:1.6,color:"#5a6472",maxWidth:460}},body),onRetry&&React.createElement("button",{onClick:onRetry,className:"m-cta-primary",style:{background:M.accent,color:M.bg,border:0,padding:"13px 22px",borderRadius:999,fontFamily:mFont,fontWeight:600,fontSize:15,cursor:"pointer",display:"inline-flex",alignItems:"center",gap:10}},"R\xE9essayer ",React.createElement(ArrowRight,{size:14})))}function ModernField({label,placeholder,name,type,required,autoComplete}){return React.createElement("div",{style:{padding:"24px 28px",borderBottom:`1px solid ${M.border}`}},React.createElement("div",{className:"m-flabel",style:{fontFamily:mMono,fontSize:12,letterSpacing:1,color:M.faint,textTransform:"uppercase",marginBottom:12}},label),React.createElement("input",{name:name,type:type||"text",required:required,autoComplete:autoComplete,"aria-label":placeholder||label,placeholder:placeholder,className:"m-field-white",style:{width:"100%",padding:0,background:"transparent",border:0,outline:"none",color:M.ink,fontFamily:mFont,fontSize:19}}))}function ModernFooter(){const{go}=React.useContext(NavCtx);const cols=[{h:"Nos solutions",to:"pumps",items:[{t:"Pompes \xE0 lobes",to:"pump:lobe-alimentaire"},{t:"Pompes \xE0 engrenages",to:"pump:engrenages"},{t:"Pompes \xE0 vis",to:"pump:vis"},{t:"Stations vide-cuves IBC",to:"pump:vide-fut"},{t:"Pompes \xE0 membranes",to:"pump:membrane"},{t:"M\xE9langeurs en ligne",to:"pump:melangeurs"},{t:"Centrifuges milieu agressif",to:"pump:centrifuge-agressif"}
20,{t:"Engrenages pour la lutte incendie",to:"pump:engrenages-incendie"},{t:"Engrenages de pr\xE9cision",to:"pump:engrenages-precision"},{t:"Skids & syst\xE8mes de dosage",to:"pump:skid-dosage"},{t:"Contr\xF4le & supervision",to:"pump:controle-supervision"}]},{h:"Applications",to:"applications",items:[{t:"Chimie \xB7 p\xE9trochimie",to:"app:chimie-petrochimie"},{t:"Agroalimentaire",to:"app:agroalimentaire"},{t:"Pharmacie",to:"app:pharmacie"},{t:"Polym\xE8res",to:"app:polymeres"},{t:"Cosm\xE9tique",to:"app:cosmetique"}]},{h:"Services",to:"about",items:[{t:"Conseil technique",to:"about"},{t:"Dimensionnement",to:"about"},{t:"Pi\xE8ces de rechange",to:"about"},{t:"Expertise terrain",to:"about"},{t:"Demander un devis",to:"contact"}]},{h:"Partenaires",to:"about",items:[{t:"IPP Pump Products",href:"https://www.pump-products.de/"},{t:"FlowLink",href:"http://flowlink.eu/"},{t:"Indag",href:"https://indag.com/"},{t:"Sera",href:"https://www.sera-web.com/"},{t:"Mahr",href:"https://www.mahr.com/en-int/"},{t:"Schmitt",href:"https://schmitt-pumpen.de/"},{t:"Albany",href:"https://www.albany-pumps.co.uk/"}]}];return React.createElement("footer",{style:{padding:"36px 48px 40px"}},React.createElement("style",null,` 21 .m-foot-link:hover { color: ${M.accent} !important; } 22 .m-foot-helios { color: inherit; text-decoration: none; transition: color 160ms; } 23 .m-foot-helios:hover { color: #e9a33c !important; } 24 `),React.createElement("div",{style:{maxWidth:1320,margin:"0 auto"}},React.createElement("div",{style:{display:"grid",gridTemplateColumns:"1.4fr repeat(4,1fr)",gap:40,paddingTop:0}},React.createElement("div",null,React.createElement("a",_extends({},linkTo(go,"home"),{"aria-label":"DKF Pompe \u2014 accueil",style:{display:"block",lineHeight:0,marginBottom:20}}),React.createElement("img",{src:window.DKF_LOGO_LIGHT||window.__resources?.dkfLogoLight||"assets/dkf-logo-light.png",alt:"DKF Pompe",style:{height:48,width:"auto",display:"block",marginLeft:-4,cursor:"pointer"}})),React.createElement("p",{style:{fontSize:14,lineHeight:1.6,color:M.muted,maxWidth:320}},"Sp\xE9cialistes en syst\xE8mes de pompage, dosage et m\xE9lange en ligne. Conseil technique, dimensionnement et partenaires ind\xE9pendants.")),cols.map(c=>React.createElement("div",{key:c.h},React.createElement("a",_extends({},linkTo(go,c.to),{style:{fontFamily:mMono,fontSize:11,color:M.faint,letterSpacing:1.2,textTransform:"uppercase",marginBottom:18,padding:0,cursor:"pointer",textDecoration:"none",display:"block",textAlign:"left"}}),c.h),c.items.map(it=>it.href?React.createElement("a",{key:it.t,href:it.href,target:"_blank",rel:"noopener noreferrer",className:"m-foot-link",style:{fontSize:14,padding:"6px 0",color:M.ink,display:"block",textDecoration:"none",fontFamily:mFont,transition:"color 160ms"}},it.t):React.createElement("a",_extends({key:it.t},linkTo(go,it.to),{className:"m-foot-link",style:{fontSize:14,padding:"6px 0",color:M.ink,display:"block",textDecoration:"none",cursor:"pointer",textAlign:"left",fontFamily:mFont,transition:"color 160ms"}}),it.t))))),React.createElement("div",{style:{marginTop:56,paddingTop:24,borderTop:`1px solid ${M.border}`,display:"flex",justifyContent:"space-between",fontFamily:mMono,fontSize:12,color:M.faint,letterSpacing:0.6}},React.createElement("span",null,"\xA9 2026 DKF Pompe \xB7 Tous droits r\xE9serv\xE9s \xB7 Site r\xE9alis\xE9 par ",React.createElement("a",{href:"https://helios-atelierweb.fr/",target:"_blank",rel:"noopener",className:"m-foot-helios"},"H\xE9lios Atelier Web")),React.createElement("span",{style:{display:"flex",gap:20}},React.createElement("a",_extends({},linkTo(go,"legal"),{className:"m-foot-link",style:{textDecoration:"none",padding:0,cursor:"pointer",fontFamily:mMono,fontSize:12,color:M.faint,letterSpacing:0.6,transition:"color 160ms"}}),"Mentions"),React.createElement("a",_extends({},linkTo(go,"cgv"),{className:"m-foot-link",style:{textDecoration:"none",padding:0,cursor:"pointer",fontFamily:mMono,fontSize:12,color:M.faint,letterSpacing:0.6,transition:"color 160ms"}}),"CGV"),React.createElement("button",{onClick:()=>{try{localStorage.removeItem("dkf_cookie_consent")}catch(e){}window.location.reload()},className:"m-foot-link",style:{background:"transparent",border:0,padding:0,cursor:"pointer",fontFamily:mMono,fontSize:12,color:M.faint,letterSpacing:0.6,transition:"color 160ms"}},"Cookies")))))}function ModernResponsiveCSS(){return React.createElement("style",null,` 25@keyframes mCutIn{0%{opacity:0;transform:rotate(0deg) scale(.94)}18%{opacity:1;transform:rotate(0deg) scale(.96)}100%{opacity:1;transform:rotate(-2.5deg) scale(1)}} 26.m-cut-img{animation:mCutIn 620ms cubic-bezier(.2,.7,.2,1) both;transform-origin:50% 60%} 27/* ---- LARGEURS INTERMEDIAIRES (tablette paysage) ---- */ 28@media (max-width:1320px){ 29 html,body{overflow-x:hidden;max-width:100%} 30 [style*="; width: 1200px"]{width:auto!important;max-width:100%!important} 31 [style*="min-width: 340px"]{min-width:0!important} 32 #root section,#root footer{padding-left:40px!important;padding-right:40px!important} 33} 34/* ---- TABLETTE ---- */ 35@media (max-width:1024px){ 36 html,body{overflow-x:hidden;max-width:100%} 37 #root,#root>div{max-width:100vw;overflow-x:clip} 38 #root section,#root footer{padding-left:32px!important;padding-right:32px!important;padding-top:72px!important;padding-bottom:72px!important} 39 #root section[style*="48px 0px"]{padding-bottom:0!important} 40 [style*="repeat(4"],[style*="repeat(3"]{grid-template-columns:repeat(2,1fr)!important} 41 [style*="1.4fr repeat(4"]{grid-template-columns:repeat(3,1fr)!important;gap:36px 32px!important} 42 [style*="280px 1fr"]{grid-template-columns:1fr!important;gap:36px!important} 43 [style*="1.2fr 0.9fr"],[style*="1.1fr 0.9fr"],[style*="1fr 1.2fr"],[style*="1.4fr 0.85fr"]{grid-template-columns:1fr!important} 44 .m-side-gallery{max-width:460px;margin:0 auto;width:100%} 45 [style*="gap: 80px"],[style*="gap: 72px"],[style*="gap: 64px"]{gap:44px!important} 46 [style*="font-size: 73px"]{font-size:clamp(46px,7.6vw,70px)!important} 47 [style*="font-size: 68px"],[style*="font-size: 64px"]{font-size:clamp(42px,7vw,64px)!important} 48 [style*="font-size: 56px"]{font-size:clamp(28px,4.6vw,44px)!important} 49 [style*="font-size: 48px"]{font-size:clamp(26px,4vw,38px)!important} 50 [style*="font-size: 150px"]{font-size:104px!important;height:78px!important} 51 #root h1,#root h2{line-height:1.14!important} 52 [style*="letter-spacing: -3px"],[style*="letter-spacing: -2.4px"],[style*="letter-spacing: -2.2px"],[style*="letter-spacing: -2px"],[style*="letter-spacing: -1.8px"],[style*="letter-spacing: -1.6px"],[style*="letter-spacing: -1.4px"]{letter-spacing:-0.02em!important} 53 [style*="right: 72px"],[style*="right: 80px"],.m-row-preview{display:none!important} 54 .m-row-desc{opacity:1!important} 55 [style*="; width: 1200px"]{width:auto!important;max-width:100%!important} 56 [style*="min-width: 340px"]{min-width:0!important} 57 [style*="min-height: 480px"]{min-height:0!important} 58 [style*="font-size: 11px"]{font-size:12px!important} 59 [style*="; width: 320px"]{width:auto!important;max-width:100%!important;justify-content:flex-start!important;gap:12px;align-self:flex-start} 60 #root section nav[style*="border-top"]{display:block} 61} 62/* ---- NAV MOBILE ---- */ 63@media (max-width:1100px){ 64 .m-nav-list,.m-nav-cta{display:none!important} 65 .m-burger{display:flex!important} 66 .m-nav-inner{padding:12px 20px!important;gap:0!important} 67} 68/* ---- MOBILE ---- */ 69@media (max-width:640px){ 70 #root section,#root footer{padding-left:20px!important;padding-right:20px!important;padding-top:56px!important;padding-bottom:56px!important} 71 #root section[style*="48px 0px"]{padding-bottom:0!important} 72 [style*="repeat(4"],[style*="repeat(3"],[style*="repeat(2"],[style*="1.4fr repeat(4"]{grid-template-columns:1fr!important} 73 [style*="1.4fr repeat(4"]{gap:32px!important} 74 [style*="gap: 80px"],[style*="gap: 72px"],[style*="gap: 64px"],[style*="gap: 48px"]{gap:32px!important} 75 [style*="min-height: 280px"]{min-height:0!important} 76 [style*="min-height: 200px"]{min-height:0!important} 77 [style*="font-size: 73px"]{font-size:clamp(38px,10.4vw,52px)!important} 78 [style*="font-size: 68px"],[style*="font-size: 64px"]{font-size:clamp(35px,9.6vw,48px)!important} 79 [style*="font-size: 56px"]{font-size:clamp(27px,7.4vw,36px)!important} 80 [style*="font-size: 48px"]{font-size:26px!important} 81 [style*="font-size: 32px"]{font-size:24px!important} 82 [style*="font-size: 28px"]{font-size:21px!important} 83 [style*="font-size: 22px"],[style*="font-size: 21px"],[style*="font-size: 20px"]{font-size:17px!important} 84 [style*="font-size: 150px"]{font-size:80px!important;height:58px!important} 85 #root h1,#root h2,#root h3{overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}
86 /* listes en lignes (catalogue, solutions, technologies) */ 87 [style*="fr 60px"]{grid-template-columns:1fr 26px!important;gap:6px 12px!important;padding:20px 2px!important} 88 [style*="fr 60px"]>*:nth-child(1){grid-column:1;grid-row:1} 89 [style*="fr 60px"]>*:nth-child(2){grid-column:1/3;grid-row:2;font-size:23px!important;transform:none!important} 90 [style*="fr 60px"]>*:nth-child(3){grid-column:1/3;grid-row:3;font-size:12.5px!important;line-height:1.5} 91 [style*="fr 60px"]>*:nth-child(4){grid-column:2;grid-row:1;align-self:center} 92 /* formulaires */ 93 [style*="padding: 24px 28px"]{padding:20px 18px!important} 94 [style*="border-bottom-left-radius: 35px"]{flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:18px!important} 95 [style*="border-bottom-left-radius: 35px"]>button{margin-left:0!important;justify-content:center!important} 96 /* marquee partenaires */ 97 #root a[style*="height: 90px"]{width:150px!important;height:68px!important} 98 #root footer .m-foot-link{padding:11px 0!important;font-size:15px!important} 99 #root footer a[style*="text-transform: uppercase"]{padding:10px 0!important;margin-bottom:6px!important} 100 #root button[style*="height: 8px"]{position:relative} 101 #root button[style*="height: 8px"]::after{content:'';position:absolute;left:-10px;right:-10px;top:-16px;bottom:-16px} 102 [style*="font-size: 11px"]{font-size:12px!important} 103 /* bandeau cookies */ 104 [style*="z-index: 9999"]{left:12px!important;right:12px!important;bottom:12px!important;max-width:none!important;width:auto!important} 105 [style*="white-space: nowrap"]{white-space:normal!important} 106 .dkf-ck-btn{padding:12px 18px!important;font-size:14px!important} 107 /* barre basse du footer */ 108 #root footer div[style*="space-between"]{flex-direction:column!important;align-items:flex-start!important;gap:14px!important} 109} 110`)}Object.assign(window,{ModernHome,ModernNav,ModernFooter,ModernField,ModernQuote,QuoteNotice,ModernResponsiveCSS,useIsNarrow,NavCtx,ROUTE_PATHS,pathFor,linkTo,M,mFont,mSerif,mMono});
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.