{"id":11684,"date":"2026-06-30T16:18:33","date_gmt":"2026-06-30T14:18:33","guid":{"rendered":"https:\/\/proconect.com\/?page_id=11684"},"modified":"2026-10-13T07:54:11","modified_gmt":"2026-10-13T05:54:11","slug":"cbx-350-dc-connector","status":"publish","type":"page","link":"https:\/\/proconect.com\/fr\/cbx-350-dc-connector\/","title":{"rendered":"CBX 350"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11684\" class=\"elementor elementor-11684\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7447683 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7447683\" 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-58d8b2c\" data-id=\"58d8b2c\" 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-2b099c6 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"2b099c6\" 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\">CBX 350<\/h1>\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-e2872ef elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e2872ef\" 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-d13fb97\" data-id=\"d13fb97\" 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-2ced2e7 elementor-widget elementor-widget-spacer\" data-id=\"2ced2e7\" 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-66353cd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"66353cd\" 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-7897cfd\" data-id=\"7897cfd\" 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-3f66fa6 elementor-widget elementor-widget-image\" data-id=\"3f66fa6\" 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=\"800\" height=\"465\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX350-web-1024x595.png\" class=\"attachment-large size-large wp-image-11701\" alt=\"CBX 350 presentation\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX350-web-1024x595.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX350-web-300x174.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX350-web-768x446.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX350-web-1536x892.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX350-web-2048x1189.png 2048w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX350-web-scaled.png 1600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\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<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3ae9f61\" data-id=\"3ae9f61\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-6fa9042 elementor-widget elementor-widget-progress\" data-id=\"6fa9042\" 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% (350A)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">350A<\/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-da59297 elementor-widget elementor-widget-progress\" data-id=\"da59297\" 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% (600V max.)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">600V 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-33 elementor-top-column elementor-element elementor-element-ee15a10\" data-id=\"ee15a10\" 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-00219c6 elementor-cta--skin-cover elementor-cta--valign-top elementor-widget__width-initial elementor-widget elementor-widget-call-to-action\" data-id=\"00219c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta\">\n\t\t\t\t\t<div class=\"elementor-cta__bg-wrapper\">\n\t\t\t\t<div class=\"elementor-cta__bg elementor-bg\" style=\"background-image: url();\" role=\"img\" aria-label=\"\"><\/div>\n\t\t\t\t<div class=\"elementor-cta__bg-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h2 class=\"elementor-cta__title elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tBattery charging connector\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__description elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tPROCONECT offers hermaphroditic IP2X power connectors for simplified and secure connections. The CBX 350 connector, rated at 350A, is suitable for demanding environments thanks to its resistance to acids, bases, hydrocarbons, and extreme temperatures.\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item \">\n\t\t\t\t\t<a class=\"elementor-cta__button elementor-button elementor-size-\" href=\"https:\/\/proconect.com\/dc-connectors\/\">\n\t\t\t\t\t\tBATTERY CONNECTORS \u279c\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\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-6e039e1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6e039e1\" 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-c9c01bc\" data-id=\"c9c01bc\" 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-759635f elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"759635f\" 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-sm\" href=\"#connector\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Connectors<\/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<div class=\"elementor-element elementor-element-558726d elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"558726d\" 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-sm\" href=\"#options\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Options<\/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<div class=\"elementor-element elementor-element-c20081c elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"c20081c\" 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-sm\" href=\"#technical-datas\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Technical data<\/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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2849078\" data-id=\"2849078\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7420f22 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7420f22\" 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-inner-column elementor-element elementor-element-439b83f\" data-id=\"439b83f\" 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-449a94f elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"449a94f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Amp. pilots : 20A<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Contacts max. : 2P (+\/-) + 2p<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Cable section : 70 mm\u00b2 (AWG 2\/0)<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Pilot section : 2,5 mm\u00b2 (AWG 14) to crimp<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Termination : to crimp, to solder<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\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-inner-column elementor-element elementor-element-814ecd0\" data-id=\"814ecd0\" 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-8da0629 elementor-align-start elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"8da0629\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Casing : Polycarbonate<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Contacts : Silver plated copper <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Fastenings : Stainless steel<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Temperature : -40\u00b0 +125\u00b0C<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">User protection : IP2X<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\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\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-1353f74 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1353f74\" 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-a762c55\" data-id=\"a762c55\" 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-afe8358 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"afe8358\" 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<!-- ========================================================== -->\r\n<!-- GRILLE COMPL\u00c8TE DES BOUTONS PROCONECT                      -->\r\n<!-- ========================================================== -->\r\n<div class=\"pro-tt-grid\">\r\n\r\n    <!-- BOUTON 1 : CB 50 (Standard) -->\r\n    <div class=\"pro-tt-wrapper\">\r\n        <div class=\"pro-tt-trigger\" data-url=\"https:\/\/proconect.com\/cb-50-dc-connector\/\">\r\n            <svg class=\"pro-btn-icon\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <span>CB 50<\/span>\r\n        <\/div>\r\n        <div class=\"pro-tt-box\">\r\n            <div class=\"pro-tt-header\">\r\n                <h3 class=\"pro-tt-title\">CB 50<\/h3>\r\n                <svg width=\"30\" height=\"30\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pro-tt-pills\">\r\n                <div class=\"pro-tt-pill\">50A<\/div>\r\n                <div class=\"pro-tt-pill\">600V max.<\/div>\r\n            <\/div>\r\n            <ul class=\"pro-tt-list\">\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Poles : 2P (+\/-)<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Section max. : 16 mm\u00b2<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>7-color coding<\/li>\r\n            <\/ul>\r\n            <a href=\"https:\/\/proconect.com\/cb-50-dc-connector\/\" class=\"pro-tt-mobile-btn\">SEE MORE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- BOUTON 2 : CB 175 (Standard) -->\r\n    <div class=\"pro-tt-wrapper\">\r\n        <div class=\"pro-tt-trigger\" data-url=\"https:\/\/proconect.com\/cb-175-dc-connector\/\">\r\n            <svg class=\"pro-btn-icon\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <span>CB 175<\/span>\r\n        <\/div>\r\n        <div class=\"pro-tt-box\">\r\n            <div class=\"pro-tt-header\">\r\n                <h3 class=\"pro-tt-title\">CB 175<\/h3>\r\n                <svg width=\"30\" height=\"30\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pro-tt-pills\">\r\n                <div class=\"pro-tt-pill\">175A<\/div>\r\n                <div class=\"pro-tt-pill\">600V max.<\/div>\r\n            <\/div>\r\n            <ul class=\"pro-tt-list\">\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Poles : 2P (+\/-)<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Section max. : 50 mm\u00b2<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>7-color coding<\/li>\r\n            <\/ul>\r\n            <a href=\"https:\/\/proconect.com\/cb-175-dc-connector\/\" class=\"pro-tt-mobile-btn\">SEE MORE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- BOUTON 3 : CB 350 (Standard) -->\r\n    <div class=\"pro-tt-wrapper\">\r\n        <div class=\"pro-tt-trigger\" data-url=\"https:\/\/proconect.com\/cb-350-dc-connector\/\">\r\n            <svg class=\"pro-btn-icon\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <span>CB 350<\/span>\r\n        <\/div>\r\n        <div class=\"pro-tt-box\">\r\n            <div class=\"pro-tt-header\">\r\n                <h3 class=\"pro-tt-title\">CB 350<\/h3>\r\n                <svg width=\"30\" height=\"30\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pro-tt-pills\">\r\n                <div class=\"pro-tt-pill\">350A<\/div>\r\n                <div class=\"pro-tt-pill\">600V max.<\/div>\r\n            <\/div>\r\n            <ul class=\"pro-tt-list\">\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Poles : 2P (+\/-)<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Section max. : 70 mm\u00b2<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>7-color coding<\/li>\r\n            <\/ul>\r\n            <a href=\"https:\/\/proconect.com\/cb-350-dc-connector\/\" class=\"pro-tt-mobile-btn\">SEE MORE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n        <!-- BOUTON 4 : CBX 175 (Cat\u00e9gorie MV) -->\r\n    <div class=\"pro-tt-wrapper pro-cat-mv\">\r\n        <div class=\"pro-tt-trigger\" data-url=\"https:\/\/proconect.com\/cbx-175-dc-connector\/\">\r\n            <svg class=\"pro-btn-icon\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <span>CBX 175<\/span>\r\n        <\/div>\r\n        <div class=\"pro-tt-box\">\r\n            <div class=\"pro-tt-header\">\r\n                <h3 class=\"pro-tt-title\">CBX 175<\/h3>\r\n                <svg width=\"30\" height=\"30\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pro-tt-pills\">\r\n                <div class=\"pro-tt-pill\">175A<\/div>\r\n                <div class=\"pro-tt-pill\">600V max.<\/div>\r\n            <\/div>\r\n            <ul class=\"pro-tt-list\">\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Poles : 2P (+\/-)<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>2 pilots option<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Section max. : 50 mm\u00b2<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>User protection : IP2X<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>7-color coding<\/li>\r\n            <\/ul>\r\n            <a href=\"https:\/\/proconect.com\/cbx-175-dc-connector\/\" class=\"pro-tt-mobile-btn\">SEE MORE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n<!-- ========================================================== -->\r\n<!-- MOTEUR CSS ET JS CENTRALIS\u00c9 (AVEC CAT\u00c9GORIES & DYNAMISME)   -->\r\n<!-- ========================================================== -->\r\n<style>\r\n    \/* 1. LA GRILLE (Alignement droit strict et permanent) *\/\r\n    .pro-tt-grid { display: flex !important; flex-wrap: wrap !important; gap: 15px 12px; justify-content: flex-end !important; width: 100%; box-sizing: border-box; }\r\n    .pro-tt-wrapper { position: relative !important; font-family: 'Montserrat', sans-serif; flex: 0 1 auto; }\r\n\r\n    \/* 2. LE BOUTON (TAILLE 100% FIXE STRICTE) *\/\r\n    .pro-tt-trigger {\r\n        padding: 8px 20px 8px 0px; \r\n        border-radius: 50px; font-size: 17px !important; font-weight: 700 !important;\r\n        display: inline-flex !important; align-items: center !important; gap: 5px;\r\n        transition: background-color 0.3s ease; cursor: pointer; user-select: none;\r\n        white-space: nowrap; box-sizing: border-box; color: #ffffff !important;\r\n    }\r\n    .pro-btn-icon { flex-shrink: 0; pointer-events: none; }\r\n    .pro-tt-trigger span { pointer-events: none; }\r\n\r\n    \/* 3. LA BO\u00ceTE D'INFORMATION *\/\r\n    .pro-tt-box {\r\n        position: absolute; top: calc(100% + 15px); width: 260px; max-width: 92vw; \r\n        border-radius: 30px; padding: 25px; box-sizing: border-box;\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.3); opacity: 0; visibility: hidden;\r\n        transition: opacity 0.3s, visibility 0.3s, transform 0.3s; pointer-events: none; z-index: 10;\r\n    }\r\n    .pro-tt-box::before {\r\n        content: ''; position: absolute; top: -8px; width: 25px; height: 25px;\r\n        transform: rotate(45deg); border-top-left-radius: 5px; z-index: -1;\r\n    }\r\n\r\n    \/* POSITION GAUCHE \/ DROITE DYNAMIQUE (JS) *\/\r\n    .pro-tt-wrapper.pos-left .pro-tt-box { left: 0; right: auto; transform: translateY(10px); }\r\n    .pro-tt-wrapper.pos-left .pro-tt-box::before { left: 45px; right: auto; }\r\n    .pro-tt-wrapper.pos-right .pro-tt-box { right: 0; left: auto; transform: translateY(10px); }\r\n    .pro-tt-wrapper.pos-right .pro-tt-box::before { right: 45px; left: auto; }\r\n\r\n    \/* \u00c9TAT OUVERT ET ANIMATIONS *\/\r\n    .pro-tt-wrapper.is-open { z-index: 10 !important; } \r\n    .pro-tt-wrapper.pos-left.is-open .pro-tt-box, .pro-tt-wrapper.pos-left:hover .pro-tt-box { opacity: 1 !important; visibility: visible !important; transform: translateY(0); pointer-events: auto !important; }\r\n    .pro-tt-wrapper.pos-right.is-open .pro-tt-box, .pro-tt-wrapper.pos-right:hover .pro-tt-box { opacity: 1 !important; visibility: visible !important; transform: translateY(0); pointer-events: auto !important; }\r\n    @media (min-width: 1025px) { .pro-tt-wrapper:hover { z-index: 10 !important; } .pro-tt-mobile-btn { display: none !important; } }\r\n\r\n    \/* 4. DESIGN INT\u00c9RIEUR & SVG C\u00d4TE \u00c0 C\u00d4TE *\/\r\n    .pro-tt-header { margin-bottom: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }\r\n    .pro-tt-title { color: #ffffff !important; font-size: 22px; font-weight: 700; margin: 0; line-height: 1.1; width: 100%; }\r\n    .pro-tt-pills { display: flex; flex-direction: column; gap: 8px; margin-bottom: 15px; }\r\n    .pro-tt-pill { background-color: #ffffff; font-weight: 800; font-size: 13px; padding: 5px 15px; border-radius: 20px; width: max-content; }\r\n    .pro-tt-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }\r\n    .pro-tt-list li { color: #ffffff; font-size: 12px; font-weight: 500; display: flex; align-items: center; gap: 7px; line-height: 1.3; }\r\n    .pro-tt-check { width: 16px; height: 16px; background-color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n    .pro-tt-check svg { width: 10px; height: 10px; }\r\n    .pro-tt-mobile-btn { display: block; background-color: #ffffff; text-align: center; padding: 10px 20px; border-radius: 50px; font-weight: 800 !important; font-size: 13px; text-transform: uppercase; text-decoration: none !important; margin-top: 20px; transition: opacity 0.3s; }\r\n\r\n    \/* ========================================================== *\/\r\n    \/* 5. SYST\u00c8ME DE CAT\u00c9GORIES (COULEURS ET TAILLES SVG)         *\/\r\n    \/* ========================================================== *\/\r\n\r\n    \/* Force le blanc sur tous les SVG des boutons *\/\r\n    .pro-tt-wrapper .pro-btn-icon path, .pro-tt-wrapper .pro-btn-icon polygon { fill: #ffffff !important; }\r\n\r\n    \/* --- CAT\u00c9GORIE 1 : STANDARD (Bleu) --- *\/\r\n    .pro-tt-wrapper .pro-tt-trigger { background-color: #52b69a !important; }\r\n    .pro-tt-wrapper .pro-tt-trigger:hover { background-color: #7A7A7A !important; }\r\n    .pro-tt-wrapper .pro-tt-box, .pro-tt-wrapper .pro-tt-box::before { background-color: #52b69a; }\r\n    .pro-tt-wrapper .pro-tt-pill, .pro-tt-wrapper .pro-tt-mobile-btn { color: #52b69a !important; }\r\n    .pro-tt-wrapper .pro-tt-check svg { stroke: #52b69a; }\r\n    .pro-tt-wrapper .pro-btn-icon { width: 45px; height: 20px; margin-left: 10px; }\r\n\r\n    \/* --- CAT\u00c9GORIE 2 : MULTIPIN (Rouge) --- *\/\r\n    .pro-tt-wrapper.pro-cat-multi .pro-tt-trigger { background-color: #168aad !important; }\r\n    .pro-tt-wrapper.pro-cat-multi .pro-tt-trigger:hover { background-color: #7A7A7A !important; }\r\n    .pro-tt-wrapper.pro-cat-multi .pro-tt-box, .pro-tt-wrapper.pro-cat-multi .pro-tt-box::before { background-color: #168aad; }\r\n    .pro-tt-wrapper.pro-cat-multi .pro-tt-pill, .pro-tt-wrapper.pro-cat-multi .pro-tt-mobile-btn { color: #168aad !important; }\r\n    .pro-tt-wrapper.pro-cat-multi .pro-tt-check svg { stroke: #168aad; }\r\n    .pro-tt-wrapper.pro-cat-multi .pro-btn-icon { width: 25px; height: 25px; margin-left: 10px; }\r\n\r\n    \/* --- CAT\u00c9GORIE 3 : MV (Jaune) --- *\/\r\n    .pro-tt-wrapper.pro-cat-mv .pro-tt-trigger { background-color: #34a0a4 !important; } \r\n    .pro-tt-wrapper.pro-cat-mv .pro-tt-trigger:hover { background-color: #7A7A7A !important; } \r\n    .pro-tt-wrapper.pro-cat-mv .pro-tt-box, .pro-tt-wrapper.pro-cat-mv .pro-tt-box::before { background-color: #34a0a4; }\r\n    .pro-tt-wrapper.pro-cat-mv .pro-tt-pill, .pro-tt-wrapper.pro-cat-mv .pro-tt-mobile-btn { color: #34a0a4 !important; }\r\n    .pro-tt-wrapper.pro-cat-mv .pro-tt-check svg { stroke: #34a0a4; }\r\n    .pro-tt-wrapper.pro-cat-mv .pro-btn-icon { width: 45px; height: 20px; margin-left: 10px; }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    if (window.proTtInitialized) return;\r\n    window.proTtInitialized = true;\r\n\r\n    function calculatePosition(wrapper) {\r\n        const rect = wrapper.getBoundingClientRect();\r\n        const screenWidth = window.innerWidth;\r\n        wrapper.classList.remove('pos-left', 'pos-right');\r\n        \r\n        \/\/ Moiti\u00e9 gauche de l'\u00e9cran -> bo\u00eete s'ouvre vers la droite. Sinon -> vers la gauche.\r\n        if (rect.left < (screenWidth \/ 2)) {\r\n            wrapper.classList.add('pos-left');\r\n        } else {\r\n            wrapper.classList.add('pos-right');\r\n        }\r\n    }\r\n\r\n    document.body.addEventListener('mouseover', function(e) {\r\n        const wrapper = e.target.closest('.pro-tt-wrapper');\r\n        if (wrapper && window.innerWidth > 1024) {\r\n            calculatePosition(wrapper);\r\n        }\r\n    });\r\n\r\n    document.body.addEventListener('click', function(e) {\r\n        const trigger = e.target.closest('.pro-tt-trigger');\r\n        if (trigger) {\r\n            const wrapper = trigger.closest('.pro-tt-wrapper');\r\n            calculatePosition(wrapper); \r\n\r\n            if (window.innerWidth <= 1024) {\r\n                if (wrapper.classList.contains('is-open')) {\r\n                    wrapper.classList.remove('is-open');\r\n                } else {\r\n                    document.querySelectorAll('.pro-tt-wrapper.is-open').forEach(w => w.classList.remove('is-open'));\r\n                    wrapper.classList.add('is-open');\r\n                }\r\n            } else {\r\n                const url = trigger.getAttribute('data-url');\r\n                if (url) window.location.href = url;\r\n            }\r\n        } else if (window.innerWidth <= 1024) {\r\n            if (!e.target.closest('.pro-tt-box')) {\r\n                document.querySelectorAll('.pro-tt-wrapper.is-open').forEach(w => w.classList.remove('is-open'));\r\n            }\r\n        }\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f93718e elementor-widget elementor-widget-spacer\" data-id=\"f93718e\" 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-0c6de6f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0c6de6f\" 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-cb47e6e\" data-id=\"cb47e6e\" 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-3e9db83 elementor-widget elementor-widget-menu-anchor\" data-id=\"3e9db83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"connector\"><\/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-66 elementor-top-column elementor-element elementor-element-fa87cbd\" data-id=\"fa87cbd\" 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-a796f9d elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"a796f9d\" 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\">Connectors<\/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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f06eda9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f06eda9\" 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-3129b58\" data-id=\"3129b58\" 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-816a908 elementor-widget elementor-widget-spacer\" data-id=\"816a908\" 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-208424a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"208424a\" 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-ec10925\" data-id=\"ec10925\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4724e2f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4724e2f\" 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-50 elementor-inner-column elementor-element elementor-element-a555908\" data-id=\"a555908\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-c1f880b elementor-align-justify elementor-widget__width-initial btn-html-toggle elementor-widget elementor-widget-button\" data-id=\"c1f880b\" 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-sm\" href=\"#html-bloc-1\">\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-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Single<\/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<div class=\"elementor-element elementor-element-92a3e30 elementor-widget elementor-widget-image\" data-id=\"92a3e30\" 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=\"300\" height=\"195\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-300x195.png\" class=\"attachment-medium size-medium wp-image-11705\" alt=\"CBX 350 connector\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-300x195.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-1024x664.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-768x498.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-1536x996.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-2048x1328.png 2048w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-scaled.png 1600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-27c1a8c\" data-id=\"27c1a8c\" 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-e50f642 elementor-widget elementor-widget-image\" data-id=\"e50f642\" 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=\"836\" height=\"329\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Prise-CBX350_connector.svg\" class=\"attachment-large size-large wp-image-11707\" alt=\"CBX 350 connector dimension\" \/>\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<div class=\"elementor-element elementor-element-12d7953 elementor-widget elementor-widget-html\" data-id=\"12d7953\" 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<!-- \ud83d\uded1 MODULE ANTI-INDEXATION IMAGE (\u00c0 glisser juste sous le widget) -->\r\n<div class=\"pro-stealth-marker\" style=\"display:none;\"><\/div>\r\n<script>\r\n(function(){\r\n    \/\/ 1. On trouve ce script sur la page\r\n    var markers = document.querySelectorAll('.pro-stealth-marker');\r\n    var myMarker = markers[markers.length - 1];\r\n    \r\n    \/\/ 2. On remonte au conteneur du widget HTML Elementor\r\n    var myWidget = myMarker.closest('.elementor-widget');\r\n    if(!myWidget) return;\r\n    \r\n    \/\/ 3. On cible le widget juste au-dessus (le widget image cible)\r\n    var targetWidget = myWidget.previousElementSibling;\r\n    if(!targetWidget) return;\r\n\r\n    \/\/ 4. On trouve toutes les images dans ce widget\r\n    var images = targetWidget.querySelectorAll('img');\r\n    \r\n    images.forEach(function(img) {\r\n        if(img.dataset.proStealth) return; \/\/ \u00c9vite la double ex\u00e9cution\r\n        img.dataset.proStealth = 'true';\r\n\r\n        \/\/ On r\u00e9cup\u00e8re la vraie source (g\u00e8re aussi le Lazy Load natif)\r\n        var realSrc = img.getAttribute('data-src') || img.getAttribute('data-lazy-src') || img.src;\r\n        if(!realSrc) return;\r\n\r\n        \/\/ On r\u00e9cup\u00e8re les dimensions exactes pour ne pas casser le design Elementor\r\n        var w = img.getAttribute('width') || img.clientWidth || 800;\r\n        var h = img.getAttribute('height') || img.clientHeight || 600;\r\n        \r\n        \/\/ La Magie : On cr\u00e9e un SVG transparent de la m\u00eame taille\r\n        var blankSvg = \"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 \" + w + \" \" + h + \"'%3E%3C\/svg%3E\";\r\n        \r\n        \/\/ On applique la vraie image en fond CSS avec ses r\u00e9glages\r\n        var computedFit = window.getComputedStyle(img).objectFit;\r\n        img.style.backgroundImage = 'url(\"' + realSrc + '\")';\r\n        img.style.backgroundSize = (computedFit === 'cover' || computedFit === 'contain') ? computedFit : '100% 100%';\r\n        img.style.backgroundPosition = window.getComputedStyle(img).objectPosition || 'center';\r\n        img.style.backgroundRepeat = 'no-repeat';\r\n        \r\n        \/\/ On d\u00e9truit les attributs HTML pour aveugler Google Images\r\n        img.setAttribute('src', blankSvg);\r\n        img.removeAttribute('srcset');\r\n        img.removeAttribute('sizes');\r\n        img.removeAttribute('alt');\r\n    });\r\n\r\n    \/\/ 5. On masque ce widget HTML pour qu'il ne prenne aucune place\r\n    myWidget.style.display = 'none';\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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-78bedc7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"78bedc7\" 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-50 elementor-inner-column elementor-element elementor-element-56bacc5\" data-id=\"56bacc5\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-835c189 elementor-align-justify elementor-widget__width-initial btn-html-toggle elementor-widget elementor-widget-button\" data-id=\"835c189\" 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-sm\" href=\"#html-bloc-2\">\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-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Couple<\/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<div class=\"elementor-element elementor-element-7bf3b8a elementor-widget elementor-widget-image\" data-id=\"7bf3b8a\" 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=\"300\" height=\"198\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-connectee-300x198.png\" class=\"attachment-medium size-medium wp-image-11703\" alt=\"CBX 350 couple\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-connectee-300x198.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-connectee-1024x675.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-connectee-768x506.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-connectee-1536x1013.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-connectee-2048x1350.png 2048w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-connectee-scaled.png 1600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-bb312cd\" data-id=\"bb312cd\" 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-f84caba elementor-widget elementor-widget-image\" data-id=\"f84caba\" 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=\"836\" height=\"345\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Prise-CBX350_couple.svg\" class=\"attachment-large size-large wp-image-11708\" alt=\"CBX 350 connector couple dimension\" \/>\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<div class=\"elementor-element elementor-element-693c7da elementor-widget elementor-widget-html\" data-id=\"693c7da\" 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<!-- \ud83d\uded1 MODULE ANTI-INDEXATION IMAGE (\u00c0 glisser juste sous le widget) -->\r\n<div class=\"pro-stealth-marker\" style=\"display:none;\"><\/div>\r\n<script>\r\n(function(){\r\n    \/\/ 1. On trouve ce script sur la page\r\n    var markers = document.querySelectorAll('.pro-stealth-marker');\r\n    var myMarker = markers[markers.length - 1];\r\n    \r\n    \/\/ 2. On remonte au conteneur du widget HTML Elementor\r\n    var myWidget = myMarker.closest('.elementor-widget');\r\n    if(!myWidget) return;\r\n    \r\n    \/\/ 3. On cible le widget juste au-dessus (le widget image cible)\r\n    var targetWidget = myWidget.previousElementSibling;\r\n    if(!targetWidget) return;\r\n\r\n    \/\/ 4. On trouve toutes les images dans ce widget\r\n    var images = targetWidget.querySelectorAll('img');\r\n    \r\n    images.forEach(function(img) {\r\n        if(img.dataset.proStealth) return; \/\/ \u00c9vite la double ex\u00e9cution\r\n        img.dataset.proStealth = 'true';\r\n\r\n        \/\/ On r\u00e9cup\u00e8re la vraie source (g\u00e8re aussi le Lazy Load natif)\r\n        var realSrc = img.getAttribute('data-src') || img.getAttribute('data-lazy-src') || img.src;\r\n        if(!realSrc) return;\r\n\r\n        \/\/ On r\u00e9cup\u00e8re les dimensions exactes pour ne pas casser le design Elementor\r\n        var w = img.getAttribute('width') || img.clientWidth || 800;\r\n        var h = img.getAttribute('height') || img.clientHeight || 600;\r\n        \r\n        \/\/ La Magie : On cr\u00e9e un SVG transparent de la m\u00eame taille\r\n        var blankSvg = \"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 \" + w + \" \" + h + \"'%3E%3C\/svg%3E\";\r\n        \r\n        \/\/ On applique la vraie image en fond CSS avec ses r\u00e9glages\r\n        var computedFit = window.getComputedStyle(img).objectFit;\r\n        img.style.backgroundImage = 'url(\"' + realSrc + '\")';\r\n        img.style.backgroundSize = (computedFit === 'cover' || computedFit === 'contain') ? computedFit : '100% 100%';\r\n        img.style.backgroundPosition = window.getComputedStyle(img).objectPosition || 'center';\r\n        img.style.backgroundRepeat = 'no-repeat';\r\n        \r\n        \/\/ On d\u00e9truit les attributs HTML pour aveugler Google Images\r\n        img.setAttribute('src', blankSvg);\r\n        img.removeAttribute('srcset');\r\n        img.removeAttribute('sizes');\r\n        img.removeAttribute('alt');\r\n    });\r\n\r\n    \/\/ 5. On masque ce widget HTML pour qu'il ne prenne aucune place\r\n    myWidget.style.display = 'none';\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\t<\/div>\n\t\t<\/section>\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-4a7539d\" data-id=\"4a7539d\" 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-d7fae4f box-html-toggle elementor-widget elementor-widget-html\" data-id=\"d7fae4f\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"html-bloc-1\" 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    <div class=\"card-image-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-connector_picto.svg\" alt=\"Socket Mechanism\">\r\n    <\/div>\r\n\r\n    <h2 class=\"card-title\">SINGLE CONNECTOR<\/h2>\r\n    \r\n    <div class=\"card-phases\">\r\n        <div class=\"phase-item\">\r\n            <svg id=\"Calque_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 420 230\">\r\n  <!-- Generator: Adobe Illustrator 30.2.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 1)  -->\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=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/>\r\n<\/svg>\r\n            <span>Bipolar +\/-<\/span>\r\n        <\/div>\r\n<\/div>\r\n    <p class=\"card-desc\">\r\n        Hermaphroditic IP2X connector to be mounted or mobile. Available with 70 mm\u00b2 contacts (AWG 2\/0) to crimp or to solder.<br><br><i>Different casing color and material available.<\/i>\r\n        <\/p>\r\n\r\n\r\n    <a href=\"#options\" class=\"card-btn\">\r\n        <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"white\"\/>\r\n            <path d=\"M12 7V17M12 17L8 13M12 17L16 13\" stroke=\"#555555\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        Go to options\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    .custom-socket-card {\r\n        background-color: #828282;\r\n        border-radius: 35px;\r\n        padding: 20px 0px 1px 0px;\r\n        max-width: 400px;\r\n        font-family: 'Montserrat', 'Segoe UI', sans-serif;\r\n        color: #ffffff;\r\n        box-sizing: border-box;\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-title {\r\n        padding: 20px 20px 0px 20px; \/* J'ai r\u00e9duit le padding du bas *\/\r\n        font-size: 30px;\r\n        font-weight: 800;\r\n        margin: 0; \/* J'ai retir\u00e9 la marge n\u00e9gative pour ne pas \u00e9craser les pictos *\/\r\n        color: #ffffff !important;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0px;\r\n    }\r\n\r\n    \/* CSS POUR LES PICTOGRAMMES *\/\r\n    .card-phases {\r\n        display: flex;\r\n        gap: 20px;\r\n        padding: 0 20px;\r\n        margin: 10px 0px -15px 0px; \/* Garde la description bien coll\u00e9e en dessous *\/\r\n    }\r\n    \r\n    .phase-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px; \/* Espace entre le picto et le texte *\/\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        line-height: 1;\r\n        color: #ffffff;\r\n        opacity: 75%;\r\n    }\r\n\r\n    .phase-item svg {\r\n        width: 50px; \/* Taille des pictos *\/\r\n        height: 50px;\r\n        flex-shrink: 0;\r\n    }\r\n    \/* FIN CSS PICTOGRAMMES *\/\r\n\r\n    .card-desc {\r\n        padding: 20px;\r\n        font-size: 16px;\r\n        line-height: 1.2;\r\n        margin: 0 0 -5px 0;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .card-variants {\r\n        background-color: #ffffff;\r\n        border-radius: 30px;\r\n        padding: 8px 0px 8px 12px;\r\n        margin-left: 20px;\r\n        margin-right: 50px;\r\n        margin-bottom: 25px;\r\n        color: #555555;\r\n    }\r\n\r\n    .variants-title {\r\n        display: block;\r\n        font-style: italic;\r\n        font-weight: 600;\r\n        margin-bottom: 0px;\r\n        font-size: 16px;\r\n        padding-left:5px;\r\n        color: #7a7a7a;\r\n    }\r\n\r\n    .variants-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0px;\r\n    }\r\n\r\n    .variants-list li {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .color-dot {\r\n        width: 28px;\r\n        height: 28px;\r\n        border-radius: 50%;\r\n        flex-shrink: 0;\r\n    }\r\n    .dot-red { background-color: #b03535; }\r\n    .dot-blue { background-color: #3b82b8; }\r\n\r\n    .variant-text {\r\n        font-weight: 600;\r\n        font-size: 15px;\r\n        line-height: 1.2;\r\n        color: #7a7a7a;\r\n    }\r\n\r\n    .card-btn {\r\n        display: flex; \r\n        align-items: center;\r\n        gap: 10px;\r\n        background-color: #555555;\r\n        color: #ffffff !important;\r\n        text-decoration: none !important;\r\n        padding: 8px 0px 8px 15px;\r\n        margin: 20px;\r\n        border-radius: 50px;\r\n        font-size: 20px;\r\n        font-weight: 600 !important;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .card-btn:hover {\r\n        background-color: #414141;\r\n    }\r\n\r\n    .btn-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a93832 box-html-toggle elementor-widget elementor-widget-html\" data-id=\"9a93832\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"html-bloc-2\" 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    <div class=\"card-image-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-couple-2_picto.svg\" alt=\"Cable coupler\">\r\n    <\/div>\r\n\r\n    <h2 class=\"card-title\">COUPLE CONNECTED<\/h2>\r\n    \r\n    <div class=\"card-phases\">\r\n        <div class=\"phase-item\">\r\n            <svg id=\"Calque_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 420 230\">\r\n  <!-- Generator: Adobe Illustrator 30.2.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 1)  -->\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=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/>\r\n<\/svg>\r\n            <span>Bipolar +\/-<\/span>\r\n        <\/div>\r\n<\/div>\r\n    <p class=\"card-desc\">\r\n        Connected connectors.\r\n    <\/p>\r\n\r\n    <a href=\"#options\" class=\"card-btn\">\r\n        <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"white\"\/>\r\n            <path d=\"M12 7V17M12 17L8 13M12 17L16 13\" stroke=\"#555555\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        Go to options\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1aa52aa elementor-position-inline-start elementor-hidden-mobile elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"1aa52aa\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"default-html-msg\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-circle-left\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSELECT YOUR CONNECTOR\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\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-86b0dc0 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"86b0dc0\" 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<style>\r\n\/* 1. On cache toutes les bo\u00eetes HTML par d\u00e9faut *\/\r\n.box-html-toggle {\r\n    display: none !important;\r\n}\r\n\r\n\/* 2. On affiche la bo\u00eete active *\/\r\n.box-html-toggle.active-box {\r\n    display: block !important;\r\n    animation: fadeInHtml 0.4s ease-in-out;\r\n}\r\n\r\n\/* 3. Message par d\u00e9faut *\/\r\n#default-html-msg {\r\n    display: block !important; \r\n}\r\n#default-html-msg.hide-msg {\r\n    display: none !important; \r\n}\r\n\r\n\/* 4. Gestion des boutons et du Hover *\/\r\n\r\n\/* HOVER : Uniquement si le bouton n'est PAS d\u00e9j\u00e0 s\u00e9lectionn\u00e9 *\/\r\n.btn-html-toggle:not(.active-btn) .elementor-button:hover {\r\n    background-color: #555555 !important; \/* Gris fonc\u00e9 *\/\r\n    color: #ffffff !important;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n\/* \u00c9TAT ACTIF : Le bouton reste bleu, le hover est ignor\u00e9 ici *\/\r\n.btn-html-toggle.active-btn .elementor-button {\r\n    background-color: #4c5eb4 !important; \/* Ton bleu *\/\r\n    color: #ffffff !important;\r\n    cursor: pointer; \/* Change le curseur pour montrer qu'il est d\u00e9j\u00e0 cliqu\u00e9 *\/\r\n}\r\n\r\n@keyframes fadeInHtml {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.body.addEventListener('click', function(e) {\r\n    \r\n    \/\/ On cible tes boutons HTML\r\n    const button = e.target.closest('.btn-html-toggle');\r\n    if (!button) return; \r\n\r\n    const linkElement = button.querySelector('a');\r\n    if (!linkElement) return;\r\n\r\n    e.preventDefault();\r\n\r\n    const buttons = document.querySelectorAll('.btn-html-toggle');\r\n    const boxes = document.querySelectorAll('.box-html-toggle');\r\n    const defaultMsg = document.getElementById('default-html-msg');\r\n\r\n    const wasAlreadyActive = button.classList.contains('active-btn');\r\n\r\n    \/\/ Nettoyage\r\n    buttons.forEach(btn => btn.classList.remove('active-btn'));\r\n    boxes.forEach(box => box.classList.remove('active-box'));\r\n\r\n    if (wasAlreadyActive) {\r\n        \/\/ D\u00e9s\u00e9lection : on revient au message par d\u00e9faut\r\n        if(defaultMsg) defaultMsg.classList.remove('hide-msg');\r\n    } else {\r\n        \/\/ S\u00e9lection\r\n        button.classList.add('active-btn');\r\n        if(defaultMsg) defaultMsg.classList.add('hide-msg');\r\n\r\n        const targetId = linkElement.getAttribute('href').replace('#', ''); \r\n        const targetBox = document.getElementById(targetId);\r\n        \r\n        if (targetBox) {\r\n            targetBox.classList.add('active-box');\r\n            \r\n            \/\/ --- SCROLL MOBILE ---\r\n            if (window.innerWidth <= 767) {\r\n                setTimeout(function() {\r\n                    \/\/ On fait glisser l'\u00e9cran vers le bloc HTML qui vient de s'ouvrir\r\n                    const offset = 70; \/\/ Marge de s\u00e9curit\u00e9 en haut (pour ne pas coller au bord)\r\n                    const bodyRect = document.body.getBoundingClientRect().top;\r\n                    const elementRect = targetBox.getBoundingClientRect().top;\r\n                    const elementPosition = elementRect - bodyRect;\r\n                    const offsetPosition = elementPosition - offset;\r\n\r\n                    window.scrollTo({\r\n                        top: offsetPosition,\r\n                        behavior: 'smooth'\r\n                    });\r\n                }, 100); \/\/ Petit d\u00e9lai pour laisser l'\u00e9l\u00e9ment s'afficher\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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0b4f65a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0b4f65a\" 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-c28a475\" data-id=\"c28a475\" 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-30eb5c0 elementor-widget elementor-widget-html\" data-id=\"30eb5c0\" 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 horizontal-config\">\r\n\r\n    <div class=\"hc-image-col\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Calque_1\" data-name=\"Calque 1\" viewBox=\"0 0 2169.79 1638.9\">\r\n            <defs>\r\n                <style>.cls-3{fill:none;isolation:isolate;opacity:.5;stroke:#fff;stroke-miterlimit:10;stroke-width:150px}<\/style>\r\n            <\/defs>\r\n            <g id=\"CABLES\">\r\n                <path d=\"M1012.62 1063.53H0M1012.62 590.65H0\" class=\"cls-3\"\/>\r\n            <\/g>\r\n            <path id=\"CB\" d=\"M1950.77 366.9h-353.11c-18.96 0-34.74 13.6-38.13 31.57H906v373.11h618.34v105.7H906v373.12h653.53c3.39 17.97 19.17 31.56 38.13 31.56h353.11c21.43 0 38.81-17.37 38.81-38.8V405.71c0-21.43-17.38-38.81-38.81-38.81m-147.46 754.54h-47.45V942.76h47.45zm65.58-480.94h-65.58v65.62h-47.45V640.5h-65.65v-47.45h65.65v-65.62h47.45v65.62h65.58z\" style=\"fill:#fff\"\/>\r\n            \r\n            <path id=\"HANDLE\" d=\"M1406.47 573.58H1228.8L498.91 186.32l-3.49-1.48c-70.1-29.74-149.86-22.39-213.35 19.64-63.49 42.04-101.4 112.59-101.4 188.74v852.46c0 75.77 37.61 146.13 100.62 188.22 37.84 25.28 81.59 38.19 125.67 38.19 29.31 0 58.78-5.71 86.73-17.3l3.86-1.6 730.05-387.87h178.87c66.61 0 120.61-54 120.61-120.61V694.18c0-66.61-54-120.61-120.61-120.61Zm-982.79 720.7c-21.49 7.49-38.62-1.51-45.18-5.89-6.86-4.58-22.83-17.93-22.83-42.71V393.22c0-24.9 16.09-38.24 23.01-42.82 6.64-4.4 24.02-13.42 45.69-5.53l610.97 324.16V969.3l-611.66 324.97Z\" style=\"fill:red; display: none; transition: fill 0.3s ease;\"\/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"configurator-integrated hc-controls-col\">\r\n        <h3>\r\n            <svg class=\"gear\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"#ffffff\">\r\n                <path d=\"M19.43 12.98c.04-.32.07-.65.07-.98s-.03-.66-.07-.98l2.11-1.65a.5.5 0 0 0 .12-.64l-2-3.46a.5.5 0 0 0-.61-.22l-2.49 1a6.96 6.96 0 0 0-1.7-.98l-.38-2.65A.5.5 0 0 0 14 2h-4a.5.5 0 0 0-.5.42l-.38 2.65c-.63.24-1.2.56-1.7.98l-2.49-1a.5.5 0 0 0-.61.22l-2 3.46a.5.5 0 0 0 .12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65a.5.5 0 0 0-.12.64l2 3.46c.14.24.42.34.68.22l2.49-1c.5.42 1.07.75 1.7.98l.38 2.65c.04.26.25.42.5.42h4c.25 0 .46-.16.5-.42l.38-2.65c.63-.23 1.2-.56 1.7-.98l2.49 1c.26.12.54.02.68-.22l2-3.46a.5.5 0 0 0-.12-.64l-2.11-1.65ZM12 15.5A3.5 3.5 0 1 1 12 8.5a3.5 3.5 0 0 1 0 7Z\"\/>\r\n            <\/svg>\r\n            CONFIGURATOR\r\n        <\/h3>\r\n\r\n        <div class=\"configurator-grid\">\r\n            <div class=\"configurator-row\">\r\n                <label>Color:<\/label>\r\n                <select class=\"conf-color\">\r\n                    <option value=\"\">-- Select --<\/option>\r\n                    <option value=\"Grey\">Grey<\/option>\r\n                    <option value=\"Blue\">Blue<\/option>\r\n                    <option value=\"Yellow\">Yellow<\/option>\r\n                    <option value=\"Red\">Red<\/option>\r\n                    <option value=\"Green\">Green<\/option>\r\n                    <option value=\"Black\">Black<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"configurator-row\">\r\n                <label>Section:<\/label>\r\n                <select class=\"conf-section\" disabled>\r\n                    <option value=\"\">-- Select --<\/option>\r\n                    <option value=\"70\">70 mm\u00b2 (AWG 2\/0)<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"configurator-row options-row\">\r\n                <label>Option(s):<\/label>\r\n                \r\n                <div class=\"options\">\r\n                    <label class=\"checkbox-label\">\r\n                        <input type=\"checkbox\" class=\"conf-handle-red\">\r\n                        <span class=\"custom-chk\"><\/span> \r\n                        Red Handle\r\n                    <\/label>\r\n                    <label class=\"checkbox-label\">\r\n                        <input type=\"checkbox\" class=\"conf-handle-grey\">\r\n                        <span class=\"custom-chk\"><\/span> \r\n                        Grey Handle\r\n                    <\/label>\r\n\r\n                    <label class=\"checkbox-label\" id=\"aux-label\">\r\n                        <input type=\"checkbox\" class=\"conf-aux\">\r\n                        <span class=\"custom-chk\"><\/span> \r\n                        + 2 Aux. Contacts\r\n                    <\/label>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"reference-box\">\r\n            <span class=\"conf-reference\">(select all options)<\/span>\r\n            <button class=\"conf-copyBtn\">Copy<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* LE CONTENEUR PRINCIPAL *\/\r\n    .custom-socket-card.horizontal-config {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        justify-content: space-between; \r\n        gap: 0px;\r\n        background-color: #7a7a7a; \r\n        border-radius: 50px; \r\n        padding: 30px 30px 30px 0; \r\n        width: 100%;\r\n        max-width: 950px;\r\n        font-family: 'Montserrat', 'Segoe UI', sans-serif;\r\n        color: #ffffff;\r\n        box-sizing: border-box;\r\n        margin: 0 auto;\r\n        overflow: hidden; \r\n    }\r\n\r\n    \/* COLONNE GAUCHE : IMAGE PLAQU\u00c9E AU BORD *\/\r\n    .hc-image-col {\r\n        flex: 1;\r\n        display: flex;\r\n        justify-content: flex-start; \r\n        align-items: center;\r\n        min-width: 200px;\r\n        margin-top: -30px;\r\n        margin-bottom: -30px;\r\n    }\r\n\r\n    .hc-image-col svg {\r\n        width: 400px; \r\n        max-width: 400px; \r\n        height: auto;\r\n        transition: all 0.3s ease;\r\n        margin-left: -10px;\r\n    }\r\n\r\n    #CB {\r\n        transition: fill 0.3s ease;\r\n    }\r\n\r\n    \/* COLONNE DROITE : LE CONFIGURATEUR INTEGRE *\/\r\n    .configurator-integrated.hc-controls-col {\r\n        flex: 2;\r\n        min-width: 300px;\r\n        padding: 0 0 0 20px; \r\n        margin: 0;\r\n        width: 100%;\r\n    }\r\n\r\n    .configurator-integrated h3 {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        margin: 0 0 20px 0;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        text-transform: uppercase;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .configurator-integrated .gear {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* LA GRILLE DES MENUS D\u00c9ROULANTS *\/\r\n    .configurator-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr; \r\n        gap: 15px 25px; \r\n        margin-bottom: 5px; \r\n    }\r\n\r\n    .options-row {\r\n        grid-column: 1 \/ -1; \r\n    }\r\n\r\n    .configurator-row {\r\n        margin-bottom: 0px; \r\n    }\r\n\r\n    .configurator-integrated label {\r\n        display: block;\r\n        margin-bottom: 6px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #ffffff;\r\n        opacity: 0.85;\r\n    }\r\n\r\n    .configurator-integrated select {\r\n        width: 100%;\r\n        padding: 10px 15px;\r\n        border-radius: 50px; \r\n        border: none;\r\n        background-color: #ffffff;\r\n        color: #555555;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        font-family: 'Montserrat', sans-serif;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .configurator-integrated select:disabled {\r\n        opacity: 0.6;\r\n        cursor: not-allowed;\r\n    }\r\n\r\n    \/* \ud83c\udfaf LA GRILLE DES OPTIONS (Cases \u00e0 cocher) *\/\r\n    .options {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 12px 25px; \r\n        margin-top: 8px; \r\n    }\r\n\r\n    #aux-label {\r\n        grid-column: 1 \/ -1; \r\n    }\r\n\r\n    .checkbox-label {\r\n        display: flex !important;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-size: 14px !important;\r\n        opacity: 1 !important;\r\n        color: #ffffff !important;\r\n        font-weight: 600 !important;\r\n        cursor: pointer;\r\n        transition: opacity 0.3s ease;\r\n        margin: 0; \r\n    }\r\n\r\n    .checkbox-label input[type=\"checkbox\"] {\r\n        display: none; \r\n    }\r\n\r\n    .custom-chk {\r\n        width: 18px;\r\n        height: 18px;\r\n        background-color: #ffffff;\r\n        border-radius: 4px;\r\n        display: inline-block;\r\n        position: relative;\r\n        transition: background 0.2s;\r\n        flex-shrink: 0; \r\n    }\r\n\r\n    .checkbox-label input:checked + .custom-chk {\r\n        background-color: #555555; \r\n    }\r\n\r\n    .checkbox-label input:checked + .custom-chk::after {\r\n        content: '';\r\n        position: absolute;\r\n        left: 6px;\r\n        top: 2px;\r\n        width: 4px;\r\n        height: 10px;\r\n        border: solid white;\r\n        border-width: 0 2px 2px 0;\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    .reference-box {\r\n        margin-top: 25px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        background: #ffffff !important;\r\n        padding: 12px 15px;\r\n        border-radius: 50px !important; \r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #555555;\r\n        overflow: hidden; \r\n    }\r\n\r\n    .reference-box button {\r\n        background: #555555;\r\n        color: #ffffff;\r\n        border: none;\r\n        padding: 8px 16px;\r\n        border-radius: 50px !important; \r\n        cursor: pointer;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        transition: background 0.2s ease;\r\n    }\r\n\r\n    .reference-box button:hover {\r\n        background: #414141;\r\n    }\r\n\r\n    \/* RESPONSIVE MOBILE *\/\r\n    @media (max-width: 800px) {\r\n        .custom-socket-card.horizontal-config {\r\n            flex-direction: column;\r\n            padding: 30px; \r\n        }\r\n        .hc-image-col {\r\n            margin-top: 0;\r\n            margin-bottom: 0;\r\n            justify-content: center; \r\n        }\r\n        .configurator-integrated.hc-controls-col {\r\n            padding: 0;\r\n        }\r\n        .configurator-grid,\r\n        .options {\r\n            grid-template-columns: 1fr;\r\n            gap: 15px;\r\n        }\r\n        #aux-label {\r\n            grid-column: auto;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\ndocument.body.addEventListener('change', function(e) {\r\n    const configBox = e.target.closest('.horizontal-config');\r\n    if (!configBox) return;\r\n\r\n    \/\/ LA BASE DE DONN\u00c9ES EXACTE (S\u00e9rie 1592xx)\r\n    const dataMap = {\r\n        \"Grey\":   { \"70\": \"159210\", \"70_aux\": \"159213\" },\r\n        \"Blue\":   { \"70\": \"159220\", \"70_aux\": \"159223\" },\r\n        \"Yellow\": { \"70\": \"159240\", \"70_aux\": \"159243\" },\r\n        \"Red\":    { \"70\": \"159250\", \"70_aux\": \"159253\" },\r\n        \"Green\":  { \"70\": \"159260\", \"70_aux\": \"159263\" },\r\n        \"Black\":  { \"70\": \"159290\", \"70_aux\": \"159293\" }\r\n    };\r\n\r\n    \/\/ Les couleurs pour le corps du SVG\r\n    const colorHex = {\r\n        \"Grey\": \"#9b9b9b\",\r\n        \"Blue\": \"#55b6ff\",\r\n        \"Yellow\": \"#ffe500\",\r\n        \"Red\": \"#e00000\",\r\n        \"Green\": \"#27ae60\",\r\n        \"Black\": \"#424242\" \r\n    };\r\n\r\n    \/\/ Tes couleurs strictes pour les poign\u00e9es\r\n    const handleHex = {\r\n        \"Red\": \"red\",   \r\n        \"Grey\": \"#dadada\"   \r\n    };\r\n\r\n    const colSel = configBox.querySelector('.conf-color');\r\n    const secSel = configBox.querySelector('.conf-section');\r\n    const auxChk = configBox.querySelector('.conf-aux');\r\n    const handleRedChk = configBox.querySelector('.conf-handle-red');\r\n    const handleGreyChk = configBox.querySelector('.conf-handle-grey');\r\n    const cbElement = configBox.querySelector('#CB');\r\n    const handleElement = configBox.querySelector('#HANDLE');\r\n    const refDisplay = configBox.querySelector('.conf-reference');\r\n\r\n    \/\/ 1. EXCLUSIVIT\u00c9 MUTUELLE DES POIGN\u00c9ES\r\n    if (e.target === handleRedChk && handleRedChk.checked) {\r\n        handleGreyChk.checked = false;\r\n    }\r\n    if (e.target === handleGreyChk && handleGreyChk.checked) {\r\n        handleRedChk.checked = false;\r\n    }\r\n\r\n    \/\/ 2. D\u00c9VERROUILLAGE DE LA SECTION\r\n    if (e.target === colSel) {\r\n        if (colSel.value) {\r\n            secSel.disabled = false;\r\n        } else {\r\n            secSel.disabled = true;\r\n            secSel.value = \"\";\r\n        }\r\n    }\r\n\r\n    \/\/ 3. MISE \u00c0 JOUR DU CORPS SVG\r\n    const col = colSel.value;\r\n    if (col && colorHex[col]) {\r\n        cbElement.style.fill = colorHex[col];\r\n    } else {\r\n        cbElement.style.fill = '#fff'; \r\n    }\r\n\r\n    \/\/ 4. MISE \u00c0 JOUR DE LA POIGN\u00c9E SVG\r\n    if (handleRedChk.checked || handleGreyChk.checked) {\r\n        handleElement.style.display = \"block\";\r\n        if (handleRedChk.checked) handleElement.style.fill = handleHex[\"Red\"];\r\n        if (handleGreyChk.checked) handleElement.style.fill = handleHex[\"Grey\"];\r\n    } else {\r\n        handleElement.style.display = \"none\";\r\n    }\r\n\r\n    \/\/ 5. G\u00c9N\u00c9RATION DE LA R\u00c9F\u00c9RENCE FINALE\r\n    let ref = \"(select all options)\";\r\n    if (colSel.value && secSel.value) {\r\n        \r\n        let sectionKey = secSel.value; \/\/ ex: \"70\"\r\n        if (auxChk.checked) {\r\n            sectionKey += \"_aux\"; \/\/ ex: \"70_aux\"\r\n        }\r\n        \r\n        if(dataMap[colSel.value] && dataMap[colSel.value][sectionKey]) {\r\n            ref = dataMap[colSel.value][sectionKey];\r\n            \r\n            \/\/ Ajout des poign\u00e9es 165371 ou 165381\r\n            if (handleRedChk.checked) {\r\n                ref += \" + 165371\";\r\n            } else if (handleGreyChk.checked) {\r\n                ref += \" + 165381\";\r\n            }\r\n        }\r\n    }\r\n    \r\n    refDisplay.innerText = ref;\r\n});\r\n\r\n\/\/ GESTION DU BOUTON COPIER\r\ndocument.body.addEventListener('click', function(e) {\r\n    const copyBtn = e.target.closest('.conf-copyBtn');\r\n    if (!copyBtn) return;\r\n\r\n    const configBox = copyBtn.closest('.configurator-integrated');\r\n    let refText = configBox.querySelector('.conf-reference').innerText;\r\n\r\n    if(refText && refText !== \"(select all options)\"){\r\n        navigator.clipboard.writeText(refText).then(function() {\r\n            copyBtn.innerText = \"Copied!\";\r\n            setTimeout(function() { \r\n                copyBtn.innerText = \"Copy\"; \r\n            }, 1500);\r\n        }).catch(function(err) {\r\n            console.error('Erreur lors de la copie : ', err);\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-50 elementor-top-column elementor-element elementor-element-62721bd\" data-id=\"62721bd\" 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-f333c18 elementor-widget elementor-widget-html\" data-id=\"f333c18\" 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=\"voltage-charter-card\">\r\n    <h2 class=\"voltage-title\">VOLTAGE GRAPHICAL CHARTER<\/h2>\r\n    \r\n    <div class=\"voltage-pills-container\">\r\n        \r\n        <div class=\"v-pill\">\r\n            <div class=\"v-val\">12V<\/div>\r\n            <div class=\"v-col\" style=\"background-color: #ffd900; color: #998200;\">YELLOW<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"v-pill\">\r\n            <div class=\"v-val\">18V<\/div>\r\n            <div class=\"v-col\" style=\"background-color: #ff8800; color: #8a4900;\">ORANGE<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"v-pill\">\r\n            <div class=\"v-val\">24V<\/div>\r\n            <div class=\"v-col\" style=\"background-color: #e00000; color: #700000;\">RED<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"v-pill\">\r\n            <div class=\"v-val\">36V<\/div>\r\n            <div class=\"v-col\" style=\"background-color: #9b9b9b; color: #424242;\">GREY<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"v-pill\">\r\n            <div class=\"v-val\">48V<\/div>\r\n            <div class=\"v-col\" style=\"background-color: #55b6ff; color: #1e5c8a;\">BLUE<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"v-pill\">\r\n            <div class=\"v-val\">72V<\/div>\r\n            <div class=\"v-col\" style=\"background-color: #27ae60; color: #11572e;\">GREEN<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"v-pill\">\r\n            <div class=\"v-val\">80V<\/div>\r\n            <div class=\"v-col\" style=\"background-color: #3b3b3b; color: #000000;\">BLACK<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* LE CONTENEUR PRINCIPAL *\/\r\n    .voltage-charter-card {\r\n        background-color: transparent;\r\n        width: 100%;\r\n        max-width: 950px;\r\n        font-family: 'Montserrat', 'Segoe UI', sans-serif;\r\n        box-sizing: border-box;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* LE TITRE *\/\r\n    .voltage-title {\r\n        color: #ffffff!important;\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        text-align: center;\r\n        margin: 0 0 15px 0;\r\n    }\r\n\r\n    \/* LA GRILLE DES PASTILLES *\/\r\n    .voltage-pills-container {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: left;\r\n        align-items: left;\r\n        gap: 15px; \/* Espace entre les pastilles *\/\r\n    }\r\n\r\n    \/* LA PASTILLE (PILL) *\/\r\n    .v-pill {\r\n        display: flex;\r\n        width: 160px; \/* Largeur fixe pour une harmonie parfaite *\/\r\n        height: 40px;\r\n        border-radius: 50px; \/* Bords parfaitement arrondis *\/\r\n        overflow: hidden; \/* Permet de couper le blanc et la couleur proprement *\/\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.15);\r\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n        cursor: default;\r\n    }\r\n\r\n    .v-pill:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(0,0,0,0.25);\r\n    }\r\n\r\n    \/* SECTION GAUCHE : LA TENSION (35%) *\/\r\n    .v-val {\r\n        width: 35%;\r\n        background-color: #ffffff;\r\n        color: #333333;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-size: 15px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    \/* SECTION DROITE : LA COULEUR (65%) *\/\r\n    .v-col {\r\n        width: 65%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* RESPONSIVE MOBILE *\/\r\n    @media (max-width: 600px) {\r\n        .voltage-charter-card {\r\n            padding: 30px 20px;\r\n            border-radius: 35px;\r\n        }\r\n        .voltage-title {\r\n            font-size: 20px;\r\n        }\r\n        .v-pill {\r\n            width: 140px; \/* L\u00e9g\u00e8rement plus petit sur mobile *\/\r\n            height: 36px;\r\n        }\r\n        .v-val {\r\n            font-size: 14px;\r\n        }\r\n        .v-col {\r\n            font-size: 12px;\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-a9363ca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a9363ca\" 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-43110f5\" data-id=\"43110f5\" 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-fb7f1f4 elementor-widget elementor-widget-spacer\" data-id=\"fb7f1f4\" 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-ff2d265 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ff2d265\" 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-e5d0027\" data-id=\"e5d0027\" 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-37ba48f elementor-widget elementor-widget-menu-anchor\" data-id=\"37ba48f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"options\"><\/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-66 elementor-top-column elementor-element elementor-element-04c45ac\" data-id=\"04c45ac\" 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-6873307 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"6873307\" 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\">Options<\/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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-80fe689 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"80fe689\" 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-5a0b582\" data-id=\"5a0b582\" 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-60a6877 elementor-widget elementor-widget-spacer\" data-id=\"60a6877\" 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-0fa6c8f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0fa6c8f\" 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-f754801\" data-id=\"f754801\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-c4f48c4 elementor-position-inline-end elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"c4f48c4\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"default-msg\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-circle-right\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSELECT YOUR OPTION\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\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-5377ed9 img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"5377ed9\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mon-groupe-1\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1420\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-poignee-scaled.png\" class=\"attachment-full size-full wp-image-11704\" alt=\"CBX 350 connector + handle\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-poignee-scaled.png 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-poignee-300x266.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-poignee-1024x909.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-poignee-768x682.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-poignee-1536x1363.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-poignee-2048x1817.png 2048w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">RED HANDLE<\/h3><p class=\"elementor-image-box-description\">CB connectors can be equipped with a red handle to help the connection.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0a3ee0 elementor-widget elementor-widget-html\" data-id=\"b0a3ee0\" 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<!-- \ud83d\uded1 MODULE ANTI-INDEXATION IMAGE (\u00c0 glisser juste sous le widget) -->\r\n<div class=\"pro-stealth-marker\" style=\"display:none;\"><\/div>\r\n<script>\r\n(function(){\r\n    \/\/ 1. On trouve ce script sur la page\r\n    var markers = document.querySelectorAll('.pro-stealth-marker');\r\n    var myMarker = markers[markers.length - 1];\r\n    \r\n    \/\/ 2. On remonte au conteneur du widget HTML Elementor\r\n    var myWidget = myMarker.closest('.elementor-widget');\r\n    if(!myWidget) return;\r\n    \r\n    \/\/ 3. On cible le widget juste au-dessus (le widget image cible)\r\n    var targetWidget = myWidget.previousElementSibling;\r\n    if(!targetWidget) return;\r\n\r\n    \/\/ 4. On trouve toutes les images dans ce widget\r\n    var images = targetWidget.querySelectorAll('img');\r\n    \r\n    images.forEach(function(img) {\r\n        if(img.dataset.proStealth) return; \/\/ \u00c9vite la double ex\u00e9cution\r\n        img.dataset.proStealth = 'true';\r\n\r\n        \/\/ On r\u00e9cup\u00e8re la vraie source (g\u00e8re aussi le Lazy Load natif)\r\n        var realSrc = img.getAttribute('data-src') || img.getAttribute('data-lazy-src') || img.src;\r\n        if(!realSrc) return;\r\n\r\n        \/\/ On r\u00e9cup\u00e8re les dimensions exactes pour ne pas casser le design Elementor\r\n        var w = img.getAttribute('width') || img.clientWidth || 800;\r\n        var h = img.getAttribute('height') || img.clientHeight || 600;\r\n        \r\n        \/\/ La Magie : On cr\u00e9e un SVG transparent de la m\u00eame taille\r\n        var blankSvg = \"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 \" + w + \" \" + h + \"'%3E%3C\/svg%3E\";\r\n        \r\n        \/\/ On applique la vraie image en fond CSS avec ses r\u00e9glages\r\n        var computedFit = window.getComputedStyle(img).objectFit;\r\n        img.style.backgroundImage = 'url(\"' + realSrc + '\")';\r\n        img.style.backgroundSize = (computedFit === 'cover' || computedFit === 'contain') ? computedFit : '100% 100%';\r\n        img.style.backgroundPosition = window.getComputedStyle(img).objectPosition || 'center';\r\n        img.style.backgroundRepeat = 'no-repeat';\r\n        \r\n        \/\/ On d\u00e9truit les attributs HTML pour aveugler Google Images\r\n        img.setAttribute('src', blankSvg);\r\n        img.removeAttribute('srcset');\r\n        img.removeAttribute('sizes');\r\n        img.removeAttribute('alt');\r\n    });\r\n\r\n    \/\/ 5. On masque ce widget HTML pour qu'il ne prenne aucune place\r\n    myWidget.style.display = 'none';\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d098418 img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"d098418\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mon-groupe-2\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1316\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-scaled.png\" class=\"attachment-full size-full wp-image-11572\" alt=\"CBX 175 grey handle only\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-scaled.png 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-300x247.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-1024x842.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-768x632.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-1536x1263.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-2048x1684.png 2048w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">GREY HANDLE<\/h3><p class=\"elementor-image-box-description\">CB connectors can be equipped with a grey handle to help the connection.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac4f703 elementor-widget elementor-widget-html\" data-id=\"ac4f703\" 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<!-- \ud83d\uded1 MODULE ANTI-INDEXATION IMAGE (\u00c0 glisser juste sous le widget) -->\r\n<div class=\"pro-stealth-marker\" style=\"display:none;\"><\/div>\r\n<script>\r\n(function(){\r\n    \/\/ 1. On trouve ce script sur la page\r\n    var markers = document.querySelectorAll('.pro-stealth-marker');\r\n    var myMarker = markers[markers.length - 1];\r\n    \r\n    \/\/ 2. On remonte au conteneur du widget HTML Elementor\r\n    var myWidget = myMarker.closest('.elementor-widget');\r\n    if(!myWidget) return;\r\n    \r\n    \/\/ 3. On cible le widget juste au-dessus (le widget image cible)\r\n    var targetWidget = myWidget.previousElementSibling;\r\n    if(!targetWidget) return;\r\n\r\n    \/\/ 4. On trouve toutes les images dans ce widget\r\n    var images = targetWidget.querySelectorAll('img');\r\n    \r\n    images.forEach(function(img) {\r\n        if(img.dataset.proStealth) return; \/\/ \u00c9vite la double ex\u00e9cution\r\n        img.dataset.proStealth = 'true';\r\n\r\n        \/\/ On r\u00e9cup\u00e8re la vraie source (g\u00e8re aussi le Lazy Load natif)\r\n        var realSrc = img.getAttribute('data-src') || img.getAttribute('data-lazy-src') || img.src;\r\n        if(!realSrc) return;\r\n\r\n        \/\/ On r\u00e9cup\u00e8re les dimensions exactes pour ne pas casser le design Elementor\r\n        var w = img.getAttribute('width') || img.clientWidth || 800;\r\n        var h = img.getAttribute('height') || img.clientHeight || 600;\r\n        \r\n        \/\/ La Magie : On cr\u00e9e un SVG transparent de la m\u00eame taille\r\n        var blankSvg = \"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 \" + w + \" \" + h + \"'%3E%3C\/svg%3E\";\r\n        \r\n        \/\/ On applique la vraie image en fond CSS avec ses r\u00e9glages\r\n        var computedFit = window.getComputedStyle(img).objectFit;\r\n        img.style.backgroundImage = 'url(\"' + realSrc + '\")';\r\n        img.style.backgroundSize = (computedFit === 'cover' || computedFit === 'contain') ? computedFit : '100% 100%';\r\n        img.style.backgroundPosition = window.getComputedStyle(img).objectPosition || 'center';\r\n        img.style.backgroundRepeat = 'no-repeat';\r\n        \r\n        \/\/ On d\u00e9truit les attributs HTML pour aveugler Google Images\r\n        img.setAttribute('src', blankSvg);\r\n        img.removeAttribute('srcset');\r\n        img.removeAttribute('sizes');\r\n        img.removeAttribute('alt');\r\n    });\r\n\r\n    \/\/ 5. On masque ce widget HTML pour qu'il ne prenne aucune place\r\n    myWidget.style.display = 'none';\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e0aed5 img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"8e0aed5\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mon-groupe-3\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1197\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-avec-contacts-aux-scaled.png\" class=\"attachment-full size-full wp-image-11706\" alt=\"CBX 350 auxiliary contact\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-avec-contacts-aux-scaled.png 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-avec-contacts-aux-300x224.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-avec-contacts-aux-1024x766.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-avec-contacts-aux-768x574.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-avec-contacts-aux-1536x1149.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-350-avec-contacts-aux-2048x1532.png 2048w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">AUXILIARY CONTACTS<\/h3><p class=\"elementor-image-box-description\">2 x 2,5 mm\u00b2 (AWG 14) auxiliary contacts to be fitted inside the connector. <br><br><i>Can be retrofited into connectors without this option.<\/i>\u200b<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa7026a elementor-widget elementor-widget-html\" data-id=\"fa7026a\" 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<!-- \ud83d\uded1 MODULE ANTI-INDEXATION IMAGE (\u00c0 glisser juste sous le widget) -->\r\n<div class=\"pro-stealth-marker\" style=\"display:none;\"><\/div>\r\n<script>\r\n(function(){\r\n    \/\/ 1. On trouve ce script sur la page\r\n    var markers = document.querySelectorAll('.pro-stealth-marker');\r\n    var myMarker = markers[markers.length - 1];\r\n    \r\n    \/\/ 2. On remonte au conteneur du widget HTML Elementor\r\n    var myWidget = myMarker.closest('.elementor-widget');\r\n    if(!myWidget) return;\r\n    \r\n    \/\/ 3. On cible le widget juste au-dessus (le widget image cible)\r\n    var targetWidget = myWidget.previousElementSibling;\r\n    if(!targetWidget) return;\r\n\r\n    \/\/ 4. On trouve toutes les images dans ce widget\r\n    var images = targetWidget.querySelectorAll('img');\r\n    \r\n    images.forEach(function(img) {\r\n        if(img.dataset.proStealth) return; \/\/ \u00c9vite la double ex\u00e9cution\r\n        img.dataset.proStealth = 'true';\r\n\r\n        \/\/ On r\u00e9cup\u00e8re la vraie source (g\u00e8re aussi le Lazy Load natif)\r\n        var realSrc = img.getAttribute('data-src') || img.getAttribute('data-lazy-src') || img.src;\r\n        if(!realSrc) return;\r\n\r\n        \/\/ On r\u00e9cup\u00e8re les dimensions exactes pour ne pas casser le design Elementor\r\n        var w = img.getAttribute('width') || img.clientWidth || 800;\r\n        var h = img.getAttribute('height') || img.clientHeight || 600;\r\n        \r\n        \/\/ La Magie : On cr\u00e9e un SVG transparent de la m\u00eame taille\r\n        var blankSvg = \"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 \" + w + \" \" + h + \"'%3E%3C\/svg%3E\";\r\n        \r\n        \/\/ On applique la vraie image en fond CSS avec ses r\u00e9glages\r\n        var computedFit = window.getComputedStyle(img).objectFit;\r\n        img.style.backgroundImage = 'url(\"' + realSrc + '\")';\r\n        img.style.backgroundSize = (computedFit === 'cover' || computedFit === 'contain') ? computedFit : '100% 100%';\r\n        img.style.backgroundPosition = window.getComputedStyle(img).objectPosition || 'center';\r\n        img.style.backgroundRepeat = 'no-repeat';\r\n        \r\n        \/\/ On d\u00e9truit les attributs HTML pour aveugler Google Images\r\n        img.setAttribute('src', blankSvg);\r\n        img.removeAttribute('srcset');\r\n        img.removeAttribute('sizes');\r\n        img.removeAttribute('alt');\r\n    });\r\n\r\n    \/\/ 5. On masque ce widget HTML pour qu'il ne prenne aucune place\r\n    myWidget.style.display = 'none';\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbf8988 img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"fbf8988\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mon-groupe-4\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1473\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Raccord-pneumatique-159350-scaled.png\" class=\"attachment-full size-full wp-image-11648\" alt=\"CBX pneumatic contact\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Raccord-pneumatique-159350-scaled.png 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Raccord-pneumatique-159350-300x276.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Raccord-pneumatique-159350-1024x943.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Raccord-pneumatique-159350-768x707.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Raccord-pneumatique-159350-1536x1414.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Raccord-pneumatique-159350-2048x1885.png 2048w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">PNEUMATIC CONTACT<\/h3><p class=\"elementor-image-box-description\">Pneumatic contact taking place into the 2 x auxiliary contacts slot. <br><br><i>Can be retrofited into connectors without this option.<\/i>\u200b<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c71576 elementor-widget elementor-widget-html\" data-id=\"4c71576\" 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<!-- \ud83d\uded1 MODULE ANTI-INDEXATION IMAGE (\u00c0 glisser juste sous le widget) -->\r\n<div class=\"pro-stealth-marker\" style=\"display:none;\"><\/div>\r\n<script>\r\n(function(){\r\n    \/\/ 1. On trouve ce script sur la page\r\n    var markers = document.querySelectorAll('.pro-stealth-marker');\r\n    var myMarker = markers[markers.length - 1];\r\n    \r\n    \/\/ 2. On remonte au conteneur du widget HTML Elementor\r\n    var myWidget = myMarker.closest('.elementor-widget');\r\n    if(!myWidget) return;\r\n    \r\n    \/\/ 3. On cible le widget juste au-dessus (le widget image cible)\r\n    var targetWidget = myWidget.previousElementSibling;\r\n    if(!targetWidget) return;\r\n\r\n    \/\/ 4. On trouve toutes les images dans ce widget\r\n    var images = targetWidget.querySelectorAll('img');\r\n    \r\n    images.forEach(function(img) {\r\n        if(img.dataset.proStealth) return; \/\/ \u00c9vite la double ex\u00e9cution\r\n        img.dataset.proStealth = 'true';\r\n\r\n        \/\/ On r\u00e9cup\u00e8re la vraie source (g\u00e8re aussi le Lazy Load natif)\r\n        var realSrc = img.getAttribute('data-src') || img.getAttribute('data-lazy-src') || img.src;\r\n        if(!realSrc) return;\r\n\r\n        \/\/ On r\u00e9cup\u00e8re les dimensions exactes pour ne pas casser le design Elementor\r\n        var w = img.getAttribute('width') || img.clientWidth || 800;\r\n        var h = img.getAttribute('height') || img.clientHeight || 600;\r\n        \r\n        \/\/ La Magie : On cr\u00e9e un SVG transparent de la m\u00eame taille\r\n        var blankSvg = \"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 \" + w + \" \" + h + \"'%3E%3C\/svg%3E\";\r\n        \r\n        \/\/ On applique la vraie image en fond CSS avec ses r\u00e9glages\r\n        var computedFit = window.getComputedStyle(img).objectFit;\r\n        img.style.backgroundImage = 'url(\"' + realSrc + '\")';\r\n        img.style.backgroundSize = (computedFit === 'cover' || computedFit === 'contain') ? computedFit : '100% 100%';\r\n        img.style.backgroundPosition = window.getComputedStyle(img).objectPosition || 'center';\r\n        img.style.backgroundRepeat = 'no-repeat';\r\n        \r\n        \/\/ On d\u00e9truit les attributs HTML pour aveugler Google Images\r\n        img.setAttribute('src', blankSvg);\r\n        img.removeAttribute('srcset');\r\n        img.removeAttribute('sizes');\r\n        img.removeAttribute('alt');\r\n    });\r\n\r\n    \/\/ 5. On masque ce widget HTML pour qu'il ne prenne aucune place\r\n    myWidget.style.display = 'none';\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abcd6bd img-option-toggle elementor-widget elementor-widget-image-box\" data-id=\"abcd6bd\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mon-groupe-6\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">SPARE PARTS<\/h3><p class=\"elementor-image-box-description\">Casing and contacts are available for long-lasting connector.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-060b59c elementor-widget elementor-widget-html\" data-id=\"060b59c\" 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<!-- \ud83d\uded1 MODULE ANTI-INDEXATION IMAGE (\u00c0 glisser juste sous le widget) -->\r\n<div class=\"pro-stealth-marker\" style=\"display:none;\"><\/div>\r\n<script>\r\n(function(){\r\n    \/\/ 1. On trouve ce script sur la page\r\n    var markers = document.querySelectorAll('.pro-stealth-marker');\r\n    var myMarker = markers[markers.length - 1];\r\n    \r\n    \/\/ 2. On remonte au conteneur du widget HTML Elementor\r\n    var myWidget = myMarker.closest('.elementor-widget');\r\n    if(!myWidget) return;\r\n    \r\n    \/\/ 3. On cible le widget juste au-dessus (le widget image cible)\r\n    var targetWidget = myWidget.previousElementSibling;\r\n    if(!targetWidget) return;\r\n\r\n    \/\/ 4. On trouve toutes les images dans ce widget\r\n    var images = targetWidget.querySelectorAll('img');\r\n    \r\n    images.forEach(function(img) {\r\n        if(img.dataset.proStealth) return; \/\/ \u00c9vite la double ex\u00e9cution\r\n        img.dataset.proStealth = 'true';\r\n\r\n        \/\/ On r\u00e9cup\u00e8re la vraie source (g\u00e8re aussi le Lazy Load natif)\r\n        var realSrc = img.getAttribute('data-src') || img.getAttribute('data-lazy-src') || img.src;\r\n        if(!realSrc) return;\r\n\r\n        \/\/ On r\u00e9cup\u00e8re les dimensions exactes pour ne pas casser le design Elementor\r\n        var w = img.getAttribute('width') || img.clientWidth || 800;\r\n        var h = img.getAttribute('height') || img.clientHeight || 600;\r\n        \r\n        \/\/ La Magie : On cr\u00e9e un SVG transparent de la m\u00eame taille\r\n        var blankSvg = \"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 \" + w + \" \" + h + \"'%3E%3C\/svg%3E\";\r\n        \r\n        \/\/ On applique la vraie image en fond CSS avec ses r\u00e9glages\r\n        var computedFit = window.getComputedStyle(img).objectFit;\r\n        img.style.backgroundImage = 'url(\"' + realSrc + '\")';\r\n        img.style.backgroundSize = (computedFit === 'cover' || computedFit === 'contain') ? computedFit : '100% 100%';\r\n        img.style.backgroundPosition = window.getComputedStyle(img).objectPosition || 'center';\r\n        img.style.backgroundRepeat = 'no-repeat';\r\n        \r\n        \/\/ On d\u00e9truit les attributs HTML pour aveugler Google Images\r\n        img.setAttribute('src', blankSvg);\r\n        img.removeAttribute('srcset');\r\n        img.removeAttribute('sizes');\r\n        img.removeAttribute('alt');\r\n    });\r\n\r\n    \/\/ 5. On masque ce widget HTML pour qu'il ne prenne aucune place\r\n    myWidget.style.display = 'none';\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66628da img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"66628da\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mon-groupe-7\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1063\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CBX-350-scaled.png\" class=\"attachment-full size-full wp-image-11702\" alt=\"CBX 350 cable jumper\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CBX-350-scaled.png 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CBX-350-300x199.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CBX-350-1024x680.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CBX-350-768x510.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CBX-350-1536x1020.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CBX-350-2048x1360.png 2048w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">CABLED CONNECTORS OR JUMPERS<\/h3><p class=\"elementor-image-box-description\">Connectors can be ordered pre-cabled or as jumpers.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6377e89 elementor-widget elementor-widget-html\" data-id=\"6377e89\" 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<!-- \ud83d\uded1 MODULE ANTI-INDEXATION IMAGE (\u00c0 glisser juste sous le widget) -->\r\n<div class=\"pro-stealth-marker\" style=\"display:none;\"><\/div>\r\n<script>\r\n(function(){\r\n    \/\/ 1. On trouve ce script sur la page\r\n    var markers = document.querySelectorAll('.pro-stealth-marker');\r\n    var myMarker = markers[markers.length - 1];\r\n    \r\n    \/\/ 2. On remonte au conteneur du widget HTML Elementor\r\n    var myWidget = myMarker.closest('.elementor-widget');\r\n    if(!myWidget) return;\r\n    \r\n    \/\/ 3. On cible le widget juste au-dessus (le widget image cible)\r\n    var targetWidget = myWidget.previousElementSibling;\r\n    if(!targetWidget) return;\r\n\r\n    \/\/ 4. On trouve toutes les images dans ce widget\r\n    var images = targetWidget.querySelectorAll('img');\r\n    \r\n    images.forEach(function(img) {\r\n        if(img.dataset.proStealth) return; \/\/ \u00c9vite la double ex\u00e9cution\r\n        img.dataset.proStealth = 'true';\r\n\r\n        \/\/ On r\u00e9cup\u00e8re la vraie source (g\u00e8re aussi le Lazy Load natif)\r\n        var realSrc = img.getAttribute('data-src') || img.getAttribute('data-lazy-src') || img.src;\r\n        if(!realSrc) return;\r\n\r\n        \/\/ On r\u00e9cup\u00e8re les dimensions exactes pour ne pas casser le design Elementor\r\n        var w = img.getAttribute('width') || img.clientWidth || 800;\r\n        var h = img.getAttribute('height') || img.clientHeight || 600;\r\n        \r\n        \/\/ La Magie : On cr\u00e9e un SVG transparent de la m\u00eame taille\r\n        var blankSvg = \"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 \" + w + \" \" + h + \"'%3E%3C\/svg%3E\";\r\n        \r\n        \/\/ On applique la vraie image en fond CSS avec ses r\u00e9glages\r\n        var computedFit = window.getComputedStyle(img).objectFit;\r\n        img.style.backgroundImage = 'url(\"' + realSrc + '\")';\r\n        img.style.backgroundSize = (computedFit === 'cover' || computedFit === 'contain') ? computedFit : '100% 100%';\r\n        img.style.backgroundPosition = window.getComputedStyle(img).objectPosition || 'center';\r\n        img.style.backgroundRepeat = 'no-repeat';\r\n        \r\n        \/\/ On d\u00e9truit les attributs HTML pour aveugler Google Images\r\n        img.setAttribute('src', blankSvg);\r\n        img.removeAttribute('srcset');\r\n        img.removeAttribute('sizes');\r\n        img.removeAttribute('alt');\r\n    });\r\n\r\n    \/\/ 5. On masque ce widget HTML pour qu'il ne prenne aucune place\r\n    myWidget.style.display = 'none';\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-50 elementor-top-column elementor-element elementor-element-9dc173b\" data-id=\"9dc173b\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-a6cfff2 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"a6cfff2\" 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-sm\" href=\"#mon-groupe-1\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Red handle<\/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<div class=\"elementor-element elementor-element-7301d66 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"7301d66\" 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-sm\" href=\"#mon-groupe-2\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Grey handle<\/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<div class=\"elementor-element elementor-element-49f5cd0 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"49f5cd0\" 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-sm\" href=\"#mon-groupe-3\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Auxiliary contacts<\/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<div class=\"elementor-element elementor-element-b5e72a4 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"b5e72a4\" 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-sm\" href=\"#mon-groupe-4\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Pneumatic contact<\/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<div class=\"elementor-element elementor-element-1780ae4 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"1780ae4\" 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-sm\" href=\"#mon-groupe-6\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Spare parts<\/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<div class=\"elementor-element elementor-element-0c57e33 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"0c57e33\" 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-sm\" href=\"#mon-groupe-7\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Cabled connectors \/ Jumper<\/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<div class=\"elementor-element elementor-element-6047ead elementor-widget elementor-widget-html\" data-id=\"6047ead\" 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<style>\r\n\/* 1. On cache toutes les images par d\u00e9faut *\/\r\n.img-option-toggle {\r\n    display: none !important;\r\n}\r\n\r\n\/* 2. On affiche l'image active *\/\r\n.img-option-toggle.active-img {\r\n    display: block !important;\r\n    animation: fadeIn 0.4s ease-in-out;\r\n}\r\n\r\n\/* 3. Comportement du message par d\u00e9faut *\/\r\n#default-msg {\r\n    display: block !important; \r\n}\r\n#default-msg.hide-msg {\r\n    display: none !important; \r\n}\r\n\r\n\/* HOVER : Uniquement si le bouton n'est PAS d\u00e9j\u00e0 s\u00e9lectionn\u00e9 *\/\r\n.btn-option-toggle:not(.active-btn) .elementor-button:hover,\r\n.btn-option-toggle:not(.active-btn).elementor-widget-button:hover .elementor-button {\r\n    background-color: #555555 !important;\r\n    color: #ffffff !important;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n\/* Bouton actif en bleu *\/\r\n.btn-option-toggle.active-btn .elementor-button {\r\n    background-color: #4c5eb4 !important; \/* Ton bleu *\/\r\n    color: #ffffff !important;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ On \u00e9coute TOUTE la page en permanence\r\ndocument.body.addEventListener('click', function(e) {\r\n    \r\n    const button = e.target.closest('.btn-option-toggle');\r\n    if (!button) return; \r\n\r\n    const linkElement = button.querySelector('a');\r\n    if (!linkElement) return;\r\n\r\n    \/\/ Emp\u00eache le comportement normal du lien\r\n    e.preventDefault();\r\n\r\n    const buttons = document.querySelectorAll('.btn-option-toggle');\r\n    const images = document.querySelectorAll('.img-option-toggle');\r\n    const defaultMsg = document.getElementById('default-msg');\r\n\r\n    const wasAlreadyActive = button.classList.contains('active-btn');\r\n\r\n    \/\/ On nettoie tout\r\n    buttons.forEach(btn => btn.classList.remove('active-btn'));\r\n    images.forEach(img => img.classList.remove('active-img'));\r\n\r\n    if (wasAlreadyActive) {\r\n        \/\/ SI ON RE-CLIQUE : On affiche juste le message\r\n        if(defaultMsg) defaultMsg.classList.remove('hide-msg');\r\n    } else {\r\n        \/\/ SI ON CLIQUE SUR UN NOUVEAU : On active le bouton et l'image\r\n        button.classList.add('active-btn');\r\n        if(defaultMsg) defaultMsg.classList.add('hide-msg');\r\n\r\n        const targetId = linkElement.getAttribute('href').replace('#', ''); \r\n        const targetImg = document.getElementById(targetId);\r\n        \r\n        if (targetImg) {\r\n            targetImg.classList.add('active-img');\r\n            \r\n            \/\/ --- NOUVEAU CODE : LE SCROLL DOUX ---\r\n            \/\/ On utilise un tout petit d\u00e9lai (50 millisecondes) pour laisser \r\n            \/\/ le temps au navigateur d'afficher l'image avant de calculer sa position\r\n            setTimeout(function() {\r\n                targetImg.scrollIntoView({ \r\n                    behavior: 'smooth', \/* Animation de glissement doux *\/\r\n                    block: 'center'     \/* Centre l'image verticalement \u00e0 l'\u00e9cran *\/\r\n                });\r\n            }, 50);\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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c4c376 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c4c376\" 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-3459537\" data-id=\"3459537\" 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-c6b8a62 elementor-widget elementor-widget-spacer\" data-id=\"c6b8a62\" 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-b93dc30 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b93dc30\" 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-1e2e8bf\" data-id=\"1e2e8bf\" 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-dda340b elementor-widget elementor-widget-menu-anchor\" data-id=\"dda340b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"technical-datas\"><\/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-66 elementor-top-column elementor-element elementor-element-c3f1fea\" data-id=\"c3f1fea\" 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-067a4c0 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"067a4c0\" 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\">Technical data<\/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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7204c59 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7204c59\" 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-71c533e\" data-id=\"71c533e\" 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-81792b0 elementor-widget elementor-widget-spacer\" data-id=\"81792b0\" 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-26cd5d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"26cd5d7\" 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-9ce25fc\" data-id=\"9ce25fc\" 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-2d09bb3 elementor-position-left elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"2d09bb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"364\" height=\"322\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2025\/09\/Datasheet-grey.png\" class=\"attachment-full size-full wp-image-6445\" alt=\"\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2025\/09\/Datasheet-grey.png 364w, https:\/\/proconect.com\/wp-content\/uploads\/2025\/09\/Datasheet-grey-300x265.png 300w\" sizes=\"auto, (max-width: 364px) 100vw, 364px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">CBX 350 Connectors Datasheet<\/h3><p class=\"elementor-image-box-description\">More technical informations about the CBX 350 solutions.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5383ea1 elementor-widget elementor-widget-html\" data-id=\"5383ea1\" 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<!-- \ud83d\uded1 MODULE ANTI-INDEXATION IMAGE (\u00c0 glisser juste sous le widget) -->\r\n<div class=\"pro-stealth-marker\" style=\"display:none;\"><\/div>\r\n<script>\r\n(function(){\r\n    \/\/ 1. On trouve ce script sur la page\r\n    var markers = document.querySelectorAll('.pro-stealth-marker');\r\n    var myMarker = markers[markers.length - 1];\r\n    \r\n    \/\/ 2. On remonte au conteneur du widget HTML Elementor\r\n    var myWidget = myMarker.closest('.elementor-widget');\r\n    if(!myWidget) return;\r\n    \r\n    \/\/ 3. On cible le widget juste au-dessus (le widget image cible)\r\n    var targetWidget = myWidget.previousElementSibling;\r\n    if(!targetWidget) return;\r\n\r\n    \/\/ 4. On trouve toutes les images dans ce widget\r\n    var images = targetWidget.querySelectorAll('img');\r\n    \r\n    images.forEach(function(img) {\r\n        if(img.dataset.proStealth) return; \/\/ \u00c9vite la double ex\u00e9cution\r\n        img.dataset.proStealth = 'true';\r\n\r\n        \/\/ On r\u00e9cup\u00e8re la vraie source (g\u00e8re aussi le Lazy Load natif)\r\n        var realSrc = img.getAttribute('data-src') || img.getAttribute('data-lazy-src') || img.src;\r\n        if(!realSrc) return;\r\n\r\n        \/\/ On r\u00e9cup\u00e8re les dimensions exactes pour ne pas casser le design Elementor\r\n        var w = img.getAttribute('width') || img.clientWidth || 800;\r\n        var h = img.getAttribute('height') || img.clientHeight || 600;\r\n        \r\n        \/\/ La Magie : On cr\u00e9e un SVG transparent de la m\u00eame taille\r\n        var blankSvg = \"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 \" + w + \" \" + h + \"'%3E%3C\/svg%3E\";\r\n        \r\n        \/\/ On applique la vraie image en fond CSS avec ses r\u00e9glages\r\n        var computedFit = window.getComputedStyle(img).objectFit;\r\n        img.style.backgroundImage = 'url(\"' + realSrc + '\")';\r\n        img.style.backgroundSize = (computedFit === 'cover' || computedFit === 'contain') ? computedFit : '100% 100%';\r\n        img.style.backgroundPosition = window.getComputedStyle(img).objectPosition || 'center';\r\n        img.style.backgroundRepeat = 'no-repeat';\r\n        \r\n        \/\/ On d\u00e9truit les attributs HTML pour aveugler Google Images\r\n        img.setAttribute('src', blankSvg);\r\n        img.removeAttribute('srcset');\r\n        img.removeAttribute('sizes');\r\n        img.removeAttribute('alt');\r\n    });\r\n\r\n    \/\/ 5. On masque ce widget HTML pour qu'il ne prenne aucune place\r\n    myWidget.style.display = 'none';\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cd1898 btn-demande-doc elementor-widget elementor-widget-button\" data-id=\"4cd1898\" 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-sm\" href=\"#\">\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-file-download\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">DOWNLOAD REQUEST<\/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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f528ee4\" data-id=\"f528ee4\" data-element_type=\"column\" data-e-type=\"column\" id=\"bloc-formulaire-doc\">\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-4e0446c elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"4e0446c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Suivant&quot;,&quot;step_previous_label&quot;:&quot;Pr\\u00e9c\\u00e9dent&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"DOCUMENT REQUEST\" aria-label=\"DOCUMENT REQUEST\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"11684\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"4e0446c\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"CBX 350 - PROCONECT\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"11684\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_d010b19 elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_d010b19\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tNAME\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_d010b19]\" id=\"form-field-field_d010b19\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Your name...\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tCOMPANY\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Your company...\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tE-MAIL\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Your e-mail...\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_22d7fa5 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_22d7fa5\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tTYPE OF DOCUMENT REQUIRED\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-caret-down\"><\/i>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_22d7fa5]\" id=\"form-field-field_22d7fa5\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"CBX 350 Connectors Datasheet\">CBX 350 Connectors Datasheet<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text\">\n\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_phone]\" id=\"form-field-field_phone\" class=\"elementor-field elementor-size-sm \" style=\"display:none !important;\">\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SEND REQUEST<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\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-83f7b26 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"83f7b26\" 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<script>\r\njQuery(document).ready(function($) {\r\n    \r\n    \/\/ On utilise $('body').on('click'...) pour que \u00e7a marche \u00e0 100% sur Elementor\r\n    $('body').on('click', '.btn-demande-doc, .btn-demande-doc a', function(e) {\r\n        e.preventDefault(); \/\/ Bloque le rechargement de la page\r\n        \r\n        var $formulaire = $('#bloc-formulaire-doc');\r\n        \r\n        \/\/ On v\u00e9rifie que la bo\u00eete existe bien, puis on l'affiche\r\n        if ($formulaire.length > 0) {\r\n            $formulaire.fadeIn(400);\r\n            \r\n            \/\/ --- AUTO-SCROLL MOBILE ---\r\n            if ($(window).width() <= 767) {\r\n                $('html, body').animate({\r\n                    scrollTop: $formulaire.offset().top - 60 \r\n                }, 500);\r\n            }\r\n        } else {\r\n            console.log(\"Erreur : Le formulaire avec l'ID #bloc-formulaire-doc est introuvable.\");\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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-033149a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"033149a\" 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-19ee506\" data-id=\"19ee506\" 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-287e13b elementor-hidden-tablet elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"287e13b\" 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-0f07980\" data-id=\"0f07980\" 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-f2fff1e elementor-widget elementor-widget-heading\" data-id=\"f2fff1e\" 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\">DO YOU HAVE A PROJECT<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f46245a elementor-widget elementor-widget-heading\" data-id=\"f46245a\" 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\">Please feel free to contact us. We will carefully review your request in order to offer you the products best suited to your project.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a08bd6c elementor-mobile-align-center elementor-button-info elementor-align-left elementor-widget elementor-widget-button\" data-id=\"a08bd6c\" 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\/contact\/\" id=\"3PX3contact\">\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\">CONTACT US<\/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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CBX 350 350A 600V max. Battery charging connector PROCONECT offers hermaphroditic IP2X power connectors for simplified and secure connections. The CBX 350 connector, rated at 350A, is suitable for demanding environments thanks to its resistance to acids, bases, hydrocarbons, and extreme temperatures. BATTERY CONNECTORS \u279c Connectors Options Technical data Amp. pilots : 20A Contacts max. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11701,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":29,"footnotes":""},"class_list":["post-11684","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CBX 350 - PROCONECT<\/title>\n<meta name=\"description\" content=\"PROCONECT CBX 350 power connector (350A, IP2X). Secure hermaphroditic design for extreme temperatures and harsh environments.\" \/>\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\/cbx-350-dc-connector\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CBX 350 - PROCONECT\" \/>\n<meta property=\"og:description\" content=\"PROCONECT CBX 350 power connector (350A, IP2X). Secure hermaphroditic design for extreme temperatures and harsh environments.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proconect.com\/fr\/cbx-350-dc-connector\/\" \/>\n<meta property=\"og:site_name\" content=\"PROCONECT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-13T05:54:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX350-web-scaled.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"929\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-350-dc-connector\\\/\",\"url\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-350-dc-connector\\\/\",\"name\":\"CBX 350 - PROCONECT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-350-dc-connector\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-350-dc-connector\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Wall-CBX350-web-scaled.png\",\"datePublished\":\"2026-06-30T14:18:33+00:00\",\"dateModified\":\"2026-10-13T05:54:11+00:00\",\"description\":\"PROCONECT CBX 350 power connector (350A, IP2X). Secure hermaphroditic design for extreme temperatures and harsh environments.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-350-dc-connector\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-350-dc-connector\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-350-dc-connector\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Wall-CBX350-web-scaled.png\",\"contentUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Wall-CBX350-web-scaled.png\",\"width\":1600,\"height\":929,\"caption\":\"CBX 350 presentation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-350-dc-connector\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CBX 350\"}]},{\"@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":"CBX 350 - PROCONECT","description":"PROCONECT CBX 350 power connector (350A, IP2X). Secure hermaphroditic design for extreme temperatures and harsh environments.","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\/cbx-350-dc-connector\/","og_locale":"fr_FR","og_type":"article","og_title":"CBX 350 - PROCONECT","og_description":"PROCONECT CBX 350 power connector (350A, IP2X). Secure hermaphroditic design for extreme temperatures and harsh environments.","og_url":"https:\/\/proconect.com\/fr\/cbx-350-dc-connector\/","og_site_name":"PROCONECT","article_modified_time":"2026-10-13T05:54:11+00:00","og_image":[{"width":1600,"height":929,"url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX350-web-scaled.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/proconect.com\/en\/cbx-350-dc-connector\/","url":"https:\/\/proconect.com\/en\/cbx-350-dc-connector\/","name":"CBX 350 - PROCONECT","isPartOf":{"@id":"https:\/\/proconect.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proconect.com\/en\/cbx-350-dc-connector\/#primaryimage"},"image":{"@id":"https:\/\/proconect.com\/en\/cbx-350-dc-connector\/#primaryimage"},"thumbnailUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX350-web-scaled.png","datePublished":"2026-06-30T14:18:33+00:00","dateModified":"2026-10-13T05:54:11+00:00","description":"PROCONECT CBX 350 power connector (350A, IP2X). Secure hermaphroditic design for extreme temperatures and harsh environments.","breadcrumb":{"@id":"https:\/\/proconect.com\/en\/cbx-350-dc-connector\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proconect.com\/en\/cbx-350-dc-connector\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/proconect.com\/en\/cbx-350-dc-connector\/#primaryimage","url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX350-web-scaled.png","contentUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX350-web-scaled.png","width":1600,"height":929,"caption":"CBX 350 presentation"},{"@type":"BreadcrumbList","@id":"https:\/\/proconect.com\/en\/cbx-350-dc-connector\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/proconect.com\/en\/accueil\/"},{"@type":"ListItem","position":2,"name":"CBX 350"}]},{"@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\/11684","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=11684"}],"version-history":[{"count":49,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/11684\/revisions"}],"predecessor-version":[{"id":14700,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/11684\/revisions\/14700"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/media\/11701"}],"wp:attachment":[{"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/media?parent=11684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}