{"id":11585,"date":"2026-06-30T13:56:51","date_gmt":"2026-06-30T11:56:51","guid":{"rendered":"https:\/\/proconect.com\/?page_id=11585"},"modified":"2026-10-13T07:53:59","modified_gmt":"2026-10-13T05:53:59","slug":"cb-350-dc-connector","status":"publish","type":"page","link":"https:\/\/proconect.com\/fr\/cb-350-dc-connector\/","title":{"rendered":"CB 350"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11585\" class=\"elementor elementor-11585\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8b03679 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8b03679\" 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-4f991bf\" data-id=\"4f991bf\" 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-14fd514 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"14fd514\" 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 350<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1181fa7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1181fa7\" 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-69645e2\" data-id=\"69645e2\" 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-7a657a3 elementor-widget elementor-widget-spacer\" data-id=\"7a657a3\" 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-1b0cb83 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b0cb83\" 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-db1aa91\" data-id=\"db1aa91\" 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-a28e37b elementor-widget elementor-widget-image\" data-id=\"a28e37b\" 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=\"426\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB350-web-1024x545.png\" class=\"attachment-large size-large wp-image-11590\" alt=\"CB 350 presentation\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB350-web-1024x545.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB350-web-300x160.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB350-web-768x409.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB350-web-1536x818.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB350-web-2048x1091.png 2048w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB350-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-fb56e62\" data-id=\"fb56e62\" 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-5732eff elementor-widget elementor-widget-progress\" data-id=\"5732eff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"100\" aria-valuetext=\"100% (350A)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"100\">\n\t\t\t\t<span class=\"elementor-progress-text\">350A<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66f2840 elementor-widget elementor-widget-progress\" data-id=\"66f2840\" 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-d0216d7\" data-id=\"d0216d7\" 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-d0d910a elementor-cta--skin-cover elementor-cta--valign-top elementor-widget__width-initial elementor-widget elementor-widget-call-to-action\" data-id=\"d0d910a\" 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 350 connector, rated at 350A, is suitable for demanding environments thanks to its resistance to acids, bases, hydrocarbons, and extreme temperatures.\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item \">\n\t\t\t\t\t<a class=\"elementor-cta__button elementor-button elementor-size-\" href=\"https:\/\/proconect.com\/dc-connectors\/\">\n\t\t\t\t\t\tBATTERY CONNECTORS \u279c\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c4ac166 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c4ac166\" 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-39a8c1a\" data-id=\"39a8c1a\" 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-7dd64c1 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"7dd64c1\" 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-8e73396 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"8e73396\" 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-ff7a25d elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"ff7a25d\" 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-5ca0702\" data-id=\"5ca0702\" 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-9de74e8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9de74e8\" 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-e956e33\" data-id=\"e956e33\" 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-0b6ac97 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"0b6ac97\" 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 : 70 mm\u00b2 (AWG 2\/0)<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">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-fc23fc6\" data-id=\"fc23fc6\" 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-ebf53fe elementor-align-start elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ebf53fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Casing : Polycarbonate<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Contacts : Silver plated copper <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Fastenings : Stainless steel<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Temperature : -40\u00b0 +125\u00b0C<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/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-68f9f47 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"68f9f47\" 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-eeb3e0f\" data-id=\"eeb3e0f\" 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-aab7479 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"aab7479\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ========================================================== -->\r\n<!-- GRILLE COMPL\u00c8TE DES BOUTONS PROCONECT                      -->\r\n<!-- ========================================================== -->\r\n<div class=\"pro-tt-grid\">\r\n\r\n    <!-- BOUTON 1 : CB 50 (Standard) -->\r\n    <div class=\"pro-tt-wrapper\">\r\n        <div class=\"pro-tt-trigger\" data-url=\"https:\/\/proconect.com\/cb-50-dc-connector\/\">\r\n            <svg class=\"pro-btn-icon\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <span>CB 50<\/span>\r\n        <\/div>\r\n        <div class=\"pro-tt-box\">\r\n            <div class=\"pro-tt-header\">\r\n                <h3 class=\"pro-tt-title\">CB 50<\/h3>\r\n                <svg width=\"30\" height=\"30\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pro-tt-pills\">\r\n                <div class=\"pro-tt-pill\">50A<\/div>\r\n                <div class=\"pro-tt-pill\">600V max.<\/div>\r\n            <\/div>\r\n            <ul class=\"pro-tt-list\">\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Poles : 2P (+\/-)<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Section max. : 16 mm\u00b2<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>7-color coding<\/li>\r\n            <\/ul>\r\n            <a href=\"https:\/\/proconect.com\/cb-50-dc-connector\/\" class=\"pro-tt-mobile-btn\">SEE MORE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- BOUTON 2 : CB 175 (Standard) -->\r\n    <div class=\"pro-tt-wrapper\">\r\n        <div class=\"pro-tt-trigger\" data-url=\"https:\/\/proconect.com\/cb-175-dc-connector\/\">\r\n            <svg class=\"pro-btn-icon\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <span>CB 175<\/span>\r\n        <\/div>\r\n        <div class=\"pro-tt-box\">\r\n            <div class=\"pro-tt-header\">\r\n                <h3 class=\"pro-tt-title\">CB 175<\/h3>\r\n                <svg width=\"30\" height=\"30\" viewBox=\"0 0 420 230\">\r\n <path class=\"cls-1\" d=\"M305.11,0H114.72C51.36,0,0,51.36,0,114.72h0c0,63.36,51.36,114.72,114.72,114.72h190.38c63.36,0,114.72-51.36,114.72-114.72h0c0-63.36-51.36-114.72-114.72-114.72h0ZM116.4,190.6c-42.16,0-76.33-34.18-76.33-76.33S74.25,37.94,116.4,37.94s76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33ZM307.66,190.6c-42.16,0-76.33-34.18-76.33-76.33s34.18-76.33,76.33-76.33,76.33,34.18,76.33,76.33-34.18,76.33-76.33,76.33h0Z\"\/>\r\n  <polygon class=\"cls-1\" points=\"157.54 103.34 127.32 103.34 127.32 73.14 105.47 73.14 105.47 103.34 75.25 103.34 75.25 125.19 105.47 125.19 105.47 155.42 127.32 155.42 127.32 125.19 157.54 125.19 157.54 103.34\"\/>\r\n  <rect class=\"cls-1\" x=\"266.51\" y=\"103.34\" width=\"82.28\" height=\"21.85\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pro-tt-pills\">\r\n                <div class=\"pro-tt-pill\">175A<\/div>\r\n                <div class=\"pro-tt-pill\">600V max.<\/div>\r\n            <\/div>\r\n            <ul class=\"pro-tt-list\">\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Poles : 2P (+\/-)<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>Section max. : 50 mm\u00b2<\/li>\r\n                <li><span class=\"pro-tt-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#243162\" stroke-width=\"8\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>7-color coding<\/li>\r\n            <\/ul>\r\n            <a href=\"https:\/\/proconect.com\/cb-175-dc-connector\/\" class=\"pro-tt-mobile-btn\">SEE MORE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    \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-b0ecb81 elementor-widget elementor-widget-spacer\" data-id=\"b0ecb81\" 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-edb2b1d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"edb2b1d\" 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-677cf5d\" data-id=\"677cf5d\" 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-c19564a elementor-widget elementor-widget-menu-anchor\" data-id=\"c19564a\" 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-ee838d2\" data-id=\"ee838d2\" 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-facb082 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"facb082\" 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-3711178 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3711178\" 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-1dca617\" data-id=\"1dca617\" 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-d428cc2 elementor-widget elementor-widget-spacer\" data-id=\"d428cc2\" 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-cfbcc28 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cfbcc28\" 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-2d25746\" data-id=\"2d25746\" 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-4d4cd5d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4d4cd5d\" 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-b1b5475\" data-id=\"b1b5475\" 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-8af329c elementor-align-justify elementor-widget__width-initial btn-html-toggle elementor-widget elementor-widget-button\" data-id=\"8af329c\" 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-2e71115 elementor-widget elementor-widget-image\" data-id=\"2e71115\" 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=\"213\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-300x213.png\" class=\"attachment-medium size-medium wp-image-11591\" alt=\"CB 350 connector\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-300x213.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-1024x728.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-768x546.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-1536x1091.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-2048x1455.png 2048w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-scaled.png 1600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-173efd1\" data-id=\"173efd1\" 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-2795fd8 elementor-widget elementor-widget-image\" data-id=\"2795fd8\" 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-CB350_connector.svg\" class=\"attachment-large size-large wp-image-11595\" alt=\"CB 350 connector dimension\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da18c5b elementor-widget elementor-widget-html\" data-id=\"da18c5b\" 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-435cc3d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"435cc3d\" 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-563e088\" data-id=\"563e088\" 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-54e6ec8 elementor-align-justify elementor-widget__width-initial btn-html-toggle elementor-widget elementor-widget-button\" data-id=\"54e6ec8\" 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-706e485 elementor-widget elementor-widget-image\" data-id=\"706e485\" 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=\"202\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-connectee-300x202.png\" class=\"attachment-medium size-medium wp-image-11592\" alt=\"CB 350 couple\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-connectee-300x202.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-connectee-1024x691.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-connectee-768x518.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-connectee-1536x1037.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-connectee-2048x1382.png 2048w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-connectee-scaled.png 1600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f5eb2fc\" data-id=\"f5eb2fc\" 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-fab4ed2 elementor-widget elementor-widget-image\" data-id=\"fab4ed2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"836\" height=\"315\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Prise-CB350_couple.svg\" class=\"attachment-large size-large wp-image-11596\" alt=\"CB 350 connector couple dimension\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02f5284 elementor-widget elementor-widget-html\" data-id=\"02f5284\" 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-dd0b43a\" data-id=\"dd0b43a\" 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-1d82195 box-html-toggle elementor-widget elementor-widget-html\" data-id=\"1d82195\" 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 70 mm\u00b2 contacts (AWG 2\/0) to crimp or to solder.<br><br><i>Different casing color  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-e8e5bf3 box-html-toggle elementor-widget elementor-widget-html\" data-id=\"e8e5bf3\" 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-07287a8 elementor-position-inline-start elementor-hidden-mobile elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"07287a8\" 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-b501f4e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"b501f4e\" 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-91e4170 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"91e4170\" 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-324af73\" data-id=\"324af73\" 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-535d7f5 elementor-widget elementor-widget-html\" data-id=\"535d7f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"custom-socket-card horizontal-config\">\r\n\r\n    <div class=\"hc-image-col\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Calque_1\" data-name=\"Calque 1\" viewBox=\"0 0 2169.79 1638.9\">\r\n            <defs>\r\n                <style>.cls-3{fill:none;isolation:isolate;opacity:.5;stroke:#fff;stroke-miterlimit:10;stroke-width:150px}<\/style>\r\n            <\/defs>\r\n            <g id=\"CABLES\">\r\n                <path d=\"M1012.62 1063.53H0M1012.62 590.65H0\" class=\"cls-3\"\/>\r\n            <\/g>\r\n            <path id=\"CB\" d=\"M1950.77 366.9h-353.11c-18.96 0-34.74 13.6-38.13 31.57H906v373.11h618.34v105.7H906v373.12h653.53c3.39 17.97 19.17 31.56 38.13 31.56h353.11c21.43 0 38.81-17.37 38.81-38.8V405.71c0-21.43-17.38-38.81-38.81-38.81m-147.46 754.54h-47.45V942.76h47.45zm65.58-480.94h-65.58v65.62h-47.45V640.5h-65.65v-47.45h65.65v-65.62h47.45v65.62h65.58z\" style=\"fill:#fff\"\/>\r\n            \r\n            <path id=\"HANDLE\" d=\"M1406.47 573.58H1228.8L498.91 186.32l-3.49-1.48c-70.1-29.74-149.86-22.39-213.35 19.64-63.49 42.04-101.4 112.59-101.4 188.74v852.46c0 75.77 37.61 146.13 100.62 188.22 37.84 25.28 81.59 38.19 125.67 38.19 29.31 0 58.78-5.71 86.73-17.3l3.86-1.6 730.05-387.87h178.87c66.61 0 120.61-54 120.61-120.61V694.18c0-66.61-54-120.61-120.61-120.61Zm-982.79 720.7c-21.49 7.49-38.62-1.51-45.18-5.89-6.86-4.58-22.83-17.93-22.83-42.71V393.22c0-24.9 16.09-38.24 23.01-42.82 6.64-4.4 24.02-13.42 45.69-5.53l610.97 324.16V969.3l-611.66 324.97Z\" style=\"fill:red; display: none; transition: fill 0.3s ease;\"\/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"configurator-integrated hc-controls-col\">\r\n        <h3>\r\n            <svg class=\"gear\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"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>Color:<\/label>\r\n                <select class=\"conf-color\">\r\n                    <option value=\"\">-- Select --<\/option>\r\n                    <option value=\"Grey\">Grey<\/option>\r\n                    <option value=\"Blue\">Blue<\/option>\r\n                    <option value=\"Yellow\">Yellow<\/option>\r\n                    <option value=\"Red\">Red<\/option>\r\n                    <option value=\"Green\">Green<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"configurator-row\">\r\n                <label>Section:<\/label>\r\n                <select class=\"conf-section\">\r\n                    <option value=\"\">-- Select --<\/option>\r\n                    <option value=\"70\">70 mm\u00b2 (AWG 2\/0)<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"configurator-row options-row\">\r\n                <label>Option(s):<\/label>\r\n                <div class=\"options\">\r\n                    <label class=\"checkbox-label\">\r\n                        <input type=\"checkbox\" class=\"conf-handle-red\"> Red Handle\r\n                    <\/label>\r\n                    <label class=\"checkbox-label\">\r\n                        <input type=\"checkbox\" class=\"conf-handle-grey\"> Grey 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: 950px;\r\n        font-family: 'Montserrat', 'Segoe UI', sans-serif;\r\n        color: #ffffff;\r\n        box-sizing: border-box;\r\n        margin: 0 auto;\r\n        overflow: hidden; \r\n    }\r\n\r\n    \/* COLONNE GAUCHE : IMAGE PLAQU\u00c9E AU BORD *\/\r\n    .hc-image-col {\r\n        flex: 1;\r\n        display: flex;\r\n        justify-content: flex-start; \r\n        align-items: center;\r\n        min-width: 200px;\r\n        margin-top: -30px;\r\n        margin-bottom: -30px;\r\n    }\r\n\r\n    .hc-image-col svg {\r\n        width: 400px; \r\n        max-width: 400px; \r\n        height: auto;\r\n        transition: all 0.3s ease;\r\n        margin-left: -10px;\r\n    }\r\n\r\n    #CB {\r\n        transition: fill 0.3s ease;\r\n    }\r\n\r\n    \/* COLONNE DROITE : LE CONFIGURATEUR INTEGRE *\/\r\n    .configurator-integrated.hc-controls-col {\r\n        flex: 2;\r\n        min-width: 300px;\r\n        padding: 0 0 0 20px; \r\n        margin: 0;\r\n        width: 100%;\r\n    }\r\n\r\n    .configurator-integrated h3 {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        margin: -10px 0 20px 0;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        text-transform: uppercase;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .configurator-integrated .gear {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* LA GRILLE 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    \/* Les options prennent toute la largeur en bas *\/\r\n    .options-row {\r\n        grid-column: 1 \/ -1; \r\n    }\r\n\r\n    .configurator-row {\r\n        margin-bottom: 0px; \r\n    }\r\n\r\n    .configurator-integrated label {\r\n        display: block;\r\n        margin-bottom: 6px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #ffffff;\r\n        opacity: 0.85;\r\n    }\r\n\r\n    .configurator-integrated select {\r\n        width: 100%;\r\n        padding: 10px 15px;\r\n        border-radius: 50px; \r\n        border: none;\r\n        background-color: #ffffff;\r\n        color: #555555;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        font-family: 'Montserrat', sans-serif;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .options {\r\n        display: flex;\r\n        gap: 20px; \/* Les met c\u00f4te \u00e0 c\u00f4te pour gagner de la place *\/\r\n        margin-top: 5px; \r\n        flex-wrap: wrap;\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        .options {\r\n            flex-direction: column;\r\n            gap: 6px;\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    \/\/ Nouvelle base de donn\u00e9es simplifi\u00e9e\r\n    const dataMap = {\r\n        \"Grey\": { \"70\": \"149210\" },\r\n        \"Blue\": { \"70\": \"149220\" },\r\n        \"Yellow\": { \"70\": \"149240\" },\r\n        \"Red\": { \"70\": \"149250\" },\r\n        \"Green\": { \"70\": \"149260\" }\r\n    };\r\n\r\n    \/\/ Couleurs du corps SVG\r\n    const colorHex = {\r\n        \"Grey\": \"#9b9b9b\",\r\n        \"Blue\": \"#55b6ff\",\r\n        \"Yellow\": \"#ffe500\",\r\n        \"Red\": \"#e00000\",\r\n        \"Green\": \"#27ae60\" \/* Nouvelle couleur Verte *\/\r\n    };\r\n\r\n    \/\/ Couleurs de poign\u00e9es corrig\u00e9es en codes Hex\r\n    const handleHex = {\r\n        \"Red\": \"red\",   \r\n        \"Grey\": \"#dadada\"   \r\n    }\r\n\r\n    const colSel = configBox.querySelector('.conf-color');\r\n    const secSel = configBox.querySelector('.conf-section');\r\n    \r\n    const handleRedChk = configBox.querySelector('.conf-handle-red');\r\n    const handleGreyChk = configBox.querySelector('.conf-handle-grey');\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    \/\/ EXCLUSIVIT\u00c9 MUTUELLE DES POIGN\u00c9ES\r\n    if (e.target === handleRedChk && handleRedChk.checked) {\r\n        handleGreyChk.checked = false;\r\n    }\r\n    if (e.target === handleGreyChk && handleGreyChk.checked) {\r\n        handleRedChk.checked = false;\r\n    }\r\n\r\n    \/\/ MISE \u00c0 JOUR DE LA COULEUR DU CORPS SVG\r\n    const col = colSel.value;\r\n    if (col && colorHex[col]) {\r\n        cbElement.style.fill = colorHex[col];\r\n    } else {\r\n        cbElement.style.fill = '#fff'; \r\n    }\r\n    \r\n    \/\/ GESTION DE LA POIGN\u00c9E SUR LE SVG\r\n    if (handleRedChk.checked || handleGreyChk.checked) {\r\n        handleElement.style.display = \"block\";\r\n        if (handleRedChk.checked) handleElement.style.fill = handleHex[\"Red\"];\r\n        if (handleGreyChk.checked) handleElement.style.fill = handleHex[\"Grey\"];\r\n    } else {\r\n        handleElement.style.display = \"none\";\r\n    }\r\n\r\n    \/\/ G\u00c9N\u00c9RATION DE LA R\u00c9F\u00c9RENCE FINALE\r\n    let ref = \"(select all options)\";\r\n    if (colSel.value && secSel.value && dataMap[colSel.value] && dataMap[colSel.value][secSel.value]) {\r\n        ref = dataMap[colSel.value][secSel.value];\r\n        \/\/ Ajout de la poign\u00e9e avec les nouvelles r\u00e9f\u00e9rences\r\n        if (handleRedChk.checked) {\r\n            ref += \" + 165371\";\r\n        } else if (handleGreyChk.checked) {\r\n            ref += \" + 165381\";\r\n        }\r\n    }\r\n    \r\n    refDisplay.innerText = ref;\r\n});\r\n\r\n\/\/ GESTION DU BOUTON COPIER\r\ndocument.body.addEventListener('click', function(e) {\r\n    const copyBtn = e.target.closest('.conf-copyBtn');\r\n    if (!copyBtn) return;\r\n\r\n    const configBox = copyBtn.closest('.configurator-integrated');\r\n    let refText = configBox.querySelector('.conf-reference').innerText;\r\n\r\n    if(refText && refText !== \"(select all options)\"){\r\n        navigator.clipboard.writeText(refText).then(function() {\r\n            copyBtn.innerText = \"Copied!\";\r\n            setTimeout(function() { \r\n                copyBtn.innerText = \"Copy\"; \r\n            }, 1500);\r\n        }).catch(function(err) {\r\n            console.error('Erreur lors de la copie : ', err);\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-18abde4\" data-id=\"18abde4\" 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-77d9dfe elementor-widget elementor-widget-html\" data-id=\"77d9dfe\" 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-45aaac6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"45aaac6\" 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-4343188\" data-id=\"4343188\" 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-1e032eb elementor-widget elementor-widget-spacer\" data-id=\"1e032eb\" 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-6c1768e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6c1768e\" 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-4bd0d25\" data-id=\"4bd0d25\" 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-ef747b6 elementor-widget elementor-widget-menu-anchor\" data-id=\"ef747b6\" 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-9be928e\" data-id=\"9be928e\" 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-3ee702b elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"3ee702b\" 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-a4f7fd1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a4f7fd1\" 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-30fa2f1\" data-id=\"30fa2f1\" 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-42857d9 elementor-widget elementor-widget-spacer\" data-id=\"42857d9\" 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-dc884f5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dc884f5\" 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-a544870\" data-id=\"a544870\" 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-a8f439c elementor-position-inline-end elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"a8f439c\" 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-ec44316 img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"ec44316\" 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=\"1476\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-poignees-scaled.png\" class=\"attachment-full size-full wp-image-11593\" alt=\"CB 350 connector + handle\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-poignees-scaled.png 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-poignees-300x277.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-poignees-1024x945.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-poignees-768x709.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-poignees-1536x1417.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/CB-350-poignees-2048x1890.png 2048w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">RED HANDLE<\/h3><p class=\"elementor-image-box-description\">CB connectors can be equipped with a red handle to help the connection.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e31f4da elementor-widget elementor-widget-html\" data-id=\"e31f4da\" 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-1bf2190 img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"1bf2190\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mon-groupe-3\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1316\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-scaled.png\" class=\"attachment-full size-full wp-image-11572\" alt=\"CBX 175 grey handle only\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-scaled.png 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-300x247.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-1024x842.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-768x632.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-1536x1263.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Poignee-CBX-175-165380-165381-2048x1684.png 2048w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">GREY HANDLE<\/h3><p class=\"elementor-image-box-description\">CB connectors can be equipped with a grey handle to help the connection.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68f9026 elementor-widget elementor-widget-html\" data-id=\"68f9026\" 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-9129e0c img-option-toggle elementor-widget elementor-widget-image-box\" data-id=\"9129e0c\" 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\"><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-12a0119 elementor-widget elementor-widget-html\" data-id=\"12a0119\" 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-a2d17a3 img-option-toggle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"a2d17a3\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mon-groupe-5\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><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-CB350-scaled.png\" class=\"attachment-full size-full wp-image-11594\" alt=\"CB 350 cable jumper\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CB350-scaled.png 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CB350-300x197.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CB350-1024x672.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CB350-768x504.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CB350-1536x1008.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Jumper-CB350-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-0b6d858 elementor-widget elementor-widget-html\" data-id=\"0b6d858\" 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-2aa8725\" data-id=\"2aa8725\" 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-4bc67b3 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"4bc67b3\" 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\">Red handle<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2434d1a elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"2434d1a\" 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\">Grey handle<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c00d23b elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"c00d23b\" 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\">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-62341b7 elementor-align-justify elementor-widget__width-initial btn-option-toggle elementor-widget elementor-widget-button\" data-id=\"62341b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#mon-groupe-5\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">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-b48e0c5 elementor-widget elementor-widget-html\" data-id=\"b48e0c5\" 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-90995f4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"90995f4\" 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-b62b7c2\" data-id=\"b62b7c2\" 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-c4f4044 elementor-widget elementor-widget-spacer\" data-id=\"c4f4044\" 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-9573ba2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9573ba2\" 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-823355b\" data-id=\"823355b\" 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-e444b2c elementor-widget elementor-widget-menu-anchor\" data-id=\"e444b2c\" 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-1972f1c\" data-id=\"1972f1c\" 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-0eca593 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"0eca593\" 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-7da6e88 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7da6e88\" 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-df94d0a\" data-id=\"df94d0a\" 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-eb2614e elementor-widget elementor-widget-spacer\" data-id=\"eb2614e\" 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-d54d60c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d54d60c\" 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-2ec84e8\" data-id=\"2ec84e8\" 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-32f70c5 elementor-position-left elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"32f70c5\" 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 350 Connectors Datasheet<\/h3><p class=\"elementor-image-box-description\">More technical informations about the CB 350 solutions.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a756c3 elementor-widget elementor-widget-html\" data-id=\"0a756c3\" 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-278f04c btn-demande-doc elementor-widget elementor-widget-button\" data-id=\"278f04c\" 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-eecd361\" data-id=\"eecd361\" 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-de740d6 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"de740d6\" 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=\"11585\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"de740d6\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"CB 350 - PROCONECT\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"11585\"\/>\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 350 Connectors Datasheet\">CB 350 Connectors Datasheet<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text\">\n\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_phone]\" id=\"form-field-field_phone\" class=\"elementor-field elementor-size-sm \" style=\"display:none !important;\">\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SEND REQUEST<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88efff3 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"88efff3\" 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-455d219 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"455d219\" 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-18f33ae\" data-id=\"18f33ae\" 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-f9a55c4 elementor-hidden-tablet elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"f9a55c4\" 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-9e5c927\" data-id=\"9e5c927\" 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-6f86be6 elementor-widget elementor-widget-heading\" data-id=\"6f86be6\" 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-5c1ae2e elementor-widget elementor-widget-heading\" data-id=\"5c1ae2e\" 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-cc6c693 elementor-mobile-align-center elementor-button-info elementor-align-left elementor-widget elementor-widget-button\" data-id=\"cc6c693\" 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 350 350A 600V max. Battery charging connector PROCONECT offers hermaphroditic power connectors for simplified and secure connections. The CB 350 connector, rated at 350A, is suitable for demanding environments thanks to its resistance to acids, bases, hydrocarbons, and extreme temperatures. BATTERY CONNECTORS \u279c Connectors Options Technical data Contacts max. : 2P (+\/-) Cable section [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11590,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":29,"footnotes":""},"class_list":["post-11585","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 350 - PROCONECT<\/title>\n<meta name=\"description\" content=\"PROCONECT CB 350 power connector (350A). 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-350-dc-connector\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CB 350 - PROCONECT\" \/>\n<meta property=\"og:description\" content=\"PROCONECT CB 350 power connector (350A). Secure hermaphroditic design for extreme temperatures and demanding environments.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proconect.com\/fr\/cb-350-dc-connector\/\" \/>\n<meta property=\"og:site_name\" content=\"PROCONECT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-13T05:53:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB350-web-scaled.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"853\" \/>\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-350-dc-connector\\\/\",\"url\":\"https:\\\/\\\/proconect.com\\\/en\\\/cb-350-dc-connector\\\/\",\"name\":\"CB 350 - PROCONECT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cb-350-dc-connector\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cb-350-dc-connector\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Wall-CB350-web-scaled.png\",\"datePublished\":\"2026-06-30T11:56:51+00:00\",\"dateModified\":\"2026-10-13T05:53:59+00:00\",\"description\":\"PROCONECT CB 350 power connector (350A). Secure hermaphroditic design for extreme temperatures and demanding environments.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cb-350-dc-connector\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proconect.com\\\/en\\\/cb-350-dc-connector\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cb-350-dc-connector\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Wall-CB350-web-scaled.png\",\"contentUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Wall-CB350-web-scaled.png\",\"width\":1600,\"height\":853,\"caption\":\"CB 350 presentation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cb-350-dc-connector\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CB 350\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/proconect.com\\\/#website\",\"url\":\"https:\\\/\\\/proconect.com\\\/\",\"name\":\"PROCONECT\",\"description\":\"Industrial connectors\",\"publisher\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/proconect.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/proconect.com\\\/#organization\",\"name\":\"PROCONECT\",\"url\":\"https:\\\/\\\/proconect.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/proconect.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/cropped-Logo-Registered-Std.png\",\"contentUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/cropped-Logo-Registered-Std.png\",\"width\":1600,\"height\":253,\"caption\":\"PROCONECT\"},\"image\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/proconect\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CB 350 - PROCONECT","description":"PROCONECT CB 350 power connector (350A). 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-350-dc-connector\/","og_locale":"fr_FR","og_type":"article","og_title":"CB 350 - PROCONECT","og_description":"PROCONECT CB 350 power connector (350A). Secure hermaphroditic design for extreme temperatures and demanding environments.","og_url":"https:\/\/proconect.com\/fr\/cb-350-dc-connector\/","og_site_name":"PROCONECT","article_modified_time":"2026-10-13T05:53:59+00:00","og_image":[{"width":1600,"height":853,"url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB350-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-350-dc-connector\/","url":"https:\/\/proconect.com\/en\/cb-350-dc-connector\/","name":"CB 350 - PROCONECT","isPartOf":{"@id":"https:\/\/proconect.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proconect.com\/en\/cb-350-dc-connector\/#primaryimage"},"image":{"@id":"https:\/\/proconect.com\/en\/cb-350-dc-connector\/#primaryimage"},"thumbnailUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB350-web-scaled.png","datePublished":"2026-06-30T11:56:51+00:00","dateModified":"2026-10-13T05:53:59+00:00","description":"PROCONECT CB 350 power connector (350A). Secure hermaphroditic design for extreme temperatures and demanding environments.","breadcrumb":{"@id":"https:\/\/proconect.com\/en\/cb-350-dc-connector\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proconect.com\/en\/cb-350-dc-connector\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/proconect.com\/en\/cb-350-dc-connector\/#primaryimage","url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB350-web-scaled.png","contentUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Wall-CB350-web-scaled.png","width":1600,"height":853,"caption":"CB 350 presentation"},{"@type":"BreadcrumbList","@id":"https:\/\/proconect.com\/en\/cb-350-dc-connector\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/proconect.com\/en\/accueil\/"},{"@type":"ListItem","position":2,"name":"CB 350"}]},{"@type":"WebSite","@id":"https:\/\/proconect.com\/#website","url":"https:\/\/proconect.com\/","name":"PROCONECT","description":"Industrial connectors","publisher":{"@id":"https:\/\/proconect.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/proconect.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/proconect.com\/#organization","name":"PROCONECT","url":"https:\/\/proconect.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/proconect.com\/#\/schema\/logo\/image\/","url":"https:\/\/proconect.com\/wp-content\/uploads\/2023\/07\/cropped-Logo-Registered-Std.png","contentUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2023\/07\/cropped-Logo-Registered-Std.png","width":1600,"height":253,"caption":"PROCONECT"},"image":{"@id":"https:\/\/proconect.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/proconect\/"]}]}},"_links":{"self":[{"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/11585","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=11585"}],"version-history":[{"count":67,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/11585\/revisions"}],"predecessor-version":[{"id":14691,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/11585\/revisions\/14691"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/media\/11590"}],"wp:attachment":[{"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/media?parent=11585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}