CEHPI \u2014 Hero<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n <style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --purple: #7746AD;\r\n --purple-light:#a86ee8;\r\n --purple-pale: #c89ef4;\r\n }\r\n\r\n .cehpi-hero-wrap {\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n margin-left: -50vw;\r\n overflow-x: hidden;\r\n padding-top: 20px;\r\n }\r\n\r\n .ch {\r\n position: relative;\r\n width: 100%;\r\n height: 680px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .bg-slide {\r\n position: absolute; inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n opacity: 0;\r\n transform: scale(1.07);\r\n transition:\r\n opacity 1.4s cubic-bezier(.4,0,.2,1),\r\n transform 9s cubic-bezier(.25,.46,.45,.94);\r\n will-change: opacity, transform;\r\n }\r\n .bg-slide.active { opacity: 1; transform: scale(1); }\r\n\r\n .ov-grad {\r\n position: absolute; inset: 0; z-index: 2;\r\n background: rgba(0,0,0,.55);\r\n }\r\n .ov-color {\r\n position: absolute; inset: 0; z-index: 3;\r\n background: radial-gradient(ellipse 55% 65% at 0% 105%, rgba(119,70,173,.22) 0%, transparent 65%);\r\n }\r\n\r\n .pbar {\r\n position: absolute; top: 0; left: 0; z-index: 30;\r\n height: 2px;\r\n background: linear-gradient(90deg, #69B03B, var(--purple-pale));\r\n width: 0%;\r\n transition: width .12s linear;\r\n }\r\n\r\n .content {\r\n position: relative; z-index: 10;\r\n width: 100%; height: 100%;\r\n display: flex; align-items: center;\r\n padding: 0 50px;\r\n }\r\n\r\n .slide {\r\n position: absolute;\r\n width: 80%;\r\n min-width: 0;\r\n opacity: 0;\r\n pointer-events: none;\r\n transform: translateY(22px);\r\n transition: opacity .65s cubic-bezier(.4,0,.2,1), transform .65s cubic-bezier(.22,.61,.36,1);\r\n }\r\n .slide.on { opacity: 1; pointer-events: auto; transform: translateY(0); }\r\n .slide.out { opacity: 0; transform: translateY(-18px); }\r\n\r\n .eyebrow { margin-bottom: 20px; }\r\n .eye-badge {\r\n display: inline-flex; align-items: center; gap: 9px;\r\n background: rgba(105,176,59,.2);\r\n border: 1px solid rgba(105,176,59,.5);\r\n padding: 5px 16px 5px 10px;\r\n border-radius: 100px;\r\n }\r\n .eye-dot {\r\n width: 5px; height: 5px; border-radius: 50%;\r\n background: #78C943;\r\n box-shadow: 0 0 7px rgba(105,176,59,.9);\r\n flex-shrink: 0;\r\n }\r\n .eye-text {\r\n font-family: 'roboto', sans-serif;\r\n font-size: 9.5px; font-weight: 600;\r\n letter-spacing: 2.4px; text-transform: uppercase;\r\n color: #80D647;\r\n }\r\n\r\n .stitle {\r\n font-family: 'Poppins', sans-serif !important;\r\n font-weight: 900; font-size: 60px;\r\n line-height: 1.09; letter-spacing: -1px;\r\n color: #fff; margin-bottom: 26px;\r\n }\r\n .stitle .hl { color: #78C943; font-family: 'Poppins', sans-serif !important; }\r\n\r\n .sdesc {\r\n font-family: 'roboto', sans-serif;\r\n font-size: 22px; font-weight: 500; line-height: 1.5;\r\n color: rgba(255,255,255,.9);\r\n margin-bottom: 38px;\r\n padding-left: 18px;\r\n border-left: 3px solid rgba(142,237,79,.6);\r\n }\r\n\r\n .cta-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }\r\n\r\n .btn-main {\r\n display: inline-flex; align-items: center; gap: 9px;\r\n background: linear-gradient(135deg, #6CB53C 0%, #6CB53C 100%);\r\n color: #fff; font-family: 'Poppins', sans-serif;\r\n font-size: 11.5px; font-weight: 600;\r\n letter-spacing: 1.2px; text-transform: uppercase;\r\n padding: 14px 30px; border-radius: 3px;\r\n border: none; cursor: pointer;\r\n box-shadow: 0 6px 28px rgba(119,70,173,.42);\r\n transition: transform .2s, box-shadow .2s;\r\n text-decoration: none;\r\n }\r\n .btn-main:hover { color: #fff; font-weight: 700; }\r\n .btn-main i { font-size: 15px; }\r\n\r\n .bottom-bar {\r\n position: absolute; z-index: 20;\r\n bottom: 0; left: 0; right: 0;\r\n display: flex; align-items: center;\r\n justify-content: space-between;\r\n padding: 0 88px 32px;\r\n opacity: 0.4;\r\n transition: opacity .3s;\r\n }\r\n .bottom-bar:hover { opacity: 1; }\r\n .dots-wrap { display: flex; align-items: center; gap: 8px; }\r\n .dot {\r\n width: 6px; height: 6px; border-radius: 50%;\r\n background: rgba(255,255,255,.22);\r\n border: none; cursor: pointer;\r\n transition: all .35s; padding: 0;\r\n }\r\n .dot.on { width: 26px; border-radius: 2px; background: #6CB53C; }\r\n\r\n .ch-nav-btns {\r\n position: absolute; z-index: 20;\r\n top: 50%; transform: translateY(-50%);\r\n width: 100%; display: flex;\r\n justify-content: space-between;\r\n padding: 0 20px; pointer-events: none;\r\n }\r\n .ch-nav-btn {\r\n pointer-events: auto;\r\n width: 48px; height: 48px; border-radius: 50%;\r\n background: rgba(255,255,255,.06);\r\n border: 1px solid rgba(255,255,255,.12);\r\n color: rgba(255,255,255,.5);\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer;\r\n transition: background .2s, border-color .2s, color .2s, transform .2s;\r\n }\r\n .ch-nav-btn:hover {\r\n background: rgba(108,181,60,.35);\r\n border-color: rgba(108,181,60,.6);\r\n color: #fff; transform: scale(1.08);\r\n }\r\n .ch-nav-btn i { font-size: 20px; }\r\n\r\n .nav-counter {\r\n position: absolute; top: 28px; right: 46px; z-index: 20;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 10px; font-weight: 500;\r\n color: rgba(255,255,255,.30); letter-spacing: 3px;\r\n }\r\n\r\n \/* textes traduits cach\u00e9s \u2014 utilis\u00e9s par le JS selon la langue *\/\r\n .trp-en { display: none; }\r\n\r\n @media (max-width: 960px) {\r\n .ch { height: 600px; }\r\n .content { padding: 0 44px; }\r\n .slide { width: 76%; }\r\n .stitle { font-size: 38px; }\r\n .sdesc { font-size: 15px; }\r\n .nav-counter { right: 22px; }\r\n .bottom-bar { padding: 0 44px 26px; }\r\n .ch-nav-btn { width: 40px; height: 40px; }\r\n .ch-nav-btn i { font-size: 17px; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .ch { height: auto; min-height: 500px; }\r\n .ov-grad { background: linear-gradient(180deg, rgba(0,0,0,.60) 0%, rgba(0,0,0,.80) 100%); }\r\n .cehpi-hero-wrap { padding-top: 0px; }\r\n .content { padding: 60px 14px 70px; align-items: center; }\r\n .slide { position: relative; width: 100%; display: none; opacity: 1; transform: none; transition: none; }\r\n .slide.on { display: block; }\r\n .slide.out { display: none; }\r\n .stitle { font-size: 27px; letter-spacing: -.3px; margin-bottom: 16px; }\r\n .sdesc { font-size: 13.5px; margin-bottom: 22px; line-height: 1.75; padding-left: 12px; }\r\n .eyebrow { margin-bottom: 14px; }\r\n .cta-row { flex-direction: column; align-items: stretch; gap: 9px; }\r\n .btn-main { justify-content: center; width: 100%; padding: 13px 16px; }\r\n .nav-counter { top: 14px; right: 14px; }\r\n .bottom-bar { padding: 0 14px 16px; }\r\n .ch-nav-btn { width: 36px; height: 36px; }\r\n .ch-nav-btn i { font-size: 15px; }\r\n .ch-nav-btns { padding: 0 8px; top: auto; bottom: 30px; transform: none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"cehpi-hero-wrap\">\r\n<div class=\"ch\" id=\"hero\">\r\n\r\n <div class=\"bg-slide active\" id=\"bg0\" style=\"background-image:url('https:\/\/cehpi.com\/wp-content\/uploads\/2026\/05\/151-1.webp')\"><\/div>\r\n <div class=\"bg-slide\" id=\"bg1\" style=\"background-image:url('https:\/\/cehpi.com\/wp-content\/uploads\/2026\/06\/125326.webp')\"><\/div>\r\n <div class=\"bg-slide\" id=\"bg2\" style=\"background-image:url('https:\/\/cehpi.com\/wp-content\/uploads\/2026\/05\/31028.webp')\"><\/div>\r\n <div class=\"bg-slide\" id=\"bg3\" style=\"background-image:url('https:\/\/cehpi.com\/wp-content\/uploads\/2026\/06\/117802.webp')\"><\/div>\r\n\r\n <div class=\"ov-grad\"><\/div>\r\n <div class=\"ov-color\"><\/div>\r\n <div class=\"pbar\" id=\"pb\"><\/div>\r\n <div class=\"nav-counter\" id=\"cntr\">01 \u2014 04<\/div>\r\n\r\n <div class=\"content\">\r\n\r\n \r\n <div class=\"slide on\" id=\"s0\"\r\n data-eyebrow-fr=\"\u00c9vidences scientifiques de qualit\u00e9\"\r\n data-eyebrow-en=\"High Quality Scientific Evidence\"\r\n data-title-fr=\"Produire des donn\u00e9es <span class='hl'>probantes<\/span>\"\r\n data-title-en=\"Generating <span class='hl'>evidence<\/span>\"\r\n data-desc-fr=\"CEHPI accompagne la production de donn\u00e9es probantes robustes \u00e0 travers des \u00e9tudes, analyses et \u00e9valuations rigoureuses, adapt\u00e9es aux besoins des d\u00e9cideurs en sant\u00e9 publique et pharmaceutique\"\r\n data-desc-en=\"CEHPI supports the production of robust evidence-based data through rigorous studies, analyses and evaluations, tailored to the needs of public health and pharmaceutical decision-makers\"\r\n data-btn-fr=\"Demander une proposition\"\r\n data-btn-en=\"Request a proposal\">\r\n <div class=\"eyebrow\">\r\n <div class=\"eye-badge\">\r\n <div class=\"eye-dot\"><\/div>\r\n <span class=\"eye-text\">\u00c9vidences scientifiques de qualit\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n <h1 class=\"stitle\">Produire des donn\u00e9es <span class=\"hl\">probantes<\/span><\/h1>\r\n <p class=\"sdesc\">CEHPI accompagne la production de donn\u00e9es probantes robustes \u00e0 travers des \u00e9tudes, analyses et \u00e9valuations rigoureuses, adapt\u00e9es aux besoins des d\u00e9cideurs en sant\u00e9 publique et pharmaceutique<\/p>\r\n <div class=\"cta-row\">\r\n <a class=\"btn-main\" href=\"https:\/\/cehpi.com\/demander-une-proposition\/\"><i class=\"ti ti-send\"><\/i> <span class=\"btn-txt\">Demander une proposition<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\" id=\"s1\"\r\n data-eyebrow-fr=\"D\u00e9cisions guid\u00e9es par les \u00e9vidences scientifiques\"\r\n data-eyebrow-en=\"Decisions Guided by Scientific Evidence\"\r\n data-title-fr=\"\u00c9clairer les <span class='hl'>d\u00e9cisions<\/span>\"\r\n data-title-en=\"Informing <span class='hl'>decisions<\/span>\"\r\n data-desc-fr=\"CEHPI transforme les donn\u00e9es complexes en informations claires, interpr\u00e9tables et directement exploitables pour \u00e9clairer les politiques, programmes et d\u00e9cisions strat\u00e9giques en sant\u00e9\"\r\n data-desc-en=\"CEHPI transforms complex data into clear, interpretable and directly actionable information to guide health policies, programmes and strategic decisions\"\r\n data-btn-fr=\"Demander une proposition\"\r\n data-btn-en=\"Request a proposal\">\r\n <div class=\"eyebrow\">\r\n <div class=\"eye-badge\">\r\n <div class=\"eye-dot\"><\/div>\r\n <span class=\"eye-text\">D\u00e9cisions guid\u00e9es par les \u00e9vidences scientifiques<\/span>\r\n <\/div>\r\n <\/div>\r\n <h1 class=\"stitle\">\u00c9clairer les <span class=\"hl\">d\u00e9cisions<\/span><\/h1>\r\n <p class=\"sdesc\">CEHPI transforme les donn\u00e9es complexes en informations claires, interpr\u00e9tables et directement exploitables pour \u00e9clairer les politiques, programmes et d\u00e9cisions strat\u00e9giques en sant\u00e9<\/p>\r\n <div class=\"cta-row\">\r\n <a class=\"btn-main\" href=\"https:\/\/cehpi.com\/demander-une-proposition\/\"><i class=\"ti ti-send\"><\/i> <span class=\"btn-txt\">Demander une proposition<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\" id=\"s2\"\r\n data-eyebrow-fr=\"Renforcement des syst\u00e8mes\"\r\n data-eyebrow-en=\"Strengthening Health Systems\"\r\n data-title-fr=\"Renforcer la performance et <span class='hl'>l'impact des syst\u00e8mes<\/span> de sant\u00e9 publique et pharmaceutiques\"\r\n data-title-en=\"Strengthening the performance and <span class='hl'>impact of public health<\/span> and pharmaceutical systems\"\r\n data-desc-fr=\"CEHPI soutient les institutions dans le d\u00e9veloppement de capacit\u00e9s techniques, organisationnelles et d\u00e9cisionnelles afin d'am\u00e9liorer durablement la performance des syst\u00e8mes de sant\u00e9 publique et pharmaceutiques.\"\r\n data-desc-en=\"CEHPI supports institutions in developing technical, organizational and decision-making capacities to sustainably improve the performance of public health and pharmaceutical systems.\"\r\n data-btn-fr=\"Demander une proposition\"\r\n data-btn-en=\"Request a proposal\">\r\n <div class=\"eyebrow\">\r\n <div class=\"eye-badge\">\r\n <div class=\"eye-dot\"><\/div>\r\n <span class=\"eye-text\">Renforcement des syst\u00e8mes<\/span>\r\n <\/div>\r\n <\/div>\r\n <h1 class=\"stitle\">Renforcer la performance et <span class=\"hl\">l'impact des syst\u00e8mes<\/span> de sant\u00e9 publique et pharmaceutiques<\/h1>\r\n <p class=\"sdesc\">CEHPI soutient les institutions dans le d\u00e9veloppement de capacit\u00e9s techniques, organisationnelles et d\u00e9cisionnelles afin d'am\u00e9liorer durablement la performance des syst\u00e8mes de sant\u00e9 publique et pharmaceutiques.<\/p>\r\n <div class=\"cta-row\">\r\n <a class=\"btn-main\" href=\"https:\/\/cehpi.com\/demander-une-proposition\/\"><i class=\"ti ti-send\"><\/i> <span class=\"btn-txt\">Demander une proposition<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\" id=\"s3\"\r\n data-eyebrow-fr=\"Une perspective 360\u00b0 de la science d\u00e9cisionnelle en sant\u00e9 publique\"\r\n data-eyebrow-en=\"A 360\u00b0 Perspective on Decision Science in Public Health\"\r\n data-title-fr=\"Une approche <span class='hl'>holistique<\/span>\"\r\n data-title-en=\"A <span class='hl'>Holistic<\/span> approach\"\r\n data-desc-fr=\"CEHPI allie recherche appliqu\u00e9e, \u00e9valuation, acad\u00e9mie professionnelle et conseils sp\u00e9cialis\u00e9s pour accompagner l'ensemble du cycle de production, d'analyse et d'utilisation des donn\u00e9es probantes\"\r\n data-desc-en=\"CEHPI combines applied research, evaluation, professional academy and specialized advisory services to support the entire cycle of production, analysis and use of evidence-based data\"\r\n data-btn-fr=\"Demander une proposition\"\r\n data-btn-en=\"Request a proposal\">\r\n <div class=\"eyebrow\">\r\n <div class=\"eye-badge\">\r\n <div class=\"eye-dot\"><\/div>\r\n <span class=\"eye-text\">Une perspective 360\u00b0 de la science d\u00e9cisionnelle en sant\u00e9 publique<\/span>\r\n <\/div>\r\n <\/div>\r\n <h1 class=\"stitle\">Une approche <span class=\"hl\">holistique<\/span><\/h1>\r\n <p class=\"sdesc\">CEHPI allie recherche appliqu\u00e9e, \u00e9valuation, acad\u00e9mie professionnelle et conseils sp\u00e9cialis\u00e9s pour accompagner l'ensemble du cycle de production, d'analyse et d'utilisation des donn\u00e9es probantes<\/p>\r\n <div class=\"cta-row\">\r\n <a class=\"btn-main\" href=\"https:\/\/cehpi.com\/demander-une-proposition\/\"><i class=\"ti ti-send\"><\/i> <span class=\"btn-txt\">Demander une proposition<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"ch-nav-btns\">\r\n <button class=\"ch-nav-btn\" id=\"ch-prev\" aria-label=\"Pr\u00e9c\u00e9dent\"><i class=\"ti ti-chevron-left\"><\/i><\/button>\r\n <button class=\"ch-nav-btn\" id=\"ch-next\" aria-label=\"Suivant\"><i class=\"ti ti-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n\r\n <div class=\"bottom-bar\">\r\n <div class=\"dots-wrap\">\r\n <button class=\"dot on\" data-i=\"0\"><\/button>\r\n <button class=\"dot\" data-i=\"1\"><\/button>\r\n <button class=\"dot\" data-i=\"2\"><\/button>\r\n <button class=\"dot\" data-i=\"3\"><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n var SLIDES = document.querySelectorAll('.slide');\r\n var DOTS = document.querySelectorAll('.dot');\r\n var BGS = document.querySelectorAll('.bg-slide');\r\n var PB = document.getElementById('pb');\r\n var CTR = document.getElementById('cntr');\r\n var N = SLIDES.length;\r\n var DUR = 13000;\r\n var current = 0;\r\n var progressVal = 0;\r\n var progressInterval, autoTimer;\r\n var paused = false;\r\n\r\n \/* \u2500\u2500 D\u00e9tection de la langue active (TranslatePress) \u2500\u2500 *\/\r\n function getLang() {\r\n var html = document.documentElement;\r\n var lang = html.getAttribute('lang') || 'fr';\r\n return lang.substring(0, 2).toLowerCase();\r\n }\r\n\r\n \/* \u2500\u2500 Mise \u00e0 jour du contenu d'un slide selon la langue \u2500\u2500 *\/\r\n function applyLang(slide) {\r\n var lang = getLang();\r\n var suffix = (lang === 'en') ? '-en' : '-fr';\r\n\r\n var eyebrow = slide.getAttribute('data-eyebrow' + suffix);\r\n var title = slide.getAttribute('data-title' + suffix);\r\n var desc = slide.getAttribute('data-desc' + suffix);\r\n var btn = slide.getAttribute('data-btn' + suffix);\r\n\r\n if (eyebrow) slide.querySelector('.eye-text').textContent = eyebrow;\r\n if (title) slide.querySelector('.stitle').innerHTML = title;\r\n if (desc) slide.querySelector('.sdesc').textContent = desc;\r\n if (btn) slide.querySelector('.btn-txt').textContent = btn;\r\n }\r\n\r\n \/* Applique la langue \u00e0 tous les slides au chargement *\/\r\n SLIDES.forEach(function(s) { applyLang(s); });\r\n\r\n function go(next, manual) {\r\n if (!manual && paused) return;\r\n next = (next + N) % N;\r\n var prev = current;\r\n current = next;\r\n\r\n SLIDES[prev].classList.remove('on');\r\n SLIDES[prev].classList.add('out');\r\n SLIDES[current].classList.add('on');\r\n\r\n var cleaned = false;\r\n function cleanup() {\r\n if (cleaned) return;\r\n cleaned = true;\r\n SLIDES[prev].classList.remove('out');\r\n }\r\n SLIDES[prev].addEventListener('transitionend', cleanup, { once: true });\r\n setTimeout(cleanup, 700);\r\n\r\n BGS[prev].classList.remove('active');\r\n BGS[current].classList.add('active');\r\n\r\n DOTS.forEach(function(d){ d.classList.remove('on'); });\r\n DOTS[current].classList.add('on');\r\n\r\n CTR.textContent = String(current + 1).padStart(2,'0') + ' \u2014 ' + String(N).padStart(2,'0');\r\n\r\n if (!paused) resetProgress();\r\n }\r\n\r\n function resetProgress() {\r\n clearInterval(progressInterval);\r\n clearTimeout(autoTimer);\r\n progressVal = 0;\r\n PB.style.transition = 'none';\r\n PB.style.width = '0%';\r\n requestAnimationFrame(function() {\r\n requestAnimationFrame(function() {\r\n PB.style.transition = 'width .12s linear';\r\n progressInterval = setInterval(function() {\r\n progressVal += (100 \/ DUR) * 120;\r\n if (progressVal > 100) progressVal = 100;\r\n PB.style.width = progressVal + '%';\r\n }, 120);\r\n autoTimer = setTimeout(function() { go(current + 1); }, DUR);\r\n });\r\n });\r\n }\r\n\r\n document.getElementById('ch-prev').addEventListener('click', function() {\r\n paused = true;\r\n clearInterval(progressInterval);\r\n clearTimeout(autoTimer);\r\n PB.style.width = '0%';\r\n go(current - 1, true);\r\n });\r\n\r\n document.getElementById('ch-next').addEventListener('click', function() {\r\n paused = true;\r\n clearInterval(progressInterval);\r\n clearTimeout(autoTimer);\r\n PB.style.width = '0%';\r\n go(current + 1, true);\r\n });\r\n\r\n document.getElementById('hero').addEventListener('mouseleave', function() {\r\n if (paused) { paused = false; resetProgress(); }\r\n });\r\n\r\n document.addEventListener('touchstart', function(e) {\r\n if (paused &&\r\n !document.getElementById('ch-prev').contains(e.target) &&\r\n !document.getElementById('ch-next').contains(e.target) &&\r\n !document.getElementById('hero').contains(e.target)) {\r\n paused = false;\r\n resetProgress();\r\n }\r\n }, { passive: true });\r\n\r\n document.addEventListener('scroll', function() {\r\n if (paused) { paused = false; resetProgress(); }\r\n }, { passive: true });\r\n\r\n DOTS.forEach(function(d) {\r\n d.addEventListener('click', function() {\r\n go(parseInt(d.getAttribute('data-i')));\r\n });\r\n });\r\n\r\n resetProgress();\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-f38dff9 e-flex e-con-boxed e-con e-parent \" data-id=\"f38dff9\" data-element_type=\"container\" data-e-type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-a99e78a elementor-widget elementor-widget-html\" data-id=\"a99e78a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800;900&family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n\r\n<style>\r\n.cab4 {\r\n --p: #7746AD;\r\n --p-mid: #a86ee8;\r\n --p-pale: #c89ef4;\r\n --p-bg: #f3eeff;\r\n --p-glow: rgba(119,70,173,.13);\r\n --g: #4FA633;\r\n --g-mid: #6dc44d;\r\n --g-pale: #a8e08d;\r\n --g-bg: #f0fae9;\r\n --g-glow: rgba(79,166,51,.12);\r\n --ink: #0c0c18;\r\n --ink2: #36364a;\r\n --ink3: #80809a;\r\n --bg: #ffffff;\r\n --bg2: #f8f7fc;\r\n --bd: #e8e3f2;\r\n}\r\nbody{font-family: 'Roboto', sans-serif;}\r\nh1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif !important; }\r\np, li, span, div { font-family: 'Roboto', sans-serif !important; }\r\n.cab4 *, .cab4 *::before, .cab4 *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n\/* \u2500\u2500 langue \u2500\u2500 *\/\r\n.lang-en { display: none !important; }\r\n.lang-fr { display: block; }\r\nhtml[lang^=\"en\"] .lang-en { display: block !important; }\r\nhtml[lang^=\"en\"] .lang-fr { display: none !important; }\r\n\/* inline elements *\/\r\nspan.lang-en { display: none !important; }\r\nspan.lang-fr { display: inline; }\r\nhtml[lang^=\"en\"] span.lang-en { display: inline !important; }\r\nhtml[lang^=\"en\"] span.lang-fr { display: none !important; }\r\n\r\n.cab4 {\r\n background-color: var(--bg);\r\n background-image: radial-gradient(circle, #d8cff0 1px, transparent 1px);\r\n background-size: 28px 28px;\r\n width: 100%; overflow: hidden; position: relative;\r\n}\r\n.cab4::before, .cab4::after {\r\n content: ''; position: absolute; left: 0; right: 0;\r\n height: 100px; z-index: 1; pointer-events: none;\r\n}\r\n.cab4::before { top: 0; background: linear-gradient(to bottom, #fff, transparent); }\r\n.cab4::after { bottom: 0; background: linear-gradient(to top, #fff, transparent); }\r\n\r\n.cab4-inner {\r\n position: relative; z-index: 2;\r\n max-width: 1500px; margin: 0 auto;\r\n padding: 100px 48px 110px;\r\n}\r\n.cab4-header { margin-bottom: 56px; }\r\n.cab4-label { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; }\r\n.cab4-label-bar { width: 28px; height: 2px; background: var(--p); border-radius: 2px; }\r\n.cab4-label-txt {\r\n font-size: 15px; font-weight: 600;\r\n letter-spacing: 2.8px; text-transform: uppercase; color: var(--p);\r\n}\r\n.cab4-headline {\r\n font-family: 'Poppins', Sans-Serif !important;\r\n font-weight: 900 !important; font-size: 50px;\r\n line-height: 1.07; letter-spacing: -1.3px;\r\n color: var(--ink); max-width: 1000px;\r\n}\r\n.cab4-headline .hl {\r\n color: var(--p); position: relative; display: inline-block;\r\n font-family: 'Poppins', sans-serif !important; font-weight: 900 !important;\r\n}\r\n.cab4-headline .hl::after {\r\n content: ''; position: absolute;\r\n border-radius: 2px; transform: scaleX(0); transform-origin: left;\r\n transition: transform .65s cubic-bezier(.4,0,.2,1) .5s;\r\n}\r\n.cab4-headline .hl.is-visible::after { transform: scaleX(1); }\r\n\r\n.cab4-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n grid-template-rows: 1fr auto;\r\n gap: 20px;\r\n}\r\n.cab4-card { border-radius: 20px; overflow: hidden; position: relative; }\r\n\r\n.cab4-card--photo {\r\n grid-row: 1 \/ 3; min-height: 540px;\r\n background-image: url('https:\/\/cehpi.com\/wp-content\/uploads\/2026\/05\/2148776150.jpg');\r\n background-size: cover; background-position: center 20%;\r\n display: flex; flex-direction: column; justify-content: flex-end;\r\n box-shadow: 0 20px 56px rgba(119,70,173,.16), 0 4px 12px rgba(0,0,0,.07);\r\n}\r\n.cab4-card--photo::before {\r\n content: ''; position: absolute; inset: 0; z-index: 1;\r\n background: linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.08) 38%,rgba(10,8,26,.76) 72%,rgba(10,8,26,.93) 100%);\r\n}\r\n.cab4-card--photo::after {\r\n content: ''; position: absolute; inset: 0; z-index: 1;\r\n background:\r\n radial-gradient(ellipse 55% 40% at 0% 100%, rgba(119,70,173,.30) 0%, transparent 60%),\r\n radial-gradient(ellipse 40% 30% at 100% 100%, rgba(79,166,51,.18) 0%, transparent 60%);\r\n}\r\n.cab4-photo-body { position: relative; z-index: 2; padding: 36px 36px 42px; }\r\n.cab4-badge {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: rgba(119,70,173,.7); border: 1px solid rgba(168,110,232,.60);\r\n backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\r\n padding: 5px 14px 5px 9px; border-radius: 100px;\r\n margin-bottom: 22px; color: white; font-weight: bold;\r\n}\r\n.cab4-badge-dot {\r\n width: 5px; height: 5px; border-radius: 50%;\r\n background: var(--p-pale); box-shadow: 0 0 8px rgba(200,158,244,.95);\r\n}\r\n.cab4-badge-txt { font-size: 9.5px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }\r\n.cab4-quote {\r\n font-family: 'Lora', serif; font-size: 19px;\r\n line-height: 1.68; font-weight: bold; color: rgba(255,255,255,.92);\r\n border-left: 3px solid var(--p-pale); padding-left: 18px; margin-bottom: 18px;\r\n}\r\n.cab4-cite {\r\n font-family: 'Poppins', sans-serif; font-style: normal;\r\n font-size: 10px; font-weight: 900; letter-spacing: 1.8px;\r\n text-transform: uppercase; color: #7ACC44;\r\n}\r\n\r\n.cab4-card--text {\r\n background: var(--bg); border: 1px solid var(--bd);\r\n padding: 42px 42px 46px;\r\n display: flex; flex-direction: column; justify-content: space-between; gap: 28px;\r\n box-shadow: 0 4px 20px rgba(119,70,173,.06);\r\n}\r\n.cab4-card--text p { text-align: justify !important; }\r\n.cab4-intro-text {\r\n font-size: 18px !important; font-weight: 700 !important; line-height: 1.75;\r\n color: #2e7a18; background: var(--g-bg);\r\n border-left: 3px solid var(--g); border-radius: 0 8px 8px 0;\r\n padding: 14px 18px; margin-bottom: 6px;\r\n}\r\n.cab4-tag { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }\r\n.cab4-tag-num { font-size: 11px; font-weight: 700; color: var(--p-mid); letter-spacing: .5px; }\r\n.cab4-tag-line { flex: 1; height: 1px; background: var(--bd); max-width: 24px; }\r\n.cab4-tag-lbl { font-size: 10px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--ink3); }\r\n.cab4-card--text p { font-weight: 300; line-height: 1.92; color: var(--ink2); }\r\n.cab4-card--text p + p { margin-top: 16px; }\r\n.cab4-card--text p strong { font-weight: 600; color: var(--ink); }\r\n.cab4-card--text p { font-weight: 400 !important; }\r\n.cab4-btn {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n background: var(--p); color: #fff;\r\n font-size: 11.5px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase;\r\n padding: 14px 32px; border-radius: 6px; border: none; cursor: pointer; text-decoration: none;\r\n box-shadow: 0 6px 24px rgba(119,70,173,.30);\r\n transition: background .2s, transform .2s, box-shadow .2s;\r\n align-self: flex-start; white-space: nowrap;\r\n}\r\n.cab4-btn:hover { background: #6234a0; transform: translateY(-2px); color: #fff; box-shadow: 0 12px 32px rgba(119,70,173,.42); }\r\n.cab4-btn i { font-size: 16px; }\r\n\r\n.cab4-reveal {\r\n opacity: 0; transform: translateY(26px);\r\n transition: opacity .75s cubic-bezier(.4,0,.2,1), transform .75s cubic-bezier(.4,0,.2,1);\r\n}\r\n.cab4-reveal.is-vis { opacity: 1; transform: none; }\r\n.cab4-d1 { transition-delay: .05s; }\r\n.cab4-d2 { transition-delay: .18s; }\r\n.cab4-d3 { transition-delay: .30s; }\r\n.cab4-d4 { transition-delay: .42s; }\r\n.cab4-d5 { transition-delay: .54s; }\r\n\r\n@media (max-width: 960px) {\r\n .cab4-inner { padding: 30px 15px 30px; }\r\n .cab4-headline { font-size: 40px; }\r\n .cab4-header { margin-bottom: 44px; }\r\n .cab4-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 16px; }\r\n .cab4-card--photo { grid-column: 1 \/ 3; grid-row: 1; min-height: 340px; }\r\n .cab4-card--text { grid-column: 1; grid-row: 2; }\r\n .cab4-card--stats { grid-column: 2; grid-row: 2; }\r\n .cab4-card--text p { text-align: left !important; margin-bottom: 8px !important; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .cab4-inner { padding: 30px 4px 30px; }\r\n .cab4-label-txt { font-size: 10px !important; }\r\n .cab4-headline { font-size: 22px; letter-spacing: -.6px; max-width: 100%; line-height: 30px; }\r\n .cab4-header { margin-bottom: 32px; }\r\n .cab4-grid { grid-template-columns: 1fr; grid-template-rows: auto; gap: 14px; }\r\n .cab4-card--photo { grid-column: 1; grid-row: auto; min-height: 280px; border-radius: 16px; }\r\n .cab4-card--text { grid-column: 1; grid-row: auto; }\r\n .cab4-card--stats { grid-column: 1; grid-row: auto; }\r\n .cab4-photo-body { padding: 20px 18px 26px; }\r\n .cab4-quote { font-size: 15px; padding-left: 14px; }\r\n .cab4-cite { font-size: 9.5px; }\r\n .cab4-card--text { padding: 24px 18px 28px; gap: 20px; border-radius: 16px; }\r\n .cab4-intro-text { font-size: 14px !important; padding: 12px 15px; font-weight: 700 !important; }\r\n .cab4-card--text p { font-size: 14.5px; line-height: 1.85; }\r\n .cab4-btn { width: 100%; justify-content: center; }\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"cab4\" id=\"cehpi-about\">\r\n <div class=\"cab4-inner\">\r\n\r\n \r\n <div class=\"cab4-header cab4-reveal cab4-d1\">\r\n <div class=\"cab4-label\">\r\n <div class=\"cab4-label-bar\"><\/div>\r\n <span class=\"cab4-label-txt lang-fr\">Qui sommes-nous<\/span>\r\n <span class=\"cab4-label-txt lang-en\">About Us<\/span>\r\n <\/div>\r\n <h2 class=\"cab4-headline lang-fr\">Un partenaire strat\u00e9gique de <span class=\"hl\">confiance<\/span> dot\u00e9 d'un r\u00e9seau international<\/h2>\r\n <h2 class=\"cab4-headline lang-en\">A <span class=\"hl\">strategic partner<\/span> within an international network<\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"cab4-grid\">\r\n\r\n \r\n <div class=\"cab4-card cab4-card--photo cab4-reveal cab4-d2\">\r\n <div class=\"cab4-photo-body\">\r\n <div class=\"cab4-badge\">\r\n <div class=\"cab4-badge-dot\"><\/div>\r\n <span class=\"cab4-badge-txt lang-fr\">L'\u00e9quipe CEHPI<\/span>\r\n <span class=\"cab4-badge-txt lang-en\">The CEHPI Team<\/span>\r\n <\/div>\r\n <p class=\"cab4-quote lang-fr\">Mettre l'excellence scientifique africaine au service des syst\u00e8mes de sant\u00e9 publique et pharmaceutiques.<\/p>\r\n <p class=\"cab4-quote lang-en\">Harnessing African scientific excellence to benefit public health and pharmaceutical systems.<\/p>\r\n <span class=\"cab4-cite lang-fr\">\u2014 Centre d'Expertise en Intelligence Sanitaire et Pharmaceutique<\/span>\r\n <span class=\"cab4-cite lang-en\">\u2014 Center for Expertise in Health and Pharmaceutical Intelligence<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cab4-card cab4-card--text cab4-reveal cab4-d3\">\r\n <div>\r\n\r\n \r\n <p class=\"cab4-intro-text lang-fr\">Le Center for Expertise in Health and Pharmaceutical Intelligence (CEHPI) ou Centre d'Expertise en Intelligence Sanitaire et Pharmaceutique, est un centre d'expertise international bas\u00e9 \u00e0 Ouagadougou, Burkina Faso, sp\u00e9cialis\u00e9 dans l'accompagnement des d\u00e9cideurs en sant\u00e9 publique.<\/p>\r\n <p class=\"cab4-intro-text lang-en\">The Center for Expertise in Health and Pharmaceutical Intelligence (CEHPI) is an international center of expertise based in Ouagadougou, Burkina Faso, specializing in supporting public health decision-makers.<\/p>\r\n\r\n \r\n <div class=\"cab4-tag\">\r\n <span class=\"cab4-tag-num\">01<\/span>\r\n <div class=\"cab4-tag-line\"><\/div>\r\n <span class=\"cab4-tag-lbl lang-fr\">Notre identit\u00e9<\/span>\r\n <span class=\"cab4-tag-lbl lang-en\">Our Identity<\/span>\r\n <\/div>\r\n\r\n \r\n <p class=\"lang-fr\">CEHPI est un centre <strong>d'expertise<\/strong> sp\u00e9cialis\u00e9 dans le renforcement des <strong>capacit\u00e9s<\/strong> de production, d'analyse et d'utilisation des donn\u00e9es <strong>probantes<\/strong> dans les syst\u00e8mes de sant\u00e9 publique et pharmaceutiques.<\/p>\r\n <p class=\"lang-en\">CEHPI is a center of <strong>expertise<\/strong> specializing in strengthening <strong>capacity<\/strong> for the generation, analysis, and use of <strong>evidence<\/strong> in public health and pharmaceutical systems.<\/p>\r\n\r\n \r\n <p class=\"lang-fr\">Nous intervenons \u00e0 l'interface de plusieurs <strong>disciplines cl\u00e9s<\/strong> \u2014 notamment l'\u00e9pid\u00e9miologie, la science r\u00e9glementaire, l'\u00e9conomie de la sant\u00e9 et l'intelligence pharmaceutique \u2014 afin de <strong>transformer<\/strong> des donn\u00e9es complexes en informations strat\u00e9giques directement utilisables pour la <strong>prise de d\u00e9cision<\/strong>.<\/p>\r\n <p class=\"lang-en\">We operate at the intersection of several <strong>key disciplines<\/strong>\u2014including epidemiology, regulatory science, health economics, and pharmaceutical intelligence\u2014to <strong>transform<\/strong> complex data into strategic insights that can be directly applied to <strong>decision-making<\/strong>.<\/p>\r\n\r\n \r\n <p class=\"lang-fr\">Fond\u00e9 par le <strong>Dr Lassan\u00e9 Kabor\u00e9<\/strong> \u2014 fort de pr\u00e8s de <strong>20 ans d'exp\u00e9rience<\/strong> au sein du Minist\u00e8re de la Sant\u00e9 du Burkina Faso, de l'AMP, PATH et Gavi \u2014 CEHPI incarne une vision ambitieuse au croisement de la science et de la politique de sant\u00e9.<\/p>\r\n <p class=\"lang-en\">Founded by <strong>Dr. Lassan\u00e9 Kabor\u00e9<\/strong>\u2014who brings nearly <strong>20 years of experience<\/strong> from the Ministry of Health of Burkina Faso, AMP, PATH, and Gavi\u2014CEHPI embodies an ambitious vision at the intersection of science and health policy.<\/p>\r\n\r\n <\/div>\r\n\r\n <a href=\"https:\/\/cehpi.com\/a-propos-de-cehpi\/\" class=\"cab4-btn\">\r\n <i class=\"ti ti-arrow-right\"><\/i>\r\n <span class=\"lang-fr\">En savoir plus<\/span>\r\n <span class=\"lang-en\">Learn more<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div style=\"display:none !important\" class=\"cab4-card cab4-card--stats cab4-reveal cab4-d4\">\r\n <div class=\"cab4-stat\">\r\n <span class=\"cab4-stat-num lang-fr\">Rigueur<\/span>\r\n <span class=\"cab4-stat-num lang-en\">Rigour<\/span>\r\n <span class=\"cab4-stat-label lang-fr\">scientifique<\/span>\r\n <span class=\"cab4-stat-label lang-en\">scientific<\/span>\r\n <\/div>\r\n <div class=\"cab4-stat\">\r\n <span class=\"cab4-stat-num lang-fr\">Pertinence<\/span>\r\n <span class=\"cab4-stat-num lang-en\">Relevance<\/span>\r\n <span class=\"cab4-stat-label lang-fr\">contextuelle<\/span>\r\n <span class=\"cab4-stat-label lang-en\">contextual<\/span>\r\n <\/div>\r\n <div class=\"cab4-stat\">\r\n <span class=\"cab4-stat-num lang-fr\">Impact<\/span>\r\n <span class=\"cab4-stat-num lang-en\">Impact<\/span>\r\n <span class=\"cab4-stat-label lang-fr\">mesurable<\/span>\r\n <span class=\"cab4-stat-label lang-en\">measurable<\/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(function () {\r\n var items = document.querySelectorAll('.cab4-reveal');\r\n var hl = document.querySelector('.cab4-headline .hl');\r\n\r\n if (!('IntersectionObserver' in window)) {\r\n items.forEach(function(el){ el.classList.add('is-vis'); });\r\n if (hl) hl.classList.add('is-visible');\r\n return;\r\n }\r\n\r\n var io = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('is-vis');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.10 });\r\n items.forEach(function (el) { io.observe(el); });\r\n\r\n if (hl) {\r\n var hlObs = new IntersectionObserver(function (entries) {\r\n if (entries[0].isIntersecting) {\r\n hl.classList.add('is-visible');\r\n hlObs.disconnect();\r\n }\r\n }, { threshold: 0.5 });\r\n var header = document.querySelector('.cab4-header');\r\n if (header) hlObs.observe(header);\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-7b8d420 e-con-full e-flex e-con e-parent \" data-id=\"7b8d420\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-e99d278 elementor-widget elementor-widget-html\" data-id=\"e99d278\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@700;800;900&family=DM+Sans:wght@300;400;500;600&display=swap\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n VARIABLES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv {\r\n --p: #7746AD;\r\n --p-mid: #a86ee8;\r\n --p-pale: #c89ef4;\r\n --p-bg: #f3eeff;\r\n --p-glow: rgba(119,70,173,.13);\r\n\r\n --g: #4FA633;\r\n --g-mid: #6dc44d;\r\n --g-pale: #a8e08d;\r\n --g-bg: #f0fae9;\r\n --g-glow: rgba(79,166,51,.12);\r\n\r\n --ink: #0c0c18;\r\n --ink2: #36364a;\r\n --ink3: #80809a;\r\n --bg: #f8f7fc;\r\n --card-bg: #ffffff;\r\n --bd: #e8e3f2;\r\n}\r\n\r\n.csrv *, .csrv *::before, .csrv *::after {\r\n box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION SHELL \u2014 fond l\u00e9g\u00e8rement teint\u00e9\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv {\r\n background: var(--bg);\r\n width: 100%;\r\n overflow: hidden;\r\n font-family: 'Poppins', sans-serif;\r\n position: relative;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n INNER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv-inner {\r\n max-width: 1500px;\r\n margin: 0 auto;\r\n padding: 100px 48px 110px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HEADER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv-header { margin-bottom: 64px; }\r\n\r\n.csrv-label {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n margin-bottom: 18px;\r\n}\r\n.csrv-label-bar { width: 28px; height: 2px; background: var(--g); border-radius: 2px; }\r\n.csrv-label-txt {\r\n font-size: 13px; font-weight: 600;\r\n letter-spacing: 2.8px; text-transform: uppercase;\r\n color: var(--g);\r\n}\r\n\r\n.csrv-headline {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 900; font-size: 48px;\r\n line-height: 1.07; letter-spacing: -1.2px;\r\n color: var(--ink);\r\n margin-bottom: 18px;\r\n}\r\n.csrv-headline .hl { color: var(--p); font-family:'Poppins', sans-serif !important }\r\n\r\n.csrv-sub {\r\n font-size: 20px; font-weight: 500;\r\n line-height: 1.75; color: var(--ink3);\r\n max-width: 650px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n GRILLE 4 CARTES \u2014 2 \u00d7 2\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CARTE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv-card {\r\n background: var(--card-bg);\r\n border: 1px solid var(--bd);\r\n border-radius: 20px;\r\n padding: 40px 40px 44px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform .25s cubic-bezier(.4,0,.2,1),\r\n box-shadow .25s cubic-bezier(.4,0,.2,1),\r\n border-color .25s;\r\n}\r\n.csrv-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 48px rgba(119,70,173,.12);\r\n border-color: var(--p-pale);\r\n}\r\n\r\n\/* Ligne d\u00e9corative en haut de la carte *\/\r\n.csrv-card::before {\r\n content: '';\r\n position: absolute; top: 0; left: 0; right: 0;\r\n height: 3px;\r\n border-radius: 20px 20px 0 0;\r\n opacity: 0;\r\n transition: opacity .25s;\r\n}\r\n.csrv-card:hover::before { opacity: 1; }\r\n\r\n\/* Cartes violettes (1 & 3) *\/\r\n.csrv-card--p::before { background: linear-gradient(90deg, var(--p), var(--p-pale)); }\r\n.csrv-card--p:hover { border-color: var(--p-pale); box-shadow: 0 16px 48px var(--p-glow); }\r\n\r\n\/* Cartes vertes (2 & 4) *\/\r\n.csrv-card--g::before { background: linear-gradient(90deg, var(--g), var(--g-pale)); }\r\n.csrv-card--g:hover { border-color: var(--g-pale); box-shadow: 0 16px 48px var(--g-glow); }\r\n\r\n\/* Num\u00e9ro en filigrane *\/\r\n.csrv-card-num {\r\n position: absolute; top: 28px; right: 32px;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 64px; font-weight: 900;\r\n line-height: 1;\r\n letter-spacing: -3px;\r\n opacity: .055;\r\n color: var(--ink);\r\n user-select: none; pointer-events: none;\r\n}\r\n\r\n\/* \u2500\u2500 Ic\u00f4ne \u2500\u2500 *\/\r\n.csrv-icon-wrap {\r\n width: 52px; height: 52px;\r\n border-radius: 14px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.csrv-card--p .csrv-icon-wrap { background: var(--p-bg); }\r\n.csrv-card--g .csrv-icon-wrap { background: var(--g-bg); }\r\n\r\n.csrv-icon-wrap i {\r\n font-size: 24px;\r\n}\r\n.csrv-card--p .csrv-icon-wrap i { color: var(--p); }\r\n.csrv-card--g .csrv-icon-wrap i { color: var(--g); }\r\n\r\n\/* \u2500\u2500 Corps \u2500\u2500 *\/\r\n.csrv-card-body { display: flex; flex-direction: column; gap: 12px; flex: 1; }\r\n\r\n.csrv-card-title {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 800; font-size: 25px;\r\n line-height: 1.2; letter-spacing: -.3px;\r\n color: var(--ink);\r\n}\r\n\r\n.csrv-card-text {\r\n font-size: 18px; font-weight: 400;\r\n line-height: 1.85; color: var(--ink2);\r\n flex: 1;\r\n}\r\n\r\n\/* \u2500\u2500 Lien \"En savoir plus\" \u2500\u2500 *\/\r\n.csrv-card-link {\r\n display: inline-flex; align-items: center; gap: 7px;\r\n font-size: 11.5px; font-weight: 600;\r\n letter-spacing: 1px; text-transform: uppercase;\r\n text-decoration: none;\r\n margin-top: 8px;\r\n transition: gap .2s;\r\n}\r\n.csrv-card--p .csrv-card-link { color: var(--p); }\r\n.csrv-card--g .csrv-card-link { color: var(--g); }\r\n.csrv-card-link:hover { gap: 12px; }\r\n.csrv-card-link i { font-size: 15px; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BANDEAU BAS \u2014 CTA global\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv-cta {\r\n margin-top: 56px;\r\n background: #7543AB;\r\n border-radius: 20px;\r\n padding: 44px 52px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 32px;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 16px 48px rgba(119,70,173,.22);\r\n}\r\n\/* Cercles d\u00e9co *\/\r\n.csrv-cta::before {\r\n content: '';\r\n position: absolute; top: -60px; right: -60px;\r\n width: 220px; height: 220px; border-radius: 50%;\r\n background: rgba(255,255,255,.06); pointer-events: none;\r\n}\r\n.csrv-cta::after {\r\n content: '';\r\n position: absolute; bottom: -80px; left: 40px;\r\n width: 180px; height: 180px; border-radius: 50%;\r\n background: rgba(255,255,255,.04); pointer-events: none;\r\n}\r\n\r\n.csrv-cta-left { position: relative; z-index: 1; }\r\n.csrv-cta-title {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 900; font-size: 35px;\r\n line-height: 1.2; letter-spacing: -.5px;\r\n color: #fff;\r\n margin-bottom: 8px;\r\n}\r\n.csrv-cta-sub {\r\n font-size: 18px; font-weight: 300;\r\n color: rgba(255,255,255,.72);\r\n line-height: 1.6;\r\n max-width: 500px;\r\n}\r\n\r\n.csrv-cta-btn {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n background: #fff;\r\n color: var(--p);\r\n font-size: 16px; font-weight: 700;\r\n letter-spacing: 1px; text-transform: uppercase;\r\n padding: 15px 32px; border-radius: 8px;\r\n border: none; cursor: pointer; text-decoration: none;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n position: relative; z-index: 1;\r\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\r\n transition: transform .2s, box-shadow .2s, color .2s;\r\n}\r\n.csrv-cta-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(0,0,0,.20);\r\n color: var(--g);\r\n}\r\n.csrv-cta-btn i { font-size: 16px; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SCROLL REVEAL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv-reveal {\r\n opacity: 0;\r\n transform: translateY(26px);\r\n transition: opacity .7s cubic-bezier(.4,0,.2,1),\r\n transform .7s cubic-bezier(.4,0,.2,1);\r\n}\r\n.csrv-reveal.is-vis { opacity: 1; transform: none; }\r\n.csrv-d1 { transition-delay: .05s; }\r\n.csrv-d2 { transition-delay: .15s; }\r\n.csrv-d3 { transition-delay: .25s; }\r\n.csrv-d4 { transition-delay: .35s; }\r\n.csrv-d5 { transition-delay: .45s; }\r\n.csrv-d6 { transition-delay: .55s; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TABLET \u2264 900px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n .csrv-inner { padding: 72px 28px 80px; }\r\n .csrv-headline { font-size: 38px; }\r\n .csrv-grid { gap: 16px; }\r\n .csrv-card { padding: 32px 30px 36px; }\r\n .csrv-cta { flex-direction: column; align-items: flex-start; padding: 36px 36px; }\r\n .csrv-cta-btn { width: 100%; justify-content: center; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE \u2264 600px\r\n padding-x max 6px, padding-top 15px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 600px) {\r\n .csrv-label-txt {font-size: 10px}\r\n .csrv-inner { padding: 15px 6px 48px; }\r\n\r\n .csrv-header { margin-bottom: 28px; }\r\n .csrv-headline { font-size: 26px; letter-spacing: -.6px; }\r\n .csrv-sub { font-size: 16px; }\r\n\r\n \/* 1 colonne sur mobile *\/\r\n .csrv-grid { grid-template-columns: 1fr; gap: 12px; }\r\n\r\n .csrv-card { padding: 26px 20px 30px; border-radius: 16px; }\r\n .csrv-card-num { font-size: 48px; top: 20px; right: 20px; }\r\n .csrv-icon-wrap { width: 44px; height: 44px; border-radius: 12px; }\r\n .csrv-icon-wrap i { font-size: 20px; }\r\n .csrv-card-title { font-size: 20px; }\r\n .csrv-card-text { font-size: 15px; }\r\n\r\n .csrv-cta {\r\n margin-top: 32px;\r\n padding: 28px 20px;\r\n border-radius: 16px;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 20px;\r\n }\r\n .csrv-cta-title { font-size: 22px; }\r\n .csrv-cta-sub { font-size: 15px; }\r\n .csrv-cta-btn { width: 100%; font-size: 12px; justify-content: center; padding: 13px 24px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"csrv\" id=\"cehpi-services\">\r\n <div class=\"csrv-inner\">\r\n\r\n \r\n <div class=\"csrv-header csrv-reveal csrv-d1\">\r\n <div class=\"csrv-label\">\r\n <div class=\"csrv-label-bar\"><\/div>\r\n <span class=\"csrv-label-txt\">Ce que nous faisons<\/span>\r\n <\/div>\r\n <h2 class=\"csrv-headline\">\r\n Nos domaines <span class=\"hl\">d'intervention<\/span>\r\n <\/h2>\r\n <p class=\"csrv-sub\">\r\n CEHPI structure son offre autour de quatre piliers compl\u00e9mentaires,\r\n couvrant l'ensemble du cycle d\u00e9cisionnel en sant\u00e9 publique.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"csrv-grid\">\r\n\r\n \r\n <div class=\"csrv-card csrv-card--p csrv-reveal csrv-d2\">\r\n <span class=\"csrv-card-num\">01<\/span>\r\n <div class=\"csrv-icon-wrap\">\r\n <i class=\"ti ti-chess\"><\/i>\r\n <\/div>\r\n <div class=\"csrv-card-body\">\r\n <h3 class=\"csrv-card-title\">Conseil et services sp\u00e9cialis\u00e9s <\/h3>\r\n <p class=\"csrv-card-text\">\r\n Nous appuyons les d\u00e9cideurs publics, les autorit\u00e9s r\u00e9glementaires, les organisations\r\n internationales et les acteurs priv\u00e9s dans la conception, l'analyse et l'optimisation\r\n de leurs strat\u00e9gies et politiques de sant\u00e9.\r\n <\/p>\r\n <a href=\"https:\/\/cehpi.com\/service\/conseil-et-accompagnement-strategique\/\" class=\"csrv-card-link\">\r\n En savoir plus <i class=\"ti ti-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"csrv-card csrv-card--g csrv-reveal csrv-d3\">\r\n <span class=\"csrv-card-num\">02<\/span>\r\n <div class=\"csrv-icon-wrap\">\r\n <i class=\"ti ti-microscope\"><\/i>\r\n <\/div>\r\n <div class=\"csrv-card-body\">\r\n <h3 class=\"csrv-card-title\">Recherche et \u00e9valuation<\/h3>\r\n <p class=\"csrv-card-text\">\r\n Nous conduisons des travaux analytiques et des \u00e9tudes rigoureuses visant \u00e0 produire\r\n des donn\u00e9es probantes robustes pour \u00e9clairer les d\u00e9cisions en sant\u00e9 publique.\r\n <\/p>\r\n <a href=\"https:\/\/cehpi.com\/service\/recherche-et-evaluation\/\" class=\"csrv-card-link\">\r\n En savoir plus <i class=\"ti ti-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"csrv-card csrv-card--p csrv-reveal csrv-d4\">\r\n <span class=\"csrv-card-num\">03<\/span>\r\n <div class=\"csrv-icon-wrap\">\r\n <i class=\"ti ti-users\"><\/i>\r\n <\/div>\r\n <div class=\"csrv-card-body\">\r\n <h3 class=\"csrv-card-title\">Renforcement des capacit\u00e9s<\/h3>\r\n <p class=\"csrv-card-text\">\r\n Nous d\u00e9veloppons les comp\u00e9tences des professionnels et des institutions \u00e0 travers\r\n des formations pratiques, concr\u00e8tes et orient\u00e9es vers la d\u00e9cision en sant\u00e9.\r\n <\/p>\r\n <a href=\"https:\/\/cehpi.com\/service\/renforcement-des-capacites\/\" class=\"csrv-card-link\">\r\n En savoir plus <i class=\"ti ti-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"csrv-card csrv-card--g csrv-reveal csrv-d5\">\r\n <span class=\"csrv-card-num\">04<\/span>\r\n <div class=\"csrv-icon-wrap\">\r\n <i class=\"ti ti-school\"><\/i>\r\n <\/div>\r\n <div class=\"csrv-card-body\">\r\n <h3 class=\"csrv-card-title\">Acad\u00e9mie professionnelle CEHPI<\/h3>\r\n <p class=\"csrv-card-text\">\r\n Un \u00e9cosyst\u00e8me structur\u00e9 de formation couvrant l'ensemble du cycle d\u00e9cisionnel\r\n en sant\u00e9 publique, de la production des donn\u00e9es \u00e0 leur utilisation strat\u00e9gique.\r\n <\/p>\r\n <a href=\"https:\/\/cehpi.com\/service\/academie-professionnelle-cehpi\/\" class=\"csrv-card-link\">\r\n En savoir plus <i class=\"ti ti-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"csrv-cta csrv-reveal csrv-d6\">\r\n <div class=\"csrv-cta-left\">\r\n <p class=\"csrv-cta-title\">Un besoin sp\u00e9cifique ?<\/p>\r\n <p class=\"csrv-cta-sub\">\r\n Nos experts sont disponibles pour analyser votre situation et vous proposer une solution sur mesure.\r\n <\/p>\r\n <\/div>\r\n <a href=\"https:\/\/cehpi.com\/demander-une-proposition\/\" class=\"csrv-cta-btn\">\r\n <i class=\"ti ti-send\"><\/i>Demander une proposition\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n var items = document.querySelectorAll('.csrv-reveal');\r\n if (!('IntersectionObserver' in window)) {\r\n items.forEach(function(el){ el.classList.add('is-vis'); });\r\n return;\r\n }\r\n var io = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('is-vis');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.08 });\r\n items.forEach(function (el) { io.observe(el); });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-b99672e e-con-full e-flex e-con e-parent \" data-id=\"b99672e\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-cc2751c elementor-widget elementor-widget-html\" data-id=\"cc2751c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800;900&family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n VARIABLES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cwhy {\r\n --p: #7746AD;\r\n --p-mid: #a86ee8;\r\n --p-pale: #c89ef4;\r\n --p-bg: #f3eeff;\r\n --g: #4FA633;\r\n --g-mid: #6dc44d;\r\n --g-pale: #a8e08d;\r\n --g-bg: #f0fae9;\r\n --ink: #0c0c18;\r\n --ink2: #36364a;\r\n --ink3: #80809a;\r\n --bg: #ffffff;\r\n --bg2: #f8f7fc;\r\n --bd: #e8e3f2;\r\n}\r\nh1, h2, h3, h4, h5, h6 {\r\n font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\np, li, span, div {\r\n font-family: 'Roboto', sans-serif;\r\n}\r\n.cwhy *, .cwhy *::before, .cwhy *::after {\r\n box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION SHELL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cwhy {\r\n background: var(--bg);\r\n width: 100%;\r\n overflow: hidden;\r\n font-family: 'Poppins', sans-serif !important;\r\n position: relative;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n INNER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cwhy-inner {\r\n max-width: 1500px;\r\n margin: 0 auto;\r\n padding: 70px 48px 75px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n LAYOUT PRINCIPAL \u2014 2 colonnes\r\n Gauche : texte \"Pourquoi\"\r\n Droite : points diff\u00e9renciants\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cwhy-top {\r\n display: grid;\r\n grid-template-columns: 1fr 1.1fr;\r\n gap: 72px;\r\n align-items: center;\r\n margin-bottom: 64px;\r\n}\r\n\r\n\/* \u2500\u2500 Colonne gauche \u2500\u2500 *\/\r\n.cwhy-label {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n margin-bottom: 20px;\r\n}\r\n.cwhy-label-bar { width: 28px; height: 2px; background: var(--p); border-radius: 2px; }\r\n.cwhy-label-txt {\r\n font-size: 13px; font-weight: 600;\r\n letter-spacing: 2.8px; text-transform: uppercase;\r\n color: var(--p);\r\n}\r\n\r\n.cwhy-headline {\r\n font-family: 'Poppins', sans-serif !important;\r\n font-weight: bold !important; font-size: 45px;\r\n line-height: 1.08; letter-spacing: -1px;\r\n color: var(--ink);\r\n margin-bottom: 24px;\r\n}\r\n.cwhy-headline .hl-p { color: var(--p); }\r\n.cwhy-headline .hl-g { color: var(--g); }\r\n\r\n.cwhy-lead {\r\n font-size: 20px; font-weight: 300;\r\n line-height: 1.85; color: var(--ink2);\r\n margin-bottom: 32px;\r\n padding-left: 18px;\r\n border-left: 2px solid var(--bd);\r\n}\r\n\r\n\/* Phrase de conclusion \u2014 mise en avant *\/\r\n.cwhy-conclusion {\r\n display: flex; align-items: flex-start; gap: 14px;\r\n background: var(--p-bg);\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n}\r\n.cwhy-conclusion-icon {\r\n width: 36px; height: 36px;\r\n background: var(--p);\r\n border-radius: 10px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 1px;\r\n}\r\n.cwhy-conclusion-icon i { font-size: 18px; color: #fff; }\r\n.cwhy-conclusion-text {\r\n font-size: 17px !important; font-weight: 500;\r\n line-height: 1.65; color: var(--ink2);\r\n font-style: italic;\r\n}\r\n.cwhy-conclusion-text strong { font-weight: 700; color: var(--p); font-style: normal; }\r\n\r\n\/* \u2500\u2500 Colonne droite \u2014 points diff\u00e9renciants \u2500\u2500 *\/\r\n.cwhy-points {\r\n display: flex; flex-direction: column; gap: 16px;\r\n}\r\n\r\n.cwhy-point {\r\n display: flex; align-items: flex-start; gap: 18px;\r\n background: var(--bg2);\r\n border: 1px solid var(--bd);\r\n border-radius: 14px;\r\n padding: 24px 26px;\r\n transition: border-color .22s, box-shadow .22s, transform .22s;\r\n cursor: default;\r\n}\r\n.cwhy-point:hover {\r\n border-color: var(--p-pale);\r\n box-shadow: 0 8px 28px rgba(119,70,173,.09);\r\n transform: translateX(4px);\r\n}\r\n.cwhy-point:nth-child(2):hover { border-color: var(--g-pale); box-shadow: 0 8px 28px rgba(79,166,51,.09); }\r\n\r\n\/* Ic\u00f4ne point *\/\r\n.cwhy-point-icon {\r\n width: 44px; height: 44px;\r\n border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.cwhy-point:nth-child(1) .cwhy-point-icon { background: var(--p-bg); }\r\n.cwhy-point:nth-child(1) .cwhy-point-icon i { color: var(--p); }\r\n.cwhy-point:nth-child(2) .cwhy-point-icon { background: var(--g-bg); }\r\n.cwhy-point:nth-child(2) .cwhy-point-icon i { color: var(--g); }\r\n.cwhy-point:nth-child(3) .cwhy-point-icon { background: var(--p-bg); }\r\n.cwhy-point:nth-child(3) .cwhy-point-icon i { color: var(--p-mid); }\r\n.cwhy-point-icon i { font-size: 20px; }\r\n\r\n.cwhy-point-body {}\r\n.cwhy-point-title {\r\n font-family: 'Poppins', sans-serif !important;\r\n font-weight: 800 !important; font-size: 17px;\r\n color: var(--ink); margin-bottom: 5px;\r\n}\r\n.cwhy-point-desc {\r\n font-size: 16px; font-weight: 400;\r\n line-height: 1.70; color: var(--ink3);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CHIFFRES CL\u00c9S \u2014 bande pleine largeur\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cwhy-stats {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0;\r\n background: #7543AB;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 14px 48px rgba(119,70,173,.22), 0 4px 16px rgba(79,166,51,.12);\r\n position: relative;\r\n}\r\n\/* Cercles d\u00e9co *\/\r\n.cwhy-stats::before {\r\n content: '';\r\n position: absolute; top: -60px; right: -60px;\r\n width: 220px; height: 220px; border-radius: 50%;\r\n background: rgba(255,255,255,.06); pointer-events: none;\r\n}\r\n.cwhy-stats::after {\r\n content: '';\r\n position: absolute; bottom: -70px; left: 30px;\r\n width: 180px; height: 180px; border-radius: 50%;\r\n background: rgba(255,255,255,.04); pointer-events: none;\r\n}\r\n\r\n.cwhy-stat {\r\n display: flex; flex-direction: column;\r\n align-items: center; justify-content: center;\r\n text-align: center;\r\n padding: 44px 24px;\r\n border-right: 1px solid rgba(255,255,255,.12);\r\n position: relative; z-index: 1;\r\n gap: 8px;\r\n}\r\n.cwhy-stat:last-child { border-right: none; }\r\n\r\n.cwhy-stat-icon {\r\n width: 40px; height: 40px;\r\n background: rgba(255,255,255,.12);\r\n border-radius: 10px;\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 4px;\r\n}\r\n.cwhy-stat-icon i { font-size: 18px; color: rgba(255,255,255,.85); }\r\n\r\n.cwhy-stat-num {\r\n font-family: 'Poppins', sans-serif !important;\r\n font-size: 45px; font-weight: 900 !important;\r\n color: #fff; letter-spacing: -1.5px; line-height: 1;\r\n}\r\n.cwhy-stat-label {\r\n font-size: 17px; font-weight: 600;\r\n color: rgba(255,255,255,.65);\r\n line-height: 1.45; text-align: center;\r\n max-width: 220px;\r\n }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SCROLL REVEAL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cwhy-reveal {\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: opacity .7s cubic-bezier(.4,0,.2,1),\r\n transform .7s cubic-bezier(.4,0,.2,1);\r\n}\r\n.cwhy-reveal.is-vis { opacity: 1; transform: none; }\r\n.cwhy-d1 { transition-delay: .05s; }\r\n.cwhy-d2 { transition-delay: .15s; }\r\n.cwhy-d3 { transition-delay: .25s; }\r\n.cwhy-d4 { transition-delay: .35s; }\r\n.cwhy-d5 { transition-delay: .45s; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TABLET \u2264 900px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n .cwhy-inner { padding: 52px 28px 56px; }\r\n\r\n .cwhy-top {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n margin-bottom: 44px;\r\n }\r\n .cwhy-headline { font-size: 34px; }\r\n\r\n .cwhy-stats { grid-template-columns: repeat(2, 1fr); padding: 18px 12px; gap: 4px; }\r\n .cwhy-stat:nth-child(2) { border-right: none; }\r\n .cwhy-stat:nth-child(1),\r\n .cwhy-stat:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,.12); }\r\n .cwhy-stat { padding: 32px 20px; }\r\n .cwhy-stat-num { font-size: 34px; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE \u2264 600px\r\n padding-x 5px, padding-top standard\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 600px) {\r\n .cwhy-inner { padding: 48px 5px 52px; }\r\n\r\n .cwhy-top { gap: 28px; margin-bottom: 28px; }\r\n .cwhy-headline { font-size: 25px;font-weight: bold !important; letter-spacing: -.5px; }\r\n .cwhy-lead { font-size: 14.5px; padding-left: 14px; }\r\n .cwhy-conclusion { padding: 14px 16px; gap: 12px; }\r\n .cwhy-conclusion-icon { width: 32px; height: 32px; border-radius: 8px; }\r\n .cwhy-conclusion-icon i { font-size: 16px; }\r\n .cwhy-conclusion-text { font-size: 13px !important; }\r\n\r\n .cwhy-point { padding: 18px 18px; gap: 14px; border-radius: 12px; }\r\n .cwhy-point-icon { width: 38px; height: 38px; border-radius: 10px; }\r\n .cwhy-point-icon i { font-size: 17px; }\r\n .cwhy-point-title { font-size: 15px; font-weight:500 }\r\n .cwhy-point-desc { font-size: 13px; }\r\n\r\n \/* Stats : 2 colonnes sur mobile *\/\r\n .cwhy-stats {\r\n grid-template-columns: 1fr; \r\n border-radius: 16px;\r\n }\r\n .cwhy-stat:nth-child(2) { border-right: none; }\r\n .cwhy-stat:nth-child(1),\r\n .cwhy-stat:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,.12); }\r\n .cwhy-stat { padding: 26px 12px; gap: 6px; }\r\n .cwhy-stat-icon { width: 34px; height: 34px; border-radius: 8px; }\r\n .cwhy-stat-icon i { font-size: 15px; }\r\n .cwhy-stat-num { font-size: 40px; font-weight:800 !important; }\r\n .cwhy-stat-label { font-size: 20px; max-width: 250px !important }\r\n }\r\n.cwhy-headline {\r\n text-transform: lowercase !important\r\n}\r\n\r\n.cwhy-headline::first-letter {\r\n text-transform: uppercase !important;\r\n}\r\n<\/style>\r\n\r\n<section class=\"cwhy\" id=\"cehpi-why\">\r\n <div class=\"cwhy-inner\">\r\n\r\n \r\n <div class=\"cwhy-top\">\r\n\r\n \r\n <div class=\"cwhy-left cwhy-reveal cwhy-d1\">\r\n <div class=\"cwhy-label\">\r\n <div class=\"cwhy-label-bar\"><\/div>\r\n <span class=\"cwhy-label-txt\">Notre valeur ajout\u00e9e<\/span>\r\n <\/div>\r\n <h2 class=\"cwhy-headline\">\r\n POURQUOI COLLABORER<br>AVEC <span class=\"hl-p\">CEH<\/span><span class=\"hl-g\">PI<\/span> ?\r\n <\/h2>\r\n <p class=\"cwhy-lead\">\r\n CEHPI se distingue par une combinaison unique de comp\u00e9tences compl\u00e9mentaires,\r\n pens\u00e9es pour r\u00e9pondre aux d\u00e9fis r\u00e9els des syst\u00e8mes de sant\u00e9.\r\n <\/p>\r\n <div class=\"cwhy-conclusion\">\r\n <div class=\"cwhy-conclusion-icon\">\r\n <i class=\"ti ti-bulb\"><\/i>\r\n <\/div>\r\n <p class=\"cwhy-conclusion-text\">\r\n Nous ne produisons pas seulement des donn\u00e9es. Nous contribuons \u00e0 <strong>renforcer les syst\u00e8mes de d\u00e9cision.<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cwhy-points cwhy-reveal cwhy-d2\">\r\n <div class=\"cwhy-point\">\r\n <div class=\"cwhy-point-icon\">\r\n <i class=\"ti ti-shield-check\"><\/i>\r\n <\/div>\r\n <div class=\"cwhy-point-body\">\r\n <p class=\"cwhy-point-title\">Rigueur m\u00e9thodologique<\/p>\r\n <p class=\"cwhy-point-desc\">\r\n Garantissant la qualit\u00e9 scientifique des analyses et des travaux produits.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cwhy-point\">\r\n <div class=\"cwhy-point-icon\">\r\n <i class=\"ti ti-map-pin\"><\/i>\r\n <\/div>\r\n <div class=\"cwhy-point-body\">\r\n <p class=\"cwhy-point-title\">Expertise contextuelle<\/p>\r\n <p class=\"cwhy-point-desc\">\r\n Adapt\u00e9e aux r\u00e9alit\u00e9s des pays \u00e0 revenus faibles et interm\u00e9diaires.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cwhy-point\">\r\n <div class=\"cwhy-point-icon\">\r\n <i class=\"ti ti-brain\"><\/i>\r\n <\/div>\r\n <div class=\"cwhy-point-body\">\r\n <p class=\"cwhy-point-title\">Intelligence strat\u00e9gique<\/p>\r\n <p class=\"cwhy-point-desc\">\r\n Orient\u00e9e vers l'action et la d\u00e9cision, au-del\u00e0 de la simple production de donn\u00e9es.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cwhy-stats cwhy-reveal cwhy-d3\">\r\n <div class=\"cwhy-stat\">\r\n <div class=\"cwhy-stat-icon\"><i class=\"ti ti-clock\"><\/i><\/div>\r\n <span class=\"cwhy-stat-num\">20 ~<\/span>\r\n <span class=\"cwhy-stat-label\">Ann\u00e9es d'exp\u00e9rience internationale et africaine<\/span>\r\n <\/div>\r\n\r\n <div class=\"cwhy-stat\">\r\n <div class=\"cwhy-stat-icon\"><i class=\"ti ti-award\"><\/i><\/div>\r\n <span class=\"cwhy-stat-num\">4<\/span>\r\n <span class=\"cwhy-stat-label\">Domaines d'excellence<\/span>\r\n <\/div>\r\n\r\n <div class=\"cwhy-stat\">\r\n <div class=\"cwhy-stat-icon\"><i class=\"ti ti-file-text\"><\/i><\/div>\r\n <span class=\"cwhy-stat-num\">20 +<\/span>\r\n <span class=\"cwhy-stat-label\">Publications scientifiques<\/span>\r\n <\/div>\r\n\r\n <div class=\"cwhy-stat\">\r\n <div class=\"cwhy-stat-icon\"><i class=\"ti ti-language\"><\/i><\/div>\r\n <span class=\"cwhy-stat-num\">2<\/span>\r\n <span class=\"cwhy-stat-label\">Langues de travail Anglais \/ Fran\u00e7ais<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n var items = document.querySelectorAll('.cwhy-reveal');\r\n if (!('IntersectionObserver' in window)) {\r\n items.forEach(function(el){ el.classList.add('is-vis'); });\r\n return;\r\n }\r\n var io = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('is-vis');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.08 });\r\n items.forEach(function (el) { io.observe(el); });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-6b540f9 e-con-full e-flex e-con e-parent \" data-id=\"6b540f9\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-1a26d81 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"1a26d81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700;800&family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n\r\n<style>\r\n.cta-s {\r\n position: relative;\r\n background: linear-gradient(135deg, #4e9e18 0%, #2a5e0e 40%, #6b0e76 100%);\r\n padding: 6rem 2rem;\r\n overflow: hidden;\r\n text-align: center;\r\n}\r\n@media(max-width:600px){.cta-s{padding:4rem 1rem}}\r\n\r\n.cta-s::before {\r\n content: '';\r\n position: absolute; inset: 0; pointer-events: none;\r\n background-image:\r\n linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);\r\n background-size: 44px 44px;\r\n}\r\n\r\n.cta-s-orb1 {\r\n position: absolute; width: 500px; height: 500px; border-radius: 50%;\r\n background: rgba(255,255,255,.06);\r\n top: -160px; left: -120px; pointer-events: none;\r\n}\r\n.cta-s-orb2 {\r\n position: absolute; width: 360px; height: 360px; border-radius: 50%;\r\n background: rgba(255,255,255,.05);\r\n bottom: -130px; right: -80px; pointer-events: none;\r\n}\r\n\r\n.cta-s-inner {\r\n position: relative; z-index: 1;\r\n max-width: 1500px; margin: 0 auto;\r\n}\r\n\r\n.cta-s-badge {\r\n display: inline-flex; align-items: center; gap: 7px;\r\n padding: 5px 14px 5px 10px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.12);\r\n border: 1px solid rgba(255,255,255,.25);\r\n margin-bottom: 1.75rem;\r\n}\r\n.cta-s-badge-dot {\r\n width: 6px; height: 6px; border-radius: 50%;\r\n background: #78C943;\r\n box-shadow: 0 0 8px rgba(120,201,67,.8);\r\n}\r\n.cta-s-badge span {\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 11px; font-weight: 600;\r\n letter-spacing: .1em; text-transform: uppercase;\r\n color: rgba(255,255,255,.85);\r\n}\r\n\r\n.cta-s-title {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: clamp(1.75rem, 4vw, 3rem);\r\n font-weight: 800;\r\n line-height: 1.15; letter-spacing: -1px;\r\n color: #fff;\r\n margin-bottom: 1rem;\r\n}\r\n.cta-s-title .acc { color: #78C943; }\r\n\r\n.cta-s-div {\r\n width: 52px; height: 3px; border-radius: 3px;\r\n background: linear-gradient(90deg, #78C943, #c89ef4);\r\n margin: 0 auto 1.75rem;\r\n}\r\n\r\n.cta-s-btns {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.cta-s-btn-main {\r\n display: inline-flex; align-items: center; gap: .6rem;\r\n padding: 1.1rem 2.5rem;\r\n border-radius: .5rem;\r\n background: #fff;\r\n color: #2e0434;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 1rem; font-weight: 700;\r\n letter-spacing: .02em;\r\n text-decoration: none; border: none; cursor: pointer;\r\n box-shadow: 0 8px 32px rgba(0,0,0,.2);\r\n}\r\n.cta-s-btn-main:hover {\r\n background: #fff;\r\n color: black;\r\n box-shadow: 0 8px 32px rgba(0,0,0,.2);\r\n}\r\n.cta-s-btn-main i { font-size: 1.1rem; color: #4e9e18; }\r\n\r\n.cta-s-note {\r\n margin-top: 1.5rem;\r\n font-family: 'Roboto', sans-serif;\r\n font-size: .82rem; font-weight: 400;\r\n color: rgba(255,255,255,.5);\r\n}\r\n.cta-s-note i { font-size: .9rem; vertical-align: -2px; margin-right: 4px; color: rgba(255,255,255,.4); }\r\n\r\n@media(max-width:500px){\r\n .cta-s-btn-main { width: 100%; max-width: 320px; justify-content: center; }\r\n}\r\n\r\n@media(max-width:600px){\r\n .cta-s-btn-main { width: 100%; max-width: 420px; justify-content: center; }\r\n \r\n .cta-s-btn-main {\r\n padding: 0.6rem 1rem;\r\n }\r\n}\r\n.acc{font-family:'Poppins', sans-serif !important}\r\n<\/style>\r\n\r\n<div class=\"cta-s\">\r\n <div class=\"cta-s-orb1\"><\/div>\r\n <div class=\"cta-s-orb2\"><\/div>\r\n <div class=\"cta-s-inner\">\r\n\r\n <div class=\"cta-s-badge\">\r\n <div class=\"cta-s-badge-dot\"><\/div>\r\n <span>Passons \u00e0 l'action<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"cta-s-title\">\r\n Renfor\u00e7ons <span class=\"acc\">ensemble<\/span><br>les syst\u00e8mes d\u00e9cisionnels en sant\u00e9.\r\n <\/h2>\r\n\r\n <div class=\"cta-s-div\"><\/div>\r\n\r\n <div class=\"cta-s-btns\">\r\n <a href=\"https:\/\/cehpi.com\/demander-une-proposition\/\" class=\"cta-s-btn-main\">\r\n <i class=\"ti ti-send\"><\/i>Demander une proposition\r\n <\/a>\r\n <\/div>\r\n\r\n <p class=\"cta-s-note\">\r\n <i class=\"ti ti-lock\"><\/i>R\u00e9ponse sous 48h \u00b7 Sans engagement\r\n <\/p>\r\n\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CEHPI \u2014 Hero 01 \u2014 04 probantes” data-title-en=”Generating evidence” data-desc-fr=”CEHPI accompagne la production de donn\u00e9es probantes robustes \u00e0 travers des \u00e9tudes, analyses et \u00e9valuations rigoureuses, adapt\u00e9es aux besoins des d\u00e9cideurs en sant\u00e9 publique et pharmaceutique” data-desc-en=”CEHPI supports the production of robust evidence-based data through rigorous studies, analyses and evaluations, tailored to the needs of public […]<\/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-21","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":814,"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":13796,"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/pages\/21\/revisions\/13796"}],"wp:attachment":[{"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n CEHPI \u2014 Hero<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n <style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --purple: #7746AD;\r\n --purple-light:#a86ee8;\r\n --purple-pale: #c89ef4;\r\n }\r\n\r\n .cehpi-hero-wrap {\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n margin-left: -50vw;\r\n overflow-x: hidden;\r\n padding-top: 20px;\r\n }\r\n\r\n .ch {\r\n position: relative;\r\n width: 100%;\r\n height: 680px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .bg-slide {\r\n position: absolute; inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n opacity: 0;\r\n transform: scale(1.07);\r\n transition:\r\n opacity 1.4s cubic-bezier(.4,0,.2,1),\r\n transform 9s cubic-bezier(.25,.46,.45,.94);\r\n will-change: opacity, transform;\r\n }\r\n .bg-slide.active { opacity: 1; transform: scale(1); }\r\n\r\n .ov-grad {\r\n position: absolute; inset: 0; z-index: 2;\r\n background: rgba(0,0,0,.55);\r\n }\r\n .ov-color {\r\n position: absolute; inset: 0; z-index: 3;\r\n background: radial-gradient(ellipse 55% 65% at 0% 105%, rgba(119,70,173,.22) 0%, transparent 65%);\r\n }\r\n\r\n .pbar {\r\n position: absolute; top: 0; left: 0; z-index: 30;\r\n height: 2px;\r\n background: linear-gradient(90deg, #69B03B, var(--purple-pale));\r\n width: 0%;\r\n transition: width .12s linear;\r\n }\r\n\r\n .content {\r\n position: relative; z-index: 10;\r\n width: 100%; height: 100%;\r\n display: flex; align-items: center;\r\n padding: 0 50px;\r\n }\r\n\r\n .slide {\r\n position: absolute;\r\n width: 80%;\r\n min-width: 0;\r\n opacity: 0;\r\n pointer-events: none;\r\n transform: translateY(22px);\r\n transition: opacity .65s cubic-bezier(.4,0,.2,1), transform .65s cubic-bezier(.22,.61,.36,1);\r\n }\r\n .slide.on { opacity: 1; pointer-events: auto; transform: translateY(0); }\r\n .slide.out { opacity: 0; transform: translateY(-18px); }\r\n\r\n .eyebrow { margin-bottom: 20px; }\r\n .eye-badge {\r\n display: inline-flex; align-items: center; gap: 9px;\r\n background: rgba(105,176,59,.2);\r\n border: 1px solid rgba(105,176,59,.5);\r\n padding: 5px 16px 5px 10px;\r\n border-radius: 100px;\r\n }\r\n .eye-dot {\r\n width: 5px; height: 5px; border-radius: 50%;\r\n background: #78C943;\r\n box-shadow: 0 0 7px rgba(105,176,59,.9);\r\n flex-shrink: 0;\r\n }\r\n .eye-text {\r\n font-family: 'roboto', sans-serif;\r\n font-size: 9.5px; font-weight: 600;\r\n letter-spacing: 2.4px; text-transform: uppercase;\r\n color: #80D647;\r\n }\r\n\r\n .stitle {\r\n font-family: 'Poppins', sans-serif !important;\r\n font-weight: 900; font-size: 60px;\r\n line-height: 1.09; letter-spacing: -1px;\r\n color: #fff; margin-bottom: 26px;\r\n }\r\n .stitle .hl { color: #78C943; font-family: 'Poppins', sans-serif !important; }\r\n\r\n .sdesc {\r\n font-family: 'roboto', sans-serif;\r\n font-size: 22px; font-weight: 500; line-height: 1.5;\r\n color: rgba(255,255,255,.9);\r\n margin-bottom: 38px;\r\n padding-left: 18px;\r\n border-left: 3px solid rgba(142,237,79,.6);\r\n }\r\n\r\n .cta-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }\r\n\r\n .btn-main {\r\n display: inline-flex; align-items: center; gap: 9px;\r\n background: linear-gradient(135deg, #6CB53C 0%, #6CB53C 100%);\r\n color: #fff; font-family: 'Poppins', sans-serif;\r\n font-size: 11.5px; font-weight: 600;\r\n letter-spacing: 1.2px; text-transform: uppercase;\r\n padding: 14px 30px; border-radius: 3px;\r\n border: none; cursor: pointer;\r\n box-shadow: 0 6px 28px rgba(119,70,173,.42);\r\n transition: transform .2s, box-shadow .2s;\r\n text-decoration: none;\r\n }\r\n .btn-main:hover { color: #fff; font-weight: 700; }\r\n .btn-main i { font-size: 15px; }\r\n\r\n .bottom-bar {\r\n position: absolute; z-index: 20;\r\n bottom: 0; left: 0; right: 0;\r\n display: flex; align-items: center;\r\n justify-content: space-between;\r\n padding: 0 88px 32px;\r\n opacity: 0.4;\r\n transition: opacity .3s;\r\n }\r\n .bottom-bar:hover { opacity: 1; }\r\n .dots-wrap { display: flex; align-items: center; gap: 8px; }\r\n .dot {\r\n width: 6px; height: 6px; border-radius: 50%;\r\n background: rgba(255,255,255,.22);\r\n border: none; cursor: pointer;\r\n transition: all .35s; padding: 0;\r\n }\r\n .dot.on { width: 26px; border-radius: 2px; background: #6CB53C; }\r\n\r\n .ch-nav-btns {\r\n position: absolute; z-index: 20;\r\n top: 50%; transform: translateY(-50%);\r\n width: 100%; display: flex;\r\n justify-content: space-between;\r\n padding: 0 20px; pointer-events: none;\r\n }\r\n .ch-nav-btn {\r\n pointer-events: auto;\r\n width: 48px; height: 48px; border-radius: 50%;\r\n background: rgba(255,255,255,.06);\r\n border: 1px solid rgba(255,255,255,.12);\r\n color: rgba(255,255,255,.5);\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer;\r\n transition: background .2s, border-color .2s, color .2s, transform .2s;\r\n }\r\n .ch-nav-btn:hover {\r\n background: rgba(108,181,60,.35);\r\n border-color: rgba(108,181,60,.6);\r\n color: #fff; transform: scale(1.08);\r\n }\r\n .ch-nav-btn i { font-size: 20px; }\r\n\r\n .nav-counter {\r\n position: absolute; top: 28px; right: 46px; z-index: 20;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 10px; font-weight: 500;\r\n color: rgba(255,255,255,.30); letter-spacing: 3px;\r\n }\r\n\r\n \/* textes traduits cach\u00e9s \u2014 utilis\u00e9s par le JS selon la langue *\/\r\n .trp-en { display: none; }\r\n\r\n @media (max-width: 960px) {\r\n .ch { height: 600px; }\r\n .content { padding: 0 44px; }\r\n .slide { width: 76%; }\r\n .stitle { font-size: 38px; }\r\n .sdesc { font-size: 15px; }\r\n .nav-counter { right: 22px; }\r\n .bottom-bar { padding: 0 44px 26px; }\r\n .ch-nav-btn { width: 40px; height: 40px; }\r\n .ch-nav-btn i { font-size: 17px; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .ch { height: auto; min-height: 500px; }\r\n .ov-grad { background: linear-gradient(180deg, rgba(0,0,0,.60) 0%, rgba(0,0,0,.80) 100%); }\r\n .cehpi-hero-wrap { padding-top: 0px; }\r\n .content { padding: 60px 14px 70px; align-items: center; }\r\n .slide { position: relative; width: 100%; display: none; opacity: 1; transform: none; transition: none; }\r\n .slide.on { display: block; }\r\n .slide.out { display: none; }\r\n .stitle { font-size: 27px; letter-spacing: -.3px; margin-bottom: 16px; }\r\n .sdesc { font-size: 13.5px; margin-bottom: 22px; line-height: 1.75; padding-left: 12px; }\r\n .eyebrow { margin-bottom: 14px; }\r\n .cta-row { flex-direction: column; align-items: stretch; gap: 9px; }\r\n .btn-main { justify-content: center; width: 100%; padding: 13px 16px; }\r\n .nav-counter { top: 14px; right: 14px; }\r\n .bottom-bar { padding: 0 14px 16px; }\r\n .ch-nav-btn { width: 36px; height: 36px; }\r\n .ch-nav-btn i { font-size: 15px; }\r\n .ch-nav-btns { padding: 0 8px; top: auto; bottom: 30px; transform: none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"cehpi-hero-wrap\">\r\n<div class=\"ch\" id=\"hero\">\r\n\r\n <div class=\"bg-slide active\" id=\"bg0\" style=\"background-image:url('https:\/\/cehpi.com\/wp-content\/uploads\/2026\/05\/151-1.webp')\"><\/div>\r\n <div class=\"bg-slide\" id=\"bg1\" style=\"background-image:url('https:\/\/cehpi.com\/wp-content\/uploads\/2026\/06\/125326.webp')\"><\/div>\r\n <div class=\"bg-slide\" id=\"bg2\" style=\"background-image:url('https:\/\/cehpi.com\/wp-content\/uploads\/2026\/05\/31028.webp')\"><\/div>\r\n <div class=\"bg-slide\" id=\"bg3\" style=\"background-image:url('https:\/\/cehpi.com\/wp-content\/uploads\/2026\/06\/117802.webp')\"><\/div>\r\n\r\n <div class=\"ov-grad\"><\/div>\r\n <div class=\"ov-color\"><\/div>\r\n <div class=\"pbar\" id=\"pb\"><\/div>\r\n <div class=\"nav-counter\" id=\"cntr\">01 \u2014 04<\/div>\r\n\r\n <div class=\"content\">\r\n\r\n \r\n <div class=\"slide on\" id=\"s0\"\r\n data-eyebrow-fr=\"\u00c9vidences scientifiques de qualit\u00e9\"\r\n data-eyebrow-en=\"High Quality Scientific Evidence\"\r\n data-title-fr=\"Produire des donn\u00e9es <span class='hl'>probantes<\/span>\"\r\n data-title-en=\"Generating <span class='hl'>evidence<\/span>\"\r\n data-desc-fr=\"CEHPI accompagne la production de donn\u00e9es probantes robustes \u00e0 travers des \u00e9tudes, analyses et \u00e9valuations rigoureuses, adapt\u00e9es aux besoins des d\u00e9cideurs en sant\u00e9 publique et pharmaceutique\"\r\n data-desc-en=\"CEHPI supports the production of robust evidence-based data through rigorous studies, analyses and evaluations, tailored to the needs of public health and pharmaceutical decision-makers\"\r\n data-btn-fr=\"Demander une proposition\"\r\n data-btn-en=\"Request a proposal\">\r\n <div class=\"eyebrow\">\r\n <div class=\"eye-badge\">\r\n <div class=\"eye-dot\"><\/div>\r\n <span class=\"eye-text\">\u00c9vidences scientifiques de qualit\u00e9<\/span>\r\n <\/div>\r\n <\/div>\r\n <h1 class=\"stitle\">Produire des donn\u00e9es <span class=\"hl\">probantes<\/span><\/h1>\r\n <p class=\"sdesc\">CEHPI accompagne la production de donn\u00e9es probantes robustes \u00e0 travers des \u00e9tudes, analyses et \u00e9valuations rigoureuses, adapt\u00e9es aux besoins des d\u00e9cideurs en sant\u00e9 publique et pharmaceutique<\/p>\r\n <div class=\"cta-row\">\r\n <a class=\"btn-main\" href=\"https:\/\/cehpi.com\/demander-une-proposition\/\"><i class=\"ti ti-send\"><\/i> <span class=\"btn-txt\">Demander une proposition<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\" id=\"s1\"\r\n data-eyebrow-fr=\"D\u00e9cisions guid\u00e9es par les \u00e9vidences scientifiques\"\r\n data-eyebrow-en=\"Decisions Guided by Scientific Evidence\"\r\n data-title-fr=\"\u00c9clairer les <span class='hl'>d\u00e9cisions<\/span>\"\r\n data-title-en=\"Informing <span class='hl'>decisions<\/span>\"\r\n data-desc-fr=\"CEHPI transforme les donn\u00e9es complexes en informations claires, interpr\u00e9tables et directement exploitables pour \u00e9clairer les politiques, programmes et d\u00e9cisions strat\u00e9giques en sant\u00e9\"\r\n data-desc-en=\"CEHPI transforms complex data into clear, interpretable and directly actionable information to guide health policies, programmes and strategic decisions\"\r\n data-btn-fr=\"Demander une proposition\"\r\n data-btn-en=\"Request a proposal\">\r\n <div class=\"eyebrow\">\r\n <div class=\"eye-badge\">\r\n <div class=\"eye-dot\"><\/div>\r\n <span class=\"eye-text\">D\u00e9cisions guid\u00e9es par les \u00e9vidences scientifiques<\/span>\r\n <\/div>\r\n <\/div>\r\n <h1 class=\"stitle\">\u00c9clairer les <span class=\"hl\">d\u00e9cisions<\/span><\/h1>\r\n <p class=\"sdesc\">CEHPI transforme les donn\u00e9es complexes en informations claires, interpr\u00e9tables et directement exploitables pour \u00e9clairer les politiques, programmes et d\u00e9cisions strat\u00e9giques en sant\u00e9<\/p>\r\n <div class=\"cta-row\">\r\n <a class=\"btn-main\" href=\"https:\/\/cehpi.com\/demander-une-proposition\/\"><i class=\"ti ti-send\"><\/i> <span class=\"btn-txt\">Demander une proposition<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\" id=\"s2\"\r\n data-eyebrow-fr=\"Renforcement des syst\u00e8mes\"\r\n data-eyebrow-en=\"Strengthening Health Systems\"\r\n data-title-fr=\"Renforcer la performance et <span class='hl'>l'impact des syst\u00e8mes<\/span> de sant\u00e9 publique et pharmaceutiques\"\r\n data-title-en=\"Strengthening the performance and <span class='hl'>impact of public health<\/span> and pharmaceutical systems\"\r\n data-desc-fr=\"CEHPI soutient les institutions dans le d\u00e9veloppement de capacit\u00e9s techniques, organisationnelles et d\u00e9cisionnelles afin d'am\u00e9liorer durablement la performance des syst\u00e8mes de sant\u00e9 publique et pharmaceutiques.\"\r\n data-desc-en=\"CEHPI supports institutions in developing technical, organizational and decision-making capacities to sustainably improve the performance of public health and pharmaceutical systems.\"\r\n data-btn-fr=\"Demander une proposition\"\r\n data-btn-en=\"Request a proposal\">\r\n <div class=\"eyebrow\">\r\n <div class=\"eye-badge\">\r\n <div class=\"eye-dot\"><\/div>\r\n <span class=\"eye-text\">Renforcement des syst\u00e8mes<\/span>\r\n <\/div>\r\n <\/div>\r\n <h1 class=\"stitle\">Renforcer la performance et <span class=\"hl\">l'impact des syst\u00e8mes<\/span> de sant\u00e9 publique et pharmaceutiques<\/h1>\r\n <p class=\"sdesc\">CEHPI soutient les institutions dans le d\u00e9veloppement de capacit\u00e9s techniques, organisationnelles et d\u00e9cisionnelles afin d'am\u00e9liorer durablement la performance des syst\u00e8mes de sant\u00e9 publique et pharmaceutiques.<\/p>\r\n <div class=\"cta-row\">\r\n <a class=\"btn-main\" href=\"https:\/\/cehpi.com\/demander-une-proposition\/\"><i class=\"ti ti-send\"><\/i> <span class=\"btn-txt\">Demander une proposition<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\" id=\"s3\"\r\n data-eyebrow-fr=\"Une perspective 360\u00b0 de la science d\u00e9cisionnelle en sant\u00e9 publique\"\r\n data-eyebrow-en=\"A 360\u00b0 Perspective on Decision Science in Public Health\"\r\n data-title-fr=\"Une approche <span class='hl'>holistique<\/span>\"\r\n data-title-en=\"A <span class='hl'>Holistic<\/span> approach\"\r\n data-desc-fr=\"CEHPI allie recherche appliqu\u00e9e, \u00e9valuation, acad\u00e9mie professionnelle et conseils sp\u00e9cialis\u00e9s pour accompagner l'ensemble du cycle de production, d'analyse et d'utilisation des donn\u00e9es probantes\"\r\n data-desc-en=\"CEHPI combines applied research, evaluation, professional academy and specialized advisory services to support the entire cycle of production, analysis and use of evidence-based data\"\r\n data-btn-fr=\"Demander une proposition\"\r\n data-btn-en=\"Request a proposal\">\r\n <div class=\"eyebrow\">\r\n <div class=\"eye-badge\">\r\n <div class=\"eye-dot\"><\/div>\r\n <span class=\"eye-text\">Une perspective 360\u00b0 de la science d\u00e9cisionnelle en sant\u00e9 publique<\/span>\r\n <\/div>\r\n <\/div>\r\n <h1 class=\"stitle\">Une approche <span class=\"hl\">holistique<\/span><\/h1>\r\n <p class=\"sdesc\">CEHPI allie recherche appliqu\u00e9e, \u00e9valuation, acad\u00e9mie professionnelle et conseils sp\u00e9cialis\u00e9s pour accompagner l'ensemble du cycle de production, d'analyse et d'utilisation des donn\u00e9es probantes<\/p>\r\n <div class=\"cta-row\">\r\n <a class=\"btn-main\" href=\"https:\/\/cehpi.com\/demander-une-proposition\/\"><i class=\"ti ti-send\"><\/i> <span class=\"btn-txt\">Demander une proposition<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"ch-nav-btns\">\r\n <button class=\"ch-nav-btn\" id=\"ch-prev\" aria-label=\"Pr\u00e9c\u00e9dent\"><i class=\"ti ti-chevron-left\"><\/i><\/button>\r\n <button class=\"ch-nav-btn\" id=\"ch-next\" aria-label=\"Suivant\"><i class=\"ti ti-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n\r\n <div class=\"bottom-bar\">\r\n <div class=\"dots-wrap\">\r\n <button class=\"dot on\" data-i=\"0\"><\/button>\r\n <button class=\"dot\" data-i=\"1\"><\/button>\r\n <button class=\"dot\" data-i=\"2\"><\/button>\r\n <button class=\"dot\" data-i=\"3\"><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n var SLIDES = document.querySelectorAll('.slide');\r\n var DOTS = document.querySelectorAll('.dot');\r\n var BGS = document.querySelectorAll('.bg-slide');\r\n var PB = document.getElementById('pb');\r\n var CTR = document.getElementById('cntr');\r\n var N = SLIDES.length;\r\n var DUR = 13000;\r\n var current = 0;\r\n var progressVal = 0;\r\n var progressInterval, autoTimer;\r\n var paused = false;\r\n\r\n \/* \u2500\u2500 D\u00e9tection de la langue active (TranslatePress) \u2500\u2500 *\/\r\n function getLang() {\r\n var html = document.documentElement;\r\n var lang = html.getAttribute('lang') || 'fr';\r\n return lang.substring(0, 2).toLowerCase();\r\n }\r\n\r\n \/* \u2500\u2500 Mise \u00e0 jour du contenu d'un slide selon la langue \u2500\u2500 *\/\r\n function applyLang(slide) {\r\n var lang = getLang();\r\n var suffix = (lang === 'en') ? '-en' : '-fr';\r\n\r\n var eyebrow = slide.getAttribute('data-eyebrow' + suffix);\r\n var title = slide.getAttribute('data-title' + suffix);\r\n var desc = slide.getAttribute('data-desc' + suffix);\r\n var btn = slide.getAttribute('data-btn' + suffix);\r\n\r\n if (eyebrow) slide.querySelector('.eye-text').textContent = eyebrow;\r\n if (title) slide.querySelector('.stitle').innerHTML = title;\r\n if (desc) slide.querySelector('.sdesc').textContent = desc;\r\n if (btn) slide.querySelector('.btn-txt').textContent = btn;\r\n }\r\n\r\n \/* Applique la langue \u00e0 tous les slides au chargement *\/\r\n SLIDES.forEach(function(s) { applyLang(s); });\r\n\r\n function go(next, manual) {\r\n if (!manual && paused) return;\r\n next = (next + N) % N;\r\n var prev = current;\r\n current = next;\r\n\r\n SLIDES[prev].classList.remove('on');\r\n SLIDES[prev].classList.add('out');\r\n SLIDES[current].classList.add('on');\r\n\r\n var cleaned = false;\r\n function cleanup() {\r\n if (cleaned) return;\r\n cleaned = true;\r\n SLIDES[prev].classList.remove('out');\r\n }\r\n SLIDES[prev].addEventListener('transitionend', cleanup, { once: true });\r\n setTimeout(cleanup, 700);\r\n\r\n BGS[prev].classList.remove('active');\r\n BGS[current].classList.add('active');\r\n\r\n DOTS.forEach(function(d){ d.classList.remove('on'); });\r\n DOTS[current].classList.add('on');\r\n\r\n CTR.textContent = String(current + 1).padStart(2,'0') + ' \u2014 ' + String(N).padStart(2,'0');\r\n\r\n if (!paused) resetProgress();\r\n }\r\n\r\n function resetProgress() {\r\n clearInterval(progressInterval);\r\n clearTimeout(autoTimer);\r\n progressVal = 0;\r\n PB.style.transition = 'none';\r\n PB.style.width = '0%';\r\n requestAnimationFrame(function() {\r\n requestAnimationFrame(function() {\r\n PB.style.transition = 'width .12s linear';\r\n progressInterval = setInterval(function() {\r\n progressVal += (100 \/ DUR) * 120;\r\n if (progressVal > 100) progressVal = 100;\r\n PB.style.width = progressVal + '%';\r\n }, 120);\r\n autoTimer = setTimeout(function() { go(current + 1); }, DUR);\r\n });\r\n });\r\n }\r\n\r\n document.getElementById('ch-prev').addEventListener('click', function() {\r\n paused = true;\r\n clearInterval(progressInterval);\r\n clearTimeout(autoTimer);\r\n PB.style.width = '0%';\r\n go(current - 1, true);\r\n });\r\n\r\n document.getElementById('ch-next').addEventListener('click', function() {\r\n paused = true;\r\n clearInterval(progressInterval);\r\n clearTimeout(autoTimer);\r\n PB.style.width = '0%';\r\n go(current + 1, true);\r\n });\r\n\r\n document.getElementById('hero').addEventListener('mouseleave', function() {\r\n if (paused) { paused = false; resetProgress(); }\r\n });\r\n\r\n document.addEventListener('touchstart', function(e) {\r\n if (paused &&\r\n !document.getElementById('ch-prev').contains(e.target) &&\r\n !document.getElementById('ch-next').contains(e.target) &&\r\n !document.getElementById('hero').contains(e.target)) {\r\n paused = false;\r\n resetProgress();\r\n }\r\n }, { passive: true });\r\n\r\n document.addEventListener('scroll', function() {\r\n if (paused) { paused = false; resetProgress(); }\r\n }, { passive: true });\r\n\r\n DOTS.forEach(function(d) {\r\n d.addEventListener('click', function() {\r\n go(parseInt(d.getAttribute('data-i')));\r\n });\r\n });\r\n\r\n resetProgress();\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-f38dff9 e-flex e-con-boxed e-con e-parent \" data-id=\"f38dff9\" data-element_type=\"container\" data-e-type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-a99e78a elementor-widget elementor-widget-html\" data-id=\"a99e78a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800;900&family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n\r\n<style>\r\n.cab4 {\r\n --p: #7746AD;\r\n --p-mid: #a86ee8;\r\n --p-pale: #c89ef4;\r\n --p-bg: #f3eeff;\r\n --p-glow: rgba(119,70,173,.13);\r\n --g: #4FA633;\r\n --g-mid: #6dc44d;\r\n --g-pale: #a8e08d;\r\n --g-bg: #f0fae9;\r\n --g-glow: rgba(79,166,51,.12);\r\n --ink: #0c0c18;\r\n --ink2: #36364a;\r\n --ink3: #80809a;\r\n --bg: #ffffff;\r\n --bg2: #f8f7fc;\r\n --bd: #e8e3f2;\r\n}\r\nbody{font-family: 'Roboto', sans-serif;}\r\nh1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif !important; }\r\np, li, span, div { font-family: 'Roboto', sans-serif !important; }\r\n.cab4 *, .cab4 *::before, .cab4 *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n\/* \u2500\u2500 langue \u2500\u2500 *\/\r\n.lang-en { display: none !important; }\r\n.lang-fr { display: block; }\r\nhtml[lang^=\"en\"] .lang-en { display: block !important; }\r\nhtml[lang^=\"en\"] .lang-fr { display: none !important; }\r\n\/* inline elements *\/\r\nspan.lang-en { display: none !important; }\r\nspan.lang-fr { display: inline; }\r\nhtml[lang^=\"en\"] span.lang-en { display: inline !important; }\r\nhtml[lang^=\"en\"] span.lang-fr { display: none !important; }\r\n\r\n.cab4 {\r\n background-color: var(--bg);\r\n background-image: radial-gradient(circle, #d8cff0 1px, transparent 1px);\r\n background-size: 28px 28px;\r\n width: 100%; overflow: hidden; position: relative;\r\n}\r\n.cab4::before, .cab4::after {\r\n content: ''; position: absolute; left: 0; right: 0;\r\n height: 100px; z-index: 1; pointer-events: none;\r\n}\r\n.cab4::before { top: 0; background: linear-gradient(to bottom, #fff, transparent); }\r\n.cab4::after { bottom: 0; background: linear-gradient(to top, #fff, transparent); }\r\n\r\n.cab4-inner {\r\n position: relative; z-index: 2;\r\n max-width: 1500px; margin: 0 auto;\r\n padding: 100px 48px 110px;\r\n}\r\n.cab4-header { margin-bottom: 56px; }\r\n.cab4-label { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; }\r\n.cab4-label-bar { width: 28px; height: 2px; background: var(--p); border-radius: 2px; }\r\n.cab4-label-txt {\r\n font-size: 15px; font-weight: 600;\r\n letter-spacing: 2.8px; text-transform: uppercase; color: var(--p);\r\n}\r\n.cab4-headline {\r\n font-family: 'Poppins', Sans-Serif !important;\r\n font-weight: 900 !important; font-size: 50px;\r\n line-height: 1.07; letter-spacing: -1.3px;\r\n color: var(--ink); max-width: 1000px;\r\n}\r\n.cab4-headline .hl {\r\n color: var(--p); position: relative; display: inline-block;\r\n font-family: 'Poppins', sans-serif !important; font-weight: 900 !important;\r\n}\r\n.cab4-headline .hl::after {\r\n content: ''; position: absolute;\r\n border-radius: 2px; transform: scaleX(0); transform-origin: left;\r\n transition: transform .65s cubic-bezier(.4,0,.2,1) .5s;\r\n}\r\n.cab4-headline .hl.is-visible::after { transform: scaleX(1); }\r\n\r\n.cab4-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n grid-template-rows: 1fr auto;\r\n gap: 20px;\r\n}\r\n.cab4-card { border-radius: 20px; overflow: hidden; position: relative; }\r\n\r\n.cab4-card--photo {\r\n grid-row: 1 \/ 3; min-height: 540px;\r\n background-image: url('https:\/\/cehpi.com\/wp-content\/uploads\/2026\/05\/2148776150.jpg');\r\n background-size: cover; background-position: center 20%;\r\n display: flex; flex-direction: column; justify-content: flex-end;\r\n box-shadow: 0 20px 56px rgba(119,70,173,.16), 0 4px 12px rgba(0,0,0,.07);\r\n}\r\n.cab4-card--photo::before {\r\n content: ''; position: absolute; inset: 0; z-index: 1;\r\n background: linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.08) 38%,rgba(10,8,26,.76) 72%,rgba(10,8,26,.93) 100%);\r\n}\r\n.cab4-card--photo::after {\r\n content: ''; position: absolute; inset: 0; z-index: 1;\r\n background:\r\n radial-gradient(ellipse 55% 40% at 0% 100%, rgba(119,70,173,.30) 0%, transparent 60%),\r\n radial-gradient(ellipse 40% 30% at 100% 100%, rgba(79,166,51,.18) 0%, transparent 60%);\r\n}\r\n.cab4-photo-body { position: relative; z-index: 2; padding: 36px 36px 42px; }\r\n.cab4-badge {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: rgba(119,70,173,.7); border: 1px solid rgba(168,110,232,.60);\r\n backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\r\n padding: 5px 14px 5px 9px; border-radius: 100px;\r\n margin-bottom: 22px; color: white; font-weight: bold;\r\n}\r\n.cab4-badge-dot {\r\n width: 5px; height: 5px; border-radius: 50%;\r\n background: var(--p-pale); box-shadow: 0 0 8px rgba(200,158,244,.95);\r\n}\r\n.cab4-badge-txt { font-size: 9.5px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }\r\n.cab4-quote {\r\n font-family: 'Lora', serif; font-size: 19px;\r\n line-height: 1.68; font-weight: bold; color: rgba(255,255,255,.92);\r\n border-left: 3px solid var(--p-pale); padding-left: 18px; margin-bottom: 18px;\r\n}\r\n.cab4-cite {\r\n font-family: 'Poppins', sans-serif; font-style: normal;\r\n font-size: 10px; font-weight: 900; letter-spacing: 1.8px;\r\n text-transform: uppercase; color: #7ACC44;\r\n}\r\n\r\n.cab4-card--text {\r\n background: var(--bg); border: 1px solid var(--bd);\r\n padding: 42px 42px 46px;\r\n display: flex; flex-direction: column; justify-content: space-between; gap: 28px;\r\n box-shadow: 0 4px 20px rgba(119,70,173,.06);\r\n}\r\n.cab4-card--text p { text-align: justify !important; }\r\n.cab4-intro-text {\r\n font-size: 18px !important; font-weight: 700 !important; line-height: 1.75;\r\n color: #2e7a18; background: var(--g-bg);\r\n border-left: 3px solid var(--g); border-radius: 0 8px 8px 0;\r\n padding: 14px 18px; margin-bottom: 6px;\r\n}\r\n.cab4-tag { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }\r\n.cab4-tag-num { font-size: 11px; font-weight: 700; color: var(--p-mid); letter-spacing: .5px; }\r\n.cab4-tag-line { flex: 1; height: 1px; background: var(--bd); max-width: 24px; }\r\n.cab4-tag-lbl { font-size: 10px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--ink3); }\r\n.cab4-card--text p { font-weight: 300; line-height: 1.92; color: var(--ink2); }\r\n.cab4-card--text p + p { margin-top: 16px; }\r\n.cab4-card--text p strong { font-weight: 600; color: var(--ink); }\r\n.cab4-card--text p { font-weight: 400 !important; }\r\n.cab4-btn {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n background: var(--p); color: #fff;\r\n font-size: 11.5px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase;\r\n padding: 14px 32px; border-radius: 6px; border: none; cursor: pointer; text-decoration: none;\r\n box-shadow: 0 6px 24px rgba(119,70,173,.30);\r\n transition: background .2s, transform .2s, box-shadow .2s;\r\n align-self: flex-start; white-space: nowrap;\r\n}\r\n.cab4-btn:hover { background: #6234a0; transform: translateY(-2px); color: #fff; box-shadow: 0 12px 32px rgba(119,70,173,.42); }\r\n.cab4-btn i { font-size: 16px; }\r\n\r\n.cab4-reveal {\r\n opacity: 0; transform: translateY(26px);\r\n transition: opacity .75s cubic-bezier(.4,0,.2,1), transform .75s cubic-bezier(.4,0,.2,1);\r\n}\r\n.cab4-reveal.is-vis { opacity: 1; transform: none; }\r\n.cab4-d1 { transition-delay: .05s; }\r\n.cab4-d2 { transition-delay: .18s; }\r\n.cab4-d3 { transition-delay: .30s; }\r\n.cab4-d4 { transition-delay: .42s; }\r\n.cab4-d5 { transition-delay: .54s; }\r\n\r\n@media (max-width: 960px) {\r\n .cab4-inner { padding: 30px 15px 30px; }\r\n .cab4-headline { font-size: 40px; }\r\n .cab4-header { margin-bottom: 44px; }\r\n .cab4-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 16px; }\r\n .cab4-card--photo { grid-column: 1 \/ 3; grid-row: 1; min-height: 340px; }\r\n .cab4-card--text { grid-column: 1; grid-row: 2; }\r\n .cab4-card--stats { grid-column: 2; grid-row: 2; }\r\n .cab4-card--text p { text-align: left !important; margin-bottom: 8px !important; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .cab4-inner { padding: 30px 4px 30px; }\r\n .cab4-label-txt { font-size: 10px !important; }\r\n .cab4-headline { font-size: 22px; letter-spacing: -.6px; max-width: 100%; line-height: 30px; }\r\n .cab4-header { margin-bottom: 32px; }\r\n .cab4-grid { grid-template-columns: 1fr; grid-template-rows: auto; gap: 14px; }\r\n .cab4-card--photo { grid-column: 1; grid-row: auto; min-height: 280px; border-radius: 16px; }\r\n .cab4-card--text { grid-column: 1; grid-row: auto; }\r\n .cab4-card--stats { grid-column: 1; grid-row: auto; }\r\n .cab4-photo-body { padding: 20px 18px 26px; }\r\n .cab4-quote { font-size: 15px; padding-left: 14px; }\r\n .cab4-cite { font-size: 9.5px; }\r\n .cab4-card--text { padding: 24px 18px 28px; gap: 20px; border-radius: 16px; }\r\n .cab4-intro-text { font-size: 14px !important; padding: 12px 15px; font-weight: 700 !important; }\r\n .cab4-card--text p { font-size: 14.5px; line-height: 1.85; }\r\n .cab4-btn { width: 100%; justify-content: center; }\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"cab4\" id=\"cehpi-about\">\r\n <div class=\"cab4-inner\">\r\n\r\n \r\n <div class=\"cab4-header cab4-reveal cab4-d1\">\r\n <div class=\"cab4-label\">\r\n <div class=\"cab4-label-bar\"><\/div>\r\n <span class=\"cab4-label-txt lang-fr\">Qui sommes-nous<\/span>\r\n <span class=\"cab4-label-txt lang-en\">About Us<\/span>\r\n <\/div>\r\n <h2 class=\"cab4-headline lang-fr\">Un partenaire strat\u00e9gique de <span class=\"hl\">confiance<\/span> dot\u00e9 d'un r\u00e9seau international<\/h2>\r\n <h2 class=\"cab4-headline lang-en\">A <span class=\"hl\">strategic partner<\/span> within an international network<\/h2>\r\n <\/div>\r\n\r\n \r\n <div class=\"cab4-grid\">\r\n\r\n \r\n <div class=\"cab4-card cab4-card--photo cab4-reveal cab4-d2\">\r\n <div class=\"cab4-photo-body\">\r\n <div class=\"cab4-badge\">\r\n <div class=\"cab4-badge-dot\"><\/div>\r\n <span class=\"cab4-badge-txt lang-fr\">L'\u00e9quipe CEHPI<\/span>\r\n <span class=\"cab4-badge-txt lang-en\">The CEHPI Team<\/span>\r\n <\/div>\r\n <p class=\"cab4-quote lang-fr\">Mettre l'excellence scientifique africaine au service des syst\u00e8mes de sant\u00e9 publique et pharmaceutiques.<\/p>\r\n <p class=\"cab4-quote lang-en\">Harnessing African scientific excellence to benefit public health and pharmaceutical systems.<\/p>\r\n <span class=\"cab4-cite lang-fr\">\u2014 Centre d'Expertise en Intelligence Sanitaire et Pharmaceutique<\/span>\r\n <span class=\"cab4-cite lang-en\">\u2014 Center for Expertise in Health and Pharmaceutical Intelligence<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cab4-card cab4-card--text cab4-reveal cab4-d3\">\r\n <div>\r\n\r\n \r\n <p class=\"cab4-intro-text lang-fr\">Le Center for Expertise in Health and Pharmaceutical Intelligence (CEHPI) ou Centre d'Expertise en Intelligence Sanitaire et Pharmaceutique, est un centre d'expertise international bas\u00e9 \u00e0 Ouagadougou, Burkina Faso, sp\u00e9cialis\u00e9 dans l'accompagnement des d\u00e9cideurs en sant\u00e9 publique.<\/p>\r\n <p class=\"cab4-intro-text lang-en\">The Center for Expertise in Health and Pharmaceutical Intelligence (CEHPI) is an international center of expertise based in Ouagadougou, Burkina Faso, specializing in supporting public health decision-makers.<\/p>\r\n\r\n \r\n <div class=\"cab4-tag\">\r\n <span class=\"cab4-tag-num\">01<\/span>\r\n <div class=\"cab4-tag-line\"><\/div>\r\n <span class=\"cab4-tag-lbl lang-fr\">Notre identit\u00e9<\/span>\r\n <span class=\"cab4-tag-lbl lang-en\">Our Identity<\/span>\r\n <\/div>\r\n\r\n \r\n <p class=\"lang-fr\">CEHPI est un centre <strong>d'expertise<\/strong> sp\u00e9cialis\u00e9 dans le renforcement des <strong>capacit\u00e9s<\/strong> de production, d'analyse et d'utilisation des donn\u00e9es <strong>probantes<\/strong> dans les syst\u00e8mes de sant\u00e9 publique et pharmaceutiques.<\/p>\r\n <p class=\"lang-en\">CEHPI is a center of <strong>expertise<\/strong> specializing in strengthening <strong>capacity<\/strong> for the generation, analysis, and use of <strong>evidence<\/strong> in public health and pharmaceutical systems.<\/p>\r\n\r\n \r\n <p class=\"lang-fr\">Nous intervenons \u00e0 l'interface de plusieurs <strong>disciplines cl\u00e9s<\/strong> \u2014 notamment l'\u00e9pid\u00e9miologie, la science r\u00e9glementaire, l'\u00e9conomie de la sant\u00e9 et l'intelligence pharmaceutique \u2014 afin de <strong>transformer<\/strong> des donn\u00e9es complexes en informations strat\u00e9giques directement utilisables pour la <strong>prise de d\u00e9cision<\/strong>.<\/p>\r\n <p class=\"lang-en\">We operate at the intersection of several <strong>key disciplines<\/strong>\u2014including epidemiology, regulatory science, health economics, and pharmaceutical intelligence\u2014to <strong>transform<\/strong> complex data into strategic insights that can be directly applied to <strong>decision-making<\/strong>.<\/p>\r\n\r\n \r\n <p class=\"lang-fr\">Fond\u00e9 par le <strong>Dr Lassan\u00e9 Kabor\u00e9<\/strong> \u2014 fort de pr\u00e8s de <strong>20 ans d'exp\u00e9rience<\/strong> au sein du Minist\u00e8re de la Sant\u00e9 du Burkina Faso, de l'AMP, PATH et Gavi \u2014 CEHPI incarne une vision ambitieuse au croisement de la science et de la politique de sant\u00e9.<\/p>\r\n <p class=\"lang-en\">Founded by <strong>Dr. Lassan\u00e9 Kabor\u00e9<\/strong>\u2014who brings nearly <strong>20 years of experience<\/strong> from the Ministry of Health of Burkina Faso, AMP, PATH, and Gavi\u2014CEHPI embodies an ambitious vision at the intersection of science and health policy.<\/p>\r\n\r\n <\/div>\r\n\r\n <a href=\"https:\/\/cehpi.com\/a-propos-de-cehpi\/\" class=\"cab4-btn\">\r\n <i class=\"ti ti-arrow-right\"><\/i>\r\n <span class=\"lang-fr\">En savoir plus<\/span>\r\n <span class=\"lang-en\">Learn more<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div style=\"display:none !important\" class=\"cab4-card cab4-card--stats cab4-reveal cab4-d4\">\r\n <div class=\"cab4-stat\">\r\n <span class=\"cab4-stat-num lang-fr\">Rigueur<\/span>\r\n <span class=\"cab4-stat-num lang-en\">Rigour<\/span>\r\n <span class=\"cab4-stat-label lang-fr\">scientifique<\/span>\r\n <span class=\"cab4-stat-label lang-en\">scientific<\/span>\r\n <\/div>\r\n <div class=\"cab4-stat\">\r\n <span class=\"cab4-stat-num lang-fr\">Pertinence<\/span>\r\n <span class=\"cab4-stat-num lang-en\">Relevance<\/span>\r\n <span class=\"cab4-stat-label lang-fr\">contextuelle<\/span>\r\n <span class=\"cab4-stat-label lang-en\">contextual<\/span>\r\n <\/div>\r\n <div class=\"cab4-stat\">\r\n <span class=\"cab4-stat-num lang-fr\">Impact<\/span>\r\n <span class=\"cab4-stat-num lang-en\">Impact<\/span>\r\n <span class=\"cab4-stat-label lang-fr\">mesurable<\/span>\r\n <span class=\"cab4-stat-label lang-en\">measurable<\/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(function () {\r\n var items = document.querySelectorAll('.cab4-reveal');\r\n var hl = document.querySelector('.cab4-headline .hl');\r\n\r\n if (!('IntersectionObserver' in window)) {\r\n items.forEach(function(el){ el.classList.add('is-vis'); });\r\n if (hl) hl.classList.add('is-visible');\r\n return;\r\n }\r\n\r\n var io = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('is-vis');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.10 });\r\n items.forEach(function (el) { io.observe(el); });\r\n\r\n if (hl) {\r\n var hlObs = new IntersectionObserver(function (entries) {\r\n if (entries[0].isIntersecting) {\r\n hl.classList.add('is-visible');\r\n hlObs.disconnect();\r\n }\r\n }, { threshold: 0.5 });\r\n var header = document.querySelector('.cab4-header');\r\n if (header) hlObs.observe(header);\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-7b8d420 e-con-full e-flex e-con e-parent \" data-id=\"7b8d420\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-e99d278 elementor-widget elementor-widget-html\" data-id=\"e99d278\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@700;800;900&family=DM+Sans:wght@300;400;500;600&display=swap\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n VARIABLES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv {\r\n --p: #7746AD;\r\n --p-mid: #a86ee8;\r\n --p-pale: #c89ef4;\r\n --p-bg: #f3eeff;\r\n --p-glow: rgba(119,70,173,.13);\r\n\r\n --g: #4FA633;\r\n --g-mid: #6dc44d;\r\n --g-pale: #a8e08d;\r\n --g-bg: #f0fae9;\r\n --g-glow: rgba(79,166,51,.12);\r\n\r\n --ink: #0c0c18;\r\n --ink2: #36364a;\r\n --ink3: #80809a;\r\n --bg: #f8f7fc;\r\n --card-bg: #ffffff;\r\n --bd: #e8e3f2;\r\n}\r\n\r\n.csrv *, .csrv *::before, .csrv *::after {\r\n box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION SHELL \u2014 fond l\u00e9g\u00e8rement teint\u00e9\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv {\r\n background: var(--bg);\r\n width: 100%;\r\n overflow: hidden;\r\n font-family: 'Poppins', sans-serif;\r\n position: relative;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n INNER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv-inner {\r\n max-width: 1500px;\r\n margin: 0 auto;\r\n padding: 100px 48px 110px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HEADER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv-header { margin-bottom: 64px; }\r\n\r\n.csrv-label {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n margin-bottom: 18px;\r\n}\r\n.csrv-label-bar { width: 28px; height: 2px; background: var(--g); border-radius: 2px; }\r\n.csrv-label-txt {\r\n font-size: 13px; font-weight: 600;\r\n letter-spacing: 2.8px; text-transform: uppercase;\r\n color: var(--g);\r\n}\r\n\r\n.csrv-headline {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 900; font-size: 48px;\r\n line-height: 1.07; letter-spacing: -1.2px;\r\n color: var(--ink);\r\n margin-bottom: 18px;\r\n}\r\n.csrv-headline .hl { color: var(--p); font-family:'Poppins', sans-serif !important }\r\n\r\n.csrv-sub {\r\n font-size: 20px; font-weight: 500;\r\n line-height: 1.75; color: var(--ink3);\r\n max-width: 650px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n GRILLE 4 CARTES \u2014 2 \u00d7 2\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CARTE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv-card {\r\n background: var(--card-bg);\r\n border: 1px solid var(--bd);\r\n border-radius: 20px;\r\n padding: 40px 40px 44px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform .25s cubic-bezier(.4,0,.2,1),\r\n box-shadow .25s cubic-bezier(.4,0,.2,1),\r\n border-color .25s;\r\n}\r\n.csrv-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 48px rgba(119,70,173,.12);\r\n border-color: var(--p-pale);\r\n}\r\n\r\n\/* Ligne d\u00e9corative en haut de la carte *\/\r\n.csrv-card::before {\r\n content: '';\r\n position: absolute; top: 0; left: 0; right: 0;\r\n height: 3px;\r\n border-radius: 20px 20px 0 0;\r\n opacity: 0;\r\n transition: opacity .25s;\r\n}\r\n.csrv-card:hover::before { opacity: 1; }\r\n\r\n\/* Cartes violettes (1 & 3) *\/\r\n.csrv-card--p::before { background: linear-gradient(90deg, var(--p), var(--p-pale)); }\r\n.csrv-card--p:hover { border-color: var(--p-pale); box-shadow: 0 16px 48px var(--p-glow); }\r\n\r\n\/* Cartes vertes (2 & 4) *\/\r\n.csrv-card--g::before { background: linear-gradient(90deg, var(--g), var(--g-pale)); }\r\n.csrv-card--g:hover { border-color: var(--g-pale); box-shadow: 0 16px 48px var(--g-glow); }\r\n\r\n\/* Num\u00e9ro en filigrane *\/\r\n.csrv-card-num {\r\n position: absolute; top: 28px; right: 32px;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 64px; font-weight: 900;\r\n line-height: 1;\r\n letter-spacing: -3px;\r\n opacity: .055;\r\n color: var(--ink);\r\n user-select: none; pointer-events: none;\r\n}\r\n\r\n\/* \u2500\u2500 Ic\u00f4ne \u2500\u2500 *\/\r\n.csrv-icon-wrap {\r\n width: 52px; height: 52px;\r\n border-radius: 14px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.csrv-card--p .csrv-icon-wrap { background: var(--p-bg); }\r\n.csrv-card--g .csrv-icon-wrap { background: var(--g-bg); }\r\n\r\n.csrv-icon-wrap i {\r\n font-size: 24px;\r\n}\r\n.csrv-card--p .csrv-icon-wrap i { color: var(--p); }\r\n.csrv-card--g .csrv-icon-wrap i { color: var(--g); }\r\n\r\n\/* \u2500\u2500 Corps \u2500\u2500 *\/\r\n.csrv-card-body { display: flex; flex-direction: column; gap: 12px; flex: 1; }\r\n\r\n.csrv-card-title {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 800; font-size: 25px;\r\n line-height: 1.2; letter-spacing: -.3px;\r\n color: var(--ink);\r\n}\r\n\r\n.csrv-card-text {\r\n font-size: 18px; font-weight: 400;\r\n line-height: 1.85; color: var(--ink2);\r\n flex: 1;\r\n}\r\n\r\n\/* \u2500\u2500 Lien \"En savoir plus\" \u2500\u2500 *\/\r\n.csrv-card-link {\r\n display: inline-flex; align-items: center; gap: 7px;\r\n font-size: 11.5px; font-weight: 600;\r\n letter-spacing: 1px; text-transform: uppercase;\r\n text-decoration: none;\r\n margin-top: 8px;\r\n transition: gap .2s;\r\n}\r\n.csrv-card--p .csrv-card-link { color: var(--p); }\r\n.csrv-card--g .csrv-card-link { color: var(--g); }\r\n.csrv-card-link:hover { gap: 12px; }\r\n.csrv-card-link i { font-size: 15px; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BANDEAU BAS \u2014 CTA global\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv-cta {\r\n margin-top: 56px;\r\n background: #7543AB;\r\n border-radius: 20px;\r\n padding: 44px 52px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 32px;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 16px 48px rgba(119,70,173,.22);\r\n}\r\n\/* Cercles d\u00e9co *\/\r\n.csrv-cta::before {\r\n content: '';\r\n position: absolute; top: -60px; right: -60px;\r\n width: 220px; height: 220px; border-radius: 50%;\r\n background: rgba(255,255,255,.06); pointer-events: none;\r\n}\r\n.csrv-cta::after {\r\n content: '';\r\n position: absolute; bottom: -80px; left: 40px;\r\n width: 180px; height: 180px; border-radius: 50%;\r\n background: rgba(255,255,255,.04); pointer-events: none;\r\n}\r\n\r\n.csrv-cta-left { position: relative; z-index: 1; }\r\n.csrv-cta-title {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 900; font-size: 35px;\r\n line-height: 1.2; letter-spacing: -.5px;\r\n color: #fff;\r\n margin-bottom: 8px;\r\n}\r\n.csrv-cta-sub {\r\n font-size: 18px; font-weight: 300;\r\n color: rgba(255,255,255,.72);\r\n line-height: 1.6;\r\n max-width: 500px;\r\n}\r\n\r\n.csrv-cta-btn {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n background: #fff;\r\n color: var(--p);\r\n font-size: 16px; font-weight: 700;\r\n letter-spacing: 1px; text-transform: uppercase;\r\n padding: 15px 32px; border-radius: 8px;\r\n border: none; cursor: pointer; text-decoration: none;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n position: relative; z-index: 1;\r\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\r\n transition: transform .2s, box-shadow .2s, color .2s;\r\n}\r\n.csrv-cta-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 28px rgba(0,0,0,.20);\r\n color: var(--g);\r\n}\r\n.csrv-cta-btn i { font-size: 16px; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SCROLL REVEAL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.csrv-reveal {\r\n opacity: 0;\r\n transform: translateY(26px);\r\n transition: opacity .7s cubic-bezier(.4,0,.2,1),\r\n transform .7s cubic-bezier(.4,0,.2,1);\r\n}\r\n.csrv-reveal.is-vis { opacity: 1; transform: none; }\r\n.csrv-d1 { transition-delay: .05s; }\r\n.csrv-d2 { transition-delay: .15s; }\r\n.csrv-d3 { transition-delay: .25s; }\r\n.csrv-d4 { transition-delay: .35s; }\r\n.csrv-d5 { transition-delay: .45s; }\r\n.csrv-d6 { transition-delay: .55s; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TABLET \u2264 900px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n .csrv-inner { padding: 72px 28px 80px; }\r\n .csrv-headline { font-size: 38px; }\r\n .csrv-grid { gap: 16px; }\r\n .csrv-card { padding: 32px 30px 36px; }\r\n .csrv-cta { flex-direction: column; align-items: flex-start; padding: 36px 36px; }\r\n .csrv-cta-btn { width: 100%; justify-content: center; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE \u2264 600px\r\n padding-x max 6px, padding-top 15px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 600px) {\r\n .csrv-label-txt {font-size: 10px}\r\n .csrv-inner { padding: 15px 6px 48px; }\r\n\r\n .csrv-header { margin-bottom: 28px; }\r\n .csrv-headline { font-size: 26px; letter-spacing: -.6px; }\r\n .csrv-sub { font-size: 16px; }\r\n\r\n \/* 1 colonne sur mobile *\/\r\n .csrv-grid { grid-template-columns: 1fr; gap: 12px; }\r\n\r\n .csrv-card { padding: 26px 20px 30px; border-radius: 16px; }\r\n .csrv-card-num { font-size: 48px; top: 20px; right: 20px; }\r\n .csrv-icon-wrap { width: 44px; height: 44px; border-radius: 12px; }\r\n .csrv-icon-wrap i { font-size: 20px; }\r\n .csrv-card-title { font-size: 20px; }\r\n .csrv-card-text { font-size: 15px; }\r\n\r\n .csrv-cta {\r\n margin-top: 32px;\r\n padding: 28px 20px;\r\n border-radius: 16px;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 20px;\r\n }\r\n .csrv-cta-title { font-size: 22px; }\r\n .csrv-cta-sub { font-size: 15px; }\r\n .csrv-cta-btn { width: 100%; font-size: 12px; justify-content: center; padding: 13px 24px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"csrv\" id=\"cehpi-services\">\r\n <div class=\"csrv-inner\">\r\n\r\n \r\n <div class=\"csrv-header csrv-reveal csrv-d1\">\r\n <div class=\"csrv-label\">\r\n <div class=\"csrv-label-bar\"><\/div>\r\n <span class=\"csrv-label-txt\">Ce que nous faisons<\/span>\r\n <\/div>\r\n <h2 class=\"csrv-headline\">\r\n Nos domaines <span class=\"hl\">d'intervention<\/span>\r\n <\/h2>\r\n <p class=\"csrv-sub\">\r\n CEHPI structure son offre autour de quatre piliers compl\u00e9mentaires,\r\n couvrant l'ensemble du cycle d\u00e9cisionnel en sant\u00e9 publique.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"csrv-grid\">\r\n\r\n \r\n <div class=\"csrv-card csrv-card--p csrv-reveal csrv-d2\">\r\n <span class=\"csrv-card-num\">01<\/span>\r\n <div class=\"csrv-icon-wrap\">\r\n <i class=\"ti ti-chess\"><\/i>\r\n <\/div>\r\n <div class=\"csrv-card-body\">\r\n <h3 class=\"csrv-card-title\">Conseil et services sp\u00e9cialis\u00e9s <\/h3>\r\n <p class=\"csrv-card-text\">\r\n Nous appuyons les d\u00e9cideurs publics, les autorit\u00e9s r\u00e9glementaires, les organisations\r\n internationales et les acteurs priv\u00e9s dans la conception, l'analyse et l'optimisation\r\n de leurs strat\u00e9gies et politiques de sant\u00e9.\r\n <\/p>\r\n <a href=\"https:\/\/cehpi.com\/service\/conseil-et-accompagnement-strategique\/\" class=\"csrv-card-link\">\r\n En savoir plus <i class=\"ti ti-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"csrv-card csrv-card--g csrv-reveal csrv-d3\">\r\n <span class=\"csrv-card-num\">02<\/span>\r\n <div class=\"csrv-icon-wrap\">\r\n <i class=\"ti ti-microscope\"><\/i>\r\n <\/div>\r\n <div class=\"csrv-card-body\">\r\n <h3 class=\"csrv-card-title\">Recherche et \u00e9valuation<\/h3>\r\n <p class=\"csrv-card-text\">\r\n Nous conduisons des travaux analytiques et des \u00e9tudes rigoureuses visant \u00e0 produire\r\n des donn\u00e9es probantes robustes pour \u00e9clairer les d\u00e9cisions en sant\u00e9 publique.\r\n <\/p>\r\n <a href=\"https:\/\/cehpi.com\/service\/recherche-et-evaluation\/\" class=\"csrv-card-link\">\r\n En savoir plus <i class=\"ti ti-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"csrv-card csrv-card--p csrv-reveal csrv-d4\">\r\n <span class=\"csrv-card-num\">03<\/span>\r\n <div class=\"csrv-icon-wrap\">\r\n <i class=\"ti ti-users\"><\/i>\r\n <\/div>\r\n <div class=\"csrv-card-body\">\r\n <h3 class=\"csrv-card-title\">Renforcement des capacit\u00e9s<\/h3>\r\n <p class=\"csrv-card-text\">\r\n Nous d\u00e9veloppons les comp\u00e9tences des professionnels et des institutions \u00e0 travers\r\n des formations pratiques, concr\u00e8tes et orient\u00e9es vers la d\u00e9cision en sant\u00e9.\r\n <\/p>\r\n <a href=\"https:\/\/cehpi.com\/service\/renforcement-des-capacites\/\" class=\"csrv-card-link\">\r\n En savoir plus <i class=\"ti ti-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"csrv-card csrv-card--g csrv-reveal csrv-d5\">\r\n <span class=\"csrv-card-num\">04<\/span>\r\n <div class=\"csrv-icon-wrap\">\r\n <i class=\"ti ti-school\"><\/i>\r\n <\/div>\r\n <div class=\"csrv-card-body\">\r\n <h3 class=\"csrv-card-title\">Acad\u00e9mie professionnelle CEHPI<\/h3>\r\n <p class=\"csrv-card-text\">\r\n Un \u00e9cosyst\u00e8me structur\u00e9 de formation couvrant l'ensemble du cycle d\u00e9cisionnel\r\n en sant\u00e9 publique, de la production des donn\u00e9es \u00e0 leur utilisation strat\u00e9gique.\r\n <\/p>\r\n <a href=\"https:\/\/cehpi.com\/service\/academie-professionnelle-cehpi\/\" class=\"csrv-card-link\">\r\n En savoir plus <i class=\"ti ti-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"csrv-cta csrv-reveal csrv-d6\">\r\n <div class=\"csrv-cta-left\">\r\n <p class=\"csrv-cta-title\">Un besoin sp\u00e9cifique ?<\/p>\r\n <p class=\"csrv-cta-sub\">\r\n Nos experts sont disponibles pour analyser votre situation et vous proposer une solution sur mesure.\r\n <\/p>\r\n <\/div>\r\n <a href=\"https:\/\/cehpi.com\/demander-une-proposition\/\" class=\"csrv-cta-btn\">\r\n <i class=\"ti ti-send\"><\/i>Demander une proposition\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n var items = document.querySelectorAll('.csrv-reveal');\r\n if (!('IntersectionObserver' in window)) {\r\n items.forEach(function(el){ el.classList.add('is-vis'); });\r\n return;\r\n }\r\n var io = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('is-vis');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.08 });\r\n items.forEach(function (el) { io.observe(el); });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-b99672e e-con-full e-flex e-con e-parent \" data-id=\"b99672e\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-cc2751c elementor-widget elementor-widget-html\" data-id=\"cc2751c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800;900&family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n VARIABLES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cwhy {\r\n --p: #7746AD;\r\n --p-mid: #a86ee8;\r\n --p-pale: #c89ef4;\r\n --p-bg: #f3eeff;\r\n --g: #4FA633;\r\n --g-mid: #6dc44d;\r\n --g-pale: #a8e08d;\r\n --g-bg: #f0fae9;\r\n --ink: #0c0c18;\r\n --ink2: #36364a;\r\n --ink3: #80809a;\r\n --bg: #ffffff;\r\n --bg2: #f8f7fc;\r\n --bd: #e8e3f2;\r\n}\r\nh1, h2, h3, h4, h5, h6 {\r\n font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\np, li, span, div {\r\n font-family: 'Roboto', sans-serif;\r\n}\r\n.cwhy *, .cwhy *::before, .cwhy *::after {\r\n box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION SHELL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cwhy {\r\n background: var(--bg);\r\n width: 100%;\r\n overflow: hidden;\r\n font-family: 'Poppins', sans-serif !important;\r\n position: relative;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n INNER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cwhy-inner {\r\n max-width: 1500px;\r\n margin: 0 auto;\r\n padding: 70px 48px 75px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n LAYOUT PRINCIPAL \u2014 2 colonnes\r\n Gauche : texte \"Pourquoi\"\r\n Droite : points diff\u00e9renciants\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cwhy-top {\r\n display: grid;\r\n grid-template-columns: 1fr 1.1fr;\r\n gap: 72px;\r\n align-items: center;\r\n margin-bottom: 64px;\r\n}\r\n\r\n\/* \u2500\u2500 Colonne gauche \u2500\u2500 *\/\r\n.cwhy-label {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n margin-bottom: 20px;\r\n}\r\n.cwhy-label-bar { width: 28px; height: 2px; background: var(--p); border-radius: 2px; }\r\n.cwhy-label-txt {\r\n font-size: 13px; font-weight: 600;\r\n letter-spacing: 2.8px; text-transform: uppercase;\r\n color: var(--p);\r\n}\r\n\r\n.cwhy-headline {\r\n font-family: 'Poppins', sans-serif !important;\r\n font-weight: bold !important; font-size: 45px;\r\n line-height: 1.08; letter-spacing: -1px;\r\n color: var(--ink);\r\n margin-bottom: 24px;\r\n}\r\n.cwhy-headline .hl-p { color: var(--p); }\r\n.cwhy-headline .hl-g { color: var(--g); }\r\n\r\n.cwhy-lead {\r\n font-size: 20px; font-weight: 300;\r\n line-height: 1.85; color: var(--ink2);\r\n margin-bottom: 32px;\r\n padding-left: 18px;\r\n border-left: 2px solid var(--bd);\r\n}\r\n\r\n\/* Phrase de conclusion \u2014 mise en avant *\/\r\n.cwhy-conclusion {\r\n display: flex; align-items: flex-start; gap: 14px;\r\n background: var(--p-bg);\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n}\r\n.cwhy-conclusion-icon {\r\n width: 36px; height: 36px;\r\n background: var(--p);\r\n border-radius: 10px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 1px;\r\n}\r\n.cwhy-conclusion-icon i { font-size: 18px; color: #fff; }\r\n.cwhy-conclusion-text {\r\n font-size: 17px !important; font-weight: 500;\r\n line-height: 1.65; color: var(--ink2);\r\n font-style: italic;\r\n}\r\n.cwhy-conclusion-text strong { font-weight: 700; color: var(--p); font-style: normal; }\r\n\r\n\/* \u2500\u2500 Colonne droite \u2014 points diff\u00e9renciants \u2500\u2500 *\/\r\n.cwhy-points {\r\n display: flex; flex-direction: column; gap: 16px;\r\n}\r\n\r\n.cwhy-point {\r\n display: flex; align-items: flex-start; gap: 18px;\r\n background: var(--bg2);\r\n border: 1px solid var(--bd);\r\n border-radius: 14px;\r\n padding: 24px 26px;\r\n transition: border-color .22s, box-shadow .22s, transform .22s;\r\n cursor: default;\r\n}\r\n.cwhy-point:hover {\r\n border-color: var(--p-pale);\r\n box-shadow: 0 8px 28px rgba(119,70,173,.09);\r\n transform: translateX(4px);\r\n}\r\n.cwhy-point:nth-child(2):hover { border-color: var(--g-pale); box-shadow: 0 8px 28px rgba(79,166,51,.09); }\r\n\r\n\/* Ic\u00f4ne point *\/\r\n.cwhy-point-icon {\r\n width: 44px; height: 44px;\r\n border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.cwhy-point:nth-child(1) .cwhy-point-icon { background: var(--p-bg); }\r\n.cwhy-point:nth-child(1) .cwhy-point-icon i { color: var(--p); }\r\n.cwhy-point:nth-child(2) .cwhy-point-icon { background: var(--g-bg); }\r\n.cwhy-point:nth-child(2) .cwhy-point-icon i { color: var(--g); }\r\n.cwhy-point:nth-child(3) .cwhy-point-icon { background: var(--p-bg); }\r\n.cwhy-point:nth-child(3) .cwhy-point-icon i { color: var(--p-mid); }\r\n.cwhy-point-icon i { font-size: 20px; }\r\n\r\n.cwhy-point-body {}\r\n.cwhy-point-title {\r\n font-family: 'Poppins', sans-serif !important;\r\n font-weight: 800 !important; font-size: 17px;\r\n color: var(--ink); margin-bottom: 5px;\r\n}\r\n.cwhy-point-desc {\r\n font-size: 16px; font-weight: 400;\r\n line-height: 1.70; color: var(--ink3);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CHIFFRES CL\u00c9S \u2014 bande pleine largeur\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cwhy-stats {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0;\r\n background: #7543AB;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 14px 48px rgba(119,70,173,.22), 0 4px 16px rgba(79,166,51,.12);\r\n position: relative;\r\n}\r\n\/* Cercles d\u00e9co *\/\r\n.cwhy-stats::before {\r\n content: '';\r\n position: absolute; top: -60px; right: -60px;\r\n width: 220px; height: 220px; border-radius: 50%;\r\n background: rgba(255,255,255,.06); pointer-events: none;\r\n}\r\n.cwhy-stats::after {\r\n content: '';\r\n position: absolute; bottom: -70px; left: 30px;\r\n width: 180px; height: 180px; border-radius: 50%;\r\n background: rgba(255,255,255,.04); pointer-events: none;\r\n}\r\n\r\n.cwhy-stat {\r\n display: flex; flex-direction: column;\r\n align-items: center; justify-content: center;\r\n text-align: center;\r\n padding: 44px 24px;\r\n border-right: 1px solid rgba(255,255,255,.12);\r\n position: relative; z-index: 1;\r\n gap: 8px;\r\n}\r\n.cwhy-stat:last-child { border-right: none; }\r\n\r\n.cwhy-stat-icon {\r\n width: 40px; height: 40px;\r\n background: rgba(255,255,255,.12);\r\n border-radius: 10px;\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 4px;\r\n}\r\n.cwhy-stat-icon i { font-size: 18px; color: rgba(255,255,255,.85); }\r\n\r\n.cwhy-stat-num {\r\n font-family: 'Poppins', sans-serif !important;\r\n font-size: 45px; font-weight: 900 !important;\r\n color: #fff; letter-spacing: -1.5px; line-height: 1;\r\n}\r\n.cwhy-stat-label {\r\n font-size: 17px; font-weight: 600;\r\n color: rgba(255,255,255,.65);\r\n line-height: 1.45; text-align: center;\r\n max-width: 220px;\r\n }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SCROLL REVEAL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cwhy-reveal {\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: opacity .7s cubic-bezier(.4,0,.2,1),\r\n transform .7s cubic-bezier(.4,0,.2,1);\r\n}\r\n.cwhy-reveal.is-vis { opacity: 1; transform: none; }\r\n.cwhy-d1 { transition-delay: .05s; }\r\n.cwhy-d2 { transition-delay: .15s; }\r\n.cwhy-d3 { transition-delay: .25s; }\r\n.cwhy-d4 { transition-delay: .35s; }\r\n.cwhy-d5 { transition-delay: .45s; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TABLET \u2264 900px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n .cwhy-inner { padding: 52px 28px 56px; }\r\n\r\n .cwhy-top {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n margin-bottom: 44px;\r\n }\r\n .cwhy-headline { font-size: 34px; }\r\n\r\n .cwhy-stats { grid-template-columns: repeat(2, 1fr); padding: 18px 12px; gap: 4px; }\r\n .cwhy-stat:nth-child(2) { border-right: none; }\r\n .cwhy-stat:nth-child(1),\r\n .cwhy-stat:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,.12); }\r\n .cwhy-stat { padding: 32px 20px; }\r\n .cwhy-stat-num { font-size: 34px; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE \u2264 600px\r\n padding-x 5px, padding-top standard\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 600px) {\r\n .cwhy-inner { padding: 48px 5px 52px; }\r\n\r\n .cwhy-top { gap: 28px; margin-bottom: 28px; }\r\n .cwhy-headline { font-size: 25px;font-weight: bold !important; letter-spacing: -.5px; }\r\n .cwhy-lead { font-size: 14.5px; padding-left: 14px; }\r\n .cwhy-conclusion { padding: 14px 16px; gap: 12px; }\r\n .cwhy-conclusion-icon { width: 32px; height: 32px; border-radius: 8px; }\r\n .cwhy-conclusion-icon i { font-size: 16px; }\r\n .cwhy-conclusion-text { font-size: 13px !important; }\r\n\r\n .cwhy-point { padding: 18px 18px; gap: 14px; border-radius: 12px; }\r\n .cwhy-point-icon { width: 38px; height: 38px; border-radius: 10px; }\r\n .cwhy-point-icon i { font-size: 17px; }\r\n .cwhy-point-title { font-size: 15px; font-weight:500 }\r\n .cwhy-point-desc { font-size: 13px; }\r\n\r\n \/* Stats : 2 colonnes sur mobile *\/\r\n .cwhy-stats {\r\n grid-template-columns: 1fr; \r\n border-radius: 16px;\r\n }\r\n .cwhy-stat:nth-child(2) { border-right: none; }\r\n .cwhy-stat:nth-child(1),\r\n .cwhy-stat:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,.12); }\r\n .cwhy-stat { padding: 26px 12px; gap: 6px; }\r\n .cwhy-stat-icon { width: 34px; height: 34px; border-radius: 8px; }\r\n .cwhy-stat-icon i { font-size: 15px; }\r\n .cwhy-stat-num { font-size: 40px; font-weight:800 !important; }\r\n .cwhy-stat-label { font-size: 20px; max-width: 250px !important }\r\n }\r\n.cwhy-headline {\r\n text-transform: lowercase !important\r\n}\r\n\r\n.cwhy-headline::first-letter {\r\n text-transform: uppercase !important;\r\n}\r\n<\/style>\r\n\r\n<section class=\"cwhy\" id=\"cehpi-why\">\r\n <div class=\"cwhy-inner\">\r\n\r\n \r\n <div class=\"cwhy-top\">\r\n\r\n \r\n <div class=\"cwhy-left cwhy-reveal cwhy-d1\">\r\n <div class=\"cwhy-label\">\r\n <div class=\"cwhy-label-bar\"><\/div>\r\n <span class=\"cwhy-label-txt\">Notre valeur ajout\u00e9e<\/span>\r\n <\/div>\r\n <h2 class=\"cwhy-headline\">\r\n POURQUOI COLLABORER<br>AVEC <span class=\"hl-p\">CEH<\/span><span class=\"hl-g\">PI<\/span> ?\r\n <\/h2>\r\n <p class=\"cwhy-lead\">\r\n CEHPI se distingue par une combinaison unique de comp\u00e9tences compl\u00e9mentaires,\r\n pens\u00e9es pour r\u00e9pondre aux d\u00e9fis r\u00e9els des syst\u00e8mes de sant\u00e9.\r\n <\/p>\r\n <div class=\"cwhy-conclusion\">\r\n <div class=\"cwhy-conclusion-icon\">\r\n <i class=\"ti ti-bulb\"><\/i>\r\n <\/div>\r\n <p class=\"cwhy-conclusion-text\">\r\n Nous ne produisons pas seulement des donn\u00e9es. Nous contribuons \u00e0 <strong>renforcer les syst\u00e8mes de d\u00e9cision.<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cwhy-points cwhy-reveal cwhy-d2\">\r\n <div class=\"cwhy-point\">\r\n <div class=\"cwhy-point-icon\">\r\n <i class=\"ti ti-shield-check\"><\/i>\r\n <\/div>\r\n <div class=\"cwhy-point-body\">\r\n <p class=\"cwhy-point-title\">Rigueur m\u00e9thodologique<\/p>\r\n <p class=\"cwhy-point-desc\">\r\n Garantissant la qualit\u00e9 scientifique des analyses et des travaux produits.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cwhy-point\">\r\n <div class=\"cwhy-point-icon\">\r\n <i class=\"ti ti-map-pin\"><\/i>\r\n <\/div>\r\n <div class=\"cwhy-point-body\">\r\n <p class=\"cwhy-point-title\">Expertise contextuelle<\/p>\r\n <p class=\"cwhy-point-desc\">\r\n Adapt\u00e9e aux r\u00e9alit\u00e9s des pays \u00e0 revenus faibles et interm\u00e9diaires.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cwhy-point\">\r\n <div class=\"cwhy-point-icon\">\r\n <i class=\"ti ti-brain\"><\/i>\r\n <\/div>\r\n <div class=\"cwhy-point-body\">\r\n <p class=\"cwhy-point-title\">Intelligence strat\u00e9gique<\/p>\r\n <p class=\"cwhy-point-desc\">\r\n Orient\u00e9e vers l'action et la d\u00e9cision, au-del\u00e0 de la simple production de donn\u00e9es.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cwhy-stats cwhy-reveal cwhy-d3\">\r\n <div class=\"cwhy-stat\">\r\n <div class=\"cwhy-stat-icon\"><i class=\"ti ti-clock\"><\/i><\/div>\r\n <span class=\"cwhy-stat-num\">20 ~<\/span>\r\n <span class=\"cwhy-stat-label\">Ann\u00e9es d'exp\u00e9rience internationale et africaine<\/span>\r\n <\/div>\r\n\r\n <div class=\"cwhy-stat\">\r\n <div class=\"cwhy-stat-icon\"><i class=\"ti ti-award\"><\/i><\/div>\r\n <span class=\"cwhy-stat-num\">4<\/span>\r\n <span class=\"cwhy-stat-label\">Domaines d'excellence<\/span>\r\n <\/div>\r\n\r\n <div class=\"cwhy-stat\">\r\n <div class=\"cwhy-stat-icon\"><i class=\"ti ti-file-text\"><\/i><\/div>\r\n <span class=\"cwhy-stat-num\">20 +<\/span>\r\n <span class=\"cwhy-stat-label\">Publications scientifiques<\/span>\r\n <\/div>\r\n\r\n <div class=\"cwhy-stat\">\r\n <div class=\"cwhy-stat-icon\"><i class=\"ti ti-language\"><\/i><\/div>\r\n <span class=\"cwhy-stat-num\">2<\/span>\r\n <span class=\"cwhy-stat-label\">Langues de travail Anglais \/ Fran\u00e7ais<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n var items = document.querySelectorAll('.cwhy-reveal');\r\n if (!('IntersectionObserver' in window)) {\r\n items.forEach(function(el){ el.classList.add('is-vis'); });\r\n return;\r\n }\r\n var io = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (e) {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('is-vis');\r\n io.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.08 });\r\n items.forEach(function (el) { io.observe(el); });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-6b540f9 e-con-full e-flex e-con e-parent \" data-id=\"6b540f9\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-1a26d81 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"1a26d81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700;800&family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n\r\n<style>\r\n.cta-s {\r\n position: relative;\r\n background: linear-gradient(135deg, #4e9e18 0%, #2a5e0e 40%, #6b0e76 100%);\r\n padding: 6rem 2rem;\r\n overflow: hidden;\r\n text-align: center;\r\n}\r\n@media(max-width:600px){.cta-s{padding:4rem 1rem}}\r\n\r\n.cta-s::before {\r\n content: '';\r\n position: absolute; inset: 0; pointer-events: none;\r\n background-image:\r\n linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);\r\n background-size: 44px 44px;\r\n}\r\n\r\n.cta-s-orb1 {\r\n position: absolute; width: 500px; height: 500px; border-radius: 50%;\r\n background: rgba(255,255,255,.06);\r\n top: -160px; left: -120px; pointer-events: none;\r\n}\r\n.cta-s-orb2 {\r\n position: absolute; width: 360px; height: 360px; border-radius: 50%;\r\n background: rgba(255,255,255,.05);\r\n bottom: -130px; right: -80px; pointer-events: none;\r\n}\r\n\r\n.cta-s-inner {\r\n position: relative; z-index: 1;\r\n max-width: 1500px; margin: 0 auto;\r\n}\r\n\r\n.cta-s-badge {\r\n display: inline-flex; align-items: center; gap: 7px;\r\n padding: 5px 14px 5px 10px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.12);\r\n border: 1px solid rgba(255,255,255,.25);\r\n margin-bottom: 1.75rem;\r\n}\r\n.cta-s-badge-dot {\r\n width: 6px; height: 6px; border-radius: 50%;\r\n background: #78C943;\r\n box-shadow: 0 0 8px rgba(120,201,67,.8);\r\n}\r\n.cta-s-badge span {\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 11px; font-weight: 600;\r\n letter-spacing: .1em; text-transform: uppercase;\r\n color: rgba(255,255,255,.85);\r\n}\r\n\r\n.cta-s-title {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: clamp(1.75rem, 4vw, 3rem);\r\n font-weight: 800;\r\n line-height: 1.15; letter-spacing: -1px;\r\n color: #fff;\r\n margin-bottom: 1rem;\r\n}\r\n.cta-s-title .acc { color: #78C943; }\r\n\r\n.cta-s-div {\r\n width: 52px; height: 3px; border-radius: 3px;\r\n background: linear-gradient(90deg, #78C943, #c89ef4);\r\n margin: 0 auto 1.75rem;\r\n}\r\n\r\n.cta-s-btns {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.cta-s-btn-main {\r\n display: inline-flex; align-items: center; gap: .6rem;\r\n padding: 1.1rem 2.5rem;\r\n border-radius: .5rem;\r\n background: #fff;\r\n color: #2e0434;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 1rem; font-weight: 700;\r\n letter-spacing: .02em;\r\n text-decoration: none; border: none; cursor: pointer;\r\n box-shadow: 0 8px 32px rgba(0,0,0,.2);\r\n}\r\n.cta-s-btn-main:hover {\r\n background: #fff;\r\n color: black;\r\n box-shadow: 0 8px 32px rgba(0,0,0,.2);\r\n}\r\n.cta-s-btn-main i { font-size: 1.1rem; color: #4e9e18; }\r\n\r\n.cta-s-note {\r\n margin-top: 1.5rem;\r\n font-family: 'Roboto', sans-serif;\r\n font-size: .82rem; font-weight: 400;\r\n color: rgba(255,255,255,.5);\r\n}\r\n.cta-s-note i { font-size: .9rem; vertical-align: -2px; margin-right: 4px; color: rgba(255,255,255,.4); }\r\n\r\n@media(max-width:500px){\r\n .cta-s-btn-main { width: 100%; max-width: 320px; justify-content: center; }\r\n}\r\n\r\n@media(max-width:600px){\r\n .cta-s-btn-main { width: 100%; max-width: 420px; justify-content: center; }\r\n \r\n .cta-s-btn-main {\r\n padding: 0.6rem 1rem;\r\n }\r\n}\r\n.acc{font-family:'Poppins', sans-serif !important}\r\n<\/style>\r\n\r\n<div class=\"cta-s\">\r\n <div class=\"cta-s-orb1\"><\/div>\r\n <div class=\"cta-s-orb2\"><\/div>\r\n <div class=\"cta-s-inner\">\r\n\r\n <div class=\"cta-s-badge\">\r\n <div class=\"cta-s-badge-dot\"><\/div>\r\n <span>Passons \u00e0 l'action<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"cta-s-title\">\r\n Renfor\u00e7ons <span class=\"acc\">ensemble<\/span><br>les syst\u00e8mes d\u00e9cisionnels en sant\u00e9.\r\n <\/h2>\r\n\r\n <div class=\"cta-s-div\"><\/div>\r\n\r\n <div class=\"cta-s-btns\">\r\n <a href=\"https:\/\/cehpi.com\/demander-une-proposition\/\" class=\"cta-s-btn-main\">\r\n <i class=\"ti ti-send\"><\/i>Demander une proposition\r\n <\/a>\r\n <\/div>\r\n\r\n <p class=\"cta-s-note\">\r\n <i class=\"ti ti-lock\"><\/i>R\u00e9ponse sous 48h \u00b7 Sans engagement\r\n <\/p>\r\n\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CEHPI \u2014 Hero 01 \u2014 04 probantes” data-title-en=”Generating evidence” data-desc-fr=”CEHPI accompagne la production de donn\u00e9es probantes robustes \u00e0 travers des \u00e9tudes, analyses et \u00e9valuations rigoureuses, adapt\u00e9es aux besoins des d\u00e9cideurs en sant\u00e9 publique et pharmaceutique” data-desc-en=”CEHPI supports the production of robust evidence-based data through rigorous studies, analyses and evaluations, tailored to the needs of public […]<\/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-21","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":814,"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":13796,"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/pages\/21\/revisions\/13796"}],"wp:attachment":[{"href":"https:\/\/cehpi.com\/en\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}