{"id":7032,"date":"2026-02-26T15:12:33","date_gmt":"2026-02-26T14:12:33","guid":{"rendered":"https:\/\/proconect.com\/?page_id=7032"},"modified":"2026-10-13T07:48:43","modified_gmt":"2026-10-13T05:48:43","slug":"3px-connectors","status":"publish","type":"page","link":"https:\/\/proconect.com\/fr\/3px-connectors\/","title":{"rendered":"3PX Connectors"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7032\" class=\"elementor elementor-7032\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b6d4c9d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b6d4c9d\" 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-0c590fc\" data-id=\"0c590fc\" 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-445c9f0 mon-image-cadre elementor-widget elementor-widget-image\" data-id=\"445c9f0\" 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=\"1600\" height=\"747\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-harstad-4-scaled.jpg\" class=\"attachment-full size-full wp-image-9411\" alt=\"\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-harstad-4-scaled.jpg 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-harstad-4-300x140.jpg 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-harstad-4-1024x478.jpg 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-harstad-4-768x359.jpg 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-harstad-4-1536x717.jpg 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-harstad-4-2048x956.jpg 2048w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/>\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-91da93d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"91da93d\" 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-4547208\" data-id=\"4547208\" 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-a058d34 elementor-widget elementor-widget-spacer\" data-id=\"a058d34\" 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-676fa04 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"676fa04\" 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-32ee72d\" data-id=\"32ee72d\" 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-260a14b elementor-widget elementor-widget-heading\" data-id=\"260a14b\" 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\">3PX<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-410a715 elementor-widget elementor-widget-progress\" data-id=\"410a715\" 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% (800A max.)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">800A 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-bfeec22 elementor-widget elementor-widget-progress\" data-id=\"bfeec22\" 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% (24kV max.)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">24kV 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\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-5482575\" data-id=\"5482575\" 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-6486277 elementor-widget elementor-widget-html\" data-id=\"6486277\" 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\/3PX_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            \r\n            <!-- \ud83c\udfaf AJOUT DE LA GRILLE ICI -->\r\n            <div class=\"card-phases\">\r\n                \r\n                <!-- Bloc 1 -->\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 429.25 417.83\" width=\"40px\" height=\"40px\">\r\n                        <defs><style>.cls-1 { fill: #fff; }<\/style><\/defs>\r\n                        <circle class=\"cls-1\" cx=\"211.61\" cy=\"56.47\" r=\"39.47\" transform=\"translate(-7.31 50.13) rotate(-13.28)\"><\/circle>\r\n                        <path class=\"cls-1\" d=\"M322.67,29.08l-62.33,86.99c-24.59,34.31-75.65,34.31-100.22,0L98.03,29.41C39.17,66.77,0,132.34,0,207.21c0,116.33,94.29,210.62,210.62,210.62s210.62-94.29,210.62-210.62c0-75.1-39.42-140.83-98.57-178.13ZM96.76,245.91c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08ZM210.21,383.66c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08ZM323.65,245.91c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08Z\"><\/path>\r\n                    <\/svg>\r\n                    <span>3<br>phased<\/span>\r\n                <\/div>\r\n\r\n                <!-- Bloc 2 -->\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 434.76 423.83\" width=\"40px\" height=\"40px\">\r\n                        <defs><style>.cls-1 { fill: #fff; }<\/style><\/defs>\r\n                        <circle class=\"cls-1\" cx=\"214.78\" cy=\"57.06\" r=\"40.06\" transform=\"translate(-7.36 50.87) rotate(-13.28)\"\/>\r\n                        <path class=\"cls-1\" d=\"M327.5,29.26l-63.26,88.29c-24.95,34.83-76.78,34.83-101.72,0L99.49,29.6C39.76,67.51,0,134.07,0,210.05c0,118.07,95.71,213.78,213.78,213.78s213.78-95.71,213.78-213.78c0-76.22-40.01-142.94-100.05-180.79ZM39.7,183.17c0-32,25.94-57.94,57.94-57.94s57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94-57.94-25.94-57.94-57.94ZM141.74,375.19c-32,0-57.94-25.94-57.94-57.94s25.94-57.94,57.94-57.94,57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94ZM285.81,375.19c-32,0-57.94-25.94-57.94-57.94s25.94-57.94,57.94-57.94,57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94ZM329.92,241.11c-32,0-57.94-25.94-57.94-57.94s25.94-57.94,57.94-57.94,57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94Z\"\/>\r\n                    <\/svg>\r\n                    <span>4<br>phased<\/span>\r\n                <\/div>\r\n\r\n                <!-- Bloc 3 -->\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 434.76 426\" width=\"40px\" height=\"40px\">\r\n                        <defs><style>.cls-1 { fill: #fff; }<\/style><\/defs>\r\n                        <path class=\"cls-1\" d=\"M214.76,3C97.95,3,3.26,97.69,3.26,214.5s94.69,211.5,211.5,211.5,211.5-94.69,211.5-211.5S331.56,3,214.76,3ZM404.31,181.41c2.37,13.4-6.57,26.18-19.97,28.55-13.4,2.37-26.18-6.57-28.55-19.97-2.37-13.4,6.57-26.18,19.97-28.55,13.4-2.37,26.18,6.57,28.55,19.97ZM381.25,118.15c6.81,11.78,2.78,26.85-9,33.65-11.78,6.81-26.85,2.78-33.65-9-6.81-11.78-2.78-26.85,9-33.65,11.78-6.81,26.85-2.78,33.65,9ZM274.62,209.87c-11.95,6.51-26.91,2.1-33.42-9.84-6.51-11.95-2.1-26.91,9.84-33.42,11.95-6.51,26.91-2.1,33.42,9.84,6.51,11.95,2.1,26.91-9.84,33.42ZM298.55,136.9c11.75-6.86,26.83-2.9,33.7,8.84,6.86,11.75,2.9,26.83-8.84,33.7-11.75,6.86-26.83,2.9-33.7-8.84-6.86-11.75-2.9-26.83,8.84-33.7ZM290.17,258.97c6.74-11.82,21.79-15.93,33.6-9.19,11.82,6.74,15.93,21.79,9.19,33.6-6.74,11.82-21.79,15.93-33.6,9.19-11.82-6.74-15.93-21.79-9.19-33.6ZM326.54,239.23c-13.6.07-24.69-10.9-24.76-24.51-.07-13.6,10.9-24.69,24.51-24.76,13.6-.07,24.69,10.9,24.76,24.51.07,13.6-10.9,24.69-24.51,24.76ZM303.24,69.65c8.74-10.43,24.28-11.79,34.7-3.06,10.43,8.74,11.79,24.28,3.06,34.7-8.74,10.43-24.28,11.79-34.7,3.06-10.43-8.74-11.79-24.28-3.06-34.7ZM248.05,47.7c4.65-12.79,18.78-19.39,31.56-14.74,12.79,4.65,19.39,18.78,14.74,31.56-4.65,12.79-18.78,19.39-31.56,14.74s-19.39-18.78-14.74-31.56ZM248,104.81c6.74-11.82,21.79-15.93,33.6-9.19,11.82,6.74,15.93,21.79,9.19,33.6-6.74,11.82-21.79,15.93-33.6,9.19-11.82-6.74-15.93-21.79-9.19-33.6ZM214.18,183.52c-13.6-.34-24.35-11.63-24.02-25.23.34-13.6,11.63-24.35,25.23-24.02,13.6.34,24.35,11.63,24.02,25.23-.34,13.6-11.63,24.35-25.23,24.02ZM238.03,215.9c0,13.6-11.03,24.63-24.63,24.63s-24.63-11.03-24.63-24.63,11.03-24.63,24.63-24.63,24.63,11.03,24.63,24.63ZM213.29,21.3c13.6,0,24.64,11.02,24.65,24.62,0,13.6-11.02,24.64-24.62,24.65-13.6,0-24.64-11.02-24.65-24.62,0-13.6,11.02-24.64,24.62-24.65ZM212.69,77.54c13.6-.07,24.69,10.9,24.76,24.51.07,13.6-10.9,24.69-24.51,24.76-13.6.07-24.69-10.9-24.76-24.51-.07-13.6,10.9-24.69,24.51-24.76ZM186.38,198.68c-7.09,11.61-22.25,15.28-33.86,8.18-11.61-7.09-15.28-22.25-8.18-33.86,7.09-11.61,22.25-15.27,33.86-8.18,11.61,7.09,15.28,22.25,8.18,33.86ZM100.27,191.13c13.6-.07,24.69,10.9,24.76,24.51s-10.9,24.69-24.51,24.76c-13.6.07-24.69-10.9-24.76-24.51s10.9-24.69,24.51-24.76ZM93.84,146.97c6.74-11.82,21.79-15.93,33.6-9.19,11.82,6.74,15.93,21.79,9.19,33.6-6.74,11.82-21.79,15.93-33.6,9.19-11.82-6.74-15.93-21.79-9.19-33.6ZM103.4,250.92c11.75-6.86,26.83-2.9,33.7,8.84s2.9,26.83-8.84,33.7c-11.75,6.86-26.83,2.9-33.7-8.84-6.86-11.75-2.9-26.83,8.84-33.7ZM152.18,220.49c11.95-6.51,26.91-2.1,33.42,9.84,6.51,11.95,2.1,26.91-9.84,33.42-11.95,6.51-26.91,2.1-33.42-9.84-6.51-11.95-2.1-26.91,9.84-33.42ZM168.82,138.87c-11.75,6.86-26.83,2.9-33.7-8.84s-2.9-26.83,8.84-33.7c11.75-6.86,26.83-2.9,33.7,8.84,6.86,11.75,2.9,26.83-8.84,33.7ZM146.99,33.03c12.78-4.66,26.92,1.92,31.58,14.71,4.66,12.78-1.92,26.92-14.71,31.58-12.78,4.66-26.92-1.92-31.58-14.71-4.66-12.78,1.92-26.92,14.71-31.58ZM88.7,66.73c10.42-8.75,25.96-7.4,34.71,3.02,8.75,10.42,7.4,25.96-3.02,34.71-10.42,8.75-25.96,7.4-34.71-3.02-8.75-10.42-7.4-25.96,3.02-34.71ZM45.45,118.33c6.8-11.79,21.86-15.83,33.64-9.03,11.79,6.8,15.83,21.86,9.03,33.64-6.8,11.79-21.86,15.83-33.64,9.03-11.79-6.8-15.83-21.86-9.03-33.64ZM22.45,181.62c2.36-13.4,15.13-22.35,28.53-20,13.4,2.36,22.35,15.13,20,28.53-2.36,13.4-15.13,22.35-28.53,20-13.4-2.36-22.35-15.13-20-28.53ZM22.49,248.95c-2.37-13.4,6.57-26.18,19.97-28.55,13.4-2.37,26.18,6.57,28.55,19.97,2.37,13.4-6.57,26.18-19.97,28.55-13.4,2.37-26.18-6.57-28.55-19.97ZM45.55,312.21c-6.81-11.78-2.78-26.85,9-33.65,11.78-6.81,26.85-2.78,33.65,9,6.81,11.78,2.78,26.85-9,33.65-11.78,6.81-26.85,2.78-33.65-9ZM123.56,360.71c-8.74,10.43-24.28,11.79-34.7,3.06-10.43-8.74-11.79-24.28-3.06-34.7,8.74-10.43,24.28-11.79,34.7-3.06,10.43,8.74,11.79,24.28,3.06,34.7ZM178.76,382.66c-4.65,12.79-18.78,19.39-31.56,14.74s-19.39-18.78-14.74-31.56c4.65-12.79,18.78-19.39,31.56-14.74,12.79,4.65,19.39,18.78,14.74,31.56ZM178.8,325.55c-6.74,11.82-21.79,15.93-33.6,9.19-11.82-6.74-15.93-21.79-9.19-33.6s21.79-15.93,33.6-9.19c11.82,6.74,15.93,21.79,9.19,33.6ZM212.62,246.83c13.6.34,24.35,11.63,24.02,25.23-.34,13.6-11.63,24.35-25.23,24.02-13.6-.34-24.35-11.63-24.02-25.23.34-13.6,11.63-24.35,25.23-24.02ZM213.51,409.05c-13.6,0-24.64-11.02-24.65-24.62,0-13.6,11.02-24.64,24.62-24.65,13.6,0,24.64,11.02,24.65,24.62,0,13.6-11.02,24.64-24.62,24.65ZM214.11,352.82c-13.6.07-24.69-10.9-24.76-24.51-.07-13.6,10.9-24.69,24.51-24.76s24.69,10.9,24.76,24.51c.07,13.6-10.9,24.69-24.51,24.76ZM240.43,231.68c7.09-11.61,22.25-15.27,33.86-8.18,11.61,7.09,15.28,22.25,8.18,33.86-7.09,11.61-22.25,15.27-33.86,8.18-11.61-7.09-15.28-22.25-8.18-33.86ZM257.98,291.48c11.75-6.86,26.83-2.9,33.7,8.84,6.86,11.75,2.9,26.83-8.84,33.7-11.75,6.86-26.83,2.9-33.7-8.84-6.86-11.75-2.9-26.83,8.84-33.7ZM279.81,397.32c-12.78,4.66-26.92-1.92-31.58-14.71-4.66-12.78,1.92-26.92,14.71-31.58,12.78-4.66,26.92,1.92,31.58,14.71,4.66,12.78-1.92,26.92-14.71,31.58ZM338.1,363.63c-10.42,8.75-25.96,7.4-34.71-3.02-8.75-10.42-7.4-25.96,3.02-34.71,10.42-8.75,25.96-7.4,34.71,3.02,8.75,10.42,7.4,25.96-3.02,34.71ZM381.35,312.02c-6.8,11.79-21.86,15.83-33.64,9.03-11.79-6.8-15.83-21.86-9.03-33.64,6.8-11.79,21.86-15.83,33.64-9.03,11.79,6.8,15.83,21.86,9.03,33.64ZM375.82,268.74c-13.4-2.36-22.35-15.13-20-28.53,2.36-13.4,15.13-22.35,28.53-20,13.4,2.36,22.35,15.13,20,28.53-2.36,13.4-15.13,22.35-28.53,20Z\"\/>\r\n                    <\/svg>\r\n                    <span>Multipin<\/span>\r\n                <\/div>\r\n\r\n                <!-- Bloc 4 (Le nouveau pictogramme qui passera \u00e0 la ligne) -->\r\n                <div class=\"phase-item\">\r\n                    <!-- Remplace ce SVG d'exemple par le tien -->\r\n                    <svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 446.14 446.15\"width=\"40px\" height=\"40px\">\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=\"M334.61,341.19c0,13.32-10.8,24.13-24.13,24.13s-24.13-10.8-24.13-24.13,10.8-24.13,24.13-24.13,24.13,10.8,24.13,24.13M318.3,164.18c0,52.6-42.64,95.24-95.24,95.24s-95.24-42.64-95.24-95.24,42.64-95.24,95.24-95.24,95.24,42.62,95.24,95.24M135.66,317.07c13.32,0,24.13,10.8,24.13,24.13s-10.8,24.13-24.13,24.13-24.13-10.8-24.13-24.13,10.8-24.13,24.13-24.13M446.14,223.08C446.14,99.88,346.26,0,223.06,0S0,99.88,0,223.08s99.86,223.08,223.06,223.08,223.08-99.88,223.08-223.08\"\/>\r\n<\/svg>\r\n                    <span>Single pole<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n            \r\n            <p class=\"card-desc\">\r\n                Heavy-duty metallic connectors featuring a cam push-pull system, specifically engineered for demanding applications subject to severe vibrations, frequent mating operations, or heavy mechanical stress. This range of connectors can be integrated in various environment requiring low or medium voltage.\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\/04\/port-of-bodo.jpeg\" 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    \/* \ud83c\udfaf C'EST ICI QUE LA GRILLE INTERVIENT *\/\r\n    .card-phases {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr); \/* Force 3 colonnes de largeur \u00e9gale *\/\r\n        gap: 15px 10px; \/* Espace (vertical 15px \/ horizontal 10px) *\/\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: 8px; \/* Espace entre le SVG et le texte *\/\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; \/* D\u00e9finit la zone de r\u00e9f\u00e9rence pour l'image *\/\r\n    }\r\n\r\n    .card-right img {\r\n        position: absolute; \/* Sort l'image du flux *\/\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 donne une hauteur fixe *\/\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-9241c8e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9241c8e\" 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-b00f174\" data-id=\"b00f174\" 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-c4734f8 elementor-widget elementor-widget-heading\" data-id=\"c4734f8\" 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\">Specific <br>markets<\/h2>\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-9528371\" data-id=\"9528371\" 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-f4e1e37 elementor-widget elementor-widget-html\" data-id=\"f4e1e37\" 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-variant-widget\">\r\n    <div class=\"hz-variant-card\">\r\n        \r\n        <!-- IMAGE EN ARRI\u00c8RE-PLAN -->\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/OPS_logo4.svg\" alt=\"Fond\" class=\"hz-variant-bg\">\r\n        \r\n        <!-- CONTENU (Titre, Texte et Bouton) -->\r\n        <div class=\"hz-variant-content\">\r\n            <h2 class=\"hz-variant-title\">OPS<\/h2>\r\n            \r\n            <p class=\"hz-variant-text\">\r\n                Alimentation \u00c9lectrique \u00e0 Quai\r\n            <\/p>\r\n            \r\n            <!-- Le bouton est toujours automatiquement pouss\u00e9 en bas -->\r\n            <a href=\"https:\/\/proconect.com\/fr\/onshore-power-supply\/\" class=\"hz-variant-btn\">VOIR PLUS<\/a>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- VARIABLES ISOL\u00c9ES --- *\/\r\n    .hz-variant-widget {\r\n        --var-bg: #5a5a5a;       \r\n        --var-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 PRINCIPALE --- *\/\r\n    .hz-variant-card {\r\n        background-color: var(--var-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        \r\n        display: flex;\r\n        flex-direction: column;\r\n        min-height: 100px; \/* Hauteur minimale de la carte *\/\r\n        max-height: 150px;\r\n        \r\n        position: relative; \/* Rep\u00e8re pour l'image de fond *\/\r\n        overflow: hidden; \/* Coupe l'image si elle d\u00e9passe les bords arrondis *\/\r\n    }\r\n\r\n    \/* --- L'IMAGE EN ARRI\u00c8RE-PLAN (Cal\u00e9e en bas \u00e0 droite) --- *\/\r\n    .hz-variant-bg {\r\n        position: absolute;\r\n        bottom: 0; \/* \ud83c\udfaf Strictement coll\u00e9 en bas *\/\r\n        right: 0;  \/* \ud83c\udfaf Strictement coll\u00e9 \u00e0 droite *\/\r\n        \r\n        \/* Limite la taille pour que \u00e7a fasse un effet \"filigrane\" dans le coin *\/\r\n        max-width: 50%; \r\n        max-height: 45%;\r\n        \r\n        object-fit: contain; \r\n        object-position: bottom right; \/* \ud83c\udfaf Force le contenu du SVG dans l'angle extr\u00eame *\/\r\n        z-index: 1; \r\n        opacity: 0.15; \r\n        pointer-events: none; \/* Emp\u00eache l'image d'interf\u00e9rer avec le clic sur le bouton *\/\r\n    }\r\n\r\n    \/* --- LE CONTENU (Par-dessus l'image) --- *\/\r\n    .hz-variant-content {\r\n        position: relative;\r\n        z-index: 2; \/* S'assure que tout le texte et le bouton sont au-dessus de l'image *\/\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start; \r\n        flex-grow: 1; \/* Prend tout l'espace disponible en hauteur *\/\r\n    }\r\n\r\n    .hz-variant-title {\r\n        color: #ffffff !important;\r\n        font-size: 25px;\r\n        font-weight: 800;\r\n        margin: 0 0 5px 0;\r\n        line-height: 1;\r\n    }\r\n\r\n    .hz-variant-text {\r\n        color: rgba(255, 255, 255, 0.85);\r\n        font-size: 17px;\r\n        line-height: 1;\r\n        margin: 0 0 20px 0;\r\n        font-weight: 800;\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    \/* Bouton See More *\/\r\n    .hz-variant-btn {\r\n        display: inline-block;\r\n        background-color: var(--var-text);\r\n        color: #5a5a5a!important;\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: 5px 20px;\r\n        border-radius: 35px;\r\n        \r\n        margin-top: auto; \/* Pousse le bouton tout en bas *\/\r\n        \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    }\r\n\r\n    .hz-variant-btn: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: #3a3a3a !important;\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<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3c7d004\" data-id=\"3c7d004\" 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-7a78f82 elementor-widget elementor-widget-html\" data-id=\"7a78f82\" 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-simple-widget\">\r\n    <div class=\"hz-simple-card\">\r\n        \r\n        <!-- IMAGE EN ARRI\u00c8RE-PLAN -->\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/Railways_logo-2.svg\" alt=\"Fond\" class=\"hz-simple-bg\">\r\n        \r\n        <!-- CONTENU (Titre, Texte et Bouton) -->\r\n        <div class=\"hz-simple-content\">\r\n            <h2 class=\"hz-simple-title\">Ferroviaire<\/h2>\r\n            \r\n            <p class=\"hz-simple-text\">\r\n                Shore & Rolling stock connectors\r\n            <\/p>\r\n            \r\n            <!-- Le bouton est toujours automatiquement pouss\u00e9 en bas -->\r\n            <a href=\"https:\/\/proconect.com\/fr\/railway-connectors\/\" class=\"hz-simple-btn\">VOIR PLUS<\/a>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- VARIABLES ISOL\u00c9ES --- *\/\r\n    .hz-simple-widget {\r\n        --hz-bg: #5a5a5a;       \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 PRINCIPALE --- *\/\r\n    .hz-simple-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        \r\n        display: flex;\r\n        flex-direction: column;\r\n        min-height: 100px; \/* Hauteur minimale de la carte *\/\r\n        max-height: 150px;\r\n        \r\n        position: relative; \/* Rep\u00e8re pour l'image de fond *\/\r\n        overflow: hidden; \/* Coupe l'image si elle d\u00e9passe les bords arrondis *\/\r\n    }\r\n\r\n    \/* --- L'IMAGE EN ARRI\u00c8RE-PLAN (Cal\u00e9e en bas \u00e0 droite) --- *\/\r\n    .hz-simple-bg {\r\n        position: absolute;\r\n        bottom: 0; \/* \ud83c\udfaf Strictement coll\u00e9 en bas *\/\r\n        right: 0;  \/* \ud83c\udfaf Strictement coll\u00e9 \u00e0 droite *\/\r\n        \r\n        \/* Limite la taille pour que \u00e7a fasse un effet \"filigrane\" dans le coin *\/\r\n        max-width: 50%; \r\n        max-height: 45%;\r\n        \r\n        object-fit: contain; \r\n        object-position: bottom right; \/* \ud83c\udfaf Force le contenu du SVG dans l'angle extr\u00eame *\/\r\n        z-index: 1; \r\n        opacity: 0.15; \r\n        pointer-events: none; \/* Emp\u00eache l'image d'interf\u00e9rer avec le clic sur le bouton *\/\r\n    }\r\n\r\n    \/* --- LE CONTENU (Par-dessus l'image) --- *\/\r\n    .hz-simple-content {\r\n        position: relative;\r\n        z-index: 2; \/* S'assure que tout le texte et le bouton sont au-dessus de l'image *\/\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start; \r\n        flex-grow: 1; \/* Prend tout l'espace disponible en hauteur *\/\r\n    }\r\n\r\n    .hz-simple-title {\r\n        color: #ffffff !important;\r\n        font-size: 25px;\r\n        font-weight: 800;\r\n        margin: 0 0 5px 0;\r\n        line-height: 1;\r\n    }\r\n\r\n    .hz-simple-text {\r\n        color: rgba(255, 255, 255, 0.85);\r\n        font-size: 17px;\r\n        line-height: 1;\r\n        margin: 0 0 20px 0;\r\n        font-weight: 800;\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    \/* Bouton See More *\/\r\n    .hz-simple-btn {\r\n        display: inline-block;\r\n        background-color: var(--hz-text);\r\n        color: #5a5a5a!important;\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: 5px 20px;\r\n        border-radius: 35px;\r\n        \r\n        margin-top: auto; \/* Pousse le bouton tout en bas *\/\r\n        \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    }\r\n\r\n    .hz-simple-btn: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: #3a3a3a !important;\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-341be14 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"341be14\" 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-6171f70\" data-id=\"6171f70\" 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-95752a7 elementor-widget elementor-widget-spacer\" data-id=\"95752a7\" 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-fca68f2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fca68f2\" 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-5d3e078\" data-id=\"5d3e078\" 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-0dc8750 elementor-widget elementor-widget-heading\" data-id=\"0dc8750\" 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\">Basse tension<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8ebd48 elementor-widget elementor-widget-text-editor\" data-id=\"e8ebd48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span data-path-to-node=\"4,0,0,0\">Industrial connectors designed for low-voltage heavy-duty power distribution. Built with high mechanical shock resistance and total weatherproofing, they excel across severe environments such as ports, railway maintenance facilities, open-cast sites, and industrial shop floors<\/span><span data-path-to-node=\"4,0,0,2\">.<\/span><\/p>\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-50f31b1\" data-id=\"50f31b1\" 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-ac67512 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ac67512\" 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=\"icon-text-list\">\r\n    \r\n    <!-- Ligne 1 : Ic\u00f4ne + Texte -->\r\n    <div class=\"icon-text-row\">\r\n        <!-- Remplace l'URL dans src=\"\" par le lien de ton ic\u00f4ne -->\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/PICTO-WEB-FAST.svg\" alt=\"Ic\u00f4ne 1\" class=\"row-icon\">\r\n        <div class=\"row-text\">Fast connection, quick operations<\/div>\r\n    <\/div>\r\n\r\n    <!-- Ligne 2 : Ic\u00f4ne + Texte -->\r\n    <div class=\"icon-text-row\">\r\n        <!-- Remplace l'URL dans src=\"\" par le lien de ton ic\u00f4ne -->\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/PICTO-MODULAR2.svg\" alt=\"Ic\u00f4ne 2\" class=\"row-icon\">\r\n        <div class=\"row-text\">Modular contact arrangement<\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* Le conteneur principal g\u00e8re l'espacement entre les lignes *\/\r\n    .icon-text-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px; \/* Ajuste l'espace vertical entre les deux blocs ici *\/\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* Chaque ligne contient une ic\u00f4ne et un texte *\/\r\n    .icon-text-row {\r\n        display: flex;\r\n        align-items: center; \/* Centre le texte verticalement par rapport \u00e0 l'ic\u00f4ne *\/\r\n        gap: 15px; \/* Ajuste l'espace horizontal entre l'ic\u00f4ne et le texte ici *\/\r\n    }\r\n\r\n    \/* Style des images\/ic\u00f4nes *\/\r\n    .row-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        object-fit: contain; \/* S'assure que l'image ne se d\u00e9forme pas *\/\r\n        flex-shrink: 0; \/* Emp\u00eache l'ic\u00f4ne de s'\u00e9craser si le texte est tr\u00e8s long *\/\r\n    }\r\n\r\n    \/* Style du texte *\/\r\n    .row-text {\r\n        font-size: 18px;\r\n        color: #ffffff; \/* Ajuste la couleur selon le fond *\/\r\n        line-height: 1.2;\r\n        font-weight: 600;\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-d075c4b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d075c4b\" 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-25 elementor-top-column elementor-element elementor-element-1537c87\" data-id=\"1537c87\" 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-826cd0c elementor-widget elementor-widget-html\" data-id=\"826cd0c\" 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=\"nf-widget-container\">\r\n    \r\n    <div class=\"nf-card\">\r\n        \r\n        <!-- En-t\u00eate -->\r\n        <div class=\"nf-header\">\r\n            <h2 class=\"nf-title\">3PX4<\/h2>\r\n            <div class=\"nf-btn-toggle\">\r\n                <span class=\"icon-morph\">+<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bipolar -->\r\n        <div class=\"nf-bipolar-row\">\r\n            <svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 429.25 417.83\" width=\"40px\" height=\"40px\">\r\n  <defs>\r\n    <style>\r\n      .cls-1 {\r\n        fill: #fff;\r\n      }\r\n    <\/style>\r\n  <\/defs>\r\n  <circle class=\"cls-1\" cx=\"211.61\" cy=\"56.47\" r=\"39.47\" transform=\"translate(-7.31 50.13) rotate(-13.28)\"><\/circle>\r\n  <path class=\"cls-1\" d=\"M322.67,29.08l-62.33,86.99c-24.59,34.31-75.65,34.31-100.22,0L98.03,29.41C39.17,66.77,0,132.34,0,207.21c0,116.33,94.29,210.62,210.62,210.62s210.62-94.29,210.62-210.62c0-75.1-39.42-140.83-98.57-178.13ZM96.76,245.91c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08ZM210.21,383.66c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08ZM323.65,245.91c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08Z\"><\/path>\r\n<\/svg>\r\n\r\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 434.76 423.83\"\r\nwidth=\"40px\" height=\"40px\">\r\n  <defs>\r\n    <style>\r\n      .cls-1 {\r\n        fill: #fff;\r\n      }\r\n    <\/style>\r\n  <\/defs>\r\n  <circle class=\"cls-1\" cx=\"214.78\" cy=\"57.06\" r=\"40.06\" transform=\"translate(-7.36 50.87) rotate(-13.28)\"\/>\r\n  <path class=\"cls-1\" d=\"M327.5,29.26l-63.26,88.29c-24.95,34.83-76.78,34.83-101.72,0L99.49,29.6C39.76,67.51,0,134.07,0,210.05c0,118.07,95.71,213.78,213.78,213.78s213.78-95.71,213.78-213.78c0-76.22-40.01-142.94-100.05-180.79ZM39.7,183.17c0-32,25.94-57.94,57.94-57.94s57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94-57.94-25.94-57.94-57.94ZM141.74,375.19c-32,0-57.94-25.94-57.94-57.94s25.94-57.94,57.94-57.94,57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94ZM285.81,375.19c-32,0-57.94-25.94-57.94-57.94s25.94-57.94,57.94-57.94,57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94ZM329.92,241.11c-32,0-57.94-25.94-57.94-57.94s25.94-57.94,57.94-57.94,57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94Z\"\/>\r\n<\/svg>\r\n        <\/div>\r\n\r\n        <!-- Pilules -->\r\n        <div class=\"nf-pills-container\">\r\n            <div class=\"nf-pill\">250A<\/div>\r\n            <div class=\"nf-pill\">1,1kV max.<\/div>\r\n        <\/div>\r\n\r\n        <!-- ZONE DE SWITCH MAGIQUE -->\r\n        <div class=\"nf-swap-zone\">\r\n            \r\n            <!-- IMAGE -->\r\n            <div class=\"nf-swap-image\">\r\n                <div class=\"nf-image-inner\">\r\n                    <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/WALL-3PX4-LV_web-scaled.png\" alt=\"Visuel Produit\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- SPECS -->\r\n            <div class=\"nf-accordion\">\r\n                <div class=\"nf-accordion-inner\">\r\n                    <ul class=\"nf-specs-list\">\r\n                        <li>\r\n                            <svg class=\"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+E+2p \/ 3P+N+E+2p\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"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.: 95 mm\u00b2\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"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                            3\/4\/9 pilots option\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"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: IP67 - IK10\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div> \r\n        \r\n        <!-- Bouton SEE MORE -->\r\n        <a href=\"https:\/\/proconect.com\/fr\/3px4-connector\/\" class=\"nf-btn-seemore\">VOIR PLUS<\/a>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- VARIABLES --- *\/\r\n    .nf-widget-container {\r\n        --nf-bg: #4c5eb4;       \r\n        --nf-btn-red: #e35a5a;  \r\n        --nf-btn-white: #ffffff; \r\n        --nf-text: #ffffff;\r\n        \r\n        font-family: 'Montserrat', sans-serif;\r\n        width: 100%;\r\n        max-width: 280px; \r\n        height: 100%; \/* S\u00e9curit\u00e9 pour Elementor *\/\r\n        margin: 0 auto;\r\n        user-select: none; \r\n    }\r\n\r\n    \/* --- LA CARTE (Structure) --- *\/\r\n    .nf-card {\r\n        background-color: var(--nf-bg);\r\n        border-radius: 35px;\r\n        padding: 25px 25px 85px 25px; \r\n        position: relative;\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); \r\n        transition: transform 0.3s ease;\r\n        overflow: hidden; \r\n        \r\n        \/* \ud83c\udfaf LA MAGIE EST ICI : HAUTEUR FIXE POUR TOUTES LES CARTES *\/\r\n        height: 450px; \r\n        box-sizing: border-box; \/* Assure que le padding est inclus dans les 460px *\/\r\n    }\r\n\r\n    \/* --- EN-T\u00caTE --- *\/\r\n    .nf-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-start;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .nf-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    .nf-btn-toggle {\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    }\r\n\r\n    .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    \/* --- CONTENU FIXE --- *\/\r\n    .nf-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    .nf-bipolar-text {\r\n        color: var(--nf-text);\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .nf-pills-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        margin-bottom: 10px; \r\n    }\r\n\r\n    .nf-pill {\r\n        background-color: var(--nf-text);\r\n        color: var(--nf-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    \/* ==================================================== *\/\r\n    \/* LOGIQUE D'ANIMATION (Transparence Pure)              *\/\r\n    \/* ==================================================== *\/\r\n    \r\n    .nf-swap-zone {\r\n        position: relative;\r\n        display: grid;\r\n        grid-template-rows: auto; \r\n        transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    \/* 1. L'Image (Visible par d\u00e9faut) *\/\r\n    .nf-swap-image {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease; \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        margin-bottom: -5px;\r\n        position: relative;\r\n        z-index: 2; \r\n    }\r\n\r\n    .nf-image-inner img {\r\n        width: 200px; \r\n        height: auto;\r\n        border-radius: 10px;\r\n        object-fit: contain;\r\n        display: block;\r\n    }\r\n\r\n    \/* 2. Les Specs (Invisibles par d\u00e9faut) *\/\r\n    .nf-accordion {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        position: relative;\r\n        z-index: 1; \r\n    }\r\n\r\n    .nf-accordion-inner { overflow: hidden; }\r\n\r\n    .nf-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    .nf-specs-list li {\r\n        color: var(--nf-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    .check-icon { width: 15px; height: 15px; flex-shrink: 0; }\r\n\r\n    \/* --- ETAT ACTIF (G\u00e9r\u00e9 par JS) --- *\/\r\n    \r\n    .nf-widget-container.active .nf-btn-toggle { \r\n        background-color: var(--nf-btn-red); \r\n    }\r\n    .nf-widget-container.active .icon-morph { \r\n        transform: rotate(45deg); \r\n    }\r\n\r\n    .nf-widget-container.active .nf-swap-image {\r\n        opacity: 0.2;\r\n        z-index: 1; \r\n    }\r\n\r\n    .nf-widget-container.active .nf-accordion {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        z-index: 2; \r\n    }\r\n\r\n    \/* --- BOUTON SEE MORE --- *\/\r\n    .nf-btn-seemore {\r\n        display: inline-block;\r\n        background-color: var(--nf-text);\r\n        color: var(--nf-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        position: absolute;\r\n        bottom: 25px; \r\n        left: 25px;\r\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        z-index: 3; \r\n    }\r\n\r\n    .nf-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<\/style>\r\n\r\n<script>\r\n    \/* Ce script s'ex\u00e9cute imm\u00e9diatement, le rendant compatible avec la preview d'Elementor.\r\n       Il poss\u00e8de une s\u00e9curit\u00e9 pour ne charger qu'une seule fois, m\u00eame si tu copies le bloc 100 fois. *\/\r\n    (function() {\r\n        if (window.nfToggleScriptInit) return;\r\n        window.nfToggleScriptInit = true;\r\n\r\n        document.addEventListener('click', function(e) {\r\n            \/\/ 1. Clic sur le bouton +\r\n            const btnToggle = e.target.closest('.nf-btn-toggle');\r\n            \r\n            if (btnToggle) {\r\n                e.preventDefault(); \r\n                const currentContainer = btnToggle.closest('.nf-widget-container');\r\n                if (!currentContainer) return;\r\n\r\n                \/\/ On ferme toutes les autres cartes (Effet accord\u00e9on)\r\n                document.querySelectorAll('.nf-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                \/\/ On ouvre\/ferme la carte actuelle\r\n                currentContainer.classList.toggle('active');\r\n                return;\r\n            }\r\n\r\n            \/\/ 2. Clic en dehors d'une carte (ferme tout et remet les images)\r\n            if (!e.target.closest('.nf-widget-container')) {\r\n                document.querySelectorAll('.nf-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-25 elementor-top-column elementor-element elementor-element-95d2ce2\" data-id=\"95d2ce2\" 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-f1e3b71 elementor-widget elementor-widget-html\" data-id=\"f1e3b71\" 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=\"nf-widget-container\">\r\n    \r\n    <div class=\"nf-card\">\r\n        \r\n        <!-- En-t\u00eate -->\r\n        <div class=\"nf-header\">\r\n            <h2 class=\"nf-title\">3PX5<\/h2>\r\n            <div class=\"nf-btn-toggle\">\r\n                <span class=\"icon-morph\">+<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bipolar -->\r\n        <div class=\"nf-bipolar-row\">\r\n            <svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 429.25 417.83\" width=\"40px\" height=\"40px\">\r\n  <defs>\r\n    <style>\r\n      .cls-1 {\r\n        fill: #fff;\r\n      }\r\n    <\/style>\r\n  <\/defs>\r\n  <circle class=\"cls-1\" cx=\"211.61\" cy=\"56.47\" r=\"39.47\" transform=\"translate(-7.31 50.13) rotate(-13.28)\"><\/circle>\r\n  <path class=\"cls-1\" d=\"M322.67,29.08l-62.33,86.99c-24.59,34.31-75.65,34.31-100.22,0L98.03,29.41C39.17,66.77,0,132.34,0,207.21c0,116.33,94.29,210.62,210.62,210.62s210.62-94.29,210.62-210.62c0-75.1-39.42-140.83-98.57-178.13ZM96.76,245.91c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08ZM210.21,383.66c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08ZM323.65,245.91c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08Z\"><\/path>\r\n<\/svg>\r\n\r\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 434.76 423.83\"\r\nwidth=\"40px\" height=\"40px\">\r\n  <defs>\r\n    <style>\r\n      .cls-1 {\r\n        fill: #fff;\r\n      }\r\n    <\/style>\r\n  <\/defs>\r\n  <circle class=\"cls-1\" cx=\"214.78\" cy=\"57.06\" r=\"40.06\" transform=\"translate(-7.36 50.87) rotate(-13.28)\"\/>\r\n  <path class=\"cls-1\" d=\"M327.5,29.26l-63.26,88.29c-24.95,34.83-76.78,34.83-101.72,0L99.49,29.6C39.76,67.51,0,134.07,0,210.05c0,118.07,95.71,213.78,213.78,213.78s213.78-95.71,213.78-213.78c0-76.22-40.01-142.94-100.05-180.79ZM39.7,183.17c0-32,25.94-57.94,57.94-57.94s57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94-57.94-25.94-57.94-57.94ZM141.74,375.19c-32,0-57.94-25.94-57.94-57.94s25.94-57.94,57.94-57.94,57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94ZM285.81,375.19c-32,0-57.94-25.94-57.94-57.94s25.94-57.94,57.94-57.94,57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94ZM329.92,241.11c-32,0-57.94-25.94-57.94-57.94s25.94-57.94,57.94-57.94,57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94Z\"\/>\r\n<\/svg>\r\n        <\/div>\r\n\r\n        <!-- Pilules -->\r\n        <div class=\"nf-pills-container\">\r\n            <div class=\"nf-pill\">500A<\/div>\r\n            <div class=\"nf-pill\">1,1kV max.<\/div>\r\n        <\/div>\r\n\r\n        <!-- ZONE DE SWITCH MAGIQUE -->\r\n        <div class=\"nf-swap-zone\">\r\n            \r\n            <!-- IMAGE -->\r\n            <div class=\"nf-swap-image\">\r\n                <div class=\"nf-image-inner\">\r\n                    <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/WALL-3PX5-LV_web-scaled.png\" alt=\"Visuel Produit\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- SPECS -->\r\n            <div class=\"nf-accordion\">\r\n                <div class=\"nf-accordion-inner\">\r\n                    <ul class=\"nf-specs-list\">\r\n                        <li>\r\n                            <svg class=\"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+E+2p \/ 3P+N+E+2p\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"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.: 240 mm\u00b2\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"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                            10 pilots option\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"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: IP67 - IK10\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div> \r\n        \r\n        <!-- Bouton SEE MORE -->\r\n        <a href=\"https:\/\/proconect.com\/fr\/3px5-connector\/\" class=\"nf-btn-seemore\">VOIR PLUS<\/a>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- VARIABLES --- *\/\r\n    .nf-widget-container {\r\n        --nf-bg: #4c5eb4;       \r\n        --nf-btn-red: #e35a5a;  \r\n        --nf-btn-white: #ffffff; \r\n        --nf-text: #ffffff;\r\n        \r\n        font-family: 'Montserrat', sans-serif;\r\n        width: 100%;\r\n        max-width: 280px; \r\n        height: 100%; \/* S\u00e9curit\u00e9 pour Elementor *\/\r\n        margin: 0 auto;\r\n        user-select: none; \r\n    }\r\n\r\n    \/* --- LA CARTE (Structure) --- *\/\r\n    .nf-card {\r\n        background-color: var(--nf-bg);\r\n        border-radius: 35px;\r\n        padding: 25px 25px 85px 25px; \r\n        position: relative;\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); \r\n        transition: transform 0.3s ease;\r\n        overflow: hidden; \r\n        \r\n        \/* \ud83c\udfaf LA MAGIE EST ICI : HAUTEUR FIXE POUR TOUTES LES CARTES *\/\r\n        height: 450px; \r\n        box-sizing: border-box; \/* Assure que le padding est inclus dans les 460px *\/\r\n    }\r\n\r\n    \/* --- EN-T\u00caTE --- *\/\r\n    .nf-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-start;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .nf-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    .nf-btn-toggle {\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    }\r\n\r\n    .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    \/* --- CONTENU FIXE --- *\/\r\n    .nf-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    .nf-bipolar-text {\r\n        color: var(--nf-text);\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .nf-pills-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        margin-bottom: 10px; \r\n    }\r\n\r\n    .nf-pill {\r\n        background-color: var(--nf-text);\r\n        color: var(--nf-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    \/* ==================================================== *\/\r\n    \/* LOGIQUE D'ANIMATION (Transparence Pure)              *\/\r\n    \/* ==================================================== *\/\r\n    \r\n    .nf-swap-zone {\r\n        position: relative;\r\n        display: grid;\r\n        grid-template-rows: auto; \r\n        transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    \/* 1. L'Image (Visible par d\u00e9faut) *\/\r\n    .nf-swap-image {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease; \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        margin-bottom: -5px;\r\n        position: relative;\r\n        z-index: 2; \r\n    }\r\n\r\n    .nf-image-inner img {\r\n        width: 200px; \r\n        height: auto;\r\n        border-radius: 10px;\r\n        object-fit: contain;\r\n        display: block;\r\n    }\r\n\r\n    \/* 2. Les Specs (Invisibles par d\u00e9faut) *\/\r\n    .nf-accordion {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        position: relative;\r\n        z-index: 1; \r\n    }\r\n\r\n    .nf-accordion-inner { overflow: hidden; }\r\n\r\n    .nf-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    .nf-specs-list li {\r\n        color: var(--nf-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    .check-icon { width: 15px; height: 15px; flex-shrink: 0; }\r\n\r\n    \/* --- ETAT ACTIF (G\u00e9r\u00e9 par JS) --- *\/\r\n    \r\n    .nf-widget-container.active .nf-btn-toggle { \r\n        background-color: var(--nf-btn-red); \r\n    }\r\n    .nf-widget-container.active .icon-morph { \r\n        transform: rotate(45deg); \r\n    }\r\n\r\n    .nf-widget-container.active .nf-swap-image {\r\n        opacity: 0.2;\r\n        z-index: 1; \r\n    }\r\n\r\n    .nf-widget-container.active .nf-accordion {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        z-index: 2; \r\n    }\r\n\r\n    \/* --- BOUTON SEE MORE --- *\/\r\n    .nf-btn-seemore {\r\n        display: inline-block;\r\n        background-color: var(--nf-text);\r\n        color: var(--nf-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        position: absolute;\r\n        bottom: 25px; \r\n        left: 25px;\r\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        z-index: 3; \r\n    }\r\n\r\n    .nf-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<\/style>\r\n\r\n<script>\r\n    \/* Ce script s'ex\u00e9cute imm\u00e9diatement, le rendant compatible avec la preview d'Elementor.\r\n       Il poss\u00e8de une s\u00e9curit\u00e9 pour ne charger qu'une seule fois, m\u00eame si tu copies le bloc 100 fois. *\/\r\n    (function() {\r\n        if (window.nfToggleScriptInit) return;\r\n        window.nfToggleScriptInit = true;\r\n\r\n        document.addEventListener('click', function(e) {\r\n            \/\/ 1. Clic sur le bouton +\r\n            const btnToggle = e.target.closest('.nf-btn-toggle');\r\n            \r\n            if (btnToggle) {\r\n                e.preventDefault(); \r\n                const currentContainer = btnToggle.closest('.nf-widget-container');\r\n                if (!currentContainer) return;\r\n\r\n                \/\/ On ferme toutes les autres cartes (Effet accord\u00e9on)\r\n                document.querySelectorAll('.nf-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                \/\/ On ouvre\/ferme la carte actuelle\r\n                currentContainer.classList.toggle('active');\r\n                return;\r\n            }\r\n\r\n            \/\/ 2. Clic en dehors d'une carte (ferme tout et remet les images)\r\n            if (!e.target.closest('.nf-widget-container')) {\r\n                document.querySelectorAll('.nf-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-25 elementor-top-column elementor-element elementor-element-8473c08\" data-id=\"8473c08\" 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-c5616c6 elementor-widget elementor-widget-html\" data-id=\"c5616c6\" 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=\"nf-widget-container\">\r\n    \r\n    <div class=\"nf-card\">\r\n        \r\n        <!-- En-t\u00eate -->\r\n        <div class=\"nf-header\">\r\n            <h2 class=\"nf-title\">3PX6<\/h2>\r\n            <div class=\"nf-btn-toggle\">\r\n                <span class=\"icon-morph\">+<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bipolar -->\r\n        <div class=\"nf-bipolar-row\">\r\n            <svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 429.25 417.83\" width=\"40px\" height=\"40px\">\r\n  <defs>\r\n    <style>\r\n      .cls-1 {\r\n        fill: #fff;\r\n      }\r\n    <\/style>\r\n  <\/defs>\r\n  <circle class=\"cls-1\" cx=\"211.61\" cy=\"56.47\" r=\"39.47\" transform=\"translate(-7.31 50.13) rotate(-13.28)\"><\/circle>\r\n  <path class=\"cls-1\" d=\"M322.67,29.08l-62.33,86.99c-24.59,34.31-75.65,34.31-100.22,0L98.03,29.41C39.17,66.77,0,132.34,0,207.21c0,116.33,94.29,210.62,210.62,210.62s210.62-94.29,210.62-210.62c0-75.1-39.42-140.83-98.57-178.13ZM96.76,245.91c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08ZM210.21,383.66c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08ZM323.65,245.91c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08Z\"><\/path>\r\n<\/svg>\r\n\r\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 434.76 423.83\"\r\nwidth=\"40px\" height=\"40px\">\r\n  <defs>\r\n    <style>\r\n      .cls-1 {\r\n        fill: #fff;\r\n      }\r\n    <\/style>\r\n  <\/defs>\r\n  <circle class=\"cls-1\" cx=\"214.78\" cy=\"57.06\" r=\"40.06\" transform=\"translate(-7.36 50.87) rotate(-13.28)\"\/>\r\n  <path class=\"cls-1\" d=\"M327.5,29.26l-63.26,88.29c-24.95,34.83-76.78,34.83-101.72,0L99.49,29.6C39.76,67.51,0,134.07,0,210.05c0,118.07,95.71,213.78,213.78,213.78s213.78-95.71,213.78-213.78c0-76.22-40.01-142.94-100.05-180.79ZM39.7,183.17c0-32,25.94-57.94,57.94-57.94s57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94-57.94-25.94-57.94-57.94ZM141.74,375.19c-32,0-57.94-25.94-57.94-57.94s25.94-57.94,57.94-57.94,57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94ZM285.81,375.19c-32,0-57.94-25.94-57.94-57.94s25.94-57.94,57.94-57.94,57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94ZM329.92,241.11c-32,0-57.94-25.94-57.94-57.94s25.94-57.94,57.94-57.94,57.94,25.94,57.94,57.94-25.94,57.94-57.94,57.94Z\"\/>\r\n<\/svg>\r\n        <\/div>\r\n\r\n        <!-- Pilules -->\r\n        <div class=\"nf-pills-container\">\r\n            <div class=\"nf-pill\">800A<\/div>\r\n            <div class=\"nf-pill\">1,1kV max.<\/div>\r\n        <\/div>\r\n\r\n        <!-- ZONE DE SWITCH MAGIQUE -->\r\n        <div class=\"nf-swap-zone\">\r\n            \r\n            <!-- IMAGE -->\r\n            <div class=\"nf-swap-image\">\r\n                <div class=\"nf-image-inner\">\r\n                    <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/WALL-3PX6-web-scaled.png\" alt=\"Visuel Produit\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- SPECS -->\r\n            <div class=\"nf-accordion\">\r\n                <div class=\"nf-accordion-inner\">\r\n                    <ul class=\"nf-specs-list\">\r\n                        <li>\r\n                            <svg class=\"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+E+2p \/ 3P+N+E+2p\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"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.: 300 mm\u00b2\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"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                            6 pilots option\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"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: IP67 - IK10\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div> \r\n        \r\n        <!-- Bouton SEE MORE -->\r\n        <a href=\"https:\/\/proconect.com\/fr\/3px6-connector\/\" class=\"nf-btn-seemore\">VOIR PLUS<\/a>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- VARIABLES --- *\/\r\n    .nf-widget-container {\r\n        --nf-bg: #4c5eb4;       \r\n        --nf-btn-red: #e35a5a;  \r\n        --nf-btn-white: #ffffff; \r\n        --nf-text: #ffffff;\r\n        \r\n        font-family: 'Montserrat', sans-serif;\r\n        width: 100%;\r\n        max-width: 280px; \r\n        height: 100%; \/* S\u00e9curit\u00e9 pour Elementor *\/\r\n        margin: 0 auto;\r\n        user-select: none; \r\n    }\r\n\r\n    \/* --- LA CARTE (Structure) --- *\/\r\n    .nf-card {\r\n        background-color: var(--nf-bg);\r\n        border-radius: 35px;\r\n        padding: 25px 25px 85px 25px; \r\n        position: relative;\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); \r\n        transition: transform 0.3s ease;\r\n        overflow: hidden; \r\n        \r\n        \/* \ud83c\udfaf LA MAGIE EST ICI : HAUTEUR FIXE POUR TOUTES LES CARTES *\/\r\n        height: 450px; \r\n        box-sizing: border-box; \/* Assure que le padding est inclus dans les 460px *\/\r\n    }\r\n\r\n    \/* --- EN-T\u00caTE --- *\/\r\n    .nf-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-start;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .nf-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    .nf-btn-toggle {\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    }\r\n\r\n    .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    \/* --- CONTENU FIXE --- *\/\r\n    .nf-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    .nf-bipolar-text {\r\n        color: var(--nf-text);\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .nf-pills-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        margin-bottom: 15px; \r\n    }\r\n\r\n    .nf-pill {\r\n        background-color: var(--nf-text);\r\n        color: var(--nf-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    \/* ==================================================== *\/\r\n    \/* LOGIQUE D'ANIMATION (Transparence Pure)              *\/\r\n    \/* ==================================================== *\/\r\n    \r\n    .nf-swap-zone {\r\n        position: relative;\r\n        display: grid;\r\n        grid-template-rows: auto; \r\n        transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    \/* 1. L'Image (Visible par d\u00e9faut) *\/\r\n    .nf-swap-image {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease; \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        margin-bottom: -5px;\r\n        position: relative;\r\n        z-index: 2; \r\n    }\r\n\r\n    .nf-image-inner img {\r\n        width: 200px; \r\n        height: auto;\r\n        border-radius: 10px;\r\n        object-fit: contain;\r\n        display: block;\r\n    }\r\n\r\n    \/* 2. Les Specs (Invisibles par d\u00e9faut) *\/\r\n    .nf-accordion {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        position: relative;\r\n        z-index: 1; \r\n    }\r\n\r\n    .nf-accordion-inner { overflow: hidden; }\r\n\r\n    .nf-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    .nf-specs-list li {\r\n        color: var(--nf-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    .check-icon { width: 15px; height: 15px; flex-shrink: 0; }\r\n\r\n    \/* --- ETAT ACTIF (G\u00e9r\u00e9 par JS) --- *\/\r\n    \r\n    .nf-widget-container.active .nf-btn-toggle { \r\n        background-color: var(--nf-btn-red); \r\n    }\r\n    .nf-widget-container.active .icon-morph { \r\n        transform: rotate(45deg); \r\n    }\r\n\r\n    .nf-widget-container.active .nf-swap-image {\r\n        opacity: 0.2;\r\n        z-index: 1; \r\n    }\r\n\r\n    .nf-widget-container.active .nf-accordion {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        z-index: 2; \r\n    }\r\n\r\n    \/* --- BOUTON SEE MORE --- *\/\r\n    .nf-btn-seemore {\r\n        display: inline-block;\r\n        background-color: var(--nf-text);\r\n        color: var(--nf-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        position: absolute;\r\n        bottom: 25px; \r\n        left: 25px;\r\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        z-index: 3; \r\n    }\r\n\r\n    .nf-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<\/style>\r\n\r\n<script>\r\n    \/* Ce script s'ex\u00e9cute imm\u00e9diatement, le rendant compatible avec la preview d'Elementor.\r\n       Il poss\u00e8de une s\u00e9curit\u00e9 pour ne charger qu'une seule fois, m\u00eame si tu copies le bloc 100 fois. *\/\r\n    (function() {\r\n        if (window.nfToggleScriptInit) return;\r\n        window.nfToggleScriptInit = true;\r\n\r\n        document.addEventListener('click', function(e) {\r\n            \/\/ 1. Clic sur le bouton +\r\n            const btnToggle = e.target.closest('.nf-btn-toggle');\r\n            \r\n            if (btnToggle) {\r\n                e.preventDefault(); \r\n                const currentContainer = btnToggle.closest('.nf-widget-container');\r\n                if (!currentContainer) return;\r\n\r\n                \/\/ On ferme toutes les autres cartes (Effet accord\u00e9on)\r\n                document.querySelectorAll('.nf-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                \/\/ On ouvre\/ferme la carte actuelle\r\n                currentContainer.classList.toggle('active');\r\n                return;\r\n            }\r\n\r\n            \/\/ 2. Clic en dehors d'une carte (ferme tout et remet les images)\r\n            if (!e.target.closest('.nf-widget-container')) {\r\n                document.querySelectorAll('.nf-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-25 elementor-top-column elementor-element elementor-element-ef4224e\" data-id=\"ef4224e\" 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-aaa824c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"aaa824c\" 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-639c276\" data-id=\"639c276\" 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-000018d elementor-widget elementor-widget-spacer\" data-id=\"000018d\" 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-30d42e7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"30d42e7\" 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-38fe59b\" data-id=\"38fe59b\" 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-5fd3f51 elementor-widget elementor-widget-heading\" data-id=\"5fd3f51\" 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\">Moyenne tension<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ae829d elementor-widget elementor-widget-text-editor\" data-id=\"8ae829d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span data-path-to-node=\"10,0,0,0\">High-density multi-contact connectors tailored for control, signal instrumentation, or specialized machinery such as electrohydraulic grabs and automated systems<\/span><span data-path-to-node=\"10,0,0,2\">. They ensure precise signal integrity and electrical continuity across multiple lines within a single rugged housing<\/span><span data-path-to-node=\"10,0,0,4\">.<\/span><\/p>\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7e279c2\" data-id=\"7e279c2\" 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-02f9ae4 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"02f9ae4\" 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=\"icon-text-list\">\r\n    \r\n    <!-- Ligne 1 : Ic\u00f4ne + Texte -->\r\n    <div class=\"icon-text-row\">\r\n        <!-- Remplace l'URL dans src=\"\" par le lien de ton ic\u00f4ne -->\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/PICTO-MV.svg\" alt=\"Ic\u00f4ne 1\" class=\"row-icon\">\r\n        <div class=\"row-text\">Up to 24kV<\/div>\r\n    <\/div>\r\n\r\n    <!-- Ligne 2 : Ic\u00f4ne + Texte -->\r\n    <div class=\"icon-text-row\">\r\n        <!-- Remplace l'URL dans src=\"\" par le lien de ton ic\u00f4ne -->\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/PICTO-SOLID.svg\" alt=\"Ic\u00f4ne 2\" class=\"row-icon\">\r\n        <div class=\"row-text\">Highly resistant connectors<\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* Le conteneur principal g\u00e8re l'espacement entre les lignes *\/\r\n    .icon-text-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px; \/* Ajuste l'espace vertical entre les deux blocs ici *\/\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* Chaque ligne contient une ic\u00f4ne et un texte *\/\r\n    .icon-text-row {\r\n        display: flex;\r\n        align-items: center; \/* Centre le texte verticalement par rapport \u00e0 l'ic\u00f4ne *\/\r\n        gap: 15px; \/* Ajuste l'espace horizontal entre l'ic\u00f4ne et le texte ici *\/\r\n    }\r\n\r\n    \/* Style des images\/ic\u00f4nes *\/\r\n    .row-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        object-fit: contain; \/* S'assure que l'image ne se d\u00e9forme pas *\/\r\n        flex-shrink: 0; \/* Emp\u00eache l'ic\u00f4ne de s'\u00e9craser si le texte est tr\u00e8s long *\/\r\n    }\r\n\r\n    \/* Style du texte *\/\r\n    .row-text {\r\n        font-size: 18px;\r\n        color: #ffffff; \/* Ajuste la couleur selon le fond *\/\r\n        line-height: 1.2;\r\n        font-weight: 600;\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-93991a0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"93991a0\" 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-01a3d86\" data-id=\"01a3d86\" 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-6aa4318 elementor-widget elementor-widget-html\" data-id=\"6aa4318\" 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\">3PX5-MV<\/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 429.25 417.83\" width=\"40px\" height=\"40px\">\r\n                    <defs><style>.cls-1 { fill: #fff; }<\/style><\/defs>\r\n                    <circle class=\"cls-1\" cx=\"211.61\" cy=\"56.47\" r=\"39.47\" transform=\"translate(-7.31 50.13) rotate(-13.28)\"><\/circle>\r\n                    <path class=\"cls-1\" d=\"M322.67,29.08l-62.33,86.99c-24.59,34.31-75.65,34.31-100.22,0L98.03,29.41C39.17,66.77,0,132.34,0,207.21c0,116.33,94.29,210.62,210.62,210.62s210.62-94.29,210.62-210.62c0-75.1-39.42-140.83-98.57-178.13ZM96.76,245.91c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08ZM210.21,383.66c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08ZM323.65,245.91c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08Z\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <!-- Pilules -->\r\n            <div class=\"hz-pills-container\">\r\n                <div class=\"hz-pill\">350A<\/div>\r\n                <div class=\"hz-pill\">7,2kV max.<\/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\/03\/WALL-3PX5-MV-HT_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+E+3p\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.: 95 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                                5 pilots option\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: IP67 - IK10\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\/3px5-mv-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-59cbd50\" data-id=\"59cbd50\" 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-2b35cb5 elementor-widget elementor-widget-html\" data-id=\"2b35cb5\" 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\">3PX6-MV<\/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 429.25 417.83\" width=\"40px\" height=\"40px\">\r\n                    <defs><style>.cls-1 { fill: #fff; }<\/style><\/defs>\r\n                    <circle class=\"cls-1\" cx=\"211.61\" cy=\"56.47\" r=\"39.47\" transform=\"translate(-7.31 50.13) rotate(-13.28)\"><\/circle>\r\n                    <path class=\"cls-1\" d=\"M322.67,29.08l-62.33,86.99c-24.59,34.31-75.65,34.31-100.22,0L98.03,29.41C39.17,66.77,0,132.34,0,207.21c0,116.33,94.29,210.62,210.62,210.62s210.62-94.29,210.62-210.62c0-75.1-39.42-140.83-98.57-178.13ZM96.76,245.91c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08ZM210.21,383.66c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08ZM323.65,245.91c-31.53,0-57.08-25.56-57.08-57.08s25.56-57.08,57.08-57.08,57.08,25.56,57.08,57.08-25.56,57.08-57.08,57.08Z\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <!-- Pilules -->\r\n            <div class=\"hz-pills-container\">\r\n                <div class=\"hz-pill\">500A \/ 320A max.<\/div>\r\n                <div class=\"hz-pill\">12kV \/ 24kV max.<\/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\/03\/WALL-3PX6-MV_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+E+7p\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.: 240 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: IP67 - IK10\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\/3px6-mv-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: 200px;\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\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-572ab22\" data-id=\"572ab22\" 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-235ef97 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"235ef97\" 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-6868509\" data-id=\"6868509\" 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-8be476f elementor-widget elementor-widget-spacer\" data-id=\"8be476f\" 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-c0da623 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c0da623\" 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-177f1f8\" data-id=\"177f1f8\" 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-2f1ef52 elementor-widget elementor-widget-heading\" data-id=\"2f1ef52\" 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\">Multipin<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc779ee elementor-widget elementor-widget-text-editor\" data-id=\"dc779ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>High-density multi-contact connectors built for simultaneous power and complex control signal transmission. Designed for heavy-duty industrial machinery and automation systems, they ensure reliable electrical continuity, precise alignment, and secure interfacing in tight spaces.<\/p>\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-47a2ffb\" data-id=\"47a2ffb\" 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-89791d9 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"89791d9\" 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=\"icon-text-list\">\r\n    \r\n    <!-- Ligne 1 : Ic\u00f4ne + Texte -->\r\n    <div class=\"icon-text-row\">\r\n        <!-- Remplace l'URL dans src=\"\" par le lien de ton ic\u00f4ne -->\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/PICTO-CONTROL.svg\" alt=\"Ic\u00f4ne 1\" class=\"row-icon\">\r\n        <div class=\"row-text\">Control-friendly<\/div>\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* Le conteneur principal g\u00e8re l'espacement entre les lignes *\/\r\n    .icon-text-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px; \/* Ajuste l'espace vertical entre les deux blocs ici *\/\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* Chaque ligne contient une ic\u00f4ne et un texte *\/\r\n    .icon-text-row {\r\n        display: flex;\r\n        align-items: center; \/* Centre le texte verticalement par rapport \u00e0 l'ic\u00f4ne *\/\r\n        gap: 15px; \/* Ajuste l'espace horizontal entre l'ic\u00f4ne et le texte ici *\/\r\n    }\r\n\r\n    \/* Style des images\/ic\u00f4nes *\/\r\n    .row-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        object-fit: contain; \/* S'assure que l'image ne se d\u00e9forme pas *\/\r\n        flex-shrink: 0; \/* Emp\u00eache l'ic\u00f4ne de s'\u00e9craser si le texte est tr\u00e8s long *\/\r\n    }\r\n\r\n    \/* Style du texte *\/\r\n    .row-text {\r\n        font-size: 18px;\r\n        color: #ffffff; \/* Ajuste la couleur selon le fond *\/\r\n        line-height: 1.2;\r\n        font-weight: 600;\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-a7a86c3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a7a86c3\" 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-25 elementor-top-column elementor-element elementor-element-655a78f\" data-id=\"655a78f\" 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-d6f9d89 elementor-widget elementor-widget-html\" data-id=\"d6f9d89\" 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=\"nf-widget-container\">\r\n    \r\n    <div class=\"nf-card\">\r\n        \r\n        <!-- En-t\u00eate -->\r\n        <div class=\"nf-header\">\r\n            <h2 class=\"nf-title\">3PX3<span style=\"font-size: 0.5em;\"> 24p<\/span><\/h2>\r\n            <div class=\"nf-btn-toggle\">\r\n                <span class=\"icon-morph\">+<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bipolar -->\r\n        <div class=\"nf-bipolar-row\">\r\n            <svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 81.04 65.72\"width=\"40px\" heigth=\"40px\">\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=\"M64.22,0H16.83C6.64,7.36,0,19.33,0,32.86s6.64,25.5,16.83,32.86h47.39c10.19-7.36,16.83-19.33,16.83-32.86S74.41,7.36,64.22,0ZM65.25,17.98c2.2,0,3.98,1.78,3.98,3.98s-1.78,3.98-3.98,3.98-3.98-1.78-3.98-3.98,1.78-3.98,3.98-3.98ZM63.53,32.86c0,2.2-1.78,3.98-3.98,3.98s-3.98-1.78-3.98-3.98,1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98ZM59.07,7.09c2.2,0,3.98,1.78,3.98,3.98s-1.78,3.98-3.98,3.98-3.98-1.78-3.98-3.98,1.78-3.98,3.98-3.98ZM56.87,21.97c0,2.2-1.78,3.98-3.98,3.98s-3.98-1.78-3.98-3.98,1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98ZM51.16,32.86c0,2.2-1.78,3.98-3.98,3.98s-3.98-1.78-3.98-3.98,1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98ZM46.7,7.09c2.2,0,3.98,1.78,3.98,3.98s-1.78,3.98-3.98,3.98-3.98-1.78-3.98-3.98,1.78-3.98,3.98-3.98ZM44.51,21.97c0,2.2-1.78,3.98-3.98,3.98s-3.98-1.78-3.98-3.98,1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98ZM38.79,32.86c0,2.2-1.78,3.98-3.98,3.98s-3.98-1.78-3.98-3.98,1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98ZM34.34,7.09c2.2,0,3.98,1.78,3.98,3.98s-1.78,3.98-3.98,3.98-3.98-1.78-3.98-3.98,1.78-3.98,3.98-3.98ZM32.14,21.97c0,2.2-1.78,3.98-3.98,3.98s-3.98-1.78-3.98-3.98,1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98ZM26.43,32.86c0,2.2-1.78,3.98-3.98,3.98s-3.98-1.78-3.98-3.98,1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98ZM21.97,7.09c2.2,0,3.98,1.78,3.98,3.98s-1.78,3.98-3.98,3.98-3.98-1.78-3.98-3.98,1.78-3.98,3.98-3.98ZM15.79,17.98c2.2,0,3.98,1.78,3.98,3.98s-1.78,3.98-3.98,3.98-3.98-1.78-3.98-3.98,1.78-3.98,3.98-3.98ZM10.08,36.85c-2.2,0-3.98-1.78-3.98-3.98s1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98-1.78,3.98-3.98,3.98ZM15.79,47.74c-2.2,0-3.98-1.78-3.98-3.98s1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98-1.78,3.98-3.98,3.98ZM21.97,58.63c-2.2,0-3.98-1.78-3.98-3.98s1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98-1.78,3.98-3.98,3.98ZM24.17,43.76c0-2.2,1.78-3.98,3.98-3.98s3.98,1.78,3.98,3.98-1.78,3.98-3.98,3.98-3.98-1.78-3.98-3.98ZM34.34,58.63c-2.2,0-3.98-1.78-3.98-3.98s1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98-1.78,3.98-3.98,3.98ZM36.54,43.76c0-2.2,1.78-3.98,3.98-3.98s3.98,1.78,3.98,3.98-1.78,3.98-3.98,3.98-3.98-1.78-3.98-3.98ZM46.7,58.63c-2.2,0-3.98-1.78-3.98-3.98s1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98-1.78,3.98-3.98,3.98ZM48.9,43.76c0-2.2,1.78-3.98,3.98-3.98s3.98,1.78,3.98,3.98-1.78,3.98-3.98,3.98-3.98-1.78-3.98-3.98ZM59.07,58.63c-2.2,0-3.98-1.78-3.98-3.98s1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98-1.78,3.98-3.98,3.98ZM65.25,47.74c-2.2,0-3.98-1.78-3.98-3.98s1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98-1.78,3.98-3.98,3.98ZM71.91,36.85c-2.2,0-3.98-1.78-3.98-3.98s1.78-3.98,3.98-3.98,3.98,1.78,3.98,3.98-1.78,3.98-3.98,3.98Z\"\/>\r\n<\/svg>\r\n        <\/div>\r\n\r\n        <!-- Pilules -->\r\n        <div class=\"nf-pills-container\">\r\n            <div class=\"nf-pill\">30A max.<\/div>\r\n            <div class=\"nf-pill\">500V max.<\/div>\r\n        <\/div>\r\n\r\n        <!-- ZONE DE SWITCH MAGIQUE -->\r\n        <div class=\"nf-swap-zone\">\r\n            \r\n            <!-- IMAGE -->\r\n            <div class=\"nf-swap-image\">\r\n                <div class=\"nf-image-inner\">\r\n                    <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/WALL-3PX3-24P_web-scaled.png\" alt=\"Visuel Produit\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- SPECS -->\r\n            <div class=\"nf-accordion\">\r\n                <div class=\"nf-accordion-inner\">\r\n                    <ul class=\"nf-specs-list\">\r\n                        <li>\r\n                            <svg class=\"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: 23P+E\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"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=\"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 - IK10\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div> \r\n        \r\n        <!-- Bouton SEE MORE -->\r\n        <a href=\"https:\/\/proconect.com\/fr\/3px3-24p-multipin-connector\/\" class=\"nf-btn-seemore\">VOIR PLUS<\/a>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- VARIABLES --- *\/\r\n    .nf-widget-container {\r\n        --nf-bg: #4c5eb4;       \r\n        --nf-btn-red: #e35a5a;  \r\n        --nf-btn-white: #ffffff; \r\n        --nf-text: #ffffff;\r\n        \r\n        font-family: 'Montserrat', sans-serif;\r\n        width: 100%;\r\n        max-width: 280px; \r\n        height: 100%; \/* S\u00e9curit\u00e9 pour Elementor *\/\r\n        margin: 0 auto;\r\n        user-select: none; \r\n    }\r\n\r\n    \/* --- LA CARTE (Structure) --- *\/\r\n    .nf-card {\r\n        background-color: var(--nf-bg);\r\n        border-radius: 35px;\r\n        padding: 25px 25px 85px 25px; \r\n        position: relative;\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); \r\n        transition: transform 0.3s ease;\r\n        overflow: hidden; \r\n        \r\n        \/* \ud83c\udfaf LA MAGIE EST ICI : HAUTEUR FIXE POUR TOUTES LES CARTES *\/\r\n        height: 450px; \r\n        box-sizing: border-box; \/* Assure que le padding est inclus dans les 460px *\/\r\n    }\r\n\r\n    \/* --- EN-T\u00caTE --- *\/\r\n    .nf-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-start;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .nf-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    .nf-btn-toggle {\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    }\r\n\r\n    .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    \/* --- CONTENU FIXE --- *\/\r\n    .nf-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    .nf-bipolar-text {\r\n        color: var(--nf-text);\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .nf-pills-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        margin-bottom: 10px; \r\n    }\r\n\r\n    .nf-pill {\r\n        background-color: var(--nf-text);\r\n        color: var(--nf-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    \/* ==================================================== *\/\r\n    \/* LOGIQUE D'ANIMATION (Transparence Pure)              *\/\r\n    \/* ==================================================== *\/\r\n    \r\n    .nf-swap-zone {\r\n        position: relative;\r\n        display: grid;\r\n        grid-template-rows: auto; \r\n        transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    \/* 1. L'Image (Visible par d\u00e9faut) *\/\r\n    .nf-swap-image {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease; \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        margin-bottom: -5px;\r\n        position: relative;\r\n        z-index: 2; \r\n    }\r\n\r\n    .nf-image-inner img {\r\n        width: 200px; \r\n        height: auto;\r\n        border-radius: 10px;\r\n        object-fit: contain;\r\n        display: block;\r\n    }\r\n\r\n    \/* 2. Les Specs (Invisibles par d\u00e9faut) *\/\r\n    .nf-accordion {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        position: relative;\r\n        z-index: 1; \r\n    }\r\n\r\n    .nf-accordion-inner { overflow: hidden; }\r\n\r\n    .nf-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    .nf-specs-list li {\r\n        color: var(--nf-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    .check-icon { width: 15px; height: 15px; flex-shrink: 0; }\r\n\r\n    \/* --- ETAT ACTIF (G\u00e9r\u00e9 par JS) --- *\/\r\n    \r\n    .nf-widget-container.active .nf-btn-toggle { \r\n        background-color: var(--nf-btn-red); \r\n    }\r\n    .nf-widget-container.active .icon-morph { \r\n        transform: rotate(45deg); \r\n    }\r\n\r\n    .nf-widget-container.active .nf-swap-image {\r\n        opacity: 0.2;\r\n        z-index: 1; \r\n    }\r\n\r\n    .nf-widget-container.active .nf-accordion {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        z-index: 2; \r\n    }\r\n\r\n    \/* --- BOUTON SEE MORE --- *\/\r\n    .nf-btn-seemore {\r\n        display: inline-block;\r\n        background-color: var(--nf-text);\r\n        color: var(--nf-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        position: absolute;\r\n        bottom: 25px; \r\n        left: 25px;\r\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        z-index: 3; \r\n    }\r\n\r\n    .nf-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<\/style>\r\n\r\n<script>\r\n    \/* Ce script s'ex\u00e9cute imm\u00e9diatement, le rendant compatible avec la preview d'Elementor.\r\n       Il poss\u00e8de une s\u00e9curit\u00e9 pour ne charger qu'une seule fois, m\u00eame si tu copies le bloc 100 fois. *\/\r\n    (function() {\r\n        if (window.nfToggleScriptInit) return;\r\n        window.nfToggleScriptInit = true;\r\n\r\n        document.addEventListener('click', function(e) {\r\n            \/\/ 1. Clic sur le bouton +\r\n            const btnToggle = e.target.closest('.nf-btn-toggle');\r\n            \r\n            if (btnToggle) {\r\n                e.preventDefault(); \r\n                const currentContainer = btnToggle.closest('.nf-widget-container');\r\n                if (!currentContainer) return;\r\n\r\n                \/\/ On ferme toutes les autres cartes (Effet accord\u00e9on)\r\n                document.querySelectorAll('.nf-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                \/\/ On ouvre\/ferme la carte actuelle\r\n                currentContainer.classList.toggle('active');\r\n                return;\r\n            }\r\n\r\n            \/\/ 2. Clic en dehors d'une carte (ferme tout et remet les images)\r\n            if (!e.target.closest('.nf-widget-container')) {\r\n                document.querySelectorAll('.nf-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-25 elementor-top-column elementor-element elementor-element-f3d6c2c\" data-id=\"f3d6c2c\" 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-b4ddca3 elementor-widget elementor-widget-html\" data-id=\"b4ddca3\" 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=\"nf-widget-container\">\r\n    \r\n    <div class=\"nf-card\">\r\n        \r\n        <!-- En-t\u00eate -->\r\n        <div class=\"nf-header\">\r\n            <h2 class=\"nf-title\">3PX4<span style=\"font-size: 0.5em;\"> 37p<\/span><\/h2>\r\n            <div class=\"nf-btn-toggle\">\r\n                <span class=\"icon-morph\">+<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bipolar -->\r\n        <div class=\"nf-bipolar-row\">\r\n            <svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 434.76 426\"width=\"40px\" height=\"40px\">\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=\"M214.76,3C97.95,3,3.26,97.69,3.26,214.5s94.69,211.5,211.5,211.5,211.5-94.69,211.5-211.5S331.56,3,214.76,3ZM404.31,181.41c2.37,13.4-6.57,26.18-19.97,28.55-13.4,2.37-26.18-6.57-28.55-19.97-2.37-13.4,6.57-26.18,19.97-28.55,13.4-2.37,26.18,6.57,28.55,19.97ZM381.25,118.15c6.81,11.78,2.78,26.85-9,33.65-11.78,6.81-26.85,2.78-33.65-9-6.81-11.78-2.78-26.85,9-33.65,11.78-6.81,26.85-2.78,33.65,9ZM274.62,209.87c-11.95,6.51-26.91,2.1-33.42-9.84-6.51-11.95-2.1-26.91,9.84-33.42,11.95-6.51,26.91-2.1,33.42,9.84,6.51,11.95,2.1,26.91-9.84,33.42ZM298.55,136.9c11.75-6.86,26.83-2.9,33.7,8.84,6.86,11.75,2.9,26.83-8.84,33.7-11.75,6.86-26.83,2.9-33.7-8.84-6.86-11.75-2.9-26.83,8.84-33.7ZM290.17,258.97c6.74-11.82,21.79-15.93,33.6-9.19,11.82,6.74,15.93,21.79,9.19,33.6-6.74,11.82-21.79,15.93-33.6,9.19-11.82-6.74-15.93-21.79-9.19-33.6ZM326.54,239.23c-13.6.07-24.69-10.9-24.76-24.51-.07-13.6,10.9-24.69,24.51-24.76,13.6-.07,24.69,10.9,24.76,24.51.07,13.6-10.9,24.69-24.51,24.76ZM303.24,69.65c8.74-10.43,24.28-11.79,34.7-3.06,10.43,8.74,11.79,24.28,3.06,34.7-8.74,10.43-24.28,11.79-34.7,3.06-10.43-8.74-11.79-24.28-3.06-34.7ZM248.05,47.7c4.65-12.79,18.78-19.39,31.56-14.74,12.79,4.65,19.39,18.78,14.74,31.56-4.65,12.79-18.78,19.39-31.56,14.74s-19.39-18.78-14.74-31.56ZM248,104.81c6.74-11.82,21.79-15.93,33.6-9.19,11.82,6.74,15.93,21.79,9.19,33.6-6.74,11.82-21.79,15.93-33.6,9.19-11.82-6.74-15.93-21.79-9.19-33.6ZM214.18,183.52c-13.6-.34-24.35-11.63-24.02-25.23.34-13.6,11.63-24.35,25.23-24.02,13.6.34,24.35,11.63,24.02,25.23-.34,13.6-11.63,24.35-25.23,24.02ZM238.03,215.9c0,13.6-11.03,24.63-24.63,24.63s-24.63-11.03-24.63-24.63,11.03-24.63,24.63-24.63,24.63,11.03,24.63,24.63ZM213.29,21.3c13.6,0,24.64,11.02,24.65,24.62,0,13.6-11.02,24.64-24.62,24.65-13.6,0-24.64-11.02-24.65-24.62,0-13.6,11.02-24.64,24.62-24.65ZM212.69,77.54c13.6-.07,24.69,10.9,24.76,24.51.07,13.6-10.9,24.69-24.51,24.76-13.6.07-24.69-10.9-24.76-24.51-.07-13.6,10.9-24.69,24.51-24.76ZM186.38,198.68c-7.09,11.61-22.25,15.28-33.86,8.18-11.61-7.09-15.28-22.25-8.18-33.86,7.09-11.61,22.25-15.27,33.86-8.18,11.61,7.09,15.28,22.25,8.18,33.86ZM100.27,191.13c13.6-.07,24.69,10.9,24.76,24.51s-10.9,24.69-24.51,24.76c-13.6.07-24.69-10.9-24.76-24.51s10.9-24.69,24.51-24.76ZM93.84,146.97c6.74-11.82,21.79-15.93,33.6-9.19,11.82,6.74,15.93,21.79,9.19,33.6-6.74,11.82-21.79,15.93-33.6,9.19-11.82-6.74-15.93-21.79-9.19-33.6ZM103.4,250.92c11.75-6.86,26.83-2.9,33.7,8.84s2.9,26.83-8.84,33.7c-11.75,6.86-26.83,2.9-33.7-8.84-6.86-11.75-2.9-26.83,8.84-33.7ZM152.18,220.49c11.95-6.51,26.91-2.1,33.42,9.84,6.51,11.95,2.1,26.91-9.84,33.42-11.95,6.51-26.91,2.1-33.42-9.84-6.51-11.95-2.1-26.91,9.84-33.42ZM168.82,138.87c-11.75,6.86-26.83,2.9-33.7-8.84s-2.9-26.83,8.84-33.7c11.75-6.86,26.83-2.9,33.7,8.84,6.86,11.75,2.9,26.83-8.84,33.7ZM146.99,33.03c12.78-4.66,26.92,1.92,31.58,14.71,4.66,12.78-1.92,26.92-14.71,31.58-12.78,4.66-26.92-1.92-31.58-14.71-4.66-12.78,1.92-26.92,14.71-31.58ZM88.7,66.73c10.42-8.75,25.96-7.4,34.71,3.02,8.75,10.42,7.4,25.96-3.02,34.71-10.42,8.75-25.96,7.4-34.71-3.02-8.75-10.42-7.4-25.96,3.02-34.71ZM45.45,118.33c6.8-11.79,21.86-15.83,33.64-9.03,11.79,6.8,15.83,21.86,9.03,33.64-6.8,11.79-21.86,15.83-33.64,9.03-11.79-6.8-15.83-21.86-9.03-33.64ZM22.45,181.62c2.36-13.4,15.13-22.35,28.53-20,13.4,2.36,22.35,15.13,20,28.53-2.36,13.4-15.13,22.35-28.53,20-13.4-2.36-22.35-15.13-20-28.53ZM22.49,248.95c-2.37-13.4,6.57-26.18,19.97-28.55,13.4-2.37,26.18,6.57,28.55,19.97,2.37,13.4-6.57,26.18-19.97,28.55-13.4,2.37-26.18-6.57-28.55-19.97ZM45.55,312.21c-6.81-11.78-2.78-26.85,9-33.65,11.78-6.81,26.85-2.78,33.65,9,6.81,11.78,2.78,26.85-9,33.65-11.78,6.81-26.85,2.78-33.65-9ZM123.56,360.71c-8.74,10.43-24.28,11.79-34.7,3.06-10.43-8.74-11.79-24.28-3.06-34.7,8.74-10.43,24.28-11.79,34.7-3.06,10.43,8.74,11.79,24.28,3.06,34.7ZM178.76,382.66c-4.65,12.79-18.78,19.39-31.56,14.74s-19.39-18.78-14.74-31.56c4.65-12.79,18.78-19.39,31.56-14.74,12.79,4.65,19.39,18.78,14.74,31.56ZM178.8,325.55c-6.74,11.82-21.79,15.93-33.6,9.19-11.82-6.74-15.93-21.79-9.19-33.6s21.79-15.93,33.6-9.19c11.82,6.74,15.93,21.79,9.19,33.6ZM212.62,246.83c13.6.34,24.35,11.63,24.02,25.23-.34,13.6-11.63,24.35-25.23,24.02-13.6-.34-24.35-11.63-24.02-25.23.34-13.6,11.63-24.35,25.23-24.02ZM213.51,409.05c-13.6,0-24.64-11.02-24.65-24.62,0-13.6,11.02-24.64,24.62-24.65,13.6,0,24.64,11.02,24.65,24.62,0,13.6-11.02,24.64-24.62,24.65ZM214.11,352.82c-13.6.07-24.69-10.9-24.76-24.51-.07-13.6,10.9-24.69,24.51-24.76s24.69,10.9,24.76,24.51c.07,13.6-10.9,24.69-24.51,24.76ZM240.43,231.68c7.09-11.61,22.25-15.27,33.86-8.18,11.61,7.09,15.28,22.25,8.18,33.86-7.09,11.61-22.25,15.27-33.86,8.18-11.61-7.09-15.28-22.25-8.18-33.86ZM257.98,291.48c11.75-6.86,26.83-2.9,33.7,8.84,6.86,11.75,2.9,26.83-8.84,33.7-11.75,6.86-26.83,2.9-33.7-8.84-6.86-11.75-2.9-26.83,8.84-33.7ZM279.81,397.32c-12.78,4.66-26.92-1.92-31.58-14.71-4.66-12.78,1.92-26.92,14.71-31.58,12.78-4.66,26.92,1.92,31.58,14.71,4.66,12.78-1.92,26.92-14.71,31.58ZM338.1,363.63c-10.42,8.75-25.96,7.4-34.71-3.02-8.75-10.42-7.4-25.96,3.02-34.71,10.42-8.75,25.96-7.4,34.71,3.02,8.75,10.42,7.4,25.96-3.02,34.71ZM381.35,312.02c-6.8,11.79-21.86,15.83-33.64,9.03-11.79-6.8-15.83-21.86-9.03-33.64,6.8-11.79,21.86-15.83,33.64-9.03,11.79,6.8,15.83,21.86,9.03,33.64ZM375.82,268.74c-13.4-2.36-22.35-15.13-20-28.53,2.36-13.4,15.13-22.35,28.53-20,13.4,2.36,22.35,15.13,20,28.53-2.36,13.4-15.13,22.35-28.53,20Z\"\/>\r\n<\/svg>\r\n        <\/div>\r\n\r\n        <!-- Pilules -->\r\n        <div class=\"nf-pills-container\">\r\n            <div class=\"nf-pill\">30A max.<\/div>\r\n            <div class=\"nf-pill\">500V max.<\/div>\r\n        <\/div>\r\n\r\n        <!-- ZONE DE SWITCH MAGIQUE -->\r\n        <div class=\"nf-swap-zone\">\r\n            \r\n            <!-- IMAGE -->\r\n            <div class=\"nf-swap-image\">\r\n                <div class=\"nf-image-inner\">\r\n                    <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/Wall-3PX4-37-poles-scaled.png\" alt=\"Visuel Produit\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- SPECS -->\r\n            <div class=\"nf-accordion\">\r\n                <div class=\"nf-accordion-inner\">\r\n                    <ul class=\"nf-specs-list\">\r\n                        <li>\r\n                            <svg class=\"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: 34P+E+2p\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"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=\"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: IP67 - IK10\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div> \r\n        \r\n        <!-- Bouton SEE MORE -->\r\n        <a href=\"https:\/\/proconect.com\/fr\/3px4-37p-multipin-connector\/\" class=\"nf-btn-seemore\">VOIR PLUS<\/a>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- VARIABLES --- *\/\r\n    .nf-widget-container {\r\n        --nf-bg: #4c5eb4;       \r\n        --nf-btn-red: #e35a5a;  \r\n        --nf-btn-white: #ffffff; \r\n        --nf-text: #ffffff;\r\n        \r\n        font-family: 'Montserrat', sans-serif;\r\n        width: 100%;\r\n        max-width: 280px; \r\n        height: 100%; \/* S\u00e9curit\u00e9 pour Elementor *\/\r\n        margin: 0 auto;\r\n        user-select: none; \r\n    }\r\n\r\n    \/* --- LA CARTE (Structure) --- *\/\r\n    .nf-card {\r\n        background-color: var(--nf-bg);\r\n        border-radius: 35px;\r\n        padding: 25px 25px 85px 25px; \r\n        position: relative;\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); \r\n        transition: transform 0.3s ease;\r\n        overflow: hidden; \r\n        \r\n        \/* \ud83c\udfaf LA MAGIE EST ICI : HAUTEUR FIXE POUR TOUTES LES CARTES *\/\r\n        height: 450px; \r\n        box-sizing: border-box; \/* Assure que le padding est inclus dans les 460px *\/\r\n    }\r\n\r\n    \/* --- EN-T\u00caTE --- *\/\r\n    .nf-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-start;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .nf-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    .nf-btn-toggle {\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    }\r\n\r\n    .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    \/* --- CONTENU FIXE --- *\/\r\n    .nf-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    .nf-bipolar-text {\r\n        color: var(--nf-text);\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .nf-pills-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        margin-bottom: 10px; \r\n    }\r\n\r\n    .nf-pill {\r\n        background-color: var(--nf-text);\r\n        color: var(--nf-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    \/* ==================================================== *\/\r\n    \/* LOGIQUE D'ANIMATION (Transparence Pure)              *\/\r\n    \/* ==================================================== *\/\r\n    \r\n    .nf-swap-zone {\r\n        position: relative;\r\n        display: grid;\r\n        grid-template-rows: auto; \r\n        transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    \/* 1. L'Image (Visible par d\u00e9faut) *\/\r\n    .nf-swap-image {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease; \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        margin-bottom: -5px;\r\n        position: relative;\r\n        z-index: 2; \r\n    }\r\n\r\n    .nf-image-inner img {\r\n        max-width: 200px; \r\n        max-height: 155px; \/* \ud83c\udfaf C'est cette ligne qui emp\u00eache le chevauchement *\/\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    \/* 2. Les Specs (Invisibles par d\u00e9faut) *\/\r\n    .nf-accordion {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        position: relative;\r\n        z-index: 1; \r\n    }\r\n\r\n    .nf-accordion-inner { overflow: hidden; }\r\n\r\n    .nf-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    .nf-specs-list li {\r\n        color: var(--nf-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    .check-icon { width: 15px; height: 15px; flex-shrink: 0; }\r\n\r\n    \/* --- ETAT ACTIF (G\u00e9r\u00e9 par JS) --- *\/\r\n    \r\n    .nf-widget-container.active .nf-btn-toggle { \r\n        background-color: var(--nf-btn-red); \r\n    }\r\n    .nf-widget-container.active .icon-morph { \r\n        transform: rotate(45deg); \r\n    }\r\n\r\n    .nf-widget-container.active .nf-swap-image {\r\n        opacity: 0.2;\r\n        z-index: 1; \r\n    }\r\n\r\n    .nf-widget-container.active .nf-accordion {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        z-index: 2; \r\n    }\r\n\r\n    \/* --- BOUTON SEE MORE --- *\/\r\n    .nf-btn-seemore {\r\n        display: inline-block;\r\n        background-color: var(--nf-text);\r\n        color: var(--nf-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        position: absolute;\r\n        bottom: 25px; \r\n        left: 25px;\r\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        z-index: 3; \r\n    }\r\n\r\n    .nf-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<\/style>\r\n\r\n<script>\r\n    \/* Ce script s'ex\u00e9cute imm\u00e9diatement, le rendant compatible avec la preview d'Elementor.\r\n       Il poss\u00e8de une s\u00e9curit\u00e9 pour ne charger qu'une seule fois, m\u00eame si tu copies le bloc 100 fois. *\/\r\n    (function() {\r\n        if (window.nfToggleScriptInit) return;\r\n        window.nfToggleScriptInit = true;\r\n\r\n        document.addEventListener('click', function(e) {\r\n            \/\/ 1. Clic sur le bouton +\r\n            const btnToggle = e.target.closest('.nf-btn-toggle');\r\n            \r\n            if (btnToggle) {\r\n                e.preventDefault(); \r\n                const currentContainer = btnToggle.closest('.nf-widget-container');\r\n                if (!currentContainer) return;\r\n\r\n                \/\/ On ferme toutes les autres cartes (Effet accord\u00e9on)\r\n                document.querySelectorAll('.nf-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                \/\/ On ouvre\/ferme la carte actuelle\r\n                currentContainer.classList.toggle('active');\r\n                return;\r\n            }\r\n\r\n            \/\/ 2. Clic en dehors d'une carte (ferme tout et remet les images)\r\n            if (!e.target.closest('.nf-widget-container')) {\r\n                document.querySelectorAll('.nf-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-25 elementor-top-column elementor-element elementor-element-c3c2252\" data-id=\"c3c2252\" 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-0ff21c3 elementor-widget elementor-widget-html\" data-id=\"0ff21c3\" 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=\"nf-widget-container\">\r\n    \r\n    <div class=\"nf-card\">\r\n        \r\n        <!-- En-t\u00eate -->\r\n        <div class=\"nf-header\">\r\n            <h2 class=\"nf-title\">3PX5<span style=\"font-size: 0.5em;\"> 61p<\/span><\/h2>\r\n            <div class=\"nf-btn-toggle\">\r\n                <span class=\"icon-morph\">+<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bipolar -->\r\n        <div class=\"nf-bipolar-row\">\r\n            <svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 427.55 423\"width=\"40px\" height=\"40px\">\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=\"M214.76,0C98.22,0,3.76,94.47,3.76,211s94.47,211,211,211,211-94.47,211-211S331.29,0,214.76,0ZM402.26,161.72c2.71,10.11-3.28,20.51-13.39,23.22-10.11,2.71-20.51-3.28-23.22-13.39-2.71-10.11,3.28-20.51,13.39-23.22,10.11-2.71,20.51,3.28,23.22,13.39ZM382.99,115.24c5.24,9.06,2.14,20.66-6.93,25.9s-20.66,2.14-25.9-6.93c-5.24-9.06-2.14-20.66,6.93-25.9,9.06-5.24,20.66-2.14,25.9,6.93ZM338.34,162.91c-9.06,5.24-20.66,2.14-25.9-6.92-5.24-9.06-2.14-20.66,6.92-25.9,9.06-5.24,20.66-2.14,25.9,6.92,5.24,9.06,2.14,20.66-6.92,25.9ZM363.01,185.69c1.82,10.31-5.05,20.14-15.36,21.97-10.31,1.82-20.14-5.05-21.97-15.36-1.82-10.31,5.06-20.14,15.36-21.97,10.31-1.82,20.14,5.05,21.97,15.36ZM322.02,211.13c.05,10.47-8.39,19-18.86,19.05-10.47.05-19-8.39-19.05-18.86-.05-10.47,8.39-19,18.86-19.05,10.47-.05,19,8.39,19.05,18.86ZM300.75,184.17c-9.04,5.28-20.65,2.24-25.93-6.8-5.28-9.04-2.24-20.65,6.8-25.93,9.04-5.28,20.65-2.24,25.93,6.8,5.28,9.04,2.24,20.65-6.8,25.93ZM263.22,207.59c-9.19,5.01-20.7,1.62-25.71-7.57-5.01-9.19-1.62-20.7,7.57-25.71s20.7-1.62,25.71,7.57c5.01,9.19,1.62,20.7-7.57,25.71ZM275.18,245.37c5.19-9.09,16.76-12.26,25.86-7.07s12.26,16.76,7.07,25.86-16.76,12.26-25.86,7.07c-9.09-5.19-12.26-16.76-7.07-25.86ZM312.51,267.26c5.23-9.07,16.82-12.18,25.89-6.95,9.07,5.23,12.18,16.82,6.95,25.89-5.23,9.07-16.82,12.18-25.89,6.95-9.07-5.23-12.18-16.82-6.95-25.89ZM341.09,252.89c-10.31-1.81-17.2-11.64-15.39-21.95,1.81-10.31,11.64-17.2,21.95-15.39s17.2,11.64,15.39,21.95c-1.81,10.31-11.64,17.2-21.95,15.39ZM352.34,75.33c7.41,7.4,7.41,19.4.01,26.81s-19.4,7.41-26.81.01c-7.41-7.4-7.41-19.4-.01-26.81,7.4-7.41,19.4-7.41,26.81-.01ZM286.52,51.67c5.23-9.07,16.82-12.18,25.89-6.95,9.07,5.23,12.18,16.82,6.95,25.89-5.23,9.07-16.82,12.18-25.89,6.95-9.07-5.23-12.18-16.82-6.95-25.89ZM285.24,99.69c6.72-8.02,18.68-9.08,26.7-2.35,8.02,6.72,9.08,18.68,2.35,26.7-6.72,8.02-18.68,9.08-26.7,2.35-8.02-6.72-9.08-18.68-2.35-26.7ZM242.71,38.9c2.71-10.11,13.1-16.12,23.21-13.41,10.11,2.71,16.12,13.1,13.41,23.21-2.71,10.11-13.1,16.12-23.21,13.41-10.11-2.71-16.12-13.1-13.41-23.21ZM242.77,82.8c3.58-9.84,14.45-14.92,24.29-11.34s14.92,14.45,11.34,24.29c-3.58,9.84-14.45,14.92-24.29,11.34-9.84-3.58-14.92-14.45-11.34-24.29ZM242.73,126.75c5.19-9.09,16.76-12.26,25.86-7.07s12.26,16.76,7.07,25.86c-5.19,9.09-16.76,12.26-25.86,7.07-9.09-5.19-12.26-16.76-7.07-25.86ZM216.71,187.32c-10.47-.26-18.74-8.95-18.48-19.42.26-10.47,8.95-18.74,19.42-18.48,10.47.26,18.74,8.95,18.48,19.42-.26,10.47-8.95,18.74-19.42,18.48ZM235.06,212.23c0,10.47-8.49,18.96-18.95,18.96s-18.95-8.49-18.95-18.96,8.49-18.95,18.95-18.95,18.95,8.49,18.95,18.95ZM216.03,18.94c10.47,0,18.96,8.48,18.96,18.95,0,10.47-8.48,18.96-18.95,18.96s-18.96-8.48-18.96-18.95c0-10.47,8.48-18.96,18.95-18.96ZM216.03,62.49c10.47,0,18.96,8.48,18.97,18.94,0,10.47-8.48,18.96-18.94,18.97-10.47,0-18.96-8.48-18.97-18.94,0-10.47,8.48-18.96,18.94-18.97ZM215.56,105.76c10.47-.05,19,8.39,19.05,18.86.05,10.47-8.39,19-18.86,19.05-10.47.05-19-8.39-19.05-18.86-.05-10.47,8.39-19,18.86-19.05ZM195.32,198.98c-5.46,8.93-17.12,11.75-26.06,6.3-8.93-5.46-11.75-17.12-6.3-26.06,5.46-8.93,17.12-11.75,26.06-6.3,8.93,5.46,11.75,17.12,6.3,26.06ZM131.18,185.05c-9.09-5.19-12.26-16.76-7.07-25.86s16.76-12.26,25.86-7.07c9.09,5.19,12.26,16.76,7.07,25.86s-16.76,12.26-25.86,7.07ZM148.11,212.03c.05,10.47-8.39,19-18.86,19.05-10.47.05-19-8.39-19.05-18.86-.05-10.47,8.39-19,18.86-19.05,10.47-.05,19,8.39,19.05,18.86ZM119.71,156.09c-5.23,9.07-16.82,12.18-25.89,6.95-9.07-5.23-12.18-16.82-6.95-25.89s16.82-12.18,25.89-6.95,12.18,16.82,6.95,25.89ZM91.13,170.46c10.31,1.81,17.2,11.64,15.39,21.95s-11.64,17.2-21.95,15.39-17.2-11.64-15.39-21.95c1.81-10.31,11.64-17.2,21.95-15.39ZM84.57,215.69c10.31-1.82,20.14,5.05,21.97,15.36s-5.06,20.14-15.36,21.97c-10.31,1.82-20.14-5.05-21.97-15.36-1.82-10.31,5.05-20.14,15.36-21.97ZM93.88,260.44c9.06-5.24,20.66-2.14,25.9,6.92,5.24,9.06,2.14,20.66-6.92,25.9-9.06,5.24-20.66,2.14-25.9-6.92-5.24-9.06-2.14-20.66,6.92-25.9ZM131.46,239.18c9.04-5.28,20.65-2.24,25.93,6.8,5.28,9.04,2.24,20.65-6.8,25.93-9.04,5.28-20.65,2.24-25.93-6.8-5.28-9.04-2.24-20.65,6.8-25.93ZM169,215.76c9.19-5.01,20.7-1.62,25.71,7.57,5.01,9.19,1.62,20.7-7.57,25.71-9.19,5.01-20.7,1.62-25.71-7.57-5.01-9.19-1.62-20.7,7.57-25.71ZM181.8,152.96c-9.04,5.28-20.65,2.24-25.93-6.8-5.28-9.04-2.24-20.65,6.8-25.93,9.04-5.28,20.65-2.24,25.93,6.8,5.28,9.04,2.24,20.65-6.8,25.93ZM177.99,107.13c-9.84,3.59-20.72-1.48-24.3-11.32-3.59-9.84,1.48-20.72,11.32-24.3s20.72,1.48,24.3,11.32c3.59,9.84-1.48,20.72-11.32,24.3ZM166.15,25.52c10.11-2.71,20.51,3.28,23.22,13.39,2.71,10.11-3.28,20.51-13.39,23.22-10.11,2.71-20.51-3.28-23.22-13.39s3.28-20.51,13.39-23.22ZM144.54,126.47c-8.02,6.73-19.97,5.69-26.71-2.32s-5.69-19.97,2.32-26.71,19.97-5.69,26.71,2.32c6.73,8.02,5.69,19.97-2.32,26.71ZM119.67,44.8c9.06-5.24,20.66-2.14,25.9,6.93,5.24,9.06,2.14,20.66-6.93,25.9-9.06,5.24-20.66,2.14-25.9-6.93-5.24-9.06-2.14-20.66,6.93-25.9ZM79.77,75.44c7.4-7.41,19.4-7.41,26.81-.01,7.41,7.4,7.41,19.4.01,26.81-7.4,7.41-19.4,7.41-26.81.01-7.41-7.4-7.41-19.4-.01-26.81ZM49.15,115.38c5.23-9.07,16.82-12.18,25.89-6.95,9.07,5.23,12.18,16.82,6.95,25.89-5.23,9.07-16.82,12.18-25.89,6.95-9.07-5.23-12.18-16.82-6.95-25.89ZM29.92,161.87c2.71-10.11,13.1-16.12,23.21-13.41,10.11,2.71,16.12,13.1,13.41,23.21-2.71,10.11-13.1,16.12-23.21,13.41-10.11-2.71-16.12-13.1-13.41-23.21ZM23.37,211.75c0-10.47,8.48-18.96,18.95-18.96,10.47,0,18.96,8.48,18.96,18.95s-8.48,18.96-18.95,18.96c-10.47,0-18.96-8.48-18.96-18.95ZM29.96,261.63c-2.71-10.11,3.28-20.51,13.39-23.22,10.11-2.71,20.51,3.28,23.22,13.39s-3.28,20.51-13.39,23.22c-10.11,2.71-20.51-3.28-23.22-13.39ZM49.23,308.11c-5.24-9.06-2.14-20.66,6.93-25.9,9.06-5.24,20.66-2.14,25.9,6.93,5.24,9.06,2.14,20.66-6.93,25.9s-20.66,2.14-25.9-6.93ZM79.88,348.02c-7.41-7.4-7.41-19.4-.01-26.81,7.4-7.41,19.4-7.41,26.81-.01s7.41,19.4.01,26.81-19.4,7.41-26.81.01ZM145.7,371.68c-5.23,9.07-16.82,12.18-25.89,6.95-9.07-5.23-12.18-16.82-6.95-25.89,5.23-9.07,16.82-12.18,25.89-6.95,9.07,5.23,12.18,16.82,6.95,25.89ZM146.98,323.66c-6.72,8.02-18.68,9.08-26.7,2.35-8.02-6.72-9.08-18.68-2.35-26.7,6.72-8.02,18.68-9.08,26.7-2.35,8.02,6.72,9.08,18.68,2.35,26.7ZM189.51,384.46c-2.71,10.11-13.1,16.12-23.21,13.41-10.11-2.71-16.12-13.1-13.41-23.21,2.71-10.11,13.1-16.12,23.21-13.41,10.11,2.71,16.12,13.1,13.41,23.21ZM189.45,340.55c-3.58,9.84-14.45,14.92-24.29,11.34s-14.92-14.45-11.34-24.29c3.58-9.84,14.45-14.92,24.29-11.34,9.84,3.58,14.92,14.45,11.34,24.29ZM189.48,296.6c-5.19,9.09-16.76,12.26-25.86,7.07-9.09-5.19-12.26-16.76-7.07-25.86,5.19-9.09,16.76-12.26,25.86-7.07,9.09,5.19,12.26,16.76,7.07,25.86ZM215.51,236.03c10.47.26,18.74,8.95,18.48,19.42-.26,10.47-8.95,18.74-19.42,18.48-10.47-.26-18.74-8.95-18.48-19.42.26-10.47,8.95-18.74,19.42-18.48ZM216.19,404.42c-10.47,0-18.96-8.48-18.96-18.95s8.48-18.96,18.95-18.96c10.47,0,18.96,8.48,18.96,18.95,0,10.47-8.48,18.96-18.95,18.96ZM197.22,341.92c0-10.47,8.48-18.96,18.94-18.97,10.47,0,18.96,8.48,18.97,18.94,0,10.47-8.48,18.96-18.94,18.97-10.47,0-18.96-8.48-18.97-18.94ZM216.66,317.59c-10.47.05-19-8.39-19.05-18.86-.05-10.47,8.39-19,18.86-19.05,10.47-.05,19,8.39,19.05,18.86.05,10.47-8.39,19-18.86,19.05ZM236.9,224.37c5.46-8.93,17.12-11.75,26.06-6.3,8.93,5.46,11.75,17.12,6.3,26.06-5.46,8.93-17.12,11.75-26.06,6.3-8.93-5.46-11.75-17.12-6.3-26.06ZM250.42,270.39c9.04-5.28,20.65-2.24,25.93,6.8,5.28,9.04,2.24,20.65-6.8,25.93-9.04,5.28-20.65,2.24-25.93-6.8-5.28-9.04-2.24-20.65,6.8-25.93ZM254.23,316.22c9.84-3.59,20.72,1.48,24.3,11.32,3.59,9.84-1.48,20.72-11.32,24.3-9.84,3.59-20.72-1.48-24.3-11.32-3.59-9.84,1.48-20.72,11.32-24.3ZM266.07,397.83c-10.11,2.71-20.51-3.28-23.22-13.39-2.71-10.11,3.28-20.51,13.39-23.22,10.11-2.71,20.51,3.28,23.22,13.39,2.71,10.11-3.28,20.51-13.39,23.22ZM287.68,296.88c8.02-6.73,19.97-5.69,26.71,2.32s5.69,19.97-2.32,26.71c-8.02,6.73-19.97,5.69-26.71-2.32s-5.69-19.97,2.32-26.71ZM312.55,378.55c-9.06,5.24-20.66,2.14-25.9-6.93-5.24-9.06-2.14-20.66,6.93-25.9,9.06-5.24,20.66-2.14,25.9,6.93,5.24,9.06,2.14,20.66-6.93,25.9ZM352.45,347.91c-7.4,7.41-19.4,7.41-26.81.01-7.41-7.4-7.41-19.4-.01-26.81,7.4-7.41,19.4-7.41,26.81-.01,7.41,7.4,7.41,19.4.01,26.81ZM383.07,307.98c-5.23,9.07-16.82,12.18-25.89,6.95-9.07-5.23-12.18-16.82-6.95-25.89,5.23-9.07,16.82-12.18,25.89-6.95,9.07,5.23,12.18,16.82,6.95,25.89ZM402.3,261.48c-2.71,10.11-13.1,16.12-23.21,13.41-10.11-2.71-16.12-13.1-13.41-23.21,2.71-10.11,13.1-16.12,23.21-13.41,10.11,2.71,16.12,13.1,13.41,23.21ZM389.9,230.56c-10.47,0-18.96-8.48-18.96-18.95,0-10.47,8.48-18.96,18.95-18.96,10.47,0,18.96,8.48,18.96,18.95s-8.48,18.96-18.95,18.96Z\"\/>\r\n<\/svg>\r\n        <\/div>\r\n\r\n        <!-- Pilules -->\r\n        <div class=\"nf-pills-container\">\r\n            <div class=\"nf-pill\">30A max.<\/div>\r\n            <div class=\"nf-pill\">500V max.<\/div>\r\n        <\/div>\r\n\r\n        <!-- ZONE DE SWITCH MAGIQUE -->\r\n        <div class=\"nf-swap-zone\">\r\n            \r\n            <!-- IMAGE -->\r\n            <div class=\"nf-swap-image\">\r\n                <div class=\"nf-image-inner\">\r\n                    <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/WALL-3PX5-61p-web-scaled.png\" alt=\"Visuel Produit\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- SPECS -->\r\n            <div class=\"nf-accordion\">\r\n                <div class=\"nf-accordion-inner\">\r\n                    <ul class=\"nf-specs-list\">\r\n                        <li>\r\n                            <svg class=\"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: 58P+E+2p\r\n                        <\/li>\r\n                        <li>\r\n                            <svg class=\"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=\"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: IP67 - IK10\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div> \r\n        \r\n        <!-- Bouton SEE MORE -->\r\n        <a href=\"https:\/\/proconect.com\/fr\/3px5-61p-multipin-connector\/\" class=\"nf-btn-seemore\">VOIR PLUS<\/a>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- VARIABLES --- *\/\r\n    .nf-widget-container {\r\n        --nf-bg: #4c5eb4;       \r\n        --nf-btn-red: #e35a5a;  \r\n        --nf-btn-white: #ffffff; \r\n        --nf-text: #ffffff;\r\n        \r\n        font-family: 'Montserrat', sans-serif;\r\n        width: 100%;\r\n        max-width: 280px; \r\n        height: 100%; \/* S\u00e9curit\u00e9 pour Elementor *\/\r\n        margin: 0 auto;\r\n        user-select: none; \r\n    }\r\n\r\n    \/* --- LA CARTE (Structure) --- *\/\r\n    .nf-card {\r\n        background-color: var(--nf-bg);\r\n        border-radius: 35px;\r\n        padding: 25px 25px 85px 25px; \r\n        position: relative;\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); \r\n        transition: transform 0.3s ease;\r\n        overflow: hidden; \r\n        \r\n        \/* \ud83c\udfaf LA MAGIE EST ICI : HAUTEUR FIXE POUR TOUTES LES CARTES *\/\r\n        height: 450px; \r\n        box-sizing: border-box; \/* Assure que le padding est inclus dans les 460px *\/\r\n    }\r\n\r\n    \/* --- EN-T\u00caTE --- *\/\r\n    .nf-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-start;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .nf-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    .nf-btn-toggle {\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    }\r\n\r\n    .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    \/* --- CONTENU FIXE --- *\/\r\n    .nf-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    .nf-bipolar-text {\r\n        color: var(--nf-text);\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .nf-pills-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        margin-bottom: 10px; \r\n    }\r\n\r\n    .nf-pill {\r\n        background-color: var(--nf-text);\r\n        color: var(--nf-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    \/* ==================================================== *\/\r\n    \/* LOGIQUE D'ANIMATION (Transparence Pure)              *\/\r\n    \/* ==================================================== *\/\r\n    \r\n    .nf-swap-zone {\r\n        position: relative;\r\n        display: grid;\r\n        grid-template-rows: auto; \r\n        transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    \/* 1. L'Image (Visible par d\u00e9faut) *\/\r\n    .nf-swap-image {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease; \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        margin-bottom: -5px;\r\n        position: relative;\r\n        z-index: 2; \r\n    }\r\n\r\n    .nf-image-inner img {\r\n        max-width: 200px; \r\n        max-height: 155px; \/* \ud83c\udfaf C'est cette ligne qui emp\u00eache le chevauchement *\/\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    \/* 2. Les Specs (Invisibles par d\u00e9faut) *\/\r\n    .nf-accordion {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n        transition: opacity 0.4s ease, visibility 0.4s ease;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        position: relative;\r\n        z-index: 1; \r\n    }\r\n\r\n    .nf-accordion-inner { overflow: hidden; }\r\n\r\n    .nf-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    .nf-specs-list li {\r\n        color: var(--nf-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    .check-icon { width: 15px; height: 15px; flex-shrink: 0; }\r\n\r\n    \/* --- ETAT ACTIF (G\u00e9r\u00e9 par JS) --- *\/\r\n    \r\n    .nf-widget-container.active .nf-btn-toggle { \r\n        background-color: var(--nf-btn-red); \r\n    }\r\n    .nf-widget-container.active .icon-morph { \r\n        transform: rotate(45deg); \r\n    }\r\n\r\n    .nf-widget-container.active .nf-swap-image {\r\n        opacity: 0.2;\r\n        z-index: 1; \r\n    }\r\n\r\n    .nf-widget-container.active .nf-accordion {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        z-index: 2; \r\n    }\r\n\r\n    \/* --- BOUTON SEE MORE --- *\/\r\n    .nf-btn-seemore {\r\n        display: inline-block;\r\n        background-color: var(--nf-text);\r\n        color: var(--nf-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        position: absolute;\r\n        bottom: 25px; \r\n        left: 25px;\r\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        z-index: 3; \r\n    }\r\n\r\n    .nf-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<\/style>\r\n\r\n<script>\r\n    \/* Ce script s'ex\u00e9cute imm\u00e9diatement, le rendant compatible avec la preview d'Elementor.\r\n       Il poss\u00e8de une s\u00e9curit\u00e9 pour ne charger qu'une seule fois, m\u00eame si tu copies le bloc 100 fois. *\/\r\n    (function() {\r\n        if (window.nfToggleScriptInit) return;\r\n        window.nfToggleScriptInit = true;\r\n\r\n        document.addEventListener('click', function(e) {\r\n            \/\/ 1. Clic sur le bouton +\r\n            const btnToggle = e.target.closest('.nf-btn-toggle');\r\n            \r\n            if (btnToggle) {\r\n                e.preventDefault(); \r\n                const currentContainer = btnToggle.closest('.nf-widget-container');\r\n                if (!currentContainer) return;\r\n\r\n                \/\/ On ferme toutes les autres cartes (Effet accord\u00e9on)\r\n                document.querySelectorAll('.nf-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                \/\/ On ouvre\/ferme la carte actuelle\r\n                currentContainer.classList.toggle('active');\r\n                return;\r\n            }\r\n\r\n            \/\/ 2. Clic en dehors d'une carte (ferme tout et remet les images)\r\n            if (!e.target.closest('.nf-widget-container')) {\r\n                document.querySelectorAll('.nf-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-25 elementor-top-column elementor-element elementor-element-539d969\" data-id=\"539d969\" 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-b9de0ca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b9de0ca\" 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-a8ae8dc\" data-id=\"a8ae8dc\" 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-696aaf0 elementor-widget elementor-widget-spacer\" data-id=\"696aaf0\" 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-3fbfa1a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3fbfa1a\" 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-3514282\" data-id=\"3514282\" 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-a89da9f elementor-widget elementor-widget-heading\" data-id=\"a89da9f\" 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\">Single-pole<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ff2d70 elementor-widget elementor-widget-text-editor\" data-id=\"4ff2d70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span data-path-to-node=\"13,0,0,0\">High-capacity single-pole metallic connectors designed for large, single-conductor power cables<\/span><span data-path-to-node=\"13,0,0,2\">. They offer flexible cable management and reliable connection for high-amperage lines across demanding industrial and transport infrastructures<\/span><span data-path-to-node=\"13,0,0,4\">.<\/span><\/p>\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a39c375\" data-id=\"a39c375\" 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-d45fe42 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"d45fe42\" 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=\"icon-text-list\">\r\n    \r\n    <!-- Ligne 1 : Ic\u00f4ne + Texte -->\r\n    <div class=\"icon-text-row\">\r\n        <!-- Remplace l'URL dans src=\"\" par le lien de ton ic\u00f4ne -->\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/PICTO-MV.svg\" alt=\"Ic\u00f4ne 1\" class=\"row-icon\">\r\n        <div class=\"row-text\">High amperage<\/div>\r\n    <\/div>\r\n\r\n    <!-- Ligne 2 : Ic\u00f4ne + Texte -->\r\n    <div class=\"icon-text-row\">\r\n        <!-- Remplace l'URL dans src=\"\" par le lien de ton ic\u00f4ne -->\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/PICTO-WEB-SECURED.svg\" alt=\"Ic\u00f4ne 2\" class=\"row-icon\">\r\n        <div class=\"row-text\">Integrated security pilots<\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* Le conteneur principal g\u00e8re l'espacement entre les lignes *\/\r\n    .icon-text-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px; \/* Ajuste l'espace vertical entre les deux blocs ici *\/\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* Chaque ligne contient une ic\u00f4ne et un texte *\/\r\n    .icon-text-row {\r\n        display: flex;\r\n        align-items: center; \/* Centre le texte verticalement par rapport \u00e0 l'ic\u00f4ne *\/\r\n        gap: 15px; \/* Ajuste l'espace horizontal entre l'ic\u00f4ne et le texte ici *\/\r\n    }\r\n\r\n    \/* Style des images\/ic\u00f4nes *\/\r\n    .row-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        object-fit: contain; \/* S'assure que l'image ne se d\u00e9forme pas *\/\r\n        flex-shrink: 0; \/* Emp\u00eache l'ic\u00f4ne de s'\u00e9craser si le texte est tr\u00e8s long *\/\r\n    }\r\n\r\n    \/* Style du texte *\/\r\n    .row-text {\r\n        font-size: 18px;\r\n        color: #ffffff; \/* Ajuste la couleur selon le fond *\/\r\n        line-height: 1.2;\r\n        font-weight: 600;\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-44c9537 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"44c9537\" 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-fc49586\" data-id=\"fc49586\" 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-f287d30 elementor-widget elementor-widget-html\" data-id=\"f287d30\" 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\">3PXU<\/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 446.14 446.15\"width=\"40px\" height=\"40px\">\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=\"M334.61,341.19c0,13.32-10.8,24.13-24.13,24.13s-24.13-10.8-24.13-24.13,10.8-24.13,24.13-24.13,24.13,10.8,24.13,24.13M318.3,164.18c0,52.6-42.64,95.24-95.24,95.24s-95.24-42.64-95.24-95.24,42.64-95.24,95.24-95.24,95.24,42.62,95.24,95.24M135.66,317.07c13.32,0,24.13,10.8,24.13,24.13s-10.8,24.13-24.13,24.13-24.13-10.8-24.13-24.13,10.8-24.13,24.13-24.13M446.14,223.08C446.14,99.88,346.26,0,223.06,0S0,99.88,0,223.08s99.86,223.08,223.06,223.08,223.08-99.88,223.08-223.08\"\/>\r\n<\/svg>\r\n            <\/div>\r\n\r\n            <!-- Pilules -->\r\n            <div class=\"hz-pills-container\">\r\n                <div class=\"hz-pill\">800A<\/div>\r\n                <div class=\"hz-pill\">1,5kV max.<\/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\/05\/WALL-3PXU-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: 1P+2p\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.: 300 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: IP67 - IK10\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\/3pxu-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: 200px;\r\n        max-height: 150px;\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-c825ce9\" data-id=\"c825ce9\" 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<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-46494ee\" data-id=\"46494ee\" 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-0e872f2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0e872f2\" 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-e8a03e7\" data-id=\"e8a03e7\" 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-72aba79 elementor-widget elementor-widget-spacer\" data-id=\"72aba79\" 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-951b9fe elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"951b9fe\" 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-d3ca986\" data-id=\"d3ca986\" 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-c1bcdef elementor-hidden-tablet elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"c1bcdef\" 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-b80f036\" data-id=\"b80f036\" 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-1e73d64 elementor-widget elementor-widget-heading\" data-id=\"1e73d64\" 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-6ca6cbf elementor-widget elementor-widget-heading\" data-id=\"6ca6cbf\" 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-e9ad8d0 elementor-mobile-align-center elementor-button-info elementor-align-left elementor-widget elementor-widget-button\" data-id=\"e9ad8d0\" 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>3PXconnectors 800A max. 24kV max. 3phased 4phased Multipin Single pole Heavy-duty metallic connectors featuring a cam push-pull system, specifically engineered for demanding applications subject to severe vibrations, frequent mating operations, or heavy mechanical stress. This range of connectors can be integrated in various environment requiring low or medium voltage. Specific markets OPS Onshore Power Supply [&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":222,"footnotes":""},"class_list":["post-7032","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>3PX Connectors - PROCONECT<\/title>\n<meta name=\"description\" content=\"PROCONECT 3PX connectors. Metallic cam push\/pull power solutions designed for rapid connection and high-current demands.\" \/>\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\/3px-connectors\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3PX Connectors - PROCONECT\" \/>\n<meta property=\"og:description\" content=\"PROCONECT 3PX connectors. Metallic cam push\/pull power solutions designed for rapid connection and high-current demands.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proconect.com\/fr\/3px-connectors\/\" \/>\n<meta property=\"og:site_name\" content=\"PROCONECT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-13T05:48:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-harstad-4-scaled.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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/3px-connectors\\\/\",\"url\":\"https:\\\/\\\/proconect.com\\\/en\\\/3px-connectors\\\/\",\"name\":\"3PX Connectors - PROCONECT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/3px-connectors\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/3px-connectors\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/port-of-harstad-4-scaled.jpg\",\"datePublished\":\"2026-02-26T14:12:33+00:00\",\"dateModified\":\"2026-10-13T05:48:43+00:00\",\"description\":\"PROCONECT 3PX connectors. Metallic cam push\\\/pull power solutions designed for rapid connection and high-current demands.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/3px-connectors\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proconect.com\\\/en\\\/3px-connectors\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/3px-connectors\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/port-of-harstad-4-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/port-of-harstad-4-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/3px-connectors\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3PX 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":"3PX Connectors - PROCONECT","description":"PROCONECT 3PX connectors. Metallic cam push\/pull power solutions designed for rapid connection and high-current demands.","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\/3px-connectors\/","og_locale":"fr_FR","og_type":"article","og_title":"3PX Connectors - PROCONECT","og_description":"PROCONECT 3PX connectors. Metallic cam push\/pull power solutions designed for rapid connection and high-current demands.","og_url":"https:\/\/proconect.com\/fr\/3px-connectors\/","og_site_name":"PROCONECT","article_modified_time":"2026-10-13T05:48:43+00:00","og_image":[{"url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-harstad-4-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/proconect.com\/en\/3px-connectors\/","url":"https:\/\/proconect.com\/en\/3px-connectors\/","name":"3PX Connectors - PROCONECT","isPartOf":{"@id":"https:\/\/proconect.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proconect.com\/en\/3px-connectors\/#primaryimage"},"image":{"@id":"https:\/\/proconect.com\/en\/3px-connectors\/#primaryimage"},"thumbnailUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-harstad-4-scaled.jpg","datePublished":"2026-02-26T14:12:33+00:00","dateModified":"2026-10-13T05:48:43+00:00","description":"PROCONECT 3PX connectors. Metallic cam push\/pull power solutions designed for rapid connection and high-current demands.","breadcrumb":{"@id":"https:\/\/proconect.com\/en\/3px-connectors\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proconect.com\/en\/3px-connectors\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/proconect.com\/en\/3px-connectors\/#primaryimage","url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-harstad-4-scaled.jpg","contentUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-harstad-4-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/proconect.com\/en\/3px-connectors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/proconect.com\/en\/accueil\/"},{"@type":"ListItem","position":2,"name":"3PX 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\/7032","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=7032"}],"version-history":[{"count":158,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/7032\/revisions"}],"predecessor-version":[{"id":14276,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/7032\/revisions\/14276"}],"wp:attachment":[{"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/media?parent=7032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}