{"id":8672,"date":"2026-09-17T10:52:25","date_gmt":"2026-09-17T07:52:25","guid":{"rendered":"https:\/\/axinar.com\/?page_id=8672"},"modified":"2026-09-17T10:52:25","modified_gmt":"2026-09-17T07:52:25","slug":"demander-un-devis","status":"publish","type":"page","link":"https:\/\/axinar.com\/fr\/demander-un-devis","title":{"rendered":"Demander un devis"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8672\" class=\"elementor elementor-8672 elementor-6356\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df5b805 e-flex e-con-boxed e-con e-parent\" data-id=\"df5b805\" 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-d54f10b elementor-widget elementor-widget-html\" data-id=\"d54f10b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\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\n   AXINAR, Request a Quote Form\n   Elementor HTML Widget, paste this ABOVE the form HTML\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 *\/\n\n:root {\n  --ax-bg: #0d0e0f;\n  --ax-surface: #151616;\n  --ax-surface-2: #232425;\n  --ax-border: rgba(255,255,255,0.08);\n  --ax-border-hover: rgba(255,255,255,0.15);\n  --ax-red: #DD2B1C;\n  --ax-red-hover: #dd2b1c;\n  --ax-red-glow: rgba(221,43,28,0.15);\n  --ax-text: #ffffff;\n  --ax-text-soft: rgba(255,255,255,0.7);\n  --ax-text-dim: rgba(255,255,255,0.4);\n  --ax-font: 'Barlow', sans-serif;\n  --ax-font-cond: 'Barlow Condensed', sans-serif;\n}\n\n\/* \u2550\u2550\u2550 HERO \u2550\u2550\u2550 *\/\n.ax-quote-hero {\n  text-align: center;\n  padding: clamp(50px, 4.44vw, 92px) clamp(12px, 1.11vw, 23px) clamp(31px, 2.78vw, 57px);\n  max-width: 700px;\n  margin: 0 auto;\n}\n.ax-quote-hero-label {\n  font-family: var(--ax-font-cond);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: clamp(3px, 0.22vw, 5px);\n  text-transform: uppercase;\n  color: var(--ax-red);\n  margin-bottom: clamp(12px, 0.89vh, 18px);\n}\n.ax-quote-hero h1 {\n  font-family: var(--ax-font-cond);\n  font-size: clamp(36px, 7vw, 56px);\n  font-weight: 800;\n  line-height: 1.05;\n  letter-spacing: -1px;\n  color: var(--ax-text);\n  margin: 0 0 clamp(12px, 1.11vw, 23px);\n}\n.ax-quote-hero p {\n  font-family: var(--ax-font);\n  font-size: clamp(14px, 0.94vw, 18px);\n  line-height: 1.7;\n  color: var(--ax-text-soft);\n  max-width: 560px;\n  margin: 0 auto;\n}\n\n\/* \u2550\u2550\u2550 BREADCRUMB \u2550\u2550\u2550 *\/\n.ax-breadcrumb {\n  font-family: var(--ax-font);\n  font-size: 13px;\n  color: var(--ax-text-dim);\n  margin-bottom: clamp(15px, 1.33vh, 28px);\n}\n.ax-breadcrumb a {\n  color: var(--ax-text-dim);\n  text-decoration: none;\n  transition: color 0.3s;\n}\n.ax-breadcrumb a:hover {\n  color: var(--ax-red);\n}\n.ax-breadcrumb .current {\n  color: var(--ax-text-soft);\n}\n\n\/* \u2550\u2550\u2550 STEPPER \u2550\u2550\u2550 *\/\n.ax-stepper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  max-width: 600px;\n  margin: 0 auto clamp(25px, 2.22vw, 46px);\n  padding: 0 clamp(12px, 1.11vw, 23px);\n}\n.ax-step {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n}\n.ax-step-num {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  border: 2px solid var(--ax-border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--ax-font-cond);\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--ax-text-dim);\n  transition: all 0.4s ease;\n  flex-shrink: 0;\n}\n.ax-step-label {\n  font-family: var(--ax-font);\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--ax-text-dim);\n  transition: color 0.4s ease;\n  white-space: nowrap;\n}\n.ax-step.active .ax-step-num {\n  border-color: var(--ax-red);\n  background: var(--ax-red);\n  color: #fff;\n  box-shadow: 0 0 20px var(--ax-red-glow);\n}\n.ax-step.active .ax-step-label {\n  color: var(--ax-text);\n}\n.ax-step.done .ax-step-num {\n  border-color: var(--ax-red);\n  background: transparent;\n  color: var(--ax-red);\n}\n.ax-step.done .ax-step-label {\n  color: var(--ax-text-soft);\n}\n.ax-step-line {\n  flex: 1;\n  height: 2px;\n  background: var(--ax-border);\n  margin: 0 clamp(12px, 0.89vw, 18px);\n  min-width: 30px;\n}\n\n@media (max-width: 600px) {\n  .ax-step-label { display: none; }\n  .ax-stepper { gap: 0; max-width: 280px; }\n  .ax-step-line { margin: 0 12px; }\n}\n\n\/* \u2550\u2550\u2550 PANELS \u2550\u2550\u2550 *\/\n.ax-quote-body {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 0 clamp(12px, 1.11vw, 23px) clamp(37px, 3.33vw, 69px);\n}\n.ax-panel {\n  display: none;\n}\n.ax-panel.active {\n  display: block;\n  animation: axFadeIn 0.4s ease;\n}\n@keyframes axFadeIn {\n  from { opacity: 0; transform: translateY(12px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2550\u2550\u2550 PROGRESS BAR \u2550\u2550\u2550 *\/\n.ax-progress {\n  width: 100%;\n  height: 3px;\n  background: var(--ax-border);\n  border-radius: 2px;\n  margin-bottom: clamp(20px, 1.78vh, 37px);\n  overflow: hidden;\n}\n.ax-progress-fill {\n  height: 100%;\n  background: var(--ax-red);\n  border-radius: 2px;\n  transition: width 0.5s ease;\n}\n\n\/* \u2550\u2550\u2550 PANEL TEXT \u2550\u2550\u2550 *\/\n.ax-panel-title {\n  font-family: var(--ax-font);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--ax-red);\n  margin-bottom: 8px;\n}\n.ax-panel-h2 {\n  font-family: var(--ax-font-cond);\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 700;\n  color: var(--ax-text);\n  margin-bottom: 10px;\n}\n.ax-panel-sub {\n  font-family: var(--ax-font);\n  font-size: 15px;\n  line-height: 1.6;\n  color: var(--ax-text-dim);\n  margin-bottom: clamp(22px, 2.00vh, 41px);\n  max-width: 600px;\n}\n\n\/* \u2550\u2550\u2550 CATEGORY GROUPS \u2550\u2550\u2550 *\/\n.ax-cat-group {\n  margin-bottom: clamp(20px, 1.78vh, 37px);\n}\n.ax-cat-group-label {\n  font-family: var(--ax-font-cond);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: clamp(2px, 0.17vw, 4px);\n  text-transform: uppercase;\n  color: var(--ax-text-dim);\n  margin-bottom: 14px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--ax-border);\n}\n\n\/* \u2550\u2550\u2550 PRODUCT CARDS \u2550\u2550\u2550 *\/\n.ax-cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n  gap: 12px;\n}\n.ax-card {\n  position: relative;\n  background: var(--ax-surface);\n  border: 1px solid var(--ax-border);\n  border-radius: 10px;\n  padding: clamp(12px, 1.11vw, 23px) clamp(12px, 0.89vw, 18px) clamp(12px, 0.89vw, 18px);\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  user-select: none;\n  -webkit-user-select: none;\n}\n.ax-card:hover {\n  border-color: var(--ax-border-hover);\n  background: var(--ax-surface-2);\n  transform: translateY(-2px);\n}\n.ax-card.selected {\n  border-color: var(--ax-red);\n  background: rgba(221,43,28,0.06);\n  box-shadow: 0 0 24px var(--ax-red-glow);\n}\n\n\/* Card checkmark *\/\n.ax-card-check {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  border: 2px solid var(--ax-border);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n}\n.ax-card-check svg {\n  width: 12px;\n  height: 12px;\n  fill: none;\n  stroke: transparent;\n  stroke-width: 2.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n.ax-card.selected .ax-card-check {\n  border-color: var(--ax-red);\n  background: var(--ax-red);\n}\n.ax-card.selected .ax-card-check svg {\n  stroke: #fff;\n}\n\n\/* Card icon *\/\n.ax-card-icon {\n  width: 36px;\n  height: 36px;\n  margin: 0 auto 10px;\n  display: block;\n  opacity: 0.8;\n  transition: opacity 0.3s;\n}\n.ax-card:hover .ax-card-icon,\n.ax-card.selected .ax-card-icon {\n  opacity: 1;\n}\n\n\/* Card text *\/\n.ax-card-name {\n  font-family: var(--ax-font-cond);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--ax-text);\n  line-height: 1.3;\n  margin-bottom: 2px;\n}\n.ax-card-sub {\n  font-family: var(--ax-font);\n  font-size: 11px;\n  color: var(--ax-text-dim);\n}\n\n@media (max-width: 480px) {\n  .ax-cards {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n  .ax-card {\n    padding: 16px 10px 12px;\n  }\n  .ax-card-name {\n    font-size: 12px;\n  }\n}\n\n\/* \u2550\u2550\u2550 BUTTONS \u2550\u2550\u2550 *\/\n.ax-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: var(--ax-font-cond);\n  font-size: 15px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  padding: 14px clamp(17px, 1.56vw, 32px);\n  border-radius: 6px;\n  border: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  text-decoration: none;\n  line-height: 1;\n}\n.ax-btn svg {\n  width: 18px;\n  height: 18px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n.ax-btn-primary {\n  background: var(--ax-red);\n  color: #fff;\n}\n.ax-btn-primary:hover {\n  background: var(--ax-red-hover);\n  transform: translateY(-1px);\n  box-shadow: 0 6px 24px var(--ax-red-glow);\n}\n.ax-btn-outline {\n  background: transparent;\n  border: 1px solid var(--ax-border-hover);\n  color: var(--ax-text-soft);\n}\n.ax-btn-outline:hover {\n  border-color: var(--ax-text-soft);\n  color: var(--ax-text);\n}\n\n\/* \u2550\u2550\u2550 NAVIGATION BOTTOM \u2550\u2550\u2550 *\/\n.ax-nav-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: clamp(22px, 2.00vh, 41px);\n  padding-top: clamp(15px, 1.33vh, 28px);\n  border-top: 1px solid var(--ax-border);\n  gap: clamp(12px, 0.89vw, 18px);\n}\n@media (max-width: 480px) {\n  .ax-nav-bottom {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .ax-nav-bottom .ax-btn {\n    justify-content: center;\n  }\n}\n\n\/* \u2550\u2550\u2550 SELECTED SUMMARY (Step 2) \u2550\u2550\u2550 *\/\n.ax-selected-summary {\n  background: var(--ax-surface);\n  border: 1px solid var(--ax-border);\n  border-radius: 10px;\n  padding: clamp(12px, 1.11vw, 23px);\n  margin-bottom: clamp(17px, 1.56vh, 32px);\n}\n.ax-selected-summary-title {\n  font-family: var(--ax-font);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--ax-text-dim);\n  margin-bottom: 12px;\n}\n.ax-selected-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.ax-tag {\n  display: inline-block;\n  font-family: var(--ax-font);\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--ax-text);\n  background: rgba(221,43,28,0.1);\n  border: 1px solid rgba(221,43,28,0.25);\n  border-radius: 20px;\n  padding: 6px 14px;\n}\n\n\/* \u2550\u2550\u2550 FORM \u2550\u2550\u2550 *\/\n.ax-form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(12px, 1.11vw, 23px);\n}\n.ax-form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.ax-form-group.full {\n  grid-column: 1 \/ -1;\n}\n.ax-form-label {\n  font-family: var(--ax-font);\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--ax-text-soft);\n}\n.ax-form-label span {\n  color: var(--ax-red);\n}\n.ax-input,\n.ax-textarea {\n  font-family: var(--ax-font);\n  font-size: 15px;\n  color: var(--ax-text) !important;\n  background: var(--ax-surface) !important;\n  border: 1px solid var(--ax-border) !important;\n  border-radius: 8px;\n  padding: 14px clamp(12px, 0.89vw, 18px);\n  outline: none;\n  transition: border-color 0.3s ease, box-shadow 0.3s ease;\n  width: 100%;\n  box-sizing: border-box;\n  -webkit-appearance: none;\n  appearance: none;\n}\n.ax-input::placeholder,\n.ax-textarea::placeholder {\n  color: var(--ax-text-dim) !important;\n}\n\/* Override browser\/theme autofill *\/\n.ax-input:-webkit-autofill,\n.ax-textarea:-webkit-autofill {\n  -webkit-text-fill-color: var(--ax-text) !important;\n  -webkit-box-shadow: 0 0 0 1000px var(--ax-surface) inset !important;\n  box-shadow: 0 0 0 1000px var(--ax-surface) inset !important;\n}\n.ax-input:focus,\n.ax-textarea:focus {\n  border-color: var(--ax-red);\n  box-shadow: 0 0 0 3px var(--ax-red-glow);\n}\n.ax-input.error {\n  border-color: #e95f53;\n  box-shadow: 0 0 0 3px rgba(233,95,83,0.15);\n}\n.ax-textarea {\n  resize: vertical;\n  min-height: 120px;\n}\n.ax-error-msg {\n  font-family: var(--ax-font);\n  font-size: 12px;\n  color: #e95f53;\n  display: none;\n}\n.ax-error-msg.visible {\n  display: block;\n}\n\n@media (max-width: 600px) {\n  .ax-form-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* \u2550\u2550\u2550 SELECTION BAR (sticky bottom) \u2550\u2550\u2550 *\/\n.ax-selection-bar {\n  position: fixed;\n  bottom: -80px;\n  left: 0;\n  right: 0;\n  z-index: 999;\n  background: var(--ax-surface);\n  border-top: 1px solid var(--ax-border);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  padding: 14px clamp(15px, 1.33vw, 28px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition: bottom 0.4s ease;\n  box-shadow: 0 -8px 30px rgba(13,14,15,0.4);\n}\n.ax-selection-bar.visible {\n  bottom: 0;\n}\n.ax-selection-bar-left {\n  font-family: var(--ax-font);\n  font-size: 14px;\n  color: var(--ax-text-soft);\n}\n.ax-selection-bar-left span {\n  font-weight: 700;\n  color: var(--ax-red);\n  font-size: clamp(14px, 1.06vw, 21px);\n}\n\n\/* \u2550\u2550\u2550 SUCCESS PANEL \u2550\u2550\u2550 *\/\n.ax-success {\n  text-align: center;\n  padding: clamp(37px, 3.33vw, 69px) clamp(12px, 1.11vw, 23px) clamp(50px, 4.44vw, 92px);\n}\n.ax-success-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background: rgba(221,43,28,0.1);\n  border: 2px solid var(--ax-red);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto clamp(17px, 1.56vw, 32px);\n  animation: axSuccessPop 0.5s ease;\n}\n.ax-success-icon svg {\n  width: 36px;\n  height: 36px;\n  fill: none;\n  stroke: var(--ax-red);\n  stroke-width: 2.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n@keyframes axSuccessPop {\n  0% { transform: scale(0.5); opacity: 0; }\n  60% { transform: scale(1.1); }\n  100% { transform: scale(1); opacity: 1; }\n}\n.ax-success h2 {\n  font-family: var(--ax-font-cond);\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 700;\n  color: var(--ax-text);\n  margin: 0 0 clamp(12px, 0.89vw, 18px);\n  line-height: 1.2;\n}\n.ax-success p {\n  font-family: var(--ax-font);\n  font-size: clamp(14px, 0.94vw, 18px);\n  color: var(--ax-text-soft);\n  margin: 0 0 clamp(20px, 1.78vw, 37px);\n  line-height: 1.6;\n}\n\n\/* \u2550\u2550\u2550 HIDE CF7 TARGET \u2550\u2550\u2550 *\/\n#ax-cf7-target {\n  display: none;\n}\n\n\/* \u2550\u2550\u2550 PAGE-LEVEL: full-width dark background \u2550\u2550\u2550 *\/\n.elementor-widget-html {\n  background: transparent !important;\n}\n<\/style>\n\n\n<!-- HERO -->\n<div class=\"ax-quote-hero\">\n  <div class=\"ax-quote-hero-label\">AXINAR S.A.<\/div>\n      <nav class=\"ax-breadcrumb\" aria-label=\"Fil d&#x27;Ariane\">\n            <span>\n                <a href=\"\/en\/\"><span>Accueil<\/span><\/a>\n<\/span>\n            <span aria-hidden=\"true\">\u203a<\/span>\n            <span>\n                <span class=\"current\" aria-current=\"page\">Demander un devis<\/span>\n                <meta content=\"https:\/\/axinar.com\/en\/request-a-quote\">\n<\/span>\n        <\/nav>\n\n  <h1><span style=\"color:#fff\">DEMANDE<\/span><br><span style=\"color:#fff\">UN DEVIS<\/span><\/h1>\n  <p>S\u00e9lectionnez les produits ou services qui vous int\u00e9ressent et indiquez vos coordonn\u00e9es. Nous vous contactons sous 24 heures.<\/p>\n<\/div>\n\n<!-- STEPPER -->\n<div class=\"ax-stepper\">\n  <div class=\"ax-step active\" id=\"step-1\">\n    <div class=\"ax-step-num\">1<\/div>\n    <div class=\"ax-step-label\">Choix des produits<\/div>\n  <\/div>\n  <div class=\"ax-step-line\"><\/div>\n  <div class=\"ax-step\" id=\"step-2\">\n    <div class=\"ax-step-num\">2<\/div>\n    <div class=\"ax-step-label\">D\u00e9tails & Informations<\/div>\n  <\/div>\n  <div class=\"ax-step-line\"><\/div>\n  <div class=\"ax-step\" id=\"step-3\">\n    <div class=\"ax-step-num\">3<\/div>\n    <div class=\"ax-step-label\">Confirmation<\/div>\n  <\/div>\n<\/div>\n\n<!-- BODY -->\n<div class=\"ax-quote-body\">\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PANEL 1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"ax-panel active\" id=\"panel-1\">\n    <div class=\"ax-progress\"><div class=\"ax-progress-fill\" style=\"width:33%\"><\/div><\/div>\n    <div class=\"ax-panel-title\">\u00c9tape 1 sur 2<\/div>\n    <div class=\"ax-panel-h2\">Qu'est-ce qui vous int\u00e9resse ?<\/div>\n    <div class=\"ax-panel-sub\">S\u00e9lectionnez un ou plusieurs produits ou services. Vous pouvez piocher dans diff\u00e9rentes cat\u00e9gories.<\/div>\n\n    <!-- ENERGY -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">\u00c9NERGIE<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"pv-ground\" data-name=\"Ground Mounting\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"22\" width=\"28\" height=\"10\" rx=\"1\"\/><line x1=\"18\" y1=\"22\" x2=\"18\" y2=\"32\"\/><line x1=\"8\" y1=\"32\" x2=\"28\" y2=\"32\"\/><rect x=\"6\" y=\"8\" width=\"24\" height=\"14\" rx=\"1\"\/><line x1=\"6\" y1=\"14\" x2=\"30\" y2=\"14\"\/><line x1=\"18\" y1=\"8\" x2=\"18\" y2=\"22\"\/><\/svg>\n          <div class=\"ax-card-name\">Fixation au sol<\/div>\n          <div class=\"ax-card-sub\">Syst\u00e8mes de fixation au sol<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pv-roof-pitched\" data-name=\"Pitched Roof Mounting\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polygon points=\"18,4 34,20 2,20\"\/><line x1=\"8\" y1=\"20\" x2=\"8\" y2=\"32\"\/><line x1=\"28\" y1=\"20\" x2=\"28\" y2=\"32\"\/><line x1=\"8\" y1=\"32\" x2=\"28\" y2=\"32\"\/><rect x=\"12\" y=\"12\" width=\"12\" height=\"8\"\/><\/svg>\n          <div class=\"ax-card-name\">Fixation en toiture inclin\u00e9e<\/div>\n          <div class=\"ax-card-sub\">Syst\u00e8mes pour toiture inclin\u00e9e<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pv-roof-flat\" data-name=\"Flat Roof Mounting\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"2\" y=\"18\" width=\"32\" height=\"4\"\/><rect x=\"6\" y=\"10\" width=\"24\" height=\"8\" rx=\"0.5\"\/><line x1=\"8\" y1=\"22\" x2=\"8\" y2=\"30\"\/><line x1=\"28\" y1=\"22\" x2=\"28\" y2=\"30\"\/><line x1=\"4\" y1=\"30\" x2=\"32\" y2=\"30\"\/><\/svg>\n          <div class=\"ax-card-name\">Fixation en toiture-terrasse<\/div>\n          <div class=\"ax-card-sub\">Syst\u00e8mes pour toiture-terrasse<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pv-vertical\" data-name=\"Vertical Mounting\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"8\" y=\"4\" width=\"20\" height=\"28\" rx=\"1\"\/><line x1=\"8\" y1=\"14\" x2=\"28\" y2=\"14\"\/><line x1=\"8\" y1=\"22\" x2=\"28\" y2=\"22\"\/><line x1=\"18\" y1=\"4\" x2=\"18\" y2=\"32\"\/><\/svg>\n          <div class=\"ax-card-name\">Fixation verticale<\/div>\n          <div class=\"ax-card-sub\">Vertical \/ bifacial<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"agropv\" data-name=\"Agrivoltaics\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"16\" width=\"28\" height=\"8\" rx=\"1\"\/><line x1=\"18\" y1=\"16\" x2=\"18\" y2=\"24\"\/><line x1=\"8\" y1=\"24\" x2=\"8\" y2=\"32\"\/><line x1=\"28\" y1=\"24\" x2=\"28\" y2=\"32\"\/><path d=\"M4 30 Q8 26 12 30 Q16 34 20 30 Q24 26 28 30\"\/><line x1=\"8\" y1=\"6\" x2=\"28\" y2=\"6\"\/><line x1=\"11\" y1=\"6\" x2=\"11\" y2=\"16\"\/><line x1=\"25\" y1=\"6\" x2=\"25\" y2=\"16\"\/><\/svg>\n          <div class=\"ax-card-name\">Agrivolta\u00efque<\/div>\n          <div class=\"ax-card-sub\">Syst\u00e8mes agrivolta\u00efques<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"eastwest\" data-name=\"East-West\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polyline points=\"4,22 12,10 20,22\"\/><polyline points=\"16,22 24,10 32,22\"\/><line x1=\"4\" y1=\"26\" x2=\"32\" y2=\"26\"\/><line x1=\"8\" y1=\"22\" x2=\"8\" y2=\"26\"\/><line x1=\"28\" y1=\"22\" x2=\"28\" y2=\"26\"\/><line x1=\"18\" y1=\"22\" x2=\"18\" y2=\"26\"\/><\/svg>\n          <div class=\"ax-card-name\">Est-Ouest<\/div>\n          <div class=\"ax-card-sub\">Double orientation<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"carport\" data-name=\"Solar Carport\" data-cat=\"PV MOUNTING SYSTEMS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"2\" y=\"10\" width=\"32\" height=\"6\" rx=\"0.5\"\/><line x1=\"4\" y1=\"16\" x2=\"4\" y2=\"30\"\/><line x1=\"32\" y1=\"16\" x2=\"32\" y2=\"30\"\/><rect x=\"8\" y=\"20\" width=\"20\" height=\"10\" rx=\"2\"\/><circle cx=\"12\" cy=\"30\" r=\"2\"\/><circle cx=\"24\" cy=\"30\" r=\"2\"\/><\/svg>\n          <div class=\"ax-card-name\">Carport solaire<\/div>\n          <div class=\"ax-card-sub\">Syst\u00e8mes de carport solaire<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- HEATING -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">CHAUFFAGE<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"wood-boiler\" data-name=\"Wood Boilers\" data-cat=\"BOILERS & HEATING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"8\" y=\"8\" width=\"20\" height=\"22\" rx=\"2\"\/><line x1=\"12\" y1=\"16\" x2=\"24\" y2=\"16\"\/><line x1=\"12\" y1=\"20\" x2=\"24\" y2=\"20\"\/><path d=\"M14 8 C14 4 18 2 18 6 C18 2 22 4 22 8\"\/><rect x=\"12\" y=\"26\" width=\"12\" height=\"4\" rx=\"1\"\/><\/svg>\n          <div class=\"ax-card-name\">Chaudi\u00e8res \u00e0 bois<\/div>\n          <div class=\"ax-card-sub\">S\u00e9ries PSK \/ BM \/ BM_e<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pellet-boiler\" data-name=\"Pellet Boilers\" data-cat=\"BOILERS & HEATING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"6\" y=\"6\" width=\"24\" height=\"24\" rx=\"2\"\/><rect x=\"10\" y=\"10\" width=\"16\" height=\"10\" rx=\"1\"\/><circle cx=\"14\" cy=\"26\" r=\"2\"\/><circle cx=\"22\" cy=\"26\" r=\"2\"\/><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"24\"\/><\/svg>\n          <div class=\"ax-card-name\">Chaudi\u00e8res \u00e0 pellets<\/div>\n          <div class=\"ax-card-sub\">Alimentation automatique<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"solbox\" data-name=\"SolBox\" data-cat=\"SOLAR HEATING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"14\" r=\"6\"\/><line x1=\"18\" y1=\"2\" x2=\"18\" y2=\"6\"\/><line x1=\"18\" y1=\"22\" x2=\"18\" y2=\"26\"\/><line x1=\"6\" y1=\"14\" x2=\"10\" y2=\"14\"\/><line x1=\"26\" y1=\"14\" x2=\"30\" y2=\"14\"\/><rect x=\"10\" y=\"26\" width=\"16\" height=\"8\" rx=\"1\"\/><line x1=\"18\" y1=\"26\" x2=\"18\" y2=\"34\"\/><\/svg>\n          <div class=\"ax-card-name\">SolBox<\/div>\n          <div class=\"ax-card-sub\">Chauffe-eau solaire<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"pyrolino\" data-name=\"Pyrolino\" data-cat=\"HEATING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M18 4 C12 10 10 16 14 20 C14 16 16 14 18 12 C18 18 22 20 22 20 C26 16 24 10 18 4Z\"\/><rect x=\"8\" y=\"24\" width=\"20\" height=\"8\" rx=\"1\"\/><line x1=\"14\" y1=\"24\" x2=\"14\" y2=\"32\"\/><line x1=\"22\" y1=\"24\" x2=\"22\" y2=\"32\"\/><\/svg>\n          <div class=\"ax-card-name\">Pyrolino<\/div>\n          <div class=\"ax-card-sub\">G\u00e9n\u00e9rateur d'air chaud biomasse<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- AGRICULTURAL -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">AGRICOLE<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"splitter\" data-name=\"Log Splitters\" data-cat=\"AGRICULTURAL ATTACHMENTS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polygon points=\"18,4 28,20 8,20\"\/><rect x=\"10\" y=\"20\" width=\"16\" height=\"12\" rx=\"1\"\/><line x1=\"14\" y1=\"26\" x2=\"22\" y2=\"26\"\/><\/svg>\n          <div class=\"ax-card-name\">Fendeuses \u00e0 b\u00fbches<\/div>\n          <div class=\"ax-card-sub\">Fendeuses \u00e0 b\u00fbches<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"cones\" data-name=\"Splitting Cones\" data-cat=\"AGRICULTURAL ATTACHMENTS\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polygon points=\"18,6 30,30 6,30\"\/><line x1=\"18\" y1=\"6\" x2=\"18\" y2=\"30\"\/><line x1=\"12\" y1=\"18\" x2=\"24\" y2=\"18\"\/><\/svg>\n          <div class=\"ax-card-name\">C\u00f4nes de fendage<\/div>\n          <div class=\"ax-card-sub\">C\u00f4nes de fendage<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- METAL PROCESSING -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">TRANSFORMATION DU M\u00c9TAL<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"laser-cut\" data-name=\"Laser Cutting\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"10\" r=\"4\"\/><line x1=\"18\" y1=\"14\" x2=\"18\" y2=\"32\"\/><line x1=\"10\" y1=\"32\" x2=\"26\" y2=\"32\"\/><line x1=\"14\" y1=\"24\" x2=\"22\" y2=\"24\"\/><line x1=\"16\" y1=\"20\" x2=\"20\" y2=\"20\"\/><\/svg>\n          <div class=\"ax-card-name\">D\u00e9coupe laser<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"profile-cut\" data-name=\"Profile Cutting\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"14\" width=\"28\" height=\"8\" rx=\"1\"\/><line x1=\"20\" y1=\"4\" x2=\"20\" y2=\"32\"\/><line x1=\"16\" y1=\"8\" x2=\"24\" y2=\"8\"\/><line x1=\"16\" y1=\"28\" x2=\"24\" y2=\"28\"\/><\/svg>\n          <div class=\"ax-card-name\">D\u00e9bit de profil\u00e9s<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"bending\" data-name=\"Press Brake\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><polyline points=\"4,10 18,10 28,24\"\/><line x1=\"4\" y1=\"10\" x2=\"4\" y2=\"28\"\/><line x1=\"4\" y1=\"28\" x2=\"28\" y2=\"28\"\/><\/svg>\n          <div class=\"ax-card-name\">Presse plieuse<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"rolling\" data-name=\"Plate Rolling\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><ellipse cx=\"18\" cy=\"12\" rx=\"14\" ry=\"5\"\/><ellipse cx=\"18\" cy=\"24\" rx=\"14\" ry=\"5\"\/><line x1=\"4\" y1=\"12\" x2=\"4\" y2=\"24\"\/><line x1=\"32\" y1=\"12\" x2=\"32\" y2=\"24\"\/><\/svg>\n          <div class=\"ax-card-name\">Roulage de t\u00f4le<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"cnc-mill\" data-name=\"CNC Milling\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"6\" y=\"20\" width=\"24\" height=\"10\" rx=\"1\"\/><rect x=\"14\" y=\"6\" width=\"8\" height=\"14\"\/><line x1=\"10\" y1=\"6\" x2=\"26\" y2=\"6\"\/><line x1=\"18\" y1=\"2\" x2=\"18\" y2=\"6\"\/><\/svg>\n          <div class=\"ax-card-name\">Fraisage CNC<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"cnc-lathe\" data-name=\"CNC Turning\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"4\" y1=\"18\" x2=\"32\" y2=\"18\"\/><ellipse cx=\"10\" cy=\"18\" rx=\"6\" ry=\"10\"\/><rect x=\"16\" y=\"14\" width=\"16\" height=\"8\"\/><line x1=\"28\" y1=\"14\" x2=\"32\" y2=\"10\"\/><\/svg>\n          <div class=\"ax-card-name\">Tournage CNC<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"deburring\" data-name=\"Deburring\" data-cat=\"PROCESSING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"14\" width=\"28\" height=\"8\" rx=\"1\"\/><path d=\"M8 14 Q10 10 12 14\"\/><path d=\"M14 14 Q16 10 18 14\"\/><path d=\"M20 14 Q22 10 24 14\"\/><path d=\"M26 14 Q28 10 30 14\"\/><\/svg>\n          <div class=\"ax-card-name\">\u00c9bavurage<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- FINISHING -->\n    <div class=\"ax-cat-group\">\n      <div class=\"ax-cat-group-label\">FINITION & SOUDAGE<\/div>\n      <div class=\"ax-cards\">\n        <div class=\"ax-card\" data-id=\"mig-tig\" data-name=\"MIG-TIG Welding\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"4\" y1=\"20\" x2=\"32\" y2=\"20\"\/><path d=\"M10 20 Q12 16 14 20 Q16 24 18 20 Q20 16 22 20 Q24 24 26 20\"\/><line x1=\"18\" y1=\"8\" x2=\"18\" y2=\"16\"\/><circle cx=\"18\" cy=\"6\" r=\"3\"\/><\/svg>\n          <div class=\"ax-card-name\">Soudage MIG-TIG<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"laser-weld\" data-name=\"Laser Welding\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"4\" y1=\"20\" x2=\"32\" y2=\"20\"\/><line x1=\"18\" y1=\"6\" x2=\"18\" y2=\"20\"\/><line x1=\"12\" y1=\"10\" x2=\"18\" y2=\"20\"\/><line x1=\"24\" y1=\"10\" x2=\"18\" y2=\"20\"\/><circle cx=\"18\" cy=\"5\" r=\"2\"\/><\/svg>\n          <div class=\"ax-card-name\">Soudage laser<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"micro\" data-name=\"Secondary Operations\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"18\" r=\"8\"\/><circle cx=\"18\" cy=\"18\" r=\"3\"\/><line x1=\"18\" y1=\"4\" x2=\"18\" y2=\"10\"\/><line x1=\"18\" y1=\"26\" x2=\"18\" y2=\"32\"\/><line x1=\"4\" y1=\"18\" x2=\"10\" y2=\"18\"\/><line x1=\"26\" y1=\"18\" x2=\"32\" y2=\"18\"\/><\/svg>\n          <div class=\"ax-card-name\">Op\u00e9rations secondaires<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"powder-coat\" data-name=\"Powder Coating\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"4\" y=\"20\" width=\"22\" height=\"12\" rx=\"1\"\/><path d=\"M26 14 L32 14\"\/><circle cx=\"30\" cy=\"10\" r=\"2\"\/><path d=\"M28 14 Q24 20 26 26\"\/><path d=\"M8 16 Q10 8 14 8 Q18 8 20 14\"\/><\/svg>\n          <div class=\"ax-card-name\">Thermolaquage<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"galv\" data-name=\"Galvanizing\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><rect x=\"6\" y=\"12\" width=\"24\" height=\"16\" rx=\"1\"\/><path d=\"M10 12 Q10 6 18 6 Q26 6 26 12\"\/><line x1=\"10\" y1=\"20\" x2=\"26\" y2=\"20\"\/><line x1=\"14\" y1=\"16\" x2=\"14\" y2=\"24\"\/><line x1=\"22\" y1=\"16\" x2=\"22\" y2=\"24\"\/><\/svg>\n          <div class=\"ax-card-name\">Galvanisation<\/div>\n        <\/div>\n        <div class=\"ax-card\" data-id=\"rd\" data-name=\"Design & R&D\" data-cat=\"FINISHING\" onclick=\"toggleCard(this)\">\n          <div class=\"ax-card-check\"><svg viewbox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/div>\n          <svg class=\"ax-card-icon\" viewbox=\"0 0 36 36\" fill=\"none\" stroke=\"#DD2B1C\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"18\" cy=\"18\" r=\"12\"\/><path d=\"M14 18 L18 14 L22 18\"\/><line x1=\"18\" y1=\"14\" x2=\"18\" y2=\"24\"\/><line x1=\"6\" y1=\"18\" x2=\"18\" y2=\"18\"\/><\/svg>\n          <div class=\"ax-card-name\">Conception & R&D;<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ax-nav-bottom\">\n      <span style=\"font-size:12px;color:var(--text-dim)\">* S\u00e9lectionnez au moins un produit<\/span>\n      <button class=\"ax-btn ax-btn-primary\" onclick=\"goToStep2()\" id=\"btn-next-1\">\n        \u00c9tape suivante\n        <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12,5 19,12 12,19\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PANEL 2 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"ax-panel\" id=\"panel-2\">\n    <div class=\"ax-progress\"><div class=\"ax-progress-fill\" style=\"width:66%\"><\/div><\/div>\n    <div class=\"ax-panel-title\">\u00c9tape 2 sur 2<\/div>\n    <div class=\"ax-panel-h2\">D\u00e9tails & Informations<\/div>\n    <div class=\"ax-panel-sub\">Indiquez vos coordonn\u00e9es et d\u00e9crivez votre besoin.<\/div>\n\n    <div class=\"ax-selected-summary\">\n      <div class=\"ax-selected-summary-title\">Produits \/ services s\u00e9lectionn\u00e9s<\/div>\n      <div class=\"ax-selected-tags\" id=\"selected-tags\"><\/div>\n    <\/div>\n\n    <div class=\"ax-form-grid\">\n      <div class=\"ax-form-group\">\n        <label class=\"ax-form-label\">Nom complet <span>*<\/span><\/label>\n        <input class=\"ax-input\" id=\"f-name\" type=\"text\" placeholder=\"ex. Jean Dupont\">\n        <div class=\"ax-error-msg\" id=\"err-name\">Champ obligatoire<\/div>\n      <\/div>\n      <div class=\"ax-form-group\">\n        <label class=\"ax-form-label\">Entreprise<\/label>\n        <input class=\"ax-input\" id=\"f-company\" type=\"text\" placeholder=\"ex. AXINAR S.A.\">\n      <\/div>\n      <div class=\"ax-form-group\">\n        <label class=\"ax-form-label\">T\u00e9l\u00e9phone <span>*<\/span><\/label>\n        <input class=\"ax-input\" id=\"f-phone\" type=\"tel\" placeholder=\"+30 210 000 0000\">\n        <div class=\"ax-error-msg\" id=\"err-phone\">Champ obligatoire<\/div>\n      <\/div>\n      <div class=\"ax-form-group\">\n        <label class=\"ax-form-label\">E-mail <span>*<\/span><\/label>\n        <input class=\"ax-input\" id=\"f-email\" type=\"email\" placeholder=\"email@societe.com\">\n        <div class=\"ax-error-msg\" id=\"err-email\">Champ obligatoire<\/div>\n      <\/div>\n      <div class=\"ax-form-group full\">\n        <label class=\"ax-form-label\">Quantit\u00e9 \/ dimensions<\/label>\n        <input class=\"ax-input\" id=\"f-qty\" type=\"text\" placeholder=\"ex. 500 t\u00f4les 2000x1000 mm, \u00e9paisseur 3 mm\">\n      <\/div>\n      <div class=\"ax-form-group full\">\n        <label class=\"ax-form-label\">Description du projet \/ remarques<\/label>\n        <textarea class=\"ax-textarea\" id=\"f-notes\" placeholder=\"D\u00e9crivez votre projet, les exigences particuli\u00e8res, les mat\u00e9riaux souhait\u00e9s, etc.\"><\/textarea>\n      <\/div>\n    <\/div>\n\n    <div class=\"ax-nav-bottom\">\n      <button class=\"ax-btn ax-btn-outline\" onclick=\"goToStep1()\">\n        <svg viewbox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12,19 5,12 12,5\"\/><\/svg>\n        Retour\n      <\/button>\n      <button class=\"ax-btn ax-btn-primary\" onclick=\"submitForm()\">\n        Envoyer la demande\n        <svg viewbox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22,2 15,22 11,13 2,9 22,2\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PANEL 3 (SUCCESS) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"ax-panel\" id=\"panel-3\">\n    <div class=\"ax-success\">\n      <div class=\"ax-success-icon\">\n        <svg viewbox=\"0 0 24 24\"><polyline points=\"20,6 9,17 4,12\"\/><\/svg>\n      <\/div>\n      <h2>Votre demande<br>a bien \u00e9t\u00e9 envoy\u00e9e !<\/h2>\n      <p>Notre \u00e9quipe vous contactera sous 24 heures ouvr\u00e9es.<\/p>\n      <div style=\"display:flex;gap:12px;justify-content:center;flex-wrap:wrap\">\n        <a href=\"\/en\/\" class=\"ax-btn ax-btn-outline\">\n          <svg viewbox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12,19 5,12 12,5\"\/><\/svg>\n          Accueil\n        <\/a>\n        <button class=\"ax-btn ax-btn-primary\" onclick=\"resetForm()\">Nouvelle demande<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- SELECTION BAR -->\n<div class=\"ax-selection-bar\" id=\"selectionBar\">\n  <div class=\"ax-selection-bar-left\">\n    <span id=\"sel-count\">0<\/span> s\u00e9lectionn\u00e9\n  <\/div>\n  <div class=\"ax-selection-bar-right\">\n    <button class=\"ax-btn ax-btn-primary\" onclick=\"goToStep2()\">\n      Continuer\n      <svg viewbox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12,5 19,12 12,19\"\/><\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<div id=\"ax-cf7-target\"><\/div>\n\n<script>\nvar selected = {};\n\nfunction toggleCard(el) {\n  var id = el.dataset.id;\n  if (selected[id]) { delete selected[id]; el.classList.remove('selected'); }\n  else { selected[id] = { name: el.dataset.name, cat: el.dataset.cat }; el.classList.add('selected'); }\n  updateBar();\n}\n\nfunction updateBar() {\n  var count = Object.keys(selected).length;\n  document.getElementById('sel-count').textContent = count;\n  var bar = document.getElementById('selectionBar');\n  if (count > 0) bar.classList.add('visible');\n  else bar.classList.remove('visible');\n}\n\nfunction goToStep2() {\n  if (Object.keys(selected).length === 0) {\n    var grid = document.querySelector('#panel-1 .ax-cat-group');\n    grid.style.transition = 'transform .1s';\n    [0,1,2,3].forEach(function(i) {\n      setTimeout(function() { grid.style.transform = (i%2===0) ? 'translateX(6px)' : 'translateX(-6px)'; }, i*60);\n    });\n    setTimeout(function() { grid.style.transform = ''; }, 300);\n    return;\n  }\n  var tags = document.getElementById('selected-tags');\n  tags.innerHTML = '';\n  Object.values(selected).forEach(function(item) {\n    var t = document.createElement('div');\n    t.className = 'ax-tag';\n    t.textContent = item.name;\n    tags.appendChild(t);\n  });\n  showPanel(2);\n}\n\nfunction goToStep1() { showPanel(1); }\n\nfunction showPanel(n) {\n  document.querySelectorAll('.ax-panel').forEach(function(p) { p.classList.remove('active'); });\n  document.getElementById('panel-' + n).classList.add('active');\n  document.querySelectorAll('.ax-step').forEach(function(s, i) {\n    s.classList.remove('active', 'done');\n    if (i+1 < n) s.classList.add('done');\n    if (i+1 === n) s.classList.add('active');\n  });\n  if (n > 1) document.getElementById('selectionBar').classList.remove('visible');\n  window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\nfunction validate() {\n  var ok = true;\n  ['name','phone','email'].forEach(function(f) {\n    var inp = document.getElementById('f-'+f);\n    var err = document.getElementById('err-'+f);\n    if (!inp.value.trim()) {\n      inp.classList.add('error'); err.classList.add('visible'); ok = false;\n    } else {\n      inp.classList.remove('error'); err.classList.remove('visible');\n    }\n  });\n  var em = document.getElementById('f-email');\n  if (em.value && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(em.value)) {\n    em.classList.add('error');\n    document.getElementById('err-email').textContent = 'Invalid email';\n    document.getElementById('err-email').classList.add('visible');\n    ok = false;\n  }\n  return ok;\n}\n\nfunction submitForm() {\n  if (!validate()) return;\n  var products = Object.values(selected).map(function(i){ return i.name; }).join(', ');\n  var name    = document.getElementById('f-name').value;\n  var company = document.getElementById('f-company').value;\n  var phone   = document.getElementById('f-phone').value;\n  var email   = document.getElementById('f-email').value;\n  var qty     = document.getElementById('f-qty').value;\n  var notes   = document.getElementById('f-notes').value;\n\n  var body =\n    'QUOTE REQUEST, AXINAR.COM\\n\\n' +\n    'Products\/Services: ' + products + '\\n\\n' +\n    'Name: ' + name + '\\n' +\n    (company ? 'Company: ' + company + '\\n' : '') +\n    'Phone: ' + phone + '\\n' +\n    'Email: ' + email + '\\n' +\n    (qty ? '\\nQuantity\/Dimensions:\\n' + qty + '\\n' : '') +\n    (notes ? '\\nDescription\/Notes:\\n' + notes + '\\n' : '');\n\n  var subject = encodeURIComponent('Quote Request, ' + products.substring(0, 60));\n  var mailBody = encodeURIComponent(body);\n  window.location.href = 'mailto:info@axinar.com?subject=' + subject + '&body=' + mailBody;\n  setTimeout(function() { showPanel(3); }, 800);\n}\n\nfunction resetForm() {\n  selected = {};\n  document.querySelectorAll('.ax-card').forEach(function(c) { c.classList.remove('selected'); });\n  ['name','company','phone','email','qty','notes'].forEach(function(f) {\n    var el = document.getElementById('f-'+f);\n    if (el) el.value = '';\n  });\n  updateBar();\n  showPanel(1);\n}\n<\/script>\n\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 S.A. Accueil \u203a Demander un devis DEMANDEUN DEVIS S\u00e9lectionnez les produits ou services qui vous int\u00e9ressent et indiquez vos [&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":"Demander un devis en fabrication m\u00e9tallique | Axinar","rank_math_description":"Demandez un devis pour des syst\u00e8mes de fixation photovolta\u00efque, des chaudi\u00e8res biomasse ou des ouvrages m\u00e9talliques OEM. R\u00e9ponse sous 24 heures.","footnotes":""},"class_list":["post-8672","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/axinar.com\/fr\/wp-json\/wp\/v2\/pages\/8672","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=8672"}],"version-history":[{"count":1,"href":"https:\/\/axinar.com\/fr\/wp-json\/wp\/v2\/pages\/8672\/revisions"}],"predecessor-version":[{"id":8673,"href":"https:\/\/axinar.com\/fr\/wp-json\/wp\/v2\/pages\/8672\/revisions\/8673"}],"wp:attachment":[{"href":"https:\/\/axinar.com\/fr\/wp-json\/wp\/v2\/media?parent=8672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}