{"id":2084,"date":"2026-04-10T22:48:21","date_gmt":"2026-04-10T21:48:21","guid":{"rendered":"https:\/\/dpd.ma\/comment-fonctionne-dpd\/"},"modified":"2026-05-12T15:54:18","modified_gmt":"2026-05-12T14:54:18","slug":"comment-fonctionne-dpd","status":"publish","type":"page","link":"https:\/\/dpd.ma\/fr\/comment-fonctionne-dpd\/","title":{"rendered":"Comment fonctionne DPD"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Comment fonctionne DPD<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\r\n <style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --primary: #0A2540;\r\n --dark: #020617;\r\n --bg: #FFFFFF;\r\n --section: #E9E3DD;\r\n --accent: #1A6EFF;\r\n --accent-soft: rgba(26, 110, 255, 0.08);\r\n --green: #0D9E6E;\r\n --orange: #E58A00;\r\n --red: #D93B3B;\r\n --text-body: #3A4459;\r\n --text-muted: #7A8499;\r\n --radius-lg: 20px;\r\n --radius-xl: 28px;\r\n --shadow-sm: 0 2px 12px rgba(10,37,64,.06);\r\n --shadow-md: 0 8px 32px rgba(10,37,64,.10);\r\n --shadow-lg: 0 20px 60px rgba(10,37,64,.14);\r\n --font-family:\"Space Grotesk\",sans-serif;\r\n --transition: .35s cubic-bezier(.4,0,.2,1);\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: \"Space Grotesk\", system-ui, -apple-system, Arial, sans-serif; \/* ADD THIS *\/\r\n background: var(--bg);\r\n color: var(--text-body);\r\n -webkit-font-smoothing: antialiased;\r\n line-height: 1.7;\r\n overflow-x: hidden;\r\n }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(26px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .fade-up { animation: fadeUp .75s ease both; }\r\n .fade-up.delay-1 { animation-delay: .12s; }\r\n .fade-up.delay-2 { animation-delay: .24s; }\r\n .fade-up.delay-3 { animation-delay: .36s; }\r\n\r\n .container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n }\r\n\r\n section { padding: 92px 0; }\r\n\r\n .section-label {\r\n font-family:\"Space Grotesk\",sans-serif;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n background: var(--accent-soft);\r\n border-radius: 100px;\r\n padding: 6px 14px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .section-label::before {\r\n content: '';\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n }\r\n\r\n .section-title {\r\n font-family:\"Space Grotesk\",sans-serif; \r\n font-size: clamp(28px, 4vw, 42px);\r\n font-weight: 800;\r\n color: var(--primary);\r\n line-height: 1.16;\r\n letter-spacing: -.025em;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .section-desc {\r\n font-size: 17px;\r\n color: var(--text-body);\r\n max-width: 620px;\r\n line-height: 1.8;\r\n }\r\n\r\n \/* HERO *\/\r\n #hero {\r\n background: var(--primary);\r\n min-height: 92vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 120px 0 80px;\r\n }\r\n\r\n #hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 62% 58% at 76% 28%, rgba(26,110,255,.18) 0%, transparent 68%),\r\n radial-gradient(ellipse 42% 42% at 18% 82%, rgba(255,255,255,.05) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n #hero::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);\r\n background-size: 62px 62px;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: 1.05fr .95fr;\r\n gap: 58px;\r\n align-items: center;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n background: rgba(26,110,255,.14);\r\n border: 1px solid rgba(26,110,255,.28);\r\n border-radius: 100px;\r\n padding: 7px 16px;\r\n font-size: 11.5px;\r\n font-weight: 700;\r\n color: rgba(255,255,255,.82);\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n margin-bottom: 26px;\r\n }\r\n\r\n .hero-badge .dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n box-shadow: 0 0 0 6px rgba(26,110,255,.12);\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(40px, 5.6vw, 68px);\r\n font-weight: 900;\r\n color: #fff;\r\n line-height: 1.04;\r\n letter-spacing: -.04em;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .hero-title em {\r\n font-family:\"Space Grotesk\",sans-serif;\r\n font-style: normal;\r\n color: var(--accent);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 17px;\r\n color: rgba(255,255,255,.6);\r\n line-height: 1.82;\r\n max-width: 520px;\r\n margin-bottom: 34px;\r\n }\r\n\r\n .hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n }\r\n\r\n .hero-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n border-radius: 999px;\r\n padding: 14px 24px;\r\n text-decoration: none;\r\n font-size: 14px;\r\n font-weight: 700;\r\n transition: var(--transition);\r\n }\r\n\r\n .hero-btn.primary {\r\n background: var(--accent);\r\n color: #fff;\r\n box-shadow: 0 8px 24px rgba(26,110,255,.34);\r\n }\r\n\r\n .hero-btn.primary:hover {\r\n font-family:\"Space Grotesk\",sans-serif;\r\n background: #1358d6;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero-btn.secondary {\r\n color: #fff;\r\n border: 1px solid rgba(255,255,255,.14);\r\n background: rgba(255,255,255,.06);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .hero-btn.secondary:hover {\r\n background: rgba(255,255,255,.1);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero-visual {\r\n display: flex;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n\r\n .hero-panel {\r\n width: 100%;\r\n max-width: 470px;\r\n background: rgba(255,255,255,.08);\r\n border: 1px solid rgba(255,255,255,.12);\r\n border-radius: 28px;\r\n padding: 24px;\r\n backdrop-filter: blur(14px);\r\n box-shadow: 0 24px 60px rgba(0,0,0,.24);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-panel::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(circle at top right, rgba(26,110,255,.18), transparent 42%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-panel-head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 18px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .hero-panel-head h3 {\r\n font-family:\"Space Grotesk\",sans-serif;\r\n font-size: 14px;\r\n color: #fff;\r\n font-weight: 600;\r\n letter-spacing: -.01em;\r\n }\r\n\r\n .hero-panel-badge {\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: #9ed0ff;\r\n background: rgba(26,110,255,.12);\r\n border: 1px solid rgba(26,110,255,.2);\r\n border-radius: 999px;\r\n padding: 6px 10px;\r\n text-transform: uppercase;\r\n letter-spacing: .08em;\r\n }\r\n\r\n .hero-flow {\r\n display: grid;\r\n gap: 12px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .hero-step {\r\n background: rgba(255,255,255,.06);\r\n border: 1px solid rgba(255,255,255,.08);\r\n border-radius: 18px;\r\n padding: 16px 16px 16px 54px;\r\n position: relative;\r\n }\r\n\r\n .hero-step-num {\r\n position: absolute;\r\n left: 14px;\r\n top: 14px;\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: rgba(26,110,255,.18);\r\n color: #9ed0ff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: 800;\r\n }\r\n\r\n .hero-step h4 {\r\n font-family:\"Space Grotesk\",sans-serif; \r\n color: #fff;\r\n font-size: 14.5px;\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .hero-step p {\r\n color: rgba(255,255,255,.54);\r\n font-size: 13px;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* VUE D\u2019ENSEMBLE *\/\r\n #overview { background: var(--bg); }\r\n\r\n .overview-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr .9fr;\r\n gap: 34px;\r\n align-items: start;\r\n }\r\n\r\n .overview-card {\r\n background: #F7FAFD;\r\n border: 1px solid rgba(10,37,64,.08);\r\n border-radius: var(--radius-xl);\r\n padding: 40px;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .overview-list {\r\n display: grid;\r\n gap: 14px;\r\n margin-top: 28px;\r\n }\r\n\r\n .overview-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n background: #fff;\r\n border: 1px solid rgba(10,37,64,.07);\r\n border-radius: 16px;\r\n padding: 16px 18px;\r\n }\r\n\r\n .overview-icon {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: var(--accent-soft);\r\n color: var(--accent);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .overview-item h3 {\r\n font-family:\"Space Grotesk\",sans-serif; \r\n font-size: 15px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .overview-item p {\r\n font-size: 13.5px;\r\n color: var(--text-muted);\r\n line-height: 1.65;\r\n }\r\n\r\n .overview-side {\r\n display: grid;\r\n gap: 16px;\r\n }\r\n\r\n .mini-card {\r\n background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);\r\n border: 1px solid rgba(10,37,64,.08);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .mini-card h4 {\r\n font-family:\"Space Grotesk\",sans-serif;\r\n font-size: 15px;\r\n font-weight: 800;\r\n color: var(--primary);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .mini-card p {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n line-height: 1.75;\r\n }\r\n\r\n \/* PROCESSUS *\/\r\n #process {\r\n background: var(--primary);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n #process::before {\r\n content: '';\r\n position: absolute;\r\n right: -120px;\r\n top: -80px;\r\n width: 520px;\r\n height: 520px;\r\n background: radial-gradient(circle, rgba(26,110,255,.18) 0%, transparent 66%);\r\n pointer-events: none;\r\n }\r\n\r\n #process .section-label {\r\n color: rgba(255,255,255,.7);\r\n background: rgba(255,255,255,.08);\r\n }\r\n\r\n #process .section-label::before {\r\n background: rgba(255,255,255,.7);\r\n }\r\n\r\n #process .section-title { color: #fff; }\r\n #process .section-desc { color: rgba(255,255,255,.58); }\r\n\r\n .process-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 18px;\r\n margin-top: 52px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .process-card {\r\n background: rgba(255,255,255,.05);\r\n border: 1px solid rgba(255,255,255,.09);\r\n border-radius: var(--radius-lg);\r\n padding: 30px 24px;\r\n backdrop-filter: blur(10px);\r\n transition: var(--transition);\r\n }\r\n\r\n .process-card:hover {\r\n transform: translateY(-5px);\r\n background: rgba(255,255,255,.08);\r\n box-shadow: 0 18px 42px rgba(0,0,0,.24);\r\n }\r\n\r\n .process-no {\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: .12em;\r\n color: rgba(255,255,255,.3);\r\n text-transform: uppercase;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .process-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 18px;\r\n font-size: 20px;\r\n }\r\n\r\n .process-card:nth-child(1) .process-icon { background: rgba(26,110,255,.18); color: #7ebdff; }\r\n .process-card:nth-child(2) .process-icon { background: rgba(13,158,110,.18); color: #5ce1a9; }\r\n .process-card:nth-child(3) .process-icon { background: rgba(229,138,0,.18); color: #ffbf58; }\r\n .process-card:nth-child(4) .process-icon { background: rgba(217,59,59,.18); color: #ff8b8b; }\r\n\r\n .process-card h3 {\r\n font-family:\"Space Grotesk\",sans-serif;\r\n font-size: 16px;\r\n color: #fff;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .process-card p {\r\n font-size: 13.5px;\r\n line-height: 1.68;\r\n color: rgba(255,255,255,.5);\r\n }\r\n\r\n \/* SIGNAUX *\/\r\n #signals { background: var(--bg); }\r\n\r\n .signal-wrap {\r\n background: #F8FBFF;\r\n border: 1px solid rgba(10,37,64,.08);\r\n border-radius: var(--radius-xl);\r\n padding: 54px 52px;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .signal-head {\r\n margin-bottom: 34px;\r\n }\r\n\r\n .signal-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n }\r\n\r\n .signal-card {\r\n background: #fff;\r\n border: 1px solid rgba(10,37,64,.08);\r\n border-radius: 18px;\r\n padding: 22px;\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n transition: var(--transition);\r\n }\r\n\r\n .signal-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .signal-icon {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 12px;\r\n background: var(--accent-soft);\r\n color: var(--accent);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .signal-card h3 {\r\n font-family:\"Space Grotesk\",sans-serif; \r\n font-size: 15px;\r\n color: var(--primary);\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .signal-card p {\r\n font-size: 13.5px;\r\n color: var(--text-muted);\r\n line-height: 1.66;\r\n }\r\n\r\n \/* R\u00c9SULTAT *\/\r\n #output { background: var(--bg); }\r\n\r\n .output-grid {\r\n display: grid;\r\n grid-template-columns: .95fr 1.05fr;\r\n gap: 28px;\r\n align-items: center;\r\n }\r\n\r\n .output-card {\r\n background: var(--primary);\r\n border-radius: var(--radius-xl);\r\n padding: 42px;\r\n color: #fff;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .output-card::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 50% 60% at 18% 30%, rgba(26,110,255,.2) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n\r\n .output-card > * { position: relative; z-index: 1; }\r\n\r\n .score-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n background: rgba(255,255,255,.08);\r\n color: rgba(255,255,255,.78);\r\n border-radius: 999px;\r\n padding: 7px 14px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .score-badge::before {\r\n content: '';\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n }\r\n\r\n .score-title {\r\n font-size: 30px;\r\n font-weight: 800;\r\n line-height: 1.16;\r\n margin-bottom: 12px;\r\n letter-spacing: -.02em;\r\n }\r\n\r\n .score-desc {\r\n font-size: 15px;\r\n color: rgba(255,255,255,.58);\r\n line-height: 1.78;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .score-list {\r\n display: grid;\r\n gap: 12px;\r\n }\r\n\r\n .score-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n background: rgba(255,255,255,.05);\r\n border: 1px solid rgba(255,255,255,.08);\r\n border-radius: 16px;\r\n padding: 14px 16px;\r\n }\r\n\r\n .score-item-icon {\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n background: rgba(26,110,255,.18);\r\n color: #a8ceff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 11px;\r\n font-weight: 800;\r\n flex-shrink: 0;\r\n margin-top: 1px;\r\n }\r\n\r\n .score-item p {\r\n font-size: 13.5px;\r\n color: rgba(255,255,255,.72);\r\n line-height: 1.6;\r\n }\r\n\r\n .output-side {\r\n display: grid;\r\n gap: 16px;\r\n }\r\n\r\n .action-card {\r\n background: #fff;\r\n border: 1px solid rgba(10,37,64,.08);\r\n border-radius: 18px;\r\n padding: 22px;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .action-card h3 {\r\n -font-family:\"Space Grotesk\",sans-serif;\r\n font-size: 16px;\r\n font-weight: 800;\r\n color: var(--primary);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .action-card p {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* FINAL *\/\r\n #final { background: var(--bg); }\r\n\r\n .final-box {\r\n background: linear-gradient(135deg, #071a2e 0%, #0A2540 58%, #0f3155 100%);\r\n border-radius: var(--radius-xl);\r\n padding: 72px 66px;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .final-box::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 52% 70% at 12% 50%, rgba(26,110,255,.20) 0%, transparent 60%),\r\n radial-gradient(ellipse 36% 48% at 86% 22%, rgba(26,110,255,.14) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n\r\n .final-box > * { position: relative; z-index: 1; }\r\n\r\n .final-grid {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n gap: 26px;\r\n align-items: center;\r\n }\r\n\r\n .final-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.74);\r\n background: rgba(255,255,255,.08);\r\n border: 1px solid rgba(255,255,255,.1);\r\n border-radius: 999px;\r\n padding: 7px 14px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .final-kicker::before {\r\n content: '';\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n }\r\n\r\n .final-box h2 {\r\n font-family:\"Space Grotesk\",sans-serif; \r\n font-size: clamp(28px, 4vw, 42px);\r\n font-weight: 800;\r\n color: #fff;\r\n line-height: 1.14;\r\n letter-spacing: -.025em;\r\n margin-bottom: 14px;\r\n max-width: 640px;\r\n }\r\n\r\n .final-box h2 em {\r\n font-style: normal;\r\n color: var(--accent);\r\n }\r\n\r\n .final-box p {\r\n font-size: 17px;\r\n color: rgba(255,255,255,.62);\r\n line-height: 1.8;\r\n max-width: 600px;\r\n }\r\n\r\n .final-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: rgba(255,255,255,.08);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 100px;\r\n padding: 16px 24px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #fff;\r\n backdrop-filter: blur(10px);\r\n white-space: nowrap;\r\n }\r\n\r\n .final-pill .check {\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: 900;\r\n color: #fff;\r\n flex-shrink: 0;\r\n }\r\n\r\n footer {\r\n background: var(--dark);\r\n padding: 28px 0;\r\n }\r\n\r\n footer p {\r\n font-size: 12.5px;\r\n color: rgba(255,255,255,.3);\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 980px) {\r\n section { padding: 72px 0; }\r\n .container { padding: 0 24px; }\r\n\r\n .hero-inner,\r\n .overview-grid,\r\n .output-grid,\r\n .final-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .process-grid { grid-template-columns: 1fr 1fr; }\r\n .signal-grid { grid-template-columns: 1fr; }\r\n\r\n .hero-visual { order: 2; }\r\n .hero-panel { max-width: 100%; }\r\n\r\n .overview-card,\r\n .signal-wrap,\r\n .output-card,\r\n .final-box {\r\n padding: 36px;\r\n }\r\n\r\n .final-pill {\r\n justify-self: start;\r\n white-space: normal;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n section { padding: 56px 0; }\r\n .container { padding: 0 18px; }\r\n\r\n .hero-title { font-size: 38px; }\r\n .hero-subtitle,\r\n .section-desc,\r\n .final-box p { font-size: 15.5px; }\r\n\r\n .hero-actions {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n\r\n .hero-btn {\r\n justify-content: center;\r\n }\r\n\r\n .process-grid { grid-template-columns: 1fr; }\r\n\r\n .overview-card,\r\n .signal-wrap,\r\n .output-card,\r\n .final-box {\r\n padding: 28px 22px;\r\n }\r\n\r\n .hero-step,\r\n .signal-card,\r\n .overview-item,\r\n .action-card {\r\n padding: 16px;\r\n }\r\n\r\n .final-pill {\r\n width: 100%;\r\n justify-content: center;\r\n border-radius: 16px;\r\n padding: 14px 18px;\r\n font-size: 14px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- HERO -->\r\n <section id=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-inner\">\r\n\r\n <div>\r\n <div class=\"hero-badge fade-up\">\r\n <span class=\"dot\"><\/span>\r\n Flux produit\r\n <\/div>\r\n\r\n <h1 class=\"hero-title fade-up delay-1\">\r\n Comment <em>fonctionne DPD<\/em>\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle fade-up delay-2\">\r\n DPD transforme des signaux op\u00e9rationnels dispers\u00e9s en un workflow pratique d\u2019\u00e9valuation du risque de fraude que les marchands peuvent utiliser avant d\u2019exp\u00e9dier une commande avec paiement \u00e0 la livraison. La plateforme est con\u00e7ue pour soutenir les d\u00e9cisions, pas pour les remplacer.\r\n <\/p>\r\n\r\n <div class=\"hero-actions fade-up delay-3\">\r\n <a href=\"#process\" class=\"hero-btn primary\">\r\n Explorer le processus\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/a>\r\n <a href=\"#output\" class=\"hero-btn secondary\">\r\n Voir ce que les marchands re\u00e7oivent\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual fade-up delay-3\">\r\n <div class=\"hero-panel\">\r\n <div class=\"hero-panel-head\">\r\n <h3>Vue d\u2019ensemble du flux DPD<\/h3>\r\n <span class=\"hero-panel-badge\">4 \u00e9tapes<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero-flow\">\r\n <div class=\"hero-step\">\r\n <div class=\"hero-step-num\">1<\/div>\r\n <h4>Le marchand soumet les donn\u00e9es<\/h4>\r\n <p>Le num\u00e9ro de t\u00e9l\u00e9phone, le contexte de la commande et les signaux transactionnels pertinents entrent dans le syst\u00e8me.<\/p>\r\n <\/div>\r\n\r\n <div class=\"hero-step\">\r\n <div class=\"hero-step-num\">2<\/div>\r\n <h4>Les signaux sont analys\u00e9s<\/h4>\r\n <p>DPD \u00e9value les sch\u00e9mas de comportement, les r\u00e9sultats pass\u00e9s et les indicateurs de fraude partag\u00e9s.<\/p>\r\n <\/div>\r\n\r\n <div class=\"hero-step\">\r\n <div class=\"hero-step-num\">3<\/div>\r\n <h4>Un score de risque est g\u00e9n\u00e9r\u00e9<\/h4>\r\n <p>Un score pratique et des indicateurs compl\u00e9mentaires sont renvoy\u00e9s pour examen par le marchand.<\/p>\r\n <\/div>\r\n\r\n <div class=\"hero-step\">\r\n <div class=\"hero-step-num\">4<\/div>\r\n <h4>Le marchand prend la d\u00e9cision<\/h4>\r\n <p>Le marchand d\u00e9cide s\u2019il faut v\u00e9rifier, examiner, mettre en attente ou poursuivre le traitement de la commande.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- VUE D\u2019ENSEMBLE -->\r\n <section id=\"overview\">\r\n <div class=\"container\">\r\n <div class=\"overview-grid\">\r\n\r\n <div class=\"overview-card\">\r\n <div class=\"section-label\">Vue d\u2019ensemble<\/div>\r\n <h2 class=\"section-title\">DPD est con\u00e7u autour de l\u2019analyse du risque avant exp\u00e9dition<\/h2>\r\n <p class=\"section-desc\">\r\n La plateforme est con\u00e7ue pour aider les marchands \u00e0 \u00e9valuer une commande avant d\u2019engager de l\u2019argent, du temps, de l\u2019emballage et des co\u00fbts logistiques. Au lieu de r\u00e9agir apr\u00e8s une livraison \u00e9chou\u00e9e, DPD aide les marchands \u00e0 \u00e9valuer le risque plus t\u00f4t.\r\n <\/p>\r\n\r\n <div class=\"overview-list\">\r\n <div class=\"overview-item\">\r\n <div class=\"overview-icon\"><i class=\"fa-solid fa-phone\"><\/i><\/div>\r\n <div>\r\n <h3>Identification du risque bas\u00e9e sur le t\u00e9l\u00e9phone<\/h3>\r\n <p>DPD utilise le num\u00e9ro de t\u00e9l\u00e9phone comme identifiant op\u00e9rationnel cl\u00e9 pour l\u2019analyse des sch\u00e9mas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"overview-item\">\r\n <div class=\"overview-icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\r\n <div>\r\n <h3>Scoring comportemental<\/h3>\r\n <p>Les scores sont construits \u00e0 partir de signaux comportementaux, et non \u00e0 partir de l\u2019exposition publique de l\u2019identit\u00e9 ou du profilage personnel.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"overview-item\">\r\n <div class=\"overview-icon\"><i class=\"fa-solid fa-truck-fast\"><\/i><\/div>\r\n <div>\r\n <h3>Aide \u00e0 la d\u00e9cision op\u00e9rationnelle<\/h3>\r\n <p>Le r\u00e9sultat aide les marchands \u00e0 d\u00e9cider si une commande doit \u00eatre examin\u00e9e avant l\u2019exp\u00e9dition.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"overview-side\">\r\n <div class=\"mini-card\">\r\n <h4>Qu\u2019est-ce qui entre dans le syst\u00e8me ?<\/h4>\r\n <p>Les entr\u00e9es typiques peuvent inclure un num\u00e9ro de t\u00e9l\u00e9phone, des signaux de r\u00e9sultats de commande, des retours de marchands et des indicateurs de fraude associ\u00e9s collect\u00e9s dans le workflow produit.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mini-card\">\r\n <h4>Qu\u2019est-ce qui en sort ?<\/h4>\r\n <p>Un score de risque destin\u00e9 au marchand, des indicateurs contextuels et une vision plus claire permettant de savoir si la commande pr\u00e9sente un risque faible, moyen ou \u00e9lev\u00e9.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mini-card\">\r\n <h4>Ce que DPD ne fait pas<\/h4>\r\n <p>DPD ne bloque pas automatiquement les commandes, ne garantit pas l\u2019absence de fraude et ne retire pas au marchand la responsabilit\u00e9 de la d\u00e9cision finale.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PROCESSUS -->\r\n <section id=\"process\">\r\n <div class=\"container\">\r\n <div class=\"section-label\">\u00c9tape par \u00e9tape<\/div>\r\n <h2 class=\"section-title\">Du signal de commande \u00e0 la d\u00e9cision du marchand<\/h2>\r\n <p class=\"section-desc\">\r\n DPD suit un workflow pratique con\u00e7u pour les op\u00e9rations e-commerce. L\u2019objectif n\u2019est pas la complexit\u00e9. L\u2019objectif est d\u2019obtenir un jugement plus rapide et plus fiable avant l\u2019exp\u00e9dition.\r\n <\/p>\r\n\r\n <div class=\"process-grid\">\r\n <div class=\"process-card\">\r\n <div class=\"process-no\">\u00c9tape 01<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-inbox\"><\/i><\/div>\r\n <h3>Collecte des donn\u00e9es<\/h3>\r\n <p>Les donn\u00e9es pertinentes de la commande entrent dans la plateforme via le tableau de bord, le plugin, l\u2019API ou un workflow connect\u00e9. Le num\u00e9ro de t\u00e9l\u00e9phone sert de point de r\u00e9f\u00e9rence op\u00e9rationnel principal.<\/p>\r\n <\/div>\r\n\r\n <div class=\"process-card\">\r\n <div class=\"process-no\">\u00c9tape 02<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n <h3>Analyse des signaux<\/h3>\r\n <p>DPD examine les r\u00e9sultats pass\u00e9s des commandes, les sch\u00e9mas r\u00e9p\u00e9t\u00e9s, les signaux d\u2019annulation, l\u2019historique des refus et d\u2019autres indicateurs pouvant sugg\u00e9rer un risque COD \u00e9lev\u00e9.<\/p>\r\n <\/div>\r\n\r\n <div class=\"process-card\">\r\n <div class=\"process-no\">\u00c9tape 03<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-gauge-high\"><\/i><\/div>\r\n <h3>Scoring du risque<\/h3>\r\n <p>La plateforme traduit la force des signaux en un score pratique et en indicateurs compl\u00e9mentaires afin que les marchands puissent comprendre le niveau de vigilance requis.<\/p>\r\n <\/div>\r\n\r\n <div class=\"process-card\">\r\n <div class=\"process-no\">\u00c9tape 04<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-user-check\"><\/i><\/div>\r\n <h3>Action du marchand<\/h3>\r\n <p>Le marchand examine le r\u00e9sultat et choisit l\u2019action suivante : poursuivre, v\u00e9rifier, examiner manuellement ou mettre la commande en attente pour des contr\u00f4les suppl\u00e9mentaires.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SIGNAUX -->\r\n <section id=\"signals\">\r\n <div class=\"container\">\r\n <div class=\"signal-wrap\">\r\n <div class=\"signal-head\">\r\n <div class=\"section-label\">Signaux<\/div>\r\n <h2 class=\"section-title\">Ce que DPD analyse<\/h2>\r\n <p class=\"section-desc\">\r\n DPD ne repose pas sur un seul point de donn\u00e9es. La plateforme combine plusieurs signaux op\u00e9rationnels afin de produire une vision du risque plus utile pour les marchands.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"signal-grid\">\r\n <div class=\"signal-card\">\r\n <div class=\"signal-icon\"><i class=\"fa-solid fa-phone-volume\"><\/i><\/div>\r\n <div>\r\n <h3>Historique du num\u00e9ro de t\u00e9l\u00e9phone<\/h3>\r\n <p>Comportements pass\u00e9s li\u00e9s au num\u00e9ro de t\u00e9l\u00e9phone \u00e0 travers les \u00e9v\u00e9nements de commande pertinents et les rapports des marchands.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"signal-card\">\r\n <div class=\"signal-icon\"><i class=\"fa-solid fa-box\"><\/i><\/div>\r\n <div>\r\n <h3>R\u00e9sultats des commandes<\/h3>\r\n <p>Sch\u00e9mas tels que les livraisons r\u00e9ussies, les refus, les annulations ou les \u00e9checs r\u00e9p\u00e9t\u00e9s de finalisation de commande.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"signal-card\">\r\n <div class=\"signal-icon\"><i class=\"fa-solid fa-triangle-exclamation\"><\/i><\/div>\r\n <div>\r\n <h3>Indicateurs de fraude<\/h3>\r\n <p>Signaux op\u00e9rationnels sugg\u00e9rant un comportement suspect ou abusif r\u00e9p\u00e9t\u00e9 dans les workflows COD.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"signal-card\">\r\n <div class=\"signal-icon\"><i class=\"fa-solid fa-users\"><\/i><\/div>\r\n <div>\r\n <h3>Retours des marchands<\/h3>\r\n <p>Les retours fiables des marchands aident \u00e0 affiner la qualit\u00e9 des signaux et \u00e0 am\u00e9liorer la pertinence du scoring au fil du temps.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- R\u00c9SULTAT -->\r\n <section id=\"output\">\r\n <div class=\"container\">\r\n <div class=\"output-grid\">\r\n\r\n <div class=\"output-card\">\r\n <div class=\"score-badge\">R\u00e9sultat pour le marchand<\/div>\r\n <div class=\"score-title\">Ce que le marchand re\u00e7oit<\/div>\r\n <div class=\"score-desc\">\r\n DPD est con\u00e7u pour fournir un r\u00e9sultat simple et exploitable \u2014 pas du bruit. Le r\u00e9sultat est pens\u00e9 pour s\u2019int\u00e9grer aux workflows op\u00e9rationnels, sans les ralentir.\r\n <\/div>\r\n\r\n <div class=\"score-list\">\r\n <div class=\"score-item\">\r\n <div class=\"score-item-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <p>Un score de risque pratique qui aide \u00e0 quantifier le niveau de vigilance n\u00e9cessaire.<\/p>\r\n <\/div>\r\n\r\n <div class=\"score-item\">\r\n <div class=\"score-item-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <p>Des indicateurs compl\u00e9mentaires qui expliquent pourquoi la commande peut n\u00e9cessiter un examen plus approfondi.<\/p>\r\n <\/div>\r\n\r\n <div class=\"score-item\">\r\n <div class=\"score-item-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n <p>Une meilleure base pour d\u00e9cider s\u2019il faut poursuivre, v\u00e9rifier ou examiner manuellement.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"output-side\">\r\n <div class=\"action-card\">\r\n <h3>Risque faible<\/h3>\r\n <p>La commande semble op\u00e9rationnellement normale selon les signaux disponibles. Le marchand peut poursuivre avec davantage de confiance, tout en appliquant son propre jugement interne.<\/p>\r\n <\/div>\r\n\r\n <div class=\"action-card\">\r\n <h3>Risque moyen<\/h3>\r\n <p>La commande peut n\u00e9cessiter une v\u00e9rification, un examen ou une confirmation suppl\u00e9mentaire avant l\u2019exp\u00e9dition. DPD est particuli\u00e8rement utile dans cette zone.<\/p>\r\n <\/div>\r\n\r\n <div class=\"action-card\">\r\n <h3>Risque \u00e9lev\u00e9<\/h3>\r\n <p>La commande pr\u00e9sente des signaux d\u2019alerte plus forts. Le marchand peut d\u00e9cider de la mettre en attente, de l\u2019examiner attentivement ou d\u2019appliquer des contr\u00f4les internes plus stricts avant d\u2019avancer.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FINAL -->\r\n <section id=\"final\">\r\n <div class=\"container\">\r\n <div class=\"final-box\">\r\n <div class=\"final-grid\">\r\n <div>\r\n <div class=\"final-kicker\">La d\u00e9cision finale reste humaine<\/div>\r\n <h2>DPD aide les marchands \u00e0 prendre de <em>meilleures d\u00e9cisions<\/em>, pas des d\u00e9cisions automatiques.<\/h2>\r\n <p>\r\n La plateforme fournit des informations utiles, pas une certitude absolue. DPD est con\u00e7u pour r\u00e9duire l\u2019incertitude, renforcer le jugement op\u00e9rationnel et soutenir la pr\u00e9vention de la fraude avant exp\u00e9dition \u2014 tout en laissant la d\u00e9cision finale entre les mains du marchand.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"final-pill\">\r\n <span class=\"check\">\u2713<\/span>\r\n Le marchand garde toujours le dernier mot\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Comment fonctionne DPD Flux produit Comment fonctionne DPD DPD transforme des signaux op\u00e9rationnels dispers\u00e9s en un workflow pratique d\u2019\u00e9valuation du risque de fraude que les marchands peuvent utiliser avant d\u2019exp\u00e9dier une commande avec paiement \u00e0 la livraison. La plateforme est con\u00e7ue pour soutenir les d\u00e9cisions, pas pour les remplacer. Explorer le processus Voir ce que […]<\/p>\n","protected":false},"author":1,"featured_media":2065,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2084","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/pages\/2084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/comments?post=2084"}],"version-history":[{"count":1,"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/pages\/2084\/revisions"}],"predecessor-version":[{"id":2085,"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/pages\/2084\/revisions\/2085"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/media\/2065"}],"wp:attachment":[{"href":"https:\/\/dpd.ma\/fr\/wp-json\/wp\/v2\/media?parent=2084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}