{"id":8702,"date":"2026-09-17T11:11:15","date_gmt":"2026-09-17T08:11:15","guid":{"rendered":"https:\/\/axinar.com\/?page_id=8702"},"modified":"2026-09-17T11:14:30","modified_gmt":"2026-09-17T08:14:30","slug":"accueil","status":"publish","type":"page","link":"https:\/\/axinar.com\/fr","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8702\" class=\"elementor elementor-8702 elementor-476\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9721940 e-flex e-con-boxed e-con e-parent\" data-id=\"9721940\" 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-0b4161b elementor-widget elementor-widget-html\" data-id=\"0b4161b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====== AXINAR HERO SECTION v2 ====== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Mono:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/hero-poster.webp\">\n\n<section class=\"axn-hero\" aria-label=\"Axinar, transformation du m\u00e9tal\">\n  <video class=\"axn-hero-video\" muted loop playsinline preload=\"none\" poster=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/hero-poster.webp\" data-ax-lazy=\"1\">\n    <source src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/06\/HERO-AXINAR-2026.mp4\" type=\"video\/mp4\">\n  <\/video>\n  <div class=\"axn-hero-overlay\"><\/div>\n  <div class=\"axn-hero-content\">\n    <h1 class=\"axn-hero-title\">\n      <span class=\"axn-sr-only\">Axinar, industrie de la transformation du m\u00e9tal \u00e0 Thessalonique<\/span>\n    <\/h1>\n    <p class=\"axn-hero-tagline\" lang=\"en\">\n      <span class=\"axn-line1\">Quel acier peut \u00eatre<\/span>\n      <span class=\"axn-line2\">Vous imaginez. Nous le prouvons.<\/span>\n    <\/p>\n  <\/div>\n  <div class=\"axn-scroll-prompt\">\n    <span>En savoir plus<\/span>\n    <div style=\"margin-top:10px; display:flex; justify-content:center;\">\n      <svg width=\"24\" height=\"40\" viewbox=\"0 0 24 40\" fill=\"none\" aria-hidden=\"true\">\n        <rect x=\"1\" y=\"1\" width=\"22\" height=\"38\" rx=\"11\" stroke=\"white\" stroke-width=\"1.5\"\/>\n        <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"white\">\n          <animate attributename=\"cy\" values=\"12;26;12\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n          <animate attributename=\"opacity\" values=\"1;0.3;1\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n        <\/circle>\n      <\/svg>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ====== HERO BASE ====== *\/\n.axn-hero {\n  position: relative;\n  height: 70vh;\n  display: flex;\n  align-items: center;\n  padding: 0;\n  padding-left: clamp(20px, 15vw, 250px);\n  overflow: hidden;\n  background: #0D0E0F;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  box-sizing: border-box;\n}\n.axn-hero-video {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  min-width: 100%;\n  min-height: 100%;\n  width: auto;\n  height: auto;\n  transform: translate(-50%, -50%);\n  object-fit: cover;\n  max-height: 70vh;\n  z-index: 0;\n}\n.axn-hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(13,14,15,0.6) 0%, rgba(13,14,15,0.25) 50%, rgba(13,14,15,0.15) 100%);\n  z-index: 1;\n}\n\n\/* ====== HERO CONTENT ====== *\/\n.axn-hero-content {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.axn-hero-title, .axn-hero-tagline {\n  font-family: 'IBM Plex Mono', monospace;\n  font-weight: 700;\n  color: #fff;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\/* SR-only H1 text for SEO, visible to Google, hidden visually *\/\n.axn-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0,0,0,0);\n  white-space: nowrap;\n  border: 0;\n}\n.axn-line1 {\n  font-size: clamp(26px, 3.6vw, 46px);\n  line-height: 1;\n  color: #FFFFFF;\n  letter-spacing: -0.5px;\n}\n.axn-line2 {\n  font-size: clamp(18px, 2.4vw, 32px);\n  line-height: 1;\n  margin-left: clamp(25px, 2.22vw, 46px);\n  margin-top: 0;\n  color: #FFFFFF;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n\/* ====== FADE-IN ANIMATIONS ====== *\/\n.axn-fade-up {\n  opacity: 0;\n  transform: translateY(30px);\n  animation: axnFadeUp 0.8s ease-out forwards;\n}\n.axn-delay-1 { animation-delay: 0.25s; }\n.axn-delay-2 { animation-delay: 0.5s; }\n\n@keyframes axnFadeUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* ====== GLITCH ENTRANCE ====== *\/\n.axn-line1 {\n  animation: axnGlitch1 15s ease-out infinite;\n  opacity: 0;\n}\n.axn-line2 {\n  animation: axnGlitch2 15s ease-out 0.25s infinite;\n  opacity: 0;\n}\n\n@keyframes axnGlitch1 {\n  0%    { opacity: 0; transform: translateX(-4px); filter: blur(6px); }\n  1%    { opacity: 1; transform: translateX(6px);  filter: blur(0); }\n  1.5%  { opacity: 0.4; transform: translateX(-3px); }\n  2%    { opacity: 1; transform: translateX(2px); }\n  2.5%  { opacity: 0.6; transform: translateX(-1px); filter: blur(1px); }\n  3.5%  { opacity: 1; transform: translateX(0); filter: blur(0); }\n  7%    { opacity: 1; transform: translateX(0); filter: blur(0); }\n  7.3%  { opacity: 0.7; transform: translateX(3px); }\n  7.6%  { opacity: 1; transform: translateX(0); }\n  99%   { opacity: 1; transform: translateX(0); filter: blur(0); }\n  100%  { opacity: 0; transform: translateX(-4px); filter: blur(6px); }\n}\n\n@keyframes axnGlitch2 {\n  0%    { opacity: 0; transform: translateX(4px); filter: blur(6px); }\n  1%    { opacity: 1; transform: translateX(-5px); filter: blur(0); }\n  1.8%  { opacity: 0.3; transform: translateX(3px); }\n  2.2%  { opacity: 1; transform: translateX(-2px); }\n  3%    { opacity: 0.7; transform: translateX(1px); filter: blur(1px); }\n  4%    { opacity: 1; transform: translateX(0); filter: blur(0); }\n  99%   { opacity: 1; transform: translateX(0); filter: blur(0); }\n  100%  { opacity: 0; transform: translateX(4px); filter: blur(6px); }\n}\n\n\/* ====== SCROLL PROMPT ====== *\/\n.axn-scroll-prompt {\n  position: absolute;\n  bottom: 30px;\n  right: 40px;\n  text-align: center;\n  color: #fff;\n  font-family: 'Barlow', sans-serif;\n  font-size: 13px;\n  letter-spacing: 1px;\n  z-index: 2;\n  opacity: 0;\n  animation: axnFadeUp 0.8s ease-out 1s forwards;\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 1024px) {\n  .axn-hero {\n    min-height: 65vh;\n    padding: 0;\n    padding-left: clamp(30px, 6vw, 80px);\n    padding-bottom: clamp(100px, 15vw, 180px);\n  }\n}\n@media (max-width: 767px) {\n  .axn-hero {\n    min-height: 60vh;\n    padding: 0;\n    padding-left: 24px;\n    padding-right: 24px;\n    padding-bottom: 80px;\n    align-items: flex-end;\n  }\n  .axn-line1 { font-size: clamp(28px, 8vw, 40px); }\n  .axn-line2 { font-size: clamp(16px, 5vw, 24px); margin-left: 10px; }\n  .axn-scroll-prompt { display: none; }\n}\n@media (max-width: 480px) {\n  .axn-hero {\n    min-height: 55vh;\n    padding-left: 16px;\n    padding-right: 16px;\n    padding-bottom: 60px;\n  }\n  .axn-line1 { font-size: clamp(26px, 8vw, 34px); }\n  .axn-line2 { font-size: clamp(14px, 4.5vw, 20px); margin-left: 6px; }\n}\n\n\/* ====== FIX ELEMENTOR CONTAINER, full bleed ====== *\/\n[data-widget_type=\"html.default\"] > .elementor-widget-container,\n.elementor-element:has(.axn-hero) > .elementor-widget-container {\n  padding: 0 !important;\n  margin: 0 !important;\n  min-height: 0 !important;\n  overflow: visible !important;\n  max-width: none !important;\n}\n.elementor-section:has(.axn-hero),\n.elementor-container:has(.axn-hero),\n.elementor-column:has(.axn-hero),\n.elementor-widget:has(.axn-hero) {\n  padding: 0 !important;\n  margin: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n.e-con:has(.axn-hero) {\n  --padding-top: 0px !important;\n  --padding-bottom: 0px !important;\n  --padding-left: 0px !important;\n  --padding-right: 0px !important;\n  padding: 0 !important;\n  max-width: 100% !important;\n}\n<\/style>\n\n<!-- ====== VIDEO TRACKING (uses existing PYS dataLayer) ====== -->\n<script>\n(function() {\n  var video = document.querySelector('.axn-hero-video');\n  if (!video) return;\n\n  function tryPlay() {\n    var p = video.play();\n    if (p !== undefined) {\n      p.catch(function() {\n        video.muted = true;\n        video.play().catch(function() {});\n      });\n    }\n  }\n\n  if (video.readyState >= 2) {\n    tryPlay();\n  } else {\n    video.addEventListener('canplay', tryPlay, { once: true });\n  }\n\n  setTimeout(function() {\n    if (video.paused) tryPlay();\n  }, 2000);\n\n  document.addEventListener('visibilitychange', function() {\n    if (!document.hidden && video.paused) tryPlay();\n  });\n\n  \/* GA4 video tracking, uses PYS gtag already loaded *\/\n  if (typeof gtag !== 'function') return;\n\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        gtag('event', 'video_view', {\n          event_category: 'Hero Video',\n          event_label: 'HERO-AXINAR-2026.mp4'\n        });\n        observer.disconnect();\n      }\n    });\n  }, { threshold: 0.5 });\n  observer.observe(video);\n\n  var milestones = { 25: false, 50: false, 75: false, 100: false };\n  video.addEventListener('timeupdate', function() {\n    if (!video.duration) return;\n    var pct = Math.floor((video.currentTime \/ video.duration) * 100);\n    [25, 50, 75, 100].forEach(function(m) {\n      if (!milestones[m] && pct >= m) {\n        milestones[m] = true;\n        gtag('event', 'video_progress', {\n          event_category: 'Hero Video',\n          event_label: 'HERO-AXINAR-2026.mp4',\n          value: m\n        });\n      }\n    });\n  });\n\n  var lastFired = 0;\n  video.addEventListener('timeupdate', function() {\n    var elapsed = Math.floor(video.currentTime);\n    if (elapsed > 0 && elapsed % 30 === 0 && elapsed !== lastFired) {\n      lastFired = elapsed;\n      gtag('event', 'video_time_watched', {\n        event_category: 'Hero Video',\n        event_label: 'HERO-AXINAR-2026.mp4',\n        value: elapsed\n      });\n    }\n  });\n})();\n<\/script>\n\n<!-- ====== AXINAR STATS SECTION v2 ====== -->\n<style>\n.ax-stats {\n  background: #151616;\n  padding: clamp(37px, 3.33vw, 69px) 0;\n  width: 100%;\n}\n.ax-stats-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n}\n.ax-stat-item {\n  text-align: center;\n  padding: clamp(25px, 2.22vw, 46px) clamp(12px, 1.11vw, 23px);\n  border-right: 1px solid rgba(255,255,255,0.1);\n}\n.ax-stat-item:last-child {\n  border-right: none;\n}\n\n.ax-stat-number {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(40px, 4vw, 56px);\n  font-weight: 700;\n  color: #DD2B1C;\n  line-height: 1;\n  margin-bottom: 12px;\n}\n.ax-stat-number .ax-stat-suffix {\n  font-size: clamp(28px, 2.5vw, 38px);\n  font-weight: 400;\n}\n\n.ax-stat-label {\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(255,255,255,0.5);\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  line-height: 1.4;\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 767px) {\n  .ax-stats { padding: 40px 20px; }\n  .ax-stats-inner {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0;\n  }\n  .ax-stat-item {\n    padding: 28px 16px;\n  }\n  .ax-stat-item:nth-child(2) { border-right: none; }\n  .ax-stat-item:nth-child(1),\n  .ax-stat-item:nth-child(2) {\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n  }\n  .ax-stat-number { font-size: 44px; }\n  .ax-stat-label { font-size: 13px; letter-spacing: 1.5px; }\n}\n@media (max-width: 480px) {\n  .ax-stats { padding: 30px 16px; }\n  .ax-stat-item { padding: 22px 12px; }\n  .ax-stat-number { font-size: 38px; }\n  .ax-stat-number .ax-stat-suffix { font-size: 24px; }\n  .ax-stat-label { font-size: 12px; letter-spacing: 1px; }\n}\n<\/style>\n\n<section class=\"ax-stats\" aria-label=\"Axinar en chiffres\">\n  <div class=\"ax-stats-inner\">\n    <div class=\"ax-stat-item\">\n      <div class=\"ax-stat-number\">\n        <span class=\"ax-stat-counter\" data-target-auto=\"founding-year\" data-founded=\"2010\">0<\/span>\n      <\/div>\n      <div class=\"ax-stat-label\">Ann\u00e9es d'<br>Croissance<\/div>\n    <\/div>\n    <div class=\"ax-stat-item\">\n      <div class=\"ax-stat-number\">\n        <span class=\"ax-stat-counter\" data-target=\"24\">0<\/span>\n      <\/div>\n      <div class=\"ax-stat-label\">Export<br>Pays<\/div>\n    <\/div>\n    <div class=\"ax-stat-item\">\n      <div class=\"ax-stat-number\">\n        <span class=\"ax-stat-counter\" data-target=\"4\">0<\/span>\n      <\/div>\n      <div class=\"ax-stat-label\">Continents<br>Atteint<\/div>\n    <\/div>\n    <div class=\"ax-stat-item\">\n      <div class=\"ax-stat-number\">\n        <span class=\"ax-stat-counter\" data-target=\"160\">0<\/span>\n        <span class=\"ax-stat-suffix\">+<\/span>\n      <\/div>\n      <div class=\"ax-stat-label\">Satisfaits<br>Entreprises<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  \/* Auto-calculate years since founding *\/\n  var autoYear = document.querySelector('[data-target-auto=\"founding-year\"]');\n  if (autoYear) {\n    var founded = parseInt(autoYear.getAttribute('data-founded'));\n    autoYear.setAttribute('data-target', new Date().getFullYear() - founded);\n  }\n\n  var counters = document.querySelectorAll('.ax-stat-counter');\n  var animated = false;\n\n  function animateCounters() {\n    counters.forEach(function(counter) {\n      var target = parseInt(counter.getAttribute('data-target'));\n      var duration = 2000;\n      var startTime = null;\n\n      function easeOutCubic(t) {\n        return 1 - Math.pow(1 - t, 3);\n      }\n\n      function step(timestamp) {\n        if (!startTime) startTime = timestamp;\n        var progress = Math.min((timestamp - startTime) \/ duration, 1);\n        var easedProgress = easeOutCubic(progress);\n        counter.textContent = Math.floor(easedProgress * target);\n        if (progress < 1) {\n          requestAnimationFrame(step);\n        } else {\n          counter.textContent = target;\n        }\n      }\n\n      requestAnimationFrame(step);\n    });\n  }\n\n  var section = document.querySelector('.ax-stats');\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting && !animated) {\n          animated = true;\n          animateCounters();\n          observer.unobserve(section);\n        }\n      });\n    }, { threshold: 0.3 });\n    observer.observe(section);\n  } else {\n    animateCounters();\n  }\n})();\n<\/script>\n\n<style>\n\/* ====== AXINAR INDUSTRIES SECTION v2 ====== *\/\n.ax-industries {\n  background: #151616;\n  padding: clamp(50px, 4.44vw, 92px) 0 0 0;\n  width: 100%;\n}\n\n.ax-ind-header {\n  max-width: 1200px;\n  margin: 0 auto clamp(25px, 2.22vw, 46px) auto;\n  padding: 0 clamp(25px, 2.22vw, 46px);\n}\n.ax-ind-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: clamp(2px, 0.17vw, 4px);\n  text-transform: uppercase;\n  color: #DD2B1C;\n  margin-bottom: 14px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.ax-ind-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(33px, 2.47vw, 48px);\n  font-weight: 300;\n  color: #FFFFFF;\n  text-transform: uppercase;\n  line-height: 1.1;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\n}\n.ax-ind-title strong {\n  font-weight: 600;\n}\n.ax-ind-header.ax-visible .ax-ind-tag,\n.ax-ind-header.ax-visible .ax-ind-title {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* --- Accordion Strips (Desktop) --- *\/\n.ax-ind-strips {\n  display: flex;\n  width: 100%;\n  height: 520px;\n  overflow: hidden;\n}\n\na.ax-ind-strip {\n  text-decoration: none;\n  color: inherit;\n}\n.ax-ind-strip {\n  flex: 1;\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n  display: block;\n}\n.ax-ind-strip:hover,\n.ax-ind-strip.active {\n  flex: 3;\n}\n\n\/* Background image *\/\n.ax-ind-strip-bg {\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center;\n  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ax-ind-strip:hover .ax-ind-strip-bg {\n  transform: scale(1.05);\n}\n\n\/* Dark overlay *\/\n.ax-ind-strip::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(13,14,15,0.85) 0%, rgba(13,14,15,0.4) 40%, rgba(13,14,15,0.3) 100%);\n  z-index: 1;\n  transition: background 0.4s ease;\n}\n.ax-ind-strip:hover::before {\n  background: linear-gradient(to top, rgba(13,14,15,0.8) 0%, rgba(13,14,15,0.2) 50%, rgba(13,14,15,0.15) 100%);\n}\n\n\/* Separator line *\/\n.ax-ind-strip::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 1px;\n  height: 100%;\n  background: rgba(255,255,255,0.08);\n  z-index: 2;\n}\n.ax-ind-strip:last-child::after {\n  display: none;\n}\n\n\/* Content *\/\n.ax-ind-strip-content {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: clamp(22px, 1.94vw, 40px) clamp(17px, 1.56vw, 32px);\n  z-index: 3;\n}\n\n\/* Title *\/\n.ax-ind-strip-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(17px, 1.29vw, 25px);\n  font-weight: 600;\n  color: #FFFFFF;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  line-height: 1.2;\n  margin-bottom: 0;\n  transition: margin-bottom 0.4s ease;\n}\n.ax-ind-strip:hover .ax-ind-strip-title {\n  margin-bottom: 14px;\n}\n\n\/* Description *\/\n.ax-ind-strip-desc {\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  font-weight: 300;\n  color: rgba(255,255,255,0.7);\n  line-height: 1.6;\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease 0.1s;\n}\n.ax-ind-strip:hover .ax-ind-strip-desc {\n  max-height: 120px;\n  opacity: 1;\n}\n\n\/* CTA link *\/\n.ax-ind-strip-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #DD2B1C;\n  text-decoration: none;\n  margin-top: 14px;\n  opacity: 0;\n  transform: translateY(10px);\n  transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;\n}\n.ax-ind-strip:hover .ax-ind-strip-cta {\n  opacity: 1;\n  transform: translateY(0);\n}\n.ax-ind-strip-cta svg {\n  width: 16px;\n  height: 16px;\n  stroke: #DD2B1C;\n  fill: none;\n  stroke-width: 2;\n  transition: transform 0.3s ease;\n}\n.ax-ind-strip:hover .ax-ind-strip-cta svg {\n  transform: translateX(4px);\n}\n\n\/* Red top accent *\/\n.ax-ind-strip-accent {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  background: #DD2B1C;\n  z-index: 3;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ax-ind-strip:hover .ax-ind-strip-accent {\n  transform: scaleX(1);\n}\n\n\/* --- Mobile Arrows (hidden on desktop) --- *\/\n.ax-ind-mobile-nav {\n  display: none;\n}\n\n\/* --- Mobile Dots --- *\/\n.ax-ind-dots {\n  display: none;\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 1024px) {\n  .ax-ind-strips { height: 460px; }\n  .ax-ind-strip-title { font-size: 18px; }\n  .ax-ind-strip-content { padding: 25px 20px; }\n}\n\n@media (max-width: 767px) {\n  .ax-industries { padding: 50px 0 0 0; }\n  .ax-ind-header { padding: 0 20px; margin-bottom: 24px; }\n  .ax-ind-title { font-size: 28px; }\n\n  \/* Carousel mode *\/\n  .ax-ind-strips {\n    position: relative;\n    height: 380px;\n    flex-direction: row;\n    overflow: hidden;\n  }\n  .ax-ind-strip {\n    position: absolute;\n    inset: 0;\n    flex: none;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.5s ease, transform 0.5s ease;\n    transform: translateX(30px);\n  }\n  .ax-ind-strip.active {\n    opacity: 1;\n    pointer-events: auto;\n    transform: translateX(0);\n    flex: none;\n  }\n  .ax-ind-strip::after { display: none; }\n\n  \/* Always show content on mobile active *\/\n  .ax-ind-strip.active .ax-ind-strip-title { margin-bottom: 14px; }\n  .ax-ind-strip.active .ax-ind-strip-desc { max-height: 120px; opacity: 1; }\n  .ax-ind-strip.active .ax-ind-strip-cta { opacity: 1; transform: translateY(0); }\n  .ax-ind-strip.active .ax-ind-strip-accent { transform: scaleX(1); }\n  .ax-ind-strip.active::before {\n    background: linear-gradient(to top, rgba(13,14,15,0.95) 0%, rgba(13,14,15,0.7) 35%, rgba(13,14,15,0.3) 60%, rgba(13,14,15,0.15) 100%);\n  }\n\n  .ax-ind-strip-title { font-size: 24px; font-weight: 700; text-shadow: 0 2px 6px rgba(13,14,15,0.8); }\n  .ax-ind-strip-desc { text-shadow: 0 1px 4px rgba(13,14,15,0.6); }\n  .ax-ind-strip-content { padding: 28px 24px; }\n\n  \/* Arrows *\/\n  .ax-ind-mobile-nav {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 20px;\n    padding: 20px 0 30px 0;\n  }\n  .ax-ind-arrow {\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    padding: 0;\n  }\n  .ax-ind-arrow svg {\n    width: 24px;\n    height: 24px;\n    stroke: #DD2B1C;\n    fill: none;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: stroke 0.3s ease;\n  }\n  .ax-ind-arrow:hover svg,\n  .ax-ind-arrow:active svg {\n    stroke: #FFFFFF;\n  }\n\n  \/* Dots as small arrows *\/\n  .ax-ind-dots {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 6px;\n  }\n  .ax-ind-dot {\n    width: 20px;\n    height: 3px;\n    border-radius: 2px;\n    background: rgba(255,255,255,0.2);\n    cursor: pointer;\n    transition: all 0.3s ease;\n  }\n  .ax-ind-dot.active {\n    background: #DD2B1C;\n    width: 32px;\n  }\n}\n<\/style>\n\n<section class=\"ax-industries\" aria-label=\"Les secteurs que nous servons\">\n\n  <div class=\"ax-ind-header\">\n    <div class=\"ax-ind-tag\">Secteurs<\/div>\n    <h2 class=\"ax-ind-title\">Des solutions pour <strong>chaque secteur<\/strong><\/h2>\n  <\/div>\n\n  <div class=\"ax-ind-strips\">\n\n    <a href=\"https:\/\/axinar.com\/en\/solar-panel-mounts\" class=\"ax-ind-strip active\" data-index=\"0\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Fotovoltaika.webp')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">Photovolta\u00efque<\/h3>\n        <p class=\"ax-ind-strip-desc\">Structures de fixation et ouvrages m\u00e9talliques pour centrales solaires, sur tout type de terrain.<\/p>\n        <span class=\"ax-ind-strip-cta\">Voir la gamme de fixations <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n    <a href=\"https:\/\/axinar.com\/fr\/sous-traitance-metallique\" class=\"ax-ind-strip\" data-index=\"1\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/OEM-Kataskeyastis.webp')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">OEM \/ sous-traitance<\/h3>\n        <p class=\"ax-ind-strip-desc\">Production de composants et de sous-ensembles pour des fabricants tiers, avec un appui technique complet.<\/p>\n        <span class=\"ax-ind-strip-cta\">En savoir plus sur la sous-traitance industrielle <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n    <a href=\"https:\/\/axinar.com\/en\/c\/agricultural-implements\" class=\"ax-ind-strip\" data-index=\"2\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/OEM-Parts.webp')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">Agriculture<\/h3>\n        <p class=\"ax-ind-strip-desc\">\u00c9quipements et composants tr\u00e8s r\u00e9sistants pour le machinisme agricole.<\/p>\n        <span class=\"ax-ind-strip-cta\">D\u00e9couvrir le mat\u00e9riel agricole <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n    <a href=\"https:\/\/axinar.com\/en\/c\/biomass-boilers\" class=\"ax-ind-strip\" data-index=\"3\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2025\/12\/axinar-viomaza-ksylina-pellets-stoiba-xyla-dasos.webp')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">Biomasse &amp; Chauffage<\/h3>\n        <p class=\"ax-ind-strip-desc\">Solutions de chauffage biomasse et pellets pour le r\u00e9sidentiel et l'industrie.<\/p>\n        <span class=\"ax-ind-strip-cta\">Voir les solutions de chauffage <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n    <a href=\"https:\/\/axinar.com\/fr\/sous-traitance-metallique\" class=\"ax-ind-strip\" data-index=\"4\">\n      <div class=\"ax-ind-strip-accent\"><\/div>\n      <div class=\"ax-ind-strip-bg\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Metallikes-Kataskeyes.webp')\"><\/div>\n      <div class=\"ax-ind-strip-content\">\n        <h3 class=\"ax-ind-strip-title\">Ouvrages industriels<\/h3>\n        <p class=\"ax-ind-strip-desc\">Ascenseurs, ouvrages m\u00e9talliques et solutions industrielles sur mesure.<\/p>\n        <span class=\"ax-ind-strip-cta\">Voir nos r\u00e9alisations <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span>\n      <\/div>\n    <\/a>\n\n  <\/div>\n\n  <!-- Mobile Navigation -->\n  <div class=\"ax-ind-mobile-nav\">\n    <button class=\"ax-ind-arrow ax-ind-prev\" aria-label=\"Pr\u00e9c\u00e9dent\">\n      <svg viewbox=\"0 0 20 20\"><path d=\"M13 4l-6 6 6 6\"\/><\/svg>\n    <\/button>\n    <div class=\"ax-ind-dots\">\n      <div class=\"ax-ind-dot active\" data-index=\"0\"><\/div>\n      <div class=\"ax-ind-dot\" data-index=\"1\"><\/div>\n      <div class=\"ax-ind-dot\" data-index=\"2\"><\/div>\n      <div class=\"ax-ind-dot\" data-index=\"3\"><\/div>\n      <div class=\"ax-ind-dot\" data-index=\"4\"><\/div>\n    <\/div>\n    <button class=\"ax-ind-arrow ax-ind-next\" aria-label=\"Suivant\">\n      <svg viewbox=\"0 0 20 20\"><path d=\"M7 4l6 6-6 6\"\/><\/svg>\n    <\/button>\n  <\/div>\n\n<\/section>\n\n<script>\n(function() {\n  \/\/ Header fade-in on scroll\n  var header = document.querySelector('.ax-ind-header');\n  if ('IntersectionObserver' in window) {\n    var headerObs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('ax-visible');\n          headerObs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.3 });\n    headerObs.observe(header);\n  } else {\n    header.classList.add('ax-visible');\n  }\n\n  \/\/ Mobile carousel\n  var strips = document.querySelectorAll('.ax-ind-strip');\n  var dots = document.querySelectorAll('.ax-ind-dot');\n  var prevBtn = document.querySelector('.ax-ind-prev');\n  var nextBtn = document.querySelector('.ax-ind-next');\n  var currentIndex = 0;\n  var total = strips.length;\n\n  function goTo(index) {\n    if (index < 0) index = total - 1;\n    if (index >= total) index = 0;\n    strips.forEach(function(s) { s.classList.remove('active'); });\n    dots.forEach(function(d) { d.classList.remove('active'); });\n    strips[index].classList.add('active');\n    dots[index].classList.add('active');\n    currentIndex = index;\n  }\n\n  strips.forEach(function(strip, i) {\n    strip.addEventListener('mouseenter', function() {\n      if (window.innerWidth > 767) {\n        goTo(i);\n      }\n    });\n  });\n\n  prevBtn.addEventListener('click', function() { goTo(currentIndex - 1); });\n  nextBtn.addEventListener('click', function() { goTo(currentIndex + 1); });\n\n  dots.forEach(function(dot, i) {\n    dot.addEventListener('click', function() { goTo(i); });\n  });\n\n  var touchStartX = 0;\n  var container = document.querySelector('.ax-ind-strips');\n  container.addEventListener('touchstart', function(e) {\n    touchStartX = e.touches[0].clientX;\n  }, { passive: true });\n  container.addEventListener('touchend', function(e) {\n    var diff = touchStartX - e.changedTouches[0].clientX;\n    if (Math.abs(diff) > 50) {\n      if (diff > 0) goTo(currentIndex + 1);\n      else goTo(currentIndex - 1);\n    }\n  }, { passive: true });\n})();\n<\/script>\n\n<style>\n.ax-logos {\n  background: #151616;\n  padding: clamp(43px, 3.89vw, 81px) 0;\n  width: 100%;\n  overflow: hidden;\n}\n.ax-logos-header {\n  text-align: center;\n  margin-bottom: clamp(31px, 2.78vh, 57px);\n}\n.ax-logos-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: clamp(2px, 0.17vw, 4px);\n  text-transform: uppercase;\n  color: #DD2B1C;\n  margin-bottom: 14px;\n}\n.ax-logos-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(25px, 1.88vw, 37px);\n  font-weight: 300;\n  color: #FFFFFF;\n  text-transform: uppercase;\n  line-height: 1.2;\n}\n.ax-logos-title strong { font-weight: 600; }\n\n.ax-logos-track-wrap {\n  position: relative;\n}\n.ax-logos-track-wrap::before,\n.ax-logos-track-wrap::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 120px;\n  z-index: 2;\n  pointer-events: none;\n}\n.ax-logos-track-wrap::before {\n  left: 0;\n  background: linear-gradient(to right, #151616 0%, transparent 100%);\n}\n.ax-logos-track-wrap::after {\n  right: 0;\n  background: linear-gradient(to left, #151616 0%, transparent 100%);\n}\n\n.ax-logos-track {\n  display: flex;\n  align-items: center;\n  gap: clamp(43px, 3.89vw, 81px);\n  animation: ax-scroll-left 45s linear infinite;\n  width: max-content;\n}\n.ax-logos-track:hover {\n  animation-play-state: paused;\n}\n\n@keyframes ax-scroll-left {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n.ax-logo-item {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 55px;\n  opacity: 0.45;\n  transition: opacity 0.4s ease;\n}\n.ax-logo-item:hover { opacity: 0.9; }\n.ax-logo-item img {\n  max-height: 55px;\n  max-width: 160px;\n  width: auto;\n  object-fit: contain;\n}\n\n@media (max-width: 767px) {\n  .ax-logos { padding: 50px 0; }\n  .ax-logos-title { font-size: 24px; }\n  .ax-logos-header { margin-bottom: 35px; }\n  .ax-logos-track { gap: 45px; animation-duration: 30s; }\n  .ax-logos-track-wrap::before,\n  .ax-logos-track-wrap::after { width: 50px; }\n  .ax-logo-item { height: 40px; }\n  .ax-logo-item img { max-height: 40px; max-width: 120px; }\n}\n@media (max-width: 480px) {\n  .ax-logos { padding: 36px 0; }\n  .ax-logos-title { font-size: 20px; }\n  .ax-logos-header { margin-bottom: 24px; }\n  .ax-logos-track { gap: 36px; }\n  .ax-logo-item { height: 32px; }\n  .ax-logo-item img { max-height: 32px; max-width: 100px; }\n}\n<\/style>\n\n<section class=\"ax-logos\" aria-label=\"Des partenaires qui nous font confiance\">\n  <div class=\"ax-logos-header\">\n    <div class=\"ax-logos-tag\">Ils nous font confiance<\/div>\n    <h2 class=\"ax-logos-title\"><strong>Partenaires<\/strong><\/h2>\n  <\/div>\n\n  <div class=\"ax-logos-track-wrap\">\n    <div class=\"ax-logos-track\">\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/kleeman-logo.webp\" alt=\"Kleemann\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/xometry-logo.webp\" alt=\"Xometry\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/salvagini-logo.webp\" alt=\"Salvagnini\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/alumil-solar-logo.webp\" alt=\"Alumil Solar\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/okofen-logo.webp\" alt=\"\u00d6koFEN\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ekme-logo.webp\" alt=\"EKME\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/agroma-logo.webp\" alt=\"Agroma\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/vigor-logo.webp\" alt=\"Vigor\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/kinvent-logo.webp\" alt=\"Kinvent\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ginox-logo.webp\" alt=\"Ginox\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/tysilio-logo.webp\" alt=\"Tysilio\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/clockword-logo.webp\" alt=\"Clockwork\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/nikoplex-logo.webp\" alt=\"Nikoplex\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/easypell-logo.webp\" alt=\"Easypell\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/mrc-logo.webp\" alt=\"MRC\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/csb-logo.webp\" alt=\"CSB\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><a href=\"https:\/\/www.airblock.gr\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/06\/airblock-logo-bw-v2.webp\" alt=\"Airblock\"><\/a><\/div>\n      <!-- Duplicate for seamless loop -->\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/kleeman-logo.webp\" alt=\"Kleemann\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/xometry-logo.webp\" alt=\"Xometry\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/salvagini-logo.webp\" alt=\"Salvagnini\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/alumil-solar-logo.webp\" alt=\"Alumil Solar\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/okofen-logo.webp\" alt=\"\u00d6koFEN\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ekme-logo.webp\" alt=\"EKME\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/agroma-logo.webp\" alt=\"Agroma\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/vigor-logo.webp\" alt=\"Vigor\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/kinvent-logo.webp\" alt=\"Kinvent\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ginox-logo.webp\" alt=\"Ginox\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/tysilio-logo.webp\" alt=\"Tysilio\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/clockword-logo.webp\" alt=\"Clockwork\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/nikoplex-logo.webp\" alt=\"Nikoplex\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/easypell-logo.webp\" alt=\"Easypell\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/mrc-logo.webp\" alt=\"MRC\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/csb-logo.webp\" alt=\"CSB\" width=\"160\" height=\"55\"><\/div>\n      <div class=\"ax-logo-item\"><a href=\"https:\/\/www.airblock.gr\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/06\/airblock-logo-bw-v2.webp\" alt=\"Airblock\"><\/a><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     AXINAR CAPABILITIES, Desktop: Sticky Image + Rows \/ Mobile: Accordion\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n\/* Fix: Force overflow visible on ALL Elementor ancestors so sticky works *\/\n.elementor-section,\n.elementor-container,\n.elementor-column,\n.elementor-widget-wrap,\n.elementor-element,\n.elementor-widget,\n.elementor-widget-container,\n.e-con,\n.e-con-inner {\n  overflow: visible !important;\n}\n\n\/* ====== AXINAR CAPABILITIES SECTION ====== *\/\n.ax-capabilities {\n  display: flex;\n  width: 100%;\n  overflow: visible !important;\n  position: relative;\n}\n\/* Force overflow:visible on all ancestors so sticky works inside WP *\/\n.ax-capabilities,\n.ax-capabilities *:not(.ax-cap-images):not(.ax-cap-img) {\n  overflow-anchor: none;\n}\n\n\/* --- Left: Image Panel (STICKY) --- *\/\n.ax-cap-images {\n  flex: 0 0 50%;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n  height: 100vh;\n  overflow: hidden;\n  background: #151616;\n  align-self: flex-start;\n}\n.ax-cap-img {\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center;\n  opacity: 0;\n  transform: scale(1.06);\n  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: opacity, transform;\n}\n.ax-cap-img.active {\n  opacity: 1;\n  transform: scale(1.0);\n}\n\n\/* Caption overlay *\/\n.ax-cap-img-label {\n  position: absolute;\n  bottom: 30px;\n  left: 30px;\n  z-index: 3;\n  opacity: 0;\n  transform: translateY(10px);\n  transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s;\n}\n.ax-cap-img.active .ax-cap-img-label {\n  opacity: 1;\n  transform: translateY(0);\n}\n.ax-cap-img-label span {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #FFFFFF;\n  background: rgba(13,14,15,0.5);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  padding: 8px clamp(12px, 0.89vw, 18px);\n  border-left: 3px solid #DD2B1C;\n}\n\n\/* Dark gradient overlay *\/\n.ax-cap-images::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(13,14,15,0.35) 0%, transparent 40%);\n  z-index: 2;\n  pointer-events: none;\n}\n\n\/* --- Right: Content Panel (SCROLLABLE) --- *\/\n.ax-cap-content {\n  flex: 0 0 50%;\n  padding: clamp(40px, 3.61vw, 75px) clamp(40px, 3.61vw, 75px) clamp(40px, 3.61vw, 75px) clamp(31px, 2.78vw, 57px);\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  background: #151616;\n}\n\n.ax-cap-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: clamp(2px, 0.17vw, 4px);\n  text-transform: uppercase;\n  color: #DD2B1C;\n  margin-bottom: 14px;\n}\n\n.ax-cap-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(33px, 2.47vw, 48px);\n  font-weight: 300;\n  color: #FFFFFF;\n  text-transform: uppercase;\n  line-height: 1.1;\n  margin-bottom: clamp(24px, 2.11vh, 44px);\n}\n.ax-cap-title strong {\n  font-weight: 600;\n}\n\n\/* --- Capability Rows --- *\/\na.ax-cap-row {\n  text-decoration: none;\n  color: inherit;\n}\n.ax-cap-row {\n  display: flex;\n  align-items: center;\n  gap: clamp(12px, 1.00vw, 21px);\n  padding: clamp(12px, 1.00vw, 21px) 0 clamp(12px, 1.00vw, 21px) 0;\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n  cursor: pointer;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  flex-wrap: wrap;\n}\n.ax-cap-row:first-of-type {\n  border-top: 1px solid rgba(255,255,255,0.08);\n}\n\n\/* Active bar left (desktop only) *\/\n.ax-cap-row::before {\n  content: '';\n  position: absolute;\n  left: -50px;\n  top: 0;\n  bottom: 0;\n  width: 3px;\n  background: #DD2B1C;\n  transform: scaleY(0);\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  transform-origin: center;\n}\n.ax-cap-row.active::before {\n  transform: scaleY(1);\n}\n\n.ax-cap-row:hover,\n.ax-cap-row.active {\n  padding-left: 10px;\n}\n\n\/* 3D Icon Container *\/\n.ax-cap-icon {\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.08);\n  box-shadow: 0 2px 8px rgba(13,14,15,0.2), inset 0 1px 0 rgba(255,255,255,0.04);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  perspective: 300px;\n  transition: all 0.4s ease;\n}\n.ax-cap-row:hover .ax-cap-icon,\n.ax-cap-row.active .ax-cap-icon {\n  background: rgba(221,43,28,0.1);\n  border-color: rgba(221,43,28,0.25);\n  box-shadow: 0 4px 14px rgba(221,43,28,0.15), inset 0 1px 0 rgba(255,255,255,0.06);\n  transform: scale(1.05);\n}\n.ax-cap-icon img {\n  width: 42px;\n  height: 42px;\n  object-fit: contain;\n  transition: all 0.4s ease;\n}\n.ax-cap-row:hover .ax-cap-icon img,\n.ax-cap-row.active .ax-cap-icon img {\n  transform: rotateY(15deg) rotateX(-5deg) scale(1.1);\n}\n\n\/* Text *\/\n.ax-cap-info { flex: 1; }\n.ax-cap-info h4 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(14px, 1.06vw, 21px);\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 1.2px;\n  color: #FFFFFF;\n  margin-bottom: 3px;\n  transition: color 0.35s ease;\n}\n.ax-cap-row:hover .ax-cap-info h4,\n.ax-cap-row.active .ax-cap-info h4 {\n  color: #DD2B1C;\n}\n.ax-cap-info p {\n  font-family: 'Barlow', sans-serif;\n  font-size: 13px;\n  color: rgba(255,255,255,0.4);\n  font-weight: 300;\n  line-height: 1.5;\n  transition: color 0.35s ease;\n}\n.ax-cap-row:hover .ax-cap-info p,\n.ax-cap-row.active .ax-cap-info p {\n  color: rgba(255,255,255,0.65);\n}\n\n\/* Arrow *\/\n.ax-cap-arrow {\n  margin-left: auto;\n  opacity: 0;\n  transform: translateX(-10px);\n  transition: all 0.35s ease;\n  flex-shrink: 0;\n}\n.ax-cap-row:hover .ax-cap-arrow,\n.ax-cap-row.active .ax-cap-arrow {\n  opacity: 1;\n  transform: translateX(0);\n}\n.ax-cap-arrow svg {\n  width: 20px;\n  height: 20px;\n  stroke: #DD2B1C;\n  fill: none;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* --- Mobile Accordion Image (hidden on desktop) --- *\/\n.ax-cap-row-img {\n  display: none;\n}\n\n\/* Hide mobile overlay on desktop *\/\n.ax-cap-row::after {\n  display: none;\n}\n\/* Hide mobile arrow on desktop *\/\n.ax-cap-info::after {\n  display: none;\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 1024px) {\n  .ax-cap-content { padding: 45px 35px 45px 30px; }\n  .ax-cap-title { font-size: 34px; }\n  .ax-cap-row::before { left: -30px; }\n  .ax-cap-icon { width: 50px; height: 50px; }\n}\n\n@media (max-width: 767px) {\n  .ax-capabilities { flex-direction: column; }\n\n  \/* Hide desktop image panel *\/\n  .ax-cap-images { display: none; }\n\n  .ax-cap-content {\n    flex: none;\n    padding: 40px 20px;\n  }\n  .ax-cap-title { font-size: 28px; margin-bottom: 20px; }\n\n  \/* Hide accordion elements *\/\n  .ax-cap-row::before { display: none; }\n  .ax-cap-arrow { display: none; }\n  .ax-cap-row-img { display: none !important; }\n  .ax-cap-info p { display: none; }\n\n  \/* Grid 2 columns with photo cards *\/\n  .ax-cap-mobile-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  .ax-cap-row {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0;\n    padding: 0 !important;\n    border: none !important;\n    border-radius: 10px;\n    overflow: hidden;\n    position: relative;\n    height: 160px;\n    background-size: cover;\n    background-position: center;\n    background-color: #232425;\n    flex-wrap: nowrap;\n  }\n  .ax-cap-row:first-of-type { border-top: none !important; }\n  .ax-cap-row:hover, .ax-cap-row.active { padding-left: 0 !important; }\n\n  \/* Dark gradient overlay - mobile only *\/\n  .ax-cap-row::after {\n    display: block;\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(13,14,15,0.95) 0%, rgba(13,14,15,0.6) 40%, rgba(13,14,15,0.3) 100%);\n    z-index: 1;\n    border-radius: 10px;\n  }\n\n  \/* Icon positioned *\/\n  .ax-cap-icon {\n    position: absolute;\n    bottom: 44px;\n    left: 12px;\n    z-index: 2;\n    width: 34px;\n    height: 34px;\n    border-radius: 8px;\n    background: rgba(221,43,28,0.25);\n    border: 1px solid rgba(221,43,28,0.5);\n    box-shadow: 0 2px 8px rgba(13,14,15,0.4);\n    backdrop-filter: none;\n  }\n  .ax-cap-icon img { width: 24px; height: 24px; filter: brightness(1.2); }\n\n  \/* Title at bottom *\/\n  .ax-cap-info {\n    position: absolute;\n    bottom: 12px;\n    left: 12px;\n    right: 12px;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n  }\n  .ax-cap-info h4 {\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.8px;\n    color: #fff;\n    text-shadow: 0 2px 6px rgba(13,14,15,0.8);\n    line-height: 1.2;\n    flex: 1;\n  }\n  \/* Mobile arrow CTA - visible on mobile *\/\n  .ax-cap-info::after {\n    content: '';\n    display: block;\n    width: 22px;\n    height: 22px;\n    flex-shrink: 0;\n    background: rgba(221,43,28,0.6);\n    border-radius: 50%;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5l5 5-5 5'\/%3E%3C\/svg%3E\");\n    background-size: 14px;\n    background-repeat: no-repeat;\n    background-position: center;\n  }\n\n  \/* Last card (odd) spans full width *\/\n  .ax-cap-mobile-grid .ax-cap-row:last-child:nth-child(odd) {\n    grid-column: 1 \/ -1;\n    height: 120px;\n  }\n\n  \/* Mobile group headers *\/\n  .ax-cap-group-header {\n    grid-column: 1 \/ -1;\n    padding: 0 0 4px 0;\n  }\n  .ax-cap-group-header:not(:first-child) {\n    margin-top: 16px;\n  }\n  .ax-cap-group-tag {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    color: #DD2B1C;\n    margin-bottom: 4px;\n  }\n  .ax-cap-group-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 20px;\n    font-weight: 700;\n    color: #fff;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n}\n\n@media (max-width: 480px) {\n  .ax-cap-content { padding: 32px 16px; }\n  .ax-cap-title { font-size: 24px; }\n  .ax-cap-mobile-grid { gap: 8px; }\n  .ax-cap-row { height: 140px; }\n  .ax-cap-icon { width: 30px; height: 30px; bottom: 40px; left: 10px; }\n  .ax-cap-icon img { width: 20px; height: 20px; }\n  .ax-cap-info { bottom: 10px; left: 10px; right: 10px; }\n  .ax-cap-info h4 { font-size: 13px; font-weight: 600; }\n  .ax-cap-group-title { font-size: 18px; }\n  .ax-cap-group-tag { font-size: 10px; }\n}\n<\/style>\n\n<section class=\"ax-capabilities\" aria-label=\"Capacit\u00e9s de transformation du m\u00e9tal\">\n\n  <!-- LEFT: Images (STICKY, Desktop only) -->\n  <div class=\"ax-cap-images\">\n    <div class=\"ax-cap-img active\" data-index=\"0\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2025\/12\/laser-cut-3.webp')\">\n      <div class=\"ax-cap-img-label\"><span>D\u00e9coupe laser<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"1\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Strantza.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Presse plieuse<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"2\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindros.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Roulage<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"3\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2025\/05\/axinar-cnc-michaniki-kainotomia.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Fraisage CNC<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"4\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Tournage CNC<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"5\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/deburring.webp')\">\n      <div class=\"ax-cap-img-label\"><span>\u00c9bavurage<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"6\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/MIG-TIG.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Soudage MIG \/ TIG<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"7\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Sygkollisi-Laser-main.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Soudage laser<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"8\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Mikrokatergasies.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Op\u00e9rations secondaires<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"9\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ilektrostatiki-vafi.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Thermolaquage<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"10\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanismos-scaled.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Galvanisation<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"11\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-Metallon.webp')\">\n      <div class=\"ax-cap-img-label\"><span>D\u00e9bit de profil\u00e9s<\/span><\/div>\n    <\/div>\n    <div class=\"ax-cap-img\" data-index=\"12\" style=\"background-image: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Cards_AssemblyModeling.webp')\">\n      <div class=\"ax-cap-img-label\"><span>Conception &amp; R&amp;D<\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- RIGHT: Content (SCROLLS) -->\n  <div class=\"ax-cap-content\">\n    <div class=\"ax-cap-tag\">Capacit\u00e9s<\/div>\n    <h2 class=\"ax-cap-title\">De la mati\u00e8re premi\u00e8re<br>to <strong>produit fini<\/strong><\/h2>\n\n    <!-- 0. Laser Cutting -->\n    <a href=\"https:\/\/axinar.com\/fr\/tolerie-industrielle\/decoupe-laser\" class=\"ax-cap-row active\" data-index=\"0\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2025\/12\/laser-cut-3.webp\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi_Laser_3D_Red.webp\" alt=\"D\u00e9coupe laser\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi_Laser_3D_Red-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi_Laser_3D_Red-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi_Laser_3D_Red-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi_Laser_3D_Red-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi_Laser_3D_Red.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>D\u00e9coupe laser<\/h4>\n        <p>D\u00e9coupe de t\u00f4le jusqu'\u00e0 40 mm \u00b7 acier, inox, aluminium \u00b7 pr\u00e9cision \u00b10,1 mm<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Voir plus <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 1. Press Brake -->\n    <a href=\"https:\/\/axinar.com\/fr\/tolerie-industrielle\/pliage-tole\" class=\"ax-cap-row\" data-index=\"1\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Strantza.webp\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Strantzarisma-3D-Red-1.webp\" alt=\"Presse plieuse\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Strantzarisma-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Strantzarisma-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Strantzarisma-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Strantzarisma-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Strantzarisma-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Presse plieuse<\/h4>\n        <p>Pliage de t\u00f4le jusqu'\u00e0 3000 mm \u00b7 profils complexes \u00b7 r\u00e9p\u00e9tabilit\u00e9 constante<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Voir plus <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 2. Roll Bending -->\n    <a href=\"https:\/\/axinar.com\/fr\/tolerie-industrielle\/roulage-cintrage-tole\" class=\"ax-cap-row\" data-index=\"2\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindros.webp\">\n      <div class=\"ax-cap-icon\"><img decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindors-3D-Red-1.webp\" alt=\"Roulage\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindors-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindors-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindors-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindors-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kylindors-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Roulage<\/h4>\n        <p>Roulage de t\u00f4le en formes cylindriques &amp; formes coniques \u00b7 longueur jusqu'\u00e0 2200 mm<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Voir plus <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 3. CNC Milling -->\n    <a href=\"https:\/\/axinar.com\/fr\/tolerie-industrielle\/fraisage-cnc\" class=\"ax-cap-row\" data-index=\"3\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2025\/05\/axinar-cnc-michaniki-kainotomia.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Freza-3D-Red-1.webp\" alt=\"Fraisage CNC\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Freza-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Freza-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Freza-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Freza-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Freza-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Fraisage CNC<\/h4>\n        <p>Fraisage de pr\u00e9cision \u00b7 tol\u00e9rances \u00b10,05 mm \u00b7 production en s\u00e9rie<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Voir plus <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 4. CNC Turning -->\n    <a href=\"https:\/\/axinar.com\/fr\/tolerie-industrielle\/tournage-cnc\" class=\"ax-cap-row\" data-index=\"4\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red.webp\" alt=\"Tournage CNC\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-600x600.webp 600w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-768x768.webp 768w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red-800x800.webp 800w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/CNC-Tornos-3D-Red.webp 1024w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Tournage CNC<\/h4>\n        <p>Tournage de pr\u00e9cision \u00b7 pi\u00e8ces cylindriques \u00b7 tol\u00e9rances \u00b10,05 mm<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Voir plus <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 5. Deburring -->\n    <a href=\"https:\/\/axinar.com\/fr\/tolerie-industrielle\/ebavurage\" class=\"ax-cap-row\" data-index=\"5\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/deburring.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Deburring-3D-Red-1.webp\" alt=\"\u00c9bavurage\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Deburring-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Deburring-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Deburring-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Deburring-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Deburring-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>\u00c9bavurage<\/h4>\n        <p>\u00c9bavurage automatique \u00b7 chants nets, pr\u00eats au thermolaquage ou au montage<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Voir plus <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 6. MIG \/ TIG Welding -->\n    <a href=\"https:\/\/axinar.com\/fr\/tolerie-industrielle\/soudage-mig-tig\" class=\"ax-cap-row\" data-index=\"6\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/MIG-TIG.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-MIG-TIG-3D-Red-1.webp\" alt=\"Soudage MIG\/TIG\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-MIG-TIG-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-MIG-TIG-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-MIG-TIG-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-MIG-TIG-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-MIG-TIG-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Soudage MIG \/ TIG<\/h4>\n        <p>Acier, inox, aluminium \u00b7 12 postes Fronius \u00b7 technologie puls\u00e9e<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Voir plus <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 7. Laser Welding -->\n    <a href=\"https:\/\/axinar.com\/fr\/tolerie-industrielle\/soudage-laser\" class=\"ax-cap-row\" data-index=\"7\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Sygkollisi-Laser-main.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-Laser-4.webp\" alt=\"Soudage laser\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-Laser-4-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-Laser-4-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-Laser-4-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-Laser-4-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Sygkollisi-Laser-4.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Soudage laser<\/h4>\n        <p>Laser fibre 3 kW \u00b7 d\u00e9formation thermique minimale \u00b7 cordons nets sans meulage<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Voir plus <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 8. Secondary Operations -->\n    <a href=\"https:\/\/axinar.com\/fr\/tolerie-industrielle\/rivetage-gravure-laser\" class=\"ax-cap-row\" data-index=\"8\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Mikrokatergasies.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Mikrokatergasies-3D-Red-1.webp\" alt=\"Op\u00e9rations secondaires\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Mikrokatergasies-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Mikrokatergasies-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Mikrokatergasies-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Mikrokatergasies-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Mikrokatergasies-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Op\u00e9rations secondaires<\/h4>\n        <p>Taraudage, filetage, pose d'\u00e9crous \u00b7 op\u00e9rations de finition<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Voir plus <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 9. Powder Coating -->\n    <a href=\"https:\/\/axinar.com\/fr\/tolerie-industrielle\/thermolaquage\" class=\"ax-cap-row\" data-index=\"9\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/ilektrostatiki-vafi.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Ilektrostatiki-Vafi-3D-Red-1.webp\" alt=\"Thermolaquage\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Ilektrostatiki-Vafi-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Ilektrostatiki-Vafi-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Ilektrostatiki-Vafi-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Ilektrostatiki-Vafi-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Ilektrostatiki-Vafi-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Thermolaquage<\/h4>\n        <p>Thermolaquage en interne \u00b7 produit fini, pr\u00eat \u00e0 exp\u00e9dier<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Voir plus <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 10. Galvanizing -->\n    <a href=\"https:\/\/axinar.com\/fr\/tolerie-industrielle\/galvanisation\" class=\"ax-cap-row\" data-index=\"10\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanismos-scaled.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanisma_3D_Red.webp\" alt=\"Galvanisation\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanisma_3D_Red-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanisma_3D_Red-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanisma_3D_Red-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanisma_3D_Red-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Galvanisma_3D_Red.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>\u00c0 chaud &amp; Galvanisation \u00e9lectrolytique<\/h4>\n        <p>Galvanisation \u00e0 chaud &amp; galvanisation \u00e9lectrolytique en interne \u00b7 protection contre la corrosion<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Voir plus <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 11. Profile Cutting -->\n    <a href=\"https:\/\/axinar.com\/fr\/tolerie-industrielle\/coupe-tubes-profiles\" class=\"ax-cap-row\" data-index=\"11\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-Metallon.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-3D-Red-1.webp\" alt=\"D\u00e9bit de profil\u00e9s\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Kopi-Profil-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>D\u00e9bit de profil\u00e9s<\/h4>\n        <p>D\u00e9bit de tubes et profil\u00e9s &amp; mat\u00e9riaux pleins \u00b7 grande r\u00e9p\u00e9tabilit\u00e9<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Voir plus <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n    <!-- 12. Design & Development -->\n    <a href=\"https:\/\/axinar.com\/fr\/tolerie-industrielle\/bureau-etudes-tolerie\" class=\"ax-cap-row\" data-index=\"12\" data-img=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Cards_AssemblyModeling.webp\">\n      <div class=\"ax-cap-icon\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/rd_design_icon-3D-Red-1.webp\" alt=\"Conception et R&amp;D\" width=\"42\" height=\"42\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/rd_design_icon-3D-Red-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/rd_design_icon-3D-Red-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/rd_design_icon-3D-Red-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/rd_design_icon-3D-Red-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/rd_design_icon-3D-Red-1.webp 500w\" sizes=\"(max-width: 42px) 100vw, 42px\"\/><\/div>\n      <div class=\"ax-cap-info\">\n        <h4>Conception &amp; D\u00e9veloppement<\/h4>\n        <p>De l'id\u00e9e au produit \u00b7 TopSolid CAO\/FAO \u00b7 AutoCAD \u00b7 DFM<\/p>\n      <\/div>\n      <div class=\"ax-cap-arrow\"><svg viewbox=\"0 0 20 20\"><path d=\"M4 10h12M12 6l4 4-4 4\"\/><\/svg><\/div>\n      <div class=\"ax-cap-row-img\"><div class=\"ax-cap-row-img-inner\"><span class=\"ax-cap-row-img-cta\">Voir plus <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/span><\/div><\/div>\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function() {\n  var isMobile = function() { return window.innerWidth <= 767; };\n\n  \/* Fix: force overflow visible on ALL ancestors so CSS sticky works *\/\n  function fixOverflow() {\n    if (isMobile()) return;\n    var section = document.querySelector('.ax-capabilities');\n    if (!section) return;\n    var el = section.parentElement;\n    while (el && el !== document.documentElement) {\n      el.style.setProperty('overflow', 'visible', 'important');\n      el.style.setProperty('overflow-x', 'visible', 'important');\n      el.style.setProperty('overflow-y', 'visible', 'important');\n      el = el.parentElement;\n    }\n    document.documentElement.style.setProperty('overflow-x', 'clip', 'important');\n    document.body.style.setProperty('overflow-x', 'clip', 'important');\n  }\n  fixOverflow();\n  setTimeout(fixOverflow, 500);\n  setTimeout(fixOverflow, 1500);\n  setTimeout(fixOverflow, 3000);\n\n  var rows = document.querySelectorAll('.ax-cap-row');\n  var images = document.querySelectorAll('.ax-cap-img');\n  var currentIndex = 0;\n\n  \/* Set background images from data-img on rows (used on mobile as card bg) *\/\n  rows.forEach(function(row) {\n    var imgUrl = row.getAttribute('data-img');\n    if (imgUrl && isMobile()) {\n      row.style.backgroundImage = \"url('\" + imgUrl + \"')\";\n    }\n    var panel = row.querySelector('.ax-cap-row-img-inner');\n    if (imgUrl && panel) {\n      panel.style.backgroundImage = \"url('\" + imgUrl + \"')\";\n    }\n  });\n\n  \/* Mobile: wrap rows in 2-column grid with category headers *\/\n  if (isMobile()) {\n    var content = document.querySelector('.ax-cap-content');\n    if (content) {\n      var gridWrap = document.createElement('div');\n      gridWrap.className = 'ax-cap-mobile-grid';\n\n      \/* Group 1: Cutting & Processing (indices 0,1,2,3,4,11) *\/\n      var group1Indices = [0,1,2,3,4,11];\n      \/* Group 2: Finishing & Welding (indices 6,7,8,9,10,5,12) *\/\n      var group2Indices = [6,7,8,9,10,5,12];\n\n      var rowsArray = Array.prototype.slice.call(content.querySelectorAll('.ax-cap-row'));\n\n      \/* Header 1 *\/\n      var h1 = document.createElement('div');\n      h1.className = 'ax-cap-group-header';\n      h1.innerHTML = '<div class=\"ax-cap-group-tag\">Services<\/div><div class=\"ax-cap-group-title\">Metal Cutting &amp; Processing<\/div>';\n      gridWrap.appendChild(h1);\n\n      group1Indices.forEach(function(idx) {\n        if (rowsArray[idx]) gridWrap.appendChild(rowsArray[idx]);\n      });\n\n      \/* Header 2 *\/\n      var h2 = document.createElement('div');\n      h2.className = 'ax-cap-group-header';\n      h2.innerHTML = '<div class=\"ax-cap-group-tag\">Services<\/div><div class=\"ax-cap-group-title\">Finishing &amp; Welding<\/div>';\n      gridWrap.appendChild(h2);\n\n      group2Indices.forEach(function(idx) {\n        if (rowsArray[idx]) gridWrap.appendChild(rowsArray[idx]);\n      });\n\n      content.appendChild(gridWrap);\n    }\n  }\n\n  \/* Desktop: hover changes image *\/\n  rows.forEach(function(row, i) {\n    row.addEventListener('mouseenter', function() {\n      if (isMobile()) return;\n      if (i === currentIndex) return;\n      rows.forEach(function(r) { r.classList.remove('active'); });\n      rows[i].classList.add('active');\n      images.forEach(function(img) {\n        img.classList.remove('active');\n        img.style.transform = 'scale(1.06)';\n      });\n      images[i].classList.add('active');\n      images[i].style.transform = 'scale(1.0)';\n      currentIndex = i;\n    });\n  });\n\n  \/* Mobile: direct navigation (no accordion) *\/\n  \/* Cards link directly to service pages on tap *\/\n\n})();\n<\/script>\n\n<section id=\"axn-cards-section\" aria-label=\"Produits Axinar\" style=\"padding-top:80px; margin-bottom:80px;\">\n\n  <div class=\"axn-cards-header\">\n    <div class=\"axn-cards-tag\">Produits<\/div>\n    <h2 class=\"axn-cards-title\">Ce que nous <strong>construire<\/strong><\/h2>\n  <\/div>\n\n  <div id=\"axn-cards-wrapper\">\n    <div class=\"axn-cards\">\n      <a href=\"https:\/\/axinar.com\/en\/solar-panel-mounts\" class=\"axn-card\" style=\"background-image:url(&#039;https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/Fotovoltaika.webp&#039;);\">\n        <div class=\"axn-card-overlay\"><\/div>\n        <div class=\"axn-card-content\">\n          <h3>Supports pour centrales solaires<\/h3>\n          <p>Des solutions de fixation compl\u00e8tes pour panneaux photovolta\u00efques, pour tout type d'installation et de terrain.<\/p>\n          <span class=\"axn-card-link\">Voir la gamme de fixations &rarr;<\/span>\n        <\/div>\n      <\/a>\n      <a href=\"https:\/\/axinar.com\/en\/c\/biomass-boilers\" class=\"axn-card\" style=\"background-image:url(&#039;https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Levites-Viomazas.webp&#039;);\">\n        <div class=\"axn-card-overlay\"><\/div>\n        <div class=\"axn-card-content\">\n          <h3>Chaudi\u00e8res biomasse<\/h3>\n          <p>Syst\u00e8mes de chauffage \u00e0 haut rendement, pellets et biomasse, pour le r\u00e9sidentiel et l'industrie.<\/p>\n          <span class=\"axn-card-link\">Voir les solutions de chauffage &rarr;<\/span>\n        <\/div>\n      <\/a>\n      <a href=\"https:\/\/axinar.com\/en\/c\/solbox-en\" class=\"axn-card\" style=\"background-image:url(&#039;https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/SolBox-Archiki.webp&#039;);\">\n        <div class=\"axn-card-overlay\"><\/div>\n        <div class=\"axn-card-content\">\n          <h3>SolBox<\/h3>\n          <p>Syst\u00e8me complet d'eau chaude sanitaire \u00e0 \u00e9nergie solaire, pr\u00eat &amp; \u00e0 l'emploi, sans chaudi\u00e8re.<\/p>\n          <span class=\"axn-card-link\">Voir SolBox &rarr;<\/span>\n        <\/div>\n      <\/a>\n      <a href=\"https:\/\/axinar.com\/fr\/sous-traitance-metallique\" class=\"axn-card\" style=\"background-image:url(&#039;https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/oem-kataskeyes-1.webp&#039;);\">\n        <div class=\"axn-card-overlay\"><\/div>\n        <div class=\"axn-card-content\">\n          <h3>Ouvrages m\u00e9talliques<\/h3>\n          <p>Production int\u00e9gr\u00e9e d'ouvrages m\u00e9talliques sur mesure, du plan au produit fini.<\/p>\n          <span class=\"axn-card-link\">En savoir plus sur la sous-traitance OEM &rarr;<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n  <div class=\"axn-swipe-hint\">\n    Faites glisser <svg viewbox=\"0 0 16 16\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg>\n  <\/div>\n\n<\/section>\n\n<style>\n.axn-cards-header {\n  width: min(80vw, 1300px);\n  margin: 0 auto;\n  padding: 0 0 clamp(25px, 2.22vw, 46px);\n}\n.axn-cards-tag {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: clamp(2px, 0.17vw, 4px);\n  text-transform: uppercase;\n  color: #DD2B1C;\n  margin-bottom: 14px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.axn-cards-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(33px, 2.47vw, 48px);\n  font-weight: 300;\n  color: #FFF;\n  text-transform: uppercase;\n  line-height: 1.1;\n  margin: 0;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\n}\n.axn-cards-title strong { font-weight: 600; }\n#axn-cards-section.ax-visible .axn-cards-tag,\n#axn-cards-section.ax-visible .axn-cards-title {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* Swipe hint hidden on desktop *\/\n.axn-swipe-hint { display: none; }\n\n.axn-cards {\n  display: flex;\n  height: 50vh;\n  width: 100%;\n  gap: 0;\n}\n.axn-card {\n  flex: 1;\n  position: relative;\n  background-size: cover;\n  background-position: center;\n  display: flex;\n  align-items: flex-end;\n  text-decoration: none;\n  overflow: hidden;\n  transition: flex 0.4s ease;\n  opacity: 0;\n  transform: translateY(30px);\n}\n#axn-cards-section.ax-visible .axn-card:nth-child(1) {\n  opacity: 1; transform: translateY(0);\n  transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s, flex 0.4s ease;\n}\n#axn-cards-section.ax-visible .axn-card:nth-child(2) {\n  opacity: 1; transform: translateY(0);\n  transition: opacity 0.6s ease 0.35s, transform 0.6s ease 0.35s, flex 0.4s ease;\n}\n#axn-cards-section.ax-visible .axn-card:nth-child(3) {\n  opacity: 1; transform: translateY(0);\n  transition: opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s, flex 0.4s ease;\n}\n#axn-cards-section.ax-visible .axn-card:nth-child(4) {\n  opacity: 1; transform: translateY(0);\n  transition: opacity 0.6s ease 0.65s, transform 0.6s ease 0.65s, flex 0.4s ease;\n}\n.axn-card:hover { flex: 1.3; }\n.axn-card-overlay {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: linear-gradient(to top, rgba(13,14,15,0.8) 0%, rgba(13,14,15,0.2) 100%);\n  transition: background 0.3s ease;\n}\n.axn-card:hover .axn-card-overlay {\n  background: linear-gradient(to top, rgba(13,14,15,0.9) 0%, rgba(13,14,15,0.4) 100%);\n}\n.axn-card-content {\n  position: relative;\n  z-index: 2;\n  padding: clamp(19px, 1.67vw, 35px);\n  color: #fff;\n}\n.axn-card-content h3 {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-weight: 600;\n  font-size: clamp(19px, 1.41vw, 28px);\n  margin: 0 0 10px 0;\n  line-height: 1.2;\n  color: #fff;\n}\n.axn-card-content p {\n  font-family: 'Barlow', sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  margin: 0 0 15px 0;\n  opacity: 0.85;\n  color: #fff;\n}\n.axn-card-link {\n  font-family: 'Barlow', sans-serif;\n  font-size: 13px;\n  color: #fff;\n  border: 1px solid #fff;\n  padding: 8px clamp(12px, 1.11vw, 23px);\n  border-radius: 20px;\n  display: inline-block;\n  transition: all 0.3s ease;\n}\n.axn-card:hover .axn-card-link {\n  background: #DD2B1C;\n  border-color: #DD2B1C;\n}\n\n@media (max-width: 1024px) {\n  .axn-cards { height: 45vh; }\n  .axn-card-content h3 { font-size: 20px; }\n}\n@media (max-width: 767px) {\n  .axn-cards-header { padding: 0 20px 30px; }\n  .axn-cards-title { font-size: 32px; }\n  #axn-cards-wrapper {\n    width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    overflow-x: auto !important;\n    -webkit-overflow-scrolling: touch;\n  }\n  .axn-cards {\n    height: auto;\n    display: flex;\n    flex-wrap: nowrap;\n    width: 340vw;\n    overflow: visible;\n  }\n  .axn-card {\n    width: 85vw;\n    min-width: 85vw;\n    height: 50vh;\n    flex: none;\n    scroll-snap-align: start;\n  }\n  .axn-card:hover { flex: none; }\n  #axn-cards-wrapper::-webkit-scrollbar { display: none; }\n  #axn-cards-wrapper { scroll-snap-type: x mandatory; position: relative; }\n\n  \/* Right fade hint *\/\n  #axn-cards-wrapper::after {\n    content: '';\n    position: sticky;\n    right: 0;\n    top: 0;\n    width: 40px;\n    height: 100%;\n    background: linear-gradient(to left, rgba(13,14,15,0.9) 0%, transparent 100%);\n    pointer-events: none;\n    flex-shrink: 0;\n    z-index: 5;\n  }\n\n  \/* Swipe hint arrow *\/\n  .axn-swipe-hint {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    padding: 10px 20px 0;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 12px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.35);\n    animation: axnSwipeHint 2s ease-in-out infinite;\n  }\n  .axn-swipe-hint svg {\n    width: 16px;\n    height: 16px;\n    stroke: #DD2B1C;\n    fill: none;\n    stroke-width: 2;\n  }\n  @keyframes axnSwipeHint {\n    0%, 100% { transform: translateX(0); opacity: 0.5; }\n    50% { transform: translateX(8px); opacity: 1; }\n  }\n}\n@media (max-width: 480px) {\n  .axn-cards-header { padding: 0 16px 24px; }\n  .axn-cards-title { font-size: 26px; }\n  .axn-card {\n    width: 90vw;\n    min-width: 90vw;\n    height: 45vh;\n  }\n  .axn-cards { width: 370vw; }\n  .axn-card-title { font-size: 18px; }\n}\n<\/style>\n\n<script>\n(function() {\n  var section = document.getElementById('axn-cards-section');\n  if ('IntersectionObserver' in window) {\n    var obs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('ax-visible');\n          obs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15 });\n    obs.observe(section);\n  } else {\n    section.classList.add('ax-visible');\n  }\n\n  function fixOverflow() {\n    if (window.innerWidth > 767) return;\n    var el = document.getElementById('axn-cards-wrapper');\n    if (!el) return;\n    var parent = el.parentElement;\n    while (parent && parent !== document.body) {\n      parent.style.overflow = 'visible';\n      parent.style.overflowX = 'visible';\n      parent = parent.parentElement;\n    }\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', fixOverflow);\n  } else {\n    fixOverflow();\n  }\n  window.addEventListener('resize', fixOverflow);\n})();\n<\/script>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     AXINAR HOMEPAGE, CSR (4 CARDS)\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n  .ax-csr {\n    background: #0D0E0F;\n    padding: clamp(56px, 5.00vw, 103px) 0;\n    width: 100%;\n  }\n  .ax-csr-inner {\n    width: min(80vw, 1300px);\n    margin: 0 auto;\n  }\n  .ax-csr-tag {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    letter-spacing: clamp(2px, 0.17vw, 4px);\n    text-transform: uppercase;\n    color: #DD2B1C;\n    margin-bottom: 14px;\n  }\n  .ax-csr-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(33px, 2.47vw, 48px);\n    font-weight: 300;\n    color: #FFF;\n    text-transform: uppercase;\n    line-height: 1.1;\n    margin-bottom: clamp(31px, 2.78vh, 57px);\n  }\n  .ax-csr-title strong {\n    font-weight: 600;\n  }\n\n  \/* \u2500\u2500 4 CARDS GRID \u2500\u2500 *\/\n  .ax-csr-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: clamp(12px, 1.11vw, 23px);\n    margin-bottom: clamp(31px, 2.78vh, 57px);\n  }\n  .ax-csr-card {\n    background: #151616;\n    border: 1px solid rgba(255,255,255,0.06);\n    padding: clamp(22px, 2.00vw, 41px) clamp(17px, 1.56vw, 32px) clamp(20px, 1.78vw, 37px);\n    position: relative;\n    overflow: hidden;\n    transition: border-color 0.4s, transform 0.4s;\n  }\n  .ax-csr-card:hover {\n    border-color: rgba(255,255,255,0.12);\n    transform: translateY(-4px);\n  }\n  .ax-csr-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 3px;\n    height: 50px;\n    background: #DD2B1C;\n    transition: height 0.4s;\n  }\n  .ax-csr-card:hover::before {\n    height: 80px;\n  }\n\n  \/* icon *\/\n  .ax-csr-icon {\n    width: 52px;\n    height: 52px;\n    background: rgba(221,43,28,0.08);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: clamp(15px, 1.33vh, 28px);\n  }\n\n  \/* stat *\/\n  .ax-csr-stat {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(34px, 2.59vw, 51px);\n    font-weight: 700;\n    color: #DD2B1C;\n    line-height: 1;\n    margin-bottom: 6px;\n  }\n  .ax-csr-stat-sub {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.35);\n    margin-bottom: clamp(12px, 1.00vh, 21px);\n  }\n\n  \/* card title + text *\/\n  .ax-csr-card h3 {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(15px, 1.12vw, 22px);\n    font-weight: 600;\n    color: #FFF;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 12px;\n  }\n  .ax-csr-card p {\n    font-family: 'Barlow', sans-serif;\n    font-size: 13px;\n    font-weight: 300;\n    color: rgba(255,255,255,0.55);\n    line-height: 1.7;\n    margin: 0;\n  }\n\n  \/* \u2500\u2500 CTA LINK \u2500\u2500 *\/\n  .ax-csr-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 15px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: none !important;\n    text-decoration: none;\n    color: #FFF;\n    border: 1.5px solid rgba(255,255,255,0.25);\n    padding: 14px clamp(20px, 1.78vw, 37px);\n    transition: all 0.3s;\n  }\n  .ax-csr-link:hover {\n    background: #DD2B1C;\n    border-color: #DD2B1C;\n    color: #FFF;\n  }\n  .ax-csr-link svg {\n    width: 18px;\n    height: 18px;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 2;\n    transition: transform 0.3s;\n  }\n  .ax-csr-link:hover svg {\n    transform: translateX(4px);\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .ax-csr-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }\n    .ax-csr-card {\n      padding: 32px 24px 28px;\n    }\n    .ax-csr-stat {\n      font-size: 40px;\n    }\n  }\n  @media (max-width: 768px) {\n    .ax-csr {\n      padding: 60px 0;\n    }\n    .ax-csr-inner {\n      width: 100%;\n      padding: 0 20px;\n    }\n    .ax-csr-title {\n      font-size: 32px;\n      margin-bottom: 24px;\n    }\n    .ax-csr-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n    }\n    .ax-csr-card {\n      padding: 20px 16px 18px;\n    }\n    .ax-csr-card p {\n      display: none;\n    }\n    .ax-csr-card h3 {\n      font-size: 14px;\n      margin-bottom: 0;\n    }\n    .ax-csr-stat {\n      font-size: 36px;\n      margin-bottom: 4px;\n    }\n    .ax-csr-stat-sub {\n      font-size: 11px;\n      margin-bottom: 10px;\n    }\n    .ax-csr-icon {\n      width: 36px;\n      height: 36px;\n      margin-bottom: 12px;\n    }\n    .ax-csr-icon img {\n      width: 28px;\n      height: 28px;\n    }\n  }\n  @media (max-width: 480px) {\n    .ax-csr {\n      padding: 40px 0;\n    }\n    .ax-csr-inner {\n      padding: 0 16px;\n    }\n    .ax-csr-tag {\n      font-size: 11px;\n      letter-spacing: 2px;\n    }\n    .ax-csr-title {\n      font-size: 26px;\n      margin-bottom: 20px;\n    }\n    .ax-csr-grid {\n      gap: 8px;\n    }\n    .ax-csr-card {\n      padding: 16px 14px 14px;\n    }\n    .ax-csr-stat {\n      font-size: 32px;\n    }\n    .ax-csr-card h3 {\n      font-size: 13px;\n    }\n  }\n<\/style>\n\n<section class=\"ax-csr\" aria-label=\"Responsabilit\u00e9 soci\u00e9tale de l&#x27;entreprise\">\n  <div class=\"ax-csr-inner\">\n\n    <div class=\"ax-csr-tag\">Une industrie responsable<\/div>\n    <h2 class=\"ax-csr-title\">Responsabilit\u00e9 d'entreprise &amp;<br><strong>Action sociale<\/strong><\/h2>\n\n    <div class=\"ax-csr-grid\">\n\n      <!-- CARD 1, CO\u2082 -->\n      <div class=\"ax-csr-card\">\n        <div class=\"ax-csr-icon\">\n          <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Meiosi-Rypon.webp\" alt=\"R\u00e9duction des \u00e9missions\" width=\"42\" height=\"42\" style=\"object-fit:contain;\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Meiosi-Rypon-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Meiosi-Rypon-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Meiosi-Rypon-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Meiosi-Rypon-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Meiosi-Rypon.webp 500w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\"\/>\n        <\/div>\n        <div class=\"ax-csr-stat\">84%<\/div>\n        <div class=\"ax-csr-stat-sub\">de CO\u2082 en moins par rapport au r\u00e9seau<\/div>\n        <h3>R\u00e9duction des \u00e9missions<\/h3>\n        <p>Chaque syst\u00e8me de fixation solaire que nous fabriquons porte des panneaux qui produisent une \u00e9nergie propre pendant des d\u00e9cennies, \u00e9vitant 350 \u00e0 400 tonnes de CO\u2082 par MW et par an.<\/p>\n      <\/div>\n\n      <!-- CARD 2, RECYCLING -->\n      <div class=\"ax-csr-card\">\n        <div class=\"ax-csr-icon\">\n          <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Anakyklosi.webp\" alt=\"Recyclage\" width=\"42\" height=\"42\" style=\"object-fit:contain;\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Anakyklosi-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Anakyklosi-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Anakyklosi-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Anakyklosi-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Anakyklosi.webp 500w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\"\/>\n        <\/div>\n        <div class=\"ax-csr-stat\">100%<\/div>\n        <div class=\"ax-csr-stat-sub\">recyclage des chutes<\/div>\n        <h3>\u00c9conomie circulaire<\/h3>\n        <p>Chaque chute de d\u00e9coupe, de pliage et d'usinage est tri\u00e9e par alliage et recycl\u00e9e, ce qui \u00e9conomise jusqu'\u00e0 95 % de l'\u00e9nergie.<\/p>\n      <\/div>\n\n      <!-- CARD 3, ACADEMIC RESEARCH -->\n      <div class=\"ax-csr-card\">\n        <div class=\"ax-csr-icon\">\n          <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Akadimaiki-Ereyna-1.webp\" alt=\"Recherche universitaire\" width=\"42\" height=\"42\" style=\"object-fit:contain;\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Akadimaiki-Ereyna-1-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Akadimaiki-Ereyna-1-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Akadimaiki-Ereyna-1-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Akadimaiki-Ereyna-1-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Akadimaiki-Ereyna-1.webp 500w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\"\/>\n        <\/div>\n        <div class=\"ax-csr-stat\">6<\/div>\n        <div class=\"ax-csr-stat-sub\">universit\u00e9s \u00b7 Aristote &amp; \u00c9cole polytechnique d'Ath\u00e8nes<\/div>\n        <h3>Recherche universitaire<\/h3>\n        <p>Nous offrons gratuitement nos prestations de travail du m\u00e9tal aux \u00e9quipes \u00e9tudiantes Formula Student, ASAT et robotique : un investissement dans les ing\u00e9nieurs de demain.<\/p>\n      <\/div>\n\n      <!-- CARD 4, COMMUNITY -->\n      <div class=\"ax-csr-card\">\n        <div class=\"ax-csr-icon\">\n          <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Koinoniki-Prosfora.webp\" alt=\"Contribution \u00e0 la collectivit\u00e9\" width=\"42\" height=\"42\" style=\"object-fit:contain;\" srcset=\"https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Koinoniki-Prosfora-50x50.webp 50w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Koinoniki-Prosfora-100x100.webp 100w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Koinoniki-Prosfora-150x150.webp 150w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Koinoniki-Prosfora-300x300.webp 300w, https:\/\/axinar.com\/wp-content\/uploads\/2026\/02\/Koinoniki-Prosfora.webp 500w\" sizes=\"auto, (max-width: 42px) 100vw, 42px\"\/>\n        <\/div>\n        <h3>Contribution \u00e0 la collectivit\u00e9<\/h3>\n        <p>Dons du sang b\u00e9n\u00e9voles, parrainage de clubs sportifs et culturels locaux, participation \u00e0 des programmes de formation technique pour les \u00e9l\u00e8ves de l'enseignement professionnel : AXINAR grandit avec sa collectivit\u00e9.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <a href=\"https:\/\/axinar.com\/fr\/responsabilite-societale\" class=\"ax-csr-link\">\n      Voir nos actions\n      <svg viewbox=\"0 0 18 18\"><path d=\"M4 9h10M10 5l4 4-4 4\"\/><\/svg>\n    <\/a>\n\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     AXINAR HOMEPAGE, CTA BANNER\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n.ax-cta {\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  min-height: 320px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n.ax-cta-bg {\n  position: absolute;\n  inset: 0;\n  background: url('https:\/\/axinar.com\/wp-content\/uploads\/2026\/03\/MIG-TIG.webp') center center \/ cover no-repeat;\n}\n.ax-cta-bg::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, rgba(13,14,15,0.85) 0%, rgba(13,14,15,0.65) 50%, rgba(13,14,15,0.5) 100%);\n}\n.ax-cta-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n  padding: clamp(37px, 3.33vw, 69px) clamp(25px, 2.22vw, 46px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: clamp(25px, 2.22vw, 46px);\n}\n\/* \u2500\u2500 FADE-IN \u2500\u2500 *\/\n.ax-cta-text {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(33px, 2.47vw, 48px);\n  font-weight: 300;\n  color: #FFFFFF;\n  text-transform: none !important;\n  line-height: 1.15;\n  max-width: 600px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.ax-cta-text strong {\n  font-weight: 600;\n}\n.ax-cta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 2px;\n  text-transform: none !important;\n  text-decoration: none;\n  color: #FFFFFF;\n  background: transparent;\n  padding: clamp(12px, 1.00vw, 21px) clamp(24px, 2.11vw, 44px);\n  border: 2px solid #FFFFFF;\n  border-radius: 6px;\n  white-space: nowrap;\n  flex-shrink: 0;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s, background 0.35s ease, border-color 0.35s ease;\n}\n.ax-cta.ax-visible .ax-cta-text,\n.ax-cta.ax-visible .ax-cta-btn {\n  opacity: 1;\n  transform: translateY(0);\n}\n.ax-cta-btn:hover {\n  background: #DD2B1C;\n  border-color: #DD2B1C;\n  color: #FFFFFF;\n}\n.ax-cta-btn svg {\n  width: 18px;\n  height: 18px;\n  stroke: currentColor;\n  fill: none;\n  stroke-width: 2;\n  transition: transform 0.3s ease;\n}\n.ax-cta-btn:hover svg {\n  transform: translateX(4px);\n}\n@media (max-width: 767px) {\n  .ax-cta { min-height: 280px; }\n  .ax-cta-inner {\n    flex-direction: column;\n    align-items: center;\n    padding: 50px 24px;\n    text-align: center;\n    gap: 30px;\n  }\n  .ax-cta-text { font-size: 28px; max-width: 100%; text-align: center; width: 100%; }\n  .ax-cta-btn { padding: 16px 32px; font-size: 14px; justify-content: center; align-self: center; }\n}\n@media (max-width: 480px) {\n  .ax-cta { min-height: 240px; }\n  .ax-cta-inner { padding: 40px 16px; gap: 24px; }\n  .ax-cta-text { font-size: 24px; }\n  .ax-cta-btn { padding: 14px 28px; font-size: 13px; width: 100%; text-align: center; justify-content: center; }\n}\n<\/style>\n\n<section class=\"ax-cta\" aria-label=\"Demander un devis\">\n  <div class=\"ax-cta-bg\"><\/div>\n  <div class=\"ax-cta-inner\">\n    <h2 class=\"ax-cta-text\">Vous avez une id\u00e9e ?<br><strong>Parlons&rsquo;Parlons-en !<\/strong><\/h2>\n    <a href=\"https:\/\/axinar.com\/fr\/demander-un-devis\" class=\"ax-cta-btn\">\n      Demander un devis\n      <svg viewbox=\"0 0 18 18\"><path d=\"M4 9h10M10 5l4 4-4 4\"\/><\/svg>\n    <\/a>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var cta = document.querySelector('.ax-cta');\n  if ('IntersectionObserver' in window) {\n    var obs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('ax-visible');\n          obs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.3 });\n    obs.observe(cta);\n  } else {\n    cta.classList.add('ax-visible');\n  }\n})();\n<\/script>\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>Axinar, industrie de la transformation du m\u00e9tal \u00e0 Thessalonique Quel acier peut \u00eatre Vous imaginez. Nous le prouvons. En savoir [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","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":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"rank_math_title":"T\u00f4lerie, fixations photovolta\u00efques, chaudi\u00e8res | Axinar","rank_math_description":"Axinar S.A., \u00e0 Thessalonique : fabrication m\u00e9tallique sur mesure, syst\u00e8mes de fixation photovolta\u00efque et chaudi\u00e8res biomasse. Production interne, du plan au produit.","footnotes":""},"class_list":["post-8702","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/axinar.com\/fr\/wp-json\/wp\/v2\/pages\/8702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/axinar.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/axinar.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/axinar.com\/fr\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/axinar.com\/fr\/wp-json\/wp\/v2\/comments?post=8702"}],"version-history":[{"count":1,"href":"https:\/\/axinar.com\/fr\/wp-json\/wp\/v2\/pages\/8702\/revisions"}],"predecessor-version":[{"id":8703,"href":"https:\/\/axinar.com\/fr\/wp-json\/wp\/v2\/pages\/8702\/revisions\/8703"}],"wp:attachment":[{"href":"https:\/\/axinar.com\/fr\/wp-json\/wp\/v2\/media?parent=8702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}