{"id":11460,"date":"2026-06-30T09:46:25","date_gmt":"2026-06-30T07:46:25","guid":{"rendered":"https:\/\/proconect.com\/?page_id=11460"},"modified":"2026-10-13T07:54:04","modified_gmt":"2026-10-13T05:54:04","slug":"cb-50-dc-connector","status":"publish","type":"page","link":"https:\/\/proconect.com\/fr\/cb-50-dc-connector\/","title":{"rendered":"CB 50"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11460\" class=\"elementor elementor-11460\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-87dcaa4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"87dcaa4\" 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-aedcb11\" data-id=\"aedcb11\" 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-c3c3173 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"c3c3173\" 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\">CB 50<\/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-7711da8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7711da8\" 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-09b58eb\" data-id=\"09b58eb\" 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-6af1de8 elementor-widget elementor-widget-spacer\" data-id=\"6af1de8\" 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-548de90 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"548de90\" 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-09bdf9f\" data-id=\"09bdf9f\" 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-104be6b elementor-widget elementor-widget-image\" data-id=\"104be6b\" 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=\"477\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB50-web-1024x610.png\" class=\"attachment-large size-large wp-image-11475\" alt=\"CB 50 presentation\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB50-web-1024x610.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB50-web-300x179.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB50-web-768x458.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB50-web-1536x916.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB50-web-2048x1221.png 2048w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB50-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-5902669\" data-id=\"5902669\" 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-d0836e1 elementor-widget elementor-widget-progress\" data-id=\"d0836e1\" 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% (50A)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">50A<\/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-cdf15a9 elementor-widget elementor-widget-progress\" data-id=\"cdf15a9\" 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-31080fb\" data-id=\"31080fb\" 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-0e9d69f elementor-cta--skin-cover elementor-cta--valign-top elementor-widget__width-initial elementor-widget elementor-widget-call-to-action\" data-id=\"0e9d69f\" 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 power connectors for simplified and secure connections. The CB 50 connector, rated at 50A, 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-f9cd7f5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f9cd7f5\" 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-0fffb34\" data-id=\"0fffb34\" 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-9d43ccf elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"9d43ccf\" 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-8b55220 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"8b55220\" 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-7bef951 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"7bef951\" 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-1c49319\" data-id=\"1c49319\" 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-72498fc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"72498fc\" 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-75b4ddb\" data-id=\"75b4ddb\" 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-d3fd986 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"d3fd986\" 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\">Contacts max. : 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 : 6 mm\u00b2 (AWG 10) \/ 16 mm\u00b2 (AWG 6)<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Termination : to crimp, to solder<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c206cee\" data-id=\"c206cee\" 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-f60c67e elementor-align-start elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"f60c67e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Casing : Polycarbonate or polyamid<\/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<\/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-329af52 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"329af52\" 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-02f5ba8\" data-id=\"02f5ba8\" 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-3beda54 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3beda54\" 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    \r\n    <!-- BOUTON 2 : CB 175 (Standard) -->\r\n    <div class=\"pro-tt-wrapper\">\r\n        <div class=\"pro-tt-trigger\" data-url=\"https:\/\/proconect.com\/cb-175-dc-connector\/\">\r\n            <svg class=\"pro-btn-icon\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <span>CB 175<\/span>\r\n        <\/div>\r\n        <div class=\"pro-tt-box\">\r\n            <div class=\"pro-tt-header\">\r\n                <h3 class=\"pro-tt-title\">CB 175<\/h3>\r\n                <svg width=\"30\" height=\"30\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pro-tt-pills\">\r\n                <div class=\"pro-tt-pill\">175A<\/div>\r\n                <div class=\"pro-tt-pill\">600V max.<\/div>\r\n            <\/div>\r\n            <ul class=\"pro-tt-list\">\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Poles : 2P (+\/-)<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Section max. : 50 mm\u00b2<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>7-color coding<\/li>\r\n            <\/ul>\r\n            <a href=\"https:\/\/proconect.com\/cb-175-dc-connector\/\" class=\"pro-tt-mobile-btn\">SEE MORE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- BOUTON 3 : CB 350 (Standard) -->\r\n    <div class=\"pro-tt-wrapper\">\r\n        <div class=\"pro-tt-trigger\" data-url=\"https:\/\/proconect.com\/cb-350-dc-connector\/\">\r\n            <svg class=\"pro-btn-icon\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <span>CB 350<\/span>\r\n        <\/div>\r\n        <div class=\"pro-tt-box\">\r\n            <div class=\"pro-tt-header\">\r\n                <h3 class=\"pro-tt-title\">CB 350<\/h3>\r\n                <svg width=\"30\" height=\"30\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pro-tt-pills\">\r\n                <div class=\"pro-tt-pill\">350A<\/div>\r\n                <div class=\"pro-tt-pill\">600V max.<\/div>\r\n            <\/div>\r\n            <ul class=\"pro-tt-list\">\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Poles : 2P (+\/-)<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Section max. : 70 mm\u00b2<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>7-color coding<\/li>\r\n            <\/ul>\r\n            <a href=\"https:\/\/proconect.com\/cb-350-dc-connector\/\" class=\"pro-tt-mobile-btn\">SEE MORE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n        <!-- BOUTON 4 : CBX 175 (Cat\u00e9gorie MV) -->\r\n    <div class=\"pro-tt-wrapper pro-cat-mv\">\r\n        <div class=\"pro-tt-trigger\" data-url=\"https:\/\/proconect.com\/cbx-175-dc-connector\/\">\r\n            <svg class=\"pro-btn-icon\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <span>CBX 175<\/span>\r\n        <\/div>\r\n        <div class=\"pro-tt-box\">\r\n            <div class=\"pro-tt-header\">\r\n                <h3 class=\"pro-tt-title\">CBX 175<\/h3>\r\n                <svg width=\"30\" height=\"30\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pro-tt-pills\">\r\n                <div class=\"pro-tt-pill\">175A<\/div>\r\n                <div class=\"pro-tt-pill\">600V max.<\/div>\r\n            <\/div>\r\n            <ul class=\"pro-tt-list\">\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Poles : 2P (+\/-)<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>2 pilots option<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Section max. : 50 mm\u00b2<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>User protection : IP2X<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>7-color coding<\/li>\r\n            <\/ul>\r\n            <a href=\"https:\/\/proconect.com\/cbx-175-dc-connector\/\" class=\"pro-tt-mobile-btn\">SEE MORE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 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-7d723ae elementor-widget elementor-widget-spacer\" data-id=\"7d723ae\" 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-cbd3fc7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cbd3fc7\" 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-081dc9c\" data-id=\"081dc9c\" 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-fe2aba2 elementor-widget elementor-widget-menu-anchor\" data-id=\"fe2aba2\" 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-176423c\" data-id=\"176423c\" 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-49f3ec7 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"49f3ec7\" 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-1c4b75a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1c4b75a\" 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-d59388f\" data-id=\"d59388f\" 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-dbbce74 elementor-widget elementor-widget-spacer\" data-id=\"dbbce74\" 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-69bc8a2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"69bc8a2\" 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-62d0799\" data-id=\"62d0799\" 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-f3335a1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f3335a1\" 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-8249c3e\" data-id=\"8249c3e\" 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-0372772 elementor-align-justify elementor-widget__width-initial btn-html-toggle elementor-widget elementor-widget-button\" data-id=\"0372772\" 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-11b6f0d elementor-widget elementor-widget-image\" data-id=\"11b6f0d\" 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=\"214\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-300x214.png\" class=\"attachment-medium size-medium wp-image-11474\" alt=\"CB 50 connector\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-300x214.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-1024x729.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-768x547.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-1536x1093.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-2048x1458.png 2048w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-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-705e4f3\" data-id=\"705e4f3\" 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-d43b8fd elementor-widget elementor-widget-image\" data-id=\"d43b8fd\" 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-CB50_connector.svg\" class=\"attachment-large size-large wp-image-11488\" alt=\"CB 50 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-ad9ca57 elementor-widget elementor-widget-html\" data-id=\"ad9ca57\" 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-e4c360f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e4c360f\" 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-b67bd49\" data-id=\"b67bd49\" 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-55f1110 elementor-align-justify elementor-widget__width-initial btn-html-toggle elementor-widget elementor-widget-button\" data-id=\"55f1110\" 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-b818dbc elementor-widget elementor-widget-image\" data-id=\"b818dbc\" 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=\"218\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-connectee-2-300x218.png\" class=\"attachment-medium size-medium wp-image-11476\" alt=\"CB 50 couple\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-connectee-2-300x218.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-connectee-2-1024x744.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-connectee-2-768x558.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-connectee-2-1536x1116.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-connectee-2-2048x1488.png 2048w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-connectee-2-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-4ea72f4\" data-id=\"4ea72f4\" 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-779b9bc elementor-widget elementor-widget-image\" data-id=\"779b9bc\" 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=\"330\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Prise-CB50_couple.svg\" class=\"attachment-large size-large wp-image-11487\" alt=\"CB 50 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-ca3295b elementor-widget elementor-widget-html\" data-id=\"ca3295b\" 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-606c677\" data-id=\"606c677\" 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-2034079 box-html-toggle elementor-widget elementor-widget-html\" data-id=\"2034079\" 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 connector to be mounted or mobile. Available with 6 or 16 mm\u00b2 contacts (AWG 10 - 6) 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-ed8260d box-html-toggle elementor-widget elementor-widget-html\" data-id=\"ed8260d\" 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-d6417ed elementor-position-inline-start elementor-hidden-mobile elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"d6417ed\" 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-8dab573 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"8dab573\" 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-7c62319 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c62319\" 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-827151b\" data-id=\"827151b\" 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-c58edf9 elementor-widget elementor-widget-html\" data-id=\"c58edf9\" 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;\"\/>\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=\"27\" height=\"27\" 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>Material:<\/label>\r\n                <select class=\"conf-material\">\r\n                    <option value=\"\">-- Select --<\/option>\r\n                    <option value=\"Polycarbonate\">Polycarbonate<\/option>\r\n                    <option value=\"Polyamid\">Polyamid<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"configurator-row\">\r\n                <label>Section:<\/label>\r\n                <select class=\"conf-section\" disabled>\r\n                    <option value=\"\">-- Select --<\/option>\r\n                    <option value=\"6\">6 mm\u00b2<\/option>\r\n                    <option value=\"16\">16 mm\u00b2<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"configurator-row\">\r\n                <label>Color:<\/label>\r\n                <select class=\"conf-color\" disabled>\r\n                    <option value=\"\">-- Select --<\/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                <div class=\"options\">\r\n                    <label class=\"checkbox-label\">\r\n                        <input type=\"checkbox\" class=\"conf-handle\"> Red Handle\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 (Format Horizontal) *\/\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: 850px;\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: 20px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        margin: -10px 0 15px 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 A DEUX COLONNES *\/\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    .configurator-row {\r\n        margin-bottom: 0px; \r\n    }\r\n\r\n    .configurator-integrated label {\r\n        display: block;\r\n        margin-bottom: 6px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #ffffff;\r\n        opacity: 0.85;\r\n    }\r\n\r\n    .configurator-integrated select {\r\n        width: 100%;\r\n        padding: 10px 15px;\r\n        border-radius: 50px; \r\n        border: none;\r\n        background-color: #ffffff;\r\n        color: #555555;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        font-family: 'Montserrat', sans-serif;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .configurator-integrated select:disabled {\r\n        opacity: 0.6;\r\n        cursor: not-allowed;\r\n    }\r\n\r\n    .options {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 6px;\r\n        margin-top: 10px; \r\n    }\r\n\r\n    .checkbox-label {\r\n        display: flex !important;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-size: 15px !important;\r\n        opacity: 1 !important;\r\n        color: #ffffff !important;\r\n        font-weight: 500 !important;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .checkbox-label input[type=\"checkbox\"] {\r\n        cursor: pointer;\r\n        width: 16px;\r\n        height: 16px;\r\n    }\r\n\r\n    .reference-box {\r\n        margin-top: 25px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        background: #ffffff !important;\r\n        padding: 12px 15px;\r\n        border-radius: 50px !important; \r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #555555;\r\n        overflow: hidden; \r\n    }\r\n\r\n    .reference-box button {\r\n        background: #555555;\r\n        color: #ffffff;\r\n        border: none;\r\n        padding: 8px 16px;\r\n        border-radius: 50px !important; \r\n        cursor: pointer;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        transition: background 0.2s ease;\r\n    }\r\n\r\n    .reference-box button:hover {\r\n        background: #414141;\r\n    }\r\n\r\n    \/* RESPONSIVE MOBILE *\/\r\n    @media (max-width: 800px) {\r\n        .custom-socket-card.horizontal-config {\r\n            flex-direction: column;\r\n            padding: 30px; \r\n        }\r\n        .hc-image-col {\r\n            margin-top: 0;\r\n            margin-bottom: 0;\r\n            justify-content: center; \r\n        }\r\n        .configurator-integrated.hc-controls-col {\r\n            padding: 0;\r\n        }\r\n        .configurator-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 15px;\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    const dataMap = {\r\n        \"Polycarbonate\": {\r\n            \"Grey\": { \"6\": \"149011\", \"16\": \"149010\" },\r\n            \"Red\": { \"6\": \"149051\", \"16\": \"149050\" }\r\n        },\r\n        \"Polyamid\": {\r\n            \"Black\": { \"6\": \"149091\", \"16\": \"149090\" },\r\n            \"Red\": { \"6\": \"149091-R\", \"16\": \"149090-R\" }\r\n        }\r\n    };\r\n\r\n    const colorHex = {\r\n        \"Grey\": \"#9b9b9b\",\r\n        \"Red\": \"#e00000\",\r\n        \"Black\": \"#585858\"\r\n    };\r\n\r\n    const matSel = configBox.querySelector('.conf-material');\r\n    const colSel = configBox.querySelector('.conf-color');\r\n    const secSel = configBox.querySelector('.conf-section');\r\n    const handleChk = configBox.querySelector('.conf-handle');\r\n    \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    \/\/ D\u00e8s qu'on change la mati\u00e8re, on d\u00e9bloque LA COULEUR ET LA SECTION en m\u00eame temps\r\n    if (e.target === matSel) {\r\n        colSel.innerHTML = '<option value=\"\">-- Select --<\/option>';\r\n        colSel.disabled = true;\r\n        secSel.disabled = true;\r\n        secSel.value = \"\"; \/\/ R\u00e9initialise la section uniquement quand on change de mati\u00e8re globale\r\n\r\n        if(matSel.value) {\r\n            const availableColors = Object.keys(dataMap[matSel.value]);\r\n            availableColors.forEach(c => {\r\n                let opt = document.createElement('option');\r\n                opt.value = c; opt.innerText = c;\r\n                colSel.appendChild(opt);\r\n            });\r\n            colSel.disabled = false;\r\n            secSel.disabled = false; \/\/ La section se d\u00e9bloque directement\r\n        }\r\n    }\r\n\r\n    \/\/ Mise \u00e0 jour de l'image 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    handleElement.style.display = handleChk.checked ? \"block\" : \"none\";\r\n\r\n    \/\/ G\u00e9n\u00e9ration de la r\u00e9f\u00e9rence finale\r\n    let ref = \"(select all options)\";\r\n    if (matSel.value && colSel.value && secSel.value) {\r\n        ref = dataMap[matSel.value][colSel.value][secSel.value];\r\n        if (handleChk.checked) {\r\n            ref += \" + 165353\";\r\n        }\r\n    }\r\n    \r\n    refDisplay.innerText = ref;\r\n});\r\n\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-7ab0913\" data-id=\"7ab0913\" 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-63c2f3f elementor-widget elementor-widget-html\" data-id=\"63c2f3f\" 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-863b21a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"863b21a\" 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-fd4d0c3\" data-id=\"fd4d0c3\" 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-dbc28f2 elementor-widget elementor-widget-spacer\" data-id=\"dbc28f2\" 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-9005b51 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9005b51\" 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-e87d978\" data-id=\"e87d978\" 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-cc55177 elementor-widget elementor-widget-menu-anchor\" data-id=\"cc55177\" 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-aa82bef\" data-id=\"aa82bef\" 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-bac8daf elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"bac8daf\" 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-8155020 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8155020\" 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-762c693\" data-id=\"762c693\" 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-173ba1a elementor-widget elementor-widget-spacer\" data-id=\"173ba1a\" 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-3f93e74 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3f93e74\" 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-5c5969d\" data-id=\"5c5969d\" 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-a9cc756 elementor-position-inline-end elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"a9cc756\" 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-2294954 img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"2294954\" 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=\"1364\" height=\"994\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/BOUCHON-165376-1.png\" class=\"attachment-full size-full wp-image-11518\" alt=\"CB dust cap\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/BOUCHON-165376-1.png 1364w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/BOUCHON-165376-1-300x219.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/BOUCHON-165376-1-1024x746.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/BOUCHON-165376-1-768x560.png 768w\" sizes=\"auto, (max-width: 1364px) 100vw, 1364px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">DUST CAP<\/h3><p class=\"elementor-image-box-description\">Cap to be fitted on the connector and avoid dust inside the plug.<\/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-a502b34 elementor-widget elementor-widget-html\" data-id=\"a502b34\" 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-50456f3 img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"50456f3\" 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=\"1481\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-poignee-scaled.png\" class=\"attachment-full size-full wp-image-11473\" alt=\"CB 50 connector handle\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-poignee-scaled.png 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-poignee-300x278.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-poignee-1024x948.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-50-poignee-768x711.png 768w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">HANDLE<\/h3><p class=\"elementor-image-box-description\">CB connectors can be equipped with an 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-a671130 elementor-widget elementor-widget-html\" data-id=\"a671130\" 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-8d8aaeb img-option-toggle elementor-widget elementor-widget-image-box\" data-id=\"8d8aaeb\" 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\"><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-e61dea1 elementor-widget elementor-widget-html\" data-id=\"e61dea1\" 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-522a79a img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"522a79a\" 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=\"1050\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CB50-1-scaled.png\" class=\"attachment-full size-full wp-image-11574\" alt=\"CB 50 cable jumper\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CB50-1-scaled.png 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CB50-1-300x197.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CB50-1-1024x672.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CB50-1-768x504.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CB50-1-1536x1008.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CB50-1-2048x1344.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-8fdd921 elementor-widget elementor-widget-html\" data-id=\"8fdd921\" 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-3503ead\" data-id=\"3503ead\" 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-b9b5276 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"b9b5276\" 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\">Dust cap<\/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-ae4da19 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"ae4da19\" 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\">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-5c43bcc elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"5c43bcc\" 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\">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-6db4797 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"6db4797\" 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\">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-2855bc1 elementor-widget elementor-widget-html\" data-id=\"2855bc1\" 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-01f7d63 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"01f7d63\" 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-423ea6a\" data-id=\"423ea6a\" 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-d2b61e2 elementor-widget elementor-widget-spacer\" data-id=\"d2b61e2\" 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-6cedc3f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6cedc3f\" 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-de5be89\" data-id=\"de5be89\" 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-7bdd29e elementor-widget elementor-widget-menu-anchor\" data-id=\"7bdd29e\" 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-4ed9ccf\" data-id=\"4ed9ccf\" 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-b720f75 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"b720f75\" 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-dfacaf4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dfacaf4\" 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-29d664a\" data-id=\"29d664a\" 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-2af716b elementor-widget elementor-widget-spacer\" data-id=\"2af716b\" 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-3188afe elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3188afe\" 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-3ca26ea\" data-id=\"3ca26ea\" 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-f4681a5 elementor-position-left elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"f4681a5\" 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\">CB 50 Connectors Datasheet<\/h3><p class=\"elementor-image-box-description\">More technical informations about the CB 50 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-59ef70b elementor-widget elementor-widget-html\" data-id=\"59ef70b\" 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-dfccbbf btn-demande-doc elementor-widget elementor-widget-button\" data-id=\"dfccbbf\" 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-a480de8\" data-id=\"a480de8\" 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-a6b48fc elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"a6b48fc\" 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=\"11460\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"a6b48fc\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"PROCONECT\" \/>\n\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=\"CB 50 Connectors Datasheet\">CB 50 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-12b91c2 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"12b91c2\" 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-011d5e2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"011d5e2\" 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-1ee5a42\" data-id=\"1ee5a42\" 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-e57c858 elementor-hidden-tablet elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"e57c858\" 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-e6040d3\" data-id=\"e6040d3\" 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-473ab97 elementor-widget elementor-widget-heading\" data-id=\"473ab97\" 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-2037338 elementor-widget elementor-widget-heading\" data-id=\"2037338\" 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-78db124 elementor-mobile-align-center elementor-button-info elementor-align-left elementor-widget elementor-widget-button\" data-id=\"78db124\" 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>CB 50 50A 600V max. Battery charging connector PROCONECT offers hermaphroditic power connectors for simplified and secure connections. The CB 50 connector, rated at 50A, is suitable for demanding environments thanks to its resistance to acids, bases, hydrocarbons, and extreme temperatures. BATTERY CONNECTORS \u279c Connectors Options Technical data Contacts max. : 2P (+\/-) Cable section [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11475,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":35,"footnotes":""},"class_list":["post-11460","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>CB 50 - PROCONECT<\/title>\n<meta name=\"description\" content=\"PROCONECT CB 50 power connector (50A). Secure hermaphroditic design for extreme temperatures and demanding 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\/cb-50-dc-connector\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CB 50 - PROCONECT\" \/>\n<meta property=\"og:description\" content=\"PROCONECT CB 50 power connector (50A). Secure hermaphroditic design for extreme temperatures and demanding environments.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proconect.com\/fr\/cb-50-dc-connector\/\" \/>\n<meta property=\"og:site_name\" content=\"PROCONECT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-13T05:54:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB50-web-scaled.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"954\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cb-50-dc-connector\\\/\",\"url\":\"https:\\\/\\\/proconect.com\\\/en\\\/cb-50-dc-connector\\\/\",\"name\":\"CB 50 - PROCONECT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cb-50-dc-connector\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cb-50-dc-connector\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Wall-CB50-web-scaled.png\",\"datePublished\":\"2026-06-30T07:46:25+00:00\",\"dateModified\":\"2026-10-13T05:54:04+00:00\",\"description\":\"PROCONECT CB 50 power connector (50A). Secure hermaphroditic design for extreme temperatures and demanding environments.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cb-50-dc-connector\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proconect.com\\\/en\\\/cb-50-dc-connector\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cb-50-dc-connector\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Wall-CB50-web-scaled.png\",\"contentUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Wall-CB50-web-scaled.png\",\"width\":1600,\"height\":954,\"caption\":\"CB 50 presentation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cb-50-dc-connector\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CB 50\"}]},{\"@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":"CB 50 - PROCONECT","description":"PROCONECT CB 50 power connector (50A). Secure hermaphroditic design for extreme temperatures and demanding 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\/cb-50-dc-connector\/","og_locale":"fr_FR","og_type":"article","og_title":"CB 50 - PROCONECT","og_description":"PROCONECT CB 50 power connector (50A). Secure hermaphroditic design for extreme temperatures and demanding environments.","og_url":"https:\/\/proconect.com\/fr\/cb-50-dc-connector\/","og_site_name":"PROCONECT","article_modified_time":"2026-10-13T05:54:04+00:00","og_image":[{"width":1600,"height":954,"url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB50-web-scaled.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/proconect.com\/en\/cb-50-dc-connector\/","url":"https:\/\/proconect.com\/en\/cb-50-dc-connector\/","name":"CB 50 - PROCONECT","isPartOf":{"@id":"https:\/\/proconect.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proconect.com\/en\/cb-50-dc-connector\/#primaryimage"},"image":{"@id":"https:\/\/proconect.com\/en\/cb-50-dc-connector\/#primaryimage"},"thumbnailUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB50-web-scaled.png","datePublished":"2026-06-30T07:46:25+00:00","dateModified":"2026-10-13T05:54:04+00:00","description":"PROCONECT CB 50 power connector (50A). Secure hermaphroditic design for extreme temperatures and demanding environments.","breadcrumb":{"@id":"https:\/\/proconect.com\/en\/cb-50-dc-connector\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proconect.com\/en\/cb-50-dc-connector\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/proconect.com\/en\/cb-50-dc-connector\/#primaryimage","url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB50-web-scaled.png","contentUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB50-web-scaled.png","width":1600,"height":954,"caption":"CB 50 presentation"},{"@type":"BreadcrumbList","@id":"https:\/\/proconect.com\/en\/cb-50-dc-connector\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/proconect.com\/en\/accueil\/"},{"@type":"ListItem","position":2,"name":"CB 50"}]},{"@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\/11460","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=11460"}],"version-history":[{"count":109,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/11460\/revisions"}],"predecessor-version":[{"id":14694,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/11460\/revisions\/14694"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/media\/11475"}],"wp:attachment":[{"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/media?parent=11460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}