{"id":10848,"date":"2026-06-09T10:49:14","date_gmt":"2026-06-09T08:49:14","guid":{"rendered":"https:\/\/proconect.com\/?page_id=10848"},"modified":"2026-10-13T07:53:14","modified_gmt":"2026-10-13T05:53:14","slug":"cargo-ship-connectors","status":"publish","type":"page","link":"https:\/\/proconect.com\/fr\/cargo-ship-connectors\/","title":{"rendered":"Navires Cargos"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"10848\" class=\"elementor elementor-10848\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-78aeee6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"78aeee6\" 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-dbbe41d\" data-id=\"dbbe41d\" 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-1a7c477 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"1a7c477\" 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\">Connecteurs pour cargos<\/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-e91a73e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e91a73e\" 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-7affc97\" data-id=\"7affc97\" 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-aa7eb7b elementor-widget elementor-widget-spacer\" data-id=\"aa7eb7b\" 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-80d008d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"80d008d\" 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-6ba0908\" data-id=\"6ba0908\" 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-60b9daf elementor-widget elementor-widget-image\" data-id=\"60b9daf\" 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=\"472\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/5601351683_2349695cf4_b.jpg\" class=\"attachment-large size-large wp-image-7304\" alt=\"\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/5601351683_2349695cf4_b.jpg 1023w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/5601351683_2349695cf4_b-300x177.jpg 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/5601351683_2349695cf4_b-768x453.jpg 768w\" 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-50 elementor-top-column elementor-element elementor-element-99c4546\" data-id=\"99c4546\" 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-7e2bb29 elementor-cta--skin-cover elementor-cta--valign-top elementor-widget__width-initial elementor-widget elementor-widget-call-to-action\" data-id=\"7e2bb29\" 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\tConnecteurs pour Cargos <br>Alimentation \u00e0 Quai\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\tConnecteurs m\u00e9talliques destin\u00e9s \u00e0 l'alimentation \u00e0 quai des navires rouliers (Ro\/Ro), des m\u00e9thaniers (LNGC), des p\u00e9troliers et chimiquiers, des transporteurs de v\u00e9hicules, des vraquiers ou d'autres types de navires. Ces connecteurs sont conformes aux normes IEC 80005-1, annexes B, E, F, G, H et I.\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\/fr\/onshore-power-supply\/\">\n\t\t\t\t\t\tALIMENTATION \u00c9LECTRIQUE \u00c0 QUAI\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-dc9802d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dc9802d\" 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-1ab925f\" data-id=\"1ab925f\" 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-89b11d3 elementor-widget elementor-widget-html\" data-id=\"89b11d3\" 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=\"pro-cab-layout\">\r\n\r\n    <div class=\"pro-cab-header\">\r\n        <p class=\"pro-cab-disclaimer\">Vue repr\u00e9sentative permettant de pr\u00e9senter tous les types de connecteurs,<br>il existe de nombreux syst\u00e8mes de raccordement diff\u00e9rents.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"pro-cab-body\">\r\n\r\n        <div class=\"pro-cab-left\">\r\n            \r\n            <div id=\"default-msg\" class=\"pro-cab-default active-box\">\r\n                <div class=\"pro-cab-default-inner\">\r\n                    <div class=\"pro-default-text-group\">\r\n                        <h2>S\u00c9LECTIONNER UN POINT DE CONNEXION<br>\u00c0 EXPLORER<\/h2>\r\n                    <\/div>\r\n                    <div class=\"icon-fleche\">\r\n                        <i aria-hidden=\"true\" class=\"fas fa-arrow-circle-right\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div id=\"boite-3px7\" class=\"pro-info-box\">\r\n                \r\n                <div class=\"pro-info-top-flex\">\r\n                    <div class=\"pro-info-text-col\">\r\n                        <h3 class=\"pro-info-title\">3PX7<\/h3>\r\n                        <div class=\"pastilles-empilees\">\r\n                            <span class=\"pastille\">500 A<\/span>\r\n                            <span class=\"pastille\">12 kV<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"pro-info-img-col\">\r\n                        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/WALL-3PX7_web-scaled.png\" alt=\"3PX7\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mes-ajouts\">\r\n                    <p class=\"texte-description\">\r\n                        Connecteur triphas\u00e9 pour le raccordement du syst\u00e8me de gestion des c\u00e2bles (CMS) des navires Cargo. \r\n                    <\/p>\r\n                    <div class=\"btn-align-right\">\r\n                        <a href=\"#\" data-url=\"https:\/\/proconect.com\/3px7-connector\/\" class=\"bouton-boite ouvrir-le-volet\" data-volet=\"3px7\">VOIR LE CONNECTEUR<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div id=\"boite-fo\" class=\"pro-info-box\">\r\n                \r\n                <div class=\"pro-info-top-flex\">\r\n                    <div class=\"pro-info-text-col\">\r\n                        <h3 class=\"pro-info-title\">FIBRE OPTIQUE<\/h3>\r\n                        <div class=\"pastilles-empilees\">\r\n                            <span class=\"pastille\">2-12 p\u00f4les<\/span>\r\n                            <span class=\"pastille\">6 types de fibre<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"pro-info-img-col\">\r\n                        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Test-image2.png\" alt=\"Fiber Optic\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mes-ajouts\">\r\n                    <p class=\"texte-description\">\r\n                        Connecteurs destin\u00e9s aux syst\u00e8mes intelligents pour la transmission de donn\u00e9es relatives \u00e0 l'alimentation \u00e0 quai.\r\n                    <\/p>\r\n                    <div class=\"btn-align-right\">\r\n                        <a href=\"#\" data-url=\"#\" class=\"bouton-boite ouvrir-le-volet\" data-volet=\"fo\">VOIR LE CONNECTEUR<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n            \r\n        <\/div>\r\n\r\n        <div class=\"pro-cab-right\">\r\n            \r\n            <div id=\"vue-unique\" class=\"pro-view active-view\" style=\"display: block;\">\r\n                <div class=\"coffret-interactif\" id=\"wrapper-roro\">\r\n                    <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/Connection-RORO-web-5.png\" alt=\"Coffret Electrique\" class=\"image-coffret\">\r\n                    \r\n                    <a href=\"#boite-3px7\" class=\"hotspot groupe-3PX7\" style=\"width: 12%; top: 30%; left: 59%;\"><\/a>\r\n                    <a href=\"#boite-3px7\" class=\"hotspot groupe-3PX7\" style=\"width: 12%; top: 37%; left: 39%;\"><\/a>\r\n\r\n                    <a href=\"#boite-fo\" class=\"hotspot groupe-fo\" style=\"width: 3%; top: 51%; left: 65%;\"><\/a>\r\n                    <a href=\"#boite-fo\" class=\"hotspot groupe-fo\" style=\"width: 3%; top: 51%; left: 57.5%;\"><\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"pro-iframes-scope\">\r\n    <div id=\"fond-volet-3px7\" class=\"pro-fond-iframe\"><\/div>\r\n    <div id=\"volet-lat-3px7\" class=\"pro-volet-iframe\">\r\n        <a href=\"#\" class=\"fermer-volet-iframe\">\u00d7<\/a>\r\n        <iframe loading=\"lazy\" id=\"iframe-3px7\" src=\"\" width=\"100%\" height=\"100%\" frameborder=\"0\"><\/iframe>\r\n    <\/div>\r\n\r\n    <div id=\"fond-volet-fo\" class=\"pro-fond-iframe\"><\/div>\r\n    <div id=\"volet-lat-fo\" class=\"pro-volet-iframe\">\r\n        <a href=\"#\" class=\"fermer-volet-iframe\">\u00d7<\/a>\r\n        <iframe loading=\"lazy\" id=\"iframe-fo\" src=\"\" width=\"100%\" height=\"100%\" frameborder=\"0\"><\/iframe>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* VARIABLES ET ARCHITECTURE GLOBALE *\/\r\n    .pro-cab-layout {\r\n        font-family: 'Montserrat', sans-serif;\r\n        width: 100%;\r\n        margin: 0 !important;\r\n        padding-bottom: 0 !important;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* EN T\u00caTE *\/\r\n    .pro-cab-header {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-end;\r\n        text-align: right;\r\n        margin-bottom: -55px;\r\n    }\r\n    .pro-cab-disclaimer {\r\n        color: #7a7a7a;\r\n        font-size: 12px;\r\n        margin: 0;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* LA GRILLE PC : Flexbox GAUCHE \/ DROITE *\/\r\n    .pro-cab-body {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 50px;\r\n    }\r\n    .pro-cab-left {\r\n        flex: 0 0 35%;\r\n        position: relative;\r\n    }\r\n    .pro-cab-right {\r\n        flex: 1;\r\n        position: relative;\r\n    }\r\n\r\n    \/* VUES DES IMAGES *\/\r\n    .pro-view { width: 100%; animation: fadeInPro 0.4s ease; }\r\n    .coffret-interactif { position: relative; display: inline-block; width: 100%; }\r\n    \r\n    \/* MODIF ICI : Transparence totale de 0 \u00e0 15%, puis d\u00e9grad\u00e9 jusqu'\u00e0 40% (restreint au haut gauche) *\/\r\n    .image-coffret { \r\n        width: 100%; \r\n        height: auto; \r\n        display: block; \r\n        -webkit-mask-image: linear-gradient(to bottom right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,1) 40%);\r\n        mask-image: linear-gradient(to bottom right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,1) 40%);\r\n    }\r\n\r\n    \/* HOTSPOTS INTERACTIFS *\/\r\n    @keyframes pulseBleuPro { 0% { transform: scale(0.85); opacity: 0.5; } 50% { transform: scale(1.05); opacity: 1; } 100% { transform: scale(0.85); opacity: 0.5; } }\r\n    .hotspot { \r\n        position: absolute; display: block; background-color: rgba(76, 94, 180, 0.5); \r\n        border: none; aspect-ratio: 1 \/ 1; border-radius: 50%; z-index: 10; \r\n        text-decoration: none; opacity: 0; transition: all 0.3s ease; \r\n    }\r\n    \r\n    \/* Animation cibl\u00e9e par groupe ! *\/\r\n    .coffret-interactif:has(.groupe-3PX7:hover) .groupe-3PX7,\r\n    .coffret-interactif:has(.groupe-fo:hover) .groupe-fo { \r\n        opacity: 1; animation: pulseBleuPro 1.5s infinite ease-in-out; \r\n    }\r\n\r\n    .hotspot:hover, .hotspot.active-hotspot { \r\n        background-color: rgba(255,255,255,0.8) !important; \r\n        box-shadow: 0 0 15px rgba(255,255,255,0.9); \r\n        transform: scale(1.2) !important; opacity: 1 !important; z-index: 15; animation: none !important; \r\n    }\r\n\r\n    \/* MESSAGE PAR D\u00c9FAUT *\/\r\n    .pro-cab-default {\r\n        display: none;\r\n        justify-content: flex-end;\r\n    }\r\n    .pro-cab-default.active-box { display: flex; animation: fadeInPro 0.4s ease; }\r\n    \r\n    .pro-cab-default-inner {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        text-align: right;\r\n        animation: floatHorizontal 1.5s ease-in-out infinite;\r\n    }\r\n    @keyframes floatHorizontal {\r\n        0%, 100% { transform: translateX(0); }\r\n        50% { transform: translateX(12px); }\r\n    }\r\n    \r\n    .pro-default-text-group { display: flex; flex-direction: column; gap: 8px; }\r\n    .pro-cab-default h2 { font-size: 28px; font-weight: 800; color: #888888; margin: 0; line-height: 1.1; text-transform: uppercase; }\r\n    .icon-fleche i { font-size: 50px; color: #888888; }\r\n\r\n    \/* ========================================================== *\/\r\n    \/* LA BO\u00ceTE D'INFORMATION (PC)                                *\/\r\n    \/* ========================================================== *\/\r\n    .pro-info-box {\r\n        display: none;\r\n        background-color: #dedede;\r\n        border-radius: 20px;\r\n        padding: 30px;\r\n        position: relative;\r\n        box-sizing: border-box;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n        margin-bottom: 25px;\r\n    }\r\n    .pro-info-box.active-box { display: block; animation: fadeInPro 0.4s ease; }\r\n    \r\n    .pro-info-top-flex, .mes-ajouts { position: relative; z-index: 2; }\r\n\r\n    @media (min-width: 992px) {\r\n        .pro-info-box::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 70%;\r\n            right: -25px; \r\n            width: 70px;\r\n            height: 70px;\r\n            background-color: #dedede;\r\n            transform: translateY(-50%) rotate(45deg);\r\n            border-radius: 18px; \r\n            z-index: 0;\r\n        }\r\n    }\r\n\r\n    \/* EN-T\u00caTE DE LA BO\u00ceTE INFO *\/\r\n    .pro-info-top-flex { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; }\r\n    .pro-info-text-col { display: flex; flex-direction: column; }\r\n    .pro-info-title { font-size: 28px; font-weight: 800; color: #555555 !important; margin: 0 0 15px 0; line-height: 1; }\r\n    \r\n    .pro-info-img-col { width: 200px; flex-shrink: 0; margin-left: 10px; margin-right: -30px; }\r\n    .pro-info-img-col img { width: 100%; height: auto; display: block; object-fit: contain; }\r\n\r\n    \/* PASTILLES *\/\r\n    .pastilles-empilees { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }\r\n    .pastille { background-color: #4c5eb4; color: #ffffff; padding: 5px 14px; border-radius: 20px; font-size: 14px; font-weight: 700; display: inline-block; }\r\n\r\n    \/* DESCRIPTION ET BOUTON *\/\r\n    .mes-ajouts { width: 100%; }\r\n    .texte-description { color: #7a7a7a !important; font-size: 14px; line-height: 1.5; font-weight: 500; margin: 0 0 25px 0; }\r\n    .btn-align-right { display: flex; justify-content: flex-end; width: 100%; margin-top: 10px; }\r\n    \r\n    .bouton-boite { \r\n        display: inline-block; \r\n        background-color: #7a7a7a; \r\n        color: #ffffff !important; \r\n        padding: 12px 25px; \r\n        border-radius: 50px; \r\n        font-size: 14px !important;  \r\n        font-weight: 700 !important; \r\n        text-decoration: none !important; \r\n        text-transform: uppercase; \r\n        transition: background-color 0.3s ease; \r\n        border: none;\r\n    }\r\n    .bouton-boite:hover { background-color: #555555; color: #ffffff !important; }\r\n\r\n    \/* ========================================================== *\/\r\n    \/* RESPONSIVE MOBILE : COMPORTEMENT ET DESIGN SP\u00c9CIFIQUE      *\/\r\n    \/* ========================================================== *\/\r\n    @media (max-width: 991px) {\r\n        .pro-cab-body { flex-direction: column-reverse; gap: 0; }\r\n        \r\n        .pro-cab-left {\r\n            margin-top: -10px; \r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .pro-cab-header { align-items: center; text-align: center; }\r\n        \r\n        .pro-cab-default-inner {\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            text-align: center;\r\n            margin-top: 15px; \r\n            animation: floatVertical 1.5s ease-in-out infinite;\r\n        }\r\n        @keyframes floatVertical {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(12px); } \r\n        }\r\n        \r\n        .pro-default-text-group { text-align: center; }\r\n        .icon-fleche { transform: rotate(-90deg); }\r\n\r\n        .pro-info-box {\r\n            padding: 20px; \r\n            border-radius: 15px;\r\n        }\r\n        .pro-info-box::before, .pro-info-box::after { display: none !important; }\r\n\r\n        .pro-info-top-flex { align-items: center; margin-bottom: 15px; }\r\n        .pro-info-title { font-size: 24px; margin-bottom: 10px; }\r\n        \r\n        .pro-info-img-col { width: 140px; margin-right: -20px; }\r\n        .texte-description { font-size: 13px; margin-bottom: 20px; }\r\n    }\r\n\r\n    @keyframes fadeInPro { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n    \/* STYLES DES IFRAMES & BOUTON FERMETURE (S\u00c9CURIS\u00c9) *\/\r\n    .pro-iframes-scope { position: absolute; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; pointer-events: none; }\r\n    .pro-fond-iframe { pointer-events: auto; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99998; backdrop-filter: blur(3px); }\r\n    .pro-volet-iframe { pointer-events: auto; position: fixed; top: 0; right: -100%; width: 70%; height: 100vh; background-color: #fff; z-index: 99999; visibility: hidden; transition: right 0.4s cubic-bezier(0.77,0,0.175,1), visibility 0.4s; }\r\n    .pro-volet-iframe.volet-ouvert { right: 0 !important; visibility: visible; box-shadow: -10px 0 30px rgba(0,0,0,0.2); }\r\n    \r\n    .fermer-volet-iframe { \r\n        position: absolute; \r\n        top: 50%; \r\n        transform: translateY(-50%); \r\n        left: -40px; \r\n        background: #c75252 !important; \r\n        color: #ffffff !important; \r\n        width: 80px; \r\n        height: 80px; \r\n        border-radius: 50%; \r\n        font-size: 90px; \r\n        font-weight: 700; \r\n        line-height: 80px; \r\n        text-align: center; \r\n        text-decoration: none !important; \r\n        border: none !important;\r\n        outline: none !important;\r\n        z-index: 100000; \r\n        box-shadow: -4px 0 15px rgba(0,0,0,0.15) !important; \r\n    }\r\n    .fermer-volet-iframe::after, .fermer-volet-iframe::before { display: none !important; }\r\n    \r\n    @media (max-width: 768px) { \r\n        .pro-volet-iframe { width: 100%; } \r\n        .fermer-volet-iframe { left: auto; right: 20px; top: 20px; width: 50px; height: 50px; line-height: 50px; font-size: 50px; transform: none; } \r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function($) {\r\n    'use strict';\r\n\r\n    var initProCabModule = function($scope) {\r\n        const $module = $scope.find('.pro-cab-layout');\r\n        if (!$module.length) return; \r\n\r\n        const infoBoxes = $module.find('.pro-info-box');\r\n        const defaultMsg = $module.find('#default-msg');\r\n        const iframeScope = $scope.find('.pro-iframes-scope');\r\n\r\n        $module.on('click', '.hotspot', function(e) {\r\n            e.preventDefault();\r\n            e.stopPropagation(); \r\n            \r\n            const $thisHotspot = $(this);\r\n            const parentWrapper = $thisHotspot.closest('.coffret-interactif');\r\n            \r\n            parentWrapper.find('.hotspot').removeClass('active-hotspot');\r\n            \r\n            $thisHotspot.addClass('active-hotspot');\r\n            defaultMsg.removeClass('active-box');\r\n            infoBoxes.removeClass('active-box');\r\n\r\n            const targetBoxId = $thisHotspot.attr('href').replace('#', '');\r\n            const targetBox = $module.find('#' + targetBoxId);\r\n            \r\n            if (targetBox.length) {\r\n                targetBox.addClass('active-box');\r\n                if ($(window).width() <= 991) {\r\n                    setTimeout(() => { \r\n                        $('html, body').animate({\r\n                            scrollTop: targetBox.offset().top - 100 \r\n                        }, 500);\r\n                    }, 100);\r\n                }\r\n            }\r\n        });\r\n\r\n        $(document).on('click.proCabClose_' + $module.attr('id'), function(e) {\r\n            if (!$(e.target).closest($module).length || \r\n                $(e.target).closest('.coffret-interactif').length || \r\n                $(e.target).closest('.pro-info-box').length) return;\r\n            \r\n            $module.find('.hotspot').removeClass('active-hotspot');\r\n            infoBoxes.removeClass('active-box');\r\n            if (defaultMsg.length) defaultMsg.addClass('active-box');\r\n        });\r\n\r\n        $module.on('click', '.ouvrir-le-volet', function(e) {\r\n            const btnVolet = $(this);\r\n            const url = btnVolet.attr('data-url'); \r\n\r\n            if ($(window).width() <= 991) {\r\n                if (url && url !== '#') {\r\n                    window.location.href = url; \r\n                }\r\n                return; \r\n            }\r\n\r\n            e.preventDefault();\r\n            e.stopPropagation(); \r\n\r\n            const voletId = btnVolet.attr('data-volet');\r\n            const targetVolet = iframeScope.find('#volet-lat-' + voletId);\r\n            const targetFond = iframeScope.find('#fond-volet-' + voletId);\r\n            const targetIframe = iframeScope.find('#iframe-' + voletId);\r\n\r\n            if (targetVolet.length && targetIframe.length && url && url !== '#') {\r\n                targetIframe.attr('src', url);\r\n                targetVolet.addClass('volet-ouvert');\r\n                if(targetFond.length) targetFond.show();\r\n            }\r\n        });\r\n\r\n        const closeVolets = function(e) {\r\n            if(e) e.preventDefault();\r\n            iframeScope.find('.pro-volet-iframe').removeClass('volet-ouvert');\r\n            const iframes = iframeScope.find('iframe');\r\n            if(iframes.length) {\r\n                setTimeout(() => { iframes.attr('src', ''); }, 400); \r\n            }\r\n            iframeScope.find('.pro-fond-iframe').hide();\r\n        };\r\n\r\n        iframeScope.on('click', '.fermer-volet-iframe', closeVolets);\r\n        iframeScope.on('click', '.pro-fond-iframe', closeVolets);\r\n    };\r\n\r\n    $(window).on('elementor\/frontend\/init', function() {\r\n        elementorFrontend.hooks.addAction('frontend\/element_ready\/global', function($element) {\r\n            if ($element.find('.pro-cab-layout').length) {\r\n                initProCabModule($element);\r\n            }\r\n        });\r\n    });\r\n\r\n    $(function() {\r\n        if (!window.elementorFrontend) {\r\n            initProCabModule($('.pro-cab-layout').closest('.elementor-widget'));\r\n        }\r\n    });\r\n\r\n})(jQuery);\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-9212e78 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9212e78\" 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-41121ca\" data-id=\"41121ca\" 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-85fcb56 elementor-widget elementor-widget-spacer\" data-id=\"85fcb56\" 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-01baea3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"01baea3\" 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-7853ab4\" data-id=\"7853ab4\" 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-352b753 elementor-align-justify elementor-widget__width-initial btn-connecteur elementor-widget elementor-widget-button\" data-id=\"352b753\" 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=\"#contenu-roro\">\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\"><span style=\"font-size: 23px;font-weight: 700\">     RoRo <span style=\"font-size: 20px\">(Roll-on\/Roll-off)<\/span> <\/span><\/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-bd4d37b elementor-align-justify elementor-widget__width-initial btn-connecteur elementor-widget elementor-widget-button\" data-id=\"bd4d37b\" 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=\"#contenu-lngc\">\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\"><span style=\"font-size: 23px;font-weight: 700\">     LNGC <span style=\"font-size: 20px\">(Navire-citerne de Gaz Naturel Liqu\u00e9fi\u00e9)<\/span> <\/span><\/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-c9192d8 elementor-align-justify elementor-widget__width-initial btn-connecteur elementor-widget elementor-widget-button\" data-id=\"c9192d8\" 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=\"#contenu-oil\">\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\"><span style=\"font-size: 23px;font-weight: 700\">P\u00e9trolier et produits chimiques<\/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-87da63d elementor-align-justify elementor-widget__width-initial btn-connecteur elementor-widget elementor-widget-button\" data-id=\"87da63d\" 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=\"#contenu-vehicle\">\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\"><span style=\"font-size: 23px;font-weight: 700\">Roulier<\/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-1fa0f9a elementor-align-justify elementor-widget__width-initial btn-connecteur elementor-widget elementor-widget-button\" data-id=\"1fa0f9a\" 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=\"#contenu-bulk\">\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\"><span style=\"font-size: 23px;font-weight: 700\">Vracquier<\/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-908e1ef elementor-align-justify elementor-widget__width-initial btn-connecteur elementor-widget elementor-widget-button\" data-id=\"908e1ef\" 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=\"#contenu-other\">\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\"><span style=\"font-size: 23px;font-weight: 700\">Autres types de navires<\/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-d866ba9 elementor-widget elementor-widget-html\" data-id=\"d866ba9\" 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. Bascule des bo\u00eetes *\/\r\n.boite-connecteur { display: none !important; }\r\n.boite-connecteur.boite-active { display: block !important; animation: fadeInHtml 0.4s ease-in-out; }\r\n\r\n\/* 2. Message \/ Ic\u00f4ne par d\u00e9faut *\/\r\n#msg-par-defaut { display: block !important; }\r\n#msg-par-defaut.est-cache { display: none !important; }\r\n\r\n\/* 3. Styles des boutons Elementor (For\u00e7age extr\u00eame) *\/\r\n\r\n\/* On supprime les effets parasites natifs d'Elementor *\/\r\n.elementor-widget.btn-connecteur .elementor-button {\r\n    transition: all 0.3s ease !important;\r\n    background-image: none !important; \/* Elementor utilise parfois des d\u00e9grad\u00e9s invisibles *\/\r\n}\r\n\r\n\/* SURVOL (HOVER) : Gris fonc\u00e9 *\/\r\n.elementor-widget.btn-connecteur:not(.btn-actif) .elementor-button:hover {\r\n    background-color: #555555 !important;\r\n    border-color: #555555 !important;\r\n}\r\n\r\n\/* \u00c9TAT ACTIF : Devient bleu *\/\r\n.elementor-widget.btn-connecteur.btn-actif .elementor-button {\r\n    background-color: #4a4a4a !important; \r\n    border-color: #4c5eb4 !important;\r\n}\r\n\r\n\/* Forcer le texte ET les ic\u00f4nes en blanc *\/\r\n.elementor-widget.btn-connecteur:not(.btn-actif) .elementor-button:hover .elementor-button-text,\r\n.elementor-widget.btn-connecteur:not(.btn-actif) .elementor-button:hover .elementor-button-icon i,\r\n.elementor-widget.btn-connecteur:not(.btn-actif) .elementor-button:hover svg,\r\n.elementor-widget.btn-connecteur.btn-actif .elementor-button .elementor-button-text,\r\n.elementor-widget.btn-connecteur.btn-actif .elementor-button .elementor-button-icon i,\r\n.elementor-widget.btn-connecteur.btn-actif .elementor-button svg {\r\n    color: #ffffff !important;\r\n    fill: #ffffff !important;\r\n    transition: all 0.3s ease !important;\r\n}\r\n\r\n\/* 4. Retire le soulignement des liens dans les boutons *\/\r\n.btn-connecteur a,\r\n.btn-connecteur .elementor-button {\r\n    text-decoration: none !important;\r\n}\r\n\r\n\/* S'assure que \u00e7a ne se souligne pas non plus au survol de la souris *\/\r\n.btn-connecteur a:hover,\r\n.btn-connecteur .elementor-button:hover {\r\n    text-decoration: none !important;\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    const button = e.target.closest('.btn-connecteur');\r\n    if (!button) return; \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-connecteur');\r\n    const boxes = document.querySelectorAll('.boite-connecteur');\r\n    const defaultMsg = document.getElementById('msg-par-defaut');\r\n    const wasAlreadyActive = button.classList.contains('btn-actif');\r\n\r\n    \/\/ On r\u00e9initialise tout\r\n    buttons.forEach(btn => btn.classList.remove('btn-actif'));\r\n    boxes.forEach(box => box.classList.remove('boite-active'));\r\n\r\n    if (wasAlreadyActive) {\r\n        \/\/ Si on reclique sur le bouton actif, on referme et on remet le message par d\u00e9faut\r\n        if(defaultMsg) defaultMsg.classList.remove('est-cache');\r\n    } else {\r\n        \/\/ Sinon, on active le bouton et on affiche la bonne bo\u00eete\r\n        button.classList.add('btn-actif');\r\n        if(defaultMsg) defaultMsg.classList.add('est-cache');\r\n        \r\n        const targetId = linkElement.getAttribute('href').replace('#', ''); \r\n        const targetBox = document.getElementById(targetId);\r\n        \r\n        if (targetBox) targetBox.classList.add('boite-active');\r\n    }\r\n});\r\n<\/script>\r\n\r\n\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-28dd630\" data-id=\"28dd630\" 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-7a55b78 boite-connecteur elementor-widget elementor-widget-html\" data-id=\"7a55b78\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contenu-roro\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ma-boite-info\">\r\n    \r\n    <div class=\"boite-gauche\">\r\n        <h3 class=\"titre-boite\">RORO<\/h3>\r\n        \r\n        <div class=\"pastilles-container\">\r\n            <span class=\"pastille\">IEC 80005-1<br><span style=\"font-size: 13px; opacity: 0.85;\">Annexe B<\/span><\/span>\r\n            <span class=\"pastille\">IEC 62613-2<br><span style=\"font-size: 13px; opacity: 0.85;\">Annexe J<\/span><\/span>\r\n        <\/div>\r\n        \r\n        <p class=\"petit-texte\">Des navires de transport de marchandises \u00e9quip\u00e9s de rampes int\u00e9gr\u00e9es permettant aux marchandises sur roues d'embarquer et de d\u00e9barquer directement.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"boite-droite\">\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/5601351683_2349695cf4_b.jpg\" alt=\"RORO\">\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* La bo\u00eete globale *\/\r\n    .ma-boite-info {\r\n        display: flex;\r\n        flex-direction: row; \r\n        background-color: #dedede; \r\n        border-radius: 40px;\r\n        overflow: hidden; \r\n        width: 100%; \r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05); \r\n    }\r\n\r\n    \/* Bloc de gauche *\/\r\n    .boite-gauche {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 15px; \/* Espacement entre titre, pastilles et texte *\/\r\n        width: 50%; \r\n        padding: 30px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Style du Titre *\/\r\n    .titre-boite {\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: #5a5a5a !important;\r\n        margin: 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Conteneur des pastilles STRICTEMENT c\u00f4te \u00e0 c\u00f4te *\/\r\n    .pastilles-container {\r\n        display: flex !important;\r\n        margin-left: -10px;\r\n        flex-direction: row !important; \/* \ud83c\udfaf Force l'alignement horizontal *\/\r\n        flex-wrap: nowrap !important; \/* \ud83c\udfaf INTERDIT formellement de passer \u00e0 la ligne *\/\r\n        gap: 15px; \r\n        width: 105%; \/* Prend toute la largeur disponible de la colonne gauche *\/\r\n    }\r\n\r\n    .pastille {\r\n        flex: 1; \/* \ud83c\udfaf Chaque pastille prendra exactement 50% de l'espace de son conteneur *\/\r\n        padding: 10px 10px; \/* Padding ajust\u00e9 pour \u00e9viter que le texte d\u00e9borde *\/\r\n        border-radius: 30px; \r\n        font-size: 15px; \/* L\u00e9g\u00e8rement r\u00e9duit pour \u00eatre s\u00fbr que \u00e7a passe sur une ligne *\/\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n        background-color: #5a5a5a; \r\n        color: #ffffff; \r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .petit-texte {\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        line-height: 1.4;\r\n        color: #444444; \r\n        margin: 0;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    \/* Bloc de droite *\/\r\n    .boite-droite {\r\n        width: 50%;\r\n    }\r\n\r\n    .boite-droite img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: left center; \/* \ud83c\udfaf Toujours justifi\u00e9 \u00e0 gauche *\/\r\n        display: block;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .ma-boite-info {\r\n            flex-direction: column-reverse;\r\n            border-radius: 30px;\r\n        }\r\n        .boite-gauche, .boite-droite {\r\n            width: 100%; \r\n        }\r\n        .boite-droite img {\r\n            height: 200px;\r\n            object-position: center; \/* Recentr\u00e9 sur mobile pour la lisibilit\u00e9 *\/\r\n        }\r\n        .titre-boite {\r\n            font-size: 20px;\r\n        }\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-c8083f8 boite-connecteur elementor-widget elementor-widget-html\" data-id=\"c8083f8\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contenu-lngc\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ma-boite-info\">\r\n    \r\n    <div class=\"boite-gauche\">\r\n        <h3 class=\"titre-boite\">LNGC<\/h3>\r\n        \r\n        <div class=\"pastilles-container\">\r\n            <span class=\"pastille\">IEC 80005-1<br><span style=\"font-size: 13px; opacity: 0.85;\">Annexe E<\/span><\/span>\r\n            <span class=\"pastille\">IEC 62613-2<br><span style=\"font-size: 13px; opacity: 0.85;\">Annexe J<\/span><\/span>\r\n        <\/div>\r\n        \r\n        <p class=\"petit-texte\">Navires sp\u00e9cialis\u00e9s transportant du gaz naturel liqu\u00e9fi\u00e9 \u00e0 des temp\u00e9ratures extr\u00eamement basses, inf\u00e9rieures \u00e0 z\u00e9ro, \u00e0 l'int\u00e9rieur de r\u00e9servoirs cryog\u00e9niques isol\u00e9s.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"boite-droite\">\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/Shahamah_LNG_carrier.jpg\" alt=\"LNGC\">\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* La bo\u00eete globale *\/\r\n    .ma-boite-info {\r\n        display: flex;\r\n        flex-direction: row; \r\n        background-color: #dedede; \r\n        border-radius: 40px;\r\n        overflow: hidden; \r\n        width: 100%; \r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05); \r\n    }\r\n\r\n    \/* Bloc de gauche *\/\r\n    .boite-gauche {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 15px; \/* Espacement entre titre, pastilles et texte *\/\r\n        width: 50%; \r\n        padding: 30px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Style du Titre *\/\r\n    .titre-boite {\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: #5a5a5a !important;\r\n        margin: 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Conteneur des pastilles STRICTEMENT c\u00f4te \u00e0 c\u00f4te *\/\r\n    .pastilles-container {\r\n        display: flex !important;\r\n        margin-left: -10px;\r\n        flex-direction: row !important; \/* \ud83c\udfaf Force l'alignement horizontal *\/\r\n        flex-wrap: nowrap !important; \/* \ud83c\udfaf INTERDIT formellement de passer \u00e0 la ligne *\/\r\n        gap: 15px; \r\n        width: 105%; \/* Prend toute la largeur disponible de la colonne gauche *\/\r\n    }\r\n\r\n    .pastille {\r\n        flex: 1; \/* \ud83c\udfaf Chaque pastille prendra exactement 50% de l'espace de son conteneur *\/\r\n        padding: 10px 10px; \/* Padding ajust\u00e9 pour \u00e9viter que le texte d\u00e9borde *\/\r\n        border-radius: 30px; \r\n        font-size: 15px; \/* L\u00e9g\u00e8rement r\u00e9duit pour \u00eatre s\u00fbr que \u00e7a passe sur une ligne *\/\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n        background-color: #5a5a5a; \r\n        color: #ffffff; \r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .petit-texte {\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        line-height: 1.4;\r\n        color: #444444; \r\n        margin: 0;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    \/* Bloc de droite *\/\r\n    .boite-droite {\r\n        width: 50%;\r\n    }\r\n\r\n    .boite-droite img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: left center; \/* \ud83c\udfaf Toujours justifi\u00e9 \u00e0 gauche *\/\r\n        display: block;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .ma-boite-info {\r\n            flex-direction: column-reverse;\r\n            border-radius: 30px;\r\n        }\r\n        .boite-gauche, .boite-droite {\r\n            width: 100%; \r\n        }\r\n        .boite-droite img {\r\n            height: 200px;\r\n            object-position: center; \/* Recentr\u00e9 sur mobile pour la lisibilit\u00e9 *\/\r\n        }\r\n        .titre-boite {\r\n            font-size: 20px;\r\n        }\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-7a6d2e0 boite-connecteur elementor-widget elementor-widget-html\" data-id=\"7a6d2e0\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contenu-oil\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ma-boite-info\">\r\n    \r\n    <div class=\"boite-gauche\">\r\n        <h3 class=\"titre-boite\">NAVIRE-CITERNE &amp; P\u00c9TROLIER<\/h3>\r\n        \r\n        <div class=\"pastilles-container\">\r\n            <span class=\"pastille\">IEC 80005-1<br><span style=\"font-size: 13px; opacity: 0.85;\">Annexe F<\/span><\/span>\r\n            <span class=\"pastille\">IEC 62613-2<br><span style=\"font-size: 13px; opacity: 0.85;\">Annexe J<\/span><\/span>\r\n        <\/div>\r\n        \r\n        <p class=\"petit-texte\">Navires con\u00e7us pour transporter en toute s\u00e9curit\u00e9 d'\u00e9normes volumes de p\u00e9trole liquide et de produits chimiques industriels dangereux.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"boite-droite\">\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/Oil__Chemical_Tanker_Maersk_Seafarer_at_BP_Oil_Refinery_Jetty_Kwinana_November_2021_02-scaled.jpg\" alt=\"OILCHEMTKR\">\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* La bo\u00eete globale *\/\r\n    .ma-boite-info {\r\n        display: flex;\r\n        flex-direction: row; \r\n        background-color: #dedede; \r\n        border-radius: 40px;\r\n        overflow: hidden; \r\n        width: 100%; \r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05); \r\n    }\r\n\r\n    \/* Bloc de gauche *\/\r\n    .boite-gauche {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 15px; \/* Espacement entre titre, pastilles et texte *\/\r\n        width: 50%; \r\n        padding: 30px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Style du Titre *\/\r\n    .titre-boite {\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: #5a5a5a !important;\r\n        margin: 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Conteneur des pastilles STRICTEMENT c\u00f4te \u00e0 c\u00f4te *\/\r\n    .pastilles-container {\r\n        display: flex !important;\r\n        margin-left: -10px;\r\n        flex-direction: row !important; \/* \ud83c\udfaf Force l'alignement horizontal *\/\r\n        flex-wrap: nowrap !important; \/* \ud83c\udfaf INTERDIT formellement de passer \u00e0 la ligne *\/\r\n        gap: 15px; \r\n        width: 105%; \/* Prend toute la largeur disponible de la colonne gauche *\/\r\n    }\r\n\r\n    .pastille {\r\n        flex: 1; \/* \ud83c\udfaf Chaque pastille prendra exactement 50% de l'espace de son conteneur *\/\r\n        padding: 10px 10px; \/* Padding ajust\u00e9 pour \u00e9viter que le texte d\u00e9borde *\/\r\n        border-radius: 30px; \r\n        font-size: 15px; \/* L\u00e9g\u00e8rement r\u00e9duit pour \u00eatre s\u00fbr que \u00e7a passe sur une ligne *\/\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n        background-color: #5a5a5a; \r\n        color: #ffffff; \r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .petit-texte {\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        line-height: 1.4;\r\n        color: #444444; \r\n        margin: 0;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    \/* Bloc de droite *\/\r\n    .boite-droite {\r\n        width: 50%;\r\n    }\r\n\r\n    .boite-droite img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: left center; \/* \ud83c\udfaf Toujours justifi\u00e9 \u00e0 gauche *\/\r\n        display: block;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .ma-boite-info {\r\n            flex-direction: column-reverse;\r\n            border-radius: 30px;\r\n        }\r\n        .boite-gauche, .boite-droite {\r\n            width: 100%; \r\n        }\r\n        .boite-droite img {\r\n            height: 200px;\r\n            object-position: center; \/* Recentr\u00e9 sur mobile pour la lisibilit\u00e9 *\/\r\n        }\r\n        .titre-boite {\r\n            font-size: 20px;\r\n        }\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-a10a6d6 boite-connecteur elementor-widget elementor-widget-html\" data-id=\"a10a6d6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contenu-vehicle\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ma-boite-info\">\r\n    \r\n    <div class=\"boite-gauche\">\r\n        <h3 class=\"titre-boite\">ROULIER<\/h3>\r\n        \r\n        <div class=\"pastilles-container\">\r\n            <span class=\"pastille\">IEC 80005-1<br><span style=\"font-size: 13px; opacity: 0.85;\">Annexe G<\/span><\/span>\r\n            <span class=\"pastille\">IEC 62613-2<br><span style=\"font-size: 13px; opacity: 0.85;\">Annexe J<\/span><\/span>\r\n        <\/div>\r\n        \r\n        <p class=\"petit-texte\">Des garages flottants con\u00e7us pour transporter des milliers de voitures et de poids lourds neufs \u00e0 travers le monde.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"boite-droite\">\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/Car_carrier_NOCC_KATTEGAT_au_port-scaled.jpg\" alt=\"VEHICLE CARRIER\">\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* La bo\u00eete globale *\/\r\n    .ma-boite-info {\r\n        display: flex;\r\n        flex-direction: row; \r\n        background-color: #dedede; \r\n        border-radius: 40px;\r\n        overflow: hidden; \r\n        width: 100%; \r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05); \r\n    }\r\n\r\n    \/* Bloc de gauche *\/\r\n    .boite-gauche {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 15px; \/* Espacement entre titre, pastilles et texte *\/\r\n        width: 50%; \r\n        padding: 30px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Style du Titre *\/\r\n    .titre-boite {\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: #5a5a5a !important;\r\n        margin: 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Conteneur des pastilles STRICTEMENT c\u00f4te \u00e0 c\u00f4te *\/\r\n    .pastilles-container {\r\n        display: flex !important;\r\n        margin-left: -10px;\r\n        flex-direction: row !important; \/* \ud83c\udfaf Force l'alignement horizontal *\/\r\n        flex-wrap: nowrap !important; \/* \ud83c\udfaf INTERDIT formellement de passer \u00e0 la ligne *\/\r\n        gap: 15px; \r\n        width: 105%; \/* Prend toute la largeur disponible de la colonne gauche *\/\r\n    }\r\n\r\n    .pastille {\r\n        flex: 1; \/* \ud83c\udfaf Chaque pastille prendra exactement 50% de l'espace de son conteneur *\/\r\n        padding: 10px 10px; \/* Padding ajust\u00e9 pour \u00e9viter que le texte d\u00e9borde *\/\r\n        border-radius: 30px; \r\n        font-size: 15px; \/* L\u00e9g\u00e8rement r\u00e9duit pour \u00eatre s\u00fbr que \u00e7a passe sur une ligne *\/\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n        background-color: #5a5a5a; \r\n        color: #ffffff; \r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .petit-texte {\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        line-height: 1.4;\r\n        color: #444444; \r\n        margin: 0;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    \/* Bloc de droite *\/\r\n    .boite-droite {\r\n        width: 50%;\r\n    }\r\n\r\n    .boite-droite img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: left center; \/* \ud83c\udfaf Toujours justifi\u00e9 \u00e0 gauche *\/\r\n        display: block;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .ma-boite-info {\r\n            flex-direction: column-reverse;\r\n            border-radius: 30px;\r\n        }\r\n        .boite-gauche, .boite-droite {\r\n            width: 100%; \r\n        }\r\n        .boite-droite img {\r\n            height: 200px;\r\n            object-position: center; \/* Recentr\u00e9 sur mobile pour la lisibilit\u00e9 *\/\r\n        }\r\n        .titre-boite {\r\n            font-size: 20px;\r\n        }\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-f3f939a boite-connecteur elementor-widget elementor-widget-html\" data-id=\"f3f939a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contenu-bulk\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ma-boite-info\">\r\n    \r\n    <div class=\"boite-gauche\">\r\n        <h3 class=\"titre-boite\">VRACQUIER<\/h3>\r\n        \r\n        <div class=\"pastilles-container\">\r\n            <span class=\"pastille\">IEC 80005-1<br><span style=\"font-size: 13px; opacity: 0.85;\">Annexe H<\/span><\/span>\r\n            <span class=\"pastille\">IEC 62613-2<br><span style=\"font-size: 13px; opacity: 0.85;\">Annexe J<\/span><\/span>\r\n        <\/div>\r\n        \r\n        <p class=\"petit-texte\">Navires transportant d'\u00e9normes quantit\u00e9s de marchandises s\u00e8ches en vrac, telles que le charbon, les c\u00e9r\u00e9ales et le minerai de fer.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"boite-droite\">\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/50704068667_9843e6d27b_b.jpg\" alt=\"BULK CARRIER\">\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* La bo\u00eete globale *\/\r\n    .ma-boite-info {\r\n        display: flex;\r\n        flex-direction: row; \r\n        background-color: #dedede; \r\n        border-radius: 40px;\r\n        overflow: hidden; \r\n        width: 100%; \r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05); \r\n    }\r\n\r\n    \/* Bloc de gauche *\/\r\n    .boite-gauche {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 15px; \/* Espacement entre titre, pastilles et texte *\/\r\n        width: 50%; \r\n        padding: 30px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Style du Titre *\/\r\n    .titre-boite {\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: #5a5a5a !important;\r\n        margin: 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Conteneur des pastilles STRICTEMENT c\u00f4te \u00e0 c\u00f4te *\/\r\n    .pastilles-container {\r\n        display: flex !important;\r\n        margin-left: -10px;\r\n        flex-direction: row !important; \/* \ud83c\udfaf Force l'alignement horizontal *\/\r\n        flex-wrap: nowrap !important; \/* \ud83c\udfaf INTERDIT formellement de passer \u00e0 la ligne *\/\r\n        gap: 15px; \r\n        width: 105%; \/* Prend toute la largeur disponible de la colonne gauche *\/\r\n    }\r\n\r\n    .pastille {\r\n        flex: 1; \/* \ud83c\udfaf Chaque pastille prendra exactement 50% de l'espace de son conteneur *\/\r\n        padding: 10px 10px; \/* Padding ajust\u00e9 pour \u00e9viter que le texte d\u00e9borde *\/\r\n        border-radius: 30px; \r\n        font-size: 15px; \/* L\u00e9g\u00e8rement r\u00e9duit pour \u00eatre s\u00fbr que \u00e7a passe sur une ligne *\/\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n        background-color: #5a5a5a; \r\n        color: #ffffff; \r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .petit-texte {\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        line-height: 1.4;\r\n        color: #444444; \r\n        margin: 0;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    \/* Bloc de droite *\/\r\n    .boite-droite {\r\n        width: 50%;\r\n    }\r\n\r\n    .boite-droite img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: left center; \/* \ud83c\udfaf Toujours justifi\u00e9 \u00e0 gauche *\/\r\n        display: block;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .ma-boite-info {\r\n            flex-direction: column-reverse;\r\n            border-radius: 30px;\r\n        }\r\n        .boite-gauche, .boite-droite {\r\n            width: 100%; \r\n        }\r\n        .boite-droite img {\r\n            height: 200px;\r\n            object-position: center; \/* Recentr\u00e9 sur mobile pour la lisibilit\u00e9 *\/\r\n        }\r\n        .titre-boite {\r\n            font-size: 20px;\r\n        }\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-6f17b9b boite-connecteur elementor-widget elementor-widget-html\" data-id=\"6f17b9b\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contenu-other\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ma-boite-info\">\r\n    \r\n    <div class=\"boite-gauche\">\r\n        <h3 class=\"titre-boite\">AUTRE TYPE DE NAVIRE<\/h3>\r\n        \r\n        <div class=\"pastilles-container\">\r\n            <span class=\"pastille\">IEC 80005-1<br><span style=\"font-size: 13px; opacity: 0.85;\">Annexe I<\/span><\/span>\r\n            <span class=\"pastille\">IEC 62613-2<br><span style=\"font-size: 13px; opacity: 0.85;\">Annexe J<\/span><\/span>\r\n        <\/div>\r\n        \r\n        <p class=\"petit-texte\">Autres navires n\u00e9cessitant une tension \u00e9lev\u00e9e pour l'alimentation \u00e0 quai.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"boite-droite\">\r\n        <img decoding=\"async\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/the-heavy-lift-vessel-blue-marlin-transits-the-columbia-e9a88f-1024.jpg\" alt=\"OTHER\">\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n    \/* La bo\u00eete globale *\/\r\n    .ma-boite-info {\r\n        display: flex;\r\n        flex-direction: row; \r\n        background-color: #dedede; \r\n        border-radius: 40px;\r\n        overflow: hidden; \r\n        width: 100%; \r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05); \r\n    }\r\n\r\n    \/* Bloc de gauche *\/\r\n    .boite-gauche {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 15px; \/* Espacement entre titre, pastilles et texte *\/\r\n        width: 50%; \r\n        padding: 30px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Style du Titre *\/\r\n    .titre-boite {\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: #5a5a5a !important;\r\n        margin: 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Conteneur des pastilles STRICTEMENT c\u00f4te \u00e0 c\u00f4te *\/\r\n    .pastilles-container {\r\n        display: flex !important;\r\n        margin-left: -10px;\r\n        flex-direction: row !important; \/* \ud83c\udfaf Force l'alignement horizontal *\/\r\n        flex-wrap: nowrap !important; \/* \ud83c\udfaf INTERDIT formellement de passer \u00e0 la ligne *\/\r\n        gap: 15px; \r\n        width: 105%; \/* Prend toute la largeur disponible de la colonne gauche *\/\r\n    }\r\n\r\n    .pastille {\r\n        flex: 1; \/* \ud83c\udfaf Chaque pastille prendra exactement 50% de l'espace de son conteneur *\/\r\n        padding: 10px 10px; \/* Padding ajust\u00e9 pour \u00e9viter que le texte d\u00e9borde *\/\r\n        border-radius: 30px; \r\n        font-size: 15px; \/* L\u00e9g\u00e8rement r\u00e9duit pour \u00eatre s\u00fbr que \u00e7a passe sur une ligne *\/\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n        background-color: #5a5a5a; \r\n        color: #ffffff; \r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .petit-texte {\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        line-height: 1.4;\r\n        color: #444444; \r\n        margin: 0;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    \/* Bloc de droite *\/\r\n    .boite-droite {\r\n        width: 50%;\r\n    }\r\n\r\n    .boite-droite img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: left center; \/* \ud83c\udfaf Toujours justifi\u00e9 \u00e0 gauche *\/\r\n        display: block;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .ma-boite-info {\r\n            flex-direction: column-reverse;\r\n            border-radius: 30px;\r\n        }\r\n        .boite-gauche, .boite-droite {\r\n            width: 100%; \r\n        }\r\n        .boite-droite img {\r\n            height: 200px;\r\n            object-position: center; \/* Recentr\u00e9 sur mobile pour la lisibilit\u00e9 *\/\r\n        }\r\n        .titre-boite {\r\n            font-size: 20px;\r\n        }\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-32f6994 elementor-position-inline-start elementor-hidden-mobile elementor-widget__width-initial elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"32f6994\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"msg-par-defaut\" 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\tTYPES DE NAVIRES VIS\u00c9S PAR LA NORME IEC 80005-1\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\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-5d1fef7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5d1fef7\" 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-4b521ac\" data-id=\"4b521ac\" 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-ec21dbf elementor-widget elementor-widget-spacer\" data-id=\"ec21dbf\" 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-ca0e9c3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ca0e9c3\" 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-c46b1b8\" data-id=\"c46b1b8\" 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-35d8ee9 elementor-widget elementor-widget-menu-anchor\" data-id=\"35d8ee9\" 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=\"marinas\"><\/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-9dada7b\" data-id=\"9dada7b\" 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-8a2b9ea elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"8a2b9ea\" 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\">Coffrets \u00c9lectriques<\/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-6a6c2e9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6a6c2e9\" 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-1433af0\" data-id=\"1433af0\" 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-88a803c elementor-widget elementor-widget-spacer\" data-id=\"88a803c\" 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-e3835d3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e3835d3\" 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-1831889\" data-id=\"1831889\" 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-13925ac elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"13925ac\" 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=\"403\" height=\"245\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/ALL-IN-ONE-SOLUTION.svg\" class=\"attachment-large size-large wp-image-7863\" alt=\"\" \/>\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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-d95306c my-product-card8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d95306c\" 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-inner-column elementor-element elementor-element-3c11c95\" data-id=\"3c11c95\" 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-d6a27a4 elementor-widget elementor-widget-heading\" data-id=\"d6a27a4\" 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<h3 class=\"elementor-heading-title elementor-size-default\">Solutions TOUT-EN-UN<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33c1bd3 elementor-widget elementor-widget-text-editor\" data-id=\"33c1bd3\" data-element_type=\"widget\" data-e-type=\"widget\" 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>Optimisez votre infrastructure gr\u00e2ce \u00e0 des environnements \u00e9lectriques sur mesure, adapt\u00e9s \u00e0 vos d\u00e9fis techniques et environnementaux sp\u00e9cifiques. Notre \u00e9quipe d'ing\u00e9nieurs garantit une conformit\u00e9 totale et une int\u00e9gration parfaite gr\u00e2ce \u00e0 des \u00e9tudes de faisabilit\u00e9 men\u00e9es par des experts et \u00e0 une validation rigoureuse. B\u00e9n\u00e9ficiez de solutions cl\u00e9s en main hautement performantes, con\u00e7ues pour offrir une fiabilit\u00e9 op\u00e9rationnelle maximale.<\/p>\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 class=\"elementor-element elementor-element-9058dfa elementor-align-center elementor-widget elementor-widget-button\" data-id=\"9058dfa\" 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-size-sm\" role=\"button\">\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\">D\u00c9COUVRIR PLUS<\/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-ab97bb2 elementor-invisible\" data-id=\"ab97bb2\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\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-6807155 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6807155\" 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-b0f8659\" data-id=\"b0f8659\" 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-2be91eb elementor-widget elementor-widget-image\" data-id=\"2be91eb\" 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=\"938\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/Wall-3PX-suspendues-873x1024.png\" class=\"attachment-large size-large wp-image-7482\" alt=\"3PX hanged presentation\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/Wall-3PX-suspendues-873x1024.png 873w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/Wall-3PX-suspendues-256x300.png 256w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/Wall-3PX-suspendues-768x901.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/Wall-3PX-suspendues-1309x1536.png 1309w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/Wall-3PX-suspendues-1746x2048.png 1746w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/Wall-3PX-suspendues-scaled.png 1364w\" 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-50 elementor-inner-column elementor-element elementor-element-5f4a04c\" data-id=\"5f4a04c\" 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-b30b950 elementor-cta--skin-cover elementor-cta--valign-top elementor-widget__width-initial elementor-widget elementor-widget-call-to-action\" data-id=\"b30b950\" 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\tConnecteurs pr\u00e9-c\u00e2bl\u00e9s\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\tLes connecteurs peuvent \u00eatre fournis pr\u00e9-c\u00e2bl\u00e9s, en fonction de la disponibilit\u00e9 des c\u00e2bles ou selon que ceux-ci sont fournis au pr\u00e9alable.<br>Par exemple, les connecteurs peuvent \u00eatre fournis avec un c\u00e2ble d'une certaine longueur ou directement sur un touret, l'une des extr\u00e9mit\u00e9s \u00e9tant la fiche et l'autre comportant des cosses de raccordement.\t\t\t\t\t<\/div>\n\t\t\t\t\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-inner-section elementor-element elementor-element-7fa985d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7fa985d\" 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-0c3c6d7\" data-id=\"0c3c6d7\" 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-8ee5c40 elementor-widget elementor-widget-image\" data-id=\"8ee5c40\" 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=\"461\" src=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/32327-0000-1024x590.png\" class=\"attachment-large size-large wp-image-10866\" alt=\"3PX7 cabinet\" srcset=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/32327-0000-1024x590.png 1024w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/32327-0000-300x173.png 300w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/32327-0000-768x443.png 768w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/32327-0000-1536x885.png 1536w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/32327-0000-2048x1181.png 2048w, https:\/\/proconect.com\/wp-content\/uploads\/2026\/06\/32327-0000-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-50 elementor-inner-column elementor-element elementor-element-cae757a\" data-id=\"cae757a\" 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-39869a0 elementor-cta--skin-cover elementor-cta--valign-top elementor-widget__width-initial elementor-widget elementor-widget-call-to-action\" data-id=\"39869a0\" 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\tCoffrets \u00e9lectriques\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\tNotre bureau d'\u00e9tudes peut r\u00e9aliser une \u00e9tude de faisabilit\u00e9 compl\u00e8te pour r\u00e9pondre \u00e0 votre demande, en garantissant le respect des normes \u00e9lectriques et une int\u00e9gration parfaite dans votre installation. Gr\u00e2ce \u00e0 nos capacit\u00e9s de personnalisation totales, nos armoires ou bo\u00eetiers muraux s'adaptent \u00e0 toutes vos sp\u00e9cifications et \u00e0 vos contraintes environnementales.\t\t\t\t\t<\/div>\n\t\t\t\t\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\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-487a06d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"487a06d\" 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-e140cfc\" data-id=\"e140cfc\" 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-50667d9 elementor-widget elementor-widget-spacer\" data-id=\"50667d9\" 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-ca09f9c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ca09f9c\" 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-bfa6a8d\" data-id=\"bfa6a8d\" 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-7d391af elementor-hidden-tablet elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"7d391af\" 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-36086cf\" data-id=\"36086cf\" 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-7a2e648 elementor-widget elementor-widget-heading\" data-id=\"7a2e648\" 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\">VOUS AVEZ UN PROJET ?<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2cfcea elementor-widget elementor-widget-heading\" data-id=\"f2cfcea\" 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\">N'h\u00e9sitez pas \u00e0 nous contacter. Nous examinerons attentivement votre demande afin de vous proposer les produits les mieux adapt\u00e9s \u00e0 votre projet.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbbce94 elementor-mobile-align-center elementor-button-info elementor-align-left elementor-widget elementor-widget-button\" data-id=\"dbbce94\" 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\/fr\/contact\/\" id=\"3PX4contact\">\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\">NOUS CONTACTER<\/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>","protected":false},"excerpt":{"rendered":"<p>Cargo ship connectors Connectors for Cargo Ship Shore Power Supply Metallic connectors for Ro\/Ro, LNGC, Oil &amp; Chemical Tankers, Vehicle Carrier, Bulk Carrier or other ship types shore power supply. Those connectors are following IEC 80005-1 Ann. B-E-F-G-H-I standards. ONSHORE POWER SUPPLY This is a representative view to showcase all the connector types,there are many [&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":55,"footnotes":""},"class_list":["post-10848","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>Cargo ship Connectors - PROCONECT<\/title>\n<meta name=\"description\" content=\"PROCONECT cargo ship connectors. IEC 80005-1 Ann. B-E-F-G-H-I compliant heavy-duty OPS solutions for safe shore power supply at ports.\" \/>\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\/cargo-ship-connectors\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cargo ship Connectors - PROCONECT\" \/>\n<meta property=\"og:description\" content=\"PROCONECT cargo ship connectors. IEC 80005-1 Ann. B-E-F-G-H-I compliant heavy-duty OPS solutions for safe shore power supply at ports.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proconect.com\/fr\/cargo-ship-connectors\/\" \/>\n<meta property=\"og:site_name\" content=\"PROCONECT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-13T05:53:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/5601351683_2349695cf4_b.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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cargo-ship-connectors\\\/\",\"url\":\"https:\\\/\\\/proconect.com\\\/en\\\/cargo-ship-connectors\\\/\",\"name\":\"Cargo ship Connectors - PROCONECT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cargo-ship-connectors\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cargo-ship-connectors\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/5601351683_2349695cf4_b.jpg\",\"datePublished\":\"2026-06-09T08:49:14+00:00\",\"dateModified\":\"2026-10-13T05:53:14+00:00\",\"description\":\"PROCONECT cargo ship connectors. IEC 80005-1 Ann. B-E-F-G-H-I compliant heavy-duty OPS solutions for safe shore power supply at ports.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cargo-ship-connectors\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proconect.com\\\/en\\\/cargo-ship-connectors\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cargo-ship-connectors\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/5601351683_2349695cf4_b.jpg\",\"contentUrl\":\"https:\\\/\\\/proconect.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/5601351683_2349695cf4_b.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proconect.com\\\/en\\\/cargo-ship-connectors\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/proconect.com\\\/en\\\/accueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cargo ship 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":"Cargo ship Connectors - PROCONECT","description":"PROCONECT cargo ship connectors. IEC 80005-1 Ann. B-E-F-G-H-I compliant heavy-duty OPS solutions for safe shore power supply at ports.","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\/cargo-ship-connectors\/","og_locale":"fr_FR","og_type":"article","og_title":"Cargo ship Connectors - PROCONECT","og_description":"PROCONECT cargo ship connectors. IEC 80005-1 Ann. B-E-F-G-H-I compliant heavy-duty OPS solutions for safe shore power supply at ports.","og_url":"https:\/\/proconect.com\/fr\/cargo-ship-connectors\/","og_site_name":"PROCONECT","article_modified_time":"2026-10-13T05:53:14+00:00","og_image":[{"url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/5601351683_2349695cf4_b.jpg","type":"","width":"","height":""}],"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\/cargo-ship-connectors\/","url":"https:\/\/proconect.com\/en\/cargo-ship-connectors\/","name":"Cargo ship Connectors - PROCONECT","isPartOf":{"@id":"https:\/\/proconect.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proconect.com\/en\/cargo-ship-connectors\/#primaryimage"},"image":{"@id":"https:\/\/proconect.com\/en\/cargo-ship-connectors\/#primaryimage"},"thumbnailUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/5601351683_2349695cf4_b.jpg","datePublished":"2026-06-09T08:49:14+00:00","dateModified":"2026-10-13T05:53:14+00:00","description":"PROCONECT cargo ship connectors. IEC 80005-1 Ann. B-E-F-G-H-I compliant heavy-duty OPS solutions for safe shore power supply at ports.","breadcrumb":{"@id":"https:\/\/proconect.com\/en\/cargo-ship-connectors\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proconect.com\/en\/cargo-ship-connectors\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/proconect.com\/en\/cargo-ship-connectors\/#primaryimage","url":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/5601351683_2349695cf4_b.jpg","contentUrl":"https:\/\/proconect.com\/wp-content\/uploads\/2026\/03\/5601351683_2349695cf4_b.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/proconect.com\/en\/cargo-ship-connectors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/proconect.com\/en\/accueil\/"},{"@type":"ListItem","position":2,"name":"Cargo ship 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\/10848","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=10848"}],"version-history":[{"count":160,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/10848\/revisions"}],"predecessor-version":[{"id":14547,"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/pages\/10848\/revisions\/14547"}],"wp:attachment":[{"href":"https:\/\/proconect.com\/fr\/wp-json\/wp\/v2\/media?parent=10848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}