{"id":565,"date":"2024-02-09T10:51:12","date_gmt":"2024-02-09T10:51:12","guid":{"rendered":"https:\/\/startersites.io\/elementor\/smile-dent\/?page_id=565"},"modified":"2026-05-11T00:50:44","modified_gmt":"2026-05-11T00:50:44","slug":"home","status":"publish","type":"page","link":"https:\/\/dpws.gttc.online\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"565\" class=\"elementor elementor-565\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5141d80 e-con-full e-flex e-con e-parent\" data-id=\"5141d80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50b1673 elementor-widget elementor-widget-html\" data-id=\"50b1673\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @keyframes bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }\r\n  .dpws-stat { background:rgba(12,30,69,.65); backdrop-filter:blur(8px); padding:24px; border-top:2px solid transparent; transition:all .3s; }\r\n  .dpws-stat:hover { background:rgba(45,138,66,.3); border-top-color:rgb(26,79,160); }\r\n  .dpws-btn-primary { padding:16px 32px; background:rgb(26,79,160); color:rgb(255,255,255); border:none; letter-spacing:.2em; text-transform:uppercase; cursor:pointer; transition:all .2s; border-radius:4px; font-family:'Barlow Condensed',sans-serif; font-size:1rem; display:inline-flex; align-items:center; gap:12px; box-shadow:0 8px 24px rgba(26,79,160,.3); text-decoration:none; }\r\n  .dpws-btn-primary:hover { background:rgb(21,64,138); }\r\n  .dpws-btn-secondary { padding:16px 32px; background:transparent; color:rgb(255,255,255); border:1px solid rgba(255,255,255,.4); letter-spacing:.2em; text-transform:uppercase; cursor:pointer; transition:all .2s; border-radius:4px; font-family:'Barlow Condensed',sans-serif; font-size:1rem; text-decoration:none; display:inline-block; }\r\n  .dpws-btn-secondary:hover { border-color:rgba(255,255,255,.8); background:rgba(255,255,255,.1); }\r\n  @media(max-width:768px){ .dpws-stats { grid-template-columns:repeat(2,1fr) !important; } .dpws-ctas { flex-direction:column !important; } }\r\n<\/style>\r\n\r\n<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;700&family=Source+Sans+3:wght@400;600&family=JetBrains+Mono:wght@700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"hero\" style=\"position:relative; min-height:100vh; display:flex; flex-direction:column; justify-content:center; overflow:hidden;\">\r\n\r\n  <!-- Image de fond -->\r\n  <div style=\"position:absolute; inset:0; background-image:url('https:\/\/images.unsplash.com\/photo-1717940726344-05e5af5058da?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&w=1920'); background-size:cover; background-position:center;\"><\/div>\r\n\r\n  <!-- Overlay duotone -->\r\n  <div style=\"position:absolute; inset:0; background:linear-gradient(135deg,rgba(12,30,69,.95) 0%,rgba(45,138,66,.80) 55%,rgba(26,79,160,.55) 100%);\"><\/div>\r\n\r\n  <!-- Grille subtile -->\r\n  <div style=\"position:absolute; inset:0; opacity:.07; background-image:linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px); background-size:60px 60px;\"><\/div>\r\n\r\n  <!-- Barre accent gauche -->\r\n  <div style=\"position:absolute; top:0; left:0; bottom:0; width:4px; background:linear-gradient(to bottom,rgb(45,138,66),rgb(26,79,160),transparent);\"><\/div>\r\n\r\n  <!-- Coupe diagonale bas -->\r\n  <div style=\"position:absolute; bottom:0; left:0; right:0; height:64px; background:white; clip-path:polygon(0 100%,100% 0,100% 100%);\"><\/div>\r\n\r\n  <!-- Contenu -->\r\n  <div style=\"position:relative; z-index:10; max-width:1280px; margin:0 auto; padding:112px 24px 96px; width:100%;\">\r\n\r\n    <!-- Eyebrow -->\r\n    <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:32px;\">\r\n      <div style=\"width:32px; height:2px; background:rgb(26,79,160);\"><\/div>\r\n      <span style=\"font-family:'Source Sans 3',sans-serif; font-size:14px; letter-spacing:.3em; text-transform:uppercase; color:rgb(255,255,255);\">\r\n        Douala Port Weighing Services \u2014 Filiale BFC Group S.A.\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <!-- Titre -->\r\n    <h1 style=\"font-family:'Barlow Condensed',sans-serif; font-size:clamp(48px,8vw,96px); color:rgb(255,255,255); line-height:1; letter-spacing:.05em; margin-bottom:24px; font-weight:700; max-width:900px;\">\r\n      Le Pesage au Service de la Performance Portuaire\r\n    <\/h1>\r\n\r\n    <!-- Sous-titre -->\r\n    <p style=\"font-family:'Source Sans 3',sans-serif; font-size:clamp(18px,2.5vw,24px); color:rgba(255,255,255,.75); max-width:700px; margin-bottom:48px; line-height:1.6;\">\r\n      La Pr\u00e9cision au c\u0153ur de la performance portuaire \u2014 <br>op\u00e9rateur de r\u00e9f\u00e9rence en pesage au Port de Douala-Bonab\u00e9ri.\r\n    <\/p>\r\n\r\n    <!-- Boutons -->\r\n    <div class=\"dpws-ctas\" style=\"display:flex; flex-wrap:wrap; gap:16px; margin-bottom:80px;\">\r\n      <a href=\"#services\" class=\"dpws-btn-primary\" onclick=\"document.querySelector('#services')?.scrollIntoView({behavior:'smooth'}); return false;\">\r\n        D\u00c9COUVRIR NOS SOLUTIONS\r\n        <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"#contact\" class=\"dpws-btn-secondary\" onclick=\"document.querySelector('#contact')?.scrollIntoView({behavior:'smooth'}); return false;\">\r\n        NOUS CONTACTER\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Stats -->\r\n    <div class=\"dpws-stats\" style=\"display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(255,255,255,.1); border-radius:4px; overflow:hidden; border:1px solid rgba(255,255,255,.1);\">\r\n\r\n      <div class=\"dpws-stat\">\r\n        <div id=\"cnt-0\" style=\"font-family:'JetBrains Mono',monospace; font-size:clamp(28px,4vw,40px); color:rgb(255,255,255); font-weight:700; margin-bottom:4px;\">2019<\/div>\r\n        <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.5);\">Ann\u00e9e de cr\u00e9ation<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dpws-stat\">\r\n        <div id=\"cnt-1\" style=\"font-family:'JetBrains Mono',monospace; font-size:clamp(28px,4vw,40px); color:rgb(255,255,255); font-weight:700; margin-bottom:4px;\">200+<\/div>\r\n        <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.5);\">Nombre d\u2019emploi cr\u00e9e<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dpws-stat\">\r\n        <div id=\"cnt-2\" style=\"font-family:'JetBrains Mono',monospace; font-size:clamp(28px,4vw,40px); color:rgb(255,255,255); font-weight:700; margin-bottom:4px;\">100%<\/div>\r\n        <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.5);\">Fiabilit\u00e9 des donn\u00e9es<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dpws-stat\">\r\n        <div id=\"cnt-3\" style=\"font-family:'JetBrains Mono',monospace; font-size:clamp(28px,4vw,40px); color:rgb(255,255,255); font-weight:700; margin-bottom:4px;\">24\/7<\/div>\r\n        <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.5);\">Surveillance continue<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Scroll indicator -->\r\n  <div style=\"position:absolute; bottom:80px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:8px; z-index:10; cursor:pointer;\" onclick=\"document.querySelector('#about')?.scrollIntoView({behavior:'smooth'})\">\r\n    <span style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.2em; color:rgba(255,255,255,.4); text-transform:uppercase;\">EXPLORER<\/span>\r\n    <svg style=\"animation:bounce 1.5s ease-in-out infinite; color:rgba(255,255,255,.4);\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94bb519 e-con-full e-flex e-con e-parent\" data-id=\"94bb519\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11bb515 elementor-widget elementor-widget-menu-anchor\" data-id=\"11bb515\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"qui\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2b3592 elementor-widget elementor-widget-html\" data-id=\"e2b3592\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .dpws-metric { border-left: 2px solid rgb(26,79,160); padding-left: 16px; padding-top: 4px; padding-bottom: 4px; transition: border-color .2s; }\r\n  .dpws-metric:hover { border-left-color: rgb(45,138,66); }\r\n  .dpws-discover { display: inline-flex; align-items: center; gap: 12px; color: rgb(26,79,160); font-family: 'Barlow Condensed', sans-serif; font-size: .95rem; letter-spacing: .15em; text-transform: uppercase; background: none; border: none; cursor: pointer; transition: color .2s; text-decoration: none; }\r\n  .dpws-discover:hover { color: rgb(12,30,69); }\r\n  .dpws-discover svg { transition: transform .2s; }\r\n  .dpws-discover:hover svg { transform: translateX(4px); }\r\n  @media(max-width:1024px){ .dpws-about-grid { grid-template-columns: 1fr !important; } }\r\n<\/style>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;700&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"about\" style=\"background:rgb(255,255,255); padding:64px 0; position:relative; overflow:hidden;\">\r\n\r\n  <!-- D\u00e9coration diagonale droite -->\r\n  <div style=\"position:absolute; top:0; right:0; width:33%; height:100%; opacity:.03; background-image:repeating-linear-gradient(-45deg,#2D8A42,#2D8A42 2px,transparent 2px,transparent 22px); pointer-events:none;\"><\/div>\r\n\r\n  <!-- Barre accent gauche -->\r\n  <div style=\"position:absolute; left:0; top:25%; bottom:25%; width:4px; background:linear-gradient(to bottom,transparent,rgb(45,138,66),transparent);\"><\/div>\r\n\r\n  <!-- Coupe diagonale bas -->\r\n  <div style=\"position:absolute; bottom:0; left:0; right:0; height:64px; background:rgb(240,244,248); clip-path:polygon(0 0,100% 100%,0 100%);\"><\/div>\r\n\r\n  <div style=\"max-width:1280px; margin:0 auto; padding:0 24px; position:relative; z-index:10;\">\r\n    <div class=\"dpws-about-grid\" style=\"display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;\">\r\n\r\n      <!-- Colonne gauche -->\r\n      <div style=\"position:relative;\">\r\n\r\n        <!-- Grand guillemet d\u00e9coratif -->\r\n        <div style=\"position:absolute; top:-32px; left:-16px; font-family:'Barlow Condensed',sans-serif; font-size:11rem; line-height:1; color:rgba(45,138,66,.07); user-select:none; pointer-events:none;\">\"<\/div>\r\n\r\n        <div style=\"position:relative;\">\r\n\r\n          <!-- Tag Vision -->\r\n          <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:32px;\">\r\n            <div style=\"width:48px; height:2px; background:rgb(45,138,66);\"><\/div>\r\n            <span style=\"font-family:'Source Sans 3',sans-serif; font-size:12px; letter-spacing:.3em; text-transform:uppercase; color:rgb(45,138,66);\">Notre Vision<\/span>\r\n          <\/div>\r\n\r\n          <!-- Citation -->\r\n          <blockquote style=\"font-family:'Barlow Condensed',sans-serif; font-size:clamp(24px,3.5vw,35px); color:rgb(12,30,69); line-height:1.2; margin-bottom:32px; font-weight:700;\">\r\n            Transformer la donn\u00e9e en outil de performance pour tout l'\u00e9cosyst\u00e8me portuaire\r\n          <\/blockquote>\r\n\r\n          <!-- S\u00e9parateur -->\r\n          <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:32px;\">\r\n            <div style=\"width:32px; height:1px; background:rgb(45,138,66);\"><\/div>\r\n            <div style=\"width:12px; height:12px; transform:rotate(45deg); border:1px solid rgb(26,79,160);\"><\/div>\r\n            <div style=\"flex:1; height:1px; background:rgba(45,138,66,.2);\"><\/div>\r\n          <\/div>\r\n\r\n          <!-- M\u00e9triques -->\r\n          <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:32px;\">\r\n\r\n            <div class=\"dpws-metric\">\r\n              <div style=\"font-family:'Barlow Condensed',sans-serif; font-size:32px; color:rgb(12,30,69); font-weight:400;\">2019<\/div>\r\n              <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:rgba(12,30,69,.45); margin-top:4px;\">Fond\u00e9e en<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dpws-metric\">\r\n              <div style=\"font-family:'Barlow Condensed',sans-serif; font-size:32px; color:rgb(12,30,69); font-weight:400;\">BFC Group<\/div>\r\n              <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:rgba(12,30,69,.45); margin-top:4px;\">Soci\u00e9t\u00e9 m\u00e8re<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dpws-metric\">\r\n              <div style=\"font-family:'Barlow Condensed',sans-serif; font-size:32px; color:rgb(12,30,69); font-weight:400;\">Douala<\/div>\r\n              <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:rgba(12,30,69,.45); margin-top:4px;\">Port Douala-Bonab\u00e9ri<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"dpws-metric\">\r\n              <div style=\"font-family:'Barlow Condensed',sans-serif; font-size:32px; color:rgb(12,30,69); font-weight:400;\">#1<\/div>\r\n              <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:rgba(12,30,69,.45); margin-top:4px;\">Op\u00e9rateur de r\u00e9f\u00e9rence<\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <!-- Photo terrain -->\r\n          <div style=\"border-radius:8px; overflow:hidden; border:1px solid rgba(45,138,66,.1); box-shadow:0 8px 24px rgba(12,30,69,.1);\">\r\n            <img decoding=\"async\" src=\"https:\/\/dpws.gttc.online\/wp-content\/uploads\/2026\/05\/dp1.fd443239.png\" style=\"width:100%; height:auto; object-fit:cover; display:block;\">\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Colonne droite -->\r\n      <div>\r\n\r\n        <!-- Tag Qui sommes-nous -->\r\n        <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:32px;\">\r\n          <div style=\"width:48px; height:2px; background:rgb(26,79,160);\"><\/div>\r\n          <span style=\"font-family:'Source Sans 3',sans-serif; font-size:12px; letter-spacing:.3em; text-transform:uppercase; color:rgb(26,79,160);\">Qui Sommes-Nous<\/span>\r\n        <\/div>\r\n\r\n        <!-- Titre -->\r\n        <h2 style=\"font-family:'Barlow Condensed',sans-serif; font-size:clamp(24px,3.5vw,35px); color:rgb(12,30,69); line-height:1.2; font-weight:700; margin-bottom:32px;\">\r\n          L'Op\u00e9rateur de R\u00e9f\u00e9rence en Pesage  Portuaire\r\n        <\/h2>\r\n\r\n        <!-- Textes -->\r\n        <div style=\"display:flex; flex-direction:column; gap:20px; font-family:'Source Sans 3',sans-serif; font-size:16px; line-height:1.8; color:rgba(12,30,69,.65);\">\r\n          <p><strong style=\"color:rgb(12,30,69);\">DPWS S.A.<\/strong> (Douala Port Weighing Services) est l'op\u00e9rateur de r\u00e9f\u00e9rence en mati\u00e8re de pesage  au Port de Douala-Bonab\u00e9ri. Filiale de <strong style=\"color:rgb(12,30,69);\">BFC Group S.A.<\/strong>, cr\u00e9\u00e9e en 2019, notre mission est de fournir aux d\u00e9cideurs des donn\u00e9es fiables sur les flux de marchandises en transit.<\/p>\r\n          <p>Nous contribuons activement \u00e0 la <strong style=\"color:rgb(12,30,69);\">protection du patrimoine du domaine portuaire<\/strong>,\u00e0 la protection du domaine portuaire, National, Sous R\u00e9gional\u00e0 et \u00e0 la modernisation des pratiques de gestion logistique au Port de Douala, premier port d'Afrique centrale.<\/p>\r\n          <p>Gr\u00e2ce \u00e0 des technologies de pesage de pointe \u2014 statique, \u00e0 l'essieu et ferroviaire \u2014 DPWS S.A. transforme la donn\u00e9e brute en <strong style=\"color:rgb(12,30,69);\">outil d\u00e9cisionnel strat\u00e9gique<\/strong> pour l'ensemble des acteurs de l'\u00e9cosyst\u00e8me portuaire.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Highlight box -->\r\n        <div style=\"margin-top:32px; padding:20px; border:1px solid rgba(45,138,66,.2); background:rgba(45,138,66,.04); border-radius:8px; display:flex; align-items:stretch; gap:16px;\">\r\n          <div style=\"width:4px; background:rgb(45,138,66); border-radius:4px; flex-shrink:0;\"><\/div>\r\n          <p style=\"font-family:'Source Sans 3',sans-serif; font-size:14px; font-style:italic; color:rgb(45,138,66); line-height:1.7; margin:0;\">\r\n            \"Le Pesage au Service de la Performance Portuaire .\"\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- Lien services -->\r\n        <div style=\"margin-top:40px;\">\r\n          <a href=\"#services\" class=\"dpws-discover\" onclick=\"document.querySelector('#services')?.scrollIntoView({behavior:'smooth'}); return false;\">\r\n            D\u00c9COUVRIR NOS SERVICES\r\n            <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-009fb84 e-con-full e-flex e-con e-parent\" data-id=\"009fb84\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c370db elementor-widget elementor-widget-menu-anchor\" data-id=\"1c370db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"mission\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff313ce elementor-widget elementor-widget-html\" data-id=\"ff313ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .mission-card { background: rgb(255,255,255); border: 1px solid rgba(45,138,66,.1); border-radius: 8px; padding: 32px; transition: all .3s; position: relative; overflow: hidden; }\r\n  .mission-card:hover { border-color: rgba(26,79,160,.4); box-shadow: 0 20px 40px rgba(45,138,66,.1); transform: translateY(-4px); }\r\n  .mission-card .top-bar { position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: 8px 8px 0 0; transition: all .3s; }\r\n  .mission-card:hover .top-bar { background: linear-gradient(90deg, rgb(26,79,160), rgb(45,138,66)) !important; opacity: 1 !important; }\r\n  .mission-card .hover-arrow { display: flex; align-items: center; gap: 8px; margin-top: 32px; color: rgb(26,79,160); opacity: 0; transform: translateY(8px); transition: all .3s; }\r\n  .mission-card:hover .hover-arrow { opacity: 1; transform: translateY(0); }\r\n  .mission-card .watermark { position: absolute; top: 16px; right: 24px; font-family: 'Barlow Condensed', sans-serif; font-size: 6rem; line-height: 1; color: rgba(12,30,69,.04); user-select: none; pointer-events: none; transition: color .3s; }\r\n  .mission-card:hover .watermark { color: rgba(45,138,66,.07); }\r\n  .mission-icon-wrap { width: 56px; height: 56px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }\r\n  .mission-icon { width: 40px; height: 40px; border-radius: 4px; display: flex; align-items: center; justify-content: center; transition: transform .3s; }\r\n  .mission-card:hover .mission-icon { transform: scale(1.1); }\r\n  @media(max-width:768px){ .mission-grid { grid-template-columns: 1fr !important; } }\r\n<\/style>\r\n\r\n<section id=\"mission\" style=\"background: rgb(240,244,248); padding: 64px 0 80px; position: relative; overflow: hidden;\">\r\n\r\n  <!-- Grille de fond -->\r\n  <div style=\"position:absolute; inset:0; opacity:.04; background-image:linear-gradient(#2D8A42 1px,transparent 1px),linear-gradient(90deg,#2D8A42 1px,transparent 1px); background-size:40px 40px; pointer-events:none;\"><\/div>\r\n\r\n  <!-- Coupe diagonale bas -->\r\n  <div style=\"position:absolute; bottom:0; left:0; right:0; height:64px; background:rgb(12,30,69); clip-path:polygon(0 100%,100% 0,100% 100%);\"><\/div>\r\n\r\n  <div style=\"max-width:1280px; margin:0 auto; padding:0 24px; position:relative; z-index:10;\">\r\n\r\n    <!-- En-t\u00eate -->\r\n    <div style=\"display:flex; flex-direction:column; align-items:center; text-align:center; margin-bottom:64px;\">\r\n      <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:24px;\">\r\n        <div style=\"width:48px; height:2px; background:rgb(45,138,66);\"><\/div>\r\n        <span style=\"font-family:'Source Sans 3',sans-serif; font-size:12px; letter-spacing:.3em; text-transform:uppercase; color:rgb(45,138,66);\">Notre Mission<\/span>\r\n        <div style=\"width:48px; height:2px; background:rgb(45,138,66);\"><\/div>\r\n      <\/div>\r\n      <h2 style=\"font-family:'Barlow Condensed',sans-serif; font-size:clamp(26px,4vw,40px); color:rgb(12,30,69); font-weight:700; line-height:1.2; max-width:700px; margin-bottom:16px;\">\r\n        Trois Piliers d'une Mission Unique\r\n      <\/h2>\r\n      <p style=\"font-family:'Source Sans 3',sans-serif; font-size:16px; color:rgba(12,30,69,.55); max-width:480px; line-height:1.7;\">\r\n        Notre engagement envers l'excellence op\u00e9rationnelle se d\u00e9cline en trois axes fondamentaux.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Grille cartes -->\r\n    <div class=\"mission-grid\" style=\"display:grid; grid-template-columns:repeat(3,1fr); gap:24px;\">\r\n\r\n      <!-- Carte 01 -->\r\n      <div class=\"mission-card\">\r\n        <div class=\"top-bar\" style=\"background:linear-gradient(90deg,rgb(45,138,66),transparent); opacity:.6;\"><\/div>\r\n        <div class=\"watermark\">01<\/div>\r\n        <div class=\"mission-icon-wrap\" style=\"background:rgba(45,138,66,.15);\">\r\n          <div class=\"mission-icon\" style=\"background:rgb(45,138,66);\">\r\n            <svg width=\"20\" height=\"20\" stroke=\"white\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:rgb(45,138,66); margin-bottom:12px;\">Pilier 01<\/div>\r\n        <h3 style=\"font-family:'Barlow Condensed',sans-serif; font-size:24px; color:rgb(12,30,69); font-weight:700; line-height:1.2; margin-bottom:16px;\">Exploitation & Maintenance<\/h3>\r\n        <p style=\"font-family:'Source Sans 3',sans-serif; font-size:15px; color:rgba(12,30,69,.6); line-height:1.7;\">Assurer l'exploitation, la maintenance et le renouvellement p\u00e9renne des \u00e9quipements de pesage au sein du domaine portuaire de Douala-Bonab\u00e9ri.<\/p>\r\n        <div class=\"hover-arrow\">\r\n          <div style=\"width:24px; height:2px; background:rgb(26,79,160);\"><\/div>\r\n          <span style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em;\">EN SAVOIR PLUS<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Carte 02 -->\r\n      <div class=\"mission-card\">\r\n        <div class=\"top-bar\" style=\"background:linear-gradient(90deg,rgb(26,79,160),transparent); opacity:.6;\"><\/div>\r\n        <div class=\"watermark\">02<\/div>\r\n        <div class=\"mission-icon-wrap\" style=\"background:rgba(26,79,160,.15);\">\r\n          <div class=\"mission-icon\" style=\"background:rgb(26,79,160);\">\r\n            <svg width=\"20\" height=\"20\" stroke=\"white\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:rgb(26,79,160); margin-bottom:12px;\">Pilier 02<\/div>\r\n        <h3 style=\"font-family:'Barlow Condensed',sans-serif; font-size:24px; color:rgb(12,30,69); font-weight:700; line-height:1.2; margin-bottom:16px;\">D\u00e9ploiement de Solutions Modernes<\/h3>\r\n        <p style=\"font-family:'Source Sans 3',sans-serif; font-size:15px; color:rgba(12,30,69,.6); line-height:1.7;\">Concevoir, d\u00e9ployer et superviser des solutions de pesage modernes sur l'ensemble du p\u00e9rim\u00e8tre portuaire, adapt\u00e9es aux exigences des acteurs institutionnels et priv\u00e9s.<\/p>\r\n        <div class=\"hover-arrow\">\r\n          <div style=\"width:24px; height:2px; background:rgb(26,79,160);\"><\/div>\r\n          <span style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em;\">EN SAVOIR PLUS<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Carte 03 -->\r\n      <div class=\"mission-card\">\r\n        <div class=\"top-bar\" style=\"background:linear-gradient(90deg,rgb(45,138,66),transparent); opacity:.6;\"><\/div>\r\n        <div class=\"watermark\">03<\/div>\r\n        <div class=\"mission-icon-wrap\" style=\"background:rgba(45,138,66,.15);\">\r\n          <div class=\"mission-icon\" style=\"background:rgb(45,138,66);\">\r\n            <svg width=\"20\" height=\"20\" stroke=\"white\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:rgb(45,138,66); margin-bottom:12px;\">Pilier 03<\/div>\r\n        <h3 style=\"font-family:'Barlow Condensed',sans-serif; font-size:24px; color:rgb(12,30,69); font-weight:700; line-height:1.2; margin-bottom:16px;\">Optimisation des Flux<\/h3>\r\n        <p style=\"font-family:'Source Sans 3',sans-serif; font-size:15px; color:rgba(12,30,69,.6); line-height:1.7;\">Optimiser la gestion des flux de marchandises par la mise en \u0153uvre de technologies de pointe et de mod\u00e8les op\u00e9ratoires innovants.<\/p>\r\n        <div class=\"hover-arrow\">\r\n          <div style=\"width:24px; height:2px; background:rgb(26,79,160);\"><\/div>\r\n          <span style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em;\">EN SAVOIR PLUS<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e070d14 elementor-widget elementor-widget-menu-anchor\" data-id=\"e070d14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"services\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87e6e08 e-con-full e-flex e-con e-parent\" data-id=\"87e6e08\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4430d4c elementor-widget elementor-widget-html\" data-id=\"4430d4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .svc-block { display: grid; grid-template-columns: 1fr 1fr; border-radius: 8px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); transition: all .5s; }\r\n  .svc-block:hover { border-color: rgba(45,138,66,.5); box-shadow: 0 24px 48px rgba(45,138,66,.1); }\r\n  .svc-block .svc-img-wrap { position: relative; overflow: hidden; min-height: 300px; }\r\n  .svc-block .svc-img-wrap img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .7s; }\r\n  .svc-block:hover .svc-img-wrap img { transform: scale(1.05); }\r\n  .svc-block .svc-overlay { position: absolute; inset: 0; transition: opacity .5s; }\r\n  .svc-block:hover .svc-overlay { opacity: 0; }\r\n  .svc-tag { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); border-radius: 4px; color: rgba(255,255,255,.7); font-family: 'Source Sans 3', sans-serif; font-size: 14px; transition: border-color .3s; }\r\n  .svc-block:hover .svc-tag { border-color: rgba(255,255,255,.2); }\r\n  .svc-block.reverse { direction: rtl; }\r\n  .svc-block.reverse .svc-img-wrap, .svc-block.reverse .svc-content { direction: ltr; }\r\n  @media(max-width:1024px){ .svc-block, .svc-block.reverse { grid-template-columns: 1fr !important; direction: ltr !important; } .svc-block .svc-img-wrap { min-height: 240px !important; } }\r\n<\/style>\r\n\r\n<section id=\"services\" style=\"background: rgb(12,30,69); padding: 64px 0 80px; position: relative; overflow: hidden;\">\r\n\r\n  <!-- Grille texture -->\r\n  <div style=\"position:absolute; inset:0; opacity:.06; background-image:linear-gradient(rgba(45,138,66,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(45,138,66,.8) 1px,transparent 1px); background-size:80px 80px; pointer-events:none;\"><\/div>\r\n\r\n  <!-- Barre accent droite -->\r\n  <div style=\"position:absolute; top:0; right:0; bottom:0; width:4px; background:linear-gradient(to bottom,transparent,rgb(26,79,160),transparent); opacity:.6;\"><\/div>\r\n\r\n  <!-- Coupe diagonale bas -->\r\n  <div style=\"position:absolute; bottom:0; left:0; right:0; height:64px; background:rgb(240,244,248); clip-path:polygon(0 0,100% 100%,0 100%);\"><\/div>\r\n\r\n  <div style=\"max-width:1280px; margin:0 auto; padding:0 24px; position:relative; z-index:10;\">\r\n\r\n    <!-- En-t\u00eate -->\r\n    <div style=\"display:flex; flex-direction:column; align-items:center; text-align:center; margin-bottom:80px;\">\r\n      <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:24px;\">\r\n        <div style=\"width:48px; height:2px; background:rgb(26,79,160);\"><\/div>\r\n        <span style=\"font-family:'Source Sans 3',sans-serif; font-size:12px; letter-spacing:.3em; text-transform:uppercase; color:rgb(26,79,160);\">Nos Services<\/span>\r\n        <div style=\"width:48px; height:2px; background:rgb(26,79,160);\"><\/div>\r\n      <\/div>\r\n      <h2 style=\"font-family:'Barlow Condensed',sans-serif; font-size:clamp(26px,4vw,40px); color:rgb(255,255,255); font-weight:700; line-height:1.2; margin-bottom:16px;\">\r\n        3 Types de Solutions de Pesage\r\n      <\/h2>\r\n      <p style=\"font-family:'Source Sans 3',sans-serif; font-size:16px; color:rgba(255,255,255,.5); max-width:520px; line-height:1.7;\">\r\n        Des syst\u00e8mes con\u00e7us pour r\u00e9pondre \u00e0 toutes les exigences du domaine portuaire, routier et ferroviaire.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Blocs services -->\r\n    <div style=\"display:flex; flex-direction:column; gap:32px;\">\r\n\r\n      <!-- 01 Pesage Statique \u2014 image gauche -->\r\n      <div class=\"svc-block\">\r\n        <div class=\"svc-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/dpws.gttc.online\/wp-content\/uploads\/2026\/05\/Statique-1.146b4511.png\" alt=\"Pesage Statique\">\r\n          <div class=\"svc-overlay\" style=\"background:linear-gradient(135deg,rgba(12,30,69,.75) 0%,rgba(45,138,66,.45) 60%,rgba(26,79,160,.35) 100%);\"><\/div>\r\n          <div style=\"position:absolute; bottom:16px; left:24px; font-family:'Barlow Condensed',sans-serif; font-size:8rem; line-height:1; color:rgba(255,255,255,.08); user-select:none; pointer-events:none;\">01<\/div>\r\n          <div style=\"position:absolute; top:0; left:0; width:4px; height:100%; background:rgb(26,79,160); opacity:.8;\"><\/div>\r\n        <\/div>\r\n        <div class=\"svc-content\" style=\"background:rgb(12,30,69); padding:48px; display:flex; flex-direction:column; justify-content:center; border-left:1px solid rgba(255,255,255,.05);\">\r\n          <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:rgb(26,79,160); margin-bottom:12px;\">Solution 01 \u2014 Masse transport\u00e9e<\/div>\r\n          <h3 style=\"font-family:'Barlow Condensed',sans-serif; font-size:clamp(32px,4vw,48px); color:rgb(255,255,255); font-weight:700; line-height:1.1; margin-bottom:24px;\">Pesage Statique<\/h3>\r\n          <p style=\"font-family:'Source Sans 3',sans-serif; font-size:15px; color:rgba(255,255,255,.6); line-height:1.8; margin-bottom:32px;\">Pesage des camions entrants et sortants, en vue d'obtenir la masse transport\u00e9e avec une pr\u00e9cision certifi\u00e9e. Nos ponts-bascule statiques de derni\u00e8re g\u00e9n\u00e9ration permettent une acquisition rapide et fiable des donn\u00e9es de pesage \u00e0 travers deux cycles de pes\u00e9e \u00e0 vide et \u00e0 charge.<\/p>\r\n          <div style=\"display:flex; flex-wrap:wrap; gap:12px;\">\r\n            <span class=\"svc-tag\"><span style=\"width:6px; height:6px; border-radius:50%; background:rgb(26,79,160); flex-shrink:0;\"><\/span>Acquisition automatique<\/span>\r\n            <span class=\"svc-tag\"><span style=\"width:6px; height:6px; border-radius:50%; background:rgb(26,79,160); flex-shrink:0;\"><\/span>Donn\u00e9es en temps r\u00e9el<\/span>\r\n            <span class=\"svc-tag\"><span style=\"width:6px; height:6px; border-radius:50%; background:rgb(26,79,160); flex-shrink:0;\"><\/span>Rapport certifi\u00e9<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 02 Pesage \u00e0 l'Essieu \u2014 image droite -->\r\n      <div class=\"svc-block reverse\">\r\n        <div class=\"svc-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/dpws.gttc.online\/wp-content\/uploads\/2026\/05\/Essieu.552cab95.png\" alt=\"Pesage \u00e0 l'Essieu\">\r\n          <div class=\"svc-overlay\" style=\"background:linear-gradient(135deg,rgba(26,79,160,.35) 0%,rgba(45,138,66,.45) 40%,rgba(12,30,69,.75) 100%);\"><\/div>\r\n          <div style=\"position:absolute; bottom:16px; left:24px; font-family:'Barlow Condensed',sans-serif; font-size:8rem; line-height:1; color:rgba(255,255,255,.08); user-select:none; pointer-events:none;\">02<\/div>\r\n          <div style=\"position:absolute; top:0; left:0; width:4px; height:100%; background:rgb(45,138,66); opacity:.8;\"><\/div>\r\n        <\/div>\r\n        <div class=\"svc-content\" style=\"background:rgb(12,30,69); padding:48px; display:flex; flex-direction:column; justify-content:center; border-left:1px solid rgba(255,255,255,.05);\">\r\n          <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:rgb(45,138,66); margin-bottom:12px;\">Solution 02 \u2014 Contr\u00f4le des surcharges<\/div>\r\n          <h3 style=\"font-family:'Barlow Condensed',sans-serif; font-size:clamp(32px,4vw,48px); color:rgb(255,255,255); font-weight:700; line-height:1.1; margin-bottom:24px;\">Pesage \u00e0 l'Essieu<\/h3>\r\n          <p style=\"font-family:'Source Sans 3',sans-serif; font-size:15px; color:rgba(255,255,255,.6); line-height:1.8; margin-bottom:32px;\">Pesage des camions sortants charg\u00e9s en vue de d\u00e9tecter les surcharges aux essieux et contr\u00f4ler leur conformit\u00e9 aux normes l\u00e9gales; afin de prot\u00e9ger les infrastructure portuaires et celles des diff\u00e9rents corridors (Douala- Bangui\u00a0; Douala- N'Djamena\u00a0; Douala \u2013 Ouesso).<\/p>\r\n          <div style=\"display:flex; flex-wrap:wrap; gap:12px;\">\r\n            <span class=\"svc-tag\"><span style=\"width:6px; height:6px; border-radius:50%; background:rgb(45,138,66); flex-shrink:0;\"><\/span>D\u00e9tection surcharges<\/span>\r\n            <span class=\"svc-tag\"><span style=\"width:6px; height:6px; border-radius:50%; background:rgb(45,138,66); flex-shrink:0;\"><\/span>Conformit\u00e9 l\u00e9gale<\/span>\r\n            <span class=\"svc-tag\"><span style=\"width:6px; height:6px; border-radius:50%; background:rgb(45,138,66); flex-shrink:0;\"><\/span>Protection infrastructure<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 03 Pesage Ferroviaire \u2014 image gauche -->\r\n      <div class=\"svc-block\">\r\n        <div class=\"svc-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/dpws.gttc.online\/wp-content\/uploads\/2026\/05\/Ferroviaire.17e8559c.png\" alt=\"Pesage Ferroviaire\">\r\n          <div class=\"svc-overlay\" style=\"background:linear-gradient(135deg,rgba(12,30,69,.75) 0%,rgba(45,138,66,.45) 60%,rgba(26,79,160,.35) 100%);\"><\/div>\r\n          <div style=\"position:absolute; bottom:16px; left:24px; font-family:'Barlow Condensed',sans-serif; font-size:8rem; line-height:1; color:rgba(255,255,255,.08); user-select:none; pointer-events:none;\">03<\/div>\r\n          <div style=\"position:absolute; top:0; left:0; width:4px; height:100%; background:rgb(26,79,160); opacity:.8;\"><\/div>\r\n        <\/div>\r\n        <div class=\"svc-content\" style=\"background:rgb(12,30,69); padding:48px; display:flex; flex-direction:column; justify-content:center; border-left:1px solid rgba(255,255,255,.05);\">\r\n          <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:rgb(26,79,160); margin-bottom:12px;\">Solution 03 \u2014 Wagons entrants & sortants<\/div>\r\n          <h3 style=\"font-family:'Barlow Condensed',sans-serif; font-size:clamp(32px,4vw,48px); color:rgb(255,255,255); font-weight:700; line-height:1.1; margin-bottom:24px;\">Pesage Ferroviaire<\/h3>\r\n          <p style=\"font-family:'Source Sans 3',sans-serif; font-size:15px; color:rgba(255,255,255,.6); line-height:1.8; margin-bottom:32px;\">Pesage des wagons entrants et sortants du domaine public portuaire. Nos syst\u00e8mes de pesage ferroviaire assurent un contr\u00f4le pr\u00e9cis des tonnages achemin\u00e9s par voie ferr\u00e9e, contribuant \u00e0 la s\u00e9curisation des recettes commerciales.<\/p>\r\n          <div style=\"display:flex; flex-wrap:wrap; gap:12px;\">\r\n            <span class=\"svc-tag\"><span style=\"width:6px; height:6px; border-radius:50%; background:rgb(26,79,160); flex-shrink:0;\"><\/span>Rail dynamique<\/span>\r\n            <span class=\"svc-tag\"><span style=\"width:6px; height:6px; border-radius:50%; background:rgb(26,79,160); flex-shrink:0;\"><\/span>Tra\u00e7abilit\u00e9 compl\u00e8te<\/span>\r\n            <span class=\"svc-tag\"><span style=\"width:6px; height:6px; border-radius:50%; background:rgb(26,79,160); flex-shrink:0;\"><\/span>S\u00e9curisation des recettes<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3814cb8 e-con-full e-flex e-con e-parent\" data-id=\"3814cb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b7ea05 elementor-widget elementor-widget-menu-anchor\" data-id=\"7b7ea05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"impact\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-491ae94 elementor-widget elementor-widget-html\" data-id=\"491ae94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .impact-card { padding: 32px; border-bottom: 1px solid rgba(255,255,255,.05); border-right: 1px solid rgba(255,255,255,.05); transition: background .3s; position: relative; }\r\n  .impact-card:hover { background: rgba(255,255,255,.04); }\r\n  .impact-icon { width: 48px; height: 48px; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; transition: transform .3s; }\r\n  .impact-card:hover .impact-icon { transform: scale(1.1); }\r\n  .impact-bar-track { height: 2px; background: rgba(255,255,255,.1); margin-top: 16px; border-radius: 2px; overflow: hidden; }\r\n  .impact-bar-fill { height: 100%; width: 0; transition: width 1s ease; border-radius: 2px; }\r\n  .impact-bar-fill.animated { width: 100%; }\r\n  @media(max-width:1280px){ .impact-grid { grid-template-columns: repeat(3,1fr) !important; } }\r\n  @media(max-width:768px){ .impact-grid { grid-template-columns: repeat(2,1fr) !important; } .impact-card { border-right: none !important; } }\r\n  @media(max-width:480px){ .impact-grid { grid-template-columns: 1fr !important; } }\r\n<\/style>\r\n\r\n<section id=\"impact\" style=\"background: rgb(240,244,248); padding: 64px 0 80px; position: relative; overflow: hidden;\">\r\n\r\n  <!-- Coupe diagonale bas -->\r\n  <div style=\"position:absolute; bottom:0; left:0; right:0; height:64px; background:rgb(12,30,69); clip-path:polygon(0 100%,100% 0,100% 100%);\"><\/div>\r\n\r\n  <div style=\"max-width:1280px; margin:0 auto; padding:0 24px;\">\r\n\r\n    <!-- En-t\u00eate -->\r\n    <div style=\"display:flex; flex-direction:column; align-items:center; text-align:center; margin-bottom:64px;\">\r\n      <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:24px;\">\r\n        <div style=\"width:48px; height:2px; background:rgb(26,79,160);\"><\/div>\r\n        <span style=\"font-family:'Source Sans 3',sans-serif; font-size:12px; letter-spacing:.3em; text-transform:uppercase; color:rgb(26,79,160);\">Notre Impact<\/span>\r\n        <div style=\"width:48px; height:2px; background:rgb(26,79,160);\"><\/div>\r\n      <\/div>\r\n      <h2 style=\"font-family:'Barlow Condensed',sans-serif; font-size:clamp(26px,4vw,40px); color:rgb(12,30,69); font-weight:700; line-height:1.2; margin-bottom:16px;\">\r\n        Une Valeur Ajout\u00e9e pour Tout l'\u00c9cosyst\u00e8me\r\n      <\/h2>\r\n      <p style=\"font-family:'Source Sans 3',sans-serif; font-size:16px; color:rgba(12,30,69,.55); max-width:520px; line-height:1.7;\">\r\n        DPWS S.A. g\u00e9n\u00e8re un impact mesurable \u00e0 chaque niveau de la cha\u00eene logistique portuaire.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Panel sombre -->\r\n    <div style=\"background:rgb(12,30,69); border-radius:16px; overflow:hidden; position:relative; box-shadow:0 24px 48px rgba(12,30,69,.4);\">\r\n\r\n      <!-- Grille texture -->\r\n      <div style=\"position:absolute; inset:0; opacity:.05; background-image:linear-gradient(rgba(45,138,66,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(45,138,66,.8) 1px,transparent 1px); background-size:50px 50px; pointer-events:none;\"><\/div>\r\n\r\n      <!-- Barre top gradient -->\r\n      <div style=\"height:3px; background:linear-gradient(90deg,rgb(45,138,66),rgb(26,79,160),rgb(45,138,66));\"><\/div>\r\n\r\n      <!-- Grille impacts -->\r\n      <div class=\"impact-grid\" style=\"display:grid; grid-template-columns:repeat(5,1fr); position:relative; z-index:10;\">\r\n\r\n        <!-- 01 Transparence -->\r\n        <div class=\"impact-card\">\r\n          <div style=\"display:flex; align-items:center; gap:8px; margin-bottom:24px;\">\r\n            <div style=\"width:24px; height:24px; border-radius:50%; border:1px solid rgb(45,138,66); display:flex; align-items:center; justify-content:center; flex-shrink:0;\">\r\n              <svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6L5 9L10 3\" stroke=\"rgb(45,138,66)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/div>\r\n            <span style=\"font-family:'JetBrains Mono',monospace; font-size:12px; color:rgb(45,138,66); letter-spacing:.1em;\">360\u00b0<\/span>\r\n          <\/div>\r\n          <div class=\"impact-icon\" style=\"background:rgba(45,138,66,.1);\">\r\n            <svg width=\"20\" height=\"20\" stroke=\"rgb(45,138,66)\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n          <\/div>\r\n          <h4 style=\"font-family:'Barlow Condensed',sans-serif; font-size:20px; color:rgb(255,255,255); font-weight:700; line-height:1.2; margin-bottom:12px;\">Transparence de l'Information<\/h4>\r\n          <p style=\"font-family:'Source Sans 3',sans-serif; font-size:13px; color:rgba(255,255,255,.5); line-height:1.7;\">Plus de transparence dans la circulation des informations au sein de l'\u00e9cosyst\u00e8me portuaire et logistique.<\/p>\r\n          <div class=\"impact-bar-track\"><div class=\"impact-bar-fill\" style=\"background:rgb(45,138,66);\" data-color=\"rgb(45,138,66)\"><\/div><\/div>\r\n        <\/div>\r\n\r\n        <!-- 02 Performance -->\r\n        <div class=\"impact-card\">\r\n          <div style=\"display:flex; align-items:center; gap:8px; margin-bottom:24px;\">\r\n            <div style=\"width:24px; height:24px; border-radius:50%; border:1px solid rgb(26,79,160); display:flex; align-items:center; justify-content:center; flex-shrink:0;\">\r\n              <svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6L5 9L10 3\" stroke=\"rgb(26,79,160)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/div>\r\n            \r\n          <\/div>\r\n          <div class=\"impact-icon\" style=\"background:rgba(26,79,160,.1);\">\r\n            <svg width=\"20\" height=\"20\" stroke=\"rgb(26,79,160)\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\r\n          <\/div>\r\n          <h4 style=\"font-family:'Barlow Condensed',sans-serif; font-size:20px; color:rgb(255,255,255); font-weight:700; line-height:1.2; margin-bottom:12px;\">Performance Op\u00e9rationnelle<\/h4>\r\n          <p style=\"font-family:'Source Sans 3',sans-serif; font-size:13px; color:rgba(255,255,255,.5); line-height:1.7;\">Plus de performance op\u00e9rationnelle pour tous les acteurs \u2014 transitaires, transporteurs, autorit\u00e9s portuaires.<\/p>\r\n          <div class=\"impact-bar-track\"><div class=\"impact-bar-fill\" style=\"background:rgb(26,79,160);\"><\/div><\/div>\r\n        <\/div>\r\n\r\n        <!-- 03 Pr\u00e9servation -->\r\n        <div class=\"impact-card\">\r\n          <div style=\"display:flex; align-items:center; gap:8px; margin-bottom:24px;\">\r\n            <div style=\"width:24px; height:24px; border-radius:50%; border:1px solid rgb(45,138,66); display:flex; align-items:center; justify-content:center; flex-shrink:0;\">\r\n              <svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6L5 9L10 3\" stroke=\"rgb(45,138,66)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/div>\r\n            <span style=\"font-family:'JetBrains Mono',monospace; font-size:12px; color:rgb(45,138,66); letter-spacing:.1em;\">100%<\/span>\r\n          <\/div>\r\n          <div class=\"impact-icon\" style=\"background:rgba(45,138,66,.1);\">\r\n            <svg width=\"20\" height=\"20\" stroke=\"rgb(45,138,66)\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n          <\/div>\r\n          <h4 style=\"font-family:'Barlow Condensed',sans-serif; font-size:20px; color:rgb(255,255,255); font-weight:700; line-height:1.2; margin-bottom:12px;\">Pr\u00e9servation des Infrastructures<\/h4>\r\n          <p style=\"font-family:'Source Sans 3',sans-serif; font-size:13px; color:rgba(255,255,255,.5); line-height:1.7;\">Une meilleure pr\u00e9servation des infrastructures nationales routi\u00e8res et ferroviaires par le contr\u00f4le des charges.<\/p>\r\n          <div class=\"impact-bar-track\"><div class=\"impact-bar-fill\" style=\"background:rgb(45,138,66);\"><\/div><\/div>\r\n        <\/div>\r\n\r\n        <!-- 04 S\u00e9curisation -->\r\n        <div class=\"impact-card\">\r\n          <div style=\"display:flex; align-items:center; gap:8px; margin-bottom:24px;\">\r\n            <div style=\"width:24px; height:24px; border-radius:50%; border:1px solid rgb(26,79,160); display:flex; align-items:center; justify-content:center; flex-shrink:0;\">\r\n              <svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6L5 9L10 3\" stroke=\"rgb(26,79,160)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/div>\r\n            \r\n          <\/div>\r\n          <div class=\"impact-icon\" style=\"background:rgba(26,79,160,.1);\">\r\n            <svg width=\"20\" height=\"20\" stroke=\"rgb(26,79,160)\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n          <\/div>\r\n          <h4 style=\"font-family:'Barlow Condensed',sans-serif; font-size:20px; color:rgb(255,255,255); font-weight:700; line-height:1.2; margin-bottom:12px;\">S\u00e9curisation des Recettes<\/h4>\r\n          <p style=\"font-family:'Source Sans 3',sans-serif; font-size:13px; color:rgba(255,255,255,.5); line-height:1.7;\">Une s\u00e9curisation des recettes et fiabilit\u00e9 des transactions commerciales gr\u00e2ce \u00e0 des donn\u00e9es certifi\u00e9es.<\/p>\r\n          <div class=\"impact-bar-track\"><div class=\"impact-bar-fill\" style=\"background:rgb(26,79,160);\"><\/div><\/div>\r\n        <\/div>\r\n\r\n        <!-- 05 Cr\u00e9ation de valeur -->\r\n        <div class=\"impact-card\" style=\"border-right:none;\">\r\n          <div style=\"display:flex; align-items:center; gap:8px; margin-bottom:24px;\">\r\n            <div style=\"width:24px; height:24px; border-radius:50%; border:1px solid rgb(45,138,66); display:flex; align-items:center; justify-content:center; flex-shrink:0;\">\r\n              <svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6L5 9L10 3\" stroke=\"rgb(45,138,66)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/div>\r\n            <span style=\"font-family:'JetBrains Mono',monospace; font-size:12px; color:rgb(45,138,66); letter-spacing:.1em;\">CEMAC<\/span>\r\n          <\/div>\r\n          <div class=\"impact-icon\" style=\"background:rgba(45,138,66,.1);\">\r\n            <svg width=\"20\" height=\"20\" stroke=\"rgb(45,138,66)\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n          <\/div>\r\n          <h4 style=\"font-family:'Barlow Condensed',sans-serif; font-size:20px; color:rgb(255,255,255); font-weight:700; line-height:1.2; margin-bottom:12px;\">Cr\u00e9ation de Valeur \u00c9cosyst\u00e9mique<\/h4>\r\n          <p style=\"font-family:'Source Sans 3',sans-serif; font-size:13px; color:rgba(255,255,255,.5); line-height:1.7;\">Une cr\u00e9ation de valeur qui dynamise l'ensemble de l'\u00e9cosyst\u00e8me portuaire du Golfe de Guin\u00e9e.<\/p>\r\n          <div class=\"impact-bar-track\"><div class=\"impact-bar-fill\" style=\"background:rgb(45,138,66);\"><\/div><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Barre info bas -->\r\n      <div style=\"border-top:1px solid rgba(255,255,255,.07); padding:20px 32px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; position:relative; z-index:10;\">\r\n        <span style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em; color:rgba(255,255,255,.25);\">DPWS S.A. \u2014 Douala Port Weighing Services<\/span>\r\n        <div style=\"display:flex; gap:24px;\">\r\n          <span style=\"font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.15em; color:rgba(255,255,255,.25);\">Port de Douala-Bonab\u00e9ri<\/span>\r\n          <span style=\"font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.15em; color:rgba(255,255,255,.25);\">BFC Group<\/span>\r\n          <span style=\"font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.15em; color:rgba(255,255,255,.25);\">CEMAC<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Animation des barres au scroll\r\nconst bars = document.querySelectorAll('.impact-bar-fill');\r\nconst observer = new IntersectionObserver((entries) => {\r\n  entries.forEach(entry => {\r\n    if (entry.isIntersecting) {\r\n      setTimeout(() => entry.target.classList.add('animated'), 200);\r\n    }\r\n  });\r\n}, { threshold: 0.5 });\r\nbars.forEach(bar => observer.observe(bar));\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-324efd0 e-con-full e-flex e-con e-parent\" data-id=\"324efd0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e938a5e elementor-widget elementor-widget-menu-anchor\" data-id=\"e938a5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"contact\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c7a5b1 elementor-widget elementor-widget-html\" data-id=\"6c7a5b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .dpws-priority { display: flex; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.06); transition: border-color .2s; }\r\n  .dpws-priority:hover { border-bottom-color: rgba(26,79,160,.3); }\r\n  .dpws-priority span { font-family: 'Source Sans 3', sans-serif; font-size: 14px; color: rgba(255,255,255,.7); transition: color .2s; }\r\n  .dpws-priority:hover span { color: rgb(255,255,255); }\r\n  .dpws-contact-item { display: flex; align-items: flex-start; gap: 16px; padding: 12px; margin: 0 -12px; border-radius: 8px; transition: background .2s; text-decoration: none; }\r\n  .dpws-contact-item:hover { background: rgba(255,255,255,.04); }\r\n  .dpws-contact-item:hover .dpws-contact-value { color: rgb(26,79,160); }\r\n  .dpws-cta-btn { width: 100%; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 16px; color: rgb(255,255,255); border: none; border-radius: 6px; cursor: pointer; font-family: 'Barlow Condensed', sans-serif; font-size: 1rem; letter-spacing: .15em; text-transform: uppercase; background: linear-gradient(135deg, rgb(45,138,66) 0%, rgb(26,79,160) 100%); transition: box-shadow .2s; text-decoration: none; }\r\n  .dpws-cta-btn:hover { box-shadow: 0 8px 24px rgba(26,79,160,.3); }\r\n  .dpws-cta-btn svg { transition: transform .2s; }\r\n  .dpws-cta-btn:hover svg { transform: translateX(4px); }\r\n  @media(max-width:1024px){ .dpws-contact-grid { grid-template-columns: 1fr !important; } }\r\n<\/style>\r\n\r\n<section id=\"contact\" style=\"background: rgb(12,30,69); padding: 64px 0; position: relative; overflow: hidden;\">\r\n\r\n  <!-- Texture diagonale -->\r\n  <div style=\"position:absolute; inset:0; opacity:.04; background-image:repeating-linear-gradient(45deg,#2D8A42,#2D8A42 1px,transparent 1px,transparent 28px); pointer-events:none;\"><\/div>\r\n\r\n  <!-- Barre accent gauche -->\r\n  <div style=\"position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(to bottom,rgb(45,138,66),rgb(26,79,160),rgb(45,138,66));\"><\/div>\r\n\r\n  <div style=\"max-width:1280px; margin:0 auto; padding:0 24px; position:relative; z-index:10;\">\r\n    <div class=\"dpws-contact-grid\" style=\"display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start;\">\r\n\r\n      <!-- Colonne gauche \u2014 Vision & Priorit\u00e9s -->\r\n      <div>\r\n        <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:32px;\">\r\n          <div style=\"width:48px; height:2px; background:rgb(45,138,66);\"><\/div>\r\n          <span style=\"font-family:'Source Sans 3',sans-serif; font-size:12px; letter-spacing:.3em; text-transform:uppercase; color:rgb(45,138,66);\">Nos Priorit\u00e9s<\/span>\r\n        <\/div>\r\n\r\n        <h2 style=\"font-family:'Barlow Condensed',sans-serif; font-size:clamp(26px,4vw,40px); color:rgb(255,255,255); font-weight:700; line-height:1.2; margin-bottom:32px;\">\r\n          Contribuer Hub Logistique de R\u00e9f\u00e9rence du Golfe de Guin\u00e9e\r\n        <\/h2>\r\n\r\n        <div style=\"font-family:'Source Sans 3',sans-serif; font-size:15px; color:rgba(255,255,255,.6); line-height:1.8; margin-bottom:40px; display:flex; flex-direction:column; gap:20px;\">\r\n          <p>Notre vision est d'inscrire le Port de Douala-Bonab\u00e9ri comme le <strong style=\"color:rgb(255,255,255);\">hub logistique de r\u00e9f\u00e9rence du Golfe de Guin\u00e9e<\/strong> \u2014 par la ma\u00eetrise des tonnages, la mise \u00e0 disposition d'informations d\u00e9cisionnelles et la pr\u00e9servation des infrastructures.<\/p>\r\n          <p>DPWS S.A. contribue activement \u00e0 la pr\u00e9servation des <strong style=\"color:rgb(255,255,255);\">infrastructures routi\u00e8res et ferroviaires nationales<\/strong> et des corridors CEMAC, en garantissant la conformit\u00e9 des charges \u00e0 l'essieu.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Checklist priorit\u00e9s -->\r\n        <div style=\"display:flex; flex-direction:column; gap:0;\">\r\n          <div class=\"dpws-priority\">\r\n            <div style=\"width:20px; height:20px; border-radius:50%; border:1px solid rgb(26,79,160); display:flex; align-items:center; justify-content:center; flex-shrink:0;\">\r\n              <svg width=\"10\" height=\"10\" viewbox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5L4 7L8 3\" stroke=\"rgb(26,79,160)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/div>\r\n            <span>Ma\u00eetrise des tonnages portuaires<\/span>\r\n          <\/div>\r\n          <div class=\"dpws-priority\">\r\n            <div style=\"width:20px; height:20px; border-radius:50%; border:1px solid rgb(26,79,160); display:flex; align-items:center; justify-content:center; flex-shrink:0;\">\r\n              <svg width=\"10\" height=\"10\" viewbox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5L4 7L8 3\" stroke=\"rgb(26,79,160)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/div>\r\n            <span>Informations d\u00e9cisionnelles fiables<\/span>\r\n          <\/div>\r\n          <div class=\"dpws-priority\">\r\n            <div style=\"width:20px; height:20px; border-radius:50%; border:1px solid rgb(26,79,160); display:flex; align-items:center; justify-content:center; flex-shrink:0;\">\r\n              <svg width=\"10\" height=\"10\" viewbox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5L4 7L8 3\" stroke=\"rgb(26,79,160)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/div>\r\n            <span>Pr\u00e9servation des corridors CEMAC<\/span>\r\n          <\/div>\r\n          <div class=\"dpws-priority\">\r\n            <div style=\"width:20px; height:20px; border-radius:50%; border:1px solid rgb(26,79,160); display:flex; align-items:center; justify-content:center; flex-shrink:0;\">\r\n              <svg width=\"10\" height=\"10\" viewbox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 5L4 7L8 3\" stroke=\"rgb(26,79,160)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/div>\r\n            <span>Modernisation de la logistique portuaire<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Colonne droite \u2014 Carte contact -->\r\n      <div>\r\n        <div style=\"background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:12px; overflow:hidden; box-shadow:0 24px 48px rgba(0,0,0,.3);\">\r\n\r\n          <!-- Header carte -->\r\n          <div style=\"padding:24px 32px; background:linear-gradient(135deg,rgb(45,138,66) 0%,rgb(26,79,160) 100%);\">\r\n            <h3 style=\"font-family:'Barlow Condensed',sans-serif; font-size:24px; color:rgb(255,255,255); letter-spacing:.05em; margin-bottom:4px;\">Contactez DPWS S.A.<\/h3>\r\n            <p style=\"font-family:'Source Sans 3',sans-serif; font-size:14px; color:rgba(255,255,255,.8);\">Notre \u00e9quipe est \u00e0 votre disposition pour tout renseignement.<\/p>\r\n          <\/div>\r\n\r\n          <!-- Items contact -->\r\n          <div style=\"padding:32px;\">\r\n\r\n            <a href=\"https:\/\/maps.google.com\/?q=Bonapriso,Douala,Cameroon\" target=\"_blank\" class=\"dpws-contact-item\">\r\n              <div style=\"width:40px; height:40px; border-radius:6px; background:rgba(26,79,160,.07); border:1px solid rgba(26,79,160,.15); display:flex; align-items:center; justify-content:center; flex-shrink:0;\">\r\n                <svg width=\"18\" height=\"18\" stroke=\"rgb(26,79,160)\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n              <\/div>\r\n              <div>\r\n                <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:4px;\">Adresse<\/div>\r\n                <div class=\"dpws-contact-value\" style=\"font-family:'Source Sans 3',sans-serif; font-size:14px; color:rgb(255,255,255); transition:color .2s;\">Bonapriso, ancien d\u00e9p\u00f4t Guinness, rue 2390, Douala<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"tel:+237691603747\" class=\"dpws-contact-item\">\r\n              <div style=\"width:40px; height:40px; border-radius:6px; background:rgba(45,138,66,.07); border:1px solid rgba(45,138,66,.15); display:flex; align-items:center; justify-content:center; flex-shrink:0;\">\r\n                <svg width=\"18\" height=\"18\" stroke=\"rgb(45,138,66)\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n              <\/div>\r\n              <div>\r\n                <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:4px;\">T\u00e9l\u00e9phone<\/div>\r\n                <div class=\"dpws-contact-value\" style=\"font-family:'Source Sans 3',sans-serif; font-size:14px; color:rgb(255,255,255); transition:color .2s;\">+237 691 603 747<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"mailto:contact@dpws.cm\" class=\"dpws-contact-item\">\r\n              <div style=\"width:40px; height:40px; border-radius:6px; background:rgba(26,79,160,.07); border:1px solid rgba(26,79,160,.15); display:flex; align-items:center; justify-content:center; flex-shrink:0;\">\r\n                <svg width=\"18\" height=\"18\" stroke=\"rgb(26,79,160)\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n              <\/div>\r\n              <div>\r\n                <div style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:4px;\">Email<\/div>\r\n                <div class=\"dpws-contact-value\" style=\"font-family:'Source Sans 3',sans-serif; font-size:14px; color:rgb(255,255,255); transition:color .2s;\">contact@dpws.cm<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n            <!-- CTA -->\r\n            <div style=\"padding-top:20px; border-top:1px solid rgba(255,255,255,.1); margin-top:8px;\">\r\n              <a href=\"mailto:contact@dpws.cm\" class=\"dpws-cta-btn\">\r\n                NOUS CONTACTER\r\n                <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/><\/svg>\r\n              <\/a>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Tag filiale -->\r\n        <div style=\"margin-top:24px; display:flex; align-items:center; gap:12px;\">\r\n          <div style=\"width:32px; height:2px; background:rgba(255,255,255,.2);\"><\/div>\r\n          <span style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.15em; color:rgba(255,255,255,.3); text-transform:uppercase;\">Filiale de BFC Group S.A.<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-689e64c e-con-full e-flex e-con e-parent\" data-id=\"689e64c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aad75c0 elementor-widget elementor-widget-html\" data-id=\"aad75c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .dpws-ft-link { font-family:'Source Sans 3',sans-serif; font-size:14px; color:rgba(255,255,255,.4); text-decoration:none; display:flex; align-items:center; gap:8px; transition:color .2s; background:none; border:none; cursor:pointer; padding:0; text-align:left; }\r\n  .dpws-ft-link span.bar { width:12px; height:1px; background:rgba(255,255,255,.2); transition:all .2s; display:inline-block; }\r\n  .dpws-ft-link:hover { color:rgb(26,79,160); }\r\n  .dpws-ft-link:hover span.bar { background:rgb(26,79,160); width:16px; }\r\n  .dpws-ft-social { width:32px; height:32px; border-radius:4px; border:1px solid rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; color:rgb(255,255,255); text-decoration:none; transition:all .2s; }\r\n  .dpws-ft-social:hover { border-color:rgb(45,138,66); background:rgba(45,138,66,.1); color:rgb(45,138,66); }\r\n  .dpws-ft-coord { font-family:'Source Sans 3',sans-serif; font-size:14px; color:rgba(255,255,255,.4); text-decoration:none; display:flex; align-items:flex-start; gap:8px; line-height:1.6; transition:color .2s; }\r\n  .dpws-ft-coord:hover { color:rgb(26,79,160); }\r\n  @media(max-width:1024px){ .dpws-ft-grid { grid-template-columns: 1fr 1fr !important; } }\r\n  @media(max-width:560px){ .dpws-ft-grid { grid-template-columns: 1fr !important; } .dpws-ft-bottom { flex-direction:column !important; gap:8px !important; } }\r\n<\/style>\r\n\r\n<footer style=\"background:rgb(7,21,53); border-top:1px solid rgba(255,255,255,.06);\">\r\n  <div style=\"max-width:1280px; margin:0 auto; padding:64px 24px 32px;\">\r\n\r\n    <div class=\"dpws-ft-grid\" style=\"display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; margin-bottom:48px;\">\r\n\r\n      <!-- Colonne 1 \u2014 Brand -->\r\n      <div>\r\n        <div style=\"margin-bottom:24px;\">\r\n          <div style=\"background:rgb(255,255,255); border-radius:4px; padding:10px 16px; display:inline-block;\">\r\n            <img decoding=\"async\" src=\"https:\/\/dpws.gttc.online\/wp-content\/uploads\/2026\/05\/logo_DPWS.382798b9.png\" alt=\"DPWS S.A.\" style=\"height:40px; width:auto; object-fit:contain; display:block;\">\r\n          <\/div>\r\n        <\/div>\r\n        <p style=\"font-family:'Source Sans 3',sans-serif; font-size:14px; color:rgba(255,255,255,.4); max-width:280px; line-height:1.8; margin-bottom:24px;\">\r\n          La Pr\u00e9cision au c\u0153ur de la performance portuaire. Op\u00e9rateur de r\u00e9f\u00e9rence en pesage et m\u00e9trologie au Port de Douala-Bonab\u00e9ri.\r\n        <\/p>\r\n        <div style=\"display:flex; align-items:flex-start; gap:12px;\">\r\n          <div style=\"width:2px; align-self:stretch; border-radius:2px; background:linear-gradient(to bottom,rgb(45,138,66),rgb(26,79,160)); flex-shrink:0;\"><\/div>\r\n          <p style=\"font-family:'Source Sans 3',sans-serif; font-size:12px; font-style:italic; color:rgba(255,255,255,.3); line-height:1.7;\">\r\n            \"Transformer la donn\u00e9e en outil de performance pour tout l'\u00e9cosyst\u00e8me portuaire\"\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Colonne 2 \u2014 Navigation -->\r\n      <div>\r\n        <h4 style=\"font-family:'Barlow Condensed',sans-serif; font-size:12px; letter-spacing:.25em; text-transform:uppercase; color:rgb(255,255,255); margin-bottom:24px;\">Navigation<\/h4>\r\n        <ul style=\"list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px;\">\r\n          <li><a href=\"#hero\" class=\"dpws-ft-link\" onclick=\"document.querySelector('#hero')?.scrollIntoView({behavior:'smooth'}); return false;\"><span class=\"bar\"><\/span>Accueil<\/a><\/li>\r\n          <li><a href=\"#about\" class=\"dpws-ft-link\" onclick=\"document.querySelector('#about')?.scrollIntoView({behavior:'smooth'}); return false;\"><span class=\"bar\"><\/span>Qui Sommes-Nous<\/a><\/li>\r\n          <li><a href=\"#mission\" class=\"dpws-ft-link\" onclick=\"document.querySelector('#mission')?.scrollIntoView({behavior:'smooth'}); return false;\"><span class=\"bar\"><\/span>Notre Mission<\/a><\/li>\r\n          <li><a href=\"#services\" class=\"dpws-ft-link\" onclick=\"document.querySelector('#services')?.scrollIntoView({behavior:'smooth'}); return false;\"><span class=\"bar\"><\/span>Nos Services<\/a><\/li>\r\n          <li><a href=\"#impact\" class=\"dpws-ft-link\" onclick=\"document.querySelector('#impact')?.scrollIntoView({behavior:'smooth'}); return false;\"><span class=\"bar\"><\/span>Notre Impact<\/a><\/li>\r\n          <li><a href=\"#contact\" class=\"dpws-ft-link\" onclick=\"document.querySelector('#contact')?.scrollIntoView({behavior:'smooth'}); return false;\"><span class=\"bar\"><\/span>Contact<\/a><\/li>\r\n          <li><a href=\"#blog\" class=\"dpws-ft-link\" onclick=\"document.querySelector('#blog')?.scrollIntoView({behavior:'smooth'}); return false;\"><span class=\"bar\"><\/span>Blog<\/a><\/li>\r\n          <li><a href=\"#actualite\" class=\"dpws-ft-link\" onclick=\"document.querySelector('#actualite')?.scrollIntoView({behavior:'smooth'}); return false;\"><span class=\"bar\"><\/span>Actualit\u00e9<\/a><\/li>\r\n          <li><a href=\"#recrutement\" class=\"dpws-ft-link\" onclick=\"document.querySelector('#recrutement')?.scrollIntoView({behavior:'smooth'}); return false;\"><span class=\"bar\"><\/span>Recrutement<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Colonne 3 \u2014 Coordonn\u00e9es -->\r\n      <div>\r\n        <h4 style=\"font-family:'Barlow Condensed',sans-serif; font-size:12px; letter-spacing:.25em; text-transform:uppercase; color:rgb(255,255,255); margin-bottom:24px;\">Coordonn\u00e9es<\/h4>\r\n        <div style=\"display:flex; flex-direction:column; gap:12px;\">\r\n          <div class=\"dpws-ft-coord\">\r\n            <span style=\"color:rgb(45,138,66); flex-shrink:0;\">\ud83d\udccd<\/span>\r\n            <span>Bonapriso, ancien d\u00e9p\u00f4t Guinness<br>rue 2390, Douala, Cameroun<\/span>\r\n          <\/div>\r\n          <a href=\"tel:+237691603747\" class=\"dpws-ft-coord\">\r\n            <span style=\"color:rgb(26,79,160); flex-shrink:0;\">\ud83d\udcde<\/span>\r\n            <span>+237 691 603 747<\/span>\r\n          <\/a>\r\n          <a href=\"mailto:contact@dpws.cm\" class=\"dpws-ft-coord\">\r\n            <span style=\"color:rgb(45,138,66); flex-shrink:0;\">\u2709<\/span>\r\n            <span>contact@dpws.cm<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- R\u00e9seaux sociaux -->\r\n        <div style=\"display:flex; gap:12px; margin-top:24px;\">\r\n          <a href=\"#\" class=\"dpws-ft-social\" title=\"LinkedIn\">\r\n            <svg width=\"15\" height=\"15\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect width=\"4\" height=\"12\" x=\"2\" y=\"9\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" class=\"dpws-ft-social\" title=\"Facebook\">\r\n            <svg width=\"15\" height=\"15\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" class=\"dpws-ft-social\" title=\"Twitter \/ X\">\r\n            <svg width=\"15\" height=\"15\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- S\u00e9parateur -->\r\n    <div style=\"height:1px; background:linear-gradient(90deg,transparent,rgba(45,138,66,.3),transparent); margin-bottom:32px;\"><\/div>\r\n\r\n    <!-- Barre bas -->\r\n    <div class=\"dpws-ft-bottom\" style=\"display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;\">\r\n      <span style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; letter-spacing:.1em; color:rgba(255,255,255,.2);\">\u00a9 2026 DPWS S.A. \u2014 Douala Port Weighing Services. Tous droits r\u00e9serv\u00e9s.<\/span>\r\n      <div style=\"display:flex; align-items:center; gap:8px;\">\r\n        <span style=\"font-family:'Source Sans 3',sans-serif; font-size:11px; color:rgba(255,255,255,.2);\">Filiale de<\/span>\r\n        <span style=\"font-family:'Barlow Condensed',sans-serif; font-size:12px; letter-spacing:.1em; color:rgba(45,138,66,.6);\">BFC GROUP S.A.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Douala Port Weighing Services \u2014 Filiale BFC Group S.A. Le Pesage au Service de la Performance Portuaire La Pr\u00e9cision au c\u0153ur de la performance portuaire \u2014 op\u00e9rateur de r\u00e9f\u00e9rence en pesage au Port de Douala-Bonab\u00e9ri. D\u00c9COUVRIR NOS SOLUTIONS NOUS CONTACTER 2019 Ann\u00e9e de cr\u00e9ation 200+ Nombre d\u2019emploi cr\u00e9e 100% Fiabilit\u00e9 des donn\u00e9es 24\/7 Surveillance continue [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-565","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/dpws.gttc.online\/en\/wp-json\/wp\/v2\/pages\/565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dpws.gttc.online\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dpws.gttc.online\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dpws.gttc.online\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dpws.gttc.online\/en\/wp-json\/wp\/v2\/comments?post=565"}],"version-history":[{"count":27,"href":"https:\/\/dpws.gttc.online\/en\/wp-json\/wp\/v2\/pages\/565\/revisions"}],"predecessor-version":[{"id":1530,"href":"https:\/\/dpws.gttc.online\/en\/wp-json\/wp\/v2\/pages\/565\/revisions\/1530"}],"wp:attachment":[{"href":"https:\/\/dpws.gttc.online\/en\/wp-json\/wp\/v2\/media?parent=565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}