{"id":8217,"date":"2026-05-11T12:59:15","date_gmt":"2026-05-11T10:59:15","guid":{"rendered":"https:\/\/www.valentesecurystar.com\/?page_id=8217"},"modified":"2026-06-03T15:30:07","modified_gmt":"2026-06-03T13:30:07","slug":"blocs-portes-multi-usages","status":"publish","type":"page","link":"https:\/\/www.valentesecurystar.com\/index.php\/blocs-portes-multi-usages\/","title":{"rendered":"Blocs-portes multi-usages"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\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
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nBlocs-portes multi-usages acier sur mesure \u2013 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:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --vs-black: #0A0A0A;\r\n --vs-black-soft: #1a1a1a;\r\n --vs-orange: #E94E1B;\r\n --vs-orange-deep: #c43d11;\r\n --vs-white: #ffffff;\r\n --cat-multi: #7d8a3c;\r\n --cat-secours: #c8332e;\r\n --cat-acces: #e67817;\r\n --cat-cave: #6f7378;\r\n --mute-light: rgba(255,255,255,0.75);\r\n --container: 1400px;\r\n --pad-x: clamp(1.25rem, 4vw, 3rem);\r\n }\r\n\r\n * { margin:0; padding:0; box-sizing:border-box; }\r\n html { scroll-behavior:smooth; }\r\n\r\n body {\r\n font-family:'Exo', sans-serif;\r\n background:var(--vs-white);\r\n color:var(--vs-black);\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n }\r\n\r\n .vs-mu a,\r\n .vs-mu a:link,\r\n .vs-mu a:visited,\r\n .vs-mu a:hover,\r\n .vs-mu a:focus,\r\n .vs-mu a:active { text-decoration: none !important; }\r\n\r\n .container { max-width:var(--container); margin:0 auto; padding:0 var(--pad-x); }\r\n .mono { font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; font-weight:600; }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .vs-mu-hero {\r\n color:var(--vs-white);\r\n height:520px;\r\n position:relative;\r\n overflow:hidden;\r\n isolation:isolate;\r\n }\r\n\r\n .vs-mu-hero__bg {\r\n position:absolute; inset:0; z-index:0;\r\n background-image: url('https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/HEADER-BLOCS-PORTES-MULTI-USAGES.png');\r\n background-size:cover;\r\n background-position:center;\r\n opacity:1;\r\n }\r\n\r\n .vs-mu-hero__overlay {\r\n position:absolute; inset:0; z-index:1;\r\n background:linear-gradient(100deg,\r\n rgba(10,10,10,0.88) 0%,\r\n rgba(10,10,10,0.60) 40%,\r\n rgba(10,10,10,0.18) 70%,\r\n rgba(10,10,10,0.05) 100%\r\n );\r\n }\r\n\r\n .vs-mu-hero::before {\r\n content:''; position:absolute; top:-20%; right:-8%;\r\n width:480px; height:480px;\r\n background:radial-gradient(circle, rgba(233,78,27,0.10) 0%, transparent 65%);\r\n pointer-events:none; z-index:2;\r\n }\r\n\r\n .vs-mu-hero::after {\r\n content:''; position:absolute; bottom:0; left:0; right:0; height:4px;\r\n background:linear-gradient(90deg,\r\n var(--cat-multi) 0%, var(--cat-multi) 25%,\r\n var(--cat-secours) 25%, var(--cat-secours) 50%,\r\n var(--cat-acces) 50%, var(--cat-acces) 75%,\r\n var(--cat-cave) 75%, var(--cat-cave) 100%);\r\n z-index:5;\r\n }\r\n\r\n .vs-mu-hero__inner {\r\n position:relative; z-index:4;\r\n height:100%;\r\n display:flex; align-items:center;\r\n }\r\n\r\n .vs-mu-hero__grid {\r\n display:grid;\r\n grid-template-columns:1.15fr 1fr;\r\n gap:clamp(2rem,4vw,3.5rem);\r\n align-items:center;\r\n width:100%;\r\n }\r\n\r\n .vs-mu-hero__eyebrow {\r\n display:inline-flex; align-items:center; gap:0.75rem;\r\n color:var(--vs-orange); margin-bottom:1rem;\r\n }\r\n .vs-mu-hero__eyebrow::before {\r\n content:''; width:28px; height:2px; background:var(--vs-orange);\r\n }\r\n\r\n .vs-mu-hero__title {\r\n font-weight:800;\r\n font-size:clamp(1.9rem, 3.8vw, 3.2rem);\r\n line-height:1.0; letter-spacing:-0.02em;\r\n text-transform:uppercase;\r\n color:var(--vs-white);\r\n margin-bottom:1rem;\r\n text-shadow: 0 2px 12px rgba(0,0,0,0.4);\r\n }\r\n .vs-mu-hero__title span { color:var(--vs-orange); }\r\n\r\n .vs-mu-hero__lead {\r\n font-size:clamp(0.95rem, 1.15vw, 1.05rem);\r\n line-height:1.7;\r\n color:var(--mute-light);\r\n margin-bottom:1.5rem;\r\n max-width:520px;\r\n font-weight:400;\r\n }\r\n .vs-mu-hero__lead strong { color:var(--vs-white); font-weight:700; }\r\n\r\n .vs-mu-hero__ctas { display:flex; flex-wrap:wrap; gap:0.65rem; margin-bottom:1.25rem; }\r\n\r\n .vs-mu-btn {\r\n display:inline-flex; align-items:center; gap:0.55rem;\r\n padding:0.78rem 1.35rem;\r\n font-family:'Exo',sans-serif; font-size:0.88rem; font-weight:700;\r\n letter-spacing:0.02em; border-radius:2px;\r\n transition:all 0.22s ease; cursor:pointer; border:1px solid transparent;\r\n text-decoration:none !important;\r\n }\r\n .vs-mu-btn svg { width:16px; height:16px; flex-shrink:0; }\r\n .vs-mu-btn--primary { background:var(--vs-orange); color:var(--vs-white); border-color:var(--vs-orange); }\r\n .vs-mu-btn--primary:hover { background:var(--vs-orange-deep); transform:translateY(-2px); }\r\n .vs-mu-btn--ghost { background:transparent; color:var(--vs-white); border-color:rgba(255,255,255,0.38); }\r\n .vs-mu-btn--ghost:hover { background:var(--vs-white); color:var(--vs-black); transform:translateY(-2px); }\r\n\r\n \/* \u2500\u2500 GRILLE CAT\u00c9GORIES \u2500\u2500 *\/\r\n .vs-mu-cats {\r\n display:grid; grid-template-columns:1fr 1fr; gap:1px;\r\n background:rgba(255,255,255,0.15);\r\n border:1px solid rgba(255,255,255,0.15);\r\n height:100%;\r\n }\r\n .vs-mu-cat {\r\n background:rgba(10,10,10,0.60);\r\n backdrop-filter:blur(6px);\r\n -webkit-backdrop-filter:blur(6px);\r\n padding:1.1rem 1rem;\r\n display:flex; flex-direction:column; gap:0.4rem;\r\n transition:background 0.28s ease;\r\n position:relative; overflow:hidden;\r\n text-decoration:none !important;\r\n }\r\n .vs-mu-cat::before {\r\n content:''; position:absolute; top:0; left:0; right:0;\r\n height:3px; background:var(--cat-color); transition:height 0.28s ease;\r\n }\r\n .vs-mu-cat:hover::before { height:5px; }\r\n .vs-mu-cat:hover { background:rgba(10,10,10,0.78); }\r\n .vs-mu-cat[data-cat=\"multi\"] { --cat-color:var(--cat-multi); }\r\n .vs-mu-cat[data-cat=\"secours\"] { --cat-color:var(--cat-secours); }\r\n .vs-mu-cat[data-cat=\"acces\"] { --cat-color:var(--cat-acces); }\r\n .vs-mu-cat[data-cat=\"cave\"] { --cat-color:var(--cat-cave); }\r\n\r\n .vs-mu-cat__label {\r\n font-size:0.65rem; color:var(--cat-color);\r\n font-weight:700; letter-spacing:0.11em; text-transform:uppercase;\r\n }\r\n .vs-mu-cat__title {\r\n font-weight:800; font-size:clamp(0.92rem,1.15vw,1.05rem);\r\n line-height:1.15; color:var(--vs-white); letter-spacing:-0.01em;\r\n }\r\n .vs-mu-cat__desc {\r\n font-size:0.78rem; color:var(--mute-light); line-height:1.5; flex:1;\r\n }\r\n .vs-mu-cat__count {\r\n margin-top:auto; font-size:0.72rem; color:var(--mute-light);\r\n display:flex; align-items:center; gap:0.35rem; padding-top:0.5rem;\r\n border-top:1px solid rgba(255,255,255,0.1);\r\n }\r\n .vs-mu-cat__count strong { color:var(--vs-white); font-weight:700; }\r\n .vs-mu-cat__count::after { content:'\u2193'; margin-left:auto; color:var(--cat-color); font-weight:700; transition:transform 0.28s; }\r\n .vs-mu-cat:hover .vs-mu-cat__count::after { transform:translateY(3px); }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width:900px) {\r\n .vs-mu-hero { height:auto; padding:3rem 0 3.5rem; }\r\n .vs-mu-hero__grid { grid-template-columns:1fr; gap:2rem; }\r\n .vs-mu-cats { grid-template-columns:1fr 1fr; }\r\n }\r\n @media (max-width:500px) {\r\n .vs-mu-hero__ctas { flex-direction:column; align-items:stretch; }\r\n .vs-mu-btn { justify-content:center; }\r\n .vs-mu-cat__desc { display:none; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"vs-mu\">\r\n<section class=\"vs-mu-hero\" aria-label=\"Blocs-portes multi-usages acier sur mesure \u2014 Valente Securystar\">\r\n\r\n <div class=\"vs-mu-hero__bg\"\r\n role=\"img\" aria-label=\"Bloc-porte acier multi-usage Le Pratic\">\r\n <\/div>\r\n <div class=\"vs-mu-hero__overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"container vs-mu-hero__inner\">\r\n <div class=\"vs-mu-hero__grid\">\r\n\r\n <div>\r\n <div class=\"vs-mu-hero__eyebrow mono\" aria-hidden=\"true\">Catalogue \u00b7 16 mod\u00e8les \u00b7 4 cat\u00e9gories<\/div>\r\n\r\n <h1 class=\"vs-mu-hero__title\">\r\n Blocs-portes<br>\r\n <span>multi-usages<\/span><br>\r\n acier sur mesure.\r\n <\/h1>\r\n\r\n <p class=\"vs-mu-hero__lead\">\r\n Nos <strong>16 blocs-portes acier sur mesure<\/strong> couvrent tous les usages collectifs.\r\n Fabriqu\u00e9s dans nos ateliers fran\u00e7ais, certifi\u00e9s A2P PB, conformes ERP.\r\n <strong>Garantie 15 ans.<\/strong>\r\n <\/p>\r\n\r\n <div class=\"vs-mu-hero__ctas\">\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Catalogue-BLOCS-PORTES-MULTI-USAGES-2026-sans-prix.pdf\"\r\n class=\"vs-mu-btn vs-mu-btn--primary\" download\r\n aria-label=\"T\u00e9l\u00e9charger le catalogue blocs-portes 2026 (PDF)\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\r\n <polyline points=\"7 10 12 15 17 10\"\/>\r\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\r\n <\/svg>\r\n T\u00e9l\u00e9charger le catalogue\r\n <\/a>\r\n <a href=\"#contact\" class=\"vs-mu-btn vs-mu-btn--ghost\"\r\n aria-label=\"Demander un devis pour votre bloc-porte acier sur mesure\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\r\n <\/svg>\r\n Demander un devis\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <nav class=\"vs-mu-cats\" aria-label=\"Les 4 cat\u00e9gories de blocs-portes\">\r\n\r\n <a href=\"#multi-fonction\" class=\"vs-mu-cat\" data-cat=\"multi\"\r\n aria-label=\"Bloc-porte multi-fonction acier sur mesure \u2014 4 mod\u00e8les\">\r\n <div class=\"vs-mu-cat__label\">Cat\u00e9gorie 01<\/div>\r\n <h2 class=\"vs-mu-cat__title\">Multi-fonction<\/h2>\r\n <p class=\"vs-mu-cat__desc\">Locaux techniques, acc\u00e8s secondaires, usage intensif<\/p>\r\n <div class=\"vs-mu-cat__count\"><strong>4<\/strong> mod\u00e8les<\/div>\r\n <\/a>\r\n\r\n <a href=\"#issue-de-secours\" class=\"vs-mu-cat\" data-cat=\"secours\"\r\n aria-label=\"Bloc-porte issue de secours anti-panique EN 1125 \u2014 2 mod\u00e8les\">\r\n <div class=\"vs-mu-cat__label\">Cat\u00e9gorie 02<\/div>\r\n <h2 class=\"vs-mu-cat__title\">Issue de secours<\/h2>\r\n <p class=\"vs-mu-cat__desc\">Anti-panique EN 1125, conforme ERP<\/p>\r\n <div class=\"vs-mu-cat__count\"><strong>2<\/strong> mod\u00e8les<\/div>\r\n <\/a>\r\n\r\n <a href=\"#controle-acces\" class=\"vs-mu-cat\" data-cat=\"acces\"\r\n aria-label=\"Bloc-porte contr\u00f4le d'acc\u00e8s ventouses CNPP \u2014 2 mod\u00e8les\">\r\n <div class=\"vs-mu-cat__label\">Cat\u00e9gorie 03<\/div>\r\n <h2 class=\"vs-mu-cat__title\">Contr\u00f4le d'acc\u00e8s<\/h2>\r\n <p class=\"vs-mu-cat__desc\">Ventouses 300 kg certifi\u00e9es CNPP NF S61-937<\/p>\r\n <div class=\"vs-mu-cat__count\"><strong>2<\/strong> mod\u00e8les<\/div>\r\n <\/a>\r\n\r\n <a href=\"#cave\" class=\"vs-mu-cat\" data-cat=\"cave\"\r\n aria-label=\"Porte de cave A2P BP1 BP2 BP3 sur mesure \u2014 6 mod\u00e8les\">\r\n <div class=\"vs-mu-cat__label\">Cat\u00e9gorie 04<\/div>\r\n <h2 class=\"vs-mu-cat__title\">Cave A2P<\/h2>\r\n <p class=\"vs-mu-cat__desc\">Certifi\u00e9s BP1, BP2 ou BP3 \u00b7 sur mesure copropri\u00e9t\u00e9<\/p>\r\n <div class=\"vs-mu-cat__count\"><strong>6<\/strong> mod\u00e8les<\/div>\r\n <\/a>\r\n\r\n <\/nav>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<\/div>\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-7006451 e-flex e-con-boxed e-con e-parent\" data-id=\"7006451\" 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-4d89b7a elementor-widget elementor-widget-html\" data-id=\"4d89b7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n SECTION INTRO TECHNIQUE \u2014 Blocs-portes multi-usages (version compacte)\r\n ============================================================ -->\r\n\r\n<style>\r\n :root {\r\n --vs-black: #0A0A0A;\r\n --vs-black-soft: #1a1a1a;\r\n --vs-orange: #E94E1B;\r\n --vs-orange-deep: #c43d11;\r\n --vs-grey: #D7D7D7;\r\n --vs-grey-dark: #8a8a8a;\r\n --vs-grey-light: #ededed;\r\n --vs-white: #ffffff;\r\n --vs-paper: #f7f7f7;\r\n --line: rgba(10,10,10,0.12);\r\n --mute: rgba(10,10,10,0.6);\r\n --container: 1400px;\r\n --pad-x: clamp(1.25rem, 4vw, 3rem);\r\n }\r\n\r\n * { margin:0; padding:0; box-sizing:border-box; }\r\n html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }\r\n body {\r\n font-family:'Exo', sans-serif;\r\n background:var(--vs-white);\r\n color:var(--vs-black);\r\n font-weight:400; line-height:1.55;\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n }\r\n\r\n .container { max-width:var(--container); margin:0 auto; padding:0 var(--pad-x); }\r\n .mono { font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; font-weight:600; }\r\n\r\n \/* =========================================================\r\n SECTION INTRO TECHNIQUE \u2014 paddings\/marges r\u00e9duits\r\n ========================================================= *\/\r\n .vs-mu-intro {\r\n padding:clamp(1.5rem, 3vw, 2.5rem) 0;\r\n background:var(--vs-white);\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .vs-mu-intro__header {\r\n max-width:900px;\r\n margin-bottom:clamp(1.25rem, 2.2vw, 1.75rem);\r\n }\r\n\r\n .vs-mu-intro__eyebrow {\r\n display:inline-flex; align-items:center; gap:0.75rem;\r\n color:var(--vs-orange); margin-bottom:0.6rem;\r\n }\r\n .vs-mu-intro__eyebrow::before {\r\n content:''; width:32px; height:2px; background:var(--vs-orange);\r\n }\r\n\r\n .vs-mu-intro__title {\r\n font-weight:800;\r\n font-size:clamp(1.4rem, 2.6vw, 2rem);\r\n line-height:1.1; letter-spacing:-0.02em;\r\n color:var(--vs-black);\r\n margin-bottom:0.6rem;\r\n }\r\n .vs-mu-intro__title strong { color:var(--vs-orange); }\r\n .vs-mu-intro__title em {\r\n font-style:italic; font-weight:700;\r\n color:var(--vs-black);\r\n }\r\n\r\n .vs-mu-intro__lead {\r\n color:var(--vs-black);\r\n font-size:clamp(0.94rem, 1.1vw, 1rem);\r\n line-height:1.55; font-weight:400; max-width:750px;\r\n margin-bottom:0.6rem;\r\n }\r\n .vs-mu-intro__lead strong { color:var(--vs-black); font-weight:700; }\r\n\r\n .vs-mu-intro__lead-sub {\r\n color:var(--mute);\r\n font-size:clamp(0.88rem, 1vw, 0.94rem);\r\n line-height:1.5; max-width:750px;\r\n }\r\n .vs-mu-intro__lead-sub strong { color:var(--vs-black); font-weight:600; }\r\n\r\n \/* Grille 3 piliers *\/\r\n .vs-mu-intro__grid {\r\n display:grid;\r\n grid-template-columns:repeat(3, 1fr);\r\n gap:1px;\r\n background:var(--line);\r\n border:1px solid var(--line);\r\n }\r\n\r\n .vs-mu-intro__pillar {\r\n background:var(--vs-white);\r\n padding:clamp(1rem, 1.6vw, 1.35rem);\r\n display:flex; flex-direction:column;\r\n position:relative;\r\n transition:background 0.3s ease;\r\n }\r\n .vs-mu-intro__pillar:hover { background:var(--vs-paper); }\r\n\r\n .vs-mu-intro__pillar-num {\r\n font-size:0.68rem; letter-spacing:0.14em;\r\n text-transform:uppercase; color:var(--vs-orange);\r\n font-weight:700; margin-bottom:0.6rem;\r\n }\r\n\r\n .vs-mu-intro__pillar-icon {\r\n width:30px; height:30px; margin-bottom:0.6rem; color:var(--vs-orange);\r\n }\r\n .vs-mu-intro__pillar-icon svg { width:100%; height:100%; stroke-width:1.5; }\r\n\r\n .vs-mu-intro__pillar-title {\r\n font-weight:800;\r\n font-size:clamp(1rem, 1.3vw, 1.12rem);\r\n line-height:1.2; letter-spacing:-0.01em;\r\n color:var(--vs-black); margin-bottom:0.4rem;\r\n }\r\n\r\n .vs-mu-intro__pillar-desc {\r\n color:var(--mute); font-size:0.85rem;\r\n line-height:1.45; margin-bottom:0.75rem;\r\n }\r\n\r\n .vs-mu-intro__pillar-spec {\r\n margin-top:auto; padding-top:0.6rem;\r\n border-top:1px solid var(--line);\r\n font-size:0.7rem; letter-spacing:0.04em;\r\n text-transform:uppercase; color:var(--vs-black);\r\n font-weight:600; line-height:1.55;\r\n }\r\n .vs-mu-intro__pillar-spec strong { color:var(--vs-orange); font-weight:700; }\r\n\r\n @media (max-width:900px) {\r\n .vs-mu-intro__grid { grid-template-columns:1fr; }\r\n }\r\n<\/style>\r\n\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,400;0,600;0,700;0,800;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- SECTION INTRO TECHNIQUE -->\r\n<section class=\"vs-mu-intro\" aria-label=\"Blocs-portes acier sur mesure \u2014 savoir-faire Valente Securystar\">\r\n <div class=\"container\">\r\n\r\n <header class=\"vs-mu-intro__header\">\r\n <div class=\"vs-mu-intro__eyebrow mono\">L'expertise Valente Securystar<\/div>\r\n\r\n <h2 class=\"vs-mu-intro__title\">\r\n <strong>Blocs-portes acier sur mesure<\/strong> :\r\n <em>un fabricant fran\u00e7ais, quatre usages certifi\u00e9s.<\/em>\r\n <\/h2>\r\n\r\n <p class=\"vs-mu-intro__lead\">\r\n Les <strong>blocs-portes acier multi-usages Valente Securystar<\/strong> couvrent quatre cat\u00e9gories certifi\u00e9es :\r\n multi-fonction pour locaux techniques, issue de secours <strong>conforme EN 1125<\/strong> pour ERP,\r\n contr\u00f4le d'acc\u00e8s avec ventouses <strong>CNPP NF S61-937<\/strong>, et\r\n <strong>portes de cave certifi\u00e9es A2P BP1 \u00e0 BP3<\/strong>, fabriqu\u00e9es sur mesure \u00e0 vos dimensions exactes,\r\n y compris les configurations hors-format jusqu'\u00e0 2 980 mm de hauteur.\r\n <\/p>\r\n <p class=\"vs-mu-intro__lead-sub\">\r\n Quelle que soit la cat\u00e9gorie, chaque porte sort de nos ateliers fran\u00e7ais avec le m\u00eame niveau d'exigence :\r\n <strong>savoir-faire brevet\u00e9 du Groupe Valente<\/strong>, contr\u00f4le qualit\u00e9 \u00e0 chaque \u00e9tape, garantie 15 ans.\r\n <\/p>\r\n <\/header>\r\n\r\n <!-- 3 piliers transverses -->\r\n <div class=\"vs-mu-intro__grid\">\r\n\r\n <!-- PILIER 1 \u2014 SUR-MESURE -->\r\n <article class=\"vs-mu-intro__pillar\">\r\n <div class=\"vs-mu-intro__pillar-num\">01 \u00b7 Fabrication<\/div>\r\n\r\n <div class=\"vs-mu-intro__pillar-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3 class=\"vs-mu-intro__pillar-title\">Sur-mesure int\u00e9gral<\/h3>\r\n <p class=\"vs-mu-intro__pillar-desc\">\r\n Chaque bloc-porte est fabriqu\u00e9 \u00e0 vos dimensions exactes dans nos ateliers fran\u00e7ais.\r\n Aucun standard impos\u00e9 : 1 ou 2 vantaux, configurations tirant ou poussant,\r\n hors-formats jusqu'\u00e0 2 980 mm de hauteur.\r\n <\/p>\r\n <div class=\"vs-mu-intro__pillar-spec\">\r\n <strong>1 ou 2 vantaux<\/strong> \u00b7 \u00e0 vos cotes<br>\r\n B\u00e2ti r\u00e9novation Z ou tubulaire\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PILIER 2 \u2014 FABRICATION FRAN\u00c7AISE -->\r\n <article class=\"vs-mu-intro__pillar\">\r\n <div class=\"vs-mu-intro__pillar-num\">02 \u00b7 Origine<\/div>\r\n\r\n <div class=\"vs-mu-intro__pillar-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n <path d=\"M9 22V12h6v10\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3 class=\"vs-mu-intro__pillar-title\">100% fabriqu\u00e9 en France<\/h3>\r\n <p class=\"vs-mu-intro__pillar-desc\">\r\n Conception, d\u00e9coupe, soudure, peinture \u00e9poxy et finitions r\u00e9alis\u00e9es dans nos ateliers fran\u00e7ais.\r\n Un contr\u00f4le qualit\u00e9 rigoureux \u00e0 chaque \u00e9tape de fabrication.\r\n <\/p>\r\n <div class=\"vs-mu-intro__pillar-spec\">\r\n <strong>Groupe Valente<\/strong> \u00b7 savoir-faire brevet\u00e9<br>\r\n Menuiserie acier \u00b7 cylindres brevet\u00e9s\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PILIER 3 \u2014 CERTIFICATIONS -->\r\n <article class=\"vs-mu-intro__pillar\">\r\n <div class=\"vs-mu-intro__pillar-num\">03 \u00b7 Conformit\u00e9<\/div>\r\n\r\n <div class=\"vs-mu-intro__pillar-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 2L3 6v6c0 5.5 3.8 10.7 9 12 5.2-1.3 9-6.5 9-12V6l-9-4z\"\/>\r\n <path d=\"M9 12l2 2 4-4\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <h3 class=\"vs-mu-intro__pillar-title\">Certifications officielles<\/h3>\r\n <p class=\"vs-mu-intro__pillar-desc\">\r\n Selon les mod\u00e8les : certification A2P BP1, BP2 ou BP3 (anti-effraction),\r\n Anti-panique EN1125 conforme ERP,\r\n et ventouses certifi\u00e9es CNPP pour le contr\u00f4le d'acc\u00e8s.\r\n <\/p>\r\n <div class=\"vs-mu-intro__pillar-spec\">\r\n <strong>A2P BP1 \u00b7 BP2 \u00b7 BP3<\/strong><br>\r\n EN 1125 \u00b7 NF S61-937 \u00b7 EI 30\/EI 60\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-f24fc7d e-flex e-con-boxed e-con e-parent\" data-id=\"f24fc7d\" 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-2ce281f elementor-widget elementor-widget-html\" data-id=\"2ce281f\" 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>Blocs-portes Multi-usages | 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,400;0,600;0,700;0,800;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n :root {\r\n --vs-black: #000000;\r\n --vs-black-soft: #1a1a1a;\r\n --vs-orange: #E8420A;\r\n --vs-grey: #D7D7D7;\r\n --vs-grey-dark: #8a8a8a;\r\n --vs-grey-light: #ededed;\r\n --vs-white: #ffffff;\r\n --vs-paper: #f7f7f7;\r\n --cat-multi: #7d8a3c;\r\n --line: rgba(10,10,10,0.12);\r\n --line-strong: rgba(10,10,10,0.4);\r\n --mute: rgba(10,10,10,0.6);\r\n --container: 1400px;\r\n --pad-x: clamp(1.25rem, 4vw, 3rem);\r\n }\r\n\r\n * { margin:0; padding:0; box-sizing:border-box; }\r\n html { scroll-behavior:smooth; }\r\n body {\r\n font-family:'Exo', sans-serif;\r\n background:var(--vs-white);\r\n color:var(--vs-black);\r\n font-weight:400; line-height:1.55;\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n }\r\n img { max-width:100%; height:auto; display:block; }\r\n .container { max-width:var(--container); margin:0 auto; padding:0 var(--pad-x); }\r\n .mono { font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; font-weight:600; }\r\n a { text-decoration:none !important; }\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\r\n BARRE DE NAVIGATION CAT\u00c9GORIES\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 *\/\r\n .vs-cat-nav {\r\n background: var(--vs-white);\r\n border-bottom: 1px solid var(--line);\r\n padding: 1.25rem var(--pad-x);\r\n }\r\n .vs-cat-nav__inner {\r\n max-width: var(--container);\r\n margin: 0 auto;\r\n display: flex;\r\n flex-wrap: nowrap;\r\n gap: 0.5rem;\r\n align-items: center;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n scrollbar-width: none;\r\n padding-bottom: 2px;\r\n }\r\n .vs-cat-nav__inner::-webkit-scrollbar { display: none; }\r\n\r\n .vs-cat-nav__btn {\r\n padding: 0.55rem 1.1rem;\r\n font-family: 'Exo', sans-serif;\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n border: 1px solid rgba(10,10,10,0.4);\r\n background: transparent;\r\n color: #8a8a8a;\r\n cursor: pointer;\r\n border-radius: 2px;\r\n transition: all 0.2s ease;\r\n white-space: nowrap;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n outline: none;\r\n flex-shrink: 0;\r\n text-decoration: none !important;\r\n display: inline-block;\r\n }\r\n .vs-cat-nav__btn:hover { border-color: #E8420A; color: #E8420A; }\r\n .vs-cat-nav__btn:focus-visible { outline: 2px solid #E8420A; outline-offset: 2px; }\r\n .vs-cat-nav__btn.is-active { background: #E8420A !important; border-color: #E8420A !important; color: #ffffff !important; }\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\r\n SECTION PRODUITS\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 *\/\r\n .vs-cat {\r\n padding: clamp(4rem, 8vw, 7rem) 0;\r\n background: var(--vs-paper);\r\n position: relative;\r\n scroll-margin-top: 64px;\r\n }\r\n .vs-cat--multi { --cat-color: var(--cat-multi); }\r\n .vs-cat::before {\r\n content: ''; position: absolute; top: 0; left: 0;\r\n width: 6px; height: 100%; background: var(--cat-color);\r\n }\r\n\r\n .vs-cat__header {\r\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\r\n padding-bottom: 2rem;\r\n border-bottom: 1px solid var(--line);\r\n }\r\n .vs-cat__head-left { max-width: 800px; }\r\n .vs-cat__eyebrow {\r\n display: inline-flex; align-items: center; gap: 0.75rem;\r\n color: var(--cat-color); margin-bottom: 1.25rem;\r\n }\r\n .vs-cat__eyebrow::before { content: ''; width: 32px; height: 2px; background: var(--cat-color); }\r\n\r\n .vs-cat__title {\r\n font-weight: 800;\r\n font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n line-height: 1; letter-spacing: -0.02em;\r\n color: var(--vs-black); margin-bottom: 1rem;\r\n text-transform: uppercase;\r\n }\r\n .vs-cat__title span { color: var(--cat-color); }\r\n .vs-cat__desc {\r\n color: var(--vs-black-soft);\r\n font-size: clamp(1rem, 1.4vw, 1.1rem);\r\n line-height: 1.6; max-width: 700px;\r\n }\r\n\r\n \/* GRILLE 2\u00d72 *\/\r\n .vs-cat__grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(1.25rem, 2.5vw, 2rem);\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n }\r\n .vs-product--pratic { order: 1; }\r\n .vs-product--utile { order: 2; }\r\n .vs-product--energic { order: 3; }\r\n .vs-product--pragmatic { order: 4; }\r\n\r\n \/* CARTE *\/\r\n .vs-product {\r\n background: var(--vs-white);\r\n border: 1px solid var(--line);\r\n display: flex; flex-direction: column;\r\n position: relative; overflow: hidden;\r\n transition: transform 0.4s cubic-bezier(0.16,1,0.3,1),\r\n box-shadow 0.4s cubic-bezier(0.16,1,0.3,1),\r\n border-color 0.3s ease;\r\n }\r\n .vs-product:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 30px 60px -25px rgba(10,10,10,0.2);\r\n border-color: var(--cat-color);\r\n }\r\n .vs-product__image {\r\n position: relative; width: 100%;\r\n aspect-ratio: 4\/5; overflow: hidden;\r\n background: var(--vs-grey-light);\r\n isolation: isolate;\r\n }\r\n .vs-product__image img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n transition: transform 0.8s cubic-bezier(0.16,1,0.3,1);\r\n filter: none !important;\r\n mix-blend-mode: normal !important;\r\n }\r\n .vs-product__image::before,\r\n .vs-product__image::after {\r\n display: none !important;\r\n content: none !important;\r\n background: none !important;\r\n opacity: 0 !important;\r\n }\r\n .vs-product:hover .vs-product__image img { transform: scale(1.05); }\r\n\r\n .vs-product__badge {\r\n position: absolute; top: 1rem; right: 1rem;\r\n background: var(--vs-white); color: var(--vs-black);\r\n padding: 0.4rem 0.85rem;\r\n font-size: 0.68rem; font-weight: 700;\r\n letter-spacing: 0.08em; text-transform: uppercase;\r\n border-radius: 2px; z-index: 2;\r\n max-width: calc(100% - 2rem);\r\n }\r\n .vs-product__badge::before {\r\n content: ''; display: inline-block;\r\n width: 8px; height: 8px;\r\n background: var(--cat-color); border-radius: 50%;\r\n margin-right: 0.4rem; vertical-align: middle;\r\n }\r\n\r\n .vs-product__body {\r\n padding: clamp(1.5rem, 2.5vw, 2rem);\r\n display: flex; flex-direction: column; flex: 1;\r\n }\r\n .vs-product__title {\r\n font-weight: 800;\r\n font-size: clamp(1.25rem, 2vw, 1.6rem);\r\n line-height: 1.15; letter-spacing: -0.015em;\r\n margin-bottom: 0.25rem;\r\n color: var(--vs-black); text-transform: uppercase;\r\n }\r\n .vs-product__subtitle {\r\n font-size: 0.8rem; font-weight: 600;\r\n color: var(--mute); letter-spacing: 0.03em;\r\n margin-bottom: 0.75rem; text-transform: none;\r\n }\r\n .vs-product__sub {\r\n color: var(--cat-color);\r\n font-size: 0.82rem; font-weight: 700;\r\n letter-spacing: 0.06em; text-transform: uppercase;\r\n margin-bottom: 1.25rem;\r\n }\r\n .vs-product__desc {\r\n color: var(--mute);\r\n font-size: 0.95rem; line-height: 1.7;\r\n margin-bottom: 1.75rem; flex: 1;\r\n }\r\n .vs-product__footer {\r\n margin-top: auto;\r\n padding-top: 1.25rem;\r\n border-top: 1px solid var(--line);\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n gap: 0.6rem;\r\n }\r\n .vs-product__btn {\r\n display: inline-flex; align-items: center;\r\n justify-content: center; gap: 0.5rem;\r\n padding: 0.75rem 1rem;\r\n font-family: 'Exo', sans-serif;\r\n font-size: 0.85rem; font-weight: 700;\r\n border-radius: 2px;\r\n transition: all 0.25s ease;\r\n cursor: pointer; border: 1px solid transparent;\r\n white-space: nowrap;\r\n }\r\n .vs-product__btn--primary { background: var(--vs-black); color: var(--vs-white); border-color: var(--vs-black); }\r\n .vs-product__btn--primary:hover { background: var(--cat-color); border-color: var(--cat-color); }\r\n .vs-product__btn--icon {\r\n background: transparent; color: var(--vs-black);\r\n border-color: var(--line-strong);\r\n width: 44px; padding: 0.75rem;\r\n }\r\n .vs-product__btn--icon:hover { background: var(--vs-black); color: var(--vs-white); border-color: var(--vs-black); }\r\n .vs-product__btn svg { width: 16px; height: 16px; }\r\n\r\n \/* MODALES (texte seul) *\/\r\n .vs-modal-backdrop {\r\n position: fixed; inset: 0;\r\n background: rgba(0,0,0,0.7);\r\n backdrop-filter: blur(4px);\r\n z-index: 100; opacity: 0; pointer-events: none;\r\n transition: opacity 0.3s ease;\r\n }\r\n .vs-modal-backdrop.is-open { opacity: 1; pointer-events: auto; }\r\n .vs-modal {\r\n position: fixed; top: 50%; left: 50%;\r\n transform: translate(-50%,-50%) scale(0.95);\r\n z-index: 101;\r\n width: min(760px,95vw); max-height: 90vh;\r\n background: var(--vs-white);\r\n display: flex; flex-direction: column;\r\n opacity: 0; pointer-events: none;\r\n transition: opacity 0.3s ease, transform 0.3s ease;\r\n border-radius: 2px; overflow: hidden;\r\n }\r\n .vs-modal.is-open { opacity: 1; pointer-events: auto; transform: translate(-50%,-50%) scale(1); }\r\n .vs-modal__header {\r\n padding: 1.25rem 1.5rem;\r\n border-bottom: 1px solid var(--line);\r\n display: flex; align-items: center;\r\n justify-content: space-between; gap: 1rem;\r\n background: var(--vs-white); position: relative;\r\n flex-shrink: 0;\r\n }\r\n .vs-modal__header::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--cat-color);\r\n }\r\n .vs-modal__header-info { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; flex: 1; }\r\n .vs-modal__header-cat { font-size: 0.7rem; color: var(--cat-color); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }\r\n .vs-modal__header-title { font-size: 1.1rem; font-weight: 800; color: var(--vs-black); letter-spacing: -0.01em; text-transform: uppercase; }\r\n .vs-modal__close {\r\n width: 40px; height: 40px; border-radius: 50%;\r\n background: var(--vs-paper); border: 1px solid var(--line);\r\n color: var(--vs-black);\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; transition: all 0.25s ease; flex-shrink: 0;\r\n }\r\n .vs-modal__close:hover { background: var(--vs-black); color: var(--vs-white); border-color: var(--vs-black); }\r\n .vs-modal__close svg { width: 18px; height: 18px; }\r\n\r\n \/* corps en colonne unique, texte seul *\/\r\n .vs-modal__body { flex: 1; overflow-y: auto; display: block !important; }\r\n .vs-modal__info { padding: clamp(1.5rem,3vw,2.25rem); width: 100%; }\r\n\r\n \/* intro = chapeau mis en valeur *\/\r\n .vs-modal__intro {\r\n color: var(--vs-black);\r\n font-size: 1rem; line-height: 1.65;\r\n margin-bottom: 1.75rem;\r\n padding: 1.1rem 1.25rem;\r\n background: #f4f5ee;\r\n background: color-mix(in srgb, var(--cat-color) 8%, #fff);\r\n border-left: 3px solid var(--cat-color);\r\n border-radius: 0 6px 6px 0;\r\n }\r\n .vs-modal__intro strong { color: var(--vs-black); font-weight: 700; }\r\n\r\n \/* groupes en panneaux sur 2 colonnes *\/\r\n .vs-modal__groups { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n @media (max-width: 620px) { .vs-modal__groups { grid-template-columns: 1fr; } }\r\n\r\n .vs-modal__group {\r\n background: var(--vs-paper);\r\n border: 1px solid var(--line);\r\n border-radius: 8px;\r\n padding: 1rem 1.1rem;\r\n margin-bottom: 0;\r\n }\r\n .vs-modal__group-label {\r\n display: flex; align-items: center; gap: 0.5rem;\r\n font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase;\r\n color: var(--cat-color); font-weight: 800;\r\n margin-bottom: 0.7rem; padding-bottom: 0.6rem;\r\n border-bottom: 1px solid var(--line);\r\n }\r\n .vs-modal__group-label::before { content: ''; width: 14px; height: 2px; background: var(--cat-color); flex-shrink: 0; }\r\n .vs-modal__group-list { list-style: none; display: flex; flex-direction: column; gap: 0.5rem; }\r\n .vs-modal__group-list li { color: var(--vs-black-soft); font-size: 0.88rem; line-height: 1.5; padding-left: 1.1rem; position: relative; }\r\n .vs-modal__group-list li::before { content: '\u25b8'; position: absolute; left: 0; color: var(--cat-color); font-weight: 700; }\r\n .vs-modal__group-list strong { font-weight: 700; color: var(--vs-black); }\r\n .vs-modal__footer { padding: 1.25rem 1.5rem; border-top: 1px solid var(--line); background: var(--vs-paper); display: flex; gap: 0.75rem; flex-wrap: wrap; flex-shrink: 0; }\r\n .vs-modal__footer .vs-product__btn { flex: 1; min-width: 200px; }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 900px) {\r\n .vs-cat__grid { grid-template-columns: 1fr; max-width: 600px; margin: 0 auto; }\r\n }\r\n @media (max-width: 700px) {\r\n .vs-modal { top: auto; bottom: 0; left: 0; right: 0; width: 100vw; max-height: 92vh; border-radius: 0; transform: translateY(100%); opacity: 1; }\r\n .vs-modal.is-open { transform: translateY(0); }\r\n }\r\n @media (max-width: 600px) {\r\n .vs-cat { padding: clamp(2.5rem,6vw,4rem) 0; }\r\n .vs-product__body { padding: 1.25rem; }\r\n .vs-product__btn { padding: 0.7rem 0.8rem; font-size: 0.78rem; }\r\n .vs-product__btn--icon { width: 40px; padding: 0.7rem; }\r\n .vs-cat-nav__btn { padding: 0.85rem 1rem; font-size: 0.72rem; }\r\n }\r\n @media (max-width: 420px) {\r\n .vs-modal__footer { flex-direction: column; padding: 1rem; }\r\n .vs-modal__footer .vs-product__btn { min-width: 0; width: 100%; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\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\u2550\u2550\u2550\r\n BARRE DE NAVIGATION \u2014 4 cat\u00e9gories\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\u2550\u2550\u2550\u2550 -->\r\n<nav class=\"vs-cat-nav\" aria-label=\"Navigation par cat\u00e9gorie de blocs-portes\">\r\n <div class=\"vs-cat-nav__inner\">\r\n <button class=\"vs-cat-nav__btn is-active\" data-nav=\"multi-fonction\">Multi-fonction<\/button>\r\n <button class=\"vs-cat-nav__btn\" data-nav=\"issue-de-secours\">Issue de secours<\/button>\r\n <button class=\"vs-cat-nav__btn\" data-nav=\"controle-acces\">Contr\u00f4le d'acc\u00e8s<\/button>\r\n <button class=\"vs-cat-nav__btn\" data-nav=\"cave\">Cave<\/button>\r\n <\/div>\r\n<\/nav>\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\u2550\u2550\u2550\r\n SECTION MULTI-FONCTION\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\u2550\u2550\u2550\u2550 -->\r\n<section id=\"multi-fonction\" class=\"vs-cat vs-cat--multi\" aria-labelledby=\"multi-title\">\r\n <div class=\"container\">\r\n\r\n <header class=\"vs-cat__header\">\r\n <div class=\"vs-cat__head-left\">\r\n <div class=\"vs-cat__eyebrow mono\">Cat\u00e9gorie 01 \u00b7 4 mod\u00e8les<\/div>\r\n <h2 class=\"vs-cat__title\" id=\"multi-title\">\r\n Blocs-portes <span>multi-fonction<\/span> acier sur mesure\r\n <\/h2>\r\n <p class=\"vs-cat__desc\">\r\n Blocs-portes acier 15\/10\u00e8me pour usages quotidiens intensifs en locaux professionnels,\r\n locaux techniques et acc\u00e8s secondaires. Robustesse, polyvalence et fabrication fran\u00e7aise\r\n sur-mesure \u00e0 vos dimensions. Disponibles en 1 ou 2 vantaux, serrure 1 point ou multipoints.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"vs-cat__grid\">\r\n\r\n <!-- LE PRATIC -->\r\n <article class=\"vs-product vs-product--pratic\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">1 face<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LE-PRATIC.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte Le Pratic Valente Securystar \u2014 acier 15\/10\u00e8me 1 face serrure 1 point sur mesure\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">Le Pratic<\/h3>\r\n <p class=\"vs-product__subtitle\">Bloc-porte acier 1 face \u00b7 serrure 1 point \u00b7 sur mesure<\/p>\r\n <p class=\"vs-product__sub\">Multi-fonction \u00b7 1 face<\/p>\r\n <p class=\"vs-product__desc\">\r\n Bloc-porte acier 15\/10\u00e8me 1 face avec serrure encastr\u00e9e 1 point, b\u00e2ti r\u00e9novation Z\r\n ou tubulaire. Con\u00e7u pour locaux techniques, d\u00e9pendances et acc\u00e8s secondaires \u00e0 usage\r\n quotidien intensif. Disponible en 1 ou 2 vantaux, configuration tirant ou poussant,\r\n hors-formats jusqu'\u00e0 2 980 mm.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-pratic\">Voir les caract\u00e9ristiques<\/button>\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-PRATIC.pdf\"\r\n class=\"vs-product__btn vs-product__btn--icon\" aria-label=\"T\u00e9l\u00e9charger la fiche produit Le Pratic (PDF)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- L'UTILE -->\r\n <article class=\"vs-product vs-product--utile\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">2 faces<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LUTILE.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte L'Utile Valente Securystar \u2014 acier 15\/10\u00e8me 2 faces serrure 1 point sur mesure\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">L'Utile<\/h3>\r\n <p class=\"vs-product__subtitle\">Bloc-porte acier 2 faces \u00b7 serrure 1 point \u00b7 sur mesure<\/p>\r\n <p class=\"vs-product__sub\">Multi-fonction \u00b7 2 faces<\/p>\r\n <p class=\"vs-product__desc\">\r\n Bloc-porte acier 15\/10\u00e8me double habillage recto-verso avec serrure encastr\u00e9e 1 point.\r\n Finition soign\u00e9e des deux c\u00f4t\u00e9s recommand\u00e9e pour les passages visibles\r\n int\u00e9rieur\/ext\u00e9rieur. B\u00e2ti r\u00e9novation Z ou tubulaire, 1 ou 2 vantaux sur mesure.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-utile\">Voir les caract\u00e9ristiques<\/button>\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LUTILE.pdf\"\r\n class=\"vs-product__btn vs-product__btn--icon\" aria-label=\"T\u00e9l\u00e9charger la fiche produit L'Utile (PDF)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- L'\u00c9NERGIC -->\r\n <article class=\"vs-product vs-product--energic\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">1 face \u00b7 Multipoints<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LENERGIC.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte L'\u00c9nergic Valente Securystar \u2014 acier 15\/10\u00e8me 1 face serrure multipoints 3 points sur mesure\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">L'\u00c9nergic<\/h3>\r\n <p class=\"vs-product__subtitle\">Bloc-porte acier 1 face \u00b7 serrure multipoints 3 points \u00b7 sur mesure<\/p>\r\n <p class=\"vs-product__sub\">Multi-fonction \u00b7 1 face \u00b7 Multipoints<\/p>\r\n <p class=\"vs-product__desc\">\r\n Bloc-porte acier 15\/10\u00e8me 1 face \u00e9quip\u00e9 d'une serrure multipoints SECURYSTAR encastr\u00e9e\r\n 3 points haut et bas (entraxe 92 mm). S\u00e9curit\u00e9 renforc\u00e9e pour acc\u00e8s quotidiens intensifs.\r\n B\u00e2ti r\u00e9novation Z ou tubulaire, cylindre europ\u00e9en brevet\u00e9, 1 ou 2 vantaux sur mesure.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-energic\">Voir les caract\u00e9ristiques<\/button>\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LENERGIC.pdf\"\r\n class=\"vs-product__btn vs-product__btn--icon\" aria-label=\"T\u00e9l\u00e9charger la fiche produit L'\u00c9nergic (PDF)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- LE PRAGMATIC -->\r\n <article class=\"vs-product vs-product--pragmatic\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">2 faces \u00b7 Multipoints<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LE-PRAGMATIC.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte Le Pragmatic Valente Securystar \u2014 acier 15\/10\u00e8me 2 faces serrure multipoints sur mesure\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">Le Pragmatic<\/h3>\r\n <p class=\"vs-product__subtitle\">Bloc-porte acier 2 faces \u00b7 serrure multipoints encastr\u00e9e \u00b7 sur mesure<\/p>\r\n <p class=\"vs-product__sub\">Multi-fonction \u00b7 2 faces \u00b7 Multipoints<\/p>\r\n <p class=\"vs-product__desc\">\r\n Bloc-porte acier 15\/10\u00e8me double habillage \u00e9quip\u00e9 d'une serrure multipoints encastr\u00e9e\r\n pour un verrouillage sur plusieurs axes. Le mod\u00e8le multi-fonction le plus s\u00e9curis\u00e9\r\n de la gamme. B\u00e2ti r\u00e9novation Z ou tubulaire, 1 ou 2 vantaux sur mesure.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-pragmatic\">Voir les caract\u00e9ristiques<\/button>\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-PRAGMATIC.pdf\"\r\n class=\"vs-product__btn vs-product__btn--icon\" aria-label=\"T\u00e9l\u00e9charger la fiche produit Le Pragmatic (PDF)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\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\u2550\u2550\u2550\r\n MODALES (texte seul)\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\u2550\u2550\u2550\u2550 -->\r\n<div class=\"vs-modal-backdrop\" data-modal-backdrop aria-hidden=\"true\"><\/div>\r\n\r\n<!-- MODALE LE PRATIC -->\r\n<div class=\"vs-modal vs-cat--multi\" id=\"modal-pratic\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-pratic-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Multi-fonction \u00b7 1 face<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-pratic-title\">Le Pratic<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche Le Pratic\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Bloc-porte multi-usage 1 face en acier 15\/10\u00e8me, \u00e9quip\u00e9 d'une serrure encastr\u00e9e 1 point. Fabrication enti\u00e8rement sur mesure \u00e0 vos dimensions, disponible en 1 ou 2 vantaux, configuration tirant ou poussant.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">B\u00e2ti<\/div><ul class=\"vs-modal__group-list\"><li><strong>B\u00e2ti r\u00e9novation Z :<\/strong> 4 \u00e9l\u00e9ments acier soud\u00e9s, 3 \u00e9l\u00e9ments pli\u00e9s 20\/10\u00e8me et barre de seuil ou fer plat<\/li><li><strong>B\u00e2ti tubulaire (option) :<\/strong> tube \u00e0 ailettes 50 \u00d7 30, 3 \u00e9l\u00e9ments tubulaires et barre de seuil<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Porte<\/div><ul class=\"vs-modal__group-list\"><li>1 face en <strong>acier 15\/10\u00e8me<\/strong><\/li><li>3 om\u00e9gas de renfort horizontaux soud\u00e9s<\/li><li>Fer plat de battement pour porte en poussant<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Pivotement<\/div><ul class=\"vs-modal__group-list\"><li>1 vantail : <strong>3 paumelles soud\u00e9es 140 mm<\/strong> sur but\u00e9e \u00e0 billes<\/li><li>2 vantaux : <strong>6 paumelles soud\u00e9es 140 mm<\/strong> sur but\u00e9e \u00e0 billes<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Serrure et cylindre<\/div><ul class=\"vs-modal__group-list\"><li>Serrure encastr\u00e9e <strong>1 point<\/strong>, p\u00eane 1\/2 tour ou p\u00eane dormant<\/li><li>Cylindre europ\u00e9en <strong>\u00c9CO 30 \u00d7 30<\/strong> avec 3 cl\u00e9s (de s\u00e9rie)<\/li><li>Option : <strong>EXTRA SAFE<\/strong> brevet\u00e9<\/li><li>Option : <strong>MOBILE CODE 20\/L<\/strong> brevet\u00e9<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Finitions<\/div><ul class=\"vs-modal__group-list\"><li>De s\u00e9rie : \u00e9poxy appr\u00eat gris<\/li><li>Option : \u00e9poxy <strong>RAL 1 couleur<\/strong><\/li><li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li><li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Dimensions<\/div><ul class=\"vs-modal__group-list\"><li>1 vantail : <strong>1 000 \u00d7 2 300 mm<\/strong> (au-del\u00e0 en option)<\/li><li>2 vantaux : <strong>1 800 \u00d7 2 300 mm<\/strong> (au-del\u00e0 en option)<\/li><li>Hors-formats disponibles jusqu'\u00e0 2 980 mm de hauteur<\/li><\/ul><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-PRATIC.pdf\" class=\"vs-product__btn vs-product__btn--primary\" download><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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>T\u00e9l\u00e9charger la fiche produit<\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<!-- MODALE L'UTILE -->\r\n<div class=\"vs-modal vs-cat--multi\" id=\"modal-utile\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-utile-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Multi-fonction \u00b7 2 faces<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-utile-title\">L'Utile<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche L'Utile\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Bloc-porte multi-usage 2 faces avec double habillage acier 15\/10\u00e8me, pour une finition soign\u00e9e des deux c\u00f4t\u00e9s. Id\u00e9al pour les passages o\u00f9 l'aspect int\u00e9rieur et ext\u00e9rieur compte.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">B\u00e2ti<\/div><ul class=\"vs-modal__group-list\"><li><strong>B\u00e2ti r\u00e9novation Z :<\/strong> 4 \u00e9l\u00e9ments acier soud\u00e9s en 20\/10\u00e8me<\/li><li><strong>B\u00e2ti tubulaire (option) :<\/strong> tube \u00e0 ailettes 50 \u00d7 30<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Porte<\/div><ul class=\"vs-modal__group-list\"><li>Porte <strong>2 faces en acier 15\/10\u00e8me<\/strong><\/li><li>Renforts internes soud\u00e9s<\/li><li>Habillage soign\u00e9 recto-verso<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Pivotement<\/div><ul class=\"vs-modal__group-list\"><li>1 vantail : 3 paumelles soud\u00e9es 140 mm<\/li><li>2 vantaux : 6 paumelles soud\u00e9es 140 mm<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Serrure et cylindre<\/div><ul class=\"vs-modal__group-list\"><li>Serrure encastr\u00e9e <strong>1 point<\/strong><\/li><li>Cylindre europ\u00e9en \u00c9CO 30 \u00d7 30 (de s\u00e9rie)<\/li><li>Options brevet\u00e9es EXTRA SAFE \u00b7 MOBILE CODE 20\/L<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Finitions<\/div><ul class=\"vs-modal__group-list\"><li>\u00c9poxy appr\u00eat gris (s\u00e9rie) ou RAL 1 couleur (option)<\/li><li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li><li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Dimensions<\/div><ul class=\"vs-modal__group-list\"><li>1 vantail : 1 000 \u00d7 2 300 mm (au-del\u00e0 en option)<\/li><li>2 vantaux : 1 800 \u00d7 2 300 mm (au-del\u00e0 en option)<\/li><\/ul><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LUTILE.pdf\" class=\"vs-product__btn vs-product__btn--primary\" download><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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>T\u00e9l\u00e9charger la fiche produit<\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<!-- MODALE L'\u00c9NERGIC -->\r\n<div class=\"vs-modal vs-cat--multi\" id=\"modal-energic\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-energic-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Multi-fonction \u00b7 1 face \u00b7 Multipoints<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-energic-title\">L'\u00c9nergic<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche L'\u00c9nergic\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Bloc-porte multi-usage 1 face en acier 15\/10\u00e8me \u00e9quip\u00e9 d'une serrure multipoints SECURYSTAR 3 points haut et bas. Combine la simplicit\u00e9 d'une porte 1 face avec la s\u00e9curit\u00e9 d'une serrure multipoints.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">B\u00e2ti<\/div><ul class=\"vs-modal__group-list\"><li><strong>B\u00e2ti r\u00e9novation Z :<\/strong> 4 \u00e9l\u00e9ments acier soud\u00e9s, 3 \u00e9l\u00e9ments pli\u00e9s 20\/10\u00e8me et barre de seuil ou fer plat<\/li><li><strong>B\u00e2ti tubulaire (option) :<\/strong> tube \u00e0 ailettes 50 \u00d7 30, 3 \u00e9l\u00e9ments tubulaires et barre de seuil<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Porte<\/div><ul class=\"vs-modal__group-list\"><li>1 face en <strong>acier 15\/10\u00e8me<\/strong><\/li><li>3 om\u00e9gas de renfort horizontaux soud\u00e9s<\/li><li>Fer plat de battement pour porte en poussant<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Serrure multipoints<\/div><ul class=\"vs-modal__group-list\"><li>Gamme <strong>SECURYSTAR<\/strong><\/li><li><strong>3 points de fermeture<\/strong> haut et bas, axe \u00e0 65 mm, entraxe 92 mm<\/li><li>R\u00e9f. 305\/A : p\u00eane 1\/2 tour<\/li><li>R\u00e9f. 305\/S : p\u00eane dormant<\/li><li>Options : cr\u00e9mone pompier 2 points PUSH, PAD ou DS \u00e0 levier crois\u00e9e<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Cylindre europ\u00e9en<\/div><ul class=\"vs-modal__group-list\"><li>De s\u00e9rie : <strong>\u00c9CO 30 \u00d7 30<\/strong> avec 3 cl\u00e9s<\/li><li>Option : <strong>EXTRA SAFE<\/strong> brevet\u00e9 30 \u00d7 30<\/li><li>Option : <strong>MOBILE CODE 20\/L<\/strong> brevet\u00e9 30 \u00d7 30<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Finitions<\/div><ul class=\"vs-modal__group-list\"><li>\u00c9poxy appr\u00eat gris (s\u00e9rie) ou RAL 1 couleur (option)<\/li><li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li><li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li><\/ul><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LENERGIC.pdf\" class=\"vs-product__btn vs-product__btn--primary\" download><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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>T\u00e9l\u00e9charger la fiche produit<\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<!-- MODALE LE PRAGMATIC -->\r\n<div class=\"vs-modal vs-cat--multi\" id=\"modal-pragmatic\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-pragmatic-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Multi-fonction \u00b7 2 faces \u00b7 Multipoints<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-pragmatic-title\">Le Pragmatic<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche Le Pragmatic\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Le mod\u00e8le multi-fonction le plus abouti : porte 2 faces acier \u00e9quip\u00e9e d'une serrure multipoints encastr\u00e9e pour une s\u00e9curit\u00e9 renforc\u00e9e sur tous les axes.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">B\u00e2ti<\/div><ul class=\"vs-modal__group-list\"><li>B\u00e2ti r\u00e9novation Z ou b\u00e2ti tubulaire \u00e0 ailettes 50 \u00d7 30<\/li><li>Pattes de scellement \u00e0 visser ou soud\u00e9es<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Porte<\/div><ul class=\"vs-modal__group-list\"><li>Porte <strong>2 faces acier 15\/10\u00e8me<\/strong><\/li><li>Om\u00e9gas de renfort horizontaux soud\u00e9s<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Pivotement<\/div><ul class=\"vs-modal__group-list\"><li>1 vantail : 3 paumelles soud\u00e9es 140 mm<\/li><li>2 vantaux : 6 paumelles soud\u00e9es 140 mm<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Serrure et cylindre<\/div><ul class=\"vs-modal__group-list\"><li>Serrure encastr\u00e9e <strong>multipoints<\/strong> \u00b7 verrouillage sur plusieurs axes<\/li><li>Cylindre europ\u00e9en \u00c9CO 30 \u00d7 30 (de s\u00e9rie)<\/li><li>Option : EXTRA SAFE brevet\u00e9 (3 cl\u00e9s + carte d'identification)<\/li><li>Option : MOBILE CODE 20\/L brevet\u00e9 (3 cl\u00e9s + carte d'identification)<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Finitions<\/div><ul class=\"vs-modal__group-list\"><li>\u00c9poxy appr\u00eat gris (s\u00e9rie) ou RAL 1 couleur (option)<\/li><li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li><li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li><\/ul><\/div>\r\n <div class=\"vs-modal__group\"><div class=\"vs-modal__group-label\">Dimensions<\/div><ul class=\"vs-modal__group-list\"><li>1 vantail : 1 000 \u00d7 2 300 mm (au-del\u00e0 en option)<\/li><li>2 vantaux : 1 800 \u00d7 2 300 mm (au-del\u00e0 en option)<\/li><\/ul><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-PRAGMATIC.pdf\" class=\"vs-product__btn vs-product__btn--primary\" download><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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>T\u00e9l\u00e9charger la fiche produit<\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n \/* \u2500\u2500 Modales \u2500\u2500 *\/\r\n const backdrop = document.querySelector('[data-modal-backdrop]');\r\n const modals = document.querySelectorAll('.vs-modal');\r\n if (!backdrop || !modals.length) return;\r\n\r\n function openModal(id) {\r\n const modal = document.getElementById(id);\r\n if (!modal) return;\r\n modal.classList.add('is-open');\r\n backdrop.classList.add('is-open');\r\n document.body.style.overflow = 'hidden';\r\n const f = modal.querySelector('[data-modal-close]');\r\n if (f) f.focus();\r\n }\r\n function closeAllModals() {\r\n modals.forEach(m => m.classList.remove('is-open'));\r\n backdrop.classList.remove('is-open');\r\n document.body.style.overflow = '';\r\n }\r\n document.querySelectorAll('[data-modal-open]').forEach(btn => {\r\n btn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n openModal(this.getAttribute('data-modal-open'));\r\n });\r\n });\r\n document.querySelectorAll('[data-modal-close]').forEach(btn => {\r\n btn.addEventListener('click', closeAllModals);\r\n });\r\n backdrop.addEventListener('click', closeAllModals);\r\n document.addEventListener('keydown', e => { if (e.key === 'Escape') closeAllModals(); });\r\n\r\n \/* \u2500\u2500 Navigation cat\u00e9gories \u2500\u2500 *\/\r\n const navBtns = document.querySelectorAll('.vs-cat-nav__btn[data-nav]');\r\n\r\n navBtns.forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n const targetId = this.getAttribute('data-nav');\r\n const target = document.getElementById(targetId);\r\n navBtns.forEach(b => b.classList.remove('is-active'));\r\n this.classList.add('is-active');\r\n if (target) {\r\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n });\r\n });\r\n\r\n \/* \u2500\u2500 Mise \u00e0 jour active au scroll \u2500\u2500 *\/\r\n const sections = Array.from(navBtns)\r\n .map(btn => document.getElementById(btn.getAttribute('data-nav')))\r\n .filter(Boolean);\r\n\r\n function updateActiveNav() {\r\n const scrollY = window.scrollY + 120;\r\n let current = sections[0];\r\n sections.forEach(section => {\r\n if (section.offsetTop <= scrollY) current = section;\r\n });\r\n navBtns.forEach(btn => {\r\n btn.classList.toggle('is-active', btn.getAttribute('data-nav') === (current && current.id));\r\n });\r\n }\r\n window.addEventListener('scroll', updateActiveNav, { passive: true });\r\n updateActiveNav();\r\n})();\r\n<\/script>\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-dabd843 e-flex e-con-boxed e-con e-parent\" data-id=\"dabd843\" 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-48a9739 elementor-widget elementor-widget-html\" data-id=\"48a9739\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n :root {\r\n --vs-black: #000000;\r\n --vs-black-soft: #1a1a1a;\r\n --vs-orange: #E8420A;\r\n --vs-grey-light: #ededed;\r\n --vs-white: #ffffff;\r\n --vs-paper: #f7f7f7;\r\n --cat-secours: #c8332e;\r\n --line: rgba(10,10,10,0.12);\r\n --line-strong: rgba(10,10,10,0.4);\r\n --mute: rgba(10,10,10,0.6);\r\n --container: 1400px;\r\n --pad-x: clamp(1.25rem, 4vw, 3rem);\r\n }\r\n\r\n * { margin:0; padding:0; box-sizing:border-box; }\r\n html { scroll-behavior:smooth; }\r\n body {\r\n font-family:'Exo', sans-serif;\r\n background:var(--vs-white); color:var(--vs-black);\r\n font-weight:400; line-height:1.55;\r\n -webkit-font-smoothing:antialiased; overflow-x:hidden;\r\n }\r\n img { max-width:100%; height:auto; display:block; }\r\n .container { max-width:var(--container); margin:0 auto; padding:0 var(--pad-x); }\r\n .mono { font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; font-weight:600; }\r\n .vs-cat *, .vs-modal * { text-decoration:none; }\r\n\r\n .vs-cat {\r\n padding:clamp(4rem,8vw,7rem) 0;\r\n background:var(--vs-paper);\r\n position:relative; scroll-margin-top:80px;\r\n }\r\n .vs-cat--secours { --cat-color:var(--cat-secours); }\r\n .vs-cat::before {\r\n content:''; position:absolute; top:0; left:0;\r\n width:6px; height:100%; background:var(--cat-color);\r\n }\r\n\r\n .vs-cat__header {\r\n margin-bottom:clamp(2.5rem,5vw,4rem);\r\n padding-bottom:2rem; border-bottom:1px solid var(--line);\r\n }\r\n .vs-cat__head-left { max-width:800px; }\r\n .vs-cat__eyebrow {\r\n display:inline-flex; align-items:center; gap:0.75rem;\r\n color:var(--cat-color); margin-bottom:1.25rem;\r\n }\r\n .vs-cat__eyebrow::before { content:''; width:32px; height:2px; background:var(--cat-color); }\r\n\r\n .vs-cat__title {\r\n font-weight:800; font-size:clamp(2rem,4.5vw,3.25rem);\r\n line-height:1; letter-spacing:-0.02em;\r\n color:var(--vs-black); margin-bottom:1rem; text-transform:uppercase;\r\n }\r\n .vs-cat__title span { color:var(--cat-color); }\r\n\r\n .vs-cat__desc {\r\n color:var(--vs-black-soft);\r\n font-size:clamp(1rem,1.4vw,1.1rem);\r\n line-height:1.6; max-width:700px;\r\n }\r\n\r\n .vs-cat__grid--2 {\r\n display:grid; grid-template-columns:repeat(2,1fr);\r\n gap:clamp(1.25rem,2.5vw,2rem);\r\n max-width:900px; margin:0 auto;\r\n }\r\n\r\n .vs-product {\r\n background:var(--vs-white); border:1px solid var(--line);\r\n display:flex; flex-direction:column;\r\n position:relative; overflow:hidden;\r\n transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),\r\n box-shadow 0.4s cubic-bezier(0.16,1,0.3,1),\r\n border-color 0.3s ease;\r\n }\r\n .vs-product:hover {\r\n transform:translateY(-4px);\r\n box-shadow:0 30px 60px -25px rgba(10,10,10,0.2);\r\n border-color:var(--cat-color);\r\n }\r\n .vs-product__image {\r\n position:relative; width:100%;\r\n aspect-ratio:4\/5; overflow:hidden; background:var(--vs-grey-light);\r\n }\r\n .vs-product__image img {\r\n width:100%; height:100%; object-fit:cover;\r\n transition:transform 0.8s cubic-bezier(0.16,1,0.3,1);\r\n }\r\n .vs-product:hover .vs-product__image img { transform:scale(1.05); }\r\n\r\n .vs-product__badge {\r\n position:absolute; top:1rem; right:1rem;\r\n background:var(--vs-white); color:var(--vs-black);\r\n padding:0.4rem 0.85rem; font-size:0.7rem; font-weight:700;\r\n letter-spacing:0.08em; text-transform:uppercase;\r\n border-radius:2px; z-index:2;\r\n }\r\n .vs-product__badge::before {\r\n content:''; display:inline-block;\r\n width:8px; height:8px; background:var(--cat-color);\r\n border-radius:50%; margin-right:0.4rem; vertical-align:middle;\r\n }\r\n\r\n .vs-product__body {\r\n padding:clamp(1.5rem,2.5vw,2rem);\r\n display:flex; flex-direction:column; flex:1;\r\n }\r\n .vs-product__title {\r\n font-weight:800; font-size:clamp(1.25rem,2vw,1.6rem);\r\n line-height:1.15; letter-spacing:-0.015em;\r\n margin-bottom:0.25rem; color:var(--vs-black); text-transform:uppercase;\r\n }\r\n .vs-product__subtitle {\r\n font-size:0.8rem; font-weight:600; color:var(--mute);\r\n letter-spacing:0.03em; margin-bottom:0.75rem; text-transform:none;\r\n }\r\n .vs-product__sub {\r\n color:var(--cat-color); font-size:0.82rem; font-weight:700;\r\n letter-spacing:0.06em; text-transform:uppercase; margin-bottom:1.25rem;\r\n }\r\n .vs-product__desc {\r\n color:var(--mute); font-size:0.95rem;\r\n line-height:1.7; margin-bottom:1.75rem; flex:1;\r\n }\r\n\r\n .vs-product__footer {\r\n margin-top:auto; padding-top:1.25rem;\r\n border-top:1px solid var(--line);\r\n display:grid; grid-template-columns:1fr auto; gap:0.6rem;\r\n }\r\n .vs-product__btn {\r\n display:inline-flex; align-items:center; justify-content:center; gap:0.5rem;\r\n padding:0.75rem 1rem; font-family:'Exo',sans-serif;\r\n font-size:0.85rem; font-weight:700; border-radius:2px;\r\n transition:all 0.25s ease; cursor:pointer;\r\n border:1px solid transparent; white-space:nowrap;\r\n }\r\n .vs-product__btn--primary {\r\n background:var(--vs-black); color:var(--vs-white); border-color:var(--vs-black);\r\n }\r\n .vs-product__btn--primary:hover { background:var(--cat-color); border-color:var(--cat-color); }\r\n .vs-product__btn--icon {\r\n background:transparent; color:var(--vs-black);\r\n border-color:var(--line-strong); width:44px; padding:0.75rem;\r\n }\r\n .vs-product__btn--icon:hover { background:var(--vs-black); color:var(--vs-white); border-color:var(--vs-black); }\r\n .vs-product__btn svg { width:16px; height:16px; }\r\n\r\n \/* \u2500\u2500 MODALES (texte seul) \u2500\u2500 *\/\r\n .vs-modal-backdrop {\r\n position:fixed; inset:0; background:rgba(0,0,0,0.7);\r\n backdrop-filter:blur(4px); z-index:100;\r\n opacity:0; pointer-events:none; transition:opacity 0.3s ease;\r\n }\r\n .vs-modal-backdrop.is-open { opacity:1; pointer-events:auto; }\r\n .vs-modal {\r\n position:fixed; top:50%; left:50%;\r\n transform:translate(-50%,-50%) scale(0.95);\r\n z-index:101; width:min(760px,95vw); max-height:90vh;\r\n background:var(--vs-white); display:flex; flex-direction:column;\r\n opacity:0; pointer-events:none;\r\n transition:opacity 0.3s ease, transform 0.3s ease;\r\n border-radius:2px; overflow:hidden;\r\n }\r\n .vs-modal.is-open { opacity:1; pointer-events:auto; transform:translate(-50%,-50%) scale(1); }\r\n .vs-modal__header {\r\n padding:1.25rem 1.5rem; border-bottom:1px solid var(--line);\r\n display:flex; align-items:center; justify-content:space-between; gap:1rem;\r\n background:var(--vs-white); position:relative; flex-shrink:0;\r\n }\r\n .vs-modal__header::before {\r\n content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--cat-color);\r\n }\r\n .vs-modal__header-info { display:flex; flex-direction:column; gap:0.2rem; }\r\n .vs-modal__header-cat { font-size:0.7rem; color:var(--cat-color); font-weight:700; letter-spacing:0.12em; text-transform:uppercase; }\r\n .vs-modal__header-title { font-size:1.1rem; font-weight:800; color:var(--vs-black); letter-spacing:-0.01em; text-transform:uppercase; }\r\n .vs-modal__close {\r\n width:40px; height:40px; border-radius:50%;\r\n background:var(--vs-paper); border:1px solid var(--line);\r\n color:var(--vs-black); display:flex; align-items:center; justify-content:center;\r\n cursor:pointer; transition:all 0.25s ease; flex-shrink:0;\r\n }\r\n .vs-modal__close:hover { background:var(--vs-black); color:var(--vs-white); border-color:var(--vs-black); }\r\n .vs-modal__close svg { width:18px; height:18px; }\r\n\r\n \/* corps en colonne unique, texte seul *\/\r\n .vs-modal__body { flex:1; overflow-y:auto; display:block !important; }\r\n .vs-modal__info { padding:clamp(1.5rem,3vw,2.25rem); width:100%; }\r\n\r\n \/* intro = chapeau mis en valeur *\/\r\n .vs-modal__intro {\r\n color:var(--vs-black);\r\n font-size:1rem; line-height:1.65;\r\n margin-bottom:1.75rem;\r\n padding:1.1rem 1.25rem;\r\n background:#f7eeed;\r\n background:color-mix(in srgb, var(--cat-color) 8%, #fff);\r\n border-left:3px solid var(--cat-color);\r\n border-radius:0 6px 6px 0;\r\n }\r\n .vs-modal__intro strong { color:var(--vs-black); font-weight:700; }\r\n\r\n \/* groupes en panneaux sur 2 colonnes *\/\r\n .vs-modal__groups { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\r\n @media (max-width:620px) { .vs-modal__groups { grid-template-columns:1fr; } }\r\n\r\n .vs-modal__group {\r\n background:var(--vs-paper);\r\n border:1px solid var(--line);\r\n border-radius:8px;\r\n padding:1rem 1.1rem;\r\n margin-bottom:0;\r\n }\r\n .vs-modal__group-label {\r\n display:flex; align-items:center; gap:0.5rem;\r\n font-size:0.68rem; letter-spacing:0.12em; text-transform:uppercase;\r\n color:var(--cat-color); font-weight:800;\r\n margin-bottom:0.7rem; padding-bottom:0.6rem;\r\n border-bottom:1px solid var(--line);\r\n }\r\n .vs-modal__group-label::before { content:''; width:14px; height:2px; background:var(--cat-color); flex-shrink:0; }\r\n .vs-modal__group-list { list-style:none; display:flex; flex-direction:column; gap:0.5rem; }\r\n .vs-modal__group-list li { color:var(--vs-black-soft); font-size:0.88rem; line-height:1.5; padding-left:1.1rem; position:relative; }\r\n .vs-modal__group-list li::before { content:'\u25b8'; position:absolute; left:0; color:var(--cat-color); font-weight:700; }\r\n .vs-modal__group-list strong { font-weight:700; color:var(--vs-black); }\r\n\r\n .vs-modal__footer {\r\n padding:1.25rem 1.5rem; border-top:1px solid var(--line);\r\n background:var(--vs-paper); display:flex; gap:0.75rem; flex-wrap:wrap; flex-shrink:0;\r\n }\r\n .vs-modal__footer .vs-product__btn { flex:1; min-width:200px; }\r\n\r\n @media (max-width:900px) {\r\n .vs-cat__grid--2 { grid-template-columns:1fr; max-width:600px; }\r\n }\r\n @media (max-width:700px) {\r\n .vs-modal { top:auto; bottom:0; left:0; right:0; width:100vw; max-height:92vh; border-radius:0; transform:translateY(100%); opacity:1; }\r\n .vs-modal.is-open { transform:translateY(0); }\r\n .vs-modal__header { padding:1rem; }\r\n .vs-modal__close { width:36px; height:36px; }\r\n }\r\n @media (max-width:500px) {\r\n .vs-modal__footer { flex-direction:column; padding:1rem; }\r\n .vs-modal__footer .vs-product__btn { min-width:0; width:100%; }\r\n }\r\n<\/style>\r\n\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,400;0,600;0,700;0,800;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- =========================================================\r\n SECTION ISSUE DE SECOURS\r\n ========================================================= -->\r\n<section id=\"issue-de-secours\" class=\"vs-cat vs-cat--secours\" aria-labelledby=\"secours-title\">\r\n <div class=\"container\">\r\n\r\n <header class=\"vs-cat__header\">\r\n <div class=\"vs-cat__head-left\">\r\n <div class=\"vs-cat__eyebrow mono\">Cat\u00e9gorie 02 \u00b7 2 mod\u00e8les<\/div>\r\n\r\n <h2 class=\"vs-cat__title\" id=\"secours-title\">\r\n Blocs-portes <span>issue de secours<\/span> acier \u00b7 norme EN 1125 \u00b7 sur mesure\r\n <\/h2>\r\n\r\n <p class=\"vs-cat__desc\">\r\n Blocs-portes acier 15\/10\u00e8me \u00e9quip\u00e9s de serrures anti-panique conformes \u00e0 la\r\n <strong>norme EN 1125<\/strong> (barre anti-panique) ou <strong>EN 179<\/strong>\r\n (poign\u00e9e). \u00c9vacuation imm\u00e9diate par simple pression depuis l'int\u00e9rieur, sans cl\u00e9.\r\n Solutions certifi\u00e9es <strong>ERP<\/strong>, locaux industriels et passages r\u00e9glement\u00e9s.\r\n Fabrication fran\u00e7aise sur mesure, disponibles en 1 ou 2 vantaux.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"vs-cat__grid--2\">\r\n\r\n <!-- LE SPRINT -->\r\n <article class=\"vs-product\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">1 face<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LE-SPRINT.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte Le Sprint Valente Securystar \u00b7 issue de secours 1 face acier 15\/10\u00e8me anti-panique EN 1125 sur mesure\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">Le Sprint<\/h3>\r\n <p class=\"vs-product__subtitle\">Bloc-porte acier 1 face \u00b7 serrure anti-panique EN 1125 \u00b7 sur mesure<\/p>\r\n <p class=\"vs-product__sub\">Issue de secours \u00b7 1 face<\/p>\r\n <p class=\"vs-product__desc\">\r\n Bloc-porte issue de secours 1 face en <strong>acier 15\/10\u00e8me<\/strong> \u00e9quip\u00e9 d'une\r\n serrure anti-panique <strong>BARRE ou PUSH conforme EN 1125<\/strong>. \u00c9vacuation\r\n imm\u00e9diate par simple pression, sans cl\u00e9, s\u00e9curit\u00e9 maintenue de l'ext\u00e9rieur.\r\n B\u00e2ti r\u00e9novation Z ou tubulaire, 1 ou 2 vantaux sur mesure, hors-formats disponibles.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-sprint\">\r\n Voir les caract\u00e9ristiques\r\n <\/button>\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-SPRINT.pdf\"\r\n class=\"vs-product__btn vs-product__btn--icon\"\r\n aria-label=\"T\u00e9l\u00e9charger la fiche produit Le Sprint (PDF)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- L'URGENCE -->\r\n <article class=\"vs-product\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">2 faces<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LURGENCE.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte L'Urgence Valente Securystar \u00b7 issue de secours 2 faces acier 15\/10\u00e8me anti-panique EN 1125 sur mesure\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">L'Urgence<\/h3>\r\n <p class=\"vs-product__subtitle\">Bloc-porte acier 2 faces \u00b7 serrure anti-panique EN 1125 \u00b7 sur mesure<\/p>\r\n <p class=\"vs-product__sub\">Issue de secours \u00b7 2 faces<\/p>\r\n <p class=\"vs-product__desc\">\r\n Bloc-porte issue de secours 2 faces en <strong>acier 15\/10\u00e8me<\/strong> double habillage\r\n avec serrure anti-panique <strong>BARRE ou PUSH conforme EN 1125<\/strong>.\r\n Cr\u00e9mone pompier 2 points PUSH de s\u00e9rie sur 2 vantaux. Finition soign\u00e9e recto-verso\r\n pour passages visibles int\u00e9rieur\/ext\u00e9rieur. B\u00e2ti r\u00e9novation Z ou tubulaire, sur mesure.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-urgence\">\r\n Voir les caract\u00e9ristiques\r\n <\/button>\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LURGENCE.pdf\"\r\n class=\"vs-product__btn vs-product__btn--icon\"\r\n aria-label=\"T\u00e9l\u00e9charger la fiche produit L'Urgence (PDF)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- MODALES -->\r\n<div class=\"vs-modal-backdrop\" data-modal-backdrop aria-hidden=\"true\"><\/div>\r\n\r\n<!-- MODALE LE SPRINT -->\r\n<div class=\"vs-modal vs-cat--secours\" id=\"modal-sprint\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-sprint-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Issue de secours \u00b7 1 face<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-sprint-title\">Le Sprint<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche Le Sprint\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Bloc-porte issue de secours 1 face en acier 15\/10\u00e8me, \u00e9quip\u00e9 d'une serrure anti-panique BARRE ou PUSH conforme norme EN 1125. \u00c9vacuation imm\u00e9diate par simple pression, sans cl\u00e9. Certifi\u00e9 ERP, locaux industriels et b\u00e2timents accueillant du public.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">B\u00e2ti<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li><strong>B\u00e2ti r\u00e9novation Z :<\/strong> 4 \u00e9l\u00e9ments acier soud\u00e9s, 3 \u00e9l\u00e9ments pli\u00e9s 20\/10\u00e8me et barre de seuil ou fer plat<\/li>\r\n <li><strong>B\u00e2ti tubulaire (option) :<\/strong> tube \u00e0 ailettes 50 \u00d7 30, 3 \u00e9l\u00e9ments tubulaires<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Porte<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 face en <strong>acier 15\/10\u00e8me<\/strong><\/li>\r\n <li>3 om\u00e9gas de renfort horizontaux soud\u00e9s<\/li>\r\n <li>Fer plat de battement<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Pivotement<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 vantail : <strong>3 paumelles soud\u00e9es 140 mm<\/strong> sur but\u00e9e \u00e0 billes<\/li>\r\n <li>2 vantaux : <strong>6 paumelles soud\u00e9es 140 mm<\/strong> sur but\u00e9e \u00e0 billes<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Serrure anti-panique<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Conforme <strong>norme EN 1125<\/strong> (barre anti-panique)<\/li>\r\n <li><strong>1 ou 3 points lat\u00e9raux<\/strong> ou haut et bas<\/li>\r\n <li>R\u00e9f\u00e9rence : <strong>BARRE ou PUSH<\/strong><\/li>\r\n <li>Coloris : Blanc RAL 9016 \u00b7 Gris RAL 9006 \u00b7 Noir RAL 9005<\/li>\r\n <li>Option : cr\u00e9mone pompier 2 points PAD<\/li>\r\n <li>Option : anti-panique 2 points<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Module ext\u00e9rieur et cylindre (option)<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>B\u00e9quille, bouton fixe ou bouton rotatif<\/li>\r\n <li>1\/2 cylindre <strong>\u00c9CO 10 \u00d7 30<\/strong> avec 3 cl\u00e9s (de s\u00e9rie)<\/li>\r\n <li>Option : <strong>EXTRA SAFE<\/strong> brevet\u00e9<\/li>\r\n <li>Option : <strong>MOBILE CODE 20\/L<\/strong> brevet\u00e9<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Finitions<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>De s\u00e9rie : \u00e9poxy appr\u00eat gris<\/li>\r\n <li>Option : \u00e9poxy <strong>RAL 1 couleur<\/strong><\/li>\r\n <li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li>\r\n <li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-SPRINT.pdf\"\r\n class=\"vs-product__btn vs-product__btn--primary\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 la fiche produit\r\n <\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<!-- MODALE L'URGENCE -->\r\n<div class=\"vs-modal vs-cat--secours\" id=\"modal-urgence\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-urgence-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Issue de secours \u00b7 2 faces<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-urgence-title\">L'Urgence<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche L'Urgence\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Bloc-porte issue de secours 2 faces avec double habillage acier 15\/10\u00e8me. Conjugue s\u00e9curit\u00e9 r\u00e9glementaire (serrure anti-panique EN 1125) et finition soign\u00e9e recto-verso pour les passages visibles int\u00e9rieur\/ext\u00e9rieur.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">B\u00e2ti<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>B\u00e2ti r\u00e9novation Z en acier 20\/10\u00e8me<\/li>\r\n <li>B\u00e2ti tubulaire \u00e0 ailettes 50 \u00d7 30 (option)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Porte<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Porte <strong>2 faces en acier 15\/10\u00e8me<\/strong><\/li>\r\n <li>Renforts internes soud\u00e9s<\/li>\r\n <li>Habillage soign\u00e9 recto-verso<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Pivotement<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 vantail : 3 paumelles soud\u00e9es 140 mm<\/li>\r\n <li>2 vantaux : 6 paumelles soud\u00e9es 140 mm<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Serrure anti-panique<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Conforme <strong>norme EN 1125<\/strong> (barre anti-panique)<\/li>\r\n <li>1 ou 3 points de fermeture, BARRE ou PUSH<\/li>\r\n <li>Sur 2 vantaux : <strong>cr\u00e9mone pompier 2 points PUSH<\/strong> de s\u00e9rie<\/li>\r\n <li>Option : cr\u00e9mone pompier 2 points PAD<\/li>\r\n <li>Option : anti-panique 2 points<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Module ext\u00e9rieur et cylindre (option)<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>B\u00e9quille, bouton fixe ou bouton rotatif<\/li>\r\n <li>1\/2 cylindre \u00c9CO 10 \u00d7 30 (de s\u00e9rie)<\/li>\r\n <li>Option : EXTRA SAFE brevet\u00e9<\/li>\r\n <li>Option : MOBILE CODE 20\/L brevet\u00e9<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Finitions<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>\u00c9poxy appr\u00eat gris (s\u00e9rie) ou RAL 1 couleur (option)<\/li>\r\n <li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li>\r\n <li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LURGENCE.pdf\"\r\n class=\"vs-product__btn vs-product__btn--primary\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 la fiche produit\r\n <\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n const backdrop = document.querySelector('[data-modal-backdrop]');\r\n const modals = document.querySelectorAll('.vs-modal');\r\n if (!backdrop || !modals.length) return;\r\n function openModal(id) {\r\n const modal = document.getElementById(id);\r\n if (!modal) return;\r\n modal.classList.add('is-open');\r\n backdrop.classList.add('is-open');\r\n document.body.style.overflow = 'hidden';\r\n const f = modal.querySelector('[data-modal-close]');\r\n if (f) f.focus();\r\n }\r\n function closeAllModals() {\r\n modals.forEach(m => m.classList.remove('is-open'));\r\n backdrop.classList.remove('is-open');\r\n document.body.style.overflow = '';\r\n }\r\n document.querySelectorAll('[data-modal-open]').forEach(btn => {\r\n btn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n openModal(this.getAttribute('data-modal-open'));\r\n });\r\n });\r\n document.querySelectorAll('[data-modal-close]').forEach(btn => {\r\n btn.addEventListener('click', closeAllModals);\r\n });\r\n backdrop.addEventListener('click', closeAllModals);\r\n document.addEventListener('keydown', e => { if (e.key === 'Escape') closeAllModals(); });\r\n})();\r\n<\/script>\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-f0538e0 e-flex e-con-boxed e-con e-parent\" data-id=\"f0538e0\" 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-80d3c18 elementor-widget elementor-widget-html\" data-id=\"80d3c18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n :root {\r\n --vs-black: #000000;\r\n --vs-black-soft: #1a1a1a;\r\n --vs-grey-light: #ededed;\r\n --vs-white: #ffffff;\r\n --vs-paper: #f7f7f7;\r\n --cat-acces: #e67817;\r\n --line: rgba(10,10,10,0.12);\r\n --line-strong: rgba(10,10,10,0.4);\r\n --mute: rgba(10,10,10,0.6);\r\n --container: 1400px;\r\n --pad-x: clamp(1.25rem, 4vw, 3rem);\r\n }\r\n * { margin:0; padding:0; box-sizing:border-box; }\r\n html { scroll-behavior:smooth; }\r\n body { font-family:'Exo',sans-serif; background:var(--vs-white); color:var(--vs-black); font-weight:400; line-height:1.55; -webkit-font-smoothing:antialiased; overflow-x:hidden; }\r\n img { max-width:100%; height:auto; display:block; }\r\n .container { max-width:var(--container); margin:0 auto; padding:0 var(--pad-x); }\r\n .mono { font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; font-weight:600; }\r\n .vs-cat *, .vs-modal * { text-decoration:none; }\r\n\r\n .vs-cat { padding:clamp(4rem,8vw,7rem) 0; background:var(--vs-paper); position:relative; scroll-margin-top:80px; }\r\n .vs-cat--acces { --cat-color:var(--cat-acces); }\r\n .vs-cat::before { content:''; position:absolute; top:0; left:0; width:6px; height:100%; background:var(--cat-color); }\r\n\r\n .vs-cat__header { margin-bottom:clamp(2.5rem,5vw,4rem); padding-bottom:2rem; border-bottom:1px solid var(--line); }\r\n .vs-cat__head-left { max-width:800px; }\r\n .vs-cat__eyebrow { display:inline-flex; align-items:center; gap:0.75rem; color:var(--cat-color); margin-bottom:1.25rem; }\r\n .vs-cat__eyebrow::before { content:''; width:32px; height:2px; background:var(--cat-color); }\r\n\r\n .vs-cat__title { font-weight:800; font-size:clamp(2rem,4.5vw,3.25rem); line-height:1; letter-spacing:-0.02em; color:var(--vs-black); margin-bottom:1rem; text-transform:uppercase; }\r\n .vs-cat__title span { color:var(--cat-color); }\r\n\r\n .vs-cat__desc { color:var(--vs-black-soft); font-size:clamp(1rem,1.4vw,1.1rem); line-height:1.6; max-width:700px; }\r\n\r\n .vs-cat__grid--2 { display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(1.25rem,2.5vw,2rem); max-width:900px; margin:0 auto; }\r\n\r\n .vs-product { background:var(--vs-white); border:1px solid var(--line); display:flex; flex-direction:column; position:relative; overflow:hidden; transition:transform 0.4s cubic-bezier(0.16,1,0.3,1), box-shadow 0.4s cubic-bezier(0.16,1,0.3,1), border-color 0.3s ease; }\r\n .vs-product:hover { transform:translateY(-4px); box-shadow:0 30px 60px -25px rgba(10,10,10,0.2); border-color:var(--cat-color); }\r\n .vs-product__image { position:relative; width:100%; aspect-ratio:4\/5; overflow:hidden; background:var(--vs-grey-light); }\r\n .vs-product__image img { width:100%; height:100%; object-fit:cover; transition:transform 0.8s cubic-bezier(0.16,1,0.3,1); }\r\n .vs-product:hover .vs-product__image img { transform:scale(1.05); }\r\n .vs-product__badge { position:absolute; top:1rem; right:1rem; background:var(--vs-white); color:var(--vs-black); padding:0.4rem 0.85rem; font-size:0.7rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; border-radius:2px; z-index:2; }\r\n .vs-product__badge::before { content:''; display:inline-block; width:8px; height:8px; background:var(--cat-color); border-radius:50%; margin-right:0.4rem; vertical-align:middle; }\r\n .vs-product__body { padding:clamp(1.5rem,2.5vw,2rem); display:flex; flex-direction:column; flex:1; }\r\n\r\n .vs-product__title { font-weight:800; font-size:clamp(1.25rem,2vw,1.6rem); line-height:1.15; letter-spacing:-0.015em; margin-bottom:0.25rem; color:var(--vs-black); text-transform:uppercase; }\r\n .vs-product__subtitle { font-size:0.8rem; font-weight:600; color:var(--mute); letter-spacing:0.03em; margin-bottom:0.75rem; text-transform:none; }\r\n .vs-product__sub { color:var(--cat-color); font-size:0.82rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:1.25rem; }\r\n .vs-product__desc { color:var(--mute); font-size:0.95rem; line-height:1.7; margin-bottom:1.75rem; flex:1; }\r\n\r\n .vs-product__footer { margin-top:auto; padding-top:1.25rem; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr auto; gap:0.6rem; }\r\n .vs-product__btn { display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; padding:0.75rem 1rem; font-family:'Exo',sans-serif; font-size:0.85rem; font-weight:700; border-radius:2px; transition:all 0.25s ease; cursor:pointer; border:1px solid transparent; white-space:nowrap; }\r\n .vs-product__btn--primary { background:var(--vs-black); color:var(--vs-white); border-color:var(--vs-black); }\r\n .vs-product__btn--primary:hover { background:var(--cat-color); border-color:var(--cat-color); }\r\n .vs-product__btn--icon { background:transparent; color:var(--vs-black); border-color:var(--line-strong); width:44px; padding:0.75rem; }\r\n .vs-product__btn--icon:hover { background:var(--vs-black); color:var(--vs-white); border-color:var(--vs-black); }\r\n .vs-product__btn svg { width:16px; height:16px; }\r\n\r\n .vs-modal-backdrop { position:fixed; inset:0; background:rgba(0,0,0,0.7); backdrop-filter:blur(4px); z-index:100; opacity:0; pointer-events:none; transition:opacity 0.3s ease; }\r\n .vs-modal-backdrop.is-open { opacity:1; pointer-events:auto; }\r\n .vs-modal { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%) scale(0.95); z-index:101; width:min(760px,95vw); max-height:90vh; background:var(--vs-white); display:flex; flex-direction:column; opacity:0; pointer-events:none; transition:opacity 0.3s ease, transform 0.3s ease; border-radius:2px; overflow:hidden; }\r\n .vs-modal.is-open { opacity:1; pointer-events:auto; transform:translate(-50%,-50%) scale(1); }\r\n .vs-modal__header { padding:1.25rem 1.5rem; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:1rem; background:var(--vs-white); position:relative; flex-shrink:0; }\r\n .vs-modal__header::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--cat-color); }\r\n .vs-modal__header-info { display:flex; flex-direction:column; gap:0.2rem; }\r\n .vs-modal__header-cat { font-size:0.7rem; color:var(--cat-color); font-weight:700; letter-spacing:0.12em; text-transform:uppercase; }\r\n .vs-modal__header-title { font-size:1.1rem; font-weight:800; color:var(--vs-black); letter-spacing:-0.01em; text-transform:uppercase; }\r\n .vs-modal__close { width:40px; height:40px; border-radius:50%; background:var(--vs-paper); border:1px solid var(--line); color:var(--vs-black); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.25s ease; flex-shrink:0; }\r\n .vs-modal__close:hover { background:var(--vs-black); color:var(--vs-white); border-color:var(--vs-black); }\r\n .vs-modal__close svg { width:18px; height:18px; }\r\n\r\n \/* corps en colonne unique, texte seul *\/\r\n .vs-modal__body { flex:1; overflow-y:auto; display:block !important; }\r\n .vs-modal__info { padding:clamp(1.5rem,3vw,2.25rem); width:100%; }\r\n\r\n \/* intro = chapeau mis en valeur *\/\r\n .vs-modal__intro {\r\n color:var(--vs-black);\r\n font-size:1rem; line-height:1.65;\r\n margin-bottom:1.75rem;\r\n padding:1.1rem 1.25rem;\r\n background:#fdf1e7;\r\n background:color-mix(in srgb, var(--cat-color) 9%, #fff);\r\n border-left:3px solid var(--cat-color);\r\n border-radius:0 6px 6px 0;\r\n }\r\n .vs-modal__intro strong { color:var(--vs-black); font-weight:700; }\r\n\r\n \/* groupes en panneaux sur 2 colonnes *\/\r\n .vs-modal__groups { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\r\n @media (max-width:620px) { .vs-modal__groups { grid-template-columns:1fr; } }\r\n\r\n .vs-modal__group {\r\n background:var(--vs-paper);\r\n border:1px solid var(--line);\r\n border-radius:8px;\r\n padding:1rem 1.1rem;\r\n margin-bottom:0;\r\n }\r\n .vs-modal__group-label {\r\n display:flex; align-items:center; gap:0.5rem;\r\n font-size:0.68rem; letter-spacing:0.12em; text-transform:uppercase;\r\n color:var(--cat-color); font-weight:800;\r\n margin-bottom:0.7rem; padding-bottom:0.6rem;\r\n border-bottom:1px solid var(--line);\r\n }\r\n .vs-modal__group-label::before { content:''; width:14px; height:2px; background:var(--cat-color); flex-shrink:0; }\r\n .vs-modal__group-list { list-style:none; display:flex; flex-direction:column; gap:0.5rem; }\r\n .vs-modal__group-list li { color:var(--vs-black-soft); font-size:0.88rem; line-height:1.5; padding-left:1.1rem; position:relative; }\r\n .vs-modal__group-list li::before { content:'\u25b8'; position:absolute; left:0; color:var(--cat-color); font-weight:700; }\r\n .vs-modal__group-list strong { font-weight:700; color:var(--vs-black); }\r\n\r\n .vs-modal__footer { padding:1.25rem 1.5rem; border-top:1px solid var(--line); background:var(--vs-paper); display:flex; gap:0.75rem; flex-wrap:wrap; flex-shrink:0; }\r\n .vs-modal__footer .vs-product__btn { flex:1; min-width:200px; }\r\n\r\n @media (max-width:900px) { .vs-cat__grid--2 { grid-template-columns:1fr; max-width:600px; } }\r\n @media (max-width:700px) { .vs-modal { top:auto; bottom:0; left:0; right:0; width:100vw; max-height:92vh; border-radius:0; transform:translateY(100%); opacity:1; } .vs-modal.is-open { transform:translateY(0); } .vs-modal__header { padding:1rem; } .vs-modal__close { width:36px; height:36px; } }\r\n @media (max-width:500px) { .vs-modal__footer { flex-direction:column; padding:1rem; } .vs-modal__footer .vs-product__btn { min-width:0; width:100%; } }\r\n<\/style>\r\n\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,400;0,600;0,700;0,800;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"controle-acces\" class=\"vs-cat vs-cat--acces\" aria-labelledby=\"acces-title\">\r\n <div class=\"container\">\r\n\r\n <header class=\"vs-cat__header\">\r\n <div class=\"vs-cat__head-left\">\r\n <div class=\"vs-cat__eyebrow mono\">Cat\u00e9gorie 03 \u00b7 2 mod\u00e8les<\/div>\r\n\r\n <h2 class=\"vs-cat__title\" id=\"acces-title\">\r\n Blocs-portes <span>contr\u00f4le d'acc\u00e8s<\/span> \u00b7 ventouses CNPP NF S61-937\r\n <\/h2>\r\n\r\n <p class=\"vs-cat__desc\">\r\n Blocs-portes acier \u00e9quip\u00e9s de <strong>bandeaux ventouses \u00e9lectromagn\u00e9tiques 300 kg<\/strong>\r\n certifi\u00e9s issue de secours par le <strong>CNPP \u00b7 norme AFNOR NF S61-937<\/strong>.\r\n Lib\u00e9ration automatique en cas d'alarme incendie. Solutions sur mesure id\u00e9ales pour\r\n <strong>copropri\u00e9t\u00e9s<\/strong>, b\u00e2timents tertiaires et tout site n\u00e9cessitant un contr\u00f4le\r\n d'acc\u00e8s coupl\u00e9 \u00e0 une \u00e9vacuation conforme. Fabrication fran\u00e7aise, 1 ou 2 vantaux.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"vs-cat__grid--2\">\r\n\r\n <!-- LE TONNERRE -->\r\n <article class=\"vs-product\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">1 face<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LE-TONNERRE.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte Le Tonnerre Valente Securystar \u00b7 contr\u00f4le d'acc\u00e8s 1 face acier 20\/10\u00e8me ventouses 300 kg CNPP NF S61-937 sur mesure\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">Le Tonnerre<\/h3>\r\n <p class=\"vs-product__subtitle\">Bloc-porte acier 1 face \u00b7 ventouses 300 kg \u00b7 certifi\u00e9 CNPP NF S61-937<\/p>\r\n <p class=\"vs-product__sub\">Contr\u00f4le d'acc\u00e8s \u00b7 1 face<\/p>\r\n <p class=\"vs-product__desc\">\r\n Bloc-porte contr\u00f4le d'acc\u00e8s 1 face en <strong>acier 20\/10\u00e8me<\/strong> avec b\u00e2ti\r\n r\u00e9novation cochonnet int\u00e9gr\u00e9, \u00e9quip\u00e9 d'un bandeau <strong>2 ventouses\r\n \u00e9lectromagn\u00e9tiques 300 kg certifi\u00e9es CNPP \u00b7 norme NF S61-937<\/strong>.\r\n 4 om\u00e9gas de renfort soud\u00e9s. Lib\u00e9ration automatique incendie garantie.\r\n Fabrication sur mesure, 1 ou 2 vantaux.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-tonnerre\">\r\n Voir les caract\u00e9ristiques\r\n <\/button>\r\n <!-- TODO : remplacer href par l'URL PDF d\u00e8s disponibilit\u00e9 -->\r\n <a href=\"#\" class=\"vs-product__btn vs-product__btn--icon\"\r\n aria-label=\"Fiche produit Le Tonnerre (PDF \u00e0 venir)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- L'ELECTRIC -->\r\n <article class=\"vs-product\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">2 faces<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LELECTRIC.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte L'Electric Valente Securystar \u00b7 contr\u00f4le d'acc\u00e8s 2 faces acier 20\/10\u00e8me ventouses 300 kg CNPP NF S61-937 sur mesure\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">L'Electric<\/h3>\r\n <p class=\"vs-product__subtitle\">Bloc-porte acier 2 faces \u00b7 ventouses 300 kg \u00b7 certifi\u00e9 CNPP NF S61-937<\/p>\r\n <p class=\"vs-product__sub\">Contr\u00f4le d'acc\u00e8s \u00b7 2 faces<\/p>\r\n <p class=\"vs-product__desc\">\r\n Bloc-porte contr\u00f4le d'acc\u00e8s 2 faces en <strong>acier 20\/10\u00e8me<\/strong> double habillage,\r\n 5 om\u00e9gas de renfort soud\u00e9s, \u00e9quip\u00e9 d'un bandeau <strong>2 ventouses \u00e9lectromagn\u00e9tiques\r\n 300 kg certifi\u00e9es CNPP \u00b7 norme NF S61-937<\/strong>. Finition soign\u00e9e\r\n recto-verso pour copropri\u00e9t\u00e9s et b\u00e2timents tertiaires. Sur mesure, 1 ou 2 vantaux.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-electric\">\r\n Voir les caract\u00e9ristiques\r\n <\/button>\r\n <!-- TODO : remplacer href par l'URL PDF d\u00e8s disponibilit\u00e9 -->\r\n <a href=\"#\" class=\"vs-product__btn vs-product__btn--icon\"\r\n aria-label=\"Fiche produit L'Electric (PDF \u00e0 venir)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"vs-modal-backdrop\" data-modal-backdrop aria-hidden=\"true\"><\/div>\r\n\r\n<!-- MODALE LE TONNERRE -->\r\n<div class=\"vs-modal vs-cat--acces\" id=\"modal-tonnerre\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-tonnerre-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Contr\u00f4le d'acc\u00e8s \u00b7 1 face<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-tonnerre-title\">Le Tonnerre<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche Le Tonnerre\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Bloc-porte contr\u00f4le d'acc\u00e8s 1 face en acier 20\/10\u00e8me, \u00e9quip\u00e9 d'un bandeau ventouses \u00e9lectromagn\u00e9tiques certifi\u00e9 issue de secours. Solution id\u00e9ale pour copropri\u00e9t\u00e9s, b\u00e2timents tertiaires et sites n\u00e9cessitant un acc\u00e8s contr\u00f4l\u00e9 conforme aux normes.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">B\u00e2ti<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li><strong>B\u00e2ti r\u00e9novation cochonnet int\u00e9gr\u00e9 :<\/strong> 4 \u00e9l\u00e9ments acier soud\u00e9s, 3 \u00e9l\u00e9ments pli\u00e9s 25\/10\u00e8me et barre de seuil<\/li>\r\n <li><strong>B\u00e2ti tubulaire (option) :<\/strong> 1 vantail tube \u00e0 ailettes 50 \u00d7 50<\/li>\r\n <li><strong>B\u00e2ti tubulaire (option) :<\/strong> 2 vantaux tube \u00e0 ailettes 50 \u00d7 30<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Porte<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 face en <strong>acier 20\/10\u00e8me<\/strong><\/li>\r\n <li>4 om\u00e9gas de renfort soud\u00e9s : 3 horizontaux + 1 vertical<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Pivotement<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 vantail : <strong>3 paumelles soud\u00e9es 140 mm<\/strong> sur but\u00e9e \u00e0 billes<\/li>\r\n <li>2 vantaux : <strong>6 paumelles soud\u00e9es 140 mm<\/strong> sur but\u00e9e \u00e0 billes<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Bandeau ventouses<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Poteau technique sur-mesure en <strong>acier 25\/10\u00e8me<\/strong> anti-vandale soud\u00e9 sur l'ouvrant<\/li>\r\n <li><strong>2 ventouses \u00e9lectromagn\u00e9tiques de 300 kg<\/strong><\/li>\r\n <li>Certifi\u00e9es issue de secours par le <strong>CNPP \u00b7 norme AFNOR NF S61-937<\/strong><\/li>\r\n <li>2 vantaux : 2 verrous \u00e0 bascule + passe-c\u00e2ble encastr\u00e9 de s\u00e9rie<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Serrure et cylindre (option)<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Serrure encastr\u00e9e 1 point de secours p\u00eane dormant<\/li>\r\n <li>Cylindre <strong>\u00c9CO 30 \u00d7 30<\/strong> avec 3 cl\u00e9s (de s\u00e9rie)<\/li>\r\n <li>Option : <strong>EXTRA SAFE<\/strong> brevet\u00e9<\/li>\r\n <li>Option : <strong>MOBILE CODE 20\/L<\/strong> brevet\u00e9<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Poign\u00e9e (option)<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Demi-lune acier soud\u00e9e<\/li>\r\n <li>Rectangulaire acier soud\u00e9e \u00e0 angles mouch\u00e9s<\/li>\r\n <li>B\u00e2ton de mar\u00e9chal acier ou inox<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Finitions<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>De s\u00e9rie : \u00e9poxy appr\u00eat gris<\/li>\r\n <li>Option : \u00e9poxy <strong>RAL 1 couleur<\/strong><\/li>\r\n <li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li>\r\n <li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Dimensions<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 vantail : <strong>1 000 \u00d7 2 300 mm<\/strong> (au-del\u00e0 en option)<\/li>\r\n <li>2 vantaux : <strong>1 800 \u00d7 2 300 mm<\/strong> (au-del\u00e0 en option)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <!-- TODO : remplacer href par URL PDF -->\r\n <a href=\"#\" class=\"vs-product__btn vs-product__btn--primary\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 la fiche produit\r\n <\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<!-- MODALE L'ELECTRIC -->\r\n<div class=\"vs-modal vs-cat--acces\" id=\"modal-electric\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-electric-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Contr\u00f4le d'acc\u00e8s \u00b7 2 faces<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-electric-title\">L'Electric<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche L'Electric\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Bloc-porte contr\u00f4le d'acc\u00e8s 2 faces avec double habillage acier 20\/10\u00e8me. Conjugue performance technique (bandeau ventouses CNPP \u00b7 NF S61-937) et finition soign\u00e9e recto-verso pour les passages o\u00f9 l'esth\u00e9tique compte.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">B\u00e2ti<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li><strong>B\u00e2ti r\u00e9novation cochonnet int\u00e9gr\u00e9 :<\/strong> acier 25\/10\u00e8me, 3 \u00e9l\u00e9ments pli\u00e9s<\/li>\r\n <li><strong>B\u00e2ti tubulaire (option) :<\/strong> 50 \u00d7 50 (1 vantail)<\/li>\r\n <li><strong>B\u00e2ti tubulaire (option) :<\/strong> 50 \u00d7 30 (2 vantaux)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Porte<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Porte <strong>2 faces en acier 20\/10\u00e8me<\/strong><\/li>\r\n <li><strong>5 om\u00e9gas<\/strong> de renfort horizontaux soud\u00e9s<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Pivotement<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 vantail : 3 paumelles soud\u00e9es 140 mm<\/li>\r\n <li>2 vantaux : 6 paumelles soud\u00e9es 140 mm<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Bandeau ventouses<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Poteau technique sur-mesure en acier 25\/10\u00e8me anti-vandale<\/li>\r\n <li><strong>2 ventouses \u00e9lectromagn\u00e9tiques de 300 kg<\/strong><\/li>\r\n <li>Certifi\u00e9es CNPP \u00b7 norme AFNOR <strong>NF S61-937<\/strong><\/li>\r\n <li>2 vantaux : 2 verrous \u00e0 bascule + passe-c\u00e2ble encastr\u00e9 de s\u00e9rie<\/li>\r\n <li>Option : cr\u00e9mone pompier 2 points PUSH<\/li>\r\n <li>Option : cr\u00e9mone pompier 2 points PAD<\/li>\r\n <li>Option : DS \u00e0 levier crois\u00e9e<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Serrure et cylindre (option)<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Serrure encastr\u00e9e 1 point de secours p\u00eane dormant<\/li>\r\n <li>Cylindre \u00c9CO 30 \u00d7 30 (de s\u00e9rie)<\/li>\r\n <li>Option : EXTRA SAFE brevet\u00e9<\/li>\r\n <li>Option : MOBILE CODE 20\/L brevet\u00e9<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Poign\u00e9e (option)<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Demi-lune acier soud\u00e9e<\/li>\r\n <li>Rectangulaire acier soud\u00e9e<\/li>\r\n <li>B\u00e2ton de mar\u00e9chal acier ou inox<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Finitions<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>\u00c9poxy appr\u00eat gris (s\u00e9rie) ou RAL 1 couleur (option)<\/li>\r\n <li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li>\r\n <li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Dimensions<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 vantail : 1 000 \u00d7 2 300 mm (au-del\u00e0 en option)<\/li>\r\n <li>2 vantaux : 1 800 \u00d7 2 300 mm (au-del\u00e0 en option)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <!-- TODO : remplacer href par URL PDF -->\r\n <a href=\"#\" class=\"vs-product__btn vs-product__btn--primary\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 la fiche produit\r\n <\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n const backdrop = document.querySelector('[data-modal-backdrop]');\r\n const modals = document.querySelectorAll('.vs-modal');\r\n if (!backdrop || !modals.length) return;\r\n function openModal(id) {\r\n const modal = document.getElementById(id);\r\n if (!modal) return;\r\n modal.classList.add('is-open');\r\n backdrop.classList.add('is-open');\r\n document.body.style.overflow = 'hidden';\r\n const f = modal.querySelector('[data-modal-close]');\r\n if (f) f.focus();\r\n }\r\n function closeAllModals() {\r\n modals.forEach(m => m.classList.remove('is-open'));\r\n backdrop.classList.remove('is-open');\r\n document.body.style.overflow = '';\r\n }\r\n document.querySelectorAll('[data-modal-open]').forEach(btn => {\r\n btn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n openModal(this.getAttribute('data-modal-open'));\r\n });\r\n });\r\n document.querySelectorAll('[data-modal-close]').forEach(btn => {\r\n btn.addEventListener('click', closeAllModals);\r\n });\r\n backdrop.addEventListener('click', closeAllModals);\r\n document.addEventListener('keydown', e => { if (e.key === 'Escape') closeAllModals(); });\r\n})();\r\n<\/script>\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-fdc2797 e-flex e-con-boxed e-con e-parent\" data-id=\"fdc2797\" 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-d55d0d9 elementor-widget elementor-widget-html\" data-id=\"d55d0d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n SECTION CAVE A2P \u00b7 Blocs-portes | Valente Securystar\r\n VERSION SANS IMAGES DANS LES FEN\u00caTRES (texte seul, mise en page soign\u00e9e)\r\n ============================================================ -->\r\n\r\n<style>\r\n :root {\r\n --vs-black: #000000;\r\n --vs-black-soft: #1a1a1a;\r\n --vs-grey-light: #ededed;\r\n --vs-white: #ffffff;\r\n --vs-paper: #f7f7f7;\r\n --cat-cave: #6f7378;\r\n --line: rgba(10,10,10,0.12);\r\n --line-strong: rgba(10,10,10,0.4);\r\n --mute: rgba(10,10,10,0.6);\r\n --container: 1400px;\r\n --pad-x: clamp(1.25rem, 4vw, 3rem);\r\n }\r\n\r\n * { margin:0; padding:0; box-sizing:border-box; }\r\n html { scroll-behavior:smooth; }\r\n body { font-family:'Exo',sans-serif; background:var(--vs-white); color:var(--vs-black); font-weight:400; line-height:1.55; -webkit-font-smoothing:antialiased; overflow-x:hidden; }\r\n img { max-width:100%; height:auto; display:block; }\r\n .container { max-width:var(--container); margin:0 auto; padding:0 var(--pad-x); }\r\n .mono { font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; font-weight:600; }\r\n .vs-cat *, .vs-modal * { text-decoration:none; }\r\n\r\n .vs-cat { padding:clamp(2rem,4vw,3.5rem) 0; background:var(--vs-paper); position:relative; scroll-margin-top:80px; }\r\n .vs-cat--cave { --cat-color:var(--cat-cave); }\r\n .vs-cat::before { content:''; position:absolute; top:0; left:0; width:6px; height:100%; background:var(--cat-color); }\r\n\r\n .vs-cat__header { margin-bottom:clamp(1.5rem,3vw,2.5rem); padding-bottom:1.5rem; border-bottom:1px solid var(--line); }\r\n .vs-cat__head-left { max-width:800px; }\r\n .vs-cat__eyebrow { display:inline-flex; align-items:center; gap:0.75rem; color:var(--cat-color); margin-bottom:0.75rem; }\r\n .vs-cat__eyebrow::before { content:''; width:32px; height:2px; background:var(--cat-color); }\r\n\r\n .vs-cat__title { font-weight:800; font-size:clamp(1.75rem,4vw,2.75rem); line-height:1; letter-spacing:-0.02em; color:var(--vs-black); margin-bottom:0.75rem; text-transform:uppercase; }\r\n .vs-cat__title span { color:var(--cat-color); }\r\n\r\n .vs-cat__desc { color:var(--vs-black-soft); font-size:clamp(0.95rem,1.3vw,1.05rem); line-height:1.6; max-width:700px; }\r\n\r\n .vs-cat__grid { display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:clamp(1rem,2vw,1.75rem); }\r\n\r\n .vs-product--eco { order:1; }\r\n .vs-product--topeco { order:2; }\r\n .vs-product--topcave { order:3; }\r\n .vs-product--securycave { order:4; }\r\n .vs-product--newcave { order:5; }\r\n .vs-product--starcave { order:6; }\r\n\r\n .vs-product { background:var(--vs-white); border:1px solid var(--line); display:flex; flex-direction:column; position:relative; overflow:hidden; transition:transform 0.4s cubic-bezier(0.16,1,0.3,1), box-shadow 0.4s cubic-bezier(0.16,1,0.3,1), border-color 0.3s ease; }\r\n .vs-product:hover { transform:translateY(-4px); box-shadow:0 30px 60px -25px rgba(10,10,10,0.2); border-color:var(--cat-color); }\r\n .vs-product__image { position:relative; width:100%; aspect-ratio:4\/5; overflow:hidden; background:var(--vs-grey-light); }\r\n .vs-product__image img { width:100%; height:100%; object-fit:cover; transition:transform 0.8s cubic-bezier(0.16,1,0.3,1); }\r\n .vs-product:hover .vs-product__image img { transform:scale(1.05); }\r\n\r\n .vs-product__badge { position:absolute; top:1rem; right:1rem; background:var(--vs-white); color:var(--vs-black); padding:0.4rem 0.85rem; font-size:0.7rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; border-radius:2px; z-index:2; }\r\n .vs-product__badge::before { content:''; display:inline-block; width:8px; height:8px; background:var(--cat-color); border-radius:50%; margin-right:0.4rem; vertical-align:middle; }\r\n .vs-product__cert { position:absolute; bottom:1rem; left:1rem; background:var(--cat-color); color:var(--vs-white); padding:0.35rem 0.7rem; font-size:0.68rem; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; border-radius:2px; z-index:2; }\r\n\r\n .vs-product__body { padding:clamp(1.25rem,2vw,1.75rem); display:flex; flex-direction:column; flex:1; }\r\n .vs-product__title { font-weight:800; font-size:clamp(1.2rem,1.8vw,1.5rem); line-height:1.15; letter-spacing:-0.015em; margin-bottom:0.25rem; color:var(--vs-black); text-transform:uppercase; }\r\n .vs-product__subtitle { font-size:0.78rem; font-weight:600; color:var(--mute); letter-spacing:0.03em; margin-bottom:0.65rem; text-transform:none; }\r\n .vs-product__sub { color:var(--cat-color); font-size:0.78rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:1rem; }\r\n .vs-product__desc { color:var(--mute); font-size:0.93rem; line-height:1.65; margin-bottom:1.5rem; flex:1; }\r\n\r\n .vs-product__footer { margin-top:auto; padding-top:1rem; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr auto; gap:0.5rem; }\r\n .vs-product__btn { display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; padding:0.7rem 0.9rem; font-family:'Exo',sans-serif; font-size:0.82rem; font-weight:700; border-radius:2px; transition:all 0.25s ease; cursor:pointer; border:1px solid transparent; white-space:nowrap; }\r\n .vs-product__btn--primary { background:var(--vs-black); color:var(--vs-white); border-color:var(--vs-black); }\r\n .vs-product__btn--primary:hover { background:var(--cat-color); border-color:var(--cat-color); }\r\n .vs-product__btn--icon { background:transparent; color:var(--vs-black); border-color:var(--line-strong); width:42px; padding:0.7rem; }\r\n .vs-product__btn--icon:hover { background:var(--vs-black); color:var(--vs-white); border-color:var(--vs-black); }\r\n .vs-product__btn svg { width:15px; height:15px; }\r\n\r\n .vs-modal-backdrop { position:fixed; inset:0; background:rgba(0,0,0,0.7); backdrop-filter:blur(4px); z-index:100; opacity:0; pointer-events:none; transition:opacity 0.3s ease; }\r\n .vs-modal-backdrop.is-open { opacity:1; pointer-events:auto; }\r\n .vs-modal { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%) scale(0.95); z-index:101; width:min(760px,95vw); max-height:90vh; background:var(--vs-white); display:flex; flex-direction:column; opacity:0; pointer-events:none; transition:opacity 0.3s ease, transform 0.3s ease; border-radius:2px; overflow:hidden; }\r\n .vs-modal.is-open { opacity:1; pointer-events:auto; transform:translate(-50%,-50%) scale(1); }\r\n .vs-modal__header { padding:1.25rem 1.5rem; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:1rem; background:var(--vs-white); position:relative; flex-shrink:0; }\r\n .vs-modal__header::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--cat-color); }\r\n .vs-modal__header-info { display:flex; flex-direction:column; gap:0.2rem; }\r\n .vs-modal__header-cat { font-size:0.7rem; color:var(--cat-color); font-weight:700; letter-spacing:0.12em; text-transform:uppercase; }\r\n .vs-modal__header-title { font-size:1.1rem; font-weight:800; color:var(--vs-black); letter-spacing:-0.01em; text-transform:uppercase; }\r\n .vs-modal__close { width:40px; height:40px; border-radius:50%; background:var(--vs-paper); border:1px solid var(--line); color:var(--vs-black); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.25s ease; flex-shrink:0; }\r\n .vs-modal__close:hover { background:var(--vs-black); color:var(--vs-white); border-color:var(--vs-black); }\r\n .vs-modal__close svg { width:18px; height:18px; }\r\n\r\n \/* corps en colonne unique, texte seul *\/\r\n .vs-modal__body { flex:1; overflow-y:auto; display:block !important; }\r\n .vs-modal__info { padding:clamp(1.5rem,3vw,2.25rem); width:100%; }\r\n\r\n \/* intro = chapeau mis en valeur *\/\r\n .vs-modal__intro {\r\n color:var(--vs-black);\r\n font-size:1rem; line-height:1.65;\r\n margin-bottom:1.75rem;\r\n padding:1.1rem 1.25rem;\r\n background:#eef0f1;\r\n background:color-mix(in srgb, var(--cat-color) 12%, #fff);\r\n border-left:3px solid var(--cat-color);\r\n border-radius:0 6px 6px 0;\r\n }\r\n .vs-modal__intro strong { color:var(--vs-black); font-weight:700; }\r\n\r\n \/* groupes en panneaux sur 2 colonnes *\/\r\n .vs-modal__groups { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\r\n @media (max-width:620px) { .vs-modal__groups { grid-template-columns:1fr; } }\r\n\r\n .vs-modal__group {\r\n background:var(--vs-paper);\r\n border:1px solid var(--line);\r\n border-radius:8px;\r\n padding:1rem 1.1rem;\r\n margin-bottom:0;\r\n }\r\n .vs-modal__group-label {\r\n display:flex; align-items:center; gap:0.5rem;\r\n font-size:0.68rem; letter-spacing:0.12em; text-transform:uppercase;\r\n color:var(--cat-color); font-weight:800;\r\n margin-bottom:0.7rem; padding-bottom:0.6rem;\r\n border-bottom:1px solid var(--line);\r\n }\r\n .vs-modal__group-label::before { content:''; width:14px; height:2px; background:var(--cat-color); flex-shrink:0; }\r\n .vs-modal__group-list { list-style:none; display:flex; flex-direction:column; gap:0.5rem; }\r\n .vs-modal__group-list li { color:var(--vs-black-soft); font-size:0.88rem; line-height:1.5; padding-left:1.1rem; position:relative; }\r\n .vs-modal__group-list li::before { content:'\u25b8'; position:absolute; left:0; color:var(--cat-color); font-weight:700; }\r\n .vs-modal__group-list strong { font-weight:700; color:var(--vs-black); }\r\n\r\n .vs-modal__footer { padding:1.25rem 1.5rem; border-top:1px solid var(--line); background:var(--vs-paper); display:flex; gap:0.75rem; flex-wrap:wrap; flex-shrink:0; }\r\n .vs-modal__footer .vs-product__btn { flex:1; min-width:200px; }\r\n\r\n @media (max-width:700px) { .vs-cat__grid { grid-template-columns:1fr !important; } .vs-modal { top:auto; bottom:0; left:0; right:0; width:100vw; max-height:92vh; border-radius:0; transform:translateY(100%); opacity:1; } .vs-modal.is-open { transform:translateY(0); } .vs-modal__header { padding:1rem; } .vs-modal__close { width:36px; height:36px; } }\r\n @media (max-width:500px) { .vs-modal__footer { flex-direction:column; padding:1rem; } .vs-modal__footer .vs-product__btn { min-width:0; width:100%; } }\r\n<\/style>\r\n\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,400;0,600;0,700;0,800;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"cave\" class=\"vs-cat vs-cat--cave\" aria-labelledby=\"cave-title\">\r\n <div class=\"container\">\r\n\r\n <header class=\"vs-cat__header\">\r\n <div class=\"vs-cat__head-left\">\r\n <div class=\"vs-cat__eyebrow mono\">Cat\u00e9gorie 04 \u00b7 6 mod\u00e8les<\/div>\r\n\r\n <h2 class=\"vs-cat__title\" id=\"cave-title\">\r\n Portes cave certifi\u00e9es <span>A2P BP1 \u00e0 BP3<\/span> \u00b7 sur mesure copropri\u00e9t\u00e9\r\n <\/h2>\r\n\r\n <p class=\"vs-cat__desc\">\r\n Contrairement aux id\u00e9es re\u00e7ues, il est possible d'avoir une\r\n <strong>porte de cave certifi\u00e9e A2P sur mesure<\/strong>. Les 6 mod\u00e8les Valente Securystar\r\n sont certifiables <strong>A2P BP1, BP2 ou BP3<\/strong> et fabriqu\u00e9s \u00e0 vos dimensions exactes\r\n dans nos ateliers fran\u00e7ais, y compris les hors-formats jusqu'\u00e0 <strong>2 980 mm de hauteur<\/strong>.\r\n La solution id\u00e9ale pour s\u00e9curiser les caves en <strong>copropri\u00e9t\u00e9<\/strong>, locaux\r\n annexes et d\u00e9pendances.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"vs-cat__grid\">\r\n\r\n <!-- L'ECO -->\r\n <article class=\"vs-product vs-product--eco\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">1 face<\/span>\r\n <span class=\"vs-product__cert\">A2P BP1<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LECO.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte L'Eco Valente Securystar \u00b7 porte cave 1 face acier 15\/10\u00e8me certifi\u00e9e A2P BP1 sur mesure copropri\u00e9t\u00e9\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">L'Eco<\/h3>\r\n <p class=\"vs-product__subtitle\">Porte cave acier 1 face \u00b7 A2P BP1 \u00b7 serrure 3 points \u00b7 sur mesure<\/p>\r\n <p class=\"vs-product__sub\">1 face \u00b7 A2P BP1<\/p>\r\n <p class=\"vs-product__desc\">\r\n Porte de cave d'entr\u00e9e de gamme certifi\u00e9e <strong>A2P BP1<\/strong>, en acier 15\/10\u00e8me\r\n 1 face. Serrure multipoints en applique VAL SENIOR 3 points haut et bas. B\u00e2ti\r\n r\u00e9novation Z ou tubulaire, 1 ou 2 vantaux fabriqu\u00e9s sur mesure.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-eco\">Voir caract\u00e9ristiques<\/button>\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LECO.pdf\"\r\n class=\"vs-product__btn vs-product__btn--icon\" aria-label=\"T\u00e9l\u00e9charger la fiche produit L'Eco (PDF)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- LE TOP ECO 1 -->\r\n <article class=\"vs-product vs-product--topeco\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">2 faces<\/span>\r\n <span class=\"vs-product__cert\">A2P BP1 \u00b7 BP2<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-E-TOP-ECO.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte Le Top Eco 1 Valente Securystar \u00b7 porte cave 2 faces acier 15\/10\u00e8me certifi\u00e9e A2P BP1 BP2 sur mesure\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">Le Top \u00c9co 1<\/h3>\r\n <p class=\"vs-product__subtitle\">Porte cave acier 2 faces \u00b7 A2P BP1 ou BP2 \u00b7 5 om\u00e9gas \u00b7 sur mesure<\/p>\r\n <p class=\"vs-product__sub\">2 faces \u00b7 A2P BP1 \u00b7 BP2<\/p>\r\n <p class=\"vs-product__desc\">\r\n Porte de cave 2 faces en acier 15\/10\u00e8me double habillage, 5 om\u00e9gas de renfort soud\u00e9s.\r\n Serrure multipoints VAL SENIOR 3 points en applique. Certifi\u00e9 <strong>A2P BP1<\/strong>\r\n de s\u00e9rie, certifiable jusqu'\u00e0 <strong>BP2<\/strong>. B\u00e2ti r\u00e9novation Z ou tubulaire, sur mesure.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-topeco\">Voir caract\u00e9ristiques<\/button>\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-TOP-ECO.pdf\"\r\n class=\"vs-product__btn vs-product__btn--icon\" aria-label=\"T\u00e9l\u00e9charger la fiche produit Le Top Eco 1 (PDF)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- LE TOP CAVE -->\r\n <article class=\"vs-product vs-product--topcave\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">1 face<\/span>\r\n <span class=\"vs-product__cert\">A2P BP1 \u00b7 BP3<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-E-TOP-CAVE.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte Le Top Cave Valente Securystar \u00b7 porte cave 1 face acier certifi\u00e9e A2P BP1 BP2 BP3 sur mesure\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">Le Top Cave<\/h3>\r\n <p class=\"vs-product__subtitle\">Porte cave acier 1 face \u00b7 A2P BP1 \u00e0 BP3 \u00b7 serrure multipoints encastr\u00e9e<\/p>\r\n <p class=\"vs-product__sub\">1 face \u00b7 A2P BP1 \u00b7 BP3<\/p>\r\n <p class=\"vs-product__desc\">\r\n Porte de cave 1 face en acier 15\/10\u00e8me avec serrure multipoints SECURYSTAR 1 encastr\u00e9e\r\n 3 points et p\u00eane dormant. Certifiable jusqu'\u00e0 <strong>A2P BP3<\/strong>. B\u00e2ti\r\n r\u00e9novation Z ou tubulaire, 1 ou 2 vantaux, fabrication sur mesure.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-topcave\">Voir caract\u00e9ristiques<\/button>\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-TOP-CAVE.pdf\"\r\n class=\"vs-product__btn vs-product__btn--icon\" aria-label=\"T\u00e9l\u00e9charger la fiche produit Le Top Cave (PDF)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- LE SECURY CAVE 1 -->\r\n <article class=\"vs-product vs-product--securycave\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">2 faces<\/span>\r\n <span class=\"vs-product__cert\">A2P BP1 \u00b7 BP3<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LE-SECURY-CAVE.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte Le Secury Cave 1 Valente Securystar \u00b7 porte cave 2 faces haute s\u00e9curit\u00e9 A2P BP3 6 om\u00e9gas sur mesure\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">Le Secury Cave 1<\/h3>\r\n <p class=\"vs-product__subtitle\">Porte cave acier 2 faces \u00b7 A2P BP1 \u00e0 BP3 \u00b7 6 om\u00e9gas \u00b7 haute s\u00e9curit\u00e9<\/p>\r\n <p class=\"vs-product__sub\">2 faces \u00b7 A2P BP1 \u00b7 BP3<\/p>\r\n <p class=\"vs-product__desc\">\r\n Porte de cave haute s\u00e9curit\u00e9 2 faces en acier 15\/10\u00e8me, <strong>6 om\u00e9gas de renfort<\/strong>\r\n soud\u00e9s (5 horizontaux + 1 vertical). Serrure multipoints SECURYSTAR 1 encastr\u00e9e.\r\n Certifiable jusqu'\u00e0 <strong>A2P BP3<\/strong>. B\u00e2ti r\u00e9novation Z ou tubulaire, sur mesure.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-securycave\">Voir caract\u00e9ristiques<\/button>\r\n <!-- TODO : ajouter URL PDF d\u00e8s disponibilit\u00e9 -->\r\n <a href=\"#\" class=\"vs-product__btn vs-product__btn--icon\"\r\n aria-label=\"Fiche produit Le Secury Cave 1 (PDF \u00e0 venir)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- LE NEW CAVE -->\r\n <article class=\"vs-product vs-product--newcave\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">1 face<\/span>\r\n <span class=\"vs-product__cert\">A2P BP1 \u00b7 BP3<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LE-NEW-CAVE.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte Le New Cave Valente Securystar \u00b7 porte cave 1 face renforc\u00e9e 4 om\u00e9gas A2P BP3 serrure ROYAL STAR\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">Le New Cave<\/h3>\r\n <p class=\"vs-product__subtitle\">Porte cave acier 1 face \u00b7 A2P BP1 \u00e0 BP3 \u00b7 serrure car\u00e9n\u00e9e ROYAL STAR<\/p>\r\n <p class=\"vs-product__sub\">1 face \u00b7 A2P BP1 \u00b7 BP3<\/p>\r\n <p class=\"vs-product__desc\">\r\n Porte de cave 1 face renforc\u00e9e en acier 15\/10\u00e8me avec <strong>4 om\u00e9gas<\/strong> soud\u00e9s\r\n (3 horizontaux + 1 vertical) et serrure car\u00e9n\u00e9e <strong>ROYAL STAR<\/strong> encastr\u00e9e\r\n 3 ou 5 points lat\u00e9raux. Certifiable jusqu'\u00e0 <strong>A2P BP3<\/strong>. Sur mesure.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-newcave\">Voir caract\u00e9ristiques<\/button>\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-NEW-CAVE.pdf\"\r\n class=\"vs-product__btn vs-product__btn--icon\" aria-label=\"T\u00e9l\u00e9charger la fiche produit Le New Cave (PDF)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- LE STAR CAVE 1 -->\r\n <article class=\"vs-product vs-product--starcave\">\r\n <div class=\"vs-product__image\">\r\n <span class=\"vs-product__badge\">2 faces<\/span>\r\n <span class=\"vs-product__cert\">A2P BP1 \u00b7 BP3<\/span>\r\n <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LE-STAR-CAVE.png?resize=800%2C1000&ssl=1\"\r\n alt=\"Bloc-porte Le Star Cave 1 Valente Securystar \u00b7 porte cave premium 2 faces 6 om\u00e9gas A2P BP3 ROYAL STAR sur mesure\"\r\n loading=\"lazy\" width=\"800\" height=\"1000\">\r\n <\/div>\r\n <div class=\"vs-product__body\">\r\n <h3 class=\"vs-product__title\">Le Star Cave 1<\/h3>\r\n <p class=\"vs-product__subtitle\">Porte cave acier 2 faces \u00b7 A2P BP1 \u00e0 BP3 \u00b7 6 om\u00e9gas \u00b7 ROYAL STAR premium<\/p>\r\n <p class=\"vs-product__sub\">2 faces \u00b7 A2P BP1 \u00b7 BP3<\/p>\r\n <p class=\"vs-product__desc\">\r\n Porte de cave premium 2 faces en acier 15\/10\u00e8me avec <strong>6 om\u00e9gas<\/strong> soud\u00e9s\r\n (5 horizontaux + 1 vertical) et serrure car\u00e9n\u00e9e <strong>ROYAL STAR<\/strong> encastr\u00e9e\r\n 3 ou 5 points lat\u00e9raux. Le plus haut niveau de s\u00e9curit\u00e9 de la gamme, certifiable\r\n jusqu'\u00e0 <strong>A2P BP3<\/strong>. Sur mesure.\r\n <\/p>\r\n <div class=\"vs-product__footer\">\r\n <button class=\"vs-product__btn vs-product__btn--primary\" data-modal-open=\"modal-starcave\">Voir caract\u00e9ristiques<\/button>\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-STAR-CAVE.pdf\"\r\n class=\"vs-product__btn vs-product__btn--icon\" aria-label=\"T\u00e9l\u00e9charger la fiche produit Le Star Cave 1 (PDF)\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"vs-modal-backdrop\" data-modal-backdrop aria-hidden=\"true\"><\/div>\r\n\r\n<!-- MODALE L'ECO -->\r\n<div class=\"vs-modal vs-cat--cave\" id=\"modal-eco\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-eco-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Cave \u00b7 1 face \u00b7 A2P BP1<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-eco-title\">L'Eco<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche L'Eco\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Bloc-porte cave 1 face en acier 15\/10\u00e8me, \u00e9quip\u00e9 d'une serrure multipoints en applique VAL SENIOR 3 points haut et bas. Certifi\u00e9 A2P BP1, id\u00e9al pour la s\u00e9curisation des caves en copropri\u00e9t\u00e9.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">B\u00e2ti<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li><strong>B\u00e2ti r\u00e9novation Z :<\/strong> 4 \u00e9l\u00e9ments pli\u00e9s acier 20\/10\u00e8me<\/li>\r\n <li><strong>B\u00e2ti tubulaire (option) :<\/strong> tube \u00e0 ailettes 50 \u00d7 30<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Porte<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 face en <strong>acier 15\/10\u00e8me<\/strong><\/li>\r\n <li>3 om\u00e9gas de renfort horizontaux soud\u00e9s<\/li>\r\n <li>Fer plat de battement pour porte en poussant<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Pivotement<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 vantail : 3 paumelles soud\u00e9es 140 mm sur but\u00e9e \u00e0 billes<\/li>\r\n <li>2 vantaux : 6 paumelles soud\u00e9es 140 mm sur but\u00e9e \u00e0 billes<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Pack A2P BP1 (option)<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 vantail : t\u00f4le 20\/10\u00e8me, 2 om\u00e9gas suppl\u00e9mentaires, 1 paumelle suppl\u00e9mentaire, 3 renforts de gonds<\/li>\r\n <li>2 vantaux : t\u00f4le 20\/10\u00e8me, 4 om\u00e9gas suppl\u00e9mentaires, 2 paumelles, 6 renforts de gonds<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Serrure multipoints en applique<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Gamme <strong>VAL SENIOR<\/strong> \u00b7 r\u00e9f\u00e9rence 9600<\/li>\r\n <li>3 points de fermeture haut et bas, avec p\u00eane dormant<\/li>\r\n <li>Sur 2 vantaux : 2 verrous \u00e0 bascule sur le semi-fixe<\/li>\r\n <li>Option : cr\u00e9mone pompier 2 points PUSH<\/li>\r\n <li>Option : cr\u00e9mone pompier 2 points PAD<\/li>\r\n <li>Option : DS \u00e0 levier crois\u00e9e<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Cylindre rond<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>De s\u00e9rie : <strong>EXTRA SAFE 1<\/strong> brevet\u00e9<\/li>\r\n <li>Fourni avec 3 cl\u00e9s et 1 carte d'identification<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Finitions<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>\u00c9poxy appr\u00eat gris (s\u00e9rie) ou RAL 1 couleur (option)<\/li>\r\n <li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li>\r\n <li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LECO.pdf\" class=\"vs-product__btn vs-product__btn--primary\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 la fiche produit\r\n <\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<!-- MODALE LE TOP ECO 1 -->\r\n<div class=\"vs-modal vs-cat--cave\" id=\"modal-topeco\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-topeco-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Cave \u00b7 2 faces \u00b7 A2P BP1 \u00b7 BP2<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-topeco-title\">Le Top \u00c9co 1<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche Le Top Eco 1\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Bloc-porte cave 2 faces avec double habillage acier 15\/10\u00e8me, 5 om\u00e9gas de renfort horizontaux soud\u00e9s. Serrure multipoints VAL SENIOR 3 points en applique. Certifi\u00e9 BP1 de s\u00e9rie, certifiable jusqu'\u00e0 BP2.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">B\u00e2ti<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li><strong>B\u00e2ti r\u00e9novation Z :<\/strong> 4 \u00e9l\u00e9ments pli\u00e9s acier 20\/10\u00e8me<\/li>\r\n <li><strong>B\u00e2ti tubulaire (option) :<\/strong> tube \u00e0 ailettes 50 \u00d7 30<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Porte<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>De s\u00e9rie certifi\u00e9 <strong>A2P BP1<\/strong> \u00b7 porte <strong>2 faces acier 15\/10\u00e8me<\/strong><\/li>\r\n <li><strong>5 om\u00e9gas<\/strong> de renfort horizontaux soud\u00e9s<\/li>\r\n <li>Fer plat de battement pour porte en poussant<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Pivotement<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 vantail : 3 paumelles soud\u00e9es 140 mm sur but\u00e9e \u00e0 billes<\/li>\r\n <li>2 vantaux : 6 paumelles soud\u00e9es 140 mm sur but\u00e9e \u00e0 billes<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Serrure multipoints en applique<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Gamme <strong>VAL SENIOR<\/strong> \u00b7 r\u00e9f\u00e9rence 9600<\/li>\r\n <li>3 points de fermeture haut et bas, avec p\u00eane dormant<\/li>\r\n <li>Option : cr\u00e9mone pompier 2 points PUSH<\/li>\r\n <li>Option : cr\u00e9mone pompier 2 points PAD<\/li>\r\n <li>Option : DS \u00e0 levier crois\u00e9e<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Cylindre rond<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>De s\u00e9rie : <strong>EXTRA SAFE 1<\/strong> brevet\u00e9<\/li>\r\n <li>3 cl\u00e9s + 1 carte d'identification<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Finitions<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>\u00c9poxy appr\u00eat gris (s\u00e9rie) ou RAL 1 couleur (option)<\/li>\r\n <li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li>\r\n <li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-TOP-ECO.pdf\" class=\"vs-product__btn vs-product__btn--primary\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 la fiche produit\r\n <\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<!-- MODALE LE TOP CAVE -->\r\n<div class=\"vs-modal vs-cat--cave\" id=\"modal-topcave\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-topcave-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Cave \u00b7 1 face \u00b7 A2P BP1 \u00b7 BP3<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-topcave-title\">Le Top Cave<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche Le Top Cave\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Bloc-porte cave 1 face certifiable jusqu'au niveau A2P BP3. Serrure multipoints SECURYSTAR 1 encastr\u00e9e 3 points avec p\u00eane dormant.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">B\u00e2ti<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li><strong>B\u00e2ti r\u00e9novation Z :<\/strong> 4 \u00e9l\u00e9ments pli\u00e9s acier 20\/10\u00e8me<\/li>\r\n <li><strong>B\u00e2ti tubulaire (option) :<\/strong> tube \u00e0 ailettes 50 \u00d7 30<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Porte<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 face en <strong>acier 15\/10\u00e8me<\/strong><\/li>\r\n <li>3 om\u00e9gas de renfort horizontaux soud\u00e9s<\/li>\r\n <li>BP1 si cochonnet de 20 en r\u00e9novation<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Serrure multipoints encastr\u00e9e<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Gamme <strong>SECURYSTAR 1<\/strong> \u00b7 r\u00e9f\u00e9rence 305\/S<\/li>\r\n <li>3 points de fermeture haut et bas, avec p\u00eane dormant<\/li>\r\n <li>Option : cr\u00e9mone pompier PUSH<\/li>\r\n <li>Option : cr\u00e9mone pompier PAD<\/li>\r\n <li>Option : DS \u00e0 levier crois\u00e9e<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Cylindre europ\u00e9en<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>De s\u00e9rie : <strong>EXTRA SAFE 1<\/strong> brevet\u00e9 30 \u00d7 30<\/li>\r\n <li>Option : <strong>MOBILE CODE 21\/L<\/strong> brevet\u00e9 30 \u00d7 30<\/li>\r\n <li>3 cl\u00e9s + 1 carte d'identification<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Finitions<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>\u00c9poxy appr\u00eat gris (s\u00e9rie) ou RAL 1 couleur (option)<\/li>\r\n <li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li>\r\n <li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-TOP-CAVE.pdf\" class=\"vs-product__btn vs-product__btn--primary\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 la fiche produit\r\n <\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<!-- MODALE LE SECURY CAVE 1 -->\r\n<div class=\"vs-modal vs-cat--cave\" id=\"modal-securycave\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-securycave-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Cave \u00b7 2 faces \u00b7 A2P BP1 \u00b7 BP3<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-securycave-title\">Le Secury Cave 1<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche Le Secury Cave 1\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Le mod\u00e8le cave haute s\u00e9curit\u00e9. Porte 2 faces acier 15\/10\u00e8me avec 6 om\u00e9gas de renfort (5 horizontaux + 1 vertical), serrure multipoints SECURYSTAR 1 encastr\u00e9e. Certifiable jusqu'\u00e0 A2P BP3.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">B\u00e2ti<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li><strong>B\u00e2ti r\u00e9novation Z :<\/strong> 4 \u00e9l\u00e9ments pli\u00e9s acier 20\/10\u00e8me<\/li>\r\n <li><strong>B\u00e2ti tubulaire (option) :<\/strong> tube \u00e0 ailettes 50 \u00d7 30<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Porte<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>De s\u00e9rie certifi\u00e9 <strong>A2P BP1<\/strong> \u00b7 porte <strong>2 faces acier 15\/10\u00e8me<\/strong><\/li>\r\n <li><strong>6 om\u00e9gas<\/strong> de renfort soud\u00e9s : 5 horizontaux + 1 vertical<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Serrure multipoints encastr\u00e9e<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Gamme <strong>SECURYSTAR 1<\/strong> \u00b7 r\u00e9f\u00e9rence 305\/S<\/li>\r\n <li>3 points de fermeture haut et bas, avec p\u00eane dormant<\/li>\r\n <li>Option : cr\u00e9mone pompier PUSH<\/li>\r\n <li>Option : cr\u00e9mone pompier PAD<\/li>\r\n <li>Option : DS \u00e0 levier crois\u00e9e<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Cylindre europ\u00e9en<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>De s\u00e9rie : <strong>EXTRA SAFE 1<\/strong> brevet\u00e9 30 \u00d7 30<\/li>\r\n <li>Option : <strong>MOBILE CODE 21\/L<\/strong> brevet\u00e9 30 \u00d7 30<\/li>\r\n <li>3 cl\u00e9s + 1 carte d'identification<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Finitions<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>\u00c9poxy appr\u00eat gris (s\u00e9rie) ou RAL 1 couleur (option)<\/li>\r\n <li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li>\r\n <li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <!-- TODO : ajouter URL PDF d\u00e8s disponibilit\u00e9 -->\r\n <a href=\"#\" class=\"vs-product__btn vs-product__btn--primary\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 la fiche produit\r\n <\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<!-- MODALE LE NEW CAVE -->\r\n<div class=\"vs-modal vs-cat--cave\" id=\"modal-newcave\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-newcave-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Cave \u00b7 1 face \u00b7 A2P BP1 \u00b7 BP3<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-newcave-title\">Le New Cave<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche Le New Cave\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Bloc-porte cave 1 face avec porte renforc\u00e9e par 4 om\u00e9gas (3 horizontaux + 1 vertical) et serrure car\u00e9n\u00e9e ROYAL STAR encastr\u00e9e 3 ou 5 points lat\u00e9raux. Certifiable jusqu'\u00e0 A2P BP3.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">B\u00e2ti<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li><strong>B\u00e2ti r\u00e9novation Z :<\/strong> 4 \u00e9l\u00e9ments pli\u00e9s acier 20\/10\u00e8me<\/li>\r\n <li><strong>B\u00e2ti tubulaire (option) :<\/strong> tube \u00e0 ailettes 50 \u00d7 30<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Porte<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>1 face en <strong>acier 15\/10\u00e8me<\/strong><\/li>\r\n <li><strong>4 om\u00e9gas<\/strong> de renfort soud\u00e9s : 3 horizontaux + 1 vertical<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Serrure car\u00e9n\u00e9e encastr\u00e9e<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Gamme <strong>ROYAL STAR<\/strong><\/li>\r\n <li>3 points : r\u00e9f. L-NOVA STAR 3L<\/li>\r\n <li>5 points : r\u00e9f. L-NOVA STAR 5L<\/li>\r\n <li>Option : cr\u00e9mone pompier PUSH<\/li>\r\n <li>Option : cr\u00e9mone pompier PAD<\/li>\r\n <li>Option : DS \u00e0 levier crois\u00e9e<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Cylindre europ\u00e9en<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>De s\u00e9rie : <strong>EXTRA SAFE 1<\/strong> brevet\u00e9 30 \u00d7 30<\/li>\r\n <li>Option : <strong>MOBILE CODE 21\/L<\/strong> brevet\u00e9 30 \u00d7 30<\/li>\r\n <li>3 cl\u00e9s + 1 carte d'identification<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Finitions<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>\u00c9poxy appr\u00eat gris (s\u00e9rie) ou RAL 1 couleur (option)<\/li>\r\n <li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li>\r\n <li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-NEW-CAVE.pdf\" class=\"vs-product__btn vs-product__btn--primary\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 la fiche produit\r\n <\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<!-- MODALE LE STAR CAVE 1 -->\r\n<div class=\"vs-modal vs-cat--cave\" id=\"modal-starcave\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-starcave-title\">\r\n <header class=\"vs-modal__header\">\r\n <div class=\"vs-modal__header-info\">\r\n <div class=\"vs-modal__header-cat\">Cave \u00b7 2 faces \u00b7 A2P BP1 \u00b7 BP3<\/div>\r\n <h2 class=\"vs-modal__header-title\" id=\"modal-starcave-title\">Le Star Cave 1<\/h2>\r\n <\/div>\r\n <button class=\"vs-modal__close\" data-modal-close aria-label=\"Fermer la fiche Le Star Cave 1\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/header>\r\n <div class=\"vs-modal__body\">\r\n <div class=\"vs-modal__info\">\r\n <p class=\"vs-modal__intro\">Le mod\u00e8le premium de la gamme cave Valente. Porte 2 faces acier 15\/10\u00e8me avec 6 om\u00e9gas de renfort (5 horizontaux + 1 vertical), serrure car\u00e9n\u00e9e ROYAL STAR encastr\u00e9e 3 ou 5 points lat\u00e9raux. Certifiable jusqu'\u00e0 A2P BP3.<\/p>\r\n <div class=\"vs-modal__groups\">\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">B\u00e2ti<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li><strong>B\u00e2ti r\u00e9novation Z :<\/strong> 4 \u00e9l\u00e9ments pli\u00e9s acier 20\/10\u00e8me<\/li>\r\n <li><strong>B\u00e2ti tubulaire (option) :<\/strong> tube \u00e0 ailettes 50 \u00d7 30<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Porte<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>De s\u00e9rie certifi\u00e9 <strong>A2P BP1<\/strong> \u00b7 porte <strong>2 faces acier 15\/10\u00e8me<\/strong><\/li>\r\n <li><strong>6 om\u00e9gas<\/strong> de renfort soud\u00e9s : 5 horizontaux + 1 vertical<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Serrure car\u00e9n\u00e9e encastr\u00e9e<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>Gamme <strong>ROYAL STAR<\/strong><\/li>\r\n <li>3 points : r\u00e9f. L-NOVA STAR 3L<\/li>\r\n <li>5 points : r\u00e9f. L-NOVA STAR 5L<\/li>\r\n <li>Option : cr\u00e9mone pompier PUSH<\/li>\r\n <li>Option : cr\u00e9mone pompier PAD<\/li>\r\n <li>Option : DS \u00e0 levier crois\u00e9e<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Cylindre europ\u00e9en<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>De s\u00e9rie : <strong>EXTRA SAFE 1<\/strong> brevet\u00e9 30 \u00d7 30<\/li>\r\n <li>Option : <strong>MOBILE CODE 21\/L<\/strong> brevet\u00e9 30 \u00d7 30<\/li>\r\n <li>3 cl\u00e9s + 1 carte d'identification<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"vs-modal__group\">\r\n <div class=\"vs-modal__group-label\">Finitions<\/div>\r\n <ul class=\"vs-modal__group-list\">\r\n <li>\u00c9poxy appr\u00eat gris (s\u00e9rie) ou RAL 1 couleur (option)<\/li>\r\n <li>Nuancier LUMINA BRILLANT \u00b7 110 couleurs<\/li>\r\n <li>Nuancier TEXTURA CONTEMPORAIN \u00b7 70 couleurs<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <footer class=\"vs-modal__footer\">\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/Fiche-produit-LE-STAR-CAVE.pdf\" class=\"vs-product__btn vs-product__btn--primary\" download>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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 la fiche produit\r\n <\/a>\r\n <a href=\"#contact\" class=\"vs-product__btn vs-product__btn--primary\" data-modal-close>Demander un devis<\/a>\r\n <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n const backdrop = document.querySelector('[data-modal-backdrop]');\r\n const modals = document.querySelectorAll('.vs-modal');\r\n if (!backdrop || !modals.length) return;\r\n function openModal(id) {\r\n const modal = document.getElementById(id);\r\n if (!modal) return;\r\n modal.classList.add('is-open');\r\n backdrop.classList.add('is-open');\r\n document.body.style.overflow = 'hidden';\r\n const f = modal.querySelector('[data-modal-close]');\r\n if (f) f.focus();\r\n }\r\n function closeAllModals() {\r\n modals.forEach(m => m.classList.remove('is-open'));\r\n backdrop.classList.remove('is-open');\r\n document.body.style.overflow = '';\r\n }\r\n document.querySelectorAll('[data-modal-open]').forEach(btn => {\r\n btn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n openModal(this.getAttribute('data-modal-open'));\r\n });\r\n });\r\n document.querySelectorAll('[data-modal-close]').forEach(btn => {\r\n btn.addEventListener('click', closeAllModals);\r\n });\r\n backdrop.addEventListener('click', closeAllModals);\r\n document.addEventListener('keydown', e => { if (e.key === 'Escape') closeAllModals(); });\r\n})();\r\n<\/script>\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-3a1ddcb e-flex e-con-boxed e-con e-parent\" data-id=\"3a1ddcb\" 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-08fea72 elementor-widget elementor-widget-html\" data-id=\"08fea72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n SECTION NUANCIERS ET FINITIONS \u00b7 Valente Securystar\r\n Agents activ\u00e9s :\r\n \u00b7 #11 SEO Content Optimizer \u2192 H2, lead, descriptions finitions\r\n \u00b7 #17 Zero-Click Optimizer \u2192 lead snippet-ready\r\n \u00b7 #09 Evergreen Authority \u2192 entit\u00e9s s\u00e9mantiques durables\r\n \u00b7 #19 SEO CTA Optimizer \u2192 CTA align\u00e9 sur intention commerciale\r\n Corrections :\r\n \u00b7 H2 enrichi : \"Finitions \u00e9poxy RAL sur mesure \u00b7 180 coloris\"\r\n \u00b7 Lead enrichi : finition \u00e9poxy RAL, peinture laqu\u00e9e, LSI\r\n \u00b7 Descriptions nuanciers enrichies : r\u00e9sistance, application atelier\r\n \u00b7 CTA \"Nous contacter\" \u2192 \"Demander un RAL personnalis\u00e9\"\r\n \u00b7 0 tiret em (confirm\u00e9 grep dans original)\r\n ============================================================ -->\r\n\r\n<style>\r\n :root {\r\n --vs-black: #0A0A0A;\r\n --vs-black-soft: #1a1a1a;\r\n --vs-orange: #E94E1B;\r\n --vs-orange-deep: #c43d11;\r\n --vs-grey: #D7D7D7;\r\n --vs-grey-dark: #8a8a8a;\r\n --vs-grey-light: #ededed;\r\n --vs-white: #ffffff;\r\n --vs-paper: #f7f7f7;\r\n --line: rgba(10,10,10,0.12);\r\n --line-strong: rgba(10,10,10,0.4);\r\n --mute: rgba(10,10,10,0.6);\r\n --container: 1400px;\r\n --pad-x: clamp(1.25rem, 4vw, 3rem);\r\n }\r\n\r\n * { margin:0; padding:0; box-sizing:border-box; }\r\n html { scroll-behavior:smooth; }\r\n body { font-family:'Exo',sans-serif; background:var(--vs-white); color:var(--vs-black); font-weight:400; line-height:1.55; -webkit-font-smoothing:antialiased; overflow-x:hidden; }\r\n .container { max-width:var(--container); margin:0 auto; padding:0 var(--pad-x); }\r\n .mono { font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; font-weight:600; }\r\n .vs-finish *, .vs-finish *:hover, .vs-finish *:focus, .vs-finish *:visited { text-decoration:none; }\r\n\r\n .vs-finish { padding:clamp(4rem,8vw,7rem) 0; background:var(--vs-white); position:relative; overflow:hidden; }\r\n\r\n .vs-finish__header { max-width:900px; margin-bottom:clamp(3rem,5vw,4rem); }\r\n\r\n .vs-finish__eyebrow { display:inline-flex; align-items:center; gap:0.75rem; color:var(--vs-orange); margin-bottom:1.5rem; }\r\n .vs-finish__eyebrow::before { content:''; width:32px; height:2px; background:var(--vs-orange); }\r\n\r\n \/*\r\n H2 \u00b7 Agent #11 SEO Content Optimizer\r\n Avant : \"180 coloris RAL, deux nuanciers exclusifs.\"\r\n Apr\u00e8s : mots-cl\u00e9s transactionnels en premier\r\n \"finition \u00e9poxy RAL\", \"sur mesure\", \"porte acier\"\r\n *\/\r\n .vs-finish__title { font-weight:800; font-size:clamp(1.75rem,3.5vw,2.75rem); line-height:1.1; letter-spacing:-0.02em; color:var(--vs-black); margin-bottom:1.25rem; }\r\n .vs-finish__title strong { color:var(--vs-orange); }\r\n .vs-finish__title em { font-style:italic; font-weight:700; color:var(--mute); font-size:0.88em; }\r\n\r\n \/*\r\n LEAD \u00b7 Agent #17 Zero-Click Optimizer\r\n Snippet-ready avec LSI : finition \u00e9poxy RAL, peinture laqu\u00e9e acier,\r\n LUMINA BRILLANT, TEXTURA CONTEMPORAIN\r\n *\/\r\n .vs-finish__lead { color:var(--vs-black); font-size:clamp(1rem,1.4vw,1.1rem); line-height:1.6; max-width:700px; }\r\n .vs-finish__lead strong { color:var(--vs-black); font-weight:700; }\r\n\r\n .vs-finish__grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.5rem,3vw,2.5rem); }\r\n\r\n .vs-nuancier { background:var(--vs-paper); border:1px solid var(--line); overflow:hidden; display:flex; flex-direction:column; transition:border-color 0.3s ease, transform 0.3s ease; }\r\n .vs-nuancier:hover { border-color:var(--vs-orange); transform:translateY(-3px); }\r\n\r\n .vs-nuancier__header { padding:clamp(1.5rem,2.5vw,2rem); border-bottom:1px solid var(--line); position:relative; }\r\n .vs-nuancier__header::before { content:''; position:absolute; top:0; left:0; width:60px; height:4px; background:var(--vs-orange); }\r\n\r\n .vs-nuancier__label { display:inline-block; font-size:0.7rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--vs-orange); font-weight:700; margin-bottom:0.6rem; }\r\n\r\n .vs-nuancier__name { font-weight:800; font-size:clamp(1.5rem,2.5vw,1.85rem); line-height:1.1; letter-spacing:-0.015em; color:var(--vs-black); margin-bottom:0.4rem; }\r\n .vs-nuancier__name em { font-style:italic; font-weight:600; color:var(--mute); font-size:0.85em; display:block; margin-top:0.3rem; letter-spacing:0; }\r\n\r\n .vs-nuancier__count { display:flex; align-items:baseline; gap:0.5rem; margin-top:1rem; }\r\n .vs-nuancier__count strong { font-size:clamp(2rem,3.5vw,2.75rem); font-weight:900; color:var(--vs-orange); line-height:1; letter-spacing:-0.03em; }\r\n .vs-nuancier__count span { color:var(--vs-black); font-size:0.95rem; font-weight:600; }\r\n\r\n .vs-nuancier__samples { padding:clamp(1.25rem,2vw,1.75rem); display:grid; grid-template-columns:repeat(6,1fr); gap:6px; }\r\n\r\n .vs-sample { aspect-ratio:1; position:relative; cursor:pointer; border-radius:2px; transition:transform 0.25s ease, box-shadow 0.25s ease; overflow:hidden; }\r\n .vs-sample:hover { transform:scale(1.1); box-shadow:0 8px 20px -5px rgba(0,0,0,0.3); z-index:2; }\r\n\r\n .vs-nuancier--brillant .vs-sample { background-image:linear-gradient(135deg, rgba(255,255,255,0.4) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.1) 100%); background-color:var(--ral-color); background-blend-mode:overlay; }\r\n .vs-nuancier--texture .vs-sample { background-color:var(--ral-color); background-image:radial-gradient(circle at 20% 30%, rgba(0,0,0,0.08) 1px, transparent 1px), radial-gradient(circle at 60% 70%, rgba(255,255,255,0.06) 1px, transparent 1px); background-size:4px 4px, 5px 5px; }\r\n\r\n .vs-sample::after { content:attr(data-ral); position:absolute; bottom:-28px; left:50%; transform:translateX(-50%) translateY(4px); background:var(--vs-black); color:var(--vs-white); padding:0.25rem 0.5rem; font-size:0.65rem; font-weight:600; letter-spacing:0.06em; white-space:nowrap; border-radius:2px; opacity:0; pointer-events:none; transition:opacity 0.2s ease, transform 0.2s ease; z-index:10; }\r\n .vs-sample:hover::after { opacity:1; transform:translateX(-50%) translateY(0); }\r\n\r\n \/* FOOTER NUANCIER \u00b7 Agent #11 \u00b7 descriptions enrichies *\/\r\n .vs-nuancier__footer { margin-top:auto; padding:1.25rem clamp(1.5rem,2.5vw,2rem); border-top:1px solid var(--line); background:var(--vs-white); display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }\r\n .vs-nuancier__info { color:var(--mute); font-size:0.82rem; line-height:1.5; flex:1; }\r\n .vs-nuancier__info strong { color:var(--vs-black); font-weight:700; display:block; margin-bottom:0.2rem; }\r\n\r\n .vs-nuancier__cta { display:inline-flex; align-items:center; gap:0.5rem; padding:0.6rem 1rem; background:var(--vs-black); color:var(--vs-white); font-family:'Exo',sans-serif; font-weight:700; font-size:0.82rem; border-radius:2px; transition:background 0.25s ease, transform 0.25s ease; flex-shrink:0; }\r\n .vs-nuancier__cta:hover { background:var(--vs-orange); transform:translateY(-2px); }\r\n .vs-nuancier__cta svg { width:14px; height:14px; }\r\n\r\n .vs-finish__note { margin-top:clamp(2rem,4vw,3rem); padding:clamp(1.5rem,2.5vw,2rem); background:var(--vs-black); color:var(--vs-white); display:grid; grid-template-columns:auto 1fr auto; gap:clamp(1rem,2vw,2rem); align-items:center; position:relative; overflow:hidden; }\r\n .vs-finish__note::before { content:''; position:absolute; top:0; left:0; width:60px; height:4px; background:var(--vs-orange); }\r\n .vs-finish__note-icon { width:44px; height:44px; color:var(--vs-orange); flex-shrink:0; }\r\n .vs-finish__note-icon svg { width:100%; height:100%; }\r\n .vs-finish__note-text { line-height:1.5; }\r\n .vs-finish__note-text strong { color:var(--vs-white); font-weight:700; display:block; margin-bottom:0.2rem; font-size:1rem; }\r\n .vs-finish__note-text span { color:rgba(255,255,255,0.7); font-size:0.88rem; }\r\n\r\n @media (max-width:900px) { .vs-finish__grid { grid-template-columns:1fr; } .vs-nuancier__samples { grid-template-columns:repeat(8,1fr); } .vs-finish__note { grid-template-columns:1fr; text-align:center; } .vs-finish__note-icon { margin:0 auto; } }\r\n @media (max-width:500px) { .vs-nuancier__samples { grid-template-columns:repeat(6,1fr); } .vs-nuancier__footer { flex-direction:column; align-items:stretch; } .vs-nuancier__cta { justify-content:center; } }\r\n<\/style>\r\n\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,400;0,600;0,700;0,800;0,900;1,600;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"vs-finish\" aria-label=\"Finitions \u00e9poxy RAL sur mesure pour blocs-portes Valente Securystar\">\r\n <div class=\"container\">\r\n\r\n <header class=\"vs-finish__header\">\r\n <div class=\"vs-finish__eyebrow mono\">Finitions sur mesure<\/div>\r\n\r\n <!--\r\n H2 \u00b7 Agent #11 SEO Content Optimizer\r\n Avant : \"180 coloris RAL, deux nuanciers exclusifs.\"\r\n Apr\u00e8s : mots-cl\u00e9s transactionnels d'abord, accroche \u00e9ditoriale ensuite\r\n Cible : architectes, bureaux d'\u00e9tudes, syndics cherchant \"finition \u00e9poxy RAL porte acier\"\r\n -->\r\n <h2 class=\"vs-finish__title\">\r\n <strong>Finitions \u00e9poxy RAL sur mesure<\/strong> \u00b7\r\n <em>180 coloris, deux nuanciers exclusifs.<\/em>\r\n <\/h2>\r\n\r\n <!--\r\n LEAD \u00b7 Agent #17 Zero-Click Optimizer\r\n Enrichi avec termes LSI : finition \u00e9poxy RAL, peinture laqu\u00e9e acier,\r\n LUMINA BRILLANT, TEXTURA CONTEMPORAIN, coloris sur mesure\r\n Format snippet-ready : r\u00e9ponse directe en premier\r\n -->\r\n <p class=\"vs-finish__lead\">\r\n Chaque bloc-porte Valente Securystar est livr\u00e9 en <strong>finition \u00e9poxy appr\u00eat gris<\/strong>\r\n de s\u00e9rie, appliqu\u00e9e en atelier sur acier. Pour personnaliser votre porte, deux nuanciers\r\n de <strong>peinture \u00e9poxy laqu\u00e9e RAL<\/strong> sont disponibles : <strong>LUMINA BRILLANT<\/strong>\r\n (110 coloris, aspect \u00e9clatant) et <strong>TEXTURA CONTEMPORAIN<\/strong> (70 coloris, mate\r\n fine texture anti-traces). Coloris hors nuancier disponibles sur demande pour tout code RAL.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"vs-finish__grid\">\r\n\r\n <!-- NUANCIER LUMINA BRILLANT -->\r\n <article class=\"vs-nuancier vs-nuancier--brillant\">\r\n <header class=\"vs-nuancier__header\">\r\n <div class=\"vs-nuancier__label\">Nuancier 01<\/div>\r\n <h3 class=\"vs-nuancier__name\">\r\n LUMINA BRILLANT\r\n <em>Finition brillante \u00e9clatante<\/em>\r\n <\/h3>\r\n <div class=\"vs-nuancier__count\">\r\n <strong>110<\/strong>\r\n <span>coloris RAL au choix<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"vs-nuancier__samples\" aria-label=\"Aper\u00e7u des coloris LUMINA BRILLANT \u00b7 finition \u00e9poxy brillante RAL\">\r\n <div class=\"vs-sample\" style=\"--ral-color:#FFFFFF;\" data-ral=\"RAL 9016\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#9C9C9C;\" data-ral=\"RAL 9006\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#0A0A0A;\" data-ral=\"RAL 9005\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#CB2821;\" data-ral=\"RAL 3000\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#0E294B;\" data-ral=\"RAL 5004\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#287233;\" data-ral=\"RAL 6002\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#FAD201;\" data-ral=\"RAL 1023\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#E55137;\" data-ral=\"RAL 2008\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#6C4675;\" data-ral=\"RAL 4008\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#1E2460;\" data-ral=\"RAL 5002\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#3D642D;\" data-ral=\"RAL 6005\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#4C514A;\" data-ral=\"RAL 7009\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#826C34;\" data-ral=\"RAL 8000\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#6F4F28;\" data-ral=\"RAL 8007\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#F4F4F4;\" data-ral=\"RAL 9003\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#E8E8E8;\" data-ral=\"RAL 9010\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#38302E;\" data-ral=\"RAL 8022\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#6D6552;\" data-ral=\"RAL 7008\"><\/div>\r\n <\/div>\r\n\r\n <!--\r\n DESCRIPTION \u00b7 Agent #11 \u00b7 enrichie\r\n Avant : \"Aspect lisse et \u00e9clatant, mise en valeur de la couleur.\" (1 phrase)\r\n Apr\u00e8s : propri\u00e9t\u00e9s techniques + compatibilit\u00e9 gammes\r\n -->\r\n <footer class=\"vs-nuancier__footer\">\r\n <div class=\"vs-nuancier__info\">\r\n <strong>Finition \u00e9poxy brillante \u00b7 aspect \u00e9clatant<\/strong>\r\n Peinture \u00e9poxy polym\u00e9ris\u00e9e en atelier. R\u00e9sistante aux UV, aux chocs et aux\r\n intemp\u00e9ries. Compatible avec toutes les gammes : multi-fonction, issue de\r\n secours, contr\u00f4le d'acc\u00e8s et cave A2P.\r\n <\/div>\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/NUANCIER-RAL-LUMINA-100-couleurs-au-choix.pdf\"\r\n class=\"vs-nuancier__cta\" download\r\n aria-label=\"T\u00e9l\u00e9charger le nuancier LUMINA BRILLANT (PDF)\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\r\n <polyline points=\"7 10 12 15 17 10\"\/>\r\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\r\n <\/svg>\r\n Nuancier PDF\r\n <\/a>\r\n <\/footer>\r\n <\/article>\r\n\r\n <!-- NUANCIER TEXTURA CONTEMPORAIN -->\r\n <article class=\"vs-nuancier vs-nuancier--texture\">\r\n <header class=\"vs-nuancier__header\">\r\n <div class=\"vs-nuancier__label\">Nuancier 02<\/div>\r\n <h3 class=\"vs-nuancier__name\">\r\n TEXTURA CONTEMPORAIN\r\n <em>Finition mate fine texture<\/em>\r\n <\/h3>\r\n <div class=\"vs-nuancier__count\">\r\n <strong>70<\/strong>\r\n <span>coloris RAL au choix<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"vs-nuancier__samples\" aria-label=\"Aper\u00e7u des coloris TEXTURA CONTEMPORAIN \u00b7 finition \u00e9poxy mate RAL\">\r\n <div class=\"vs-sample\" style=\"--ral-color:#1C1C1C;\" data-ral=\"RAL 9005\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#4B5159;\" data-ral=\"RAL 7022\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#6F7378;\" data-ral=\"RAL 7035\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#9DA1AA;\" data-ral=\"RAL 7045\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#A98307;\" data-ral=\"RAL 1036\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#382C1E;\" data-ral=\"RAL 8019\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#45322E;\" data-ral=\"RAL 8017\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#79553D;\" data-ral=\"RAL 8003\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#2E3A23;\" data-ral=\"RAL 6020\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#1F3438;\" data-ral=\"RAL 6004\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#3B4847;\" data-ral=\"RAL 7026\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#B7B8B6;\" data-ral=\"RAL 7038\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#5D5C5D;\" data-ral=\"RAL 7037\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#80807E;\" data-ral=\"RAL 7042\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#312B25;\" data-ral=\"RAL 8022\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#898176;\" data-ral=\"RAL 7048\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#2F353B;\" data-ral=\"RAL 7016\"><\/div>\r\n <div class=\"vs-sample\" style=\"--ral-color:#828282;\" data-ral=\"RAL 7030\"><\/div>\r\n <\/div>\r\n\r\n <footer class=\"vs-nuancier__footer\">\r\n <div class=\"vs-nuancier__info\">\r\n <strong>Finition \u00e9poxy mate fine texture \u00b7 rendu contemporain<\/strong>\r\n Peinture \u00e9poxy textur\u00e9e polym\u00e9ris\u00e9e en atelier. Anti-traces, r\u00e9sistante\r\n aux rayures et aux UV. Rendu contemporain discret, id\u00e9al pour les\r\n b\u00e2timents tertiaires et copropri\u00e9t\u00e9s exigeantes.\r\n <\/div>\r\n <a href=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/05\/NUANCIER-RAL-TEXTURA-70-couleurs-au-choix.pdf\"\r\n class=\"vs-nuancier__cta\" download\r\n aria-label=\"T\u00e9l\u00e9charger le nuancier TEXTURA CONTEMPORAIN (PDF)\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\r\n <polyline points=\"7 10 12 15 17 10\"\/>\r\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\r\n <\/svg>\r\n Nuancier PDF\r\n <\/a>\r\n <\/footer>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <!-- Note couleurs hors nuancier -->\r\n <div class=\"vs-finish__note\" role=\"complementary\" aria-label=\"Couleurs RAL personnalis\u00e9es hors nuancier\">\r\n <div class=\"vs-finish__note-icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <path d=\"M12 16v-4M12 8h.01\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"vs-finish__note-text\">\r\n <strong>Couleurs RAL hors nuancier disponibles<\/strong>\r\n <!--\r\n CONTENU \u00b7 Agent #09 Evergreen + #11\r\n Pr\u00e9cisions techniques : types de finitions disponibles hors nuancier\r\n Ces termes sont recherch\u00e9s par les prescripteurs (satin\u00e9e, fine texture)\r\n -->\r\n <span>\r\n Vous souhaitez un code RAL sp\u00e9cifique non pr\u00e9sent dans nos nuanciers ?\r\n Nous r\u00e9alisons votre <strong>finition \u00e9poxy RAL sur mesure<\/strong> :\r\n brillante, mate, satin\u00e9e ou fine texture. Pr\u00e9cisez votre demande lors du devis.\r\n <\/span>\r\n <\/div>\r\n <!--\r\n CTA \u00b7 Agent #19 SEO CTA Optimizer\r\n Avant : \"Nous contacter\" (g\u00e9n\u00e9rique)\r\n Apr\u00e8s : CTA align\u00e9 sur l'intention commerciale sp\u00e9cifique\r\n -->\r\n <a href=\"#contact\" class=\"vs-nuancier__cta\" aria-label=\"Demander une finition RAL personnalis\u00e9e\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\r\n <\/svg>\r\n Demander un RAL personnalis\u00e9\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-532803e e-flex e-con-boxed e-con e-parent\" data-id=\"532803e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b443868 e-con-full e-flex e-con e-child\" data-id=\"b443868\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c878a7c elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"c878a7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- JSON-LD FAQPage \u2014 \u00e0 placer dans le head via Yoast ou bloc head WP -->\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\":\"Quelle diff\u00e9rence entre les 4 cat\u00e9gories de blocs-portes multi-usages ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Multi-fonction : locaux professionnels et acc\u00e8s secondaires intensifs. Issue de secours : serrure anti-panique conforme EN 1125 pour \u00e9vacuation ERP. Contr\u00f4le d'acc\u00e8s : ventouses 300 kg certifi\u00e9es CNPP NF S61-937. Cave : certifi\u00e9e A2P BP1, BP2 ou BP3 pour copropri\u00e9t\u00e9s.\"}},\r\n {\"@type\":\"Question\",\"name\":\"Peut-on avoir une porte de cave certifi\u00e9e A2P fabriqu\u00e9e sur mesure ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui. Les 6 mod\u00e8les cave Valente Securystar sont certifiables A2P BP1, BP2 ou BP3 et fabriqu\u00e9s sur mesure \u00e0 vos dimensions dans nos ateliers fran\u00e7ais, y compris hors-formats jusqu'\u00e0 2 980 mm de hauteur.\"}},\r\n {\"@type\":\"Question\",\"name\":\"Comment choisir entre A2P BP1, BP2 et BP3 ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"BP1 r\u00e9siste 5 minutes (copropri\u00e9t\u00e9 standard), BP2 r\u00e9siste 10 minutes (renforc\u00e9), BP3 r\u00e9siste 15 minutes (exig\u00e9 par certaines assurances). La certification porte sur l'ensemble b\u00e2ti, vantail, serrure et cylindre.\"}},\r\n {\"@type\":\"Question\",\"name\":\"Quelle norme pour une porte issue de secours en ERP ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Conforme \u00e0 la norme EN 1125 (barre anti-panique) ou EN 179 (poign\u00e9e). \u00c9vacuation imm\u00e9diate par simple pression, sans cl\u00e9. Les mod\u00e8les Le Sprint et L'Urgence r\u00e9pondent \u00e0 ces exigences.\"}},\r\n {\"@type\":\"Question\",\"name\":\"Qu'est-ce qu'une ventouse \u00e9lectromagn\u00e9tique certifi\u00e9e CNPP NF S61-937 ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Une ventouse certifi\u00e9e CNPP NF S61-937 maintient la porte ouverte et se lib\u00e8re automatiquement en cas d'alarme incendie. Les blocs-portes contr\u00f4le d'acc\u00e8s Valente int\u00e8grent 2 ventouses de 300 kg conformes.\"}},\r\n {\"@type\":\"Question\",\"name\":\"Quelle diff\u00e9rence entre un b\u00e2ti r\u00e9novation Z et un b\u00e2ti tubulaire ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Le b\u00e2ti r\u00e9novation Z s'installe autour du dormant existant sans ma\u00e7onnerie. Le b\u00e2ti tubulaire est destin\u00e9 aux poses en neuf, directement scell\u00e9 dans la ma\u00e7onnerie.\"}},\r\n {\"@type\":\"Question\",\"name\":\"Quel est le d\u00e9lai de fabrication d'un bloc-porte acier sur mesure ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"3 \u00e0 5 semaines pour un mod\u00e8le standard. 6 \u00e0 8 semaines pour les finitions sp\u00e9cifiques ou hors-formats. Le d\u00e9lai pr\u00e9cis est communiqu\u00e9 dans le devis personnalis\u00e9.\"}},\r\n {\"@type\":\"Question\",\"name\":\"Les blocs-portes Valente Securystar sont-ils fabriqu\u00e9s sur mesure en France ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui, int\u00e9gralement. Fabriqu\u00e9s \u00e0 vos dimensions exactes dans les ateliers fran\u00e7ais du Groupe Valente : 1 ou 2 vantaux, hors-formats jusqu'\u00e0 2 980 mm, 180 coloris RAL. Garantie 15 ans.\"}},\r\n {\"@type\":\"Question\",\"name\":\"La pose est-elle incluse ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"La pose n'est pas incluse mais Valente Securystar travaille avec un r\u00e9seau d'installateurs agr\u00e9\u00e9s partout en France, indispensables pour garantir la conformit\u00e9 des certifications A2P.\"}}\r\n ]\r\n}\r\n<\/script>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Exo:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n FAQ COLONNE GAUCHE \u2014 Valente Securystar\r\n Titre \"Questions fr\u00e9quentes\" en grand, ancien titre en sous-titre\r\n ============================================================ *\/\r\n\r\n\/* Variables *\/\r\n#vs-faq { --orange: #E8420A; --black: #0A0A0A; --mute: rgba(10,10,10,0.55); --line: rgba(10,10,10,0.13); }\r\n\r\n\/* Wrapper principal *\/\r\n#vs-faq {\r\n width: 100%;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n font-family: 'Exo', sans-serif;\r\n}\r\n\r\n#vs-faq * { box-sizing: border-box; }\r\n\r\n#vs-faq button,\r\n#vs-faq button:link,\r\n#vs-faq button:visited,\r\n#vs-faq button:hover,\r\n#vs-faq button:focus,\r\n#vs-faq button:active,\r\n#vs-faq button:focus-visible,\r\n#vs-faq button[aria-expanded],\r\n#vs-faq button[aria-expanded=\"true\"],\r\n#vs-faq button[aria-expanded=\"false\"] {\r\n background: transparent !important;\r\n background-color: transparent !important;\r\n background-image: none !important;\r\n color: inherit !important;\r\n border: none !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n outline: none !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n -webkit-text-fill-color: inherit !important;\r\n}\r\n\r\n#vs-faq a,\r\n#vs-faq a:link,\r\n#vs-faq a:visited,\r\n#vs-faq a:hover,\r\n#vs-faq a:active {\r\n color: inherit !important;\r\n text-decoration: none !important;\r\n -webkit-text-fill-color: inherit !important;\r\n}\r\n\r\n\/* \u2500\u2500 GRAND TITRE (ex-eyebrow) \u2500\u2500 *\/\r\n#vs-faq .faq-eyebrow {\r\n display: block;\r\n font-size: clamp(1.5rem, 3.4vw, 2.15rem);\r\n font-weight: 900;\r\n letter-spacing: -0.02em;\r\n line-height: 1.05;\r\n text-transform: none;\r\n color: var(--black);\r\n margin-bottom: 8px;\r\n}\r\n\r\n\/* \u2500\u2500 SOUS-TITRE plus petit (ex-titre H2) \u2500\u2500 *\/\r\n#vs-faq .faq-title {\r\n font-size: .9rem;\r\n font-weight: 700;\r\n line-height: 1.4;\r\n letter-spacing: 0;\r\n text-transform: none;\r\n color: var(--mute);\r\n margin: 0 0 12px 0;\r\n padding: 0;\r\n}\r\n#vs-faq .faq-title em {\r\n font-style: normal;\r\n color: var(--orange);\r\n}\r\n\r\n\/* Intro *\/\r\n#vs-faq .faq-intro {\r\n font-size: .9rem;\r\n color: var(--mute);\r\n line-height: 1.65;\r\n margin: 0 0 2rem 0;\r\n padding: 0;\r\n}\r\n\r\n\/* Liste accord\u00e9on *\/\r\n#vs-faq .faq-list {\r\n border-top: 1px solid var(--line);\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n}\r\n\r\n#vs-faq .faq-item {\r\n border-bottom: 1px solid var(--line);\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Bouton question *\/\r\n#vs-faq .faq-q {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding: 15px 0;\r\n cursor: pointer;\r\n font-size: .88rem;\r\n font-weight: 700;\r\n color: var(--black);\r\n line-height: 1.45;\r\n width: 100%;\r\n max-width: 100%;\r\n text-align: left;\r\n font-family: 'Exo', sans-serif;\r\n transition: color .15s;\r\n white-space: normal;\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n}\r\n#vs-faq .faq-q:hover { color: var(--orange); }\r\n#vs-faq .faq-q[aria-expanded=\"true\"] { color: var(--orange); }\r\n\r\n#vs-faq .faq-q-text {\r\n flex: 1;\r\n min-width: 0;\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n}\r\n\r\n\/* Ic\u00f4ne +\/\u00d7 *\/\r\n#vs-faq .faq-icon {\r\n width: 22px; height: 22px;\r\n flex-shrink: 0;\r\n border: 1.5px solid rgba(10,10,10,0.25);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background .15s, border-color .15s;\r\n margin-top: 2px;\r\n}\r\n#vs-faq .faq-q:hover .faq-icon,\r\n#vs-faq .faq-q[aria-expanded=\"true\"] .faq-icon {\r\n background: var(--orange) !important;\r\n border-color: var(--orange) !important;\r\n}\r\n#vs-faq .faq-icon svg {\r\n width: 10px; height: 10px;\r\n stroke: rgba(10,10,10,0.45);\r\n fill: none;\r\n stroke-width: 2.5;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n transition: stroke .15s, transform .25s;\r\n display: block;\r\n}\r\n#vs-faq .faq-q:hover .faq-icon svg,\r\n#vs-faq .faq-q[aria-expanded=\"true\"] .faq-icon svg { stroke: #fff; }\r\n#vs-faq .faq-q[aria-expanded=\"true\"] .faq-icon svg { transform: rotate(45deg); }\r\n\r\n\/* R\u00e9ponse *\/\r\n#vs-faq .faq-a {\r\n overflow: hidden;\r\n max-height: 0;\r\n transition: max-height .3s ease;\r\n}\r\n#vs-faq .faq-a.is-open { max-height: 600px; }\r\n\r\n#vs-faq .faq-a-inner {\r\n padding: 0 0 16px 0;\r\n font-size: .84rem;\r\n color: var(--mute);\r\n line-height: 1.75;\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n}\r\n#vs-faq .faq-a-inner strong { color: var(--black); font-weight: 700; }\r\n\r\n\/* Lignes cat\u00e9gories (r\u00e9ponse Q1) *\/\r\n#vs-faq .faq-a-inner .faq-cat { display: block; margin-bottom: 6px; }\r\n#vs-faq .faq-a-inner .faq-cat:last-child { margin-bottom: 0; }\r\n\r\n\/* Contacts rapides *\/\r\n#vs-faq .faq-contacts {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1px;\r\n background: rgba(10,10,10,0.2);\r\n border: 1px solid rgba(10,10,10,0.2);\r\n margin-top: 1.5rem;\r\n}\r\n#vs-faq .faq-contact {\r\n background: #f7f7f7;\r\n padding: 1rem 1.25rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: .25rem;\r\n transition: background .2s;\r\n}\r\n#vs-faq .faq-contact:hover { background: #ebebeb; }\r\n#vs-faq .faq-contact-label {\r\n font-size: .65rem;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n color: var(--orange) !important;\r\n font-weight: 700;\r\n}\r\n#vs-faq .faq-contact-value {\r\n font-size: .88rem;\r\n font-weight: 700;\r\n color: var(--black) !important;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n #vs-faq .faq-eyebrow { font-size: clamp(1.3rem, 6vw, 1.8rem); }\r\n #vs-faq .faq-q { font-size: .82rem; padding: 13px 0; gap: 10px; }\r\n #vs-faq .faq-icon { width: 20px; height: 20px; }\r\n #vs-faq .faq-icon svg { width: 9px; height: 9px; }\r\n #vs-faq .faq-contacts { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 480px) {\r\n #vs-faq .faq-eyebrow { font-size: 1.35rem; }\r\n #vs-faq .faq-title { font-size: .82rem; }\r\n #vs-faq .faq-intro { font-size: .82rem; }\r\n #vs-faq .faq-q { font-size: .78rem; padding: 11px 0; gap: 8px; }\r\n #vs-faq .faq-a-inner { font-size: .78rem; }\r\n #vs-faq .faq-icon { width: 18px; height: 18px; }\r\n #vs-faq .faq-contact { padding: .75rem 1rem; }\r\n #vs-faq .faq-contact-value { font-size: .8rem; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"vs-faq\">\r\n\r\n <div class=\"faq-eyebrow\">Questions fr\u00e9quentes<\/div>\r\n\r\n <h2 class=\"faq-title\">\r\n Vos questions sur les blocs-portes acier, <em>A2P et normes ERP.<\/em>\r\n <\/h2>\r\n\r\n <p class=\"faq-intro\">\r\n Blocs-portes acier sur mesure, certification A2P, normes EN 1125 et CNPP NF S61-937 :\r\n toutes les r\u00e9ponses techniques, sans jargon.\r\n <\/p>\r\n\r\n <div class=\"faq-list\">\r\n\r\n <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"fa1\" id=\"fq1\">\r\n <span class=\"faq-q-text\" itemprop=\"name\">Quelle diff\u00e9rence entre les 4 cat\u00e9gories de blocs-portes multi-usages ?<\/span>\r\n <span class=\"faq-icon\" aria-hidden=\"true\"><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><\/span>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"fa1\" role=\"region\" aria-labelledby=\"fq1\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div class=\"faq-a-inner\" itemprop=\"text\">\r\n <span class=\"faq-cat\"><strong>Multi-fonction :<\/strong> locaux professionnels et acc\u00e8s secondaires intensifs.<\/span>\r\n <span class=\"faq-cat\"><strong>Issue de secours :<\/strong> serrure anti-panique conforme EN 1125 pour \u00e9vacuation ERP.<\/span>\r\n <span class=\"faq-cat\"><strong>Contr\u00f4le d'acc\u00e8s :<\/strong> ventouses 300 kg certifi\u00e9es CNPP NF S61-937.<\/span>\r\n <span class=\"faq-cat\"><strong>Cave :<\/strong> certifi\u00e9e A2P BP1, BP2 ou BP3 pour copropri\u00e9t\u00e9s.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"fa2\" id=\"fq2\">\r\n <span class=\"faq-q-text\" itemprop=\"name\">Peut-on avoir une porte de cave certifi\u00e9e A2P fabriqu\u00e9e sur mesure ?<\/span>\r\n <span class=\"faq-icon\" aria-hidden=\"true\"><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><\/span>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"fa2\" role=\"region\" aria-labelledby=\"fq2\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div class=\"faq-a-inner\" itemprop=\"text\">Oui. Contrairement aux id\u00e9es re\u00e7ues, les <strong>6 mod\u00e8les cave Valente Securystar sont certifiables A2P BP1, BP2 ou BP3 et fabriqu\u00e9s sur mesure<\/strong> \u00e0 vos dimensions dans nos ateliers fran\u00e7ais, y compris les hors-formats jusqu'\u00e0 <strong>2 980 mm<\/strong> de hauteur.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"fa3\" id=\"fq3\">\r\n <span class=\"faq-q-text\" itemprop=\"name\">Comment choisir entre A2P BP1, BP2 et BP3 ?<\/span>\r\n <span class=\"faq-icon\" aria-hidden=\"true\"><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><\/span>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"fa3\" role=\"region\" aria-labelledby=\"fq3\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div class=\"faq-a-inner\" itemprop=\"text\"><strong>BP1 r\u00e9siste 5 minutes<\/strong> (recommand\u00e9 en copropri\u00e9t\u00e9 standard). <strong>BP2 r\u00e9siste 10 minutes<\/strong> (niveau renforc\u00e9). <strong>BP3 r\u00e9siste 15 minutes<\/strong> (exig\u00e9 par certaines assurances). La certification porte sur l'ensemble b\u00e2ti, vantail, serrure et cylindre.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"fa4\" id=\"fq4\">\r\n <span class=\"faq-q-text\" itemprop=\"name\">Quelle norme pour une porte issue de secours en ERP ?<\/span>\r\n <span class=\"faq-icon\" aria-hidden=\"true\"><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><\/span>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"fa4\" role=\"region\" aria-labelledby=\"fq4\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div class=\"faq-a-inner\" itemprop=\"text\">Une porte issue de secours ERP doit \u00eatre conforme \u00e0 la <strong>norme EN 1125<\/strong> (barre anti-panique) ou <strong>EN 179<\/strong> (poign\u00e9e). \u00c9vacuation imm\u00e9diate par simple pression, sans cl\u00e9. Les mod\u00e8les Le Sprint et L'Urgence r\u00e9pondent \u00e0 ces exigences.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"fa5\" id=\"fq5\">\r\n <span class=\"faq-q-text\" itemprop=\"name\">Qu'est-ce qu'une ventouse \u00e9lectromagn\u00e9tique certifi\u00e9e CNPP NF S61-937 ?<\/span>\r\n <span class=\"faq-icon\" aria-hidden=\"true\"><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><\/span>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"fa5\" role=\"region\" aria-labelledby=\"fq5\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div class=\"faq-a-inner\" itemprop=\"text\">Une ventouse certifi\u00e9e <strong>CNPP \u00b7 norme AFNOR NF S61-937<\/strong> maintient la porte ouverte et se lib\u00e8re automatiquement en cas d'alarme incendie. Les blocs-portes contr\u00f4le d'acc\u00e8s Valente int\u00e8grent <strong>2 ventouses de 300 kg<\/strong> conformes.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"fa6\" id=\"fq6\">\r\n <span class=\"faq-q-text\" itemprop=\"name\">Quelle diff\u00e9rence entre un b\u00e2ti r\u00e9novation Z et un b\u00e2ti tubulaire ?<\/span>\r\n <span class=\"faq-icon\" aria-hidden=\"true\"><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><\/span>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"fa6\" role=\"region\" aria-labelledby=\"fq6\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div class=\"faq-a-inner\" itemprop=\"text\">Le <strong>b\u00e2ti r\u00e9novation Z<\/strong> s'installe autour du dormant existant, sans ma\u00e7onnerie, id\u00e9al pour la r\u00e9novation. Le <strong>b\u00e2ti tubulaire \u00e0 ailettes<\/strong> est destin\u00e9 aux poses en neuf, directement scell\u00e9 dans la ma\u00e7onnerie.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"fa7\" id=\"fq7\">\r\n <span class=\"faq-q-text\" itemprop=\"name\">Quel est le d\u00e9lai de fabrication d'un bloc-porte acier sur mesure ?<\/span>\r\n <span class=\"faq-icon\" aria-hidden=\"true\"><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><\/span>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"fa7\" role=\"region\" aria-labelledby=\"fq7\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div class=\"faq-a-inner\" itemprop=\"text\"><strong>24 \u00e0 48h<\/strong> pour un mod\u00e8le standard. <strong>48 \u00e0 72h<\/strong> pour les finitions sp\u00e9cifiques (RAL hors nuancier, hors-formats, certifications A2P haut niveau). Le d\u00e9lai pr\u00e9cis est communiqu\u00e9 dans le devis personnalis\u00e9.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"fa8\" id=\"fq8\">\r\n <span class=\"faq-q-text\" itemprop=\"name\">Les blocs-portes Valente Securystar sont-ils vraiment fabriqu\u00e9s sur mesure en France ?<\/span>\r\n <span class=\"faq-icon\" aria-hidden=\"true\"><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><\/span>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"fa8\" role=\"region\" aria-labelledby=\"fq8\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div class=\"faq-a-inner\" itemprop=\"text\">Oui, int\u00e9gralement. Fabriqu\u00e9s <strong>\u00e0 vos dimensions exactes dans les ateliers fran\u00e7ais du Groupe Valente<\/strong> : 1 ou 2 vantaux, hors-formats jusqu'\u00e0 2 980 mm, 180 coloris RAL. <strong>Garantie 15 ans<\/strong>.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"fa10\" id=\"fq10\">\r\n <span class=\"faq-q-text\" itemprop=\"name\">La pose est-elle incluse ? Comment se d\u00e9roule l'installation ?<\/span>\r\n <span class=\"faq-icon\" aria-hidden=\"true\"><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><\/span>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"fa10\" role=\"region\" aria-labelledby=\"fq10\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\r\n <div class=\"faq-a-inner\" itemprop=\"text\">La pose n'est pas incluse, mais Valente Securystar travaille avec un <strong>r\u00e9seau d'installateurs agr\u00e9\u00e9s partout en France<\/strong>. La pose par un professionnel agr\u00e9\u00e9 est indispensable pour garantir la conformit\u00e9 des certifications A2P.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div><!-- \/faq-list -->\r\n\r\n <div class=\"faq-contacts\">\r\n <a href=\"tel:+33156342424\" class=\"faq-contact\">\r\n <span class=\"faq-contact-label\">T\u00e9l\u00e9phone<\/span>\r\n <span class=\"faq-contact-value\">01 56 34 24 24<\/span>\r\n <\/a>\r\n <a href=\"mailto:commande@valentesecurystar.com\" class=\"faq-contact\">\r\n <span class=\"faq-contact-label\">Email devis<\/span>\r\n <span class=\"faq-contact-value\">commande@valentesecurystar.com<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n<\/div><!-- \/#vs-faq -->\r\n\r\n<script>\r\n(function() {\r\n var btns = document.querySelectorAll('#vs-faq .faq-q');\r\n btns.forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n var expanded = this.getAttribute('aria-expanded') === 'true';\r\n var id = this.getAttribute('aria-controls');\r\n var answer = document.getElementById(id);\r\n btns.forEach(function(b) { b.setAttribute('aria-expanded', 'false'); });\r\n document.querySelectorAll('#vs-faq .faq-a').forEach(function(a) {\r\n a.classList.remove('is-open');\r\n });\r\n if (!expanded) {\r\n this.setAttribute('aria-expanded', 'true');\r\n if (answer) answer.classList.add('is-open');\r\n }\r\n });\r\n });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55177e0 e-con-full e-flex e-con e-child\" data-id=\"55177e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4784439 elementor-widget elementor-widget-html\" data-id=\"4784439\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Exo:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n :root {\r\n --vs-black: #000000;\r\n --vs-orange: #E8420A;\r\n --vs-white: #ffffff;\r\n --line: rgba(10,10,10,0.12);\r\n --line-strong: rgba(10,10,10,0.4);\r\n --mute: rgba(10,10,10,0.6);\r\n }\r\n\r\n .vs-form-card {\r\n background: var(--vs-white);\r\n color: var(--vs-black);\r\n padding: clamp(1.75rem, 3vw, 2.5rem);\r\n position: relative;\r\n }\r\n .vs-form-card::before {\r\n content: '';\r\n position: absolute; top: 0; left: 0;\r\n width: 60px; height: 4px;\r\n background: var(--vs-orange);\r\n }\r\n\r\n \/* \u2500\u2500 GRAND TITRE (ex-eyebrow) \u2500\u2500 *\/\r\n .vs-form-card__eyebrow {\r\n display: block;\r\n font-size: clamp(1.25rem, 2.6vw, 1.6rem);\r\n font-weight: 900; letter-spacing: -0.01em; line-height: 1.1;\r\n text-transform: none; color: var(--vs-black);\r\n margin: 8px 0 6px;\r\n }\r\n\r\n \/* \u2500\u2500 SOUS-TITRE plus petit (ex-title) \u2500\u2500 *\/\r\n .vs-form-card__title {\r\n font-weight: 700; font-size: .82rem;\r\n line-height: 1.3; color: var(--vs-orange);\r\n margin-bottom: 0.4rem;\r\n }\r\n\r\n .vs-form-card__sub {\r\n color: var(--mute); font-size: .88rem; line-height: 1.5;\r\n margin-bottom: 1.5rem; padding-bottom: 1.5rem;\r\n border-bottom: 1px solid var(--line);\r\n }\r\n .vs-form-card__sub strong { color: var(--vs-black); font-weight: 800; }\r\n\r\n \/* \u2500\u2500 LIGNES 2 COLONNES (cal\u00e9es sur vdevis-row-2 du formulaire) \u2500\u2500 *\/\r\n .vs-form-card .vdevis-head {\r\n font-size: .66rem !important; font-weight: 800 !important;\r\n letter-spacing: .12em; text-transform: uppercase;\r\n color: var(--vs-orange) !important;\r\n margin: 1.25rem 0 .75rem; padding-bottom: .5rem;\r\n border-bottom: 1px solid var(--line);\r\n }\r\n .vs-form-card .vdevis-head:first-child { margin-top: 0; }\r\n .vs-form-card .vdevis-row { margin-bottom: .5rem; }\r\n .vs-form-card .vdevis-row-2 {\r\n display: grid !important; grid-template-columns: 1fr 1fr !important;\r\n gap: 0 12px !important; margin-bottom: .5rem;\r\n }\r\n .vs-form-card .vdevis-row-2 > div { min-width: 0; }\r\n @media (max-width: 560px) { .vs-form-card .vdevis-row-2 { grid-template-columns: 1fr !important; } }\r\n .vs-form-card .vdevis-accept { margin: .5rem 0 .75rem; }\r\n\r\n \/* Surcharge champs CF7 *\/\r\n .vs-form-card input[type=\"text\"],\r\n .vs-form-card input[type=\"email\"],\r\n .vs-form-card input[type=\"tel\"],\r\n .vs-form-card select,\r\n .vs-form-card textarea {\r\n width: 100% !important;\r\n padding: .45rem .7rem !important;\r\n border: 1px solid var(--line-strong) !important;\r\n background: var(--vs-white) !important;\r\n font-family: 'Exo', sans-serif !important;\r\n font-size: .82rem !important;\r\n color: var(--vs-black) !important;\r\n border-radius: 2px !important;\r\n transition: border-color .2s, box-shadow .2s !important;\r\n margin: 0 0 6px !important;\r\n box-shadow: none !important;\r\n outline: none !important;\r\n display: block !important;\r\n }\r\n .vs-form-card input:focus,\r\n .vs-form-card select:focus,\r\n .vs-form-card textarea:focus {\r\n border-color: var(--vs-orange) !important;\r\n box-shadow: 0 0 0 2px rgba(232,66,10,.1) !important;\r\n }\r\n .vs-form-card textarea { min-height: 80px !important; resize: vertical; }\r\n\r\n .vs-form-card label {\r\n display: block !important;\r\n font-size: .72rem !important; font-weight: 700 !important;\r\n color: var(--vs-black) !important;\r\n margin-bottom: .15rem !important;\r\n font-family: 'Exo', sans-serif !important;\r\n }\r\n\r\n .vs-form-card br { display: none !important; }\r\n .vs-form-card p { margin: 0 !important; padding: 0 !important; }\r\n .vs-form-card .wpcf7-form-control-wrap {\r\n display: block !important; margin: 0 !important; padding: 0 !important;\r\n }\r\n\r\n .vs-form-card input[type=\"submit\"],\r\n .vs-form-card button[type=\"submit\"] {\r\n width: 100% !important;\r\n padding: .75rem 1.25rem !important;\r\n background: var(--vs-black) !important;\r\n color: var(--vs-white) !important;\r\n border: none !important;\r\n font-family: 'Exo', sans-serif !important;\r\n font-size: .85rem !important; font-weight: 700 !important;\r\n letter-spacing: .06em !important; text-transform: uppercase !important;\r\n cursor: pointer !important; border-radius: 2px !important;\r\n transition: background .2s !important; margin-top: 6px !important;\r\n }\r\n .vs-form-card input[type=\"submit\"]:hover,\r\n .vs-form-card button[type=\"submit\"]:hover {\r\n background: var(--vs-orange) !important;\r\n }\r\n\r\n .vs-form-card .wpcf7-acceptance .wpcf7-list-item-label {\r\n font-size: .75rem; color: var(--mute); line-height: 1.4;\r\n }\r\n .vs-form-card .wpcf7-acceptance input[type=\"checkbox\"] {\r\n accent-color: var(--vs-orange);\r\n }\r\n\r\n .vs-form-card__rgpd {\r\n margin-top: 1rem;\r\n font-size: .72rem; color: var(--mute); line-height: 1.5;\r\n }\r\n .vs-form-card__rgpd a { color: var(--vs-orange); text-decoration: underline; }\r\n\r\n .wpcf7-not-valid-tip {\r\n font-size: .72rem; color: #c8332e; margin-top: 2px;\r\n }\r\n .wpcf7-response-output {\r\n margin-top: 1rem; padding: .65rem 1rem;\r\n font-size: .82rem; border-radius: 2px;\r\n }\r\n .wpcf7-mail-sent-ok {\r\n border: 1px solid #7d8a3c; color: #7d8a3c;\r\n background: rgba(125,138,60,0.08);\r\n }\r\n .wpcf7-mail-sent-ng { border: 1px solid #c8332e; color: #c8332e; }\r\n<\/style>\r\n\r\n<div class=\"vs-form-card\">\r\n\r\n <div class=\"vs-form-card__eyebrow\">Parlons de votre projet<\/div>\r\n <h2 class=\"vs-form-card__title\">Demander un devis<\/h2>\r\n <p class=\"vs-form-card__sub\">\r\n Remplissez ce formulaire, nous vous r\u00e9pondons sous <strong>24h ouvr\u00e9es<\/strong>.\r\n <\/p>\r\n\r\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f9168-o1\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"9168\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/8217#wpcf7-f9168-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulaire de contact\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"9168\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f9168-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<!-- \u00c9TAPE 1 \u00b7 VOUS \u00caTES -->\n<div class=\"vdevis-head\">\n\t<p>Vous \u00eates\n\t<\/p>\n<\/div>\n<div class=\"vdevis-row-2\">\n\t<div>\n\t\t<p><label for=\"vs_profil\">Votre profil <span style=\"color:#E8420A\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"vs_profil\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"vs_profil\" aria-required=\"true\" aria-invalid=\"false\" name=\"vs_profil\"><option value=\"\">Choisir votre profil<\/option><option value=\"Particulier\">Particulier<\/option><option value=\"Professionnel \/ Entreprise\">Professionnel \/ Entreprise<\/option><option value=\"Syndic \/ Copropri\u00e9t\u00e9\">Syndic \/ Copropri\u00e9t\u00e9<\/option><option value=\"Architecte \/ Bureau d'\u00e9tudes\">Architecte \/ Bureau d'\u00e9tudes<\/option><option value=\"Revendeur \/ Installateur\">Revendeur \/ Installateur<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div>\n\t\t<p><label for=\"vs_siret\">N\u00b0 SIRET (si professionnel)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"vs_siret\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"vs_siret\" aria-invalid=\"false\" placeholder=\"123 456 789 00012\" value=\"\" type=\"text\" name=\"vs_siret\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n\n<!-- \u00c9TAPE 2 \u00b7 VOS COORDONN\u00c9ES -->\n<div class=\"vdevis-head\">\n\t<p>Vos coordonn\u00e9es\n\t<\/p>\n<\/div>\n<div class=\"vdevis-row-2\">\n\t<div>\n\t\t<p><label for=\"vs_prenom\">Pr\u00e9nom <span style=\"color:#E8420A\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"vs_prenom\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"vs_prenom\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre pr\u00e9nom\" value=\"\" type=\"text\" name=\"vs_prenom\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div>\n\t\t<p><label for=\"vs_nom\">Nom <span style=\"color:#E8420A\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"vs_nom\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"vs_nom\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre nom\" value=\"\" type=\"text\" name=\"vs_nom\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"vdevis-row-2\">\n\t<div>\n\t\t<p><label for=\"vs_email\">Email <span style=\"color:#E8420A\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"vs_email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"vs_email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"votre@email.com\" value=\"\" type=\"email\" name=\"vs_email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div>\n\t\t<p><label for=\"vs_tel\">T\u00e9l\u00e9phone <span style=\"color:#E8420A\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"vs_tel\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" id=\"vs_tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"06 XX XX XX XX\" value=\"\" type=\"tel\" name=\"vs_tel\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"vdevis-row-2\">\n\t<div>\n\t\t<p><label for=\"vs_cp\">Code postal <span style=\"color:#E8420A\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"vs_cp\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"vs_cp\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"75001\" value=\"\" type=\"text\" name=\"vs_cp\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div>\n\t\t<p><label for=\"vs_ville\">Ville <span style=\"color:#E8420A\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"vs_ville\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"vs_ville\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Paris\" value=\"\" type=\"text\" name=\"vs_ville\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"vdevis-row\">\n\t<p><label for=\"vs_contact_pref\">Pr\u00e9f\u00e9rence de contact<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"vs_contact_pref\"><select class=\"wpcf7-form-control wpcf7-select\" id=\"vs_contact_pref\" aria-invalid=\"false\" name=\"vs_contact_pref\"><option value=\"\">Peu importe<\/option><option value=\"Par t\u00e9l\u00e9phone\">Par t\u00e9l\u00e9phone<\/option><option value=\"Par email\">Par email<\/option><\/select><\/span>\n\t<\/p>\n<\/div>\n\n<!-- \u00c9TAPE 3 \u00b7 VOTRE PROJET -->\n<div class=\"vdevis-head\">\n\t<p>Votre projet\n\t<\/p>\n<\/div>\n<div class=\"vdevis-row-2\">\n\t<div>\n\t\t<p><label for=\"vs_categorie\">Type de produit <span style=\"color:#E8420A\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"vs_categorie\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"vs_categorie\" aria-required=\"true\" aria-invalid=\"false\" name=\"vs_categorie\"><option value=\"\">Choisir un type<\/option><option value=\"LE PRATIC\">LE PRATIC<\/option><option value=\"L'UTILE\">L'UTILE<\/option><option value=\"L'ENERGIC\">L'ENERGIC<\/option><option value=\"LE PRAGMATIC\">LE PRAGMATIC<\/option><option value=\"LE SPRINT\">LE SPRINT<\/option><option value=\"L'URGENCE\">L'URGENCE<\/option><option value=\"LE TONNERRE\">LE TONNERRE<\/option><option value=\"L'ELECTRIC\">L'ELECTRIC<\/option><option value=\"L'ECO\">L'ECO<\/option><option value=\"LE TOP ECO 1\">LE TOP ECO 1<\/option><option value=\"LE TOP CAVE\">LE TOP CAVE<\/option><option value=\"LE SECURY CAVE 1\">LE SECURY CAVE 1<\/option><option value=\"LE NEW CAVE\">LE NEW CAVE<\/option><option value=\"LE STAR CAVE 1\">LE STAR CAVE 1<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div>\n\t\t<p><label for=\"vs_a2p\">Niveau A2P souhait\u00e9<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"vs_a2p\"><select class=\"wpcf7-form-control wpcf7-select\" id=\"vs_a2p\" aria-invalid=\"false\" name=\"vs_a2p\"><option value=\"\">Si vous le savez<\/option><option value=\"A2P BP1 (5 min)\">A2P BP1 (5 min)<\/option><option value=\"A2P BP2 (10 min)\">A2P BP2 (10 min)<\/option><option value=\"A2P BP3 (15 min)\">A2P BP3 (15 min)<\/option><option value=\"Je ne sais pas encore\">Je ne sais pas encore<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"vdevis-row\">\n\t<p><label for=\"vs_precisions\">Pr\u00e9cisions sur le projet<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"vs_precisions\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" id=\"vs_precisions\" aria-invalid=\"false\" placeholder=\"Type d'\u00e9tablissement (ERP, tertiaire, industriel...), contraintes, d\u00e9lais souhait\u00e9s...\" name=\"vs_precisions\"><\/textarea><\/span>\n\t<\/p>\n<\/div>\n<div class=\"vdevis-row vdevis-accept\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"vs_rgpd\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"vs_rgpd\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">J'accepte que mes donn\u00e9es soient utilis\u00e9es pour traiter ma demande, conform\u00e9ment \u00e0 la politique de confidentialit\u00e9.<\/span><\/label><\/span><\/span><\/span>\n\t<\/p>\n<\/div>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Envoyer ma demande de devis\" \/>\n<\/p><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>Δ<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"157\"\/><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n\r\n <p class=\"vs-form-card__rgpd\">\r\n En envoyant ce formulaire, vous acceptez que vos donn\u00e9es soient utilis\u00e9es pour traiter votre demande,\r\n conform\u00e9ment \u00e0 notre <a href=\"#\">politique de confidentialit\u00e9<\/a>.\r\n <\/p>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Blocs-portes multi-usages acier sur mesure \u2013 Valente Securystar Catalogue \u00b7 16 mod\u00e8les \u00b7 4 cat\u00e9gories Blocs-portes multi-usages acier sur mesure. Nos 16 blocs-portes acier sur mesure couvrent tous les usages collectifs. Fabriqu\u00e9s dans nos ateliers fran\u00e7ais, certifi\u00e9s A2P PB, conformes ERP. Garantie 15 ans. T\u00e9l\u00e9charger le catalogue Demander un devis Cat\u00e9gorie 01 Multi-fonction Locaux techniques, […]<\/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-8217","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>Blocs-portes multi-usages - Valente Securystar<\/title>\n<meta name=\"description\" content=\"La plus haute certification d'Europe. Portes blind\u00e9es Serrures Cylindres et cl\u00e9s Menuiserie acier Contr\u00f4le d'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\/blocs-portes-multi-usages\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Blocs-portes multi-usages - Valente Securystar\" \/>\n<meta property=\"og:description\" content=\"La plus haute certification d'Europe. Portes blind\u00e9es Serrures Cylindres et cl\u00e9s Menuiserie acier Contr\u00f4le d'acc\u00e8s \u00e9lectromagn\u00e9tique\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.valentesecurystar.com\/index.php\/blocs-portes-multi-usages\/\" \/>\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-03T13:30:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LE-PRATIC.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=\"61 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\\\/blocs-portes-multi-usages\\\/\",\"url\":\"https:\\\/\\\/www.valentesecurystar.com\\\/index.php\\\/blocs-portes-multi-usages\\\/\",\"name\":\"Blocs-portes multi-usages - Valente Securystar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/index.php\\\/blocs-portes-multi-usages\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/index.php\\\/blocs-portes-multi-usages\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.valentesecurystar.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Visuel-LE-PRATIC.png\",\"datePublished\":\"2026-05-11T10:59:15+00:00\",\"dateModified\":\"2026-06-03T13:30:07+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\\\/blocs-portes-multi-usages\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.valentesecurystar.com\\\/index.php\\\/blocs-portes-multi-usages\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/index.php\\\/blocs-portes-multi-usages\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.valentesecurystar.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Visuel-LE-PRATIC.png?fit=400%2C533&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.valentesecurystar.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Visuel-LE-PRATIC.png?fit=400%2C533&ssl=1\",\"width\":400,\"height\":533},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.valentesecurystar.com\\\/index.php\\\/blocs-portes-multi-usages\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.valentesecurystar.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocs-portes multi-usages\"}]},{\"@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":"Blocs-portes multi-usages - 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\/blocs-portes-multi-usages\/","og_locale":"fr_FR","og_type":"article","og_title":"Blocs-portes multi-usages - 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\/blocs-portes-multi-usages\/","og_site_name":"Valente Securystar","article_publisher":"https:\/\/www.facebook.com\/ValenteSecurystar","article_modified_time":"2026-06-03T13:30:07+00:00","og_image":[{"url":"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LE-PRATIC.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"61 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.valentesecurystar.com\/index.php\/blocs-portes-multi-usages\/","url":"https:\/\/www.valentesecurystar.com\/index.php\/blocs-portes-multi-usages\/","name":"Blocs-portes multi-usages - Valente Securystar","isPartOf":{"@id":"https:\/\/www.valentesecurystar.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.valentesecurystar.com\/index.php\/blocs-portes-multi-usages\/#primaryimage"},"image":{"@id":"https:\/\/www.valentesecurystar.com\/index.php\/blocs-portes-multi-usages\/#primaryimage"},"thumbnailUrl":"https:\/\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LE-PRATIC.png","datePublished":"2026-05-11T10:59:15+00:00","dateModified":"2026-06-03T13:30:07+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\/blocs-portes-multi-usages\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.valentesecurystar.com\/index.php\/blocs-portes-multi-usages\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.valentesecurystar.com\/index.php\/blocs-portes-multi-usages\/#primaryimage","url":"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LE-PRATIC.png?fit=400%2C533&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.valentesecurystar.com\/wp-content\/uploads\/2026\/06\/Visuel-LE-PRATIC.png?fit=400%2C533&ssl=1","width":400,"height":533},{"@type":"BreadcrumbList","@id":"https:\/\/www.valentesecurystar.com\/index.php\/blocs-portes-multi-usages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.valentesecurystar.com\/"},{"@type":"ListItem","position":2,"name":"Blocs-portes multi-usages"}]},{"@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-28x","_links":{"self":[{"href":"https:\/\/www.valentesecurystar.com\/index.php\/wp-json\/wp\/v2\/pages\/8217","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=8217"}],"version-history":[{"count":2,"href":"https:\/\/www.valentesecurystar.com\/index.php\/wp-json\/wp\/v2\/pages\/8217\/revisions"}],"predecessor-version":[{"id":10530,"href":"https:\/\/www.valentesecurystar.com\/index.php\/wp-json\/wp\/v2\/pages\/8217\/revisions\/10530"}],"wp:attachment":[{"href":"https:\/\/www.valentesecurystar.com\/index.php\/wp-json\/wp\/v2\/media?parent=8217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}