{"id":11636,"date":"2026-06-30T15:36:13","date_gmt":"2026-06-30T13:36:13","guid":{"rendered":"https:\/\/proconect.com\/?page_id=11636"},"modified":"2026-10-13T07:54:07","modified_gmt":"2026-10-13T05:54:07","slug":"cbx-175-dc-connector","status":"publish","type":"page","link":"https:\/\/proconect.com\/fr\/cbx-175-dc-connector\/","title":{"rendered":"CBX 175"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11636\" class=\"elementor elementor-11636\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9bdc5c5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9bdc5c5\" 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-c4bf5fc\" data-id=\"c4bf5fc\" 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-99e895c elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"99e895c\" 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 175<\/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-10683a4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"10683a4\" 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-8db635a\" data-id=\"8db635a\" 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-bd08e57 elementor-widget elementor-widget-spacer\" data-id=\"bd08e57\" 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-fa91bcc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fa91bcc\" 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-552f2aa\" data-id=\"552f2aa\" 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-477086d elementor-widget elementor-widget-image\" data-id=\"477086d\" 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=\"405\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX175-web-1024x519.png\" class=\"attachment-large size-large wp-image-11644\" alt=\"CBX 175 presentation\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX175-web-1024x519.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX175-web-300x152.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX175-web-768x389.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX175-web-1536x778.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX175-web-2048x1037.png 2048w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX175-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-5fa5850\" data-id=\"5fa5850\" 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-834ac4a elementor-widget elementor-widget-progress\" data-id=\"834ac4a\" 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% (175A)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">175A<\/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-3ab57bd elementor-widget elementor-widget-progress\" data-id=\"3ab57bd\" 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-80dc7f8\" data-id=\"80dc7f8\" 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-6f20f7a elementor-cta--skin-cover elementor-cta--valign-top elementor-widget__width-initial elementor-widget elementor-widget-call-to-action\" data-id=\"6f20f7a\" 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 175 connector, rated at 175A, 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-4588f88 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4588f88\" 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-3eb3c76\" data-id=\"3eb3c76\" 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-bf80456 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"bf80456\" 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-742a561 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"742a561\" 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-e78c5b8 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"e78c5b8\" 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-ee6c70e\" data-id=\"ee6c70e\" 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-7ff6a91 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7ff6a91\" 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-63ebe85\" data-id=\"63ebe85\" 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-3ffa5eb elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"3ffa5eb\" 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 : 35 mm\u00b2 (AWG 2) \/ 50 mm\u00b2 (AWG 1\/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<\/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-b594bd4\" data-id=\"b594bd4\" 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-47eaed4 elementor-align-start elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"47eaed4\" 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\">Termination : to crimp, to solder<\/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\">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-7877335 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7877335\" 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-b7b5ff1\" data-id=\"b7b5ff1\" 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-eb25239 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"eb25239\" 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        \r\n    <!-- BOUTON 5 : CBX 350 (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-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>CBX 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\">CBX 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>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. : 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>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-350-dc-connector\/\" class=\"pro-tt-mobile-btn\">SEE MORE<\/a>\r\n        <\/div>\r\n    <\/div>\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-cadda5b elementor-widget elementor-widget-spacer\" data-id=\"cadda5b\" 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-fe36434 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fe36434\" 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-5b9d22d\" data-id=\"5b9d22d\" 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-0b372d3 elementor-widget elementor-widget-menu-anchor\" data-id=\"0b372d3\" 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-59364b3\" data-id=\"59364b3\" 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-a363b75 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"a363b75\" 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-e3dbda2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e3dbda2\" 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-2850f3c\" data-id=\"2850f3c\" 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-8b96a10 elementor-widget elementor-widget-spacer\" data-id=\"8b96a10\" 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-8c5ba80 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8c5ba80\" 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-573270c\" data-id=\"573270c\" 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-dea9403 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dea9403\" 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-2d23b92\" data-id=\"2d23b92\" 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-42512bd elementor-align-justify elementor-widget__width-initial btn-html-toggle elementor-widget elementor-widget-button\" data-id=\"42512bd\" 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-438baf9 elementor-widget elementor-widget-image\" data-id=\"438baf9\" 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=\"204\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-300x204.png\" class=\"attachment-medium size-medium wp-image-11645\" alt=\"CBX 175 connector\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-300x204.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-1024x695.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-768x521.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-1536x1042.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-2048x1390.png 2048w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-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-9afb4ed\" data-id=\"9afb4ed\" 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-a425431 elementor-widget elementor-widget-image\" data-id=\"a425431\" 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-CBX175_connector.svg\" class=\"attachment-large size-large wp-image-11653\" alt=\"CBX 175 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-46045ef elementor-widget elementor-widget-html\" data-id=\"46045ef\" 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-b169272 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b169272\" 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-0146ea5\" data-id=\"0146ea5\" 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-8a6e359 elementor-align-justify elementor-widget__width-initial btn-html-toggle elementor-widget elementor-widget-button\" data-id=\"8a6e359\" 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-b9ff876 elementor-widget elementor-widget-image\" data-id=\"b9ff876\" 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-175-connectee-300x198.png\" class=\"attachment-medium size-medium wp-image-11646\" alt=\"CBX 175 couple\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-connectee-300x198.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-connectee-1024x677.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-connectee-768x507.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-connectee-1536x1015.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-connectee-2048x1353.png 2048w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-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-494520b\" data-id=\"494520b\" 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-2a16b33 elementor-widget elementor-widget-image\" data-id=\"2a16b33\" 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=\"315\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Prise-CBX175_couple.svg\" class=\"attachment-large size-large wp-image-11654\" alt=\"CBX 175 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-08f9c76 elementor-widget elementor-widget-html\" data-id=\"08f9c76\" 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-939a655\" data-id=\"939a655\" 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-3578379 box-html-toggle elementor-widget elementor-widget-html\" data-id=\"3578379\" 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 35 and 50 mm\u00b2 contacts (AWG 2 - 1\/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-cc04e05 box-html-toggle elementor-widget elementor-widget-html\" data-id=\"cc04e05\" 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-290e572 elementor-position-inline-start elementor-hidden-mobile elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"290e572\" 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-63d1f41 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"63d1f41\" 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-47f51ea elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"47f51ea\" 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-dc5f25c\" data-id=\"dc5f25c\" 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-1e669ef elementor-widget elementor-widget-html\" data-id=\"1e669ef\" 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=\"Orange\">Orange<\/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\">\r\n                    <option value=\"\">-- Select --<\/option>\r\n                    <option value=\"35\">35 mm\u00b2 (AWG 2)<\/option>\r\n                    <option value=\"50\">50 mm\u00b2 (AWG 1\/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 (Only 50mm\u00b2)\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    \/* \ud83c\udfaf LA GRILLE DES OPTIONS (Cases \u00e0 cocher) *\/\r\n    .options {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr; \/* 2 colonnes pour les poign\u00e9es *\/\r\n        gap: 12px 25px; \r\n        margin-top: 8px; \r\n    }\r\n\r\n    \/* Force l'option Aux. \u00e0 se mettre seule sur la 2\u00e8me ligne *\/\r\n    #aux-label {\r\n        grid-column: 1 \/ -1; \r\n    }\r\n\r\n    \/* \ud83c\udfaf DESIGN DES CASES \u00c0 COCHER IDENTIQUES *\/\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; \/* Enl\u00e8ve les marges par d\u00e9faut *\/\r\n    }\r\n\r\n    .checkbox-label.disabled-label {\r\n        opacity: 0.4 !important;\r\n        cursor: not-allowed;\r\n    }\r\n\r\n    .checkbox-label input[type=\"checkbox\"] {\r\n        display: none; \/* On cache la case native moche *\/\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; \/* Emp\u00eache le carr\u00e9 de s'\u00e9craser *\/\r\n    }\r\n\r\n    .checkbox-label input:checked + .custom-chk {\r\n        background-color: #555555; \/* Gris fonc\u00e9 quand c'est coch\u00e9 *\/\r\n    }\r\n\r\n    .checkbox-label input:disabled + .custom-chk {\r\n        background-color: #d3d3d3; \/* Case gris\u00e9e quand d\u00e9sactiv\u00e9e *\/\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        \/* Repasse la grille sur 1 colonne pour les petits \u00e9crans *\/\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\r\n    const dataMap = {\r\n        \"Grey\":   { \"35\": \"159111\", \"50\": \"159110\", \"50_aux\": \"159113\" },\r\n        \"Blue\":   { \"35\": \"159121\", \"50\": \"159120\", \"50_aux\": \"159123\" },\r\n        \"Orange\": { \"35\": \"159131\", \"50\": \"159130\", \"50_aux\": \"159133\" },\r\n        \"Yellow\": { \"35\": \"159141\", \"50\": \"159140\", \"50_aux\": \"159143\" },\r\n        \"Red\":    { \"35\": \"159151\", \"50\": \"159150\", \"50_aux\": \"159153\" },\r\n        \"Green\":  { \"35\": \"159161\", \"50\": \"159160\", \"50_aux\": \"159163\" },\r\n        \"Black\":  { \"35\": \"159191\", \"50\": \"159190\", \"50_aux\": \"159193\" }\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        \"Orange\": \"#ff8800\",\r\n        \"Yellow\": \"#ffe500\",\r\n        \"Red\": \"#e00000\",\r\n        \"Green\": \"#27ae60\",\r\n        \"Black\": \"#424242\" \r\n    };\r\n\r\n    \/\/ Les couleurs 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 auxLabel = configBox.querySelector('#aux-label');\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. LOGIQUE DE S\u00c9CURIT\u00c9 : Bloquer l'option Aux si 35mm\u00b2 est choisi\r\n    if (secSel.value === \"35\") {\r\n        auxChk.checked = false; \r\n        auxChk.disabled = true; \r\n        auxLabel.classList.add('disabled-label'); \r\n    } else {\r\n        auxChk.disabled = false;\r\n        auxLabel.classList.remove('disabled-label');\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;\r\n        if (auxChk.checked && secSel.value === \"50\") {\r\n            sectionKey = \"50_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 165370 ou 165380\r\n            if (handleRedChk.checked) {\r\n                ref += \" + 165370\";\r\n            } else if (handleGreyChk.checked) {\r\n                ref += \" + 165380\";\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-8a73c96\" data-id=\"8a73c96\" 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-9b18835 elementor-widget elementor-widget-html\" data-id=\"9b18835\" 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-ae21ecf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ae21ecf\" 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-03d8c6c\" data-id=\"03d8c6c\" 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-3459005 elementor-widget elementor-widget-spacer\" data-id=\"3459005\" 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-ca40197 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ca40197\" 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-1caaf27\" data-id=\"1caaf27\" 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-0f67732 elementor-widget elementor-widget-menu-anchor\" data-id=\"0f67732\" 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-3852b61\" data-id=\"3852b61\" 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-a27eee2 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"a27eee2\" 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-95f164d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"95f164d\" 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-4f05688\" data-id=\"4f05688\" 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-5e6e3f2 elementor-widget elementor-widget-spacer\" data-id=\"5e6e3f2\" 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-16013b3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"16013b3\" 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-346335e\" data-id=\"346335e\" 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-a223170 elementor-position-inline-end elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"a223170\" 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-70f1da8 img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"70f1da8\" 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=\"1404\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-poignees-scaled.png\" class=\"attachment-full size-full wp-image-11647\" alt=\"CBX 175 conector + handle\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-poignees-scaled.png 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-poignees-300x263.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-poignees-1024x898.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-poignees-768x674.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-poignees-1536x1348.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-poignees-2048x1797.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-bbb38d2 elementor-widget elementor-widget-html\" data-id=\"bbb38d2\" 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-042b112 img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"042b112\" 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-ac253a6 elementor-widget elementor-widget-html\" data-id=\"ac253a6\" 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-d4cce3c img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"d4cce3c\" 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-175-contacts-aux-scaled.png\" class=\"attachment-full size-full wp-image-11676\" alt=\"CBX 175 auxiliary contact\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-contacts-aux-scaled.png 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-contacts-aux-300x224.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-contacts-aux-1024x766.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-contacts-aux-768x574.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-contacts-aux-1536x1149.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CBX-175-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-cf2ea91 elementor-widget elementor-widget-html\" data-id=\"cf2ea91\" 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-375a93e img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"375a93e\" 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-41de9f9 elementor-widget elementor-widget-html\" data-id=\"41de9f9\" 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-894595e img-option-toggle elementor-widget elementor-widget-image-box\" data-id=\"894595e\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mon-groupe-5\" 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\">TERMINAL REDUCER <br>50 to 25 mm\u00b2<\/h3><p class=\"elementor-image-box-description\">Reducer to adapt 25 mm\u00b2 (AWG 4) cables into 50 mm\u00b2 (AWG 1\/0) cable terminals.<\/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-aed45d4 elementor-widget elementor-widget-html\" data-id=\"aed45d4\" 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-02ca6d1 img-option-toggle elementor-widget elementor-widget-image-box\" data-id=\"02ca6d1\" 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-1c444a3 elementor-widget elementor-widget-html\" data-id=\"1c444a3\" 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-7620611 img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"7620611\" 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-CBX175-scaled.png\" class=\"attachment-full size-full wp-image-11680\" alt=\"CBX 175 cable jumper\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CBX175-scaled.png 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CBX175-300x199.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CBX175-1024x680.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CBX175-768x510.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CBX175-1536x1020.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CBX175-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-0e52d96 elementor-widget elementor-widget-html\" data-id=\"0e52d96\" 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-bc798b7\" data-id=\"bc798b7\" 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-df2ea7e elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"df2ea7e\" 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-f3d8043 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"f3d8043\" 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-8ff9191 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"8ff9191\" 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-93a4b21 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"93a4b21\" 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-8f8d300 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"8f8d300\" 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-5\">\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\">Terminal reducer 50\/25 mm\u00b2<\/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-0a80be0 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"0a80be0\" 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-71c2a1a elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"71c2a1a\" 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-fd230f1 elementor-widget elementor-widget-html\" data-id=\"fd230f1\" 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-9138004 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9138004\" 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-60c7f14\" data-id=\"60c7f14\" 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-67dc8d4 elementor-widget elementor-widget-spacer\" data-id=\"67dc8d4\" 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-d4dd6f3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d4dd6f3\" 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-c29a9c7\" data-id=\"c29a9c7\" 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-db4ec66 elementor-widget elementor-widget-menu-anchor\" data-id=\"db4ec66\" 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-54f828e\" data-id=\"54f828e\" 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-6b25c87 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"6b25c87\" 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-4f9a64a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4f9a64a\" 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-9aaf331\" data-id=\"9aaf331\" 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-35a415a elementor-widget elementor-widget-spacer\" data-id=\"35a415a\" 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-d0ed959 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d0ed959\" 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-19bf674\" data-id=\"19bf674\" 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-3b394e0 elementor-position-left elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"3b394e0\" 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 175 Connectors Datasheet<\/h3><p class=\"elementor-image-box-description\">More technical informations about the CBX 175 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-7f91adc elementor-widget elementor-widget-html\" data-id=\"7f91adc\" 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-b64d3ad btn-demande-doc elementor-widget elementor-widget-button\" data-id=\"b64d3ad\" 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-3944d98\" data-id=\"3944d98\" 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-766befe elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"766befe\" 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=\"11636\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"766befe\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"CBX 175 - PROCONECT\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"11636\"\/>\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 175 Connectors Datasheet\">CBX 175 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-9084cb1 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"9084cb1\" 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-22e69db elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"22e69db\" 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-9fd29c9\" data-id=\"9fd29c9\" 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-0509b76 elementor-hidden-tablet elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"0509b76\" 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-e2119d0\" data-id=\"e2119d0\" 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-9602526 elementor-widget elementor-widget-heading\" data-id=\"9602526\" 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-2d1f94e elementor-widget elementor-widget-heading\" data-id=\"2d1f94e\" 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-cebe8e7 elementor-mobile-align-center elementor-button-info elementor-align-left elementor-widget elementor-widget-button\" data-id=\"cebe8e7\" 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 175 175A 600V max. Battery charging connector PROCONECT offers hermaphroditic IP2X power connectors for simplified and secure connections. The CBX 175 connector, rated at 175A, 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":11644,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":25,"footnotes":""},"class_list":["post-11636","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 175 - PROCONECT<\/title>\n<meta name=\"description\" content=\"PROCONECT CBX 175 power connector (175A, 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-175-dc-connector\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CBX 175 - PROCONECT\" \/>\n<meta property=\"og:description\" content=\"PROCONECT CBX 175 power connector (175A, IP2X). Secure hermaphroditic design for extreme temperatures and harsh environments.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proconect.com\/fr\/cbx-175-dc-connector\/\" \/>\n<meta property=\"og:site_name\" content=\"PROCONECT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-13T05:54:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX175-web-scaled.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"810\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-175-dc-connector\\\/\",\"url\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-175-dc-connector\\\/\",\"name\":\"CBX 175 - PROCONECT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-175-dc-connector\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-175-dc-connector\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Wall-CBX175-web-scaled.png\",\"datePublished\":\"2026-06-30T13:36:13+00:00\",\"dateModified\":\"2026-10-13T05:54:07+00:00\",\"description\":\"PROCONECT CBX 175 power connector (175A, IP2X). Secure hermaphroditic design for extreme temperatures and harsh environments.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-175-dc-connector\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-175-dc-connector\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-175-dc-connector\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Wall-CBX175-web-scaled.png\",\"contentUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Wall-CBX175-web-scaled.png\",\"width\":1600,\"height\":810,\"caption\":\"CBX 175 presentation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cbx-175-dc-connector\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CBX 175\"}]},{\"@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 175 - PROCONECT","description":"PROCONECT CBX 175 power connector (175A, 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-175-dc-connector\/","og_locale":"fr_FR","og_type":"article","og_title":"CBX 175 - PROCONECT","og_description":"PROCONECT CBX 175 power connector (175A, IP2X). Secure hermaphroditic design for extreme temperatures and harsh environments.","og_url":"https:\/\/proconect.com\/fr\/cbx-175-dc-connector\/","og_site_name":"PROCONECT","article_modified_time":"2026-10-13T05:54:07+00:00","og_image":[{"width":1600,"height":810,"url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX175-web-scaled.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/proconect.com\/en\/cbx-175-dc-connector\/","url":"https:\/\/proconect.com\/en\/cbx-175-dc-connector\/","name":"CBX 175 - PROCONECT","isPartOf":{"@id":"https:\/\/proconect.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proconect.com\/en\/cbx-175-dc-connector\/#primaryimage"},"image":{"@id":"https:\/\/proconect.com\/en\/cbx-175-dc-connector\/#primaryimage"},"thumbnailUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX175-web-scaled.png","datePublished":"2026-06-30T13:36:13+00:00","dateModified":"2026-10-13T05:54:07+00:00","description":"PROCONECT CBX 175 power connector (175A, IP2X). Secure hermaphroditic design for extreme temperatures and harsh environments.","breadcrumb":{"@id":"https:\/\/proconect.com\/en\/cbx-175-dc-connector\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proconect.com\/en\/cbx-175-dc-connector\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/proconect.com\/en\/cbx-175-dc-connector\/#primaryimage","url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX175-web-scaled.png","contentUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CBX175-web-scaled.png","width":1600,"height":810,"caption":"CBX 175 presentation"},{"@type":"BreadcrumbList","@id":"https:\/\/proconect.com\/en\/cbx-175-dc-connector\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/proconect.com\/en\/accueil\/"},{"@type":"ListItem","position":2,"name":"CBX 175"}]},{"@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\/11636","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=11636"}],"version-history":[{"count":61,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/11636\/revisions"}],"predecessor-version":[{"id":14697,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/11636\/revisions\/14697"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/media\/11644"}],"wp:attachment":[{"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/media?parent=11636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}