{"id":8506,"date":"2026-05-12T10:47:57","date_gmt":"2026-05-12T08:47:57","guid":{"rendered":"https:\/\/www.valentesecurystar.com\/?page_id=8506"},"modified":"2026-06-01T13:48:51","modified_gmt":"2026-06-01T11:48:51","slug":"nuancier-ral-idi","status":"publish","type":"page","link":"https:\/\/www.valentesecurystar.com\/index.php\/nuancier-ral-idi\/","title":{"rendered":"Nuancier RAL idi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8506\" class=\"elementor elementor-8506\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2db2ad4a e-flex e-con-boxed e-con e-parent\" data-id=\"2db2ad4a\" 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-1c78cfe elementor-widget elementor-widget-text-editor\" data-id=\"1c78cfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38069ce e-flex e-con-boxed e-con e-parent\" data-id=\"38069ce\" 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-bbda941 elementor-widget elementor-widget-html\" data-id=\"bbda941\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Hero Nuancier \u2014 Valente Securystar<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Exo:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Exo', sans-serif; -webkit-font-smoothing: antialiased; }\r\n\r\n.hero {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 600px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n\/* Image fond pleine visibilit\u00e9 *\/\r\n.hero__bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  background-image: url('https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/HEADER-NUANCIER.png');\r\n  background-size: cover;\r\n  background-position: center;\r\n  opacity: 1;\r\n}\r\n\r\n\/* Overlay l\u00e9ger gauche \u2192 droite *\/\r\n.hero__overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  background: linear-gradient(100deg,\r\n    rgba(0,0,0,0.90) 0%,\r\n    rgba(0,0,0,0.62) 40%,\r\n    rgba(0,0,0,0.18) 70%,\r\n    rgba(0,0,0,0.05) 100%\r\n  );\r\n}\r\n\r\n\/* Layout *\/\r\n.hero__inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  padding: 0 clamp(2rem, 6vw, 5rem);\r\n  display: grid;\r\n  grid-template-columns: 1fr 380px;\r\n  align-items: center;\r\n  gap: 3rem;\r\n}\r\n@media (max-width: 900px) {\r\n  .hero__inner { grid-template-columns: 1fr; }\r\n  .hero__right { display: none; }\r\n}\r\n\r\n\/* \u2500\u2500 Gauche \u2500\u2500 *\/\r\n.hero__eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 20px;\r\n}\r\n.hero__eyebrow-line {\r\n  width: 28px; height: 2px;\r\n  background: #E8420A; flex-shrink: 0;\r\n}\r\n.hero__eyebrow-text {\r\n  font-family: 'Exo', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n  color: #E8420A;\r\n}\r\n\r\n.hero__title {\r\n  font-family: 'Exo', sans-serif;\r\n  font-size: clamp(1.8rem, 3.2vw, 3.2rem);\r\n  font-weight: 900;\r\n  line-height: 1.08;\r\n  letter-spacing: -.025em;\r\n  color: #fff;\r\n  margin-bottom: 1.2rem;\r\n  text-shadow: 0 2px 12px rgba(0,0,0,0.4);\r\n}\r\n.hero__title em {\r\n  font-style: italic;\r\n  font-weight: 800;\r\n  color: #E8420A;\r\n}\r\n\r\n.hero__desc {\r\n  font-family: 'Exo', sans-serif;\r\n  font-size: .95rem;\r\n  font-weight: 400;\r\n  color: rgba(255,255,255,.65);\r\n  line-height: 1.7;\r\n  max-width: 440px;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.hero__cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: #E8420A;\r\n  color: #fff;\r\n  padding: 13px 26px;\r\n  font-family: 'Exo', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: .1em;\r\n  text-transform: uppercase;\r\n  text-decoration: none;\r\n  border-radius: 3px;\r\n  transition: background .2s, transform .2s;\r\n}\r\n.hero__cta:hover { background: #FF5520; transform: translateY(-2px); }\r\n.hero__cta svg {\r\n  width: 13px; height: 13px;\r\n  stroke: currentColor; fill: none;\r\n  stroke-width: 2.5;\r\n  stroke-linecap: round; stroke-linejoin: round;\r\n  transition: transform .25s;\r\n}\r\n.hero__cta:hover svg { transform: translateY(3px); }\r\n\r\n\/* \u2500\u2500 Droite : 6 gammes \u2500\u2500 *\/\r\n.hero__right {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n}\r\n\r\n.hero__gamme {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 1rem;\r\n  padding: 11px 16px;\r\n  background: rgba(0,0,0,0.55);\r\n  border: 1px solid rgba(255,255,255,.08);\r\n  backdrop-filter: blur(6px);\r\n  -webkit-backdrop-filter: blur(6px);\r\n  transition: background .2s, border-color .2s;\r\n}\r\n.hero__gamme:hover {\r\n  background: rgba(0,0,0,0.70);\r\n  border-color: rgba(232,66,10,.35);\r\n}\r\n.hero__gamme-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.hero__gamme-dot {\r\n  width: 5px; height: 5px;\r\n  border-radius: 50%;\r\n  background: #E8420A;\r\n  flex-shrink: 0;\r\n  opacity: .6;\r\n}\r\n.hero__gamme-name {\r\n  font-family: 'Exo', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  letter-spacing: .08em;\r\n  text-transform: uppercase;\r\n}\r\n.hero__gamme-count {\r\n  font-family: 'Exo', sans-serif;\r\n  font-size: 9px;\r\n  font-weight: 600;\r\n  color: rgba(255,255,255,.4);\r\n  letter-spacing: .06em;\r\n  text-transform: uppercase;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media (max-width: 600px) {\r\n  .hero { height: 100svh; min-height: 500px; max-height: 700px; }\r\n  .hero__inner { padding: 0 1.25rem; grid-template-columns: 1fr; }\r\n  .hero__title { font-size: 1.7rem; }\r\n  .hero__desc { font-size: .85rem; max-width: 100%; }\r\n  .hero__cta { width: 100%; justify-content: center; }\r\n  .hero__right { display: none; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero\" aria-label=\"Nuancier et finitions Valente Securystar\">\r\n\r\n  <div class=\"hero__bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"hero__overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"hero__inner\">\r\n\r\n    <!-- Gauche -->\r\n    <div class=\"hero__left\">\r\n      <div class=\"hero__eyebrow\">\r\n        <div class=\"hero__eyebrow-line\"><\/div>\r\n        <span class=\"hero__eyebrow-text\">Personnalisation couleur<\/span>\r\n      <\/div>\r\n\r\n      <h1 class=\"hero__title\">\r\n        La couleur que vous imaginez,<br>\r\n        <em>avec la s\u00e9curit\u00e9 que vous m\u00e9ritez.<\/em>\r\n      <\/h1>\r\n\r\n      <p class=\"hero__desc\">\r\n        Seul fabricant certifi\u00e9 A2P\u2605\u2605\u2605 \u00e0 proposer 110&nbsp;+ coloris RAL\r\n        dans 4 finitions distinctes et 4 gammes de d\u00e9cors bois,\r\n        sur l'ensemble de nos produits, pour une int\u00e9gration parfaite \u00e0 chaque int\u00e9rieur.\r\n      <\/p>\r\n\r\n      <a href=\"#nuancier\" class=\"hero__cta\">\r\n        Voir le nuancier\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/>\r\n          <polyline points=\"5 12 12 19 19 12\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Droite -->\r\n    <div class=\"hero__right\" aria-hidden=\"true\">\r\n      <div class=\"hero__gamme\">\r\n        <div class=\"hero__gamme-left\">\r\n          <div class=\"hero__gamme-dot\"><\/div>\r\n          <span class=\"hero__gamme-name\">Textura<\/span>\r\n        <\/div>\r\n        <span class=\"hero__gamme-count\">70 coloris RAL \u00b7 Fine texture<\/span>\r\n      <\/div>\r\n      <div class=\"hero__gamme\">\r\n        <div class=\"hero__gamme-left\">\r\n          <div class=\"hero__gamme-dot\"><\/div>\r\n          <span class=\"hero__gamme-name\">Lumina<\/span>\r\n        <\/div>\r\n        <span class=\"hero__gamme-count\">110 coloris \u00b7 Brillant \/ Satin\u00e9 \/ Mat<\/span>\r\n      <\/div>\r\n      <div class=\"hero__gamme\">\r\n        <div class=\"hero__gamme-left\">\r\n          <div class=\"hero__gamme-dot\"><\/div>\r\n          <span class=\"hero__gamme-name\">Nervura<\/span>\r\n        <\/div>\r\n        <span class=\"hero__gamme-count\">18 d\u00e9cors bois \u00b7 Avec moulures<\/span>\r\n      <\/div>\r\n      <div class=\"hero__gamme\">\r\n        <div class=\"hero__gamme-left\">\r\n          <div class=\"hero__gamme-dot\"><\/div>\r\n          <span class=\"hero__gamme-name\">Patina<\/span>\r\n        <\/div>\r\n        <span class=\"hero__gamme-count\">10 d\u00e9cors bois \u00b7 Lisse<\/span>\r\n      <\/div>\r\n      <div class=\"hero__gamme\">\r\n        <div class=\"hero__gamme-left\">\r\n          <div class=\"hero__gamme-dot\"><\/div>\r\n          <span class=\"hero__gamme-name\">Resina<\/span>\r\n        <\/div>\r\n        <span class=\"hero__gamme-count\">18 coloris RAL \u00b7 Bois moulures<\/span>\r\n      <\/div>\r\n      <div class=\"hero__gamme\">\r\n        <div class=\"hero__gamme-left\">\r\n          <div class=\"hero__gamme-dot\"><\/div>\r\n          <span class=\"hero__gamme-name\">Metalbois<\/span>\r\n        <\/div>\r\n        <span class=\"hero__gamme-count\">6 d\u00e9cors \u00b7 Acier lisse<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7446cb8 e-flex e-con-boxed e-con e-parent\" data-id=\"7446cb8\" 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-bb6a783 elementor-widget elementor-widget-html\" data-id=\"bb6a783\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Section Diff\u00e9renciante \u2014 Valente Securystar<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Exo:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Exo', sans-serif; background: #ffffff; -webkit-font-smoothing: antialiased; }\r\n\r\n.diff {\r\n  background: #ffffff;\r\n  padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.5rem, 5vw, 3.5rem);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Num\u00e9ro d\u00e9coratif en filigrane *\/\r\n.diff::before {\r\n  content: '01';\r\n  position: absolute;\r\n  top: -0.1em;\r\n  right: clamp(1.5rem, 5vw, 3.5rem);\r\n  font-family: 'Exo', sans-serif;\r\n  font-size: clamp(7rem, 13vw, 13rem);\r\n  font-weight: 900;\r\n  color: rgba(10,10,10,.04);\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  user-select: none;\r\n  letter-spacing: -.05em;\r\n}\r\n\r\n.diff__inner {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: clamp(2rem, 4vw, 4rem);\r\n  align-items: center;\r\n}\r\n@media (max-width: 900px) {\r\n  .diff__inner { grid-template-columns: 1fr; gap: 1.75rem; }\r\n  .diff::before { display: none; }\r\n}\r\n\r\n\/* \u2550\u2550 GAUCHE \u2550\u2550 *\/\r\n.diff__eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n}\r\n.diff__eyebrow-line { width: 24px; height: 2px; background: #E8420A; flex-shrink: 0; }\r\n.diff__eyebrow-text {\r\n  font-family: 'Exo', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n  color: #E8420A;\r\n}\r\n\r\n.diff__h2 {\r\n  font-family: 'Exo', sans-serif;\r\n  font-size: clamp(1.4rem, 2.6vw, 2.1rem);\r\n  font-weight: 900;\r\n  line-height: 1.05;\r\n  letter-spacing: -.03em;\r\n  color: #0A0A0A;\r\n  margin-bottom: 1rem;\r\n  max-width: 18ch;\r\n}\r\n.diff__h2 em {\r\n  font-style: normal;\r\n  color: #E8420A;\r\n}\r\n\r\n.diff__p {\r\n  font-family: 'Exo', sans-serif;\r\n  font-size: .88rem;\r\n  font-weight: 400;\r\n  color: #5A5A62;\r\n  line-height: 1.6;\r\n  margin-bottom: 0;\r\n  padding-left: 1rem;\r\n  border-left: 2px solid #E0E0E5;\r\n}\r\n.diff__p strong { font-weight: 700; color: #0A0A0A; }\r\n\r\n\/* \u2550\u2550 DROITE : 3 stats \u2550\u2550 *\/\r\n.diff__stats {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 1px;\r\n}\r\n\r\n.diff__stat {\r\n  background: #fff;\r\n  padding: 16px 20px;\r\n  display: grid;\r\n  grid-template-columns: 88px 1fr;\r\n  gap: 16px;\r\n  align-items: center;\r\n  position: relative;\r\n  transition: background .2s;\r\n  border: 1px solid transparent;\r\n}\r\n.diff__stat:hover {\r\n  background: #fafafa;\r\n  border-color: rgba(232,66,10,.12);\r\n  z-index: 1;\r\n}\r\n\r\n\/* Ligne orange verticale \u00e0 gauche au hover *\/\r\n.diff__stat::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; top: 0;\r\n  width: 3px; height: 100%;\r\n  background: #E8420A;\r\n  transform: scaleY(0);\r\n  transform-origin: bottom;\r\n  transition: transform .35s cubic-bezier(.16,1,.3,1);\r\n}\r\n.diff__stat:hover::after { transform: scaleY(1); }\r\n\r\n.diff__stat-num {\r\n  font-family: 'Exo', sans-serif;\r\n  font-size: clamp(1.7rem, 2.6vw, 2.3rem);\r\n  font-weight: 900;\r\n  letter-spacing: -.05em;\r\n  line-height: .95;\r\n  color: #0A0A0A;\r\n}\r\n.diff__stat-num sup {\r\n  font-size: .45em;\r\n  color: #E8420A;\r\n  vertical-align: super;\r\n  letter-spacing: 0;\r\n}\r\n.diff__stat-num small {\r\n  display: block;\r\n  font-size: .34em;\r\n  font-weight: 900;\r\n  color: #E8420A;\r\n  letter-spacing: .06em;\r\n  text-transform: uppercase;\r\n  margin-top: 3px;\r\n}\r\n\r\n.diff__stat-body {}\r\n.diff__stat-title {\r\n  font-family: 'Exo', sans-serif;\r\n  font-size: .82rem;\r\n  font-weight: 800;\r\n  color: #0A0A0A;\r\n  letter-spacing: -.01em;\r\n  margin-bottom: 4px;\r\n  line-height: 1.15;\r\n  text-transform: uppercase;\r\n}\r\n.diff__stat-desc {\r\n  font-family: 'Exo', sans-serif;\r\n  font-size: .78rem;\r\n  font-weight: 400;\r\n  color: #8A8A95;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* S\u00e9parateur horizontal entre les stats *\/\r\n.diff__stat + .diff__stat {\r\n  border-top: 1px solid #F0F0F2;\r\n}\r\n\r\n\/* \u2550\u2550 RESPONSIVE DIFF \u2550\u2550 *\/\r\n@media (max-width: 600px) {\r\n  .diff { padding: 2rem 1.25rem; }\r\n  .diff__inner { grid-template-columns: 1fr; gap: 1.5rem; }\r\n  .diff__h2 { font-size: 1.4rem; max-width: none; }\r\n  .diff__stat { padding: 14px 14px; grid-template-columns: 72px 1fr; gap: 12px; }\r\n  .diff__stat-num { font-size: 1.6rem; }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"diff\" aria-labelledby=\"diff-h2\">\r\n  <div class=\"diff__inner\">\r\n\r\n    <!-- \u2500\u2500 Gauche \u2500\u2500 -->\r\n    <div class=\"diff__left\">\r\n\r\n      <div class=\"diff__eyebrow\">\r\n        <div class=\"diff__eyebrow-line\"><\/div>\r\n        <span class=\"diff__eyebrow-text\">Ce qui nous diff\u00e9rencie<\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"diff__h2\" id=\"diff-h2\">\r\n        Pourquoi choisir Valente Securystar pour la couleur de <em>vos produits&nbsp;?<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"diff__p\">\r\n        Valente Securystar est le <strong>seul fabricant certifi\u00e9 A2P\u2605\u2605\u2605<\/strong> \u00e0 proposer 110&nbsp;+ coloris RAL dans\r\n        4&nbsp;finitions distinctes: fine texture, brillante, satin\u00e9e et mate\r\n        compl\u00e9t\u00e9s par 4&nbsp;gammes de d\u00e9cors bois r\u00e9alistes.\r\n        Deux coloris en <strong>stock permanent<\/strong>&nbsp;: RAL&nbsp;9016\r\n        et RAL&nbsp;8014. Les 110&nbsp;+ autres disponibles <strong>sous 48&nbsp;heures<\/strong>.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 Droite \u2500\u2500 -->\r\n    <div class=\"diff__stats\">\r\n\r\n      <div class=\"diff__stat\">\r\n        <div class=\"diff__stat-num\">\r\n          110<sup>+<\/sup>\r\n          <small>Coloris<\/small>\r\n        <\/div>\r\n        <div class=\"diff__stat-body\">\r\n          <div class=\"diff__stat-title\">Coloris RAL disponibles<\/div>\r\n          <div class=\"diff__stat-desc\">\r\n            Fine texture, brillant, satin\u00e9 ou mat, le m\u00eame coloris RAL\r\n            disponible dans les 4 finitions. RAL&nbsp;9016, 9005, 7016,\r\n            9010 et 9003 en stock permanent.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"diff__stat\">\r\n        <div class=\"diff__stat-num\">\r\n          6\r\n          <small>Gammes<\/small>\r\n        <\/div>\r\n        <div class=\"diff__stat-body\">\r\n          <div class=\"diff__stat-title\">Gammes de finition exclusives<\/div>\r\n          <div class=\"diff__stat-desc\">\r\n            Textura, Lumina, Nervura, Patina, Resina, Metalbois,\r\n            des centaines de combinaisons couleur \u00d7 finition \u00d7 d\u00e9cor\r\n            sur l'ensemble de nos produits certifi\u00e9s A2P\u2605\u2605\u2605.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"diff__stat\">\r\n        <div class=\"diff__stat-num\">\r\n          100<sup>%<\/sup>\r\n          <small>Sur-mesure<\/small>\r\n        <\/div>\r\n        <div class=\"diff__stat-body\">\r\n          <div class=\"diff__stat-title\">Une personnalisation sur tous nos produits<\/div>\r\n          <div class=\"diff__stat-desc\">\r\n            Couleur, finition et d\u00e9cor&nbsp;: l'ensemble de nos produits se\r\n            compose selon votre porte et votre int\u00e9rieur. Un rendu unique\r\n            et coh\u00e9rent, sans le moindre compromis sur la s\u00e9curit\u00e9.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b18540b e-flex e-con-boxed e-con e-parent\" data-id=\"b18540b\" 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-3dd521b elementor-widget elementor-widget-html\" data-id=\"3dd521b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Nuancier \u2014 Valente Securystar<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Exo:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,800&display=swap\" rel=\"stylesheet\">\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"ItemList\",\r\n  \"name\": \"Gammes de finitions Valente Securystar\",\r\n  \"description\": \"Les 6 gammes de finitions disponibles sur l'ensemble des produits certifi\u00e9s A2P Valente Securystar\",\r\n  \"numberOfItems\": 6,\r\n  \"itemListElement\": [\r\n    {\"@type\":\"ListItem\",\"position\":1,\"name\":\"Textura \u2014 Finition fine texture, 70 coloris RAL\"},\r\n    {\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lumina \u2014 Finition brillante, satin\u00e9e ou mate, 110 coloris RAL\"},\r\n    {\"@type\":\"ListItem\",\"position\":3,\"name\":\"Resina \u2014 RAL pour bois avec moulures, 18 coloris\"},\r\n    {\"@type\":\"ListItem\",\"position\":4,\"name\":\"Nervura \u2014 D\u00e9cor bois avec moulures, 18 coloris\"},\r\n    {\"@type\":\"ListItem\",\"position\":5,\"name\":\"Patina \u2014 Bois lisse d\u00e9cor bois, 10 coloris\"},\r\n    {\"@type\":\"ListItem\",\"position\":6,\"name\":\"Metalbois \u2014 Acier lisse d\u00e9cor bois, 6 coloris\"}\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Exo', sans-serif; background: #fff; -webkit-font-smoothing: antialiased; }\r\n\r\n.nuancier {\r\n  background: #fff;\r\n  padding: clamp(2rem, 3vw, 2.5rem) clamp(1.25rem, 5vw, 5rem) clamp(3rem, 6vw, 6rem);\r\n}\r\n.nuancier__inner { max-width: 1300px; margin: 0 auto; }\r\n\r\n.nuancier__header {\r\n  display: flex; align-items: flex-end; justify-content: space-between;\r\n  gap: 1.5rem; margin-bottom: clamp(1.5rem, 3vw, 3rem); flex-wrap: wrap;\r\n}\r\n.nuancier__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }\r\n.nuancier__eyebrow-line { width: 28px; height: 2px; background: #E8420A; flex-shrink: 0; }\r\n.nuancier__eyebrow-text { font-family: 'Exo', sans-serif; font-size: 10px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; color: #E8420A; }\r\n.nuancier__h2 { font-family: 'Exo', sans-serif; font-size: clamp(1.4rem, 2.8vw, 2.4rem); font-weight: 900; line-height: 1.08; letter-spacing: -.03em; color: #0A0A0A; }\r\n.nuancier__h2 em { font-style: normal; color: #E8420A; }\r\n.nuancier__header-note { font-family: 'Exo', sans-serif; font-size: .75rem; color: #ABABB5; line-height: 1.6; max-width: 260px; text-align: right; font-style: italic; }\r\n@media (max-width: 700px) { .nuancier__header-note { display: none; } }\r\n\r\n.nuancier__tabs { display: flex; gap: 0; border-bottom: 2px solid #EBEBED; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }\r\n.nuancier__tabs::-webkit-scrollbar { display: none; }\r\n\r\n.nuancier__tab {\r\n  padding: 12px 18px 10px; cursor: pointer;\r\n  font-family: 'Exo', sans-serif; font-size: 11px; font-weight: 800;\r\n  letter-spacing: .08em; text-transform: uppercase; color: #ABABB5;\r\n  background: none !important; background-color: transparent !important;\r\n  border: none !important; border-bottom: 3px solid transparent !important;\r\n  border-radius: 0 !important; -webkit-appearance: none !important; appearance: none !important;\r\n  box-shadow: none !important; outline: none !important;\r\n  margin-bottom: -2px; white-space: nowrap; flex-shrink: 0;\r\n  scroll-snap-align: start; transition: color .15s, border-bottom-color .15s;\r\n  display: flex; flex-direction: column; align-items: flex-start; gap: 2px;\r\n  touch-action: manipulation;\r\n}\r\n.nuancier__tab:hover, .nuancier__tab:focus, .nuancier__tab:active { color: #0A0A0A; background: none !important; outline: none !important; }\r\n.nuancier__tab.active { color: #0A0A0A; border-bottom-color: #E8420A !important; }\r\n.nuancier__tab-name { font-size: 12px; }\r\n.nuancier__tab-sub { font-size: 8px; font-weight: 600; letter-spacing: .1em; color: #E8420A; opacity: 0; transition: opacity .15s; }\r\n.nuancier__tab.active .nuancier__tab-sub, .nuancier__tab:hover .nuancier__tab-sub { opacity: 1; }\r\n\r\n.nuancier__panel { display: none; }\r\n.nuancier__panel.active { display: block; }\r\n\r\n.panel__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.5rem; flex-wrap: wrap; }\r\n.panel__h3 { font-family: 'Exo', sans-serif; font-size: clamp(1rem, 2vw, 1.4rem); font-weight: 900; color: #0A0A0A; letter-spacing: -.02em; margin-bottom: .5rem; }\r\n.panel__intro { font-family: 'Exo', sans-serif; font-size: .88rem; color: #6A6A75; line-height: 1.72; max-width: 580px; }\r\n.panel__intro strong { color: #0A0A0A; font-weight: 700; }\r\n.panel__header-right { display: flex; flex-direction: column; align-items: flex-end; gap: .5rem; flex-shrink: 0; }\r\n.panel__note { font-family: 'Exo', sans-serif; font-size: .7rem; color: #ABABB5; font-style: italic; }\r\n\r\n.btn-dl { display: inline-flex; align-items: center; gap: 8px; background: #0A0A0A; color: #fff; padding: 10px 18px; font-family: 'Exo', sans-serif; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; border-radius: 3px; transition: background .2s; white-space: nowrap; touch-action: manipulation; }\r\n.btn-dl:hover { background: #E8420A; }\r\n.btn-dl svg { width: 12px; height: 12px; stroke: currentColor; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n.color-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 6px; }\r\n\r\n.swatch { border-radius: 3px; overflow: hidden; border: 1px solid rgba(10,10,10,.07); transition: transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s; background: #fff; }\r\n.swatch:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(10,10,10,.1); z-index: 1; position: relative; }\r\n.swatch__img { width: 100%; aspect-ratio: 3 \/ 4; background: #F2F2F5; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; }\r\n.swatch__img img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n.swatch__ph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #F2F2F5; }\r\n.swatch__ph-inner { width: 28px; height: 28px; border-radius: 50%; border: 1.5px dashed #C8C8CD; }\r\n.swatch--stock .swatch__img::after { content: ''; position: absolute; top: 6px; right: 6px; width: 7px; height: 7px; border-radius: 50%; background: #E8420A; }\r\n.swatch__label { padding: 6px 8px 7px; background: #fff; border-top: 1px solid rgba(10,10,10,.06); }\r\n.swatch__code { font-family: 'Exo', sans-serif; font-size: 10px; font-weight: 800; color: #0A0A0A; line-height: 1.2; letter-spacing: .02em; }\r\n.swatch__code--stock::after { content: ' \u25cf'; color: #E8420A; font-size: 7px; vertical-align: middle; }\r\n.swatch__sub { font-family: 'Exo', sans-serif; font-size: 8px; font-weight: 500; color: #ABABB5; text-transform: uppercase; letter-spacing: .07em; margin-top: 1px; }\r\n\r\n.wood-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 6px; }\r\n.wood-swatch { border-radius: 3px; overflow: hidden; border: 1px solid rgba(10,10,10,.07); transition: transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s; }\r\n.wood-swatch:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(10,10,10,.1); z-index: 1; position: relative; }\r\n.wood-swatch__img { width: 100%; aspect-ratio: 3 \/ 4; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; }\r\n.wood-swatch__img img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n.wood-ph { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: linear-gradient(160deg, #D9CFC4 0%, #C4B89E 100%); position: relative; }\r\n.wood-ph::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(88deg, transparent, transparent 10px, rgba(0,0,0,.025) 10px, rgba(0,0,0,.025) 11px); }\r\n.wood-ph__name { font-family: 'Exo', sans-serif; font-size: 8px; font-weight: 800; color: rgba(0,0,0,.4); text-transform: uppercase; letter-spacing: .08em; text-align: center; padding: 0 8px; position: relative; line-height: 1.35; }\r\n.wood-swatch__body { background: #fff; padding: 7px 9px 8px; border-top: 1px solid rgba(10,10,10,.06); }\r\n.wood-swatch__name { font-family: 'Exo', sans-serif; font-size: 9px; font-weight: 800; color: #0A0A0A; text-transform: uppercase; letter-spacing: .05em; line-height: 1.25; }\r\n.wood-swatch__ap { font-family: 'Exo', sans-serif; font-size: 8px; font-weight: 500; color: #ABABB5; margin-top: 2px; letter-spacing: .04em; }\r\n\r\n.nuancier__legend { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #EBEBED; }\r\n.legend-item { display: flex; align-items: center; gap: 7px; font-family: 'Exo', sans-serif; font-size: .7rem; color: #9A9AA5; font-weight: 500; }\r\n.legend-dot { width: 7px; height: 7px; border-radius: 50%; background: #E8420A; flex-shrink: 0; }\r\n.legend-sq { width: 10px; height: 10px; background: #F0F0F3; border: 1px dashed #CACACE; border-radius: 2px; flex-shrink: 0; }\r\n\r\n@media (max-width: 768px) {\r\n  .nuancier { padding: 1.5rem 1rem 3rem; }\r\n  .color-grid { grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 5px; }\r\n  .wood-grid { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 5px; }\r\n  .panel__header { flex-direction: column; align-items: flex-start; gap: 1rem; }\r\n  .panel__header-right { align-items: flex-start; width: 100%; }\r\n  .btn-dl { width: 100%; justify-content: center; }\r\n}\r\n@media (max-width: 480px) {\r\n  .nuancier { padding: 1.25rem .9rem 2.5rem; }\r\n  .nuancier__h2 { font-size: 1.3rem; }\r\n  .nuancier__tab { padding: 10px 12px 8px; }\r\n  .nuancier__tab-name { font-size: 11px; }\r\n  .nuancier__tab-sub { display: none; }\r\n  .color-grid { grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 4px; }\r\n  .wood-grid { grid-template-columns: repeat(2, 1fr); gap: 4px; }\r\n}\r\n@media (max-width: 360px) {\r\n  .color-grid { grid-template-columns: repeat(auto-fill, minmax(62px, 1fr)); gap: 3px; }\r\n  .nuancier__tab { padding: 9px 10px 7px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"nuancier\" id=\"nuancier\" aria-labelledby=\"nuancier-h2\">\r\n  <div class=\"nuancier__inner\">\r\n\r\n    <div class=\"nuancier__header\">\r\n      <div>\r\n        <div class=\"nuancier__eyebrow\">\r\n          <div class=\"nuancier__eyebrow-line\"><\/div>\r\n          <span class=\"nuancier__eyebrow-text\">Catalogue 2026<\/span>\r\n        <\/div>\r\n        <h2 class=\"nuancier__h2\" id=\"nuancier-h2\">\r\n          Choisissez votre finition,<br><em>choisissez votre couleur.<\/em>\r\n        <\/h2>\r\n      <\/div>\r\n      <div class=\"nuancier__header-note\">\r\n        Les rendus pr\u00e9sent\u00e9s sont approximatifs.<br>\r\n        R\u00e9f\u00e9rez-vous aux nuanciers officiels RAL<br>\r\n        pour une correspondance exacte.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"nuancier__tabs\" role=\"tablist\">\r\n      <button class=\"nuancier__tab active\" role=\"tab\" onclick=\"switchTab('textura',this)\">\r\n        <span class=\"nuancier__tab-name\">Textura<\/span>\r\n        <span class=\"nuancier__tab-sub\">70 coloris \u00b7 Fine texture<\/span>\r\n      <\/button>\r\n      <button class=\"nuancier__tab\" role=\"tab\" onclick=\"switchTab('lumina',this)\">\r\n        <span class=\"nuancier__tab-name\">Lumina<\/span>\r\n        <span class=\"nuancier__tab-sub\">110 coloris \u00b7 Brillant \/ Satin\u00e9 \/ Mat<\/span>\r\n      <\/button>\r\n      <button class=\"nuancier__tab\" role=\"tab\" onclick=\"switchTab('resina',this)\">\r\n        <span class=\"nuancier__tab-name\">Resina<\/span>\r\n        <span class=\"nuancier__tab-sub\">18 coloris RAL \u00b7 Bois moulures<\/span>\r\n      <\/button>\r\n      <button class=\"nuancier__tab\" role=\"tab\" onclick=\"switchTab('nervura',this)\">\r\n        <span class=\"nuancier__tab-name\">Nervura<\/span>\r\n        <span class=\"nuancier__tab-sub\">18 d\u00e9cors bois \u00b7 Moulures<\/span>\r\n      <\/button>\r\n      <button class=\"nuancier__tab\" role=\"tab\" onclick=\"switchTab('patina',this)\">\r\n        <span class=\"nuancier__tab-name\">Patina<\/span>\r\n        <span class=\"nuancier__tab-sub\">10 d\u00e9cors bois \u00b7 Lisse<\/span>\r\n      <\/button>\r\n      <button class=\"nuancier__tab\" role=\"tab\" onclick=\"switchTab('metalbois',this)\">\r\n        <span class=\"nuancier__tab-name\">Metalbois<\/span>\r\n        <span class=\"nuancier__tab-sub\">6 d\u00e9cors \u00b7 Acier lisse<\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- TEXTURA -->\r\n    <div class=\"nuancier__panel active\" id=\"panel-textura\">\r\n      <div class=\"panel__header\">\r\n        <div>\r\n          <h3 class=\"panel__h3\">Nuancier Textura : Finition fine texture RAL<\/h3>\r\n          <p class=\"panel__intro\">Le nuancier Textura propose <strong>70 coloris RAL<\/strong> en finition fine texture contemporaine, r\u00e9sistante et anti-traces. Disponible sur <strong>l'ensemble de nos produits certifi\u00e9s A2P\u2605\u2605\u2605<\/strong>, serrures, blocs-portes, portes techniques, en stock permanent.<\/p>\r\n        <\/div>\r\n        <div class=\"panel__header-right\">\r\n          <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/NUANCIER-RAL-TEXTURA-70-couleurs-au-choix-1.pdf\" class=\"btn-dl\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\r\n            T\u00e9l\u00e9charger le PDF\r\n          <\/a>\r\n          <div class=\"panel__note\">\u25cf = stock permanent (4 finitions)<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"color-grid\" id=\"grid-textura\"><\/div>\r\n      <div class=\"nuancier__legend\">\r\n        <div class=\"legend-item\"><div class=\"legend-dot\"><\/div>Stock permanent \u2014 disponible dans les 4 finitions<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- LUMINA -->\r\n    <div class=\"nuancier__panel\" id=\"panel-lumina\">\r\n      <div class=\"panel__header\">\r\n        <div>\r\n          <h3 class=\"panel__h3\">Nuancier Lumina : Finition brillante, satin\u00e9e ou mate<\/h3>\r\n          <p class=\"panel__intro\">Le nuancier Lumina propose <strong>110 coloris RAL<\/strong> en finition brillante, satin\u00e9e ou mate, sur <strong>l'ensemble de nos produits certifi\u00e9s A2P\u2605\u2605\u2605<\/strong>. Les RAL <strong>9016, 9005, 7016, 9010 et 9003<\/strong> sont en stock permanent dans les quatre finitions.<\/p>\r\n        <\/div>\r\n        <div class=\"panel__header-right\">\r\n          <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/NUANCIER-RAL-LUMINA-110-couleurs-au-choix.pdf\" class=\"btn-dl\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\r\n            T\u00e9l\u00e9charger le PDF\r\n          <\/a>\r\n          <div class=\"panel__note\">\u25cf = stock permanent (4 finitions)<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"color-grid\" id=\"grid-lumina\"><\/div>\r\n      <div class=\"nuancier__legend\">\r\n        <div class=\"legend-item\"><div class=\"legend-dot\"><\/div>Disponible brillante, satin\u00e9e ou mate en stock permanent<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RESINA -->\r\n    <div class=\"nuancier__panel\" id=\"panel-resina\">\r\n      <div class=\"panel__header\">\r\n        <div>\r\n          <h3 class=\"panel__h3\">Nuancier Resina : RAL sur bois avec moulures<\/h3>\r\n          <p class=\"panel__intro\">La gamme Resina propose <strong>18 coloris RAL<\/strong> sur surface bois avec moulures ou motifs design, disponible sur <strong>l'ensemble de nos produits<\/strong>.<\/p>\r\n        <\/div>\r\n        <div class=\"panel__header-right\">\r\n          <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/NUANCIER-RESINA-Ral-pour-bois-18-couleurs-au-choix.pdf\" class=\"btn-dl\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\r\n            T\u00e9l\u00e9charger le PDF\r\n          <\/a>\r\n          <div class=\"panel__note\">Autres couleurs sur commande<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"color-grid\" id=\"grid-resina\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- NERVURA -->\r\n    <div class=\"nuancier__panel\" id=\"panel-nervura\">\r\n      <div class=\"panel__header\">\r\n        <div>\r\n          <h3 class=\"panel__h3\">Nuancier Nervura : D\u00e9cor bois avec moulures<\/h3>\r\n          <p class=\"panel__intro\">La gamme Nervura propose <strong>18 d\u00e9cors bois r\u00e9alistes<\/strong> avec moulures ou motifs design sur <strong>l'ensemble de nos produits<\/strong>.<\/p>\r\n        <\/div>\r\n        <div class=\"panel__header-right\">\r\n          <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/NUANCIER-NERVURA-Bois-18-coloris-au-choix-1.pdf\" class=\"btn-dl\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\r\n            T\u00e9l\u00e9charger le PDF\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"wood-grid\" id=\"grid-nervura\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- PATINA -->\r\n    <div class=\"nuancier__panel\" id=\"panel-patina\">\r\n      <div class=\"panel__header\">\r\n        <div>\r\n          <h3 class=\"panel__h3\">Nuancier Patina : Bois lisse d\u00e9cor bois<\/h3>\r\n          <p class=\"panel__intro\">La gamme Patina propose <strong>10 d\u00e9cors bois lisses<\/strong> haut de gamme sur <strong>l'ensemble de nos produits<\/strong>.<\/p>\r\n        <\/div>\r\n        <div class=\"panel__header-right\">\r\n          <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/NUANCIER_PATINA_-_Bois_lisse_10_coloris_au_choix.pdf\" class=\"btn-dl\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\r\n            T\u00e9l\u00e9charger le PDF\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"wood-grid\" id=\"grid-patina\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- METALBOIS -->\r\n    <div class=\"nuancier__panel\" id=\"panel-metalbois\">\r\n      <div class=\"panel__header\">\r\n        <div>\r\n          <h3 class=\"panel__h3\">Nuancier Metalbois : Acier lisse d\u00e9cor bois<\/h3>\r\n          <p class=\"panel__intro\">La gamme Metalbois propose <strong>6 d\u00e9cors bois sur acier lisse<\/strong> disponibles sur <strong>l'ensemble de nos produits<\/strong>.<\/p>\r\n        <\/div>\r\n        <div class=\"panel__header-right\">\r\n          <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/NUANCIER_METALBOIS_-_Acier_lisse_6_coloris_au_choix.pdf\" class=\"btn-dl\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\r\n            T\u00e9l\u00e9charger le PDF\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"wood-grid\" id=\"grid-metalbois\"><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst STOCK4 = ['7016','9003','9005','9010','9016'];\r\n\r\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\r\n\/\/ IMAGES RAL \u2014 Remplacez chaque '' par votre URL d'image\r\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\r\n\r\n\/\/ \u2500\u2500 TEXTURA (70 coloris) \u2500\u2500\r\nconst IMG_TEXTURA = {\r\n  '1001': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1001.png', \/\/ RAL 1001\r\n  '1013': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1013.png', \/\/ RAL 1013\r\n  '1015': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1015.png', \/\/ RAL 1015\r\n  '1018': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1018.png', \/\/ RAL 1018\r\n  '1019': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1019.png', \/\/ RAL 1019\r\n  '1021': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1021.png', \/\/ RAL 1021\r\n  '2001': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-2001.png', \/\/ RAL 2001\r\n  '2009': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-2009.png', \/\/ RAL 2009\r\n  '3000': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3000.png', \/\/ RAL 3000\r\n  '3004': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3004.png', \/\/ RAL 3004\r\n  '3005': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3005.png', \/\/ RAL 3005\r\n  '3009': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3009.png', \/\/ RAL 3009\r\n  '3020': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3020.png', \/\/ RAL 3020\r\n  '5002': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5002.png', \/\/ RAL 5002\r\n  '5003': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5003.png', \/\/ RAL 5003\r\n  '5005': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5005.png', \/\/ RAL 5005\r\n  '5007': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5007.png', \/\/ RAL 5007\r\n  '5010': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/01\/RAL-5010.png', \/\/ RAL 5010\r\n  '5011': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5011.png', \/\/ RAL 5011\r\n  '5012': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5012.png', \/\/ RAL 5012\r\n  '5014': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5014.png', \/\/ RAL 5014\r\n  '5017': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/01\/RAL-5017.png', \/\/ RAL 5017\r\n  '5020': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5020.png', \/\/ RAL 5020\r\n  '5023': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5023.png', \/\/ RAL 5023\r\n  '6005': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6005.png', \/\/ RAL 6005\r\n  '6009': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6009.png', \/\/ RAL 6009\r\n  '6011': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6011.png', \/\/ RAL 6011\r\n  '6019': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6019.png', \/\/ RAL 6019\r\n  '6021': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6021.png', \/\/ RAL 6021\r\n  '7000': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7000.png', \/\/ RAL 7000\r\n  '7001': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7001.png', \/\/ RAL 7001\r\n  '7004': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7004.png', \/\/ RAL 7004\r\n  '7005': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7005.png', \/\/ RAL 7005\r\n  '7006': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7006.png', \/\/ RAL 7006\r\n  '7012': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7012.png', \/\/ RAL 7012\r\n  '7015': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7015.png', \/\/ RAL 7015\r\n  '7016': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/7016.png', \/\/ RAL 7016\r\n  '7021': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7021.png', \/\/ RAL 7021\r\n  '7022': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7022.png', \/\/ RAL 7022\r\n  '7023': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7023.png', \/\/ RAL 7023\r\n  '7030': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7030.png', \/\/ RAL 7030\r\n  '7031': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7031.png', \/\/ RAL 7031\r\n  '7032': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7032.png', \/\/ RAL 7032\r\n  '7035': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7035.png', \/\/ RAL 7035\r\n  '7037': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7037.png', \/\/ RAL 7037\r\n  '7038': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7038.png', \/\/ RAL 7038\r\n  '7039': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7039.png', \/\/ RAL 7039\r\n  '7040': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7040.png', \/\/ RAL 7040\r\n  '7042': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7042.png', \/\/ RAL 7042\r\n  '7047': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/01\/RAL-7047.png', \/\/ RAL 7047\r\n  '8001': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8001.png', \/\/ RAL 8001\r\n  '8002': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8002.png', \/\/ RAL 8002\r\n  '8004': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8004.png', \/\/ RAL 8004\r\n  '8008': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8008.png', \/\/ RAL 8008\r\n  '8012': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8012.png', \/\/ RAL 8012\r\n  '8014': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8014.png', \/\/ RAL 8014\r\n  '8017': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8017.png', \/\/ RAL 8017\r\n  '8019': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8019.png', \/\/ RAL 8019\r\n  '8024': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8024.png', \/\/ RAL 8024\r\n  '8025': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8025.png', \/\/ RAL 8025\r\n  '8028': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8028.png', \/\/ RAL 8028\r\n  '9001': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9001.png', \/\/ RAL 9001\r\n  '9002': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-9002-1.png', \/\/ RAL 9002\r\n  '9003': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-9003-1.png', \/\/ RAL 9003\r\n  '9005': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9005.png', \/\/ RAL 9005\r\n  '9006': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9006.png', \/\/ RAL 9006\r\n  '9007': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9007.png', \/\/ RAL 9007\r\n  '9010': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9010.png', \/\/ RAL 9010\r\n  '9016': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9016.png', \/\/ RAL 9016\r\n};\r\n\r\n\/\/ \u2500\u2500 LUMINA (110 coloris) \u2500\u2500\r\nconst IMG_LUMINA = {\r\n  '1001': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1001.png', \/\/ RAL 1001\r\n  '1011': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1011.png', \/\/ RAL 1011\r\n  '1013': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1013.png', \/\/ RAL 1013\r\n  '1014': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1014.png', \/\/ RAL 1014\r\n  '1015': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1015.png', \/\/ RAL 1015\r\n  '1017': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/1017.png', \/\/ RAL 1017\r\n  '1018': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1018.png', \/\/ RAL 1018\r\n  '1019': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1019.png', \/\/ RAL 1019\r\n  '1021': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1021.png', \/\/ RAL 1021\r\n  '1028': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1028.png', \/\/ RAL 1028\r\n  '1033': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/01\/ral-1033.png', \/\/ RAL 1033\r\n  '1034': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1034.png', \/\/ RAL 1034\r\n  '2001': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-2001.png', \/\/ RAL 2001\r\n  '2004': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/01\/RAL-2004.png', \/\/ RAL 2004\r\n  '2009': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-2009.png', \/\/ RAL 2009\r\n  '3000': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3000.png', \/\/ RAL 3000\r\n  '3002': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3002.png', \/\/ RAL 3002\r\n  '3003': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3003.png', \/\/ RAL 3003\r\n  '3004': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3004.png', \/\/ RAL 3004\r\n  '3005': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3005.png', \/\/ RAL 3005\r\n  '3009': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3009.png', \/\/ RAL 3009\r\n  '3011': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3011.png', \/\/ RAL 3011\r\n  '3020': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3020.png', \/\/ RAL 3020\r\n  '5001': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/01\/RAL-5001.png', \/\/ RAL 5001\r\n  '5002': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5002.png', \/\/ RAL 5002\r\n  '5003': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5003.png', \/\/ RAL 5003\r\n  '5005': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5005.png', \/\/ RAL 5005\r\n  '5007': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5007.png', \/\/ RAL 5007\r\n  '5008': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/01\/RAL-5008-1.png', \/\/ RAL 5008\r\n  '5009': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5009.png', \/\/ RAL 5009\r\n  '5010': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/01\/RAL-5010.png', \/\/ RAL 5010\r\n  '5011': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5011.png', \/\/ RAL 5011\r\n  '5012': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5012.png', \/\/ RAL 5012\r\n  '5013': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5013.png', \/\/ RAL 5013\r\n  '5014': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5014.png', \/\/ RAL 5014\r\n  '5015': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5015.png', \/\/ RAL 5015\r\n  '5017': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/01\/RAL-5017.png', \/\/ RAL 5017\r\n  '5018': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5018.png', \/\/ RAL 5018\r\n  '5019': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5018.png', \/\/ RAL 5019\r\n  '5020': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5020.png', \/\/ RAL 5020\r\n  '5023': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5023.png', \/\/ RAL 5023\r\n  '6004': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6004.png', \/\/ RAL 6004\r\n  '6005': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6005.png', \/\/ RAL 6005\r\n  '6009': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6009.png', \/\/ RAL 6009\r\n  '6011': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6011.png', \/\/ RAL 6011\r\n  '6018': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6018.png', \/\/ RAL 6018\r\n  '6019': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6019.png', \/\/ RAL 6019\r\n  '6021': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6021.png', \/\/ RAL 6021\r\n  '6028': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6028.png', \/\/ RAL 6028\r\n  '6036': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6036.png', \/\/ RAL 6036\r\n  '7000': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7000.png', \/\/ RAL 7000\r\n  '7001': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7001.png', \/\/ RAL 7001\r\n  '7004': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7004.png', \/\/ RAL 7004\r\n  '7005': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7005.png', \/\/ RAL 7005\r\n  '7006': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7006.png', \/\/ RAL 7006\r\n  '7010': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7010.png', \/\/ RAL 7010\r\n  '7012': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7012.png', \/\/ RAL 7012\r\n  '7015': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7015.png', \/\/ RAL 7015\r\n  '7016': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/7016.png', \/\/ RAL 7016\r\n  '7021': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7021.png', \/\/ RAL 7021\r\n  '7022': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7022.png', \/\/ RAL 7022\r\n  '7023': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7023.png', \/\/ RAL 7023\r\n  '7024': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7024.png', \/\/ RAL 7024\r\n  '7030': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7030.png', \/\/ RAL 7030\r\n  '7031': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7031.png', \/\/ RAL 7031\r\n  '7032': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7032.png', \/\/ RAL 7032\r\n  '7035': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7035.png', \/\/ RAL 7035\r\n  '7036': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7036.png', \/\/ RAL 7036\r\n  '7037': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7037.png', \/\/ RAL 7037\r\n  '7038': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7038.png', \/\/ RAL 7038\r\n  '7039': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7039.png', \/\/ RAL 7039\r\n  '7040': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7040.png', \/\/ RAL 7040\r\n  '7042': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7042.png', \/\/ RAL 7042\r\n  '7044': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7044.png', \/\/ RAL 7044\r\n  '7046': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7046.png', \/\/ RAL 7046\r\n  '7047': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/01\/RAL-7047.png', \/\/ RAL 7047\r\n  '7048': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/01\/RAL-7048.png', \/\/ RAL 7048\r\n  '8001': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8001.png', \/\/ RAL 8001\r\n  '8002': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8002.png', \/\/ RAL 8002\r\n  '8003': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8003.png', \/\/ RAL 8003\r\n  '8004': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8004.png', \/\/ RAL 8004\r\n  '8007': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8007.png', \/\/ RAL 8007\r\n  '8008': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8008.png', \/\/ RAL 8008\r\n  '8012': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8012.png', \/\/ RAL 8012\r\n  '8014': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8014.png', \/\/ RAL 8014\r\n  '8015': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8015.png', \/\/ RAL 8015\r\n  '8016': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8016.png', \/\/ RAL 8016\r\n  '8017': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8017.png', \/\/ RAL 8017\r\n  '8019': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8019.png', \/\/ RAL 8019\r\n  '8022': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8022.png', \/\/ RAL 8022\r\n  '8024': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8024.png', \/\/ RAL 8024\r\n  '8025': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8025.png', \/\/ RAL 8025\r\n  '8028': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8028.png', \/\/ RAL 8028\r\n  '8029': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8029.png', \/\/ RAL 8029\r\n  '9001': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9001.png', \/\/ RAL 9001\r\n  '9002': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-9002-1.png', \/\/ RAL 9002\r\n  '9003': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-9003-1.png', \/\/ RAL 9003\r\n  '9004': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9004.png', \/\/ RAL 9004\r\n  '9005': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9005.png', \/\/ RAL 9005\r\n  '9006': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9006.png', \/\/ RAL 9006\r\n  '9007': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9007.png', \/\/ RAL 9007\r\n  '9010': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9010.png', \/\/ RAL 9010\r\n  '9016': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9016.png', \/\/ RAL 9016\r\n  '9022': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9022.png', \/\/ RAL 9022\r\n  '9023': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9023.png', \/\/ RAL 9023\r\n};\r\n\r\n\/\/ \u2500\u2500 RESINA (18 coloris) \u2500\u2500\r\nconst IMG_RESINA = {\r\n  '1013': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1013.png', \/\/ RAL 1013\r\n  '1019': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/ral-1019.png', \/\/ RAL 1019\r\n  '3005': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-3005.png', \/\/ RAL 3005\r\n  '5007': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5007.png', \/\/ RAL 5007\r\n  '5011': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-5011.png', \/\/ RAL 5011\r\n  '6005': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6005.png', \/\/ RAL 6005\r\n  '6009': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6009.png', \/\/ RAL 6009\r\n  '6021': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-6021.png', \/\/ RAL 6021\r\n  '7004': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7004.png', \/\/ RAL 7004\r\n  '7005': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7005.png', \/\/ RAL 7005\r\n  '7012': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7012.png', \/\/ RAL 7012\r\n  '7030': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7030.png', \/\/ RAL 7030\r\n  '7035': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7035.png', \/\/ RAL 7035\r\n  '7038': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/RAL-7038.png', \/\/ RAL 7038\r\n  '8017': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-8017.png', \/\/ RAL 8017\r\n  '9001': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9001.png', \/\/ RAL 9001\r\n  '9010': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9010.png', \/\/ RAL 9010\r\n  '9016': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/RAL-9016.png', \/\/ RAL 9016\r\n};\r\n\r\n\/\/ \u2500\u2500 NERVURA (18 d\u00e9cors bois) \u2500\u2500\r\nconst IMG_NERVURA = {\r\n  'chene_clair': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/CHENE-CLAIR.png', \/\/ Ch\u00eane Clair\r\n  'douglass_brun': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/DOUGLASS-BRUN.png', \/\/ Douglass Brun\r\n  'teck': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/TECK.png', \/\/ Teck\r\n  'sapelli': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/SAPELLI.png', \/\/ Sapelli\r\n  'corten': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/CORTEN.png', \/\/ Corten\r\n  'acajou_fonce': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/ACAJOU-FONCE.png', \/\/ Acajou Fonc\u00e9\r\n  'acajou_clair': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/ACAJOU-CLAIR.png', \/\/ Acajou Clair\r\n  'palissandre': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/PALISSANDRE.png', \/\/ Palissandre\r\n  'chene_fonce': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/CHENE-FONCE.png', \/\/ Ch\u00eane Fonc\u00e9\r\n  'chene_blanc': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/CHENE-BLANC.png', \/\/ Ch\u00eane Blanc\r\n  'chene_gris': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/CHENE-GRIS.png', \/\/ Ch\u00eane Gris\r\n  'chene_rustique': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/CHENE-RUSTIQUE.png', \/\/ Ch\u00eane Rustique\r\n  'chene_antique': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/CHENE-ANTIQUE.png', \/\/ Ch\u00eane Antique\r\n  'chene_cendre': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/CHENE-CENDRE.png', \/\/ Ch\u00eane Cendr\u00e9\r\n  'platane_brun': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/PLATANE-BRUN.png', \/\/ Platane Brun\r\n  'wenge_fonce': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/WENGE-FONCE.png', \/\/ Weng\u00e9 Fonc\u00e9\r\n  'wenge_brun': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/WENGE-BRUN.png', \/\/ Weng\u00e9 Brun\r\n  'wenge_cobalt': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/WENGE-COBALT.png', \/\/ Weng\u00e9 Cobalt\r\n};\r\n\r\n\/\/ \u2500\u2500 PATINA (10 d\u00e9cors bois) \u2500\u2500\r\nconst IMG_PATINA = {\r\n  'hetre_naturel': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/HETRE-NATUREL-patina-scaled.png', \/\/ H\u00eatre Naturel\r\n  'chene_naturel': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/CHENE-NATUREL-patina-scaled.png', \/\/ Ch\u00eane Naturel\r\n  'noyer_naturel': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/NOYER-NATUREL-patina-scaled.png', \/\/ Noyer Naturel\r\n  'douglass_moyen': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/DOUGLASS-MOYEN-patina-scaled.png', \/\/ Douglass Moyen\r\n  'chene_moyen': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/02-6.png', \/\/ Ch\u00eane Moyen\r\n  'acajou_clair': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/ACAJOU-CLAIR-patina-scaled.png', \/\/ Acajou Clair\r\n  'palissandre_fonce': '', \/\/ Palissandre Fonc\u00e9\r\n  'acajou_fonce': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/ACAJOU-FONCE-patina-scaled.png', \/\/ Acajou Fonc\u00e9\r\n  'chene_fonce': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/CHENE-FONCE-patina-scaled.png', \/\/ Ch\u00eane Fonc\u00e9\r\n  'wenge_nervure': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/WENGE-NERVURE-patina.png', \/\/ Weng\u00e9 Nervur\u00e9\r\n};\r\n\r\n\/\/ \u2500\u2500 METALBOIS (6 d\u00e9cors) \u2500\u2500\r\nconst IMG_METALBOIS = {\r\n  'chene_clair': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/09\/01-6.png', \/\/ Ch\u00eane Clair\r\n  'chene_moyen': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/CHENE-MOYEN-patina-scaled.png', \/\/ Ch\u00eane Moyen\r\n  'chene_fonce': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/02\/02-6.png', \/\/ Ch\u00eane Fonc\u00e9\r\n  'palissandre': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/PALISSANDRE.png', \/\/ Palissandre\r\n  'acajou_clair': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/ACAJOU-CLAIR.png', \/\/ Acajou Clair\r\n  'acajou_fonce': 'https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/ACAJOU-FONCE.png', \/\/ Acajou Fonc\u00e9\r\n};\r\n\r\nconst TEXTURA = ['1001','1013','1015','1018','1019','1021','2001','2009','3000','3004','3005','3009','3020','5002','5003','5005','5007','5010','5011','5012','5014','5017','5020','5023','6005','6009','6011','6019','6021','7000','7001','7004','7005','7006','7012','7015','7016','7021','7022','7023','7030','7031','7032','7035','7037','7038','7039','7040','7042','7047','8001','8002','8004','8008','8012','8014','8017','8019','8024','8025','8028','9001','9002','9003','9005','9006','9007','9010','9016'];\r\n\r\nconst LUMINA = ['1001','1011','1013','1014','1015','1017','1018','1019','1021','1028','1033','1034','2001','2004','2009','3000','3002','3003','3004','3005','3009','3011','3020','5001','5002','5003','5005','5007','5008','5009','5010','5011','5012','5013','5014','5015','5017','5018','5019','5020','5023','6004','6005','6009','6011','6018','6019','6021','6028','6036','7000','7001','7004','7005','7006','7010','7012','7015','7016','7021','7022','7023','7024','7030','7031','7032','7035','7036','7037','7038','7039','7040','7042','7044','7046','7047','7048','8001','8002','8003','8004','8007','8008','8012','8014','8015','8016','8017','8019','8022','8024','8025','8028','8029','9001','9002','9003','9004','9005','9006','9007','9010','9016','9022','9023'];\r\n\r\nconst RESINA = ['1013','1019','3005','5007','5011','6005','6009','6021','7004','7005','7012','7030','7035','7038','8017','9001','9010','9016'];\r\n\r\nconst NERVURA = [\r\n  {name:'Ch\u00eane Clair',ap:'RAL 1001'},{name:'Douglass Brun',ap:'RAL 8008'},{name:'Teck',ap:'RAL 8001'},\r\n  {name:'Sapelli',ap:'RAL 8012'},{name:'Corten',ap:'RAL 8012'},{name:'Acajou Fonc\u00e9',ap:'RAL 3009'},\r\n  {name:'Acajou Clair',ap:'RAL 8008'},{name:'Palissandre',ap:'RAL 8008'},{name:'Ch\u00eane Fonc\u00e9',ap:'RAL 8008'},\r\n  {name:'Ch\u00eane Blanc',ap:'RAL 7035'},{name:'Ch\u00eane Gris',ap:'RAL 7001'},{name:'Ch\u00eane Rustique',ap:'RAL 7038'},\r\n  {name:'Ch\u00eane Antique',ap:'RAL 7006'},{name:'Ch\u00eane Cendr\u00e9',ap:'RAL 7000'},{name:'Platane Brun',ap:'RAL 7012'},\r\n  {name:'Weng\u00e9 Fonc\u00e9',ap:'RAL 8019'},{name:'Weng\u00e9 Brun',ap:'RAL 8019'},{name:'Weng\u00e9 Cobalt',ap:'RAL 7016'}\r\n];\r\n\r\nconst PATINA = [\r\n  {name:'H\u00eatre Naturel',ap:'RAL 1001'},{name:'Ch\u00eane Naturel',ap:'RAL 1001'},{name:'Noyer Naturel',ap:'RAL 8025'},\r\n  {name:'Douglass Moyen',ap:'RAL 8024'},{name:'Ch\u00eane Moyen',ap:'RAL 8024'},{name:'Acajou Clair',ap:'RAL 8002'},\r\n  {name:'Palissandre Fonc\u00e9',ap:'RAL 8028'},{name:'Acajou Fonc\u00e9',ap:'RAL 3009'},{name:'Ch\u00eane Fonc\u00e9',ap:'RAL 8028'},\r\n  {name:'Weng\u00e9 Nervur\u00e9',ap:'RAL 8019'}\r\n];\r\n\r\nconst METALBOIS = [\r\n  {name:'Ch\u00eane Clair',ap:'RAL 1001'},{name:'Ch\u00eane Moyen',ap:'RAL 8024'},\r\n  {name:'Ch\u00eane Fonc\u00e9',ap:'RAL 8028'},{name:'Palissandre',ap:'RAL 8028'},\r\n  {name:'Acajou Clair',ap:'RAL 8004'},{name:'Acajou Fonc\u00e9',ap:'RAL 3009'}\r\n];\r\n\r\nfunction buildColorGrid(id, list, imgMap) {\r\n  const el = document.getElementById(id);\r\n  if (!el) return;\r\n  el.innerHTML = list.map(code => {\r\n    const stock = STOCK4.includes(code);\r\n    const src = (imgMap && imgMap[code]) ? imgMap[code] : '';\r\n    return `<div class=\"swatch${stock ? ' swatch--stock' : ''}\">\r\n      <div class=\"swatch__img\">\r\n        <img decoding=\"async\" src=\"${src}\" alt=\"RAL ${code} Valente Securystar\" loading=\"lazy\"\r\n             onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n        <div class=\"swatch__ph\" style=\"display:none\"><div class=\"swatch__ph-inner\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"swatch__label\">\r\n        <div class=\"swatch__code${stock ? ' swatch__code--stock' : ''}\">${code}<\/div>\r\n        <div class=\"swatch__sub\">RAL<\/div>\r\n      <\/div>\r\n    <\/div>`;\r\n  }).join('');\r\n}\r\n\r\nfunction buildWoodGrid(id, items, imgMap) {\r\n  const el = document.getElementById(id);\r\n  if (!el) return;\r\n  el.innerHTML = items.map(item => {\r\n    const key = item.name.toLowerCase().replace(\/ \/g,'_').replace(\/[\u00ea\u00e9]\/g,'e').replace(\/\u00e2\/g,'a');\r\n    const src = (imgMap && imgMap[key]) ? imgMap[key] : '';\r\n    return `<div class=\"wood-swatch\">\r\n      <div class=\"wood-swatch__img\">\r\n        <img decoding=\"async\" src=\"${src}\" alt=\"${item.name} Valente Securystar\" loading=\"lazy\"\r\n             onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n        <div class=\"wood-ph\" style=\"display:none\">\r\n          <div class=\"wood-ph__name\">${item.name}<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"wood-swatch__body\">\r\n        <div class=\"wood-swatch__name\">${item.name}<\/div>\r\n        <div class=\"wood-swatch__ap\">Anti-pinces ${item.ap}<\/div>\r\n      <\/div>\r\n    <\/div>`;\r\n  }).join('');\r\n}\r\n\r\nfunction switchTab(id, btn) {\r\n  document.querySelectorAll('.nuancier__tab').forEach(b => b.classList.remove('active'));\r\n  document.querySelectorAll('.nuancier__panel').forEach(p => p.classList.remove('active'));\r\n  btn.classList.add('active');\r\n  document.getElementById('panel-' + id).classList.add('active');\r\n}\r\n\r\nbuildColorGrid('grid-textura', TEXTURA, IMG_TEXTURA);\r\nbuildColorGrid('grid-lumina', LUMINA, IMG_LUMINA);\r\nbuildColorGrid('grid-resina', RESINA, IMG_RESINA);\r\nbuildWoodGrid('grid-nervura', NERVURA, IMG_NERVURA);\r\nbuildWoodGrid('grid-patina', PATINA, IMG_PATINA);\r\nbuildWoodGrid('grid-metalbois', METALBOIS, IMG_METALBOIS);\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee56b90 e-flex e-con-boxed e-con e-parent\" data-id=\"ee56b90\" 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-e3d40f6 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"e3d40f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Guide couleur \u2014 Valente Securystar<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Exo:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,800&display=swap\" rel=\"stylesheet\">\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\"@type\":\"Question\",\"name\":\"Comment choisir la couleur de ses produits Valente Securystar en copropri\u00e9t\u00e9 ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"En copropri\u00e9t\u00e9, la couleur c\u00f4t\u00e9 palier est souvent impos\u00e9e par le r\u00e8glement de copropri\u00e9t\u00e9. Valente Securystar propose une solution bi-coloration : une couleur impos\u00e9e c\u00f4t\u00e9 palier et la couleur de votre choix c\u00f4t\u00e9 int\u00e9rieur, parmi 110+ coloris RAL. V\u00e9rifiez votre r\u00e8glement aupr\u00e8s de votre syndic avant de commander.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"Puis-je avoir une bi-coloration sur mes produits Valente Securystar ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui. La bi-coloration permet de choisir un coloris RAL diff\u00e9rent sur chaque face de vos produits Valente Securystar. Par exemple, RAL 9016 Blanc c\u00f4t\u00e9 palier impos\u00e9 par la copropri\u00e9t\u00e9, et RAL 7016 Gris anthracite c\u00f4t\u00e9 int\u00e9rieur selon vos go\u00fbts.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"Quelle est la diff\u00e9rence entre finition fine texture et finition brillante ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"La finition fine texture offre une surface l\u00e9g\u00e8rement granuleuse, contemporaine et anti-traces. La finition brillante donne un aspect laqu\u00e9 haut de gamme tr\u00e8s lumineux. Le satin\u00e9 et le mat sont des options interm\u00e9diaires. Toutes disponibles dans les m\u00eames coloris RAL sur l'ensemble de nos produits certifi\u00e9s A2P.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"Quelles sont les couleurs tendance en 2026 ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"En 2026, les coloris les plus demand\u00e9s sont le RAL 7016 Gris anthracite, le RAL 9005 Noir fonc\u00e9, le RAL 9016 Blanc signalisation et le RAL 3005 Rouge lie de vin. Les d\u00e9cors bois comme le Ch\u00eane Clair et le Weng\u00e9 Cobalt sont \u00e9galement tr\u00e8s pris\u00e9s.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"D\u00e9cor bois ou couleur unie : comment choisir ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Choisissez une couleur unie RAL pour une int\u00e9gration sobre et contemporaine. Optez pour un d\u00e9cor bois si vous recherchez un aspect chaleureux et naturel. Les deux options sont certifi\u00e9es A2P sur l'ensemble de nos produits.\"}}\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<style>\r\nhtml, body { box-sizing: border-box; margin: 0; padding: 0; overflow-x: hidden; }\r\n*, *::before, *::after { box-sizing: inherit; }\r\nbody { font-family: 'Exo', sans-serif; background: #F7F7F7; -webkit-font-smoothing: antialiased; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.guide {\r\n  background: #F7F7F7;\r\n  padding: clamp(3rem, 6vw, 6rem) clamp(1.25rem, 5vw, 5rem);\r\n  width: 100%;\r\n}\r\n\r\n.guide__inner {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500 En-t\u00eate \u2500\u2500 *\/\r\n.guide__header {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  gap: 2rem;\r\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\r\n  flex-wrap: wrap;\r\n  width: 100%;\r\n}\r\n\r\n.guide__eyebrow {\r\n  display: flex; align-items: center; gap: 12px; margin-bottom: 16px;\r\n}\r\n.guide__eyebrow-line { width: 28px; height: 2px; background: #E8420A; flex-shrink: 0; }\r\n.guide__eyebrow-text {\r\n  font-size: 10px; font-weight: 800;\r\n  letter-spacing: .22em; text-transform: uppercase; color: #E8420A;\r\n}\r\n\r\n.guide__h2 {\r\n  font-size: clamp(1.4rem, 2.6vw, 2.2rem);\r\n  font-weight: 900; line-height: 1.1; letter-spacing: -.025em;\r\n  color: #0A0A0A; margin-bottom: .75rem;\r\n  word-break: break-word;\r\n}\r\n.guide__h2 em { font-style: normal; color: #E8420A; }\r\n\r\n.guide__sub {\r\n  font-size: .88rem; color: #6A6A75; line-height: 1.65;\r\n  max-width: 480px; word-break: break-word;\r\n}\r\n\r\n.guide__count {\r\n  display: flex; align-items: center; gap: 8px;\r\n  flex-shrink: 0;\r\n}\r\n.guide__count-num {\r\n  font-size: clamp(2rem, 3vw, 2.8rem); font-weight: 900;\r\n  letter-spacing: -.04em; color: #0A0A0A; line-height: 1;\r\n}\r\n.guide__count-num span { color: #E8420A; }\r\n.guide__count-label {\r\n  font-size: .65rem; font-weight: 700;\r\n  letter-spacing: .1em; text-transform: uppercase;\r\n  color: #ABABB5; line-height: 1.4;\r\n}\r\n\r\n\/* \u2500\u2500 Accord\u00e9on \u2500\u2500 *\/\r\n.accordion {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  width: 100%;\r\n}\r\n\r\n.accordion__item {\r\n  background: #fff;\r\n  border: 1px solid rgba(10,10,10,.07);\r\n  border-radius: 3px;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  transition: border-color .2s;\r\n}\r\n.accordion__item.open { border-color: rgba(232,66,10,.25); }\r\n\r\n\/* Bouton *\/\r\n.accordion__btn {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 20px 20px;\r\n  cursor: pointer;\r\n  background: transparent !important;\r\n  border: none !important;\r\n  border-radius: 0 !important;\r\n  -webkit-appearance: none !important;\r\n  appearance: none !important;\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n  text-align: left;\r\n  touch-action: manipulation;\r\n  \/* Emp\u00eache le d\u00e9bordement *\/\r\n  min-width: 0;\r\n  overflow: hidden;\r\n}\r\n.accordion__btn:hover,\r\n.accordion__btn:focus,\r\n.accordion__btn:active { background: #FAFAFA !important; }\r\n.accordion__item.open .accordion__btn { background: #FAFAFA !important; }\r\n\r\n.accordion__btn-left {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 14px;\r\n  flex: 1;\r\n  min-width: 0; \/* CLEF \u2014 emp\u00eache le d\u00e9bordement *\/\r\n  overflow: hidden;\r\n}\r\n\r\n.accordion__num {\r\n  font-size: 10px; font-weight: 800;\r\n  letter-spacing: .1em; color: #E8420A;\r\n  flex-shrink: 0;\r\n  padding-top: 3px;\r\n}\r\n\r\n.accordion__question {\r\n  font-size: clamp(.82rem, 1.5vw, .95rem);\r\n  font-weight: 800;\r\n  color: #0A0A0A;\r\n  line-height: 1.35;\r\n  \/* CLEF \u2014 retour \u00e0 la ligne forc\u00e9 *\/\r\n  word-break: break-word;\r\n  overflow-wrap: anywhere;\r\n  white-space: normal;\r\n  min-width: 0;\r\n  flex: 1;\r\n}\r\n.accordion__item.open .accordion__question { color: #E8420A; }\r\n\r\n.accordion__icon {\r\n  width: 28px; height: 28px;\r\n  border-radius: 50%;\r\n  border: 1.5px solid rgba(10,10,10,.15);\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: background .2s, border-color .2s, transform .3s;\r\n}\r\n.accordion__icon svg {\r\n  width: 11px; height: 11px;\r\n  stroke: #0A0A0A; fill: none; stroke-width: 2.5; stroke-linecap: round;\r\n  transition: stroke .2s;\r\n}\r\n.accordion__item.open .accordion__icon {\r\n  background: #E8420A; border-color: #E8420A; transform: rotate(45deg);\r\n}\r\n.accordion__item.open .accordion__icon svg { stroke: #fff; }\r\n\r\n\/* Corps r\u00e9ponse *\/\r\n.accordion__body {\r\n  display: none;\r\n  padding: 0 20px 20px 44px;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  width: 100%;\r\n}\r\n.accordion__item.open .accordion__body { display: block; }\r\n\r\n.accordion__divider {\r\n  height: 1px;\r\n  background: linear-gradient(90deg, #E8420A 0%, transparent 70%);\r\n  margin-bottom: 16px;\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform .4s cubic-bezier(.16,1,.3,1);\r\n}\r\n.accordion__item.open .accordion__divider { transform: scaleX(1); }\r\n\r\n.accordion__answer {\r\n  font-size: clamp(.82rem, 1.4vw, .9rem);\r\n  color: #52525A; line-height: 1.75;\r\n  word-break: break-word;\r\n  overflow-wrap: anywhere;\r\n  white-space: normal;\r\n  width: 100%;\r\n}\r\n.accordion__answer strong { font-weight: 700; color: #0A0A0A; }\r\n\r\n.accordion__tag {\r\n  display: inline-block;\r\n  margin-top: 12px;\r\n  font-size: 8.5px; font-weight: 800;\r\n  letter-spacing: .14em; text-transform: uppercase;\r\n  color: #E8420A;\r\n  background: rgba(232,66,10,.08);\r\n  padding: 4px 10px; border-radius: 2px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 768px) {\r\n  .guide__header { flex-direction: column; align-items: flex-start; gap: 1rem; }\r\n  .guide__count { align-self: flex-start; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .guide { padding: 2.5rem 1rem; }\r\n  .guide__h2 { font-size: 1.3rem; }\r\n  .accordion__btn { padding: 16px 14px; gap: 10px; }\r\n  .accordion__body { padding: 0 14px 16px 38px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"guide\" aria-labelledby=\"guide-h2\">\r\n  <div class=\"guide__inner\">\r\n\r\n    <!-- En-t\u00eate -->\r\n    <div class=\"guide__header\">\r\n      <div>\r\n        <div class=\"guide__eyebrow\">\r\n          <div class=\"guide__eyebrow-line\"><\/div>\r\n          <span class=\"guide__eyebrow-text\">Guide pratique<\/span>\r\n        <\/div>\r\n        <h2 class=\"guide__h2\" id=\"guide-h2\">\r\n          Comment choisir<br>la couleur de <em>vos produits ?<\/em>\r\n        <\/h2>\r\n        <p class=\"guide__sub\">\r\n          Copropri\u00e9t\u00e9, maison individuelle, finition brillante ou d\u00e9cor bois,\r\n          toutes les r\u00e9ponses pour faire le bon choix parmi 110&nbsp;+ coloris RAL\r\n          et 6 gammes de finitions.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"guide__count\">\r\n        <div class=\"guide__count-num\">5<span><\/span><\/div>\r\n        <div class=\"guide__count-label\">Questions<br>essentielles<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Accord\u00e9on -->\r\n    <div class=\"accordion\">\r\n\r\n      <div class=\"accordion__item open\" id=\"acc-1\">\r\n        <button class=\"accordion__btn\" onclick=\"toggleAcc('acc-1')\" aria-expanded=\"true\">\r\n          <div class=\"accordion__btn-left\">\r\n            <span class=\"accordion__num\">01<\/span>\r\n            <span class=\"accordion__question\">Comment choisir la couleur de ses produits en copropri\u00e9t\u00e9 ?<\/span>\r\n          <\/div>\r\n          <div class=\"accordion__icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/button>\r\n        <div class=\"accordion__body\">\r\n          <div class=\"accordion__divider\"><\/div>\r\n          <p class=\"accordion__answer\">En copropri\u00e9t\u00e9, la couleur c\u00f4t\u00e9 palier est souvent impos\u00e9e par le r\u00e8glement de copropri\u00e9t\u00e9. Valente Securystar propose une solution <strong>bi-coloration<\/strong> : une couleur impos\u00e9e c\u00f4t\u00e9 palier et <strong>la couleur de votre choix c\u00f4t\u00e9 int\u00e9rieur<\/strong>, parmi 110&nbsp;+ coloris RAL. V\u00e9rifiez votre r\u00e8glement aupr\u00e8s de votre syndic avant de commander.<\/p>\r\n          <span class=\"accordion__tag\">Copropri\u00e9t\u00e9<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"accordion__item\" id=\"acc-2\">\r\n        <button class=\"accordion__btn\" onclick=\"toggleAcc('acc-2')\" aria-expanded=\"false\">\r\n          <div class=\"accordion__btn-left\">\r\n            <span class=\"accordion__num\">02<\/span>\r\n            <span class=\"accordion__question\">Puis-je avoir une bi-coloration sur mes produits ?<\/span>\r\n          <\/div>\r\n          <div class=\"accordion__icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/button>\r\n        <div class=\"accordion__body\">\r\n          <div class=\"accordion__divider\"><\/div>\r\n          <p class=\"accordion__answer\">Oui. La bi-coloration permet de choisir un <strong>coloris RAL diff\u00e9rent sur chaque face<\/strong> de vos produits Valente Securystar. Par exemple, RAL&nbsp;9016 Blanc c\u00f4t\u00e9 palier impos\u00e9 par la copropri\u00e9t\u00e9, et RAL&nbsp;7016 Gris anthracite c\u00f4t\u00e9 int\u00e9rieur selon vos go\u00fbts. Disponible sur <strong>l'ensemble de nos gammes<\/strong>.<\/p>\r\n          <span class=\"accordion__tag\">Personnalisation<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"accordion__item\" id=\"acc-3\">\r\n        <button class=\"accordion__btn\" onclick=\"toggleAcc('acc-3')\" aria-expanded=\"false\">\r\n          <div class=\"accordion__btn-left\">\r\n            <span class=\"accordion__num\">03<\/span>\r\n            <span class=\"accordion__question\">Quelle diff\u00e9rence entre finition fine texture et finition brillante ?<\/span>\r\n          <\/div>\r\n          <div class=\"accordion__icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/button>\r\n        <div class=\"accordion__body\">\r\n          <div class=\"accordion__divider\"><\/div>\r\n          <p class=\"accordion__answer\">La <strong>finition fine texture<\/strong> (gamme Textura) offre une surface l\u00e9g\u00e8rement granuleuse, contemporaine et anti-traces, id\u00e9ale pour un usage intensif. La <strong>finition brillante<\/strong> (gamme Lumina) donne un aspect laqu\u00e9 haut de gamme tr\u00e8s lumineux. Le satin\u00e9 et le mat sont des options interm\u00e9diaires. Toutes disponibles dans les m\u00eames coloris RAL sur nos produits certifi\u00e9s <strong>A2P\u2605\u2605\u2605<\/strong>.<\/p>\r\n          <span class=\"accordion__tag\">Finitions<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"accordion__item\" id=\"acc-4\">\r\n        <button class=\"accordion__btn\" onclick=\"toggleAcc('acc-4')\" aria-expanded=\"false\">\r\n          <div class=\"accordion__btn-left\">\r\n            <span class=\"accordion__num\">04<\/span>\r\n            <span class=\"accordion__question\">Quelles sont les couleurs tendance en 2026 ?<\/span>\r\n          <\/div>\r\n          <div class=\"accordion__icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/button>\r\n        <div class=\"accordion__body\">\r\n          <div class=\"accordion__divider\"><\/div>\r\n          <p class=\"accordion__answer\">En 2026, les coloris les plus demand\u00e9s sur nos produits sont le <strong>RAL&nbsp;7016<\/strong> Gris anthracite, le <strong>RAL&nbsp;9005<\/strong> Noir fonc\u00e9, le <strong>RAL&nbsp;9016<\/strong> Blanc signalisation et le <strong>RAL&nbsp;3005<\/strong> Rouge lie de vin. Les d\u00e9cors bois comme le Ch\u00eane Clair et le Weng\u00e9 Cobalt sont \u00e9galement tr\u00e8s pris\u00e9s pour leur aspect naturel et contemporain.<\/p>\r\n          <span class=\"accordion__tag\">Tendances<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"accordion__item\" id=\"acc-5\">\r\n        <button class=\"accordion__btn\" onclick=\"toggleAcc('acc-5')\" aria-expanded=\"false\">\r\n          <div class=\"accordion__btn-left\">\r\n            <span class=\"accordion__num\">05<\/span>\r\n            <span class=\"accordion__question\">D\u00e9cor bois ou couleur unie : comment choisir ?<\/span>\r\n          <\/div>\r\n          <div class=\"accordion__icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\r\n        <\/button>\r\n        <div class=\"accordion__body\">\r\n          <div class=\"accordion__divider\"><\/div>\r\n          <p class=\"accordion__answer\">Choisissez une <strong>couleur unie RAL<\/strong> pour une int\u00e9gration sobre et contemporaine, ou si votre r\u00e8glement de copropri\u00e9t\u00e9 impose un coloris pr\u00e9cis. Optez pour un <strong>d\u00e9cor bois<\/strong> (gammes Nervura, Patina ou Metalbois) si vous recherchez un aspect chaleureux et naturel. Les deux options sont <strong>certifi\u00e9es A2P\u2605\u2605\u2605<\/strong> sur l'ensemble de nos produits.<\/p>\r\n          <span class=\"accordion__tag\">D\u00e9cor bois<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction toggleAcc(id) {\r\n  const item = document.getElementById(id);\r\n  const isOpen = item.classList.contains('open');\r\n  document.querySelectorAll('.accordion__item').forEach(el => {\r\n    el.classList.remove('open');\r\n    el.querySelector('.accordion__btn').setAttribute('aria-expanded', 'false');\r\n  });\r\n  if (!isOpen) {\r\n    item.classList.add('open');\r\n    item.querySelector('.accordion__btn').setAttribute('aria-expanded', 'true');\r\n  }\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Hero Nuancier \u2014 Valente Securystar Personnalisation couleur La couleur que vous imaginez, avec la s\u00e9curit\u00e9 que vous m\u00e9ritez. Seul fabricant certifi\u00e9 A2P\u2605\u2605\u2605 \u00e0 proposer 110&nbsp;+ coloris RAL dans 4 finitions distinctes et 4 gammes de d\u00e9cors bois, sur l&#8217;ensemble de nos produits, pour une int\u00e9gration parfaite \u00e0 chaque int\u00e9rieur. Voir le nuancier Textura 70 coloris [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8506","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nuancier RAL idi - Valente Securystar<\/title>\n<meta name=\"description\" content=\"La plus haute certification d&#039;Europe. Portes blind\u00e9es Serrures Cylindres et cl\u00e9s Menuiserie acier Contr\u00f4le d&#039;acc\u00e8s \u00e9lectromagn\u00e9tique\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.valentesecurystar.com\/index.php\/nuancier-ral-idi\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nuancier RAL idi - Valente Securystar\" \/>\n<meta property=\"og:description\" content=\"La plus haute certification d&#039;Europe. Portes blind\u00e9es Serrures Cylindres et cl\u00e9s Menuiserie acier Contr\u00f4le d&#039;acc\u00e8s \u00e9lectromagn\u00e9tique\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.valentesecurystar.com\/index.php\/nuancier-ral-idi\/\" \/>\n<meta property=\"og:site_name\" content=\"Valente Securystar\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ValenteSecurystar\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-01T11:48:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/05\/rucheLOGO.png?fit=1703%2C1662&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1703\" \/>\n\t<meta property=\"og:image:height\" content=\"1662\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"74 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/index.php\\\/nuancier-ral-idi\\\/\",\"url\":\"https:\\\/\\\/www.valentesecurystar.com\\\/index.php\\\/nuancier-ral-idi\\\/\",\"name\":\"Nuancier RAL idi - Valente Securystar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/#website\"},\"datePublished\":\"2026-05-12T08:47:57+00:00\",\"dateModified\":\"2026-06-01T11:48:51+00:00\",\"description\":\"La plus haute certification d'Europe. Portes blind\u00e9es Serrures Cylindres et cl\u00e9s Menuiserie acier Contr\u00f4le d'acc\u00e8s \u00e9lectromagn\u00e9tique\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/index.php\\\/nuancier-ral-idi\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.valentesecurystar.com\\\/index.php\\\/nuancier-ral-idi\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/index.php\\\/nuancier-ral-idi\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.valentesecurystar.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nuancier RAL idi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/#website\",\"url\":\"https:\\\/\\\/www.valentesecurystar.com\\\/\",\"name\":\"Securystar\",\"description\":\"Invent\u00e9e pour prot\u00e9ger\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.valentesecurystar.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/#organization\",\"name\":\"Valente Securystar\",\"url\":\"https:\\\/\\\/www.valentesecurystar.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.valentesecurystar.com\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Triangle-logo-VALENTE-SECURYSTAR-customise.png\",\"contentUrl\":\"https:\\\/\\\/www.valentesecurystar.com\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Triangle-logo-VALENTE-SECURYSTAR-customise.png\",\"width\":395,\"height\":379,\"caption\":\"Valente Securystar\"},\"image\":{\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ValenteSecurystar\",\"https:\\\/\\\/www.instagram.com\\\/valente_securite\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/securystar\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC_Q5XzLaGfWe65BLjIpAwuw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nuancier RAL idi - Valente Securystar","description":"La plus haute certification d'Europe. Portes blind\u00e9es Serrures Cylindres et cl\u00e9s Menuiserie acier Contr\u00f4le d'acc\u00e8s \u00e9lectromagn\u00e9tique","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.valentesecurystar.com\/index.php\/nuancier-ral-idi\/","og_locale":"fr_FR","og_type":"article","og_title":"Nuancier RAL idi - Valente Securystar","og_description":"La plus haute certification d'Europe. Portes blind\u00e9es Serrures Cylindres et cl\u00e9s Menuiserie acier Contr\u00f4le d'acc\u00e8s \u00e9lectromagn\u00e9tique","og_url":"https:\/\/www.valentesecurystar.com\/index.php\/nuancier-ral-idi\/","og_site_name":"Valente Securystar","article_publisher":"https:\/\/www.facebook.com\/ValenteSecurystar","article_modified_time":"2026-06-01T11:48:51+00:00","og_image":[{"width":1703,"height":1662,"url":"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2021\/05\/rucheLOGO.png?fit=1703%2C1662&ssl=1","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"74 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.valentesecurystar.com\/index.php\/nuancier-ral-idi\/","url":"https:\/\/www.valentesecurystar.com\/index.php\/nuancier-ral-idi\/","name":"Nuancier RAL idi - Valente Securystar","isPartOf":{"@id":"https:\/\/www.valentesecurystar.com\/#website"},"datePublished":"2026-05-12T08:47:57+00:00","dateModified":"2026-06-01T11:48:51+00:00","description":"La plus haute certification d'Europe. Portes blind\u00e9es Serrures Cylindres et cl\u00e9s Menuiserie acier Contr\u00f4le d'acc\u00e8s \u00e9lectromagn\u00e9tique","breadcrumb":{"@id":"https:\/\/www.valentesecurystar.com\/index.php\/nuancier-ral-idi\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.valentesecurystar.com\/index.php\/nuancier-ral-idi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.valentesecurystar.com\/index.php\/nuancier-ral-idi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.valentesecurystar.com\/"},{"@type":"ListItem","position":2,"name":"Nuancier RAL idi"}]},{"@type":"WebSite","@id":"https:\/\/www.valentesecurystar.com\/#website","url":"https:\/\/www.valentesecurystar.com\/","name":"Securystar","description":"Invent\u00e9e pour prot\u00e9ger","publisher":{"@id":"https:\/\/www.valentesecurystar.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.valentesecurystar.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.valentesecurystar.com\/#organization","name":"Valente Securystar","url":"https:\/\/www.valentesecurystar.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.valentesecurystar.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/08\/Triangle-logo-VALENTE-SECURYSTAR-customise.png","contentUrl":"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2020\/08\/Triangle-logo-VALENTE-SECURYSTAR-customise.png","width":395,"height":379,"caption":"Valente Securystar"},"image":{"@id":"https:\/\/www.valentesecurystar.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ValenteSecurystar","https:\/\/www.instagram.com\/valente_securite\/","https:\/\/www.linkedin.com\/company\/securystar","https:\/\/www.youtube.com\/channel\/UC_Q5XzLaGfWe65BLjIpAwuw"]}]}},"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PcmrIw-2dc","_links":{"self":[{"href":"https:\/\/www.valentesecurystar.com\/index.php\/wp-json\/wp\/v2\/pages\/8506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.valentesecurystar.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.valentesecurystar.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.valentesecurystar.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.valentesecurystar.com\/index.php\/wp-json\/wp\/v2\/comments?post=8506"}],"version-history":[{"count":2,"href":"https:\/\/www.valentesecurystar.com\/index.php\/wp-json\/wp\/v2\/pages\/8506\/revisions"}],"predecessor-version":[{"id":10286,"href":"https:\/\/www.valentesecurystar.com\/index.php\/wp-json\/wp\/v2\/pages\/8506\/revisions\/10286"}],"wp:attachment":[{"href":"https:\/\/www.valentesecurystar.com\/index.php\/wp-json\/wp\/v2\/media?parent=8506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}