{"id":16326,"date":"2026-08-17T21:13:30","date_gmt":"2026-08-17T21:13:30","guid":{"rendered":"https:\/\/diplomatie.gov.bf\/?page_id=16326"},"modified":"2026-08-19T10:23:36","modified_gmt":"2026-08-19T10:23:36","slug":"lancement-officiel-de-plateformes-numeriques-du-ministere-des-affaires-etrangeres","status":"publish","type":"page","link":"https:\/\/diplomatie.gov.bf\/index.php\/lancement-officiel-de-plateformes-numeriques-du-ministere-des-affaires-etrangeres\/","title":{"rendered":"Lancement officiel de plateformes num\u00e9riques du Minist\u00e8re des Affaires Etrang\u00e8res"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16326\" class=\"elementor elementor-16326\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-463d478 e-con-full e-flex e-con e-parent\" data-id=\"463d478\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-d969b34 e-con-full e-flex e-con e-child\" data-id=\"d969b34\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c36483 elementor-widget elementor-widget-image\" data-id=\"8c36483\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/diplomatie.gov.bf\/wp-content\/uploads\/elementor\/thumbs\/LogoOfficiel-rruf9zeelkexvfwhb3n6pfpuugwr41wwllcv14rnww.png\" title=\"LogoOfficiel\" alt=\"LogoOfficiel\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0f3070 elementor-widget elementor-widget-elementskit-heading\" data-id=\"c0f3070\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">C\u00c9R\u00c9MONIE OFFICIELLE<\/h2><h3 class=\"ekit-heading--subtitle elementskit-section-subtitle  \">\n\t\t\t\t\t\tLANCEMENT DES PLATEFORMES NUM\u00c9RIQUES\n\t\t\t\t\t<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><strong>19 AO\u00dbT 2026<\/strong><\/p>\n<p><strong>Salle de conf\u00e9rences du Minist\u00e8re des Affaires Etrang\u00e8res<\/strong><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d9d133 elementor-button-success elementor-align-center launch-button elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"2d9d133\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-platform-url=\"https:\/\/diaspora.gov.bf\/#\/pb\/accueil\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/diaspora.gov.bf\/#\/pb\/accueil\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">LANCEMENT DU PORTAIL DE LA DIASPORA<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbf0977 elementor-button-success elementor-align-center launch-button elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"cbf0977\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-platform-url=\"https:\/\/eprotocole-etat.gov.bf\/#\/pb\/accueil\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/eprotocole-etat.gov.bf\/#\/pb\/accueil\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">LANCEMENT DE E-PROTOCOLE  D'ETAT<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa72fed elementor-button-success elementor-align-center launch-button elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"fa72fed\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-platform-url=\"https:\/\/diplomatie.gov.bf\/\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/diplomatie.gov.bf\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">LANCEMENT DU SITE WEB OFFICIEL DU MINISTERE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f6d574 elementor-button-success elementor-align-center launch-button elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"2f6d574\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-platform-url=\"https:\/\/mali.diplomatie.gov.bf\/\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/mali.diplomatie.gov.bf\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">LANCEMENT DU SITE WEB DES MDPC<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12e52c6 elementor-widget elementor-widget-html\" data-id=\"12e52c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"launch-overlay\">\r\n\r\n    <!-- D\u00e9coration lumineuse -->\r\n    <div class=\"launch-glow launch-glow-1\"><\/div>\r\n    <div class=\"launch-glow launch-glow-2\"><\/div>\r\n\r\n    <!-- Cercle graphique -->\r\n    <div class=\"launch-ring launch-ring-outer\"><\/div>\r\n    <div class=\"launch-ring launch-ring-inner\"><\/div>\r\n\r\n    <!-- Contenu -->\r\n    <div class=\"launch-content\">\r\n\r\n        <div class=\"launch-label\">\r\n            LANCEMENT OFFICIEL\r\n        <\/div>\r\n\r\n        <div class=\"launch-line\"><\/div>\r\n\r\n        <div id=\"countdown\">3<\/div>\r\n\r\n        \r\n\r\n    <\/div>\r\n\r\n    <!-- Barre aux couleurs du Burkina Faso -->\r\n    <div class=\"national-bar\">\r\n        <span class=\"national-red\"><\/span>\r\n        <span class=\"national-yellow\"><\/span>\r\n        <span class=\"national-green\"><\/span>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    \/*\r\n     * On r\u00e9cup\u00e8re tous les boutons de lancement\r\n     *\/\r\n    const buttons = document.querySelectorAll(\".launch-button\");\r\n\r\n    if (!buttons.length) return;\r\n\r\n\r\n    \/*\r\n     * On applique le syst\u00e8me \u00e0 chaque bouton\r\n     *\/\r\n    buttons.forEach(function (button) {\r\n\r\n        button.addEventListener(\"click\", function (e) {\r\n\r\n            e.preventDefault();\r\n\r\n            const overlay =\r\n                document.getElementById(\"launch-overlay\");\r\n\r\n            const countdown =\r\n                document.getElementById(\"countdown\");\r\n\r\n\r\n            \/*\r\n             * R\u00e9cup\u00e9rer l'URL correspondant\r\n             * au bouton cliqu\u00e9\r\n             *\/\r\n            const platformURL =\r\n                button.getAttribute(\"data-platform-url\");\r\n\r\n\r\n            if (!platformURL) {\r\n\r\n                console.error(\r\n                    \"Aucune URL d\u00e9finie pour ce bouton.\"\r\n                );\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            \/*\r\n             * Afficher l'\u00e9cran de lancement\r\n             *\/\r\n            overlay.style.display = \"flex\";\r\n\r\n\r\n            \/*\r\n             * Animation d'apparition\r\n             *\/\r\n            setTimeout(function () {\r\n\r\n                overlay.classList.add(\r\n                    \"launch-active\"\r\n                );\r\n\r\n            }, 20);\r\n\r\n\r\n            \/*\r\n             * R\u00e9initialiser le compteur\r\n             *\/\r\n            countdown.classList.remove(\r\n                \"launch-final\",\r\n                \"countdown-change\"\r\n            );\r\n\r\n            countdown.style.display = \"block\";\r\n\r\n\r\n            let number = 3;\r\n\r\n            countdown.textContent = number;\r\n\r\n\r\n            \/*\r\n             * COMPTE \u00c0 REBOURS\r\n             *\/\r\n            const timer = setInterval(function () {\r\n\r\n                number--;\r\n\r\n\r\n                if (number > 0) {\r\n\r\n                    countdown.classList.remove(\r\n                        \"countdown-change\"\r\n                    );\r\n\r\n                    void countdown.offsetWidth;\r\n\r\n                    countdown.classList.add(\r\n                        \"countdown-change\"\r\n                    );\r\n\r\n                    countdown.textContent = number;\r\n\r\n                }\r\n\r\n                else {\r\n\r\n                    clearInterval(timer);\r\n\r\n\r\n                    \/*\r\n                     * Afficher LANCEMENT\r\n                     *\/\r\n                    countdown.classList.remove(\r\n                        \"countdown-change\"\r\n                    );\r\n\r\n                    countdown.classList.add(\r\n                        \"launch-final\"\r\n                    );\r\n\r\n                    countdown.textContent =\r\n                        \"LANCEMENT\";\r\n\r\n\r\n                    \/*\r\n                     * Ouvrir la plateforme\r\n                     *\/\r\n                    setTimeout(function () {\r\n\r\n                        window.open(\r\n                            platformURL,\r\n                            \"_blank\"\r\n                        );\r\n\r\n\r\n                        \/*\r\n                         * Fermer l'\u00e9cran de lancement\r\n                         *\/\r\n                        overlay.classList.remove(\r\n                            \"launch-active\"\r\n                        );\r\n\r\n\r\n                        setTimeout(function () {\r\n\r\n                            overlay.style.display =\r\n                                \"none\";\r\n\r\n                        }, 500);\r\n\r\n                    }, 1000);\r\n\r\n                }\r\n\r\n            }, 1000);\r\n\r\n        });\r\n\r\n    });\r\n\r\n});\r\n<\/script>\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   \u00c9CRAN PRINCIPAL\r\n===================================================== *\/\r\n\r\n#launch-overlay {\r\n\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: none;\r\n\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    overflow: hidden;\r\n\r\n    z-index: 999999;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at center,\r\n            #17251f 0%,\r\n            #0b1511 35%,\r\n            #050907 70%,\r\n            #020303 100%\r\n        );\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n        opacity 0.5s ease;\r\n\r\n}\r\n\r\n\r\n\/* Activation *\/\r\n\r\n#launch-overlay.launch-active {\r\n\r\n    opacity: 1;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HALOS LUMINEUX\r\n===================================================== *\/\r\n\r\n.launch-glow {\r\n\r\n    position: absolute;\r\n\r\n    width: 600px;\r\n    height: 600px;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    filter: blur(100px);\r\n\r\n    opacity: 0.15;\r\n\r\n}\r\n\r\n\r\n\/* Halo principal *\/\r\n\r\n.launch-glow-1 {\r\n\r\n    background: #ffffff;\r\n\r\n    top: 50%;\r\n    left: 50%;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n}\r\n\r\n\r\n\/* Halo secondaire *\/\r\n\r\n.launch-glow-2 {\r\n\r\n    width: 350px;\r\n    height: 350px;\r\n\r\n    background: #009E49;\r\n\r\n    bottom: -150px;\r\n    right: -100px;\r\n\r\n    opacity: 0.12;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CERCLES GRAPHIQUES\r\n===================================================== *\/\r\n\r\n.launch-ring {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* Grand cercle *\/\r\n\r\n.launch-ring-outer {\r\n\r\n    width: min(70vw, 700px);\r\n    height: min(70vw, 700px);\r\n\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n\r\n    animation: ringRotate 20s linear infinite;\r\n\r\n}\r\n\r\n\r\n\/* Petit cercle *\/\r\n\r\n.launch-ring-inner {\r\n\r\n    width: min(48vw, 480px);\r\n    height: min(48vw, 480px);\r\n\r\n    border: 1px solid rgba(252,209,22,0.18);\r\n\r\n    border-left-color: rgba(239,43,45,0.35);\r\n    border-right-color: rgba(0,158,73,0.35);\r\n\r\n    animation: ringRotateReverse 12s linear infinite;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   CONTENU\r\n===================================================== *\/\r\n\r\n.launch-content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 10;\r\n\r\n    text-align: center;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LABEL\r\n===================================================== *\/\r\n\r\n.launch-label {\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        \"Arial\",\r\n        sans-serif;\r\n\r\n    font-size: clamp(14px, 1.5vw, 20px);\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 6px;\r\n\r\n    color: rgba(255,255,255,0.85);\r\n\r\n    margin-bottom: 18px;\r\n\r\n    animation: labelAppear 1s ease forwards;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LIGNE D\u00c9CORATIVE\r\n===================================================== *\/\r\n\r\n.launch-line {\r\n\r\n    width: 90px;\r\n\r\n    height: 2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to right,\r\n            #EF2B2D 0%,\r\n            #FCD116 50%,\r\n            #009E49 100%\r\n        );\r\n\r\n    margin-bottom: 30px;\r\n\r\n    box-shadow:\r\n        0 0 12px rgba(252,209,22,0.35);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   COMPTEUR\r\n===================================================== *\/\r\n\r\n#countdown {\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        \"Arial\",\r\n        sans-serif;\r\n\r\n    font-size: clamp(100px, 18vw, 220px);\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 0.9;\r\n\r\n    letter-spacing: -8px;\r\n\r\n    color: #ffffff;\r\n\r\n    text-align: center;\r\n\r\n    min-width: 250px;\r\n\r\n    text-shadow:\r\n        0 0 20px rgba(255,255,255,0.15),\r\n        0 0 60px rgba(255,255,255,0.08);\r\n\r\n    animation: countdownIdle 1s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ANIMATION DU CHIFFRE\r\n===================================================== *\/\r\n\r\n.countdown-change {\r\n\r\n    animation:\r\n        countdownChange 0.7s cubic-bezier(.2,.8,.2,1);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TEXTE SOUS LE COMPTEUR\r\n===================================================== *\/\r\n\r\n.launch-subtitle {\r\n\r\n    margin-top: 35px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        \"Arial\",\r\n        sans-serif;\r\n\r\n    font-size: clamp(11px, 1.2vw, 16px);\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 5px;\r\n\r\n    color: rgba(255,255,255,0.55);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   \u00c9TAT FINAL : LANCEMENT\r\n===================================================== *\/\r\n\r\n#countdown.launch-final {\r\n\r\n    font-size: clamp(30px, 5vw, 70px);\r\n\r\n    letter-spacing: 3px;\r\n\r\n    color: #ffffff;\r\n\r\n    text-shadow:\r\n        0 0 20px rgba(255,255,255,0.25),\r\n        0 0 50px rgba(252,209,22,0.15);\r\n\r\n    animation:\r\n        finalLaunch 1s ease forwards;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BARRE NATIONALE\r\n===================================================== *\/\r\n\r\n.national-bar {\r\n\r\n    position: absolute;\r\n\r\n    bottom: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 7px;\r\n\r\n    display: flex;\r\n\r\n    z-index: 20;\r\n\r\n}\r\n\r\n\r\n\/* Rouge *\/\r\n\r\n.national-red {\r\n\r\n    width: 33.33%;\r\n\r\n    background: #EF2B2D;\r\n\r\n}\r\n\r\n\r\n\/* Jaune *\/\r\n\r\n.national-yellow {\r\n\r\n    width: 33.33%;\r\n\r\n    background: #FCD116;\r\n\r\n}\r\n\r\n\r\n\/* Vert *\/\r\n\r\n.national-green {\r\n\r\n    width: 33.33%;\r\n\r\n    background: #009E49;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ANIMATIONS\r\n===================================================== *\/\r\n\r\n@keyframes countdownIdle {\r\n\r\n    0% {\r\n\r\n        transform: scale(1);\r\n\r\n        opacity: 1;\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        transform: scale(1.04);\r\n\r\n        opacity: 0.9;\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        transform: scale(1);\r\n\r\n        opacity: 1;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes countdownChange {\r\n\r\n    0% {\r\n\r\n        transform: scale(1.5);\r\n\r\n        opacity: 0;\r\n\r\n        filter: blur(10px);\r\n\r\n    }\r\n\r\n    45% {\r\n\r\n        transform: scale(1);\r\n\r\n        opacity: 1;\r\n\r\n        filter: blur(0);\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        transform: scale(1);\r\n\r\n        opacity: 1;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes finalLaunch {\r\n\r\n    0% {\r\n\r\n        transform: scale(0.7);\r\n\r\n        opacity: 0;\r\n\r\n        letter-spacing: 10px;\r\n\r\n    }\r\n\r\n    60% {\r\n\r\n        transform: scale(1.08);\r\n\r\n        opacity: 1;\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        transform: scale(1);\r\n\r\n        opacity: 1;\r\n\r\n        letter-spacing: 3px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes ringRotate {\r\n\r\n    from {\r\n\r\n        transform:\r\n            translate(-50%, -50%)\r\n            rotate(0deg);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        transform:\r\n            translate(-50%, -50%)\r\n            rotate(360deg);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes ringRotateReverse {\r\n\r\n    from {\r\n\r\n        transform:\r\n            translate(-50%, -50%)\r\n            rotate(360deg);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        transform:\r\n            translate(-50%, -50%)\r\n            rotate(0deg);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes labelAppear {\r\n\r\n    from {\r\n\r\n        opacity: 0;\r\n\r\n        transform: translateY(15px);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform: translateY(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   RESPONSIVE\r\n===================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .launch-label {\r\n\r\n        letter-spacing: 3px;\r\n\r\n    }\r\n\r\n    .launch-line {\r\n\r\n        width: 60px;\r\n\r\n        margin-bottom: 25px;\r\n\r\n    }\r\n\r\n    #countdown {\r\n\r\n        min-width: 180px;\r\n\r\n        letter-spacing: -4px;\r\n\r\n    }\r\n\r\n    .launch-subtitle {\r\n\r\n        letter-spacing: 3px;\r\n\r\n        margin-top: 25px;\r\n\r\n    }\r\n\r\n    .launch-ring-outer {\r\n\r\n        width: 90vw;\r\n        height: 90vw;\r\n\r\n    }\r\n\r\n    .launch-ring-inner {\r\n\r\n        width: 65vw;\r\n        height: 65vw;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\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>C\u00c9R\u00c9MONIE OFFICIELLE LANCEMENT DES PLATEFORMES NUM\u00c9RIQUES 19 AO\u00dbT 2026 Salle de conf\u00e9rences du Minist\u00e8re des Affaires Etrang\u00e8res LANCEMENT DU PORTAIL DE LA DIASPORA LANCEMENT DE E-PROTOCOLE D&rsquo;ETAT LANCEMENT DU SITE WEB OFFICIEL DU MINISTERE LANCEMENT DU SITE WEB DES MDPC LANCEMENT OFFICIEL 3<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-16326","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/diplomatie.gov.bf\/index.php\/wp-json\/wp\/v2\/pages\/16326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diplomatie.gov.bf\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diplomatie.gov.bf\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diplomatie.gov.bf\/index.php\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/diplomatie.gov.bf\/index.php\/wp-json\/wp\/v2\/comments?post=16326"}],"version-history":[{"count":306,"href":"https:\/\/diplomatie.gov.bf\/index.php\/wp-json\/wp\/v2\/pages\/16326\/revisions"}],"predecessor-version":[{"id":16667,"href":"https:\/\/diplomatie.gov.bf\/index.php\/wp-json\/wp\/v2\/pages\/16326\/revisions\/16667"}],"wp:attachment":[{"href":"https:\/\/diplomatie.gov.bf\/index.php\/wp-json\/wp\/v2\/media?parent=16326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}