{"id":1056,"date":"2026-06-07T14:55:41","date_gmt":"2026-06-07T14:55:41","guid":{"rendered":"https:\/\/dpex-maroc.com\/?page_id=1056"},"modified":"2026-06-13T19:13:49","modified_gmt":"2026-06-13T19:13:49","slug":"tracking-dpex","status":"publish","type":"page","link":"https:\/\/dpex-maroc.com\/index.php\/tracking-dpex\/","title":{"rendered":"Tracking DPEX"},"content":{"rendered":"\n    <style>\n    .dpex-suivi-container { \n        max-width: 900px; \n        margin: 0 auto; \n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; \n        font-size: 2rem;\n    }\n    .dpex-search-box { \n        background: #f8f9fa; \n        padding: 40px; \n        border-radius: 16px; \n        margin-bottom: 35px; \n        text-align: center; \n    }\n    .dpex-search-box h2 { \n        color: #221eb0; \n        margin-bottom: 25px; \n        font-size: 2.5rem;\n    }\n    .dpex-search-form { \n        display: flex; \n        gap: 12px; \n        max-width: 600px; \n        margin: 0 auto; \n    }\n    .dpex-search-form input { \n        flex: 1; \n        padding: 18px 22px; \n        border: 2px solid #e0e0e0; \n        border-radius: 10px; \n        font-size: 1.7rem; \n    }\n    .dpex-search-form input:focus { outline: none; border-color: #221eb0; }\n    .dpex-search-form button { \n        padding: 18px 32px; \n        background: #221eb0; \n        color: white; \n        border: none; \n        border-radius: 10px; \n        font-weight: 700; \n        cursor: pointer; \n        font-size: 1.6rem;\n    }\n    .dpex-search-form button:hover { background: #1a1780; }\n\n    .dpex-result { \n        background: white; \n        border-radius: 16px; \n        box-shadow: 0 4px 20px rgba(0,0,0,0.1); \n        overflow: hidden; \n    }\n    .dpex-result-header { \n        background: #221eb0; \n        color: white; \n        padding: 30px 35px; \n    }\n    .dpex-result-header h3 { \n        margin: 0; \n        font-size: 1.8rem; \n    }\n    .dpex-tracking-num { \n        font-family: 'Courier New', monospace; \n        font-size: 2.3rem; \n        font-weight: 700; \n        letter-spacing: 2px; \n    }\n\n    .dpex-info-grid { \n        display: grid; \n        grid-template-columns: 1fr 1fr; \n        gap: 25px; \n        padding: 30px; \n        border-bottom: 1px solid #eee; \n    }\n    .dpex-info-block h4 { \n        color: #221eb0; \n        font-size: 1.4rem; \n        text-transform: uppercase; \n        letter-spacing: 1px; \n        margin-bottom: 12px; \n    }\n    .dpex-info-block p { \n        margin: 0; \n        color: #333; \n        font-size: 1.6rem; \n    }\n    .dpex-info-block .name { \n        font-weight: 700; \n        font-size: 1.3rem; \n    }\n\n    .dpex-timeline { padding: 30px; }\n    .dpex-timeline h4 { \n        color: #221eb0; \n        margin-bottom: 25px; \n        font-size: 1.3rem; \n    }\n\n    .dpex-timeline-item { \n        display: flex; \n        gap: 25px; \n        padding: 22px 0; \n        border-left: 4px solid #e0e0e0; \n        padding-left: 30px; \n        position: relative; \n        margin-left: 10px; \n    }\n    .dpex-timeline-item::before { \n        content: ''; \n        position: absolute; \n        left: -11px; \n        top: 26px; \n        width: 18px; \n        height: 18px; \n        border-radius: 50%; \n        background: #ccc; \n        border: 4px solid white; \n        box-shadow: 0 0 0 3px #ccc; \n    }\n    .dpex-timeline-item.active::before { \n        background: #221eb0; \n        box-shadow: 0 0 0 3px #221eb0; \n    }\n    .dpex-timeline-item.active { border-left-color: #221eb0; }\n    .dpex-timeline-item.livre::before { \n        background: #28a745; \n        box-shadow: 0 0 0 3px #28a745; \n    }\n    .dpex-timeline-item.livre { border-left-color: #28a745; }\n\n    .dpex-timeline-date { \n        min-width: 160px; \n        color: #666; \n        font-size: 1.35rem; \n    }\n    .dpex-timeline-content { flex: 1; }\n    .dpex-timeline-statut { \n        font-weight: 700; \n        color: #333; \n        font-size: 1.65rem; \n        margin-bottom: 6px; \n    }\n    .dpex-timeline-lieu { \n        color: #666; \n        font-size: 1.35rem; \n    }\n    .dpex-timeline-notes { \n        color: #888; \n        font-size: 1.25rem; \n        margin-top: 6px; \n        font-style: italic; \n    }\n\n    .dpex-current-status { \n        display: inline-block; \n        background: #221eb0; \n        color: white; \n        padding: 8px 20px; \n        border-radius: 25px; \n        font-size: 1.4rem; \n        font-weight: 700; \n        margin-top: 12px; \n    }\n    .dpex-current-status.livre { background: #28a745; }\n\n    .dpex-not-found { \n        text-align: center; \n        padding: 50px; \n        color: #666; \n    }\n    .dpex-not-found .icon { \n        font-size: 4rem; \n        margin-bottom: 20px; \n    }\n    .dpex-not-found h3 {\n        font-size: 2rem;\n        margin-bottom: 10px;\n    }\n    .dpex-not-found p {\n        font-size: 1.45rem;\n    }\n\n    @media (max-width: 600px) {\n        .dpex-suivi-container { font-size: 1rem; }\n        .dpex-search-box { padding: 25px; }\n        .dpex-search-box h2 { font-size: 1.5rem; }\n        .dpex-search-form input { font-size: 1.1rem; padding: 14px; }\n        .dpex-search-form button { font-size: 1rem; padding: 14px 24px; }\n        .dpex-info-grid { grid-template-columns: 1fr; }\n        .dpex-timeline-item { flex-direction: column; gap: 8px; }\n        .dpex-tracking-num { font-size: 1.4rem; }\n        .dpex-timeline-statut { font-size: 1.1rem; }\n        .dpex-info-block p { font-size: 1.05rem; }\n    }\n    <\/style>\n\n    <div class=\"dpex-suivi-container\">\n        <div class=\"dpex-search-box\">\n            <h2>\ud83d\udd0d Suivi de votre colis<\/h2>\n            <form method=\"get\" class=\"dpex-search-form\">\n                <input type=\"text\" name=\"tracking\" placeholder=\"Entrez votre numero de tracking (DPEX, DHL, FedEx...)\" \n                       value=\"\" required>\n                <button type=\"submit\">Rechercher<\/button>\n            <\/form>\n        <\/div>\n\n        \n            <\/div>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1007,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1056","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/dpex-maroc.com\/index.php\/wp-json\/wp\/v2\/pages\/1056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dpex-maroc.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dpex-maroc.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dpex-maroc.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dpex-maroc.com\/index.php\/wp-json\/wp\/v2\/comments?post=1056"}],"version-history":[{"count":1,"href":"https:\/\/dpex-maroc.com\/index.php\/wp-json\/wp\/v2\/pages\/1056\/revisions"}],"predecessor-version":[{"id":1057,"href":"https:\/\/dpex-maroc.com\/index.php\/wp-json\/wp\/v2\/pages\/1056\/revisions\/1057"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dpex-maroc.com\/index.php\/wp-json\/wp\/v2\/media\/1007"}],"wp:attachment":[{"href":"https:\/\/dpex-maroc.com\/index.php\/wp-json\/wp\/v2\/media?parent=1056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}