{"id":12681,"date":"2026-08-03T10:31:51","date_gmt":"2026-08-03T08:31:51","guid":{"rendered":"https:\/\/proconect.com\/?page_id=12681"},"modified":"2026-10-13T07:47:04","modified_gmt":"2026-10-13T05:47:04","slug":"3pss-connectors","status":"publish","type":"page","link":"https:\/\/proconect.com\/fr\/3pss-connectors\/","title":{"rendered":"3PSS Connectors"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"12681\" class=\"elementor elementor-12681\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-71fa231 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"71fa231\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f39ba66\" data-id=\"f39ba66\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0e79ecf mon-image-cadre elementor-widget elementor-widget-image\" data-id=\"0e79ecf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"960\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/Coffrets-normaux-Vuache.jpg\" class=\"attachment-full size-full wp-image-12407\" alt=\"\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/Coffrets-normaux-Vuache.jpg 1280w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/Coffrets-normaux-Vuache-300x225.jpg 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/Coffrets-normaux-Vuache-1024x768.jpg 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/Coffrets-normaux-Vuache-768x576.jpg 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b3dc882 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b3dc882\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0fbf73c\" data-id=\"0fbf73c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3118bbc elementor-widget elementor-widget-spacer\" data-id=\"3118bbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0d92e61 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0d92e61\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1ec1a34\" data-id=\"1ec1a34\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4579ce1 elementor-widget elementor-widget-heading\" data-id=\"4579ce1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">3PSS<br>connectors<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8dda681 elementor-widget elementor-widget-progress\" data-id=\"8dda681\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"100\" aria-valuetext=\"100% (16A max.)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">16A max.<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a2e5a2 elementor-widget elementor-widget-progress\" data-id=\"3a2e5a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"100\" aria-valuetext=\"100% (500V)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">500V<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1ad313e\" data-id=\"1ad313e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-861b10a elementor-widget elementor-widget-html\" data-id=\"861b10a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"custom-socket-card\">\r\n    \r\n    <!-- MOITI\u00c9 GAUCHE : Design d'origine (Image + Texte) -->\r\n    <div class=\"card-left\">\r\n        <!-- 1. Image du haut (sch\u00e9ma de la prise) -->\r\n        <div class=\"card-image-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/3PSS_picto-global.svg\" alt=\"Socket Mechanism\">\r\n        <\/div>\r\n        \r\n        <!-- 2. Textes et pictogrammes -->\r\n        <div class=\"card-content\">\r\n            <div class=\"card-phases\">\r\n                <div class=\"phase-item\">\r\n                    <svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 193.4 243.16\">\r\n  <defs>\r\n    <style>\r\n      .cls-1 {\r\n        fill: #fff;\r\n      }\r\n    <\/style>\r\n  <\/defs>\r\n  <path class=\"cls-1\" d=\"M127,81.58c5.57,5.57,5.57,14.61,0,20.18s-14.61,5.57-20.18,0c-5.57-5.57-5.58-14.6,0-20.18s14.6-5.58,20.18,0M158.58,155.5c5.57,5.57,5.58,14.6,0,20.18s-14.6,5.58-20.18,0-5.57-14.61,0-20.18c5.57-5.57,14.61-5.57,20.18,0M106.3,136.27c5.57,5.57,5.57,14.61,0,20.18s-14.61,5.59-20.19,0c-5.58-5.58-5.56-14.62,0-20.19s14.61-5.57,20.18,0M60.85,106.83c5.57,5.57,5.57,14.61,0,20.18s-14.62,5.58-20.19,0-5.56-14.62,0-20.19,14.6-5.58,20.18,0M89.37,189.29c5.26,5.26,5,14.05-.57,19.63s-14.36,5.82-19.62.56-5.02-14.04.56-19.62,14.36-5.84,19.63-.57M165.07,78.08c-37.76-37.76-98.98-37.76-136.75,0-37.77,37.77-37.77,98.99,0,136.75,37.76,37.76,99,37.77,136.76,0s37.76-98.99,0-136.76M150.67,49.76l41.34-5.21-14.14-39.2-8.89,14.52C145.86,5.92,119.32-.98,92.27.11c-23.98.93-47.22,8.13-67.46,20.72L15.32,5.36,1.19,44.56l41.34,5.21-8.21-13.4c17.59-10.96,37.79-17.23,58.66-18.05,23.58-.91,46.45,5.02,66.48,17.09l-8.79,14.36h0Z\"\/>\r\n<\/svg>\r\n                    <span>5 phased<\/span>\r\n                    <svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 193.4 243.16\">\r\n  <defs>\r\n    <style>\r\n      .cls-1 {\r\n        fill: #fff;\r\n      }\r\n    <\/style>\r\n  <\/defs>\r\n  <path class=\"cls-1\" d=\"M34.32,36.37c17.59-10.96,37.79-17.23,58.66-18.05,23.58-.91,46.45,5.02,66.48,17.09l-8.78,14.35,41.33-5.21-14.14-39.2-8.89,14.52C145.86,5.92,119.32-.98,92.27.11c-23.98.93-47.22,8.13-67.46,20.72L15.32,5.36,1.19,44.56l41.34,5.21-8.21-13.4Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"150.67 49.77 150.68 49.76 150.67 49.76 150.67 49.77\"\/>\r\n  <path class=\"cls-1\" d=\"M165.07,78.08c-37.76-37.76-98.98-37.76-136.75,0-37.77,37.77-37.77,98.99,0,136.75s99,37.77,136.76,0c37.76-37.76,37.76-98.99,0-136.76ZM146.18,113.09c2.78-6.9,10.95-10.12,18.27-7.17,7.32,2.95,10.99,10.92,8.21,17.84-2.78,6.9-10.97,10.11-18.28,7.16-7.31-2.94-10.98-10.93-8.2-17.83ZM123.36,71.48c7.5-2.45,15.44,1.3,17.75,8.39,2.31,7.07-1.91,14.8-9.4,17.24-7.49,2.44-15.44-1.31-17.74-8.39-2.31-7.07,1.89-14.79,9.39-17.24ZM106.7,111.11c5.57,5.57,5.57,14.61,0,20.18-5.57,5.57-14.61,5.59-20.19,0-5.58-5.58-5.56-14.62,0-20.19s14.61-5.57,20.18,0ZM69.74,71.52c4.17-6.7,12.67-8.93,18.99-4.99,6.31,3.94,8.05,12.56,3.88,19.25-4.17,6.69-12.67,8.92-18.98,4.98-6.31-3.94-8.06-12.54-3.89-19.24ZM40.04,89.99c7.37-1.04,14.24,4.45,15.34,12.25s-3.97,14.97-11.34,16.02c-7.37,1.04-14.24-4.43-15.34-12.24-1.11-7.81,3.96-14.98,11.34-16.03ZM19.42,158.82c-5.87-5.27-6.59-14.03-1.62-19.57,4.97-5.54,13.77-5.75,19.63-.48,5.86,5.27,6.58,14.03,1.61,19.56-4.97,5.54-13.75,5.76-19.62.49ZM46.26,205.24c-7.89-.27-14.07-6.51-13.82-13.95.25-7.44,6.85-13.25,14.73-12.98,7.88.27,14.06,6.51,13.81,13.95s-6.83,13.25-14.72,12.98ZM63.46,168.32c-5.58-5.58-5.56-14.62,0-20.19,5.57-5.57,14.61-5.57,20.18,0,5.57,5.57,5.57,14.61,0,20.18-5.57,5.57-14.61,5.59-20.19,0ZM96.66,223.54c-6.21,4.86-14.96,4.06-19.55-1.81-4.59-5.86-3.27-14.56,2.94-19.41,6.2-4.86,14.96-4.05,19.54,1.81,4.59,5.86,3.28,14.54-2.93,19.41ZM109.75,168.32c-5.58-5.58-5.56-14.62,0-20.19s14.61-5.57,20.18,0h0c5.57,5.57,5.57,14.61,0,20.18-5.57,5.57-14.61,5.59-20.19,0ZM147.03,205.16c-1.63,7.72-8.85,12.72-16.14,11.18-7.28-1.54-11.86-9.05-10.23-16.76,1.63-7.71,8.86-12.71,16.14-11.17,7.28,1.54,11.86,9.03,10.23,16.75ZM168.63,177.65c-6.57,3.5-14.9.69-18.61-6.26-3.71-6.95-1.39-15.43,5.18-18.93s14.89-.71,18.6,6.25c3.71,6.96,1.4,15.44-5.17,18.94Z\"\/>\r\n<\/svg>\r\n                    <span>12 phased<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <p class=\"card-desc\">\r\n                Compact, watertight multipin connectors designed for demanding industrial applications both indoors and outdoors. Featuring a fast bayonet locking system and a self-closing protective lid, the 3PSS connectors range delivers secure, vibration-resistant power and signal transmission in harsh environments like emergency vehicles, tunnel lighting, and food processing facilities.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- MOITI\u00c9 DROITE : Nouvelle grande image -->\r\n    <div class=\"card-right\">\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/IMG_0840.jpg\" alt=\"Visuel Produit\">\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* Conteneur principal 50\/50 *\/\r\n    .custom-socket-card {\r\n        display: flex;\r\n        background-color: #828282;\r\n        border-radius: 35px;\r\n        font-family: 'Montserrat', 'Segoe UI', sans-serif;\r\n        color: #ffffff;\r\n        box-sizing: border-box;\r\n        overflow: hidden; \r\n        max-width: 800px; \r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* --- MOITI\u00c9 GAUCHE --- *\/\r\n    .card-left {\r\n        flex: 1; \r\n        display: flex;\r\n        flex-direction: column;\r\n        padding-top: 20px;\r\n        padding-bottom: 20px;\r\n    }\r\n\r\n    .card-image-wrapper img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    .card-content {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .card-phases {\r\n        margin: 10px 0 15px 0;\r\n    }\r\n    \r\n    .phase-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        line-height: 1;\r\n        color: rgba(255, 255, 255, 0.75);\r\n    }\r\n\r\n    .phase-item svg {\r\n        width: 40px;\r\n        height: 40px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .card-desc {\r\n        font-size: 16px;\r\n        line-height: 1.2;\r\n        margin: 0;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* --- MOITI\u00c9 DROITE --- *\/\r\n    .card-right {\r\n        flex: 1; \r\n        position: relative; \/* MAGIC KEY 1 : D\u00e9finit la zone de r\u00e9f\u00e9rence pour l'image *\/\r\n    }\r\n\r\n    .card-right img {\r\n        position: absolute; \/* MAGIC KEY 2 : Sort l'image du flux, elle ne peut plus dicter la hauteur *\/\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover; \r\n        display: block;\r\n    }\r\n\r\n    \/* RESPONSIVE : Passage sur 1 colonne sur mobile *\/\r\n    @media (max-width: 768px) {\r\n        .custom-socket-card {\r\n            flex-direction: column;\r\n        }\r\n        \r\n        .card-right {\r\n            min-height: 250px; \/* Sur mobile, on doit donner une hauteur fixe car l'image n'en donne plus *\/\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bb05f82 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bb05f82\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9ccbb96\" data-id=\"9ccbb96\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0a3318d elementor-widget elementor-widget-spacer\" data-id=\"0a3318d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a924c90 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a924c90\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-061fab7\" data-id=\"061fab7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e89591b elementor-widget elementor-widget-html\" data-id=\"e89591b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hz-widget-container\">\r\n    <div class=\"hz-card\">\r\n        \r\n        <!-- ============================================== -->\r\n        <!-- MOITI\u00c9 GAUCHE : Textes et Informations         -->\r\n        <!-- ============================================== -->\r\n        <div class=\"hz-left\">\r\n            <div class=\"hz-header\">\r\n                <h2 class=\"hz-title\">3PSS5<\/h2>\r\n            <\/div>\r\n\r\n            <!-- Bipolar -->\r\n            <div class=\"hz-bipolar-row\">\r\n                <svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 193.4 243.16\"\r\nwidth=\"45px\" height=\"45px\">\r\n                <style>.cls-1{fill: #fff}<\/style>\r\n                <path class=\"cls-1\" d=\"M127,81.58c5.57,5.57,5.57,14.61,0,20.18s-14.61,5.57-20.18,0c-5.57-5.57-5.58-14.6,0-20.18s14.6-5.58,20.18,0M158.58,155.5c5.57,5.57,5.58,14.6,0,20.18s-14.6,5.58-20.18,0-5.57-14.61,0-20.18c5.57-5.57,14.61-5.57,20.18,0M106.3,136.27c5.57,5.57,5.57,14.61,0,20.18s-14.61,5.59-20.19,0c-5.58-5.58-5.56-14.62,0-20.19s14.61-5.57,20.18,0M60.85,106.83c5.57,5.57,5.57,14.61,0,20.18s-14.62,5.58-20.19,0-5.56-14.62,0-20.19,14.6-5.58,20.18,0M89.37,189.29c5.26,5.26,5,14.05-.57,19.63s-14.36,5.82-19.62.56-5.02-14.04.56-19.62,14.36-5.84,19.63-.57M165.07,78.08c-37.76-37.76-98.98-37.76-136.75,0-37.77,37.77-37.77,98.99,0,136.75,37.76,37.76,99,37.77,136.76,0s37.76-98.99,0-136.76M150.67,49.76l41.34-5.21-14.14-39.2-8.89,14.52C145.86,5.92,119.32-.98,92.27.11c-23.98.93-47.22,8.13-67.46,20.72L15.32,5.36,1.19,44.56l41.34,5.21-8.21-13.4c17.59-10.96,37.79-17.23,58.66-18.05,23.58-.91,46.45,5.02,66.48,17.09l-8.79,14.36h0Z\"\/>\r\n<\/svg> \r\n            <\/div>\r\n\r\n            <!-- Pilules -->\r\n            <div class=\"hz-pills-container\">\r\n                <div class=\"hz-pill\">16A<\/div>\r\n                <div class=\"hz-pill\">500V<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ============================================== -->\r\n        <!-- MOITI\u00c9 DROITE : Image, Specs et Bouton +       -->\r\n        <!-- ============================================== -->\r\n        <div class=\"hz-right\">\r\n            \r\n            <!-- Bouton + (En absolu, il a le droit de chevaucher l'image) -->\r\n            <div class=\"hz-btn-toggle\">\r\n                <span class=\"hz-icon-morph\">+<\/span>\r\n            <\/div>\r\n\r\n            <!-- ZONE CENTRALE (Image ou Specs) -->\r\n            <div class=\"hz-swap-zone\">\r\n                <!-- IMAGE -->\r\n                <div class=\"hz-swap-image\">\r\n                    <div class=\"hz-image-inner\">\r\n                        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/08\/Wall-3PSS5-web-scaled.png\" alt=\"Visuel Produit\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- SPECS -->\r\n                <div class=\"hz-accordion\">\r\n                    <div class=\"hz-accordion-inner\">\r\n                        <ul class=\"hz-specs-list\">\r\n                            <li>\r\n                                <svg class=\"hz-check-icon\" viewbox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <circle cx=\"10\" cy=\"10\" r=\"9\" fill=\"#ffffff\"\/>\r\n                                    <path d=\"M6 10l2.5 2.5 5-5\" stroke=\"#4c5eb4\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n                                <\/svg>\r\n                                Poles: 3P+N+E\r\n                            <\/li>\r\n                            <li>\r\n                                <svg class=\"hz-check-icon\" viewbox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <circle cx=\"10\" cy=\"10\" r=\"9\" fill=\"#ffffff\"\/>\r\n                                    <path d=\"M6 10l2.5 2.5 5-5\" stroke=\"#4c5eb4\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n                                <\/svg>\r\n                                Section max.: 6 mm\u00b2\r\n                            <\/li>\r\n                            <li>\r\n                                <svg class=\"hz-check-icon\" viewbox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <circle cx=\"10\" cy=\"10\" r=\"9\" fill=\"#ffffff\"\/>\r\n                                    <path d=\"M6 10l2.5 2.5 5-5\" stroke=\"#4c5eb4\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n                                <\/svg>\r\n                                Ind. protection: IP66\/67\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bouton SEE MORE (Dans le flux, repouss\u00e9 en bas, ne chevauchera jamais) -->\r\n            <a href=\"https:\/\/proconect.com\/fr\/3pss5-control-connector\/\" class=\"hz-btn-seemore\">VOIR PLUS<\/a>\r\n\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- VARIABLES ISOL\u00c9ES --- *\/\r\n    .hz-widget-container {\r\n        --hz-bg: #4c5eb4;       \r\n        --hz-btn-red: #e35a5a;  \r\n        --hz-text: #ffffff;\r\n        \r\n        font-family: 'Montserrat', sans-serif;\r\n        width: 100%;\r\n        max-width: 550px; \r\n        margin: 0 auto;\r\n        user-select: none; \r\n    }\r\n\r\n    \/* --- STRUCTURE HORIZONTALE (GRID) --- *\/\r\n    .hz-card {\r\n        background-color: var(--hz-bg);\r\n        border-radius: 35px;\r\n        padding: 25px; \r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); \r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr; \r\n        gap: 15px;\r\n        overflow: hidden; \r\n    }\r\n\r\n    \/* -- COLONNE GAUCHE -- *\/\r\n    .hz-left {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .hz-header { margin-bottom: 5px; }\r\n\r\n    .hz-title {\r\n        color: #ffffff !important;\r\n        font-size: 38px;\r\n        font-weight: 800;\r\n        margin: 0;\r\n        line-height: 1;\r\n    }\r\n\r\n    .hz-bipolar-row {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .hz-bipolar-text {\r\n        color: var(--hz-text);\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .hz-pills-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        margin-bottom: 25px; \r\n    }\r\n\r\n    .hz-pill {\r\n        background-color: var(--hz-text);\r\n        color: var(--hz-bg);\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        padding: 3px 18px;\r\n        border-radius: 30px;\r\n        display: inline-block;\r\n        width: max-content; \r\n        min-width: 170px;\r\n    }\r\n\r\n    \/* -- COLONNE DROITE -- *\/\r\n    .hz-right {\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column; \/* Organise l'image en haut et le bouton en bas *\/\r\n        justify-content: space-between; \/* \u00c9carte au maximum l'image et le bouton *\/\r\n        align-items: flex-end; \/* Aligne les \u00e9l\u00e9ments sur la droite *\/\r\n    }\r\n\r\n    \/* Bouton + (Reste en absolu pour pouvoir chevaucher) *\/\r\n    .hz-btn-toggle {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        background-color: #ffffff;\r\n        color: #4c5eb4;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 50px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: background-color 0.4s ease; \r\n        box-shadow: 0 3px 6px rgba(0,0,0,0.1);\r\n        z-index: 10;\r\n    }\r\n\r\n    .hz-icon-morph {\r\n        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        line-height: 0;\r\n        display: block;\r\n    }\r\n\r\n    \/* \ud83c\udfaf Bouton See More (Repass\u00e9 en flux normal, ne peut plus chevaucher) *\/\r\n    .hz-btn-seemore {\r\n        display: inline-block;\r\n        background-color: var(--hz-text);\r\n        color: var(--hz-bg);\r\n        font-size: 18px;\r\n        font-weight: 800 !important;\r\n        text-transform: uppercase;\r\n        text-decoration: none !important;\r\n        padding: 8px 20px;\r\n        border-radius: 35px;\r\n        \r\n        position: relative; \/* S\u00e9curit\u00e9 anti-chevauchement *\/\r\n        margin-top: 10px; \/* Espace minimum forc\u00e9 avec l'image au dessus *\/\r\n        \r\n        width: max-content;\r\n        transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        z-index: 10;\r\n    }\r\n\r\n    .hz-btn-seemore:hover {\r\n        transform: translateY(-2px) scale(1.02); \r\n        box-shadow: 0 6px 15px rgba(0,0,0,0.2);\r\n        color: #243162 !important;\r\n    }\r\n\r\n    \/* ==================================================== *\/\r\n    \/* LOGIQUE D'ANIMATION (Transparence Pure)              *\/\r\n    \/* ==================================================== *\/\r\n    \r\n    .hz-swap-zone {\r\n        width: 100%;\r\n        flex-grow: 1; \/* Remplit tout l'espace au-dessus du bouton See More *\/\r\n        display: grid;\r\n        grid-template-rows: auto; \r\n        align-items: center; \/* Centre verticalement l'image\/specs *\/\r\n    }\r\n\r\n    .hz-swap-image, .hz-accordion {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease;\r\n    }\r\n\r\n    .hz-swap-image {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        display: flex;\r\n        justify-content: flex-end; \r\n        margin-right: -25px; \r\n        position: relative;\r\n        z-index: 2; \r\n    }\r\n\r\n    .hz-accordion {\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        position: relative;\r\n        z-index: 1; \r\n    }\r\n\r\n    .hz-accordion-inner { overflow: hidden; }\r\n\r\n    .hz-specs-list {\r\n        list-style: none;\r\n        padding: 10px 0 0 0;\r\n        margin: 0;\r\n        margin-top: 10px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2px;\r\n    }\r\n\r\n    .hz-specs-list li {\r\n        color: var(--hz-text);\r\n        font-size: 12px;\r\n        font-weight: 400;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n    }\r\n\r\n    .hz-check-icon { width: 15px; height: 15px; flex-shrink: 0; }\r\n\r\n    \/* --- ETAT ACTIF --- *\/\r\n    .hz-widget-container.active .hz-btn-toggle { background-color: var(--hz-btn-red); color: white; }\r\n    .hz-widget-container.active .hz-icon-morph { transform: rotate(45deg); }\r\n    .hz-widget-container.active .hz-swap-image { opacity: 0.2;; z-index: 1; }\r\n    .hz-widget-container.active .hz-accordion { opacity: 1; visibility: visible; z-index: 2; }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .hz-card { grid-template-columns: 1fr; }\r\n        .hz-right { min-height: 200px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        if (window.hzToggleScriptInit) return;\r\n        window.hzToggleScriptInit = true;\r\n\r\n        document.addEventListener('click', function(e) {\r\n            const btnToggle = e.target.closest('.hz-btn-toggle');\r\n            \r\n            if (btnToggle) {\r\n                e.preventDefault(); \r\n                const currentContainer = btnToggle.closest('.hz-widget-container');\r\n                if (!currentContainer) return;\r\n\r\n                document.querySelectorAll('.hz-widget-container.active').forEach(function(otherContainer) {\r\n                    if (otherContainer !== currentContainer) {\r\n                        otherContainer.classList.remove('active');\r\n                    }\r\n                });\r\n\r\n                currentContainer.classList.toggle('active');\r\n                return;\r\n            }\r\n\r\n            if (!e.target.closest('.hz-widget-container')) {\r\n                document.querySelectorAll('.hz-widget-container.active').forEach(function(openContainer) {\r\n                    openContainer.classList.remove('active');\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\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-a43bff6\" data-id=\"a43bff6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-196973e elementor-widget elementor-widget-html\" data-id=\"196973e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hz-widget-container\">\r\n    <div class=\"hz-card\">\r\n        \r\n        <!-- ============================================== -->\r\n        <!-- MOITI\u00c9 GAUCHE : Textes et Informations         -->\r\n        <!-- ============================================== -->\r\n        <div class=\"hz-left\">\r\n            <div class=\"hz-header\">\r\n                <h2 class=\"hz-title\">3PSS12<\/h2>\r\n            <\/div>\r\n\r\n            <!-- Bipolar -->\r\n            <div class=\"hz-bipolar-row\">\r\n                <svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 193.4 243.16\"\r\nwidth=\"45px\" height=\"45px\">\r\n                <style>.cls-1{fill: #fff}<\/style>\r\n                <path class=\"cls-1\" d=\"M34.32,36.37c17.59-10.96,37.79-17.23,58.66-18.05,23.58-.91,46.45,5.02,66.48,17.09l-8.78,14.35,41.33-5.21-14.14-39.2-8.89,14.52C145.86,5.92,119.32-.98,92.27.11c-23.98.93-47.22,8.13-67.46,20.72L15.32,5.36,1.19,44.56l41.34,5.21-8.21-13.4Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"150.67 49.77 150.68 49.76 150.67 49.76 150.67 49.77\"\/>\r\n  <path class=\"cls-1\" d=\"M165.07,78.08c-37.76-37.76-98.98-37.76-136.75,0-37.77,37.77-37.77,98.99,0,136.75s99,37.77,136.76,0c37.76-37.76,37.76-98.99,0-136.76ZM146.18,113.09c2.78-6.9,10.95-10.12,18.27-7.17,7.32,2.95,10.99,10.92,8.21,17.84-2.78,6.9-10.97,10.11-18.28,7.16-7.31-2.94-10.98-10.93-8.2-17.83ZM123.36,71.48c7.5-2.45,15.44,1.3,17.75,8.39,2.31,7.07-1.91,14.8-9.4,17.24-7.49,2.44-15.44-1.31-17.74-8.39-2.31-7.07,1.89-14.79,9.39-17.24ZM106.7,111.11c5.57,5.57,5.57,14.61,0,20.18-5.57,5.57-14.61,5.59-20.19,0-5.58-5.58-5.56-14.62,0-20.19s14.61-5.57,20.18,0ZM69.74,71.52c4.17-6.7,12.67-8.93,18.99-4.99,6.31,3.94,8.05,12.56,3.88,19.25-4.17,6.69-12.67,8.92-18.98,4.98-6.31-3.94-8.06-12.54-3.89-19.24ZM40.04,89.99c7.37-1.04,14.24,4.45,15.34,12.25s-3.97,14.97-11.34,16.02c-7.37,1.04-14.24-4.43-15.34-12.24-1.11-7.81,3.96-14.98,11.34-16.03ZM19.42,158.82c-5.87-5.27-6.59-14.03-1.62-19.57,4.97-5.54,13.77-5.75,19.63-.48,5.86,5.27,6.58,14.03,1.61,19.56-4.97,5.54-13.75,5.76-19.62.49ZM46.26,205.24c-7.89-.27-14.07-6.51-13.82-13.95.25-7.44,6.85-13.25,14.73-12.98,7.88.27,14.06,6.51,13.81,13.95s-6.83,13.25-14.72,12.98ZM63.46,168.32c-5.58-5.58-5.56-14.62,0-20.19,5.57-5.57,14.61-5.57,20.18,0,5.57,5.57,5.57,14.61,0,20.18-5.57,5.57-14.61,5.59-20.19,0ZM96.66,223.54c-6.21,4.86-14.96,4.06-19.55-1.81-4.59-5.86-3.27-14.56,2.94-19.41,6.2-4.86,14.96-4.05,19.54,1.81,4.59,5.86,3.28,14.54-2.93,19.41ZM109.75,168.32c-5.58-5.58-5.56-14.62,0-20.19s14.61-5.57,20.18,0h0c5.57,5.57,5.57,14.61,0,20.18-5.57,5.57-14.61,5.59-20.19,0ZM147.03,205.16c-1.63,7.72-8.85,12.72-16.14,11.18-7.28-1.54-11.86-9.05-10.23-16.76,1.63-7.71,8.86-12.71,16.14-11.17,7.28,1.54,11.86,9.03,10.23,16.75ZM168.63,177.65c-6.57,3.5-14.9.69-18.61-6.26-3.71-6.95-1.39-15.43,5.18-18.93s14.89-.71,18.6,6.25c3.71,6.96,1.4,15.44-5.17,18.94Z\"\/>\r\n<\/svg>\r\n            <\/div>\r\n\r\n            <!-- Pilules -->\r\n            <div class=\"hz-pills-container\">\r\n                <div class=\"hz-pill\">10A<\/div>\r\n                <div class=\"hz-pill\">500V<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ============================================== -->\r\n        <!-- MOITI\u00c9 DROITE : Image, Specs et Bouton +       -->\r\n        <!-- ============================================== -->\r\n        <div class=\"hz-right\">\r\n            \r\n            <!-- Bouton + (En absolu, il a le droit de chevaucher l'image) -->\r\n            <div class=\"hz-btn-toggle\">\r\n                <span class=\"hz-icon-morph\">+<\/span>\r\n            <\/div>\r\n\r\n            <!-- ZONE CENTRALE (Image ou Specs) -->\r\n            <div class=\"hz-swap-zone\">\r\n                <!-- IMAGE -->\r\n                <div class=\"hz-swap-image\">\r\n                    <div class=\"hz-image-inner\">\r\n                        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/08\/Wall-3PSS12-web-scaled.png\" alt=\"Visuel Produit\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- SPECS -->\r\n                <div class=\"hz-accordion\">\r\n                    <div class=\"hz-accordion-inner\">\r\n                        <ul class=\"hz-specs-list\">\r\n                            <li>\r\n                                <svg class=\"hz-check-icon\" viewbox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <circle cx=\"10\" cy=\"10\" r=\"9\" fill=\"#ffffff\"\/>\r\n                                    <path d=\"M6 10l2.5 2.5 5-5\" stroke=\"#4c5eb4\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n                                <\/svg>\r\n                                12 contacts\r\n                            <\/li>\r\n                            <li>\r\n                                <svg class=\"hz-check-icon\" viewbox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <circle cx=\"10\" cy=\"10\" r=\"9\" fill=\"#ffffff\"\/>\r\n                                    <path d=\"M6 10l2.5 2.5 5-5\" stroke=\"#4c5eb4\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n                                <\/svg>\r\n                                Section max.: 1,5 mm\u00b2\r\n                            <\/li>\r\n                            <li>\r\n                                <svg class=\"hz-check-icon\" viewbox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <circle cx=\"10\" cy=\"10\" r=\"9\" fill=\"#ffffff\"\/>\r\n                                    <path d=\"M6 10l2.5 2.5 5-5\" stroke=\"#4c5eb4\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n                                <\/svg>\r\n                                Ind. protection: IP66\/67\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bouton SEE MORE (Dans le flux, repouss\u00e9 en bas, ne chevauchera jamais) -->\r\n            <a href=\"https:\/\/proconect.com\/fr\/3pss12-control-connector\/\" class=\"hz-btn-seemore\">VOIR PLUS<\/a>\r\n\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- VARIABLES ISOL\u00c9ES --- *\/\r\n    .hz-widget-container {\r\n        --hz-bg: #4c5eb4;       \r\n        --hz-btn-red: #e35a5a;  \r\n        --hz-text: #ffffff;\r\n        \r\n        font-family: 'Montserrat', sans-serif;\r\n        width: 100%;\r\n        max-width: 550px; \r\n        margin: 0 auto;\r\n        user-select: none; \r\n    }\r\n\r\n    \/* --- STRUCTURE HORIZONTALE (GRID) --- *\/\r\n    .hz-card {\r\n        background-color: var(--hz-bg);\r\n        border-radius: 35px;\r\n        padding: 25px; \r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); \r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr; \r\n        gap: 15px;\r\n        overflow: hidden; \r\n    }\r\n\r\n    \/* -- COLONNE GAUCHE -- *\/\r\n    .hz-left {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .hz-header { margin-bottom: 5px; }\r\n\r\n    .hz-title {\r\n        color: #ffffff !important;\r\n        font-size: 38px;\r\n        font-weight: 800;\r\n        margin: 0;\r\n        line-height: 1;\r\n    }\r\n\r\n    .hz-bipolar-row {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .hz-bipolar-text {\r\n        color: var(--hz-text);\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .hz-pills-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        margin-bottom: 25px; \r\n    }\r\n\r\n    .hz-pill {\r\n        background-color: var(--hz-text);\r\n        color: var(--hz-bg);\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        padding: 3px 18px;\r\n        border-radius: 30px;\r\n        display: inline-block;\r\n        width: max-content; \r\n        min-width: 170px;\r\n    }\r\n\r\n    \/* -- COLONNE DROITE -- *\/\r\n    .hz-right {\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column; \/* Organise l'image en haut et le bouton en bas *\/\r\n        justify-content: space-between; \/* \u00c9carte au maximum l'image et le bouton *\/\r\n        align-items: flex-end; \/* Aligne les \u00e9l\u00e9ments sur la droite *\/\r\n    }\r\n\r\n    \/* Bouton + (Reste en absolu pour pouvoir chevaucher) *\/\r\n    .hz-btn-toggle {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        background-color: #ffffff;\r\n        color: #4c5eb4;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 50px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: background-color 0.4s ease; \r\n        box-shadow: 0 3px 6px rgba(0,0,0,0.1);\r\n        z-index: 10;\r\n    }\r\n\r\n    .hz-icon-morph {\r\n        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        line-height: 0;\r\n        display: block;\r\n    }\r\n\r\n    \/* \ud83c\udfaf Bouton See More (Repass\u00e9 en flux normal, ne peut plus chevaucher) *\/\r\n    .hz-btn-seemore {\r\n        display: inline-block;\r\n        background-color: var(--hz-text);\r\n        color: var(--hz-bg);\r\n        font-size: 18px;\r\n        font-weight: 800 !important;\r\n        text-transform: uppercase;\r\n        text-decoration: none !important;\r\n        padding: 8px 20px;\r\n        border-radius: 35px;\r\n        \r\n        position: relative; \/* S\u00e9curit\u00e9 anti-chevauchement *\/\r\n        margin-top: 10px; \/* Espace minimum forc\u00e9 avec l'image au dessus *\/\r\n        \r\n        width: max-content;\r\n        transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        z-index: 10;\r\n    }\r\n\r\n    .hz-btn-seemore:hover {\r\n        transform: translateY(-2px) scale(1.02); \r\n        box-shadow: 0 6px 15px rgba(0,0,0,0.2);\r\n        color: #243162 !important;\r\n    }\r\n\r\n    \/* ==================================================== *\/\r\n    \/* LOGIQUE D'ANIMATION (Transparence Pure)              *\/\r\n    \/* ==================================================== *\/\r\n    \r\n    .hz-swap-zone {\r\n        width: 100%;\r\n        flex-grow: 1; \/* Remplit tout l'espace au-dessus du bouton See More *\/\r\n        display: grid;\r\n        grid-template-rows: auto; \r\n        align-items: center; \/* Centre verticalement l'image\/specs *\/\r\n    }\r\n\r\n    .hz-swap-image, .hz-accordion {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease;\r\n    }\r\n\r\n    .hz-swap-image {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        display: flex;\r\n        justify-content: flex-end; \r\n        margin-right: -25px; \r\n        position: relative;\r\n        z-index: 2; \r\n    }\r\n\r\n    .hz-image-inner img {\r\n        max-width: 220px;\r\n        max-height: 180px;\r\n        width: auto;\r\n        height: auto;\r\n        border-radius: 10px;\r\n        object-fit: contain;\r\n        display: block;\r\n    }\r\n    \r\n    .hz-accordion {\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        position: relative;\r\n        z-index: 1; \r\n    }\r\n\r\n    .hz-accordion-inner { overflow: hidden; }\r\n\r\n    .hz-specs-list {\r\n        list-style: none;\r\n        padding: 10px 0 0 0;\r\n        margin: 0;\r\n        margin-top: 10px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2px;\r\n    }\r\n\r\n    .hz-specs-list li {\r\n        color: var(--hz-text);\r\n        font-size: 12px;\r\n        font-weight: 400;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n    }\r\n\r\n    .hz-check-icon { width: 15px; height: 15px; flex-shrink: 0; }\r\n\r\n    \/* --- ETAT ACTIF --- *\/\r\n    .hz-widget-container.active .hz-btn-toggle { background-color: var(--hz-btn-red); color: white; }\r\n    .hz-widget-container.active .hz-icon-morph { transform: rotate(45deg); }\r\n    .hz-widget-container.active .hz-swap-image { opacity: 0.2;; z-index: 1; }\r\n    .hz-widget-container.active .hz-accordion { opacity: 1; visibility: visible; z-index: 2; }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .hz-card { grid-template-columns: 1fr; }\r\n        .hz-right { min-height: 200px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        if (window.hzToggleScriptInit) return;\r\n        window.hzToggleScriptInit = true;\r\n\r\n        document.addEventListener('click', function(e) {\r\n            const btnToggle = e.target.closest('.hz-btn-toggle');\r\n            \r\n            if (btnToggle) {\r\n                e.preventDefault(); \r\n                const currentContainer = btnToggle.closest('.hz-widget-container');\r\n                if (!currentContainer) return;\r\n\r\n                document.querySelectorAll('.hz-widget-container.active').forEach(function(otherContainer) {\r\n                    if (otherContainer !== currentContainer) {\r\n                        otherContainer.classList.remove('active');\r\n                    }\r\n                });\r\n\r\n                currentContainer.classList.toggle('active');\r\n                return;\r\n            }\r\n\r\n            if (!e.target.closest('.hz-widget-container')) {\r\n                document.querySelectorAll('.hz-widget-container.active').forEach(function(openContainer) {\r\n                    openContainer.classList.remove('active');\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\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-0edc2a1\" data-id=\"0edc2a1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bd1becd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bd1becd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-85fe1d0\" data-id=\"85fe1d0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5e2458a elementor-widget elementor-widget-spacer\" data-id=\"5e2458a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-be17b51 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"be17b51\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-369905c\" data-id=\"369905c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fd48471 elementor-hidden-tablet elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"fd48471\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-comments\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e836735\" data-id=\"e836735\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5d81e86 elementor-widget elementor-widget-heading\" data-id=\"5d81e86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">VOUS AVEZ UN PROJET ?<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20963bb elementor-widget elementor-widget-heading\" data-id=\"20963bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"font-size: 15px;text-transform: none\">N'h\u00e9sitez pas \u00e0 nous contacter. Nous examinerons attentivement votre demande afin de vous proposer les produits les mieux adapt\u00e9s \u00e0 votre projet.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f4d012 elementor-mobile-align-center elementor-button-info elementor-align-left elementor-widget elementor-widget-button\" data-id=\"8f4d012\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/proconect.com\/fr\/contact\/\" id=\"3PX4contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">NOUS CONTACTER<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>3PSSconnectors 16A max. 500V 5 phased 12 phased Compact, watertight multipin connectors designed for demanding industrial applications both indoors and outdoors. Featuring a fast bayonet locking system and a self-closing protective lid, the 3PSS connectors range delivers secure, vibration-resistant power and signal transmission in harsh environments like emergency vehicles, tunnel lighting, and food processing facilities. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":9,"footnotes":""},"class_list":["post-12681","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>3PSS Connectors - PROCONECT<\/title>\n<meta name=\"description\" content=\"PROCONECT 3PSS connectors. Halogen-free polyamide control command solutions for reliable low-current industrial connections.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/proconect.com\/fr\/3pss-connectors\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3PSS Connectors - PROCONECT\" \/>\n<meta property=\"og:description\" content=\"PROCONECT 3PSS connectors. Halogen-free polyamide control command solutions for reliable low-current industrial connections.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proconect.com\/fr\/3pss-connectors\/\" \/>\n<meta property=\"og:site_name\" content=\"PROCONECT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-13T05:47:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/Coffrets-normaux-Vuache.jpg\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/3pss-connectors\\\/\",\"url\":\"https:\\\/\\\/proconect.com\\\/en\\\/3pss-connectors\\\/\",\"name\":\"3PSS Connectors - PROCONECT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/3pss-connectors\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/3pss-connectors\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Coffrets-normaux-Vuache.jpg\",\"datePublished\":\"2026-08-03T08:31:51+00:00\",\"dateModified\":\"2026-10-13T05:47:04+00:00\",\"description\":\"PROCONECT 3PSS connectors. Halogen-free polyamide control command solutions for reliable low-current industrial connections.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/3pss-connectors\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proconect.com\\\/en\\\/3pss-connectors\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/3pss-connectors\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Coffrets-normaux-Vuache.jpg\",\"contentUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Coffrets-normaux-Vuache.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/3pss-connectors\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3PSS Connectors\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/proconect.com\\\/#website\",\"url\":\"https:\\\/\\\/proconect.com\\\/\",\"name\":\"PROCONECT\",\"description\":\"Industrial connectors\",\"publisher\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/proconect.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/proconect.com\\\/#organization\",\"name\":\"PROCONECT\",\"url\":\"https:\\\/\\\/proconect.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/proconect.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/cropped-Logo-Registered-Std.png\",\"contentUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/cropped-Logo-Registered-Std.png\",\"width\":1600,\"height\":253,\"caption\":\"PROCONECT\"},\"image\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/proconect\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"3PSS Connectors - PROCONECT","description":"PROCONECT 3PSS connectors. Halogen-free polyamide control command solutions for reliable low-current industrial connections.","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:\/\/proconect.com\/fr\/3pss-connectors\/","og_locale":"fr_FR","og_type":"article","og_title":"3PSS Connectors - PROCONECT","og_description":"PROCONECT 3PSS connectors. Halogen-free polyamide control command solutions for reliable low-current industrial connections.","og_url":"https:\/\/proconect.com\/fr\/3pss-connectors\/","og_site_name":"PROCONECT","article_modified_time":"2026-10-13T05:47:04+00:00","og_image":[{"url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/Coffrets-normaux-Vuache.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/proconect.com\/en\/3pss-connectors\/","url":"https:\/\/proconect.com\/en\/3pss-connectors\/","name":"3PSS Connectors - PROCONECT","isPartOf":{"@id":"https:\/\/proconect.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proconect.com\/en\/3pss-connectors\/#primaryimage"},"image":{"@id":"https:\/\/proconect.com\/en\/3pss-connectors\/#primaryimage"},"thumbnailUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/Coffrets-normaux-Vuache.jpg","datePublished":"2026-08-03T08:31:51+00:00","dateModified":"2026-10-13T05:47:04+00:00","description":"PROCONECT 3PSS connectors. Halogen-free polyamide control command solutions for reliable low-current industrial connections.","breadcrumb":{"@id":"https:\/\/proconect.com\/en\/3pss-connectors\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proconect.com\/en\/3pss-connectors\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/proconect.com\/en\/3pss-connectors\/#primaryimage","url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/Coffrets-normaux-Vuache.jpg","contentUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/Coffrets-normaux-Vuache.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/proconect.com\/en\/3pss-connectors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/proconect.com\/en\/accueil\/"},{"@type":"ListItem","position":2,"name":"3PSS Connectors"}]},{"@type":"WebSite","@id":"https:\/\/proconect.com\/#website","url":"https:\/\/proconect.com\/","name":"PROCONECT","description":"Industrial connectors","publisher":{"@id":"https:\/\/proconect.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/proconect.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/proconect.com\/#organization","name":"PROCONECT","url":"https:\/\/proconect.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/proconect.com\/#\/schema\/logo\/image\/","url":"https:\/\/proconect.com\/wp-content\/uploads\/2023\/07\/cropped-Logo-Registered-Std.png","contentUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2023\/07\/cropped-Logo-Registered-Std.png","width":1600,"height":253,"caption":"PROCONECT"},"image":{"@id":"https:\/\/proconect.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/proconect\/"]}]}},"_links":{"self":[{"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/12681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/comments?post=12681"}],"version-history":[{"count":23,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/12681\/revisions"}],"predecessor-version":[{"id":14274,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/12681\/revisions\/14274"}],"wp:attachment":[{"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/media?parent=12681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}