{"id":5891,"date":"2025-07-08T12:27:36","date_gmt":"2025-07-08T10:27:36","guid":{"rendered":"https:\/\/proconect.com\/?page_id=5891"},"modified":"2026-10-13T07:56:52","modified_gmt":"2026-10-13T05:56:52","slug":"accueil","status":"publish","type":"page","link":"https:\/\/proconect.com\/fr\/","title":{"rendered":"PROCONECT - Connecteurs industriels"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5891\" class=\"elementor elementor-5891\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a37365c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a37365c\" 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-54ca51d\" data-id=\"54ca51d\" 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-b740093 elementor-widget__width-initial elementor-absolute elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"b740093\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"1\">From railways and heavy industry to bustling ports and the open sea, PROCONECT delivers the vital electrical connections that keep critical operations moving. Engineered to conquer extreme conditions and backed by decades of French manufacturing excellence, we protect your power where it matters most.<\/p><p data-path-to-node=\"2\">When off-the-shelf isn&#8217;t enough, our expert team builds custom solutions tailored precisely to your vision.<\/p>\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-2240c31 mon-image-cadre elementor-widget elementor-widget-image\" data-id=\"2240c31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1001\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-klaipedia-2-scaled.jpg\" class=\"attachment-full size-full wp-image-9414\" alt=\"\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-klaipedia-2-scaled.jpg 1600w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-klaipedia-2-300x188.jpg 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-klaipedia-2-1024x641.jpg 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-klaipedia-2-768x481.jpg 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-klaipedia-2-1536x961.jpg 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-klaipedia-2-2048x1282.jpg 2048w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f585070 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f585070\" 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-1bb1e44\" data-id=\"1bb1e44\" 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-2781d1b elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"2781d1b\" 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\">Main 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-519aaf6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"519aaf6\" 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-0b3b15f\" data-id=\"0b3b15f\" 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-403dfc2 elementor-widget elementor-widget-spacer\" data-id=\"403dfc2\" 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-a7cc009 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a7cc009\" 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-e00401e\" data-id=\"e00401e\" 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-48f8acc elementor-widget elementor-widget-html\" data-id=\"48f8acc\" 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=\"card-stack-container\">\r\n    \r\n    <!-- 3PX -->\r\n    <div class=\"stacked-card\">\r\n        <div class=\"sc-app-photo\">\r\n            <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-svolvaer-3.jpg\" alt=\"Application 3PX\">\r\n        <\/div>\r\n        <div class=\"sc-content\">\r\n            <div class=\"sc-image-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/3PX_PICTO_Global.svg\" alt=\"3PX\">\r\n            <\/div>\r\n            <h3 class=\"sc-title\">3PX<\/h3>\r\n            <p class=\"sc-desc\">Cam push and pull metallic connectors, ideal for applications requiring a lot of connections and disconnections.<\/p>\r\n            <a href=\"https:\/\/proconect.com\/3px-connectors\/\" class=\"sc-btn\">DISCOVER RANGE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 3PV -->\r\n    <div class=\"stacked-card\">\r\n        <div class=\"sc-app-photo\">\r\n            <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/DSC00349-scaled.jpg\" alt=\"Application 3PV\">\r\n        <\/div>\r\n        <div class=\"sc-content\">\r\n            <div class=\"sc-image-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/3PV_PICTO_Global.svg\" alt=\"3PV\">\r\n            <\/div>\r\n            <h3 class=\"sc-title\">3PV<\/h3>\r\n            <p class=\"sc-desc\">Screw ring metallic connectors, ideal for applications requiring the use of extension cables.<\/p>\r\n            <a href=\"https:\/\/proconect.com\/3pv-connectors\/\" class=\"sc-btn\">DISCOVER RANGE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- 3PS -->\r\n    <div class=\"stacked-card\">\r\n        <div class=\"sc-app-photo\">\r\n            <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/IMGP1234.jpg\" alt=\"Application 3PS\">\r\n        <\/div>\r\n        <div class=\"sc-content\">\r\n            <div class=\"sc-image-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/3PS_Picto-Global2.svg\" alt=\"3PS\">\r\n            <\/div>\r\n            <h3 class=\"sc-title\">3PS<\/h3>\r\n            <p class=\"sc-desc\">Compact industrial load-break connectors, ideal for safe and easy disconnections under power.<\/p>\r\n            <a href=\"https:\/\/proconect.com\/3ps-connectors\/\" class=\"sc-btn\">DISCOVER RANGE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- GSE -->\r\n    <div class=\"stacked-card\">\r\n        <div class=\"sc-app-photo\">\r\n            <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/IMG_2104.jpg\" alt=\"Application 400Hz\">\r\n        <\/div>\r\n        <div class=\"sc-content\">\r\n            <div class=\"sc-image-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/400Hz-picto_global.svg\" alt=\"400Hz\">\r\n            <\/div>\r\n            <h3 class=\"sc-title\">GSE<\/h3>\r\n            <p class=\"sc-desc\">Connectors dedicated to Ground Support Equipment (GSE) for aircraft power supply on ground.<\/p>\r\n            <a href=\"https:\/\/proconect.com\/gse-connectors\/\" class=\"sc-btn\">DISCOVER RANGE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Single-Pole -->\r\n    <div class=\"stacked-card\">\r\n        <div class=\"sc-app-photo\">\r\n            <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/P1030706-scaled.jpg\" alt=\"Application Single Pole\">\r\n        <\/div>\r\n        <div class=\"sc-content\">\r\n            <div class=\"sc-image-wrapper\" style=\"padding-left: 20px;\">\r\n                <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/Unipolar_picto.svg\" alt=\"Single-Pole\">\r\n            <\/div>\r\n            <h3 class=\"sc-title\">Single-Pole<\/h3>\r\n            <p class=\"sc-desc\">Single-pole power connectors commonly used in the railway industry and in maintenance workshops.<\/p>\r\n            <a href=\"https:\/\/proconect.com\/single-pole-connectors\/\" class=\"sc-btn\">DISCOVER RANGE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 3PSS -->\r\n    <div class=\"stacked-card\">\r\n        <div class=\"sc-app-photo\">\r\n            <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/Coffrets-normaux-Vuache.jpg\" alt=\"Application 3PSS\">\r\n        <\/div>\r\n        <div class=\"sc-content\">\r\n            <div class=\"sc-image-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/3PSS_picto-global.svg\" alt=\"3PSS\">\r\n            <\/div>\r\n            <h3 class=\"sc-title\">3PSS<\/h3>\r\n            <p class=\"sc-desc\">Multi-purpose control connectors, ideal for demanding applications across public infrastructure and industry.<\/p>\r\n            <a href=\"https:\/\/proconect.com\/3pss-connectors\/\" class=\"sc-btn\">DISCOVER RANGE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- DC -->\r\n    <div class=\"stacked-card\">\r\n        <div class=\"sc-app-photo\">\r\n            <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/DSC02567-scaled.jpg\" alt=\"Application DC\">\r\n        <\/div>\r\n        <div class=\"sc-content\">\r\n            <div class=\"sc-image-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/05\/P_picto-global.svg\" alt=\"DC\">\r\n            <\/div>\r\n            <h3 class=\"sc-title\">DC<\/h3>\r\n            <p class=\"sc-desc\">Connectors for traction batteries, lead-acid batteries, and lithium-ion batteries.<\/p>\r\n            <a href=\"https:\/\/proconect.com\/dc-connectors\/\" class=\"sc-btn\">DISCOVER RANGE<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- 1. LE CONTENEUR GLOBAL --- *\/\r\n    .card-stack-container {\r\n        display: flex;\r\n        flex-direction: row; \r\n        justify-content: center;\r\n        align-items: center; \r\n        margin: 0 auto;\r\n        width: 100%; \r\n        padding: 0; \r\n        min-height: 200px; \r\n        overflow-x: visible;\r\n    }\r\n\r\n    \/* --- 2. LE STYLE DE BASE DES CARTES --- *\/\r\n    .stacked-card {\r\n        width: 260px;\r\n        height: 400px;\r\n        background-color: #4c5eb4; \r\n        color: #ffffff; \r\n        border-radius: 40px; \r\n        box-sizing: border-box;\r\n        position: relative;\r\n        cursor: pointer;\r\n        display: flex;\r\n        margin-left: -140px; \r\n        box-shadow: -10px 0 25px rgba(0, 0, 0, 0.15); \r\n        flex-shrink: 0; \r\n        overflow: hidden; \r\n        \r\n        will-change: transform, width, background-color;\r\n\r\n        --push-x: 0px;   \r\n        --push-y: 0px;   \r\n        --flip-x: 0px;   \r\n        --flip-y: 0px;   \r\n        \r\n        transform: translate(calc(var(--push-x) + var(--flip-x)), calc(var(--push-y) + var(--flip-y)));\r\n        transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), \r\n                    width 0.7s cubic-bezier(0.16, 1, 0.3, 1),\r\n                    background-color 0.5s ease, \r\n                    box-shadow 0.5s ease;\r\n    }\r\n\r\n    .stacked-card:first-child {\r\n        margin-left: 0;\r\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); \r\n    }\r\n\r\n    \/* L'image d'application (Desktop) *\/\r\n    .sc-app-photo {\r\n        width: 0; \r\n        height: 100%;\r\n        opacity: 0;\r\n        flex-shrink: 0;\r\n        position: relative;\r\n        will-change: width, opacity;\r\n        transition: width 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;\r\n    }\r\n\r\n    .sc-app-photo img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    \/* Le contenu textuel et picto (Desktop) *\/\r\n    .sc-content {\r\n        width: 260px; \r\n        height: 100%;\r\n        padding: 30px 25px 25px 25px; \r\n        display: flex;\r\n        flex-direction: column;\r\n        box-sizing: border-box;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* --- 3. EFFET DE SURVOL --- *\/\r\n    .stacked-card:hover:not(.active-card) {\r\n        --push-y: -15px; \r\n        box-shadow: -15px 15px 30px rgba(0, 0, 0, 0.25); \r\n    }\r\n\r\n    .stacked-card:hover:not(.active-card) ~ .stacked-card {\r\n        --push-x: 80px; \r\n    }\r\n\r\n    \/* --- 4. LA CARTE ACTIVE (D\u00c9PLOIEMENT) --- *\/\r\n    .stacked-card.active-card {\r\n        background-color: #555555; \r\n        width: 580px; \r\n        margin-right: 60px; \r\n        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.35); \r\n        z-index: 10; \r\n    }\r\n\r\n    .stacked-card.active-card .sc-app-photo {\r\n        width: 50%; \r\n        opacity: 1;\r\n        transition-delay: 0.1s;\r\n    }\r\n\r\n    .stacked-card.active-card .sc-content { flex: 1; }\r\n    .stacked-card.active-card + .stacked-card { margin-left: 0; }\r\n\r\n    \/* --- 5. L'IMAGE EN HAUT (Picto) --- *\/\r\n    .sc-image-wrapper {\r\n        margin: -30px -25px 20px -25px; \r\n        width: calc(100% + 50px); \r\n        height: 120px; \r\n        overflow: hidden;\r\n        flex-shrink: 0;\r\n        box-sizing: border-box; \r\n    }\r\n\r\n    .sc-image-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: none; \r\n        display: block;\r\n    }\r\n\r\n    \/* --- 6. TYPOGRAPHIE --- *\/\r\n    .sc-title {\r\n        margin: 0 0 10px 0;\r\n        font-size: 30px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        color: #ffffff !important; \r\n    }\r\n\r\n    .sc-desc {\r\n        font-size: 14px;\r\n        line-height: 1.4;\r\n        font-weight: 500;\r\n        margin: 0; \r\n    }\r\n\r\n    \/* --- 7. LE BOUTON --- *\/\r\n    .sc-btn {\r\n        margin-top: auto; \r\n        background-color: #ffffff;\r\n        color: #555555 !important;\r\n        text-decoration: none !important;\r\n        text-align: center;\r\n        padding: 12px 24px;\r\n        border-radius: 50px; \r\n        font-size: 15px;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        \r\n        opacity: 0;\r\n        visibility: hidden;\r\n        pointer-events: none; \r\n        transform: translateY(10px); \r\n        transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease, background-color 0.3s ease, color 0.3s ease;\r\n    }\r\n\r\n    .stacked-card.active-card .sc-btn {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        pointer-events: auto; \r\n        transform: translateY(0); \r\n        transition-delay: 0.1s; \r\n    }\r\n\r\n    .sc-btn:hover {\r\n        background-color: #7a7a7a; \r\n        color: #ffffff !important; \r\n    }\r\n\r\n    \/* --- 8. RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 900px) {\r\n        .card-stack-container {\r\n            flex-direction: column;\r\n            padding: 10px 15px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .stacked-card {\r\n            width: 100%;\r\n            max-width: 400px;\r\n            margin: 0 !important; \r\n            height: auto;\r\n            flex-direction: column; \r\n            border-radius: 20px;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n            transform: none !important;\r\n        }\r\n\r\n        .sc-content {\r\n            width: 100%;\r\n            padding: 20px 0 20px 0 !important; \r\n        }\r\n\r\n        .sc-image-wrapper {\r\n            margin: 0 0 15px 0 !important; \r\n            width: 100% !important; \r\n            height: auto !important; \r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            overflow: hidden;\r\n            box-sizing: border-box; \r\n        }\r\n\r\n        .sc-image-wrapper img {\r\n            width: 100% !important;\r\n            height: auto !important; \r\n            object-fit: contain !important; \r\n            max-height: 150px !important; \/* Augmentation \u00e0 150px *\/\r\n        }\r\n\r\n        .sc-title {\r\n            font-size: 22px;\r\n            margin-bottom: 0;\r\n            text-align: center;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .sc-app-photo, .sc-desc, .sc-btn {\r\n            max-height: 0;\r\n            opacity: 0;\r\n            overflow: hidden;\r\n            margin: 0;\r\n            padding: 0;\r\n            visibility: hidden;\r\n            transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), \r\n                        opacity 0.3s ease, \r\n                        margin 0.3s ease;\r\n        }\r\n\r\n        .stacked-card.active-card {\r\n            width: 100% !important;\r\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);\r\n        }\r\n\r\n        .stacked-card.active-card .sc-app-photo {\r\n            max-height: 220px;\r\n            opacity: 1;\r\n            visibility: visible;\r\n            width: 100%;\r\n            height: 200px;\r\n            margin-bottom: 0; \/* Suppression de l'espace mort (anciennement 15px) *\/\r\n            border-radius: 20px 20px 0 0 !important;\r\n        }\r\n\r\n        .stacked-card.active-card .sc-desc {\r\n            max-height: 150px;\r\n            opacity: 1;\r\n            visibility: visible;\r\n            margin-top: 10px;\r\n            margin-bottom: 15px;\r\n            padding: 0 20px; \r\n        }\r\n\r\n        .stacked-card.active-card .sc-btn {\r\n            max-height: 60px;\r\n            opacity: 1;\r\n            visibility: visible;\r\n            margin: 5px auto 0 auto; \r\n            padding: 10px 20px;\r\n            display: block;\r\n            width: fit-content;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelectorAll('.card-stack-container').forEach(container => {\r\n    container.querySelectorAll('.stacked-card').forEach((card, i) => {\r\n        card.dataset.index = i;\r\n    });\r\n});\r\n\r\ndocument.body.addEventListener('click', function(e) {\r\n    const btnContainer = e.target.closest('.sc-btn');\r\n    const clickedCard = e.target.closest('.stacked-card');\r\n    const container = e.target.closest('.card-stack-container');\r\n\r\n    if (!container) return;\r\n\r\n    if (btnContainer && clickedCard.classList.contains('active-card')) {\r\n        return; \r\n    }\r\n    if (btnContainer) e.preventDefault();\r\n\r\n    const allCards = Array.from(container.querySelectorAll('.stacked-card'));\r\n    const activeCard = container.querySelector('.stacked-card.active-card');\r\n\r\n    const firstPositions = new Map();\r\n    allCards.forEach(card => firstPositions.set(card, card.getBoundingClientRect()));\r\n\r\n    if (!clickedCard) {\r\n        if (activeCard) {\r\n            activeCard.classList.remove('active-card');\r\n            sortAndAppendCards(container, allCards);\r\n        }\r\n    } else {\r\n        const isAlreadyActive = clickedCard.classList.contains('active-card');\r\n        allCards.forEach(card => card.classList.remove('active-card'));\r\n\r\n        if (!isAlreadyActive) {\r\n            clickedCard.classList.add('active-card');\r\n            container.prepend(clickedCard);\r\n            \r\n            if (window.innerWidth <= 900) {\r\n                setTimeout(() => {\r\n                    const y = clickedCard.getBoundingClientRect().top + window.scrollY - 80;\r\n                    window.scrollTo({ top: y, behavior: 'smooth' });\r\n                }, 200);\r\n            }\r\n        } else {\r\n            sortAndAppendCards(container, allCards);\r\n        }\r\n    }\r\n\r\n    const lastPositions = new Map();\r\n    allCards.forEach(card => lastPositions.set(card, card.getBoundingClientRect()));\r\n\r\n    allCards.forEach(card => {\r\n        const first = firstPositions.get(card);\r\n        const last = lastPositions.get(card);\r\n\r\n        const deltaX = first.left - last.left;\r\n        const deltaY = first.top - last.top;\r\n\r\n        card.style.transition = 'none';\r\n        card.style.setProperty('--flip-x', `${deltaX}px`);\r\n        card.style.setProperty('--flip-y', `${deltaY}px`);\r\n        \r\n        card.style.zIndex = card.classList.contains('active-card') ? '50' : '';\r\n    });\r\n\r\n    requestAnimationFrame(() => {\r\n        requestAnimationFrame(() => {\r\n            allCards.forEach(card => {\r\n                card.style.transition = 'transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), width 0.7s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.5s ease, box-shadow 0.5s ease';\r\n                card.style.setProperty('--flip-x', '0px');\r\n                card.style.setProperty('--flip-y', '0px');\r\n                \r\n                setTimeout(() => {\r\n                    if (!card.classList.contains('active-card')) card.style.zIndex = '';\r\n                }, 700);\r\n            });\r\n        });\r\n    });\r\n});\r\n\r\nfunction sortAndAppendCards(container, cards) {\r\n    cards.sort((a, b) => parseInt(a.dataset.index) - parseInt(b.dataset.index));\r\n    cards.forEach(card => container.appendChild(card));\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-eb6658a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"eb6658a\" 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-e177cec\" data-id=\"e177cec\" 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-b3dc6a8 elementor-widget elementor-widget-spacer\" data-id=\"b3dc6a8\" 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-1e0a8ac elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1e0a8ac\" 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-6f1e2a2\" data-id=\"6f1e2a2\" 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-c2859d5 elementor-widget elementor-widget-menu-anchor\" data-id=\"c2859d5\" 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=\"sectors\"><\/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-c782212\" data-id=\"c782212\" 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-305ed03 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"305ed03\" 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\">Sectors<\/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-7ddf9be elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7ddf9be\" 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-4474e35\" data-id=\"4474e35\" 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-20b7ff3 elementor-widget elementor-widget-spacer\" data-id=\"20b7ff3\" 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-8eb3243 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8eb3243\" 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-64726a4\" data-id=\"64726a4\" 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-3322923 elementor-widget elementor-widget-html\" data-id=\"3322923\" 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<!-- 1. STRUCTURE HTML CORRIG\u00c9E (Fl\u00e8ches au premier plan) -->\r\n<!-- ========================================== -->\r\n<div class=\"proconect-carousel\" id=\"proconect-carousel\">\r\n    \r\n    <!-- La fen\u00eatre arrive en premier -->\r\n    <div class=\"carousel-window\">\r\n        <div class=\"carousel-track\" id=\"carousel-track\">\r\n            \r\n            <!-- \ud83c\udfaf \u00c9TAPE 1 -->\r\n            <div class=\"slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/ALL-MARKETS-PROCONECT_-01.svg\" class=\"slide-bg\" alt=\"Maritime\">\r\n                <div class=\"slide-content\" style=\"--pos-x: 0%; --pos-y: 75%; --largeur-pc: 22%; --largeur-mob: 60%; --mobile-gap: 0px;\">\r\n                    <h3>MARITIME<\/h3>\r\n                    <p>Our connectors dedicated to maritime utilities (shore power, marinas, cranes eRTG, etc).<\/p>\r\n                    <a href=\"https:\/\/proconect.com\/maritime-connectors\/\" class=\"slide-btn\">DISCOVER<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \ud83c\udfaf \u00c9TAPE 2 -->\r\n            <div class=\"slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/ALL-MARKETS-PROCONECT_-02.svg\" class=\"slide-bg\" alt=\"Mines\">\r\n                <div class=\"slide-content\" style=\"--pos-x: 15%; --pos-y: 35%; --largeur-pc: 25%; --largeur-mob: 50%; --mobile-gap: 0px;\">\r\n                    <h3>MINES<\/h3>\r\n                    <p>Our connectors dedicated to mining utilities (excavators, convoyer belts, cranes, grabs, etc).<\/p>\r\n                    <a href=\"https:\/\/proconect.com\/mining-connectors\/\" class=\"slide-btn\">DISCOVER<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \ud83c\udfaf \u00c9TAPE 3 -->\r\n            <div class=\"slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/ALL-MARKETS-PROCONECT_-03.svg\" class=\"slide-bg\" alt=\"Railways\">\r\n                <div class=\"slide-content\" style=\"--pos-x: 30%; --pos-y: 30%; --largeur-pc: 40%; --largeur-mob: 70%; --mobile-gap: 0px;\">\r\n                    <h3>RAILWAYS<\/h3>\r\n                    <p>Our connectors dedicated to ferroviary utilities (maintenance connection, technicenter, coach to coach, stinger, etc).<\/p>\r\n                    <a href=\"https:\/\/proconect.com\/railway-connectors\/\" class=\"slide-btn\">DISCOVER<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \ud83c\udfaf \u00c9TAPE 4 -->\r\n            <div class=\"slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/ALL-MARKETS-PROCONECT_-04.svg\" class=\"slide-bg\" alt=\"Airports\">\r\n                <div class=\"slide-content\" style=\"--pos-x: 10%; --pos-y: -2%; --largeur-pc: 30%; --largeur-mob: 65%; --mobile-gap: 0px;\">\r\n                    <h3>AIRPORTS<\/h3>\r\n                    <p>Our connectors for aircraft Ground Support Equipment (GSE).<\/p>\r\n                    <a href=\"https:\/\/proconect.com\/aircraft-connectors\/\" class=\"slide-btn\">DISCOVER<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \ud83c\udfaf \u00c9TAPE 5 -->\r\n            <div class=\"slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/07\/ALL-MARKETS-PROCONECT_-05.svg\" class=\"slide-bg\" alt=\"Industry\">\r\n                <div class=\"slide-content\" style=\"--pos-x: 102%; --pos-y: 95%; --largeur-pc: 30%; --largeur-mob: 60%; --mobile-gap: 0px;\">\r\n                    <h3>INDUSTRY<\/h3>\r\n                    <p>Our connectors for the manufacturing industry (production lines, yards, public areas, motors, pumps, etc.).<\/p>\r\n                    <a href=\"https:\/\/proconect.com\/global-industry\/\" class=\"slide-btn\">DISCOVER<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Les fl\u00e8ches passent en dernier dans le HTML pour \u00eatre cliquables au premier plan -->\r\n    <div class=\"nav-arrow prev-arrow\" id=\"btn-prev\"><\/div>\r\n    <div class=\"nav-arrow next-arrow\" id=\"btn-next\"><\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ========================================== -->\r\n<!-- 2. LE STYLE CSS S\u00c9CURIS\u00c9                   -->\r\n<!-- ========================================== -->\r\n<style>\r\nhtml, body {\r\n    overflow-x: hidden !important;\r\n    max-width: 100vw !important;\r\n}\r\n\r\n.proconect-carousel {\r\n    --primary-color: #4c5eb4;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    position: relative;\r\n    font-family: 'Montserrat', sans-serif;\r\n    margin: 0px 0px 20px 0px; \r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n}\r\n\r\n.carousel-window {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);\r\n    mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);\r\n}\r\n\r\n.carousel-track { \r\n    display: flex; \r\n    align-items: center; \r\n}\r\n\r\n.slide {\r\n    width: 80%;\r\n    flex-shrink: 0;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.slide-bg {\r\n    width: 100%;\r\n    height: auto; \r\n    display: block;\r\n}\r\n\r\n.slide-content {\r\n    position: absolute;\r\n    left: var(--pos-x, 50%);\r\n    top: var(--pos-y, 50%);\r\n    background: transparent;\r\n    box-shadow: none;\r\n    padding: 0;\r\n    text-align: center;\r\n    width: var(--largeur-pc, 35%); \r\n    max-width: none;\r\n    opacity: 0;\r\n    transform: translate(calc(-1 * var(--pos-x, 50%)), calc(-1 * var(--pos-y, 50%) + 20px)) scale(0.95);\r\n    pointer-events: none; \r\n    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.slide-content.show-text {\r\n    opacity: 1;\r\n    transform: translate(calc(-1 * var(--pos-x, 50%)), calc(-1 * var(--pos-y, 50%))) scale(1);\r\n    pointer-events: auto;\r\n    z-index: 5;\r\n}\r\n\r\n.slide-content h3 { \r\n    margin: 0 0 1% 0; \r\n    color: var(--primary-color);\r\n    font-weight: 700;\r\n    font-size: clamp(12px, 2vw, 32px); \r\n}\r\n\r\n.slide-content p { \r\n    margin: 0 0 5% 0; \r\n    color: var(--primary-color); \r\n    font-size: clamp(9px, 1vw, 15px); \r\n    line-height: 1.4; \r\n    white-space: pre-line; \r\n}\r\n\r\n.slide-btn {\r\n    display: inline-block;\r\n    width: auto !important;\r\n    max-width: max-content;\r\n    background-color: #4c5eb4 !important;\r\n    border: none;\r\n    padding: 10px 25px;\r\n    border-radius: 50px;\r\n    text-decoration: none !important;\r\n    font-weight: 600 !important;\r\n    font-size: clamp(10px, 1vw, 14px);\r\n    color: #ffffff !important;\r\n    transition: transform 0.2s, background 0.2s, color 0.2s;\r\n}\r\n\r\n.slide-btn:hover { \r\n    background-color: #243162 !important; \r\n    color: #ffffff !important;\r\n    transform: translateY(-2px); \r\n}\r\n\r\n.prev-arrow {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 15px;\r\n    width: 0;\r\n    height: 0;\r\n    border-top: 20px solid transparent;\r\n    border-bottom: 20px solid transparent;\r\n    border-right: 20px solid var(--primary-color);\r\n    cursor: pointer;\r\n    z-index: 999; \/* Z-index maximal pour garantir le clic *\/\r\n    animation: bounceLeft 1.5s infinite ease-in-out;\r\n    transition: transform 0.2s, filter 0.2s;\r\n}\r\n\r\n.next-arrow {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 15px;\r\n    width: 0;\r\n    height: 0;\r\n    border-top: 20px solid transparent;\r\n    border-bottom: 20px solid transparent;\r\n    border-left: 20px solid var(--primary-color);\r\n    cursor: pointer;\r\n    z-index: 999; \/* Z-index maximal pour garantir le clic *\/\r\n    animation: bounceRight 1.5s infinite ease-in-out;\r\n    transition: transform 0.2s, filter 0.2s;\r\n}\r\n\r\n.prev-arrow:hover, .next-arrow:hover {\r\n    transform: translateY(-50%) scale(1.2);\r\n    filter: grayscale(1);\r\n}\r\n\r\n@keyframes bounceLeft {\r\n    0%, 100% { transform: translateY(-50%) translateX(0); }\r\n    50% { transform: translateY(-50%) translateX(-3px); }\r\n}\r\n\r\n@keyframes bounceRight {\r\n    0%, 100% { transform: translateY(-50%) translateX(0); }\r\n    50% { transform: translateY(-50%) translateX(3px); }\r\n}\r\n\r\n\/* ========================================================== *\/\r\n\/* \ud83d\udcf1 RESPONSIVE MOBILE & TABLETTE (< 1024px) - CORRIG\u00c9       *\/\r\n\/* ========================================================== *\/\r\n@media (max-width: 1024px) {\r\n    \r\n    \/* 1. Verrouillage total anti-d\u00e9bordement horizontal *\/\r\n    .proconect-carousel {\r\n        width: 100% !important;\r\n        max-width: 100vw !important;\r\n        overflow: visible !important; \/* Laisse respirer les fl\u00e8ches si besoin *\/\r\n        box-sizing: border-box;\r\n        position: relative;\r\n    }\r\n\r\n    .carousel-window {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        overflow: hidden !important; \r\n        box-sizing: border-box;\r\n        mask-image: none !important;\r\n        -webkit-mask-image: none !important;\r\n    }\r\n\r\n    .slide { \r\n        width: 100% !important; \r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        box-sizing: border-box;\r\n    } \r\n    \r\n    \/* 2. Le texte \u00e9pouse son contenu naturellement (plus de grand espace vide) *\/\r\n    .slide-content { \r\n        position: relative !important;\r\n        left: unset !important;\r\n        top: unset !important;\r\n        transform: none !important;\r\n        width: 90% !important; \r\n        order: 1; \/* Texte au-dessus *\/\r\n        \r\n        margin: 0 auto 12px auto !important; \/* Petit espace propre entre le texte et l'image *\/\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center; \r\n        justify-content: center;\r\n        \r\n        height: auto !important; \/* Supprime le bloc vide de 210px *\/\r\n        max-height: none !important;\r\n    }\r\n    \r\n    .slide-content.show-text {\r\n        transform: none !important;\r\n        opacity: 1 !important;\r\n    }\r\n    \r\n    .slide-bg {\r\n        order: 2; \/* Image en dessous *\/\r\n        width: 100% !important; \r\n        height: auto;\r\n        display: block;\r\n    }\r\n    \r\n    .slide-content h3 {\r\n        font-size: 20px !important; \r\n        margin: 0 0 8px 0 !important;\r\n    }\r\n    \r\n    .slide-content p {\r\n        font-size: 13px !important; \r\n        margin: 0 0 12px 0 !important;\r\n    }\r\n    \r\n    .slide-btn {\r\n        align-self: center !important; \r\n        font-size: 11px !important;\r\n        padding: 6px 18px !important;\r\n    }\r\n\r\n    \/* 3. Fl\u00e8ches repositionn\u00e9es bien en face de l'image et ultra-cliquables *\/\r\n    .prev-arrow, .next-arrow {\r\n        position: absolute !important;\r\n        \/* On les descend \u00e0 65% pour qu'elles soient situ\u00e9es au milieu de l'image et non du texte *\/\r\n        top: 68% !important; \r\n        transform: translateY(-50%) !important;\r\n        z-index: 999999 !important;\r\n        pointer-events: auto !important;\r\n        border-top-width: 12px !important;\r\n        border-bottom-width: 12px !important;\r\n    }\r\n    \r\n    .prev-arrow { \r\n        left: 10px !important; \r\n        border-right-width: 12px !important;\r\n        border-left-width: 0 !important;\r\n    }\r\n    \r\n    .next-arrow { \r\n        right: 10px !important; \r\n        border-left-width: 12px !important;\r\n        border-right-width: 0 !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ========================================== -->\r\n<!-- 3. MOTEUR JS                               -->\r\n<!-- ========================================== -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const track = document.getElementById('carousel-track');\r\n    const windowElement = document.querySelector('.carousel-window');\r\n    const originalSlides = Array.from(track.children);\r\n    \r\n    const firstClone = originalSlides[0].cloneNode(true);\r\n    const lastClone = originalSlides[originalSlides.length - 1].cloneNode(true);\r\n    \r\n    firstClone.querySelector('.slide-content').classList.remove('show-text');\r\n    lastClone.querySelector('.slide-content').classList.remove('show-text');\r\n    \r\n    track.appendChild(firstClone);\r\n    track.insertBefore(lastClone, originalSlides[0]);\r\n    \r\n    const allSlides = Array.from(track.children);\r\n    let currentIndex = 1; \r\n    let isTransitioning = false;\r\n    \r\n    function updateSlider(animate = true) {\r\n        if(animate) {\r\n            track.style.transition = 'transform 0.7s cubic-bezier(0.25, 1, 0.5, 1)';\r\n            allSlides.forEach(slide => {\r\n                const c = slide.querySelector('.slide-content');\r\n                if(c) c.style.transition = 'all 0.6s cubic-bezier(0.25, 1, 0.5, 1)';\r\n            });\r\n        } else {\r\n            track.style.transition = 'none';\r\n            allSlides.forEach(slide => {\r\n                const c = slide.querySelector('.slide-content');\r\n                if(c) c.style.transition = 'none';\r\n            });\r\n        }\r\n        \r\n        const windowWidth = windowElement.clientWidth;\r\n        const slideWidth = allSlides[0].clientWidth;\r\n        const offset = (windowWidth - slideWidth) \/ 2;\r\n        const translation = -(currentIndex * slideWidth) + offset;\r\n        \r\n        track.style.transform = `translateX(${translation}px)`;\r\n        \r\n        allSlides.forEach((slide, index) => {\r\n            const content = slide.querySelector('.slide-content');\r\n            if (content) {\r\n                if (index === currentIndex) {\r\n                    if (animate) {\r\n                        setTimeout(() => content.classList.add('show-text'), 300);\r\n                    } else {\r\n                        content.classList.add('show-text');\r\n                    }\r\n                } else {\r\n                    content.classList.remove('show-text');\r\n                }\r\n            }\r\n        });\r\n    }\r\n    \r\n    updateSlider(false);\r\n    \r\n    window.addEventListener('load', () => updateSlider(false));\r\n    window.addEventListener('resize', () => updateSlider(false));\r\n    \r\n    document.getElementById('btn-next').addEventListener('click', () => {\r\n        if(isTransitioning) return;\r\n        isTransitioning = true;\r\n        allSlides[currentIndex].querySelector('.slide-content').classList.remove('show-text');\r\n        currentIndex++;\r\n        updateSlider();\r\n    });\r\n    \r\n    document.getElementById('btn-prev').addEventListener('click', () => {\r\n        if(isTransitioning) return;\r\n        isTransitioning = true;\r\n        allSlides[currentIndex].querySelector('.slide-content').classList.remove('show-text');\r\n        currentIndex--;\r\n        updateSlider();\r\n    });\r\n    \r\n    track.addEventListener('transitionend', (e) => {\r\n        if(e.target !== track) return;\r\n        isTransitioning = false;\r\n        if (currentIndex === allSlides.length - 1) {\r\n            currentIndex = 1;\r\n            updateSlider(false);\r\n        }\r\n        else if (currentIndex === 0) {\r\n            currentIndex = allSlides.length - 2;\r\n            updateSlider(false);\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-20e09f0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"20e09f0\" 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-816442a\" data-id=\"816442a\" 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-dbcacde elementor-widget elementor-widget-spacer\" data-id=\"dbcacde\" 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-9b7bb71 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9b7bb71\" 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-2b9b1a3\" data-id=\"2b9b1a3\" 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-259d162 elementor-hidden-tablet elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"259d162\" 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-0e3fc9f\" data-id=\"0e3fc9f\" 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-f23598e elementor-widget elementor-widget-heading\" data-id=\"f23598e\" 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-e3964f9 elementor-widget elementor-widget-heading\" data-id=\"e3964f9\" 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-64c7e8c elementor-mobile-align-center elementor-button-info elementor-align-left elementor-widget elementor-widget-button\" data-id=\"64c7e8c\" 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=\"contact\">\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>From railways and heavy industry to bustling ports and the open sea, PROCONECT delivers the vital electrical connections that keep critical operations moving. Engineered to conquer extreme conditions and backed by decades of French manufacturing excellence, we protect your power where it matters most. When off-the-shelf isn&#8217;t enough, our expert team builds custom solutions tailored [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":1670,"footnotes":""},"class_list":["post-5891","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PROCONECT - Industrial connectors - PROCONECT<\/title>\n<meta name=\"description\" content=\"PROCONECT: Manufacturer of heavy-duty industrial electrical connectors for demanding marine, railway, mining, and GSE applications.\" \/>\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\/accueil\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PROCONECT - Industrial connectors - PROCONECT\" \/>\n<meta property=\"og:description\" content=\"PROCONECT: Manufacturer of heavy-duty industrial electrical connectors for demanding marine, railway, mining, and GSE applications.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proconect.com\/fr\/accueil\/\" \/>\n<meta property=\"og:site_name\" content=\"PROCONECT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-13T05:56:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-klaipedia-2-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/\",\"url\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/\",\"name\":\"PROCONECT - Industrial connectors - PROCONECT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/port-of-klaipedia-2-scaled.jpg\",\"datePublished\":\"2025-07-08T10:27:36+00:00\",\"dateModified\":\"2026-10-13T05:56:52+00:00\",\"description\":\"PROCONECT: Manufacturer of heavy-duty industrial electrical connectors for demanding marine, railway, mining, and GSE applications.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/port-of-klaipedia-2-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/port-of-klaipedia-2-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PROCONECT &#8211; Industrial connectors\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/proconect.com\\\/#website\",\"url\":\"https:\\\/\\\/proconect.com\\\/\",\"name\":\"PROCONECT\",\"description\":\"Industrial connectors\",\"publisher\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/proconect.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/proconect.com\\\/#organization\",\"name\":\"PROCONECT\",\"url\":\"https:\\\/\\\/proconect.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/proconect.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/cropped-Logo-Registered-Std.png\",\"contentUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/cropped-Logo-Registered-Std.png\",\"width\":1600,\"height\":253,\"caption\":\"PROCONECT\"},\"image\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/proconect\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PROCONECT - Industrial connectors - PROCONECT","description":"PROCONECT: Manufacturer of heavy-duty industrial electrical connectors for demanding marine, railway, mining, and GSE applications.","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\/accueil\/","og_locale":"fr_FR","og_type":"article","og_title":"PROCONECT - Industrial connectors - PROCONECT","og_description":"PROCONECT: Manufacturer of heavy-duty industrial electrical connectors for demanding marine, railway, mining, and GSE applications.","og_url":"https:\/\/proconect.com\/fr\/accueil\/","og_site_name":"PROCONECT","article_modified_time":"2026-10-13T05:56:52+00:00","og_image":[{"url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-klaipedia-2-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/proconect.com\/en\/accueil\/","url":"https:\/\/proconect.com\/en\/accueil\/","name":"PROCONECT - Industrial connectors - PROCONECT","isPartOf":{"@id":"https:\/\/proconect.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proconect.com\/en\/accueil\/#primaryimage"},"image":{"@id":"https:\/\/proconect.com\/en\/accueil\/#primaryimage"},"thumbnailUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-klaipedia-2-scaled.jpg","datePublished":"2025-07-08T10:27:36+00:00","dateModified":"2026-10-13T05:56:52+00:00","description":"PROCONECT: Manufacturer of heavy-duty industrial electrical connectors for demanding marine, railway, mining, and GSE applications.","breadcrumb":{"@id":"https:\/\/proconect.com\/en\/accueil\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proconect.com\/en\/accueil\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/proconect.com\/en\/accueil\/#primaryimage","url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-klaipedia-2-scaled.jpg","contentUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/04\/port-of-klaipedia-2-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/proconect.com\/en\/accueil\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/proconect.com\/en\/accueil\/"},{"@type":"ListItem","position":2,"name":"PROCONECT &#8211; Industrial connectors"}]},{"@type":"WebSite","@id":"https:\/\/proconect.com\/#website","url":"https:\/\/proconect.com\/","name":"PROCONECT","description":"Industrial connectors","publisher":{"@id":"https:\/\/proconect.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/proconect.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/proconect.com\/#organization","name":"PROCONECT","url":"https:\/\/proconect.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/proconect.com\/#\/schema\/logo\/image\/","url":"https:\/\/proconect.com\/wp-content\/uploads\/2023\/07\/cropped-Logo-Registered-Std.png","contentUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2023\/07\/cropped-Logo-Registered-Std.png","width":1600,"height":253,"caption":"PROCONECT"},"image":{"@id":"https:\/\/proconect.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/proconect\/"]}]}},"_links":{"self":[{"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/5891","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=5891"}],"version-history":[{"count":522,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/5891\/revisions"}],"predecessor-version":[{"id":14475,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/5891\/revisions\/14475"}],"wp:attachment":[{"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/media?parent=5891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}