Aper\u00e7u Hero Slider \u2014 UGP-SUA<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&family=Open+Sans:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<style>\nbody { margin:0; }\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\n VARIABLES & RESET\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 *\/\n#ugp-hero-wrapper {\n --ugp-bleu: #1B4F72;\n --ugp-or: #F4D03F;\n --ugp-gris: #2E4053;\n --ugp-blanc: #FFFFFF;\n font-family: 'Open Sans', sans-serif;\n width: 100%;\n position: relative;\n overflow: hidden;\n}\n#ugp-hero-wrapper *, #ugp-hero-wrapper *::before, #ugp-hero-wrapper *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\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\n SLIDER WRAPPER\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 *\/\n#ugp-hero-wrapper .ugp-slider {\n position: relative;\n height: 100vh;\n min-height: 600px;\n overflow: hidden;\n}\n\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\n SLIDES\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 *\/\n#ugp-hero-wrapper .ugp-slide {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n opacity: 0;\n transition: opacity 0.9s cubic-bezier(0.4,0,0.2,1);\n pointer-events: none;\n z-index: 0;\n}\n#ugp-hero-wrapper .ugp-slide.active {\n opacity: 1;\n pointer-events: auto;\n z-index: 1;\n}\n#ugp-hero-wrapper .ugp-slide.leaving {\n opacity: 0;\n z-index: 0;\n}\n\n\/* Image de fond par slide \u2014 zoom Ken Burns *\/\n#ugp-hero-wrapper .ugp-slide-bg {\n position: absolute;\n inset: -5%;\n background-size: cover;\n background-position: center center;\n transition: transform 8s ease-out;\n transform: scale(1.08);\n}\n#ugp-hero-wrapper .ugp-slide.active .ugp-slide-bg {\n transform: scale(1.0);\n}\n\n\/* Overlay d\u00e9grad\u00e9 *\/\n#ugp-hero-wrapper .ugp-hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to right,\n rgba(10, 22, 40, 0.72) 0%,\n rgba(27, 79, 114, 0.40) 55%,\n rgba(10, 22, 40, 0.15) 100%\n );\n z-index: 1;\n}\n\n\/* Route anim\u00e9e *\/\n#ugp-hero-wrapper .ugp-hero-road {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 55%;\n background: repeating-linear-gradient(\n to bottom,\n transparent 0px, transparent 18px,\n rgba(255,255,255,0.04) 18px, rgba(255,255,255,0.04) 20px\n );\n transform: perspective(600px) rotateX(20deg) translateY(20%);\n transform-origin: bottom;\n z-index: 1;\n}\n#ugp-hero-wrapper .ugp-hero-lines {\n position: absolute;\n left: 50%; bottom: 0;\n transform: translateX(-50%);\n width: 6px; height: 42%;\n background: repeating-linear-gradient(\n to top,\n var(--ugp-or) 0px, var(--ugp-or) 28px,\n transparent 28px, transparent 48px\n );\n opacity: 0.7;\n animation: ugpRoadLines 2s linear infinite;\n z-index: 1;\n}\n@keyframes ugpRoadLines {\n from { background-position: 0 0; }\n to { background-position: 0 -76px; }\n}\n\n\/* Particules *\/\n#ugp-hero-wrapper .ugp-particles {\n position: absolute;\n inset: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: 1;\n}\n#ugp-hero-wrapper .ugp-particle {\n position: absolute;\n width: 2px; height: 2px;\n background: var(--ugp-or);\n border-radius: 50%;\n opacity: 0;\n animation: ugpFloat linear infinite;\n}\n@keyframes ugpFloat {\n 0% { opacity: 0; transform: translateY(0) scale(0); }\n 10% { opacity: 1; }\n 90% { opacity: 0.5; }\n 100% { opacity: 0; transform: translateY(-90vh) scale(1.5); }\n}\n\n\/* Contenu slide *\/\n#ugp-hero-wrapper .ugp-hero-content {\n position: relative;\n z-index: 2;\n padding: 0 80px;\n max-width: 700px;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s;\n}\n#ugp-hero-wrapper .ugp-slide.active .ugp-hero-content {\n opacity: 1;\n transform: none;\n}\n\n#ugp-hero-wrapper .ugp-hero-overtitle {\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 4px;\n text-transform: uppercase;\n color: var(--ugp-or);\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 12px;\n}\n#ugp-hero-wrapper .ugp-hero-overtitle::before {\n content: '';\n display: block;\n width: 32px; height: 2px;\n background: var(--ugp-or);\n}\n#ugp-hero-wrapper .ugp-hero-content h1 {\n font-family: 'Montserrat', sans-serif;\n font-size: clamp(33px, 4.5vw, 65px);\n font-weight: 700;\n line-height: 1;\n color: var(--ugp-blanc);\n margin-bottom: 24px;\n letter-spacing: -1px;\n}\n#ugp-hero-wrapper .ugp-hero-content h1 span {\n color: var(--ugp-or);\n display: block;\n}\n#ugp-hero-wrapper .ugp-hero-content p {\n font-size: 17px;\n font-weight: 400;\n color: var(--ugp-blanc);\n line-height: 1.7;\n margin-bottom: 40px;\n max-width: 500px;\n}\n#ugp-hero-wrapper .ugp-hero-ctas {\n display: flex;\n gap: 14px;\n flex-wrap: wrap;\n}\n#ugp-hero-wrapper .ugp-btn-primary {\n background: var(--ugp-or);\n color: var(--ugp-bleu);\n font-family: 'Montserrat', sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 14px 34px;\n border-radius: 4px;\n text-decoration: none;\n box-shadow: 0 8px 24px rgba(244,208,63,0.35);\n transition: all 0.25s;\n display: inline-block;\n}\n#ugp-hero-wrapper .ugp-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 32px rgba(244,208,63,0.5);\n}\n#ugp-hero-wrapper .ugp-btn-outline {\n background: var(--ugp-bleu);\n border: 2px solid rgba(255,255,255,0.4);\n color: var(--ugp-blanc);\n font-family: 'Montserrat', sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 14px 32px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.25s;\n display: inline-block;\n}\n#ugp-hero-wrapper .ugp-btn-outline:hover {\n border-color: var(--ugp-or);\n color: var(--ugp-or);\n}\n\n\/* Badge KM *\/\n#ugp-hero-wrapper .ugp-km-badge {\n position: absolute;\n right: 80px;\n top: 50%;\n transform: translateY(-50%);\n text-align: center;\n z-index: 2;\n opacity: 0;\n transition: opacity 0.7s ease 0.5s, transform 0.7s ease 0.5s;\n transform: translateY(calc(-50% + 20px));\n}\n#ugp-hero-wrapper .ugp-slide.active .ugp-km-badge {\n opacity: 1;\n transform: translateY(-50%);\n}\n#ugp-hero-wrapper .ugp-km-ring {\n width: 200px; height: 200px;\n border-radius: 50%;\n border: 3px solid rgba(244,208,63,0.3);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n background: rgba(27,79,114,0.4);\n backdrop-filter: blur(10px);\n}\n#ugp-hero-wrapper .ugp-km-ring::before {\n content: '';\n position: absolute;\n inset: -10px;\n border-radius: 50%;\n border: 1px solid rgba(244,208,63,0.15);\n}\n#ugp-hero-wrapper .ugp-km-ring .ugp-num {\n font-family: 'Montserrat', sans-serif;\n font-size: 56px;\n font-weight: 900;\n color: var(--ugp-or);\n line-height: 1;\n}\n#ugp-hero-wrapper .ugp-km-ring .ugp-unit {\n font-family: 'Montserrat', sans-serif;\n font-size: 16px;\n font-weight: 700;\n color: var(--ugp-blanc);\n letter-spacing: 3px;\n}\n#ugp-hero-wrapper .ugp-km-ring .ugp-label {\n font-size: 11px;\n color: rgba(255,255,255,0.6);\n letter-spacing: 1px;\n margin-top: 4px;\n text-align: center;\n padding: 0 12px;\n}\n\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\n CONTR\u00d4LES SLIDER\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 *\/\n#ugp-hero-wrapper .ugp-slider-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10;\n background: rgba(27,79,114,0.45);\n border: 1.5px solid rgba(244,208,63,0.35);\n color: var(--ugp-or);\n width: 52px; height: 52px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n backdrop-filter: blur(8px);\n transition: all 0.25s;\n font-size: 18px;\n outline: none;\n}\n#ugp-hero-wrapper .ugp-slider-btn:hover {\n background: var(--ugp-or);\n color: var(--ugp-bleu);\n border-color: var(--ugp-or);\n transform: translateY(-50%) scale(1.08);\n}\n#ugp-hero-wrapper .ugp-btn-prev { left: 28px; }\n#ugp-hero-wrapper .ugp-btn-next { right: 28px; }\n\n\/* Indicateurs (dots) *\/\n#ugp-hero-wrapper .ugp-slider-dots {\n position: absolute;\n bottom: 90px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 10px;\n z-index: 10;\n}\n#ugp-hero-wrapper .ugp-dot {\n width: 8px; height: 8px;\n border-radius: 50%;\n border: none;\n background: rgba(255,255,255,0.35);\n cursor: pointer;\n padding: 0;\n transition: all 0.3s;\n outline: none;\n}\n#ugp-hero-wrapper .ugp-dot.active {\n background: var(--ugp-or);\n width: 28px;\n border-radius: 4px;\n}\n\n\/* Barre de progression *\/\n#ugp-hero-wrapper .ugp-progress-bar {\n position: absolute;\n bottom: 0; left: 0;\n height: 3px;\n background: var(--ugp-or);\n width: 0%;\n z-index: 10;\n transition: width linear;\n opacity: 0.85;\n}\n\n\/* Num\u00e9ro de slide *\/\n#ugp-hero-wrapper .ugp-slide-counter {\n position: absolute;\n bottom: 88px;\n right: 36px;\n z-index: 10;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n color: rgba(255,255,255,0.4);\n}\n#ugp-hero-wrapper .ugp-slide-counter span {\n color: var(--ugp-or);\n font-size: 22px;\n font-weight: 900;\n vertical-align: middle;\n margin-right: 4px;\n}\n\n\/* Fl\u00e8che scroll *\/\n#ugp-hero-wrapper .ugp-hero-scroll {\n position: absolute;\n bottom: 32px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n color: rgba(255,255,255,0.4);\n font-size: 10px;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-family: 'Montserrat', sans-serif;\n z-index: 10;\n animation: ugpBounce 2s ease-in-out infinite;\n}\n#ugp-hero-wrapper .ugp-scroll-arrow {\n width: 24px; height: 24px;\n border-right: 2px solid rgba(255,255,255,0.3);\n border-bottom: 2px solid rgba(255,255,255,0.3);\n transform: rotate(45deg);\n}\n@keyframes ugpBounce {\n 0%,100% { transform: translateX(-50%) translateY(0); }\n 50% { transform: translateX(-50%) translateY(8px); }\n}\n\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\n SECTION CHIFFRES CL\u00c9S\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 *\/\n#ugp-hero-wrapper .ugp-stats {\n background: var(--ugp-gris);\n padding: 0 48px;\n}\n#ugp-hero-wrapper .ugp-stats-inner {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n max-width: 100%px;\n margin: 0 auto;\n}\n#ugp-hero-wrapper .ugp-stat-item {\n padding: 36px 10px;\n text-align: center;\n border-right: 1px solid rgba(255,255,255,0.07);\n position: relative;\n overflow: hidden;\n transition: background 0.3s;\n cursor: default;\n}\n#ugp-hero-wrapper .ugp-stat-item:last-child { border-right: none; }\n#ugp-hero-wrapper .ugp-stat-item::before {\n content: '';\n position: absolute;\n bottom: 0; left: 50%;\n transform: translateX(-50%);\n width: 0; height: 3px;\n background: var(--ugp-or);\n transition: width 0.4s;\n}\n#ugp-hero-wrapper .ugp-stat-item:hover::before { width: 100%; }\n#ugp-hero-wrapper .ugp-stat-item:hover { background: rgba(255,255,255,0.04); }\n#ugp-hero-wrapper .ugp-stat-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 14px;\n color: var(--ugp-or);\n font-size: 46px;\n line-height: 1;\n}\n#ugp-hero-wrapper .ugp-stat-icon i { color: var(--ugp-or); }\n#ugp-hero-wrapper .ugp-stat-num {\n font-family: 'Montserrat', sans-serif;\n font-size: 36px;\n font-weight: 900;\n color: var(--ugp-or);\n line-height: 1;\n display: block;\n}\n#ugp-hero-wrapper .ugp-stat-unit {\n font-family: 'Montserrat', sans-serif;\n font-size: 18px;\n font-weight: 700;\n color: var(--ugp-or);\n}\n#ugp-hero-wrapper .ugp-stat-label {\n font-size: 10.5px;\n color: rgba(255,255,255,0.55);\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-top: 10px;\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n}\n#ugp-hero-wrapper .ugp-stat-desc {\n font-size: 12px;\n color: rgba(255,255,255,0.32);\n margin-top: 5px;\n font-style: italic;\n}\n\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\n RESPONSIVE\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 *\/\n@media (max-width: 1024px) {\n #ugp-hero-wrapper .ugp-stats-inner { grid-template-columns: repeat(3, 1fr); }\n #ugp-hero-wrapper .ugp-stat-item:nth-child(3) { border-right: none; }\n}\n@media (max-width: 900px) {\n #ugp-hero-wrapper .ugp-hero-content { padding: 0 24px; }\n #ugp-hero-wrapper .ugp-km-badge { display: none; }\n #ugp-hero-wrapper .ugp-stats-inner { grid-template-columns: repeat(2, 1fr); }\n #ugp-hero-wrapper .ugp-stats { padding: 0 24px; }\n #ugp-hero-wrapper .ugp-stat-item:nth-child(3) { border-right: 1px solid rgba(255,255,255,0.07); }\n #ugp-hero-wrapper .ugp-stat-item:nth-child(2n) { border-right: none; }\n #ugp-hero-wrapper .ugp-btn-prev { left: 12px; }\n #ugp-hero-wrapper .ugp-btn-next { right: 12px; }\n}\n@media (max-width: 480px) {\n #ugp-hero-wrapper .ugp-slider { height: 100vh; min-height: 500px; }\n #ugp-hero-wrapper .ugp-hero-content p { font-size: 15px; }\n #ugp-hero-wrapper .ugp-stats-inner { grid-template-columns: 1fr 1fr; }\n #ugp-hero-wrapper .ugp-stat-num { font-size: 28px; }\n #ugp-hero-wrapper .ugp-stat-item { padding: 28px 12px; }\n #ugp-hero-wrapper .ugp-slider-btn { width: 40px; height: 40px; font-size: 14px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"ugp-hero-wrapper\">\n\n <div class=\"ugp-slider\" id=\"ugpSlider\">\n\n <div class=\"ugp-particles\" id=\"ugp-particles\"><\/div>\n\n <div class=\"ugp-slide active\" data-index=\"0\">\n <div class=\"ugp-slide-bg\" style=\"background-image:url('http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/scene04001-1.jpeg');\"><\/div>\n <div class=\"ugp-hero-overlay\"><\/div>\n <div class=\"ugp-hero-road\"><\/div>\n <div class=\"ugp-hero-lines\"><\/div>\n\n <div class=\"ugp-hero-content\">\n <div class=\"ugp-hero-overtitle\">Projet Infrastructure Nationale \u2014 Section Urbaine<\/div>\n <h1>Connecter Yaound\u00e9 <span>\u00e0 son avenir.<\/span><\/h1>\n <p>La Section Urbaine de l’Autoroute Yaound\u00e9-Nsimalen : 12,7 km de modernit\u00e9, d’efficacit\u00e9 et de d\u00e9veloppement durable au c\u0153ur de la capitale.<\/p>\n <div class=\"ugp-hero-ctas\">\n <a href=\"https:\/\/www.youtube.com\/@AutorouteYaound%C3%A9Nsimalen\" class=\"ugp-btn-primary\">D\u00e9couvrir le Projet \u2192<\/a>\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/mot-du-ministre\/\" class=\"ugp-btn-outline\"> MOT DU MINISTRE <\/a>\n <\/div>\n <\/div>\n\n <div class=\"ugp-km-badge\">\n <div class=\"ugp-km-ring\">\n <span class=\"ugp-num\">12,7<\/span>\n <span class='ugp-unit'>KM<\/span>\n <span class=\"ugp-label\">de section urbaine<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ugp-slide \" data-index=\"1\">\n <div class=\"ugp-slide-bg\" style=\"background-image:url('http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/scene07151.jpeg');\"><\/div>\n <div class=\"ugp-hero-overlay\"><\/div>\n <div class=\"ugp-hero-road\"><\/div>\n <div class=\"ugp-hero-lines\"><\/div>\n\n <div class=\"ugp-hero-content\">\n <div class=\"ugp-hero-overtitle\">Projet Infrastructure Nationale \u2014 Axe Principal<\/div>\n <h1>Des \u00e9changeurs <span>de haute performance.<\/span><\/h1>\n <p>Des carrefours d\u00e9nivel\u00e9s con\u00e7us pour fluidifier la circulation et garantir la s\u00e9curit\u00e9 routi\u00e8re aux principaux n\u0153uds de la capitale.<\/p>\n <div class=\"ugp-hero-ctas\">\n <a href=\"https:\/\/www.youtube.com\/@AutorouteYaound%C3%A9Nsimalen\" class=\"ugp-btn-primary\">D\u00e9couvrir le Projet \u2192<\/a>\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/mot-du-ministre\/\" class=\"ugp-btn-outline\"> MOT DU MINISTRE <\/a>\n <\/div>\n <\/div>\n\n <div class=\"ugp-km-badge\">\n <div class=\"ugp-km-ring\">\n <span class=\"ugp-num\">6<\/span>\n <span class='ugp-unit'>\u00c9ch.<\/span>\n <span class=\"ugp-label\">carrefours d\u00e9nivel\u00e9s<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ugp-slide \" data-index=\"2\">\n <div class=\"ugp-slide-bg\" style=\"background-image:url('http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/scene04951.jpeg');\"><\/div>\n <div class=\"ugp-hero-overlay\"><\/div>\n <div class=\"ugp-hero-road\"><\/div>\n <div class=\"ugp-hero-lines\"><\/div>\n\n <div class=\"ugp-hero-content\">\n <div class=\"ugp-hero-overtitle\">Projet Infrastructure Nationale \u2014 Axe Principal<\/div>\n <h1>2\u00d73 voies <span>pour une capitale connect\u00e9e.<\/span><\/h1>\n <p>Un axe autoroutier urbain avec voies rapides, contre-all\u00e9es et voies de service pour tous les usagers et tous les modes de d\u00e9placement.<\/p>\n <div class=\"ugp-hero-ctas\">\n <a href=\"https:\/\/www.youtube.com\/@AutorouteYaound%C3%A9Nsimalen\" class=\"ugp-btn-primary\">D\u00e9couvrir le Projet \u2192<\/a>\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/mot-du-ministre\/\" class=\"ugp-btn-outline\"> MOT DU MINISTRE <\/a>\n <\/div>\n <\/div>\n\n <div class=\"ugp-km-badge\">\n <div class=\"ugp-km-ring\">\n <span class=\"ugp-num\">2\u00d73<\/span>\n <span class=\"ugp-label\">voies de circulation<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ugp-slide \" data-index=\"3\">\n <div class=\"ugp-slide-bg\" style=\"background-image:url('http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/scene10251.jpeg');\"><\/div>\n <div class=\"ugp-hero-overlay\"><\/div>\n <div class=\"ugp-hero-road\"><\/div>\n <div class=\"ugp-hero-lines\"><\/div>\n\n <div class=\"ugp-hero-content\">\n <div class=\"ugp-hero-overtitle\">Projet Infrastructure Nationale \u2014 Ouvrages d’Art<\/div>\n <h1>Des ponts <span>qui structurent la ville.<\/span><\/h1>\n <p>Des ouvrages d’art majeurs, passerelles pi\u00e9tonnes et ponts int\u00e9gr\u00e9s dans le tissu urbain pour une mobilit\u00e9 fluide et s\u00e9curis\u00e9e.<\/p>\n <div class=\"ugp-hero-ctas\">\n <a href=\"https:\/\/www.youtube.com\/@AutorouteYaound%C3%A9Nsimalen\" class=\"ugp-btn-primary\">D\u00e9couvrir le Projet \u2192<\/a>\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/mot-du-ministre\/\" class=\"ugp-btn-outline\"> MOT DU MINISTRE <\/a>\n <\/div>\n <\/div>\n\n <div class=\"ugp-km-badge\">\n <div class=\"ugp-km-ring\">\n <span class=\"ugp-num\">12+<\/span>\n <span class=\"ugp-label\">ouvrages construits<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ugp-slide \" data-index=\"4\">\n <div class=\"ugp-slide-bg\" style=\"background-image:url('http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/scene10001.jpeg');\"><\/div>\n <div class=\"ugp-hero-overlay\"><\/div>\n <div class=\"ugp-hero-road\"><\/div>\n <div class=\"ugp-hero-lines\"><\/div>\n\n <div class=\"ugp-hero-content\">\n <div class=\"ugp-hero-overtitle\">Projet Infrastructure Nationale \u2014 Am\u00e9nagment Durable <\/div>\n <h1>Un projet<span>respectueux de l’environnement. <\/span><\/h1>\n <p>Des zones de compensation paysag\u00e8res et une int\u00e9gration soign\u00e9e du v\u00e9g\u00e9tal pour un axe urbain durable, au service des riverains et de la ville.<\/p>\n <div class=\"ugp-hero-ctas\">\n <a href=\"https:\/\/www.youtube.com\/@AutorouteYaound%C3%A9Nsimalen\" class=\"ugp-btn-primary\">D\u00e9couvrir le Projet \u2192<\/a>\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/mot-du-ministre\/\" class=\"ugp-btn-outline\"> MOT DU MINISTRE <\/a>\n <\/div>\n <\/div>\n\n <div class=\"ugp-km-badge\">\n <div class=\"ugp-km-ring\">\n <span class=\"ugp-num\">100%<\/span>\n <span class=\"ugp-label\">zones paysag\u00e9es int\u00e9gr\u00e9es<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"ugp-slider-btn ugp-btn-prev\" id=\"ugpPrev\" aria-label=\"Pr\u00e9c\u00e9dent\">\n <i class=\"fa-solid fa-chevron-left\"><\/i>\n <\/button>\n <button class=\"ugp-slider-btn ugp-btn-next\" id=\"ugpNext\" aria-label=\"Suivant\">\n <i class=\"fa-solid fa-chevron-right\"><\/i>\n <\/button>\n\n <div class=\"ugp-slider-dots\">\n <button class=\"ugp-dot active\" data-slide=\"0\" aria-label=\"Slide 1\"><\/button>\n <button class=\"ugp-dot \" data-slide=\"1\" aria-label=\"Slide 2\"><\/button>\n <button class=\"ugp-dot \" data-slide=\"2\" aria-label=\"Slide 3\"><\/button>\n <button class=\"ugp-dot \" data-slide=\"3\" aria-label=\"Slide 4\"><\/button>\n <button class=\"ugp-dot \" data-slide=\"4\" aria-label=\"Slide 5\"><\/button>\n <\/div>\n\n <div class=\"ugp-slide-counter\">\n <span id=\"ugpCurrent\">01<\/span> \/ 05\n <\/div>\n\n <div class=\"ugp-progress-bar\" id=\"ugpProgress\"><\/div>\n\n <div class=\"ugp-hero-scroll\">\n <div class=\"ugp-scroll-arrow\"><\/div>\n D\u00e9couvrir\n <\/div>\n <\/div>\n\n <section class=\"ugp-stats\">\n <div class=\"ugp-stats-inner\">\n\n <div class=\"ugp-stat-item\">\n <div class=\"ugp-stat-icon\"><i class=\"fa-solid fa-road\"><\/i><\/div>\n <span class=\"ugp-stat-num\">2\u00d73<\/span>\n <div class=\"ugp-stat-label\">Voies \u2014 Section Rapide<\/div>\n <div class=\"ugp-stat-desc\">Contre-all\u00e9es & voies de service<\/div>\n <\/div>\n\n <div class=\"ugp-stat-item\">\n <div class=\"ugp-stat-icon\"><i class=\"fa-solid fa-retweet\"><\/i><\/div>\n <span class=\"ugp-stat-num\" style=\"font-size:22px;\">\u00c9changeurs<\/span>\n <div class=\"ugp-stat-label\">Carrefours D\u00e9nivel\u00e9s<\/div>\n <div class=\"ugp-stat-desc\">Fluidit\u00e9 & s\u00e9curit\u00e9 garanties<\/div>\n <\/div>\n\n <div class=\"ugp-stat-item\">\n <div class=\"ugp-stat-icon\"><i class=\"fa-solid fa-person-walking\"><\/i><\/div>\n <span class=\"ugp-stat-num\" style=\"font-size:22px;line-height:1.2;\">Passerelles<br>Pi\u00e9tonnes<\/span>\n <div class=\"ugp-stat-label\">Travers\u00e9es S\u00e9curis\u00e9es<\/div>\n <div class=\"ugp-stat-desc\">Mobilit\u00e9 douce int\u00e9gr\u00e9e<\/div>\n <\/div>\n\n <div class=\"ugp-stat-item\">\n <div class=\"ugp-stat-icon\"><i class=\"fa-solid fa-taxi\"><\/i><\/div>\n <span class=\"ugp-stat-num\" style=\"font-size:22px;\">Voie de taxis<\/span>\n <div class=\"ugp-stat-label\">Transport en Commun<\/div>\n <div class=\"ugp-stat-desc\">Voies d\u00e9di\u00e9es incluses<\/div>\n <\/div>\n\n <div class=\"ugp-stat-item\">\n <div class=\"ugp-stat-icon\"><i class=\"fa-solid fa-bridge-water\"><\/i><\/div>\n <span class=\"ugp-stat-num\" style=\"font-size:20px;\">Assainissement <\/span>\n <div class=\"ugp-stat-label\">Assainissement & Drainage<\/div>\n <div class=\"ugp-stat-desc\">ouvrages int\u00e9gr\u00e9s<\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n<\/div>\n\n<script>\n(function () {\n const wrapper = document.getElementById('ugp-hero-wrapper');\n if (!wrapper) return;\n\n const slides = wrapper.querySelectorAll('.ugp-slide');\n const dots = wrapper.querySelectorAll('.ugp-dot');\n const btnPrev = wrapper.querySelector('#ugpPrev');\n const btnNext = wrapper.querySelector('#ugpNext');\n const progress = wrapper.querySelector('#ugpProgress');\n const counter = wrapper.querySelector('#ugpCurrent');\n const particlesContainer = wrapper.querySelector('#ugp-particles');\n\n const total = slides.length;\n let current = 0;\n let autoTimer = null;\n let progressTimer = null;\n const SLIDE_DURATION = 6000;\n const PROGRESS_STEP = 50;\n\n function goToSlide(index) {\n const prevIndex = current;\n current = (index + total) % total;\n\n slides.forEach((slide, i) => {\n slide.classList.remove('active', 'leaving');\n if (i === prevIndex && i !== current) slide.classList.add('leaving');\n if (i === current) slide.classList.add('active');\n });\n\n dots.forEach((dot, i) => {\n dot.classList.toggle('active', i === current);\n });\n\n if (counter) {\n counter.textContent = String(current + 1).padStart(2, '0');\n }\n\n resetProgress();\n }\n\n function nextSlide() { goToSlide(current + 1); }\n function prevSlide() { goToSlide(current - 1); }\n\n function resetProgress() {\n clearInterval(progressTimer);\n if (!progress) return;\n progress.style.transition = 'none';\n progress.style.width = '0%';\n void progress.offsetWidth;\n\n let elapsed = 0;\n progress.style.transition = `width ${PROGRESS_STEP}ms linear`;\n progressTimer = setInterval(() => {\n elapsed += PROGRESS_STEP;\n const pct = Math.min((elapsed \/ SLIDE_DURATION) * 100, 100);\n progress.style.width = pct + '%';\n if (elapsed >= SLIDE_DURATION) clearInterval(progressTimer);\n }, PROGRESS_STEP);\n }\n\n function startAutoplay() {\n clearInterval(autoTimer);\n autoTimer = setInterval(nextSlide, SLIDE_DURATION);\n }\n\n function stopAutoplay() {\n clearInterval(autoTimer);\n clearInterval(progressTimer);\n }\n\n function restartAutoplay() {\n stopAutoplay();\n startAutoplay();\n resetProgress();\n }\n\n if (btnNext) btnNext.addEventListener('click', () => { nextSlide(); restartAutoplay(); });\n if (btnPrev) btnPrev.addEventListener('click', () => { prevSlide(); restartAutoplay(); });\n\n dots.forEach((dot) => {\n dot.addEventListener('click', () => {\n const idx = parseInt(dot.getAttribute('data-slide'), 10);\n goToSlide(idx);\n restartAutoplay();\n });\n });\n\n const sliderEl = wrapper.querySelector('#ugpSlider');\n if (sliderEl) {\n sliderEl.addEventListener('mouseenter', stopAutoplay);\n sliderEl.addEventListener('mouseleave', restartAutoplay);\n }\n\n document.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowRight') { nextSlide(); restartAutoplay(); }\n if (e.key === 'ArrowLeft') { prevSlide(); restartAutoplay(); }\n });\n\n function createParticles(count = 25) {\n if (!particlesContainer) return;\n particlesContainer.innerHTML = '';\n for (let i = 0; i < count; i++) {\n const p = document.createElement('div');\n p.className = 'ugp-particle';\n const left = Math.random() * 100;\n const duration = 6 + Math.random() * 8;\n const delay = Math.random() * 10;\n const size = 1.5 + Math.random() * 2.5;\n\n p.style.left = left + '%';\n p.style.bottom = '0';\n p.style.width = size + 'px';\n p.style.height = size + 'px';\n p.style.animationDuration = duration + 's';\n p.style.animationDelay = delay + 's';\n\n particlesContainer.appendChild(p);\n }\n }\n\n createParticles();\n goToSlide(0);\n startAutoplay();\n})();\n<\/script>\n\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700;800&family=Open+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\n\n <style>\n \/* \u2500\u2500 Variables \u2500\u2500 *\/\n .ugp-geo-section {\n --bleu: #1B4F72;\n --bleu-light: #2E86C1;\n --vert: #229954;\n --or: #F4D03F;\n --orange: #E67E22;\n --violet: #8E44AD;\n --blanc: #FFFFFF;\n --gris-clair: #F2F3F4;\n --texte: #1C2833;\n \n font-family: 'Open Sans', sans-serif;\n background: var(--gris-clair);\n padding: 96px 48px 120px;\n box-sizing: border-box;\n width: 100%;\n }\n \n \/* \u2500\u2500 En-t\u00eate de section \u2500\u2500 *\/\n .ugp-geo-section .geo-header {\n text-align: center;\n margin-bottom: 64px;\n }\n \n .ugp-geo-section .geo-tag {\n display: inline-block;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--vert);\n background: rgba(34,153,84,0.10);\n padding: 7px 18px;\n border-radius: 20px;\n margin-bottom: 16px;\n border: 1px solid rgba(34,153,84,0.20);\n }\n \n .ugp-geo-section .geo-title {\n font-family: 'Montserrat', sans-serif;\n font-size: clamp(28px, 4.4vw, 50px);\n font-weight: 800;\n color: var(--bleu);\n line-height: 1.15;\n margin: 0 0 16px 0;\n }\n \n .ugp-geo-section .geo-subtitle {\n font-size: 18px;\n color: #5D6D7E;\n max-width: 660px;\n margin: 0 auto;\n line-height: 1.7;\n }\n \n \/* \u2500\u2500 Lots summary cards \u2500\u2500 *\/\n .ugp-geo-section .geo-lots {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 48px;\n }\n .ugp-geo-section .geo-lot-card {\n display: flex;\n align-items: center;\n gap: 14px;\n background: #fff;\n border-radius: 14px;\n padding: 18px 22px;\n box-shadow: 0 14px 36px rgba(27,79,114,0.20), 0 4px 12px rgba(27,79,114,0.12);\n border-left: 4px solid;\n }\n .ugp-geo-section .geo-lot-card.lot1 { border-color: #F4D03F; }\n .ugp-geo-section .geo-lot-card.lot2 { border-color: #2E86C1; }\n .ugp-geo-section .geo-lot-card.lot3 { border-color: #229954; }\n .ugp-geo-section .geo-lot-dot {\n width: 14px; height: 14px;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .ugp-geo-section .lot1 .geo-lot-dot { background: #F4D03F; }\n .ugp-geo-section .lot2 .geo-lot-dot { background: #2E86C1; }\n .ugp-geo-section .lot3 .geo-lot-dot { background: #229954; }\n .ugp-geo-section .geo-lot-info {\n font-family: 'Montserrat', sans-serif;\n }\n .ugp-geo-section .geo-lot-num {\n font-size: 17px;\n font-weight: 550;\n letter-spacing: 0.1px;\n text-transform: uppercase;\n color: #7F8C8D;\n }\n .ugp-geo-section .geo-lot-km {\n font-size: 23px;\n font-weight: 680;\n color: #1B4F72;\n line-height: 1.1;\n }\n .ugp-geo-section .geo-lot-desc {\n font-size: 14px;\n color: #5D6D7E;\n max-width: 230px;\n line-height: 1.5;\n }\n \n \/* \u2500\u2500 Conteneur carte \u2500\u2500 *\/\n .ugp-geo-section .map-wrapper {\n max-width: 990px;\n margin: 0 auto;\n font-family: 'Montserrat', sans-serif;\n }\n \n .ugp-geo-section .map-card {\n position: relative;\n width: 100%;\n padding-bottom: 66.7%;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 24px 64px rgba(27,79,114,0.28);\n }\n \n .ugp-geo-section .map-card-bg {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(circle at 20% 75%, rgba(244,208,63,0.10) 0%, transparent 45%),\n radial-gradient(circle at 55% 45%, rgba(46,134,193,0.09) 0%, transparent 45%),\n radial-gradient(circle at 85% 20%, rgba(34,153,84,0.09) 0%, transparent 40%),\n linear-gradient(135deg, #0d2b45 0%, #1B4F72 55%, #163d59 100%);\n }\n \n .ugp-geo-section .map-card svg {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n }\n \n \/* \u2500\u2500 Animations \u2500\u2500 *\/\n @keyframes ugp-geo-pulse {\n 0% { r: 16; opacity: .5; }\n 100% { r: 30; opacity: 0; }\n }\n @keyframes ugp-geo-dash {\n to { stroke-dashoffset: -32; }\n }\n \n .ugp-geo-section .geo-pulse {\n animation: ugp-geo-pulse 2.2s ease-out infinite;\n }\n .ugp-geo-section .geo-pulse-b {\n animation: ugp-geo-pulse 2.2s ease-out infinite;\n animation-delay: .4s;\n }\n .ugp-geo-section .geo-pulse-c {\n animation: ugp-geo-pulse 2.2s ease-out infinite;\n animation-delay: .8s;\n }\n .ugp-geo-section .geo-pulse-d {\n animation: ugp-geo-pulse 2.2s ease-out infinite;\n animation-delay: 1.1s;\n }\n .ugp-geo-section .geo-dash-1 {\n animation: ugp-geo-dash 1.4s linear infinite;\n }\n .ugp-geo-section .geo-dash-2 {\n animation: ugp-geo-dash 1.6s linear infinite;\n animation-delay: .3s;\n }\n .ugp-geo-section .geo-dash-3 {\n animation: ugp-geo-dash 1.8s linear infinite;\n animation-delay: .6s;\n }\n \n \/* \u2500\u2500 Hover sur les \u00e9tiquettes SVG \u2500\u2500 *\/\n .ugp-geo-section .map-label {\n cursor: pointer;\n transition: filter 0.2s ease, transform 0.2s ease;\n transform-origin: center;\n transform-box: fill-box;\n }\n .ugp-geo-section .map-label:hover rect {\n filter: drop-shadow(0 8px 24px rgba(0,0,0,0.38));\n }\n .ugp-geo-section .map-label:hover {\n transform: scale(1.06);\n }\n .ugp-geo-section .map-lot-label {\n cursor: default;\n transition: opacity 0.2s;\n }\n .ugp-geo-section .map-lot-label:hover {\n opacity: 1 !important;\n }\n \n \/* \u2500\u2500 Hover sur les cartes lots \u2500\u2500 *\/\n .ugp-geo-section .geo-lot-card {\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n }\n .ugp-geo-section .geo-lot-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 46px rgba(27,79,114,0.28), 0 6px 16px rgba(27,79,114,0.16);\n }\n \n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n @media (max-width: 768px) {\n .ugp-geo-section {\n padding: 64px 20px 80px;\n }\n .ugp-geo-section .geo-lots {\n flex-direction: column;\n align-items: center;\n }\n .ugp-geo-section .geo-lot-card {\n width: 100%;\n max-width: 380px;\n padding: 18px 24px;\n }\n .ugp-geo-section .geo-lot-desc {\n max-width: none;\n }\n }\n <\/style>\n \n \n <section class=\"ugp-geo-section\">\n \n \n <div class=\"geo-header\">\n <div class=\"geo-tag\">La G\u00e9ographie du Projet<\/div>\n <h2 class=\"geo-title\">Le Trac\u00e9 de la Section Urbaine<\/h2>\n <p class=\"geo-subtitle\">12,7 km d\u00e9coup\u00e9s en trois lots, reliant Ahala \u00e0 la Sous-pr\u00e9fecture de Tsinga via le c\u0153ur de Yaound\u00e9.<\/p>\n <\/div>\n \n \n <div class=\"geo-lots\">\n \n <div class=\"geo-lot-card lot1\">\n <div class=\"geo-lot-dot\"><\/div>\n <div class=\"geo-lot-info\">\n <div class=\"geo-lot-num\">Lot 1<\/div>\n <div class=\"geo-lot-km\">5,8 km<\/div>\n <\/div>\n <div class=\"geo-lot-desc\">Ahala \u2013 Nsam \u2013 Carrefour Trois Statues Ol\u00e9zoa<\/div>\n <\/div>\n \n <div class=\"geo-lot-card lot2\">\n <div class=\"geo-lot-dot\"><\/div>\n <div class=\"geo-lot-info\">\n <div class=\"geo-lot-num\">Lot 2<\/div>\n <div class=\"geo-lot-km\">2,2 km<\/div>\n <\/div>\n <div class=\"geo-lot-desc\">Trois Statues \u2013 Oilybia Ol\u00e9zoa \u2013 Mess Officiers \u2013 Poste Centrale<\/div>\n <\/div>\n \n <div class=\"geo-lot-card lot3\">\n <div class=\"geo-lot-dot\"><\/div>\n <div class=\"geo-lot-info\">\n <div class=\"geo-lot-num\">Lot 3<\/div>\n <div class=\"geo-lot-km\">4,7 km<\/div>\n <\/div>\n <div class=\"geo-lot-desc\">Carrefour Hilton \u2013 Carrefour Warda \u2013 Bastos \u2013 Sous-pr\u00e9fecture Tsinga<\/div>\n <\/div>\n \n <\/div>\n \n \n <div class=\"map-wrapper\">\n <div class=\"map-card\">\n <div class=\"map-card-bg\"><\/div>\n \n \n <svg viewBox=\"0 0 960 720\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\">\n \n <defs>\n <pattern id=\"ugp-geo-grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M40 0L0 0 0 40\" fill=\"none\" stroke=\"rgba(255,255,255,0.028)\" stroke-width=\"1\"\/>\n <\/pattern>\n <filter id=\"ugp-label-shadow\" x=\"-20%\" y=\"-30%\" width=\"140%\" height=\"160%\">\n <feDropShadow dx=\"0\" dy=\"4\" stdDeviation=\"8\" flood-color=\"rgba(0,0,0,0.28)\"\/>\n <\/filter>\n <filter id=\"ugp-label-shadow-hover\" x=\"-20%\" y=\"-30%\" width=\"140%\" height=\"180%\">\n <feDropShadow dx=\"0\" dy=\"8\" stdDeviation=\"18\" flood-color=\"rgba(0,0,0,0.42)\"\/>\n <\/filter>\n <\/defs>\n <rect width=\"960\" height=\"720\" fill=\"url(#ugp-geo-grid)\"\/>\n \n <g transform=\"translate(0,80)\">\n \n <path d=\"M 0 350 Q 200 320 430 340 Q 600 358 960 320\"\n stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"7\" fill=\"none\" stroke-linecap=\"round\"\/>\n <path d=\"M 0 440 Q 260 415 530 400 Q 710 390 960 405\"\n stroke=\"rgba(255,255,255,0.04)\" stroke-width=\"5\" fill=\"none\" stroke-linecap=\"round\"\/>\n <path d=\"M 0 510 Q 130 478 220 445 Q 275 420 305 395\"\n stroke=\"rgba(255,255,255,0.04)\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n \n \n <path d=\"M 80 460 Q 200 370 390 270\"\n stroke=\"rgba(244,208,63,0.15)\" stroke-width=\"38\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <path class=\"geo-dash-1\"\n d=\"M 80 460 Q 200 370 390 270\"\n stroke=\"rgba(244,208,63,0.80)\" stroke-width=\"9\"\n stroke-dasharray=\"20 10\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <path d=\"M 80 460 Q 200 370 390 270\"\n stroke=\"rgba(255,255,255,0.90)\" stroke-width=\"3.5\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <g class=\"map-lot-label\">\n <rect x=\"138\" y=\"413\" width=\"162\" height=\"33\" rx=\"7\"\n fill=\"rgba(244,208,63,0.18)\" stroke=\"rgba(244,208,63,0.35)\" stroke-width=\"1\"\/>\n <text x=\"219\" y=\"435\" font-family=\"Montserrat,sans-serif\" font-size=\"18\"\n fill=\"rgba(244,208,63,0.95)\" text-anchor=\"middle\" font-weight=\"700\">LOT 1 \u00b7 5,8 km<\/text>\n <\/g>\n \n \n \n <path d=\"M 390 270 Q 500 210 620 155\"\n stroke=\"rgba(46,134,193,0.18)\" stroke-width=\"38\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <path class=\"geo-dash-2\"\n d=\"M 390 270 Q 500 210 620 155\"\n stroke=\"rgba(46,134,193,0.90)\" stroke-width=\"9\"\n stroke-dasharray=\"20 10\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <path d=\"M 390 270 Q 500 210 620 155\"\n stroke=\"rgba(255,255,255,0.90)\" stroke-width=\"3.5\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <g class=\"map-lot-label\">\n <rect x=\"425\" y=\"238\" width=\"162\" height=\"33\" rx=\"7\"\n fill=\"rgba(46,134,193,0.18)\" stroke=\"rgba(46,134,193,0.35)\" stroke-width=\"1\"\/>\n <text x=\"506\" y=\"260\" font-family=\"Montserrat,sans-serif\" font-size=\"18\"\n fill=\"rgba(46,134,193,0.95)\" text-anchor=\"middle\" font-weight=\"700\">LOT 2 \u00b7 2,2 km<\/text>\n <\/g>\n \n \n \n <path d=\"M 620 155 Q 720 105 840 55\"\n stroke=\"rgba(34,153,84,0.18)\" stroke-width=\"38\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <path class=\"geo-dash-3\"\n d=\"M 620 155 Q 720 105 840 55\"\n stroke=\"rgba(34,153,84,0.90)\" stroke-width=\"9\"\n stroke-dasharray=\"20 10\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <path d=\"M 620 155 Q 720 105 840 55\"\n stroke=\"rgba(255,255,255,0.90)\" stroke-width=\"3.5\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <g class=\"map-lot-label\">\n <rect x=\"645\" y=\"128\" width=\"162\" height=\"33\" rx=\"7\"\n fill=\"rgba(34,153,84,0.18)\" stroke=\"rgba(34,153,84,0.35)\" stroke-width=\"1\"\/>\n <text x=\"726\" y=\"150\" font-family=\"Montserrat,sans-serif\" font-size=\"18\"\n fill=\"rgba(34,153,84,0.95)\" text-anchor=\"middle\" font-weight=\"700\">LOT 3 \u00b7 4,7 km<\/text>\n <\/g>\n \n \n <circle class=\"geo-pulse\" cx=\"80\" cy=\"460\" r=\"16\"\n fill=\"rgba(244,208,63,0.15)\" stroke=\"#F4D03F\" stroke-width=\"1.5\"\/>\n <circle cx=\"80\" cy=\"460\" r=\"11\" fill=\"rgba(244,208,63,0.22)\" stroke=\"#F4D03F\" stroke-width=\"2.5\"\/>\n <circle cx=\"80\" cy=\"460\" r=\"5\" fill=\"#F4D03F\"\/>\n \n <line x1=\"90\" y1=\"470\" x2=\"130\" y2=\"520\"\n stroke=\"rgba(255,255,255,0.35)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n <g class=\"map-label\">\n <rect x=\"128\" y=\"513\" width=\"266\" height=\"76\" rx=\"8\"\n fill=\"white\" opacity=\"0.97\" filter=\"url(#ugp-label-shadow)\"\/>\n <circle cx=\"151\" cy=\"543\" r=\"6\" fill=\"#F4D03F\"\/>\n <text x=\"167\" y=\"548\" font-family=\"Montserrat,sans-serif\" font-size=\"20\" font-weight=\"700\" fill=\"#1B4F72\">Ahala<\/text>\n <text x=\"148\" y=\"567\" font-family=\"Montserrat,sans-serif\" font-size=\"16\" fill=\"#7F8C8D\">Point de d\u00e9part \u00b7 Porte Sud<\/text>\n <text x=\"148\" y=\"583\" font-family=\"Montserrat,sans-serif\" font-size=\"14.5\" fill=\"#F4D03F\" font-style=\"italic\">D\u00e9part Lot 1<\/text>\n <\/g>\n \n \n <circle class=\"geo-pulse-b\" cx=\"390\" cy=\"270\" r=\"16\"\n fill=\"rgba(46,134,193,0.15)\" stroke=\"#2E86C1\" stroke-width=\"1.5\"\/>\n <circle cx=\"390\" cy=\"270\" r=\"11\" fill=\"rgba(46,134,193,0.22)\" stroke=\"#2E86C1\" stroke-width=\"2.5\"\/>\n <circle cx=\"390\" cy=\"270\" r=\"5\" fill=\"#2E86C1\"\/>\n \n <line x1=\"378\" y1=\"258\" x2=\"310\" y2=\"230\"\n stroke=\"rgba(255,255,255,0.35)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n <g class=\"map-label\">\n <rect x=\"35\" y=\"203\" width=\"325\" height=\"92\" rx=\"8\"\n fill=\"white\" opacity=\"0.97\" filter=\"url(#ugp-label-shadow)\"\/>\n <circle cx=\"59\" cy=\"235\" r=\"6\" fill=\"#2E86C1\"\/>\n <text x=\"75\" y=\"240\" font-family=\"Montserrat,sans-serif\" font-size=\"19\" font-weight=\"700\" fill=\"#1B4F72\">Carref. Trois Statues Ol\u00e9zoa<\/text>\n <text x=\"58\" y=\"260\" font-family=\"Montserrat,sans-serif\" font-size=\"16\" fill=\"#7F8C8D\">Jonction Lot 1 \/ Lot 2 \u00b7 km 5,8<\/text>\n <text x=\"58\" y=\"279\" font-family=\"Montserrat,sans-serif\" font-size=\"15\" fill=\"#2E86C1\" font-style=\"italic\">Oilybia Ol\u00e9zoa \u00b7 Mess des Officiers<\/text>\n <\/g>\n \n \n <circle class=\"geo-pulse-c\" cx=\"620\" cy=\"155\" r=\"16\"\n fill=\"rgba(230,126,34,0.15)\" stroke=\"#E67E22\" stroke-width=\"1.5\"\/>\n <circle cx=\"620\" cy=\"155\" r=\"11\" fill=\"rgba(230,126,34,0.22)\" stroke=\"#E67E22\" stroke-width=\"2.5\"\/>\n <circle cx=\"620\" cy=\"155\" r=\"5\" fill=\"#E67E22\"\/>\n \n <line x1=\"632\" y1=\"164\" x2=\"680\" y2=\"260\"\n stroke=\"rgba(255,255,255,0.35)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n <g class=\"map-label\">\n <rect x=\"660\" y=\"250\" width=\"300\" height=\"94\" rx=\"8\"\n fill=\"white\" opacity=\"0.97\" filter=\"url(#ugp-label-shadow)\"\/>\n <circle cx=\"686\" cy=\"285\" r=\"6\" fill=\"#E67E22\"\/>\n <text x=\"702\" y=\"290\" font-family=\"Montserrat,sans-serif\" font-size=\"20\" font-weight=\"700\" fill=\"#1B4F72\">Poste Centrale<\/text>\n <text x=\"681\" y=\"309\" font-family=\"Montserrat,sans-serif\" font-size=\"16\" fill=\"#7F8C8D\">Jonction Lot 2 \/ Lot 3 <\/text>\n <text x=\"681\" y=\"328\" font-family=\"Montserrat,sans-serif\" font-size=\"19\" fill=\"#E67E22\" font-style=\"italic\">Carref. Hilton \u00b7 Carref. Warda<\/text>\n <\/g>\n \n \n <circle class=\"geo-pulse-d\" cx=\"840\" cy=\"55\" r=\"16\"\n fill=\"rgba(34,153,84,0.15)\" stroke=\"#229954\" stroke-width=\"1.5\"\/>\n <circle cx=\"840\" cy=\"55\" r=\"11\" fill=\"rgba(34,153,84,0.22)\" stroke=\"#229954\" stroke-width=\"2.5\"\/>\n <circle cx=\"840\" cy=\"55\" r=\"5\" fill=\"#229954\"\/>\n \n <line x1=\"824\" y1=\"46\" x2=\"780\" y2=\"20\"\n stroke=\"rgba(255,255,255,0.35)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n <g class=\"map-label\">\n <rect x=\"518\" y=\"2\" width=\"288\" height=\"92\" rx=\"8\"\n fill=\"white\" opacity=\"0.97\" filter=\"url(#ugp-label-shadow)\"\/>\n <circle cx=\"544\" cy=\"29\" r=\"6\" fill=\"#229954\"\/>\n <text x=\"560\" y=\"34\" font-family=\"Montserrat,sans-serif\" font-size=\"20\" font-weight=\"700\" fill=\"#1B4F72\">S-P de Tsinga<\/text>\n <text x=\"541\" y=\"54\" font-family=\"Montserrat,sans-serif\" font-size=\"16\" fill=\"#7F8C8D\">Terminus \u00b7 km 12,7<\/text>\n <text x=\"541\" y=\"72\" font-family=\"Montserrat,sans-serif\" font-size=\"15\" fill=\"#229954\" font-style=\"italic\">Nouvelle route Bastos<\/text>\n <\/g>\n \n \n <rect x=\"18\" y=\"18\" width=\"260\" height=\"136\" rx=\"8\"\n fill=\"rgba(13,43,69,0.90)\" stroke=\"rgba(255,255,255,0.10)\" stroke-width=\"1\"\/>\n <text x=\"28\" y=\"42\" font-family=\"Montserrat,sans-serif\" font-size=\"15\" font-weight=\"700\"\n fill=\"rgba(255,255,255,0.55)\" letter-spacing=\"1.5\">TRAC\u00c9 PAR LOT<\/text>\n \n <line x1=\"28\" y1=\"64\" x2=\"54\" y2=\"64\" stroke=\"#F4D03F\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-dasharray=\"6 3\"\/>\n <text x=\"64\" y=\"70\" font-family=\"Montserrat,sans-serif\" font-size=\"17\" fill=\"rgba(255,255,255,0.85)\">Lot 1 \u2014 5,8 km<\/text>\n \n <line x1=\"28\" y1=\"90\" x2=\"54\" y2=\"90\" stroke=\"#2E86C1\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-dasharray=\"6 3\"\/>\n <text x=\"64\" y=\"96\" font-family=\"Montserrat,sans-serif\" font-size=\"17\" fill=\"rgba(255,255,255,0.85)\">Lot 2 \u2014 2,2 km<\/text>\n \n <line x1=\"28\" y1=\"116\" x2=\"54\" y2=\"116\" stroke=\"#229954\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-dasharray=\"6 3\"\/>\n <text x=\"64\" y=\"122\" font-family=\"Montserrat,sans-serif\" font-size=\"17\" fill=\"rgba(255,255,255,0.85)\">Lot 3 \u2014 4,7 km<\/text>\n \n \n <rect x=\"824\" y=\"10\" width=\"130\" height=\"56\" rx=\"10\"\n fill=\"rgba(244,208,63,0.15)\" stroke=\"rgba(244,208,63,0.45)\" stroke-width=\"1\"\/>\n <text x=\"889\" y=\"33\" font-family=\"Montserrat,sans-serif\" font-size=\"14\" font-weight=\"700\"\n fill=\"#F4D03F\" text-anchor=\"middle\" letter-spacing=\"1\">SECTION<\/text>\n <text x=\"889\" y=\"54\" font-family=\"Montserrat,sans-serif\" font-size=\"19\" font-weight=\"800\"\n fill=\"#F4D03F\" text-anchor=\"middle\">12,7 km<\/text>\n \n <\/g>\n <\/svg>\n <\/div>\n <\/div>\n \n <\/section><\/div><\/div>\n\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_0_wrapper\"><a class=\"et_pb_button_0 et_pb_button et_pb_bg_layout_light et_pb_module et_grid_module\" href=\"https:\/\/ugp-sua.cm\/index.php\/description\/\">En Savoir Plus<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background-module--divi-section-2\" style=\"\"><\/span><\/span>\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<title>Aper\u00e7u Piliers - Parallaxe<\/title>\n<style>body{margin:0;}<\/style>\n<\/head>\n<body>\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<style>\n .piliers-divi {\n position: relative;\n padding: 6rem 1rem;\n font-family: 'Segoe UI', Arial, sans-serif;\n box-sizing: border-box;\n overflow: hidden;\n isolation: isolate;\n }\n\n .piliers-divi .piliers-bg {\n position: absolute;\n inset: 0;\n background-image: url('http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/scene07151.jpeg');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n z-index: -2;\n }\n\n .piliers-divi .piliers-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(165deg, rgba(13, 33, 55, 0.62) 0%, rgba(27, 79, 114, 0.5) 55%, rgba(13, 33, 55, 0.6) 100%);\n z-index: -1;\n }\n\n \/* background-attachment:fixed est instable sur mobile (iOS) \u2014 on repasse en scroll normal *\/\n @media (max-width: 980px) {\n .piliers-divi .piliers-bg {\n background-attachment: scroll;\n }\n }\n\n .piliers-divi .piliers-head {\n position: relative;\n z-index: 1;\n max-width: 1200px;\n margin: 0 auto 2.8rem;\n text-align: center;\n }\n\n .piliers-divi .piliers-tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-family: 'Montserrat', 'Segoe UI', sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n color: #F4D03F;\n margin-bottom: 18px;\n padding: 10px 28px;\n border: 1.5px solid rgba(244, 208, 63, 0.7);\n border-radius: 100px;\n background: rgba(244, 208, 63, 0.08);\n text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);\n }\n\n .piliers-divi .piliers-head h2 {\n font-family: 'Montserrat', 'Segoe UI', sans-serif;\n font-size: clamp(36px, 5vw, 56px);\n font-weight: 900;\n color: #fff;\n margin: 0;\n text-shadow: 0 4px 22px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.55);\n }\n\n .piliers-divi .piliers-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-top: 26px;\n padding: 13px 32px;\n background: #F4D03F;\n color: #12283f;\n font-family: 'Montserrat', 'Segoe UI', sans-serif;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n text-decoration: none;\n border-radius: 100px;\n border: none;\n cursor: pointer;\n box-shadow: 0 10px 26px rgba(0, 0, 0, 0.3);\n transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n }\n\n .piliers-divi .piliers-btn:hover {\n background: #ffdd57;\n transform: translateY(-3px);\n box-shadow: 0 14px 32px rgba(0, 0, 0, 0.38);\n }\n\n .piliers-divi .piliers-btn i {\n font-size: 12px;\n transition: transform 0.2s ease;\n }\n\n .piliers-divi .piliers-btn:hover i {\n transform: translateX(4px);\n }\n\n .piliers-divi .piliers-cta {\n position: relative;\n z-index: 1;\n text-align: center;\n margin-top: 3rem;\n }\n\n .piliers-divi .grid {\n position: relative;\n z-index: 1;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .piliers-divi .card {\n border: 1px solid #e0e6ee;\n border-radius: 10px;\n padding: 2.4rem 1.8rem 2rem;\n text-align: center;\n background: #ffffff;\n display: flex;\n flex-direction: column;\n align-items: center;\n box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n }\n\n .piliers-divi .card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 48px rgba(0, 0, 0, 0.32);\n }\n\n .piliers-divi .icon-wrap {\n width: 82px;\n height: 82px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.3rem;\n font-size: 2rem;\n }\n\n .piliers-divi .ic-blue {\n background: #eaf0f8;\n color: #2d6ca2;\n }\n\n .piliers-divi .ic-green {\n background: #e8f5ee;\n color: #2e8b57;\n }\n\n .piliers-divi .ic-cream {\n background: #faf6ec;\n color: #b8860b;\n }\n\n .piliers-divi h3 {\n font-size: 1.15rem;\n font-weight: 700;\n color: #1a2d4e;\n margin: 0 0 0.9rem;\n }\n\n .piliers-divi p {\n font-size: 0.9rem;\n color: #5a6a7a;\n line-height: 1.7;\n margin: 0;\n flex: 1;\n }\n\n \/* Responsive tablette *\/\n @media (max-width: 980px) {\n .piliers-divi .grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n \/* Responsive mobile *\/\n @media (max-width: 580px) {\n .piliers-divi .grid {\n grid-template-columns: 1fr;\n }\n }\n<\/style>\n\n<div class=\"piliers-divi\">\n <div class=\"piliers-bg\"><\/div>\n <div class=\"piliers-overlay\"><\/div>\n\n <div class=\"piliers-head\">\n <div class=\"piliers-tag\">Les Piliers Du Projet<\/div>\n <h2>Une Vision pour Yaound\u00e9<\/h2>\n <\/div>\n\n <div class=\"grid\">\n\n \n <div class=\"card\">\n <div class=\"icon-wrap ic-blue\">\n <i class=\"fas fa-city\"><\/i>\n <\/div>\n <h3>Mobilit\u00e9 Urbaine Durable<\/h3>\n <p>Am\u00e9lioration durable de la mobilit\u00e9 urbaine et p\u00e9riurbaine, gr\u00e2ce \u00e0 une infrastructure moderne int\u00e9grant\n voies rapides, contre-all\u00e9es, passerelles pi\u00e9tonnes et voies de transport en commun.<\/p>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"icon-wrap ic-green\">\n <i class=\"fas fa-road\"><\/i>\n <\/div>\n <h3>Fluidit\u00e9 du Trafic<\/h3>\n <p>Fluidification du trafic sur l'axe strat\u00e9gique Yaound\u00e9\u2013Nsimalen gr\u00e2ce \u00e0 des \u00e9changeurs d\u00e9nivel\u00e9s, des\n carrefours am\u00e9nag\u00e9s et une section urbaine de 12,3 km enti\u00e8rement restructur\u00e9e.<\/p>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"icon-wrap ic-cream\">\n <i class=\"fas fa-shield-halved\"><\/i>\n <\/div>\n <h3>S\u00e9curit\u00e9 & Accessibilit\u00e9<\/h3>\n <p>Renforcement de la s\u00e9curit\u00e9 routi\u00e8re et de l'accessibilit\u00e9 pour tous les usagers : passerelles pi\u00e9tonnes\n s\u00e9curis\u00e9es, \u00e9clairage intelligent, signalisation normalis\u00e9e et ouvrages d'art conformes aux standards\n internationaux.<\/p>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"icon-wrap ic-blue\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <h3>D\u00e9veloppement \u00c9conomique<\/h3>\n <p>Stimulation du d\u00e9veloppement \u00e9conomique local et r\u00e9gional en facilitant l'acc\u00e8s \u00e0 l'A\u00e9roport\n International de Nsimalen, en valorisant les zones travers\u00e9es et en cr\u00e9ant des opportunit\u00e9s d'emploi\n durables.<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"piliers-cta\">\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/vision-et-objectifs-2\/\" class=\"piliers-btn\">En Savoir Plus <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n<\/div><\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Journal du Chantier<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h2>Actualit\u00e9s & Chantier<\/h2>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div id=\"ugp-journal\"><div class=\"articles-grid\"> <div class=\"art-card\" data-cat=\"actualites\">\r\n <div class=\"art-media\"><img decoding=\"async\" src=\"https:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-10-at-14.46.17-6-576x1024.jpeg\" alt=\"Reception provisoire de la tranche conditionnelle des travaux pr\u00e9liminaires de l’Entreprise BUNS\"><\/div>\r\n <div class=\"art-body\">\r\n <div class=\"art-meta\">\r\n <span class=\"art-cat cat-actualites\" style=\"background:rgba(17, 122, 101, 0.1);color:#117A65;\">Actualit\u00e9s<\/span>\r\n <\/div>\r\n <span class=\"art-date\" style=\"margin-bottom:8px;display:block;\">12 juillet 2026<\/span>\r\n <h3>Reception provisoire de la tranche conditionnelle des travaux pr\u00e9liminaires de l’Entreprise BUNS<\/h3>\r\n <p>Ce vendredi L' Inspecteur Charg\u00e9 des Questions Techiques repr\u00e9sent\u00e9 par Madame LEUDJOU JOELLE , Responsable Suivi-Evaluation du Projet de Construction de la Section Urbaine\u2026<\/p>\r\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/2026\/07\/12\/reception-provisoire-des-travaux-preliminaire-de-la-tranche-ferme-de-buns\/\" class=\"read-more\">Lire la suite <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"art-card\" data-cat=\"actualites\">\r\n <div class=\"art-media\"><img decoding=\"async\" src=\"https:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/IMG_3718.JPG-1024x768.jpeg\" alt=\"Signature des fiches de compensation\"><\/div>\r\n <div class=\"art-body\">\r\n <div class=\"art-meta\">\r\n <span class=\"art-cat cat-actualites\" style=\"background:rgba(17, 122, 101, 0.1);color:#117A65;\">Actualit\u00e9s<\/span>\r\n <\/div>\r\n <span class=\"art-date\" style=\"margin-bottom:8px;display:block;\">11 mai 2026<\/span>\r\n <h3>Signature des fiches de compensation<\/h3>\r\n <p>Dans le cadre, de l'\u00e9laboration du plan d'Action de Rinstallation(PAR) du LOT 1 , l'UGP a proced\u00e9 \u00e0 la signature des fiches individuelles de\u2026<\/p>\r\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/2026\/05\/11\/signature-des-fiches-de-compensation\/\" class=\"read-more\">Lire la suite <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div><\/div>\n<\/div><\/div>\n\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700;900&family=Open+Sans:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<style>\n #ugp-journal {\n --bleu: #1B4F72;\n --bleu-light: #2E86C1;\n --or: #F4D03F;\n --gris: #2E4053;\n --gris-clair: #F2F3F4;\n --blanc: #fff;\n --texte: #1C2833;\n font-family: 'Open Sans', sans-serif;\n color: var(--texte);\n background: #fff;\n overflow-x: hidden;\n }\n\n #ugp-journal *,\n #ugp-journal *::before,\n #ugp-journal *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* \u2550\u2550 HERO \u2550\u2550 *\/\n #ugp-journal .hero {\n background: var(--bleu);\n padding: 88px 64px 76px;\n position: relative;\n overflow: hidden;\n }\n\n #ugp-journal .hero-bg {\n position: absolute;\n inset: 0;\n background-size: cover;\n background-position: center;\n z-index: 0;\n }\n\n #ugp-journal .hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(115deg, rgba(15, 40, 63, 0.86) 0%, rgba(27, 79, 114, 0.72) 45%, rgba(27, 79, 114, 0.35) 100%);\n z-index: 1;\n }\n\n #ugp-journal .hero::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--or), transparent);\n z-index: 2;\n }\n\n #ugp-journal .hero-inner {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n #ugp-journal .bc {\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: rgba(255, 255, 255, 0.55);\n margin-bottom: 18px;\n }\n\n #ugp-journal .bc span {\n color: rgba(255, 255, 255, 0.85);\n }\n\n #ugp-journal .tag {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--or);\n margin-bottom: 14px;\n }\n\n #ugp-journal .tag::before {\n content: '';\n width: 28px;\n height: 2px;\n background: var(--or);\n }\n\n #ugp-journal .hero h1 {\n font-family: 'Montserrat', sans-serif;\n font-size: clamp(28px, 4vw, 44px);\n font-weight: 900;\n color: #fff;\n line-height: 1.1;\n text-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);\n }\n\n #ugp-journal .hero h1 span {\n color: var(--or);\n }\n\n #ugp-journal .hero-desc {\n font-size: 16.5px;\n color: rgba(255, 255, 255, 0.9);\n max-width: 600px;\n line-height: 1.75;\n margin-top: 16px;\n font-weight: 400;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);\n }\n\n #ugp-journal .live-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-top: 26px;\n background: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 100px;\n padding: 7px 16px 7px 12px;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #fff;\n }\n\n #ugp-journal .live-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #2ECC71;\n box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.25);\n animation: ugpPulse 1.8s ease-in-out infinite;\n }\n\n @keyframes ugpPulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.4; }\n }\n\n \/* \u2550\u2550 AVANCEMENT PAR LOT \u2550\u2550 *\/\n #ugp-journal .progress-band {\n background: #F8F9FA;\n border-bottom: 1px solid #ECF0F1;\n padding: 32px 64px;\n }\n\n #ugp-journal .progress-inner {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n #ugp-journal .progress-head {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n margin-bottom: 20px;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n #ugp-journal .progress-head h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 14px;\n font-weight: 900;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--bleu);\n }\n\n #ugp-journal .progress-head .p-date {\n font-size: 12px;\n color: #8A97A5;\n font-style: italic;\n }\n\n #ugp-journal .progress-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n\n #ugp-journal .p-lot {\n background: #fff;\n border: 1px solid #E5E8EA;\n border-radius: 12px;\n padding: 18px 20px;\n }\n\n #ugp-journal .p-lot-top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n }\n\n #ugp-journal .p-lot-name {\n font-family: 'Montserrat', sans-serif;\n font-size: 12.5px;\n font-weight: 800;\n color: #1C2833;\n }\n\n #ugp-journal .p-lot-name span {\n display: block;\n font-size: 10.5px;\n font-weight: 400;\n color: #8A97A5;\n margin-top: 2px;\n }\n\n #ugp-journal .p-lot-pct {\n font-family: 'Montserrat', sans-serif;\n font-size: 20px;\n font-weight: 900;\n color: var(--bleu);\n }\n\n #ugp-journal .p-bar-track {\n height: 8px;\n background: #ECF0F1;\n border-radius: 100px;\n overflow: hidden;\n }\n\n #ugp-journal .p-bar-fill {\n height: 100%;\n border-radius: 100px;\n background: linear-gradient(90deg, var(--or), #E8C547);\n }\n\n \/* \u2550\u2550 FILTRES \u2550\u2550 *\/\n #ugp-journal .filters {\n max-width: 100%;\n margin: 0 auto;\n padding: 48px 64px 0;\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n }\n\n #ugp-journal .f-pill {\n font-family: 'Montserrat', sans-serif;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.3px;\n color: var(--gris);\n background: #fff;\n border: 1.5px solid #E5E8EA;\n border-radius: 100px;\n padding: 9px 18px;\n cursor: pointer;\n transition: all .2s;\n }\n\n #ugp-journal .f-pill:hover {\n border-color: var(--or);\n }\n\n #ugp-journal .f-pill.active {\n background: var(--bleu);\n border-color: var(--bleu);\n color: #fff;\n }\n\n \/* \u2550\u2550 \u00c0 LA UNE \u2550\u2550 *\/\n #ugp-journal .wrap {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 64px 88px;\n }\n\n #ugp-journal .featured {\n display: grid;\n grid-template-columns: 1.15fr 1fr;\n gap: 0;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 16px 44px rgba(27, 79, 114, 0.16);\n margin-bottom: 56px;\n }\n\n #ugp-journal .featured-media {\n position: relative;\n min-height: 340px;\n }\n\n #ugp-journal .featured-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n position: absolute;\n inset: 0;\n }\n\n #ugp-journal .featured-badge {\n position: absolute;\n top: 18px;\n left: 18px;\n background: var(--or);\n color: var(--bleu);\n font-family: 'Montserrat', sans-serif;\n font-size: 10px;\n font-weight: 900;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n padding: 7px 14px;\n border-radius: 100px;\n z-index: 2;\n }\n\n #ugp-journal .featured-content {\n background: var(--bleu);\n padding: 44px 44px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n #ugp-journal .art-meta {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 16px;\n flex-wrap: wrap;\n }\n\n #ugp-journal .art-cat {\n font-family: 'Montserrat', sans-serif;\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 5px 12px;\n border-radius: 100px;\n }\n\n #ugp-journal .art-date {\n font-family: 'Montserrat', sans-serif;\n font-size: 11.5px;\n color: rgba(255, 255, 255, 0.5);\n }\n\n #ugp-journal .featured-content .art-date {\n color: rgba(255, 255, 255, 0.55);\n }\n\n #ugp-journal .featured-content h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: clamp(20px, 2.4vw, 27px);\n font-weight: 900;\n color: #fff;\n line-height: 1.28;\n margin-bottom: 16px;\n }\n\n #ugp-journal .featured-content p {\n font-size: 14.5px;\n color: rgba(255, 255, 255, 0.72);\n line-height: 1.8;\n margin-bottom: 24px;\n }\n\n #ugp-journal .read-more {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: 'Montserrat', sans-serif;\n font-size: 12.5px;\n font-weight: 700;\n text-decoration: none;\n letter-spacing: 0.3px;\n transition: gap .2s;\n }\n\n #ugp-journal .read-more:hover {\n gap: 12px;\n }\n\n #ugp-journal .featured .read-more {\n color: var(--or);\n }\n\n \/* \u2550\u2550 CATEGORY COLORS \u2550\u2550 *\/\n #ugp-journal .cat-travaux { background: rgba(27, 79, 114, 0.1); color: var(--bleu); }\n #ugp-journal .cat-ouvrages { background: rgba(108, 52, 131, 0.1); color: #6C3483; }\n #ugp-journal .cat-environnement { background: rgba(34, 153, 84, 0.1); color: #229954; }\n #ugp-journal .cat-trafic { background: rgba(192, 57, 43, 0.1); color: #C0392B; }\n #ugp-journal .cat-paysager { background: rgba(17, 122, 101, 0.1); color: #117A65; }\n\n #ugp-journal .featured .art-cat.cat-travaux { background: rgba(244, 208, 63, 0.18); color: var(--or); }\n\n \/* \u2550\u2550 GRILLE D'ARTICLES \u2550\u2550 *\/\n #ugp-journal .articles-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n\n #ugp-journal .art-card {\n border-radius: 14px;\n overflow: hidden;\n border: 1px solid #E5E8EA;\n transition: all .25s;\n display: flex;\n flex-direction: column;\n }\n\n #ugp-journal .art-card:hover {\n box-shadow: 0 16px 36px rgba(27, 79, 114, 0.12);\n transform: translateY(-4px);\n border-color: transparent;\n }\n\n #ugp-journal .art-card.hidden {\n display: none;\n }\n\n \n#ugp-journal .art-media {\n height: 200px;\n overflow: hidden;\n position: relative;\n}\n\n#ugp-journal .art-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: rgba(0,0,0,0.22)\n mix-blend-mode: screen;\n pointer-events: none;\n\n }\n\n #ugp-journal .art-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform .5s ease;\n }\n\n #ugp-journal .art-card:hover .art-media img {\n transform: scale(1.07);\n }\n\n #ugp-journal .art-body {\n padding: 22px 22px 24px;\n display: flex;\n flex-direction: column;\n flex: 1;\n }\n\n #ugp-journal .art-card h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 15.5px;\n font-weight: 800;\n color: var(--bleu);\n line-height: 1.35;\n margin-bottom: 10px;\n }\n\n #ugp-journal .art-card p {\n font-size: 13px;\n color: #6B7A8D;\n line-height: 1.75;\n margin-bottom: 18px;\n flex: 1;\n }\n\n #ugp-journal .art-card .read-more {\n color: var(--bleu);\n font-size: 12px;\n }\n\n #ugp-journal .art-card .read-more:hover {\n color: var(--or);\n }\n\n \/* \u2550\u2550 CHARGER PLUS \u2550\u2550 *\/\n #ugp-journal .load-more-wrap {\n text-align: center;\n margin-top: 48px;\n }\n\n #ugp-journal .btn-load {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-family: 'Montserrat', sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n color: var(--bleu);\n background: #fff;\n border: 1.5px solid var(--bleu);\n border-radius: 100px;\n padding: 14px 30px;\n cursor: pointer;\n transition: all .25s;\n }\n\n #ugp-journal .btn-load:hover {\n background: var(--bleu);\n color: #fff;\n }\n\n \/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\n @media(max-width:1024px) {\n #ugp-journal .progress-grid {\n grid-template-columns: 1fr;\n }\n\n #ugp-journal .articles-grid {\n grid-template-columns: 1fr 1fr;\n }\n\n #ugp-journal .featured {\n grid-template-columns: 1fr;\n }\n\n #ugp-journal .featured-media {\n min-height: 260px;\n }\n }\n\n @media(max-width:900px) {\n\n #ugp-journal .hero,\n #ugp-journal .progress-band,\n #ugp-journal .filters,\n #ugp-journal .wrap {\n padding-left: 24px;\n padding-right: 24px;\n }\n }\n\n @media(max-width:640px) {\n #ugp-journal .articles-grid {\n grid-template-columns: 1fr;\n }\n\n #ugp-journal .featured-content {\n padding: 32px 26px;\n }\n }\n<\/style>\n\n<div id=\"ugp-journal\">\n\n \n\n \n\n \n\n \n\n \n\n \n\n<\/div>\n\n<script>\n (function () {\n var wrapper = document.getElementById('ugp-journal');\n if (!wrapper || wrapper.dataset.journalInit) return;\n wrapper.dataset.journalInit = '1';\n\n var pills = wrapper.querySelectorAll('.f-pill');\n var cards = wrapper.querySelectorAll('.art-card');\n\n pills.forEach(function (pill) {\n pill.addEventListener('click', function () {\n pills.forEach(function (p) { p.classList.remove('active'); });\n pill.classList.add('active');\n var filter = pill.getAttribute('data-filter');\n cards.forEach(function (card) {\n if (filter === 'all' || card.getAttribute('data-cat') === filter) {\n card.classList.remove('hidden');\n } else {\n card.classList.add('hidden');\n }\n });\n });\n });\n })();\n<\/script>\n<\/div><\/div>\n\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_1_wrapper\"><a class=\"et_pb_button_1 et_pb_button et_pb_bg_layout_light et_pb_module et_grid_module\" href=\"https:\/\/ugp-sua.cm\/index.php\/journal-du-chantier\/\">VOIR TOUS LES ARTICLES<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Section Partenaires \u2013 UGP Autoroute Yaound\u00e9-Nsimalen<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&family=Open+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --bleu: #1B4F72;\n --bleu-light: #2E86C1;\n --or: #F4D03F;\n --vert: #229954;\n --blanc: #FFFFFF;\n --gris-clair: #F2F3F4;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Open Sans', sans-serif; background: #F8F9FA; }\n \n \/* \u2500\u2500\u2500 PARTENAIRES ENRICHI \u2500\u2500\u2500 *\/\n .partners {\n background: linear-gradient(180deg, #fff 0%, #F8F9FA 100%);\n padding: 80px 48px;\n border-top: 1px solid #ECF0F1;\n }\n .partners-header {\n text-align: center;\n margin-bottom: 60px;\n }\n .partners-overtitle {\n font-family: 'Montserrat', sans-serif;\n font-size: 11px; font-weight: 700;\n letter-spacing: 3px; text-transform: uppercase;\n color: var(--bleu-light); margin-bottom: 10px;\n }\n .partners-title {\n font-family: 'Montserrat', sans-serif;\n font-size: 28px; font-weight: 800;\n color: var(--bleu); margin-bottom: 12px;\n }\n .partners-subtitle {\n font-size: 14px; color: #7F8C8D; max-width: 540px; margin: 0 auto;\n line-height: 1.7;\n }\n .partners-categories {\n max-width: 1200px; margin: 0 auto;\n display: flex; flex-direction: column; gap: 48px;\n }\n .partner-cat-label {\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; font-weight: 700;\n letter-spacing: 2.5px; text-transform: uppercase;\n color: #AEB6BF; margin-bottom: 24px;\n display: flex; align-items: center; gap: 14px;\n }\n .partner-cat-label::before, .partner-cat-label::after {\n content: ''; flex: 1; height: 1px; background: #ECF0F1;\n }\n .partner-cat-label.tutelle { color: var(--bleu); }\n .partner-cat-label.tutelle::before, .partner-cat-label.tutelle::after { background: rgba(27,79,114,0.15); }\n .partner-cat-label.financement { color: var(--bleu-light); }\n .partner-cat-label.financement::before, .partner-cat-label.financement::after { background: rgba(46,134,193,0.15); }\n .partner-cat-label.travaux { color: var(--vert); }\n .partner-cat-label.travaux::before, .partner-cat-label.travaux::after { background: rgba(34,153,84,0.15); }\n .partner-cat-label.controle { color: #8E44AD; }\n .partner-cat-label.controle::before, .partner-cat-label.controle::after { background: rgba(142,68,173,0.15); }\n .partner-cat-label.assistance { color: #D4AC0D; }\n .partner-cat-label.assistance::before, .partner-cat-label.assistance::after { background: rgba(244,208,63,0.25); }\n .partners-row {\n display: flex; align-items: center; justify-content: center;\n gap: 24px; flex-wrap: wrap;\n }\n .partner-card {\n background: #fff;\n border: 1px solid #ECF0F1;\n border-radius: 12px;\n padding: 22px 28px;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n gap: 10px;\n min-width: 160px; max-width: 220px;\n transition: all 0.25s;\n box-shadow: 0 2px 12px rgba(0,0,0,0.04);\n }\n .partner-card:hover {\n border-color: var(--bleu-light);\n box-shadow: 0 8px 28px rgba(27,79,114,0.12);\n transform: translateY(-4px);\n }\n .partner-card img {\n max-height: 60px; max-width: 140px;\n width: auto; height: auto;\n object-fit: contain; filter: grayscale(15%);\n transition: filter 0.25s;\n }\n .partner-card:hover img { filter: grayscale(0%); }\n .partner-card-name {\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; font-weight: 700;\n letter-spacing: 0.5px; color: #7F8C8D;\n text-align: center; text-transform: uppercase;\n }\n .partner-card-role {\n font-size: 10px; color: #AEB6BF;\n text-align: center; line-height: 1.5;\n }\n .partner-card.tutelle {\n border-color: rgba(27,79,114,0.2);\n background: linear-gradient(145deg, #fff 0%, rgba(27,79,114,0.03) 100%);\n }\n \/* S\u00e9parateur visuel dans une section fusionn\u00e9e *\/\n .sub-group {\n display: flex; flex-direction: column; gap: 12px; align-items: center;\n }\n .sub-group-label {\n font-family: 'Montserrat', sans-serif;\n font-size: 9px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: #C0C9D0;\n background: #F8F9FA; padding: 4px 14px; border-radius: 20px;\n border: 1px solid #ECF0F1;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<section class=\"partners\">\n <div class=\"partners-header\">\n <div class=\"partners-overtitle\">\u00c9cosyst\u00e8me du Projet<\/div>\n <h2 class=\"partners-title\">Partenaires & Intervenants<\/h2>\n <p class=\"partners-subtitle\">Un \u00e9cosyst\u00e8me d'acteurs publics et priv\u00e9s, camerounais et internationaux, unis pour la r\u00e9alisation de ce projet structurant.<\/p>\n <\/div>\n\n <div class=\"partners-categories\">\n\n \n <div class=\"partner-category\">\n <div class=\"partner-cat-label tutelle\">Tutelle<\/div>\n <div class=\"partners-row\">\n <div class=\"partner-card tutelle\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/download.png\" alt=\"MINHDU\">\n <div class=\"partner-card-name\">MINHDU<\/div>\n <div class=\"partner-card-role\">Minist\u00e8re de l'Habitat et du<br>D\u00e9veloppement Urbain<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"partner-category\">\n <div class=\"partner-cat-label financement\">Partenaires Financiers<\/div>\n <div class=\"partners-row\">\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/og_image.jpg\" alt=\"MUFG Bank\">\n <div class=\"partner-card-name\">MUFG Bank<\/div>\n <div class=\"partner-card-role\">Partenaire financier LOT 1<\/div>\n <\/div>\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/download-8.png\" alt=\"BPI France\">\n <div class=\"partner-card-name\">BPI France<\/div>\n <div class=\"partner-card-role\">Partenaire financier LOT 2<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"partner-category\">\n <div class=\"partner-cat-label travaux\">Entreprises des Travaux<\/div>\n <div class=\"partners-row\">\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/buns-new-logo.png\">\n <div class=\"partner-card-name\">BUN'S SARL<\/div>\n <div class=\"partner-card-role\">Entreprise des travaux LOT 1<\/div>\n <\/div>\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/download-1.png\" alt=\"RAZEL-BEC\">\n <div class=\"partner-card-name\">RAZEL-BEC<\/div>\n <div class=\"partner-card-role\">Entreprise des travaux LOT 2<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"partner-category\">\n <div class=\"partner-cat-label controle\">Contr\u00f4le, Supervision & Assistance Technique<\/div>\n\n \t<div class=\"partners-row\">\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/download-_1_-1.jpg\" alt=\"Labog\u00e9nie\">\n <div class=\"partner-card-name\">Labog\u00e9nie<\/div>\n <div class=\"partner-card-role\">Contr\u00f4le g\u00e9otechnique LOT 1<\/div>\n \n <\/div>\n\n \t\t <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/DarLogo2016.png\" alt=\"DAR\">\n <div class=\"partner-card-name\">DAR<\/div>\n <div class=\"partner-card-role\">Contr\u00f4le des travaux LOT 1<\/div>\n <\/div>\n \n\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/logo_blue.png\" alt=\"Groupe STUDI\">\n <div class=\"partner-card-name\">Groupe STUDI<\/div>\n <div class=\"partner-card-role\">Assistance technique \u00e0 la maitrise d'ouvrage LOT 1 <\/div>\n <\/div>\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/Logo-setec.jpg\" alt=\"SETEC\">\n <div class=\"partner-card-name\">SETEC<\/div>\n <div class=\"partner-card-role\">Mission d'Appui MOA &<br>Supervision des travaux LOT 2<\/div>\n <\/div>\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/bec-la-routiere-246994.png\" alt=\"B.E.C La Routi\u00e8re\">\n <div class=\"partner-card-name\">B.E.C La Routi\u00e8re<\/div>\n <div class=\"partner-card-role\">Mission d'Appui MOA &<br>Supervision des travaux LOT 2<\/div>\n <\/div>\n \n \n\n <\/div>\n\n <\/div>\n<\/section>\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section class=\"citizen\">\n <div class=\"citizen-inner\">\n <div class=\"citizen-text\">\n <h2>Votre voix compte.<br>Espace Citoyen.<\/h2>\n <p>Le projet est construit pour vous et avec vous. Posez vos questions, signalez un probl\u00e8me ou consultez les documents publics du projet en toute transparence.<\/p>\n <\/div>\n <div class=\"citizen-actions\">\n <a href=\"#\" class=\"citizen-btn\">\n <span class=\"citizen-btn-icon\">\ud83d\udcac<\/span>\n <div class=\"citizen-btn-text\">\n <span class=\"t1\">Nous Contacter<\/span>\n <span class=\"t2\">R\u00e9ponses aux questions fr\u00e9quentes<\/span>\n <\/div>\n <\/a>\n <a href=\"#\" class=\"citizen-btn\">\n <span class=\"citizen-btn-icon\">\ud83d\udcdd<\/span>\n <div class=\"citizen-btn-text\">\n <span class=\"t1\">R\u00e9clamation Riveraine<\/span>\n <span class=\"t2\">Signalez un impact sur votre vie quotidienne<\/span>\n <\/div>\n <\/a>\n <a href=\"#\" class=\"citizen-btn\">\n <span class=\"citizen-btn-icon\">\ud83d\udcc4<\/span>\n <div class=\"citizen-btn-text\">\n <span class=\"t1\">Documents Publics<\/span>\n <span class=\"t2\">\u00c9tudes, impacts environnementaux (HSE)<\/span>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":169,"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":681,"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/681"}],"wp:attachment":[{"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\nAper\u00e7u Hero Slider \u2014 UGP-SUA<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&family=Open+Sans:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<style>\nbody { margin:0; }\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\n VARIABLES & RESET\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 *\/\n#ugp-hero-wrapper {\n --ugp-bleu: #1B4F72;\n --ugp-or: #F4D03F;\n --ugp-gris: #2E4053;\n --ugp-blanc: #FFFFFF;\n font-family: 'Open Sans', sans-serif;\n width: 100%;\n position: relative;\n overflow: hidden;\n}\n#ugp-hero-wrapper *, #ugp-hero-wrapper *::before, #ugp-hero-wrapper *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\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\n SLIDER WRAPPER\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 *\/\n#ugp-hero-wrapper .ugp-slider {\n position: relative;\n height: 100vh;\n min-height: 600px;\n overflow: hidden;\n}\n\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\n SLIDES\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 *\/\n#ugp-hero-wrapper .ugp-slide {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n opacity: 0;\n transition: opacity 0.9s cubic-bezier(0.4,0,0.2,1);\n pointer-events: none;\n z-index: 0;\n}\n#ugp-hero-wrapper .ugp-slide.active {\n opacity: 1;\n pointer-events: auto;\n z-index: 1;\n}\n#ugp-hero-wrapper .ugp-slide.leaving {\n opacity: 0;\n z-index: 0;\n}\n\n\/* Image de fond par slide \u2014 zoom Ken Burns *\/\n#ugp-hero-wrapper .ugp-slide-bg {\n position: absolute;\n inset: -5%;\n background-size: cover;\n background-position: center center;\n transition: transform 8s ease-out;\n transform: scale(1.08);\n}\n#ugp-hero-wrapper .ugp-slide.active .ugp-slide-bg {\n transform: scale(1.0);\n}\n\n\/* Overlay d\u00e9grad\u00e9 *\/\n#ugp-hero-wrapper .ugp-hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to right,\n rgba(10, 22, 40, 0.72) 0%,\n rgba(27, 79, 114, 0.40) 55%,\n rgba(10, 22, 40, 0.15) 100%\n );\n z-index: 1;\n}\n\n\/* Route anim\u00e9e *\/\n#ugp-hero-wrapper .ugp-hero-road {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 55%;\n background: repeating-linear-gradient(\n to bottom,\n transparent 0px, transparent 18px,\n rgba(255,255,255,0.04) 18px, rgba(255,255,255,0.04) 20px\n );\n transform: perspective(600px) rotateX(20deg) translateY(20%);\n transform-origin: bottom;\n z-index: 1;\n}\n#ugp-hero-wrapper .ugp-hero-lines {\n position: absolute;\n left: 50%; bottom: 0;\n transform: translateX(-50%);\n width: 6px; height: 42%;\n background: repeating-linear-gradient(\n to top,\n var(--ugp-or) 0px, var(--ugp-or) 28px,\n transparent 28px, transparent 48px\n );\n opacity: 0.7;\n animation: ugpRoadLines 2s linear infinite;\n z-index: 1;\n}\n@keyframes ugpRoadLines {\n from { background-position: 0 0; }\n to { background-position: 0 -76px; }\n}\n\n\/* Particules *\/\n#ugp-hero-wrapper .ugp-particles {\n position: absolute;\n inset: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: 1;\n}\n#ugp-hero-wrapper .ugp-particle {\n position: absolute;\n width: 2px; height: 2px;\n background: var(--ugp-or);\n border-radius: 50%;\n opacity: 0;\n animation: ugpFloat linear infinite;\n}\n@keyframes ugpFloat {\n 0% { opacity: 0; transform: translateY(0) scale(0); }\n 10% { opacity: 1; }\n 90% { opacity: 0.5; }\n 100% { opacity: 0; transform: translateY(-90vh) scale(1.5); }\n}\n\n\/* Contenu slide *\/\n#ugp-hero-wrapper .ugp-hero-content {\n position: relative;\n z-index: 2;\n padding: 0 80px;\n max-width: 700px;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s;\n}\n#ugp-hero-wrapper .ugp-slide.active .ugp-hero-content {\n opacity: 1;\n transform: none;\n}\n\n#ugp-hero-wrapper .ugp-hero-overtitle {\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 4px;\n text-transform: uppercase;\n color: var(--ugp-or);\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 12px;\n}\n#ugp-hero-wrapper .ugp-hero-overtitle::before {\n content: '';\n display: block;\n width: 32px; height: 2px;\n background: var(--ugp-or);\n}\n#ugp-hero-wrapper .ugp-hero-content h1 {\n font-family: 'Montserrat', sans-serif;\n font-size: clamp(33px, 4.5vw, 65px);\n font-weight: 700;\n line-height: 1;\n color: var(--ugp-blanc);\n margin-bottom: 24px;\n letter-spacing: -1px;\n}\n#ugp-hero-wrapper .ugp-hero-content h1 span {\n color: var(--ugp-or);\n display: block;\n}\n#ugp-hero-wrapper .ugp-hero-content p {\n font-size: 17px;\n font-weight: 400;\n color: var(--ugp-blanc);\n line-height: 1.7;\n margin-bottom: 40px;\n max-width: 500px;\n}\n#ugp-hero-wrapper .ugp-hero-ctas {\n display: flex;\n gap: 14px;\n flex-wrap: wrap;\n}\n#ugp-hero-wrapper .ugp-btn-primary {\n background: var(--ugp-or);\n color: var(--ugp-bleu);\n font-family: 'Montserrat', sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 14px 34px;\n border-radius: 4px;\n text-decoration: none;\n box-shadow: 0 8px 24px rgba(244,208,63,0.35);\n transition: all 0.25s;\n display: inline-block;\n}\n#ugp-hero-wrapper .ugp-btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 32px rgba(244,208,63,0.5);\n}\n#ugp-hero-wrapper .ugp-btn-outline {\n background: var(--ugp-bleu);\n border: 2px solid rgba(255,255,255,0.4);\n color: var(--ugp-blanc);\n font-family: 'Montserrat', sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 14px 32px;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.25s;\n display: inline-block;\n}\n#ugp-hero-wrapper .ugp-btn-outline:hover {\n border-color: var(--ugp-or);\n color: var(--ugp-or);\n}\n\n\/* Badge KM *\/\n#ugp-hero-wrapper .ugp-km-badge {\n position: absolute;\n right: 80px;\n top: 50%;\n transform: translateY(-50%);\n text-align: center;\n z-index: 2;\n opacity: 0;\n transition: opacity 0.7s ease 0.5s, transform 0.7s ease 0.5s;\n transform: translateY(calc(-50% + 20px));\n}\n#ugp-hero-wrapper .ugp-slide.active .ugp-km-badge {\n opacity: 1;\n transform: translateY(-50%);\n}\n#ugp-hero-wrapper .ugp-km-ring {\n width: 200px; height: 200px;\n border-radius: 50%;\n border: 3px solid rgba(244,208,63,0.3);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n background: rgba(27,79,114,0.4);\n backdrop-filter: blur(10px);\n}\n#ugp-hero-wrapper .ugp-km-ring::before {\n content: '';\n position: absolute;\n inset: -10px;\n border-radius: 50%;\n border: 1px solid rgba(244,208,63,0.15);\n}\n#ugp-hero-wrapper .ugp-km-ring .ugp-num {\n font-family: 'Montserrat', sans-serif;\n font-size: 56px;\n font-weight: 900;\n color: var(--ugp-or);\n line-height: 1;\n}\n#ugp-hero-wrapper .ugp-km-ring .ugp-unit {\n font-family: 'Montserrat', sans-serif;\n font-size: 16px;\n font-weight: 700;\n color: var(--ugp-blanc);\n letter-spacing: 3px;\n}\n#ugp-hero-wrapper .ugp-km-ring .ugp-label {\n font-size: 11px;\n color: rgba(255,255,255,0.6);\n letter-spacing: 1px;\n margin-top: 4px;\n text-align: center;\n padding: 0 12px;\n}\n\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\n CONTR\u00d4LES SLIDER\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 *\/\n#ugp-hero-wrapper .ugp-slider-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10;\n background: rgba(27,79,114,0.45);\n border: 1.5px solid rgba(244,208,63,0.35);\n color: var(--ugp-or);\n width: 52px; height: 52px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n backdrop-filter: blur(8px);\n transition: all 0.25s;\n font-size: 18px;\n outline: none;\n}\n#ugp-hero-wrapper .ugp-slider-btn:hover {\n background: var(--ugp-or);\n color: var(--ugp-bleu);\n border-color: var(--ugp-or);\n transform: translateY(-50%) scale(1.08);\n}\n#ugp-hero-wrapper .ugp-btn-prev { left: 28px; }\n#ugp-hero-wrapper .ugp-btn-next { right: 28px; }\n\n\/* Indicateurs (dots) *\/\n#ugp-hero-wrapper .ugp-slider-dots {\n position: absolute;\n bottom: 90px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 10px;\n z-index: 10;\n}\n#ugp-hero-wrapper .ugp-dot {\n width: 8px; height: 8px;\n border-radius: 50%;\n border: none;\n background: rgba(255,255,255,0.35);\n cursor: pointer;\n padding: 0;\n transition: all 0.3s;\n outline: none;\n}\n#ugp-hero-wrapper .ugp-dot.active {\n background: var(--ugp-or);\n width: 28px;\n border-radius: 4px;\n}\n\n\/* Barre de progression *\/\n#ugp-hero-wrapper .ugp-progress-bar {\n position: absolute;\n bottom: 0; left: 0;\n height: 3px;\n background: var(--ugp-or);\n width: 0%;\n z-index: 10;\n transition: width linear;\n opacity: 0.85;\n}\n\n\/* Num\u00e9ro de slide *\/\n#ugp-hero-wrapper .ugp-slide-counter {\n position: absolute;\n bottom: 88px;\n right: 36px;\n z-index: 10;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n color: rgba(255,255,255,0.4);\n}\n#ugp-hero-wrapper .ugp-slide-counter span {\n color: var(--ugp-or);\n font-size: 22px;\n font-weight: 900;\n vertical-align: middle;\n margin-right: 4px;\n}\n\n\/* Fl\u00e8che scroll *\/\n#ugp-hero-wrapper .ugp-hero-scroll {\n position: absolute;\n bottom: 32px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n color: rgba(255,255,255,0.4);\n font-size: 10px;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-family: 'Montserrat', sans-serif;\n z-index: 10;\n animation: ugpBounce 2s ease-in-out infinite;\n}\n#ugp-hero-wrapper .ugp-scroll-arrow {\n width: 24px; height: 24px;\n border-right: 2px solid rgba(255,255,255,0.3);\n border-bottom: 2px solid rgba(255,255,255,0.3);\n transform: rotate(45deg);\n}\n@keyframes ugpBounce {\n 0%,100% { transform: translateX(-50%) translateY(0); }\n 50% { transform: translateX(-50%) translateY(8px); }\n}\n\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\n SECTION CHIFFRES CL\u00c9S\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 *\/\n#ugp-hero-wrapper .ugp-stats {\n background: var(--ugp-gris);\n padding: 0 48px;\n}\n#ugp-hero-wrapper .ugp-stats-inner {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n max-width: 100%px;\n margin: 0 auto;\n}\n#ugp-hero-wrapper .ugp-stat-item {\n padding: 36px 10px;\n text-align: center;\n border-right: 1px solid rgba(255,255,255,0.07);\n position: relative;\n overflow: hidden;\n transition: background 0.3s;\n cursor: default;\n}\n#ugp-hero-wrapper .ugp-stat-item:last-child { border-right: none; }\n#ugp-hero-wrapper .ugp-stat-item::before {\n content: '';\n position: absolute;\n bottom: 0; left: 50%;\n transform: translateX(-50%);\n width: 0; height: 3px;\n background: var(--ugp-or);\n transition: width 0.4s;\n}\n#ugp-hero-wrapper .ugp-stat-item:hover::before { width: 100%; }\n#ugp-hero-wrapper .ugp-stat-item:hover { background: rgba(255,255,255,0.04); }\n#ugp-hero-wrapper .ugp-stat-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 14px;\n color: var(--ugp-or);\n font-size: 46px;\n line-height: 1;\n}\n#ugp-hero-wrapper .ugp-stat-icon i { color: var(--ugp-or); }\n#ugp-hero-wrapper .ugp-stat-num {\n font-family: 'Montserrat', sans-serif;\n font-size: 36px;\n font-weight: 900;\n color: var(--ugp-or);\n line-height: 1;\n display: block;\n}\n#ugp-hero-wrapper .ugp-stat-unit {\n font-family: 'Montserrat', sans-serif;\n font-size: 18px;\n font-weight: 700;\n color: var(--ugp-or);\n}\n#ugp-hero-wrapper .ugp-stat-label {\n font-size: 10.5px;\n color: rgba(255,255,255,0.55);\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-top: 10px;\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n}\n#ugp-hero-wrapper .ugp-stat-desc {\n font-size: 12px;\n color: rgba(255,255,255,0.32);\n margin-top: 5px;\n font-style: italic;\n}\n\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\n RESPONSIVE\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 *\/\n@media (max-width: 1024px) {\n #ugp-hero-wrapper .ugp-stats-inner { grid-template-columns: repeat(3, 1fr); }\n #ugp-hero-wrapper .ugp-stat-item:nth-child(3) { border-right: none; }\n}\n@media (max-width: 900px) {\n #ugp-hero-wrapper .ugp-hero-content { padding: 0 24px; }\n #ugp-hero-wrapper .ugp-km-badge { display: none; }\n #ugp-hero-wrapper .ugp-stats-inner { grid-template-columns: repeat(2, 1fr); }\n #ugp-hero-wrapper .ugp-stats { padding: 0 24px; }\n #ugp-hero-wrapper .ugp-stat-item:nth-child(3) { border-right: 1px solid rgba(255,255,255,0.07); }\n #ugp-hero-wrapper .ugp-stat-item:nth-child(2n) { border-right: none; }\n #ugp-hero-wrapper .ugp-btn-prev { left: 12px; }\n #ugp-hero-wrapper .ugp-btn-next { right: 12px; }\n}\n@media (max-width: 480px) {\n #ugp-hero-wrapper .ugp-slider { height: 100vh; min-height: 500px; }\n #ugp-hero-wrapper .ugp-hero-content p { font-size: 15px; }\n #ugp-hero-wrapper .ugp-stats-inner { grid-template-columns: 1fr 1fr; }\n #ugp-hero-wrapper .ugp-stat-num { font-size: 28px; }\n #ugp-hero-wrapper .ugp-stat-item { padding: 28px 12px; }\n #ugp-hero-wrapper .ugp-slider-btn { width: 40px; height: 40px; font-size: 14px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"ugp-hero-wrapper\">\n\n <div class=\"ugp-slider\" id=\"ugpSlider\">\n\n <div class=\"ugp-particles\" id=\"ugp-particles\"><\/div>\n\n <div class=\"ugp-slide active\" data-index=\"0\">\n <div class=\"ugp-slide-bg\" style=\"background-image:url('http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/scene04001-1.jpeg');\"><\/div>\n <div class=\"ugp-hero-overlay\"><\/div>\n <div class=\"ugp-hero-road\"><\/div>\n <div class=\"ugp-hero-lines\"><\/div>\n\n <div class=\"ugp-hero-content\">\n <div class=\"ugp-hero-overtitle\">Projet Infrastructure Nationale \u2014 Section Urbaine<\/div>\n <h1>Connecter Yaound\u00e9 <span>\u00e0 son avenir.<\/span><\/h1>\n <p>La Section Urbaine de l’Autoroute Yaound\u00e9-Nsimalen : 12,7 km de modernit\u00e9, d’efficacit\u00e9 et de d\u00e9veloppement durable au c\u0153ur de la capitale.<\/p>\n <div class=\"ugp-hero-ctas\">\n <a href=\"https:\/\/www.youtube.com\/@AutorouteYaound%C3%A9Nsimalen\" class=\"ugp-btn-primary\">D\u00e9couvrir le Projet \u2192<\/a>\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/mot-du-ministre\/\" class=\"ugp-btn-outline\"> MOT DU MINISTRE <\/a>\n <\/div>\n <\/div>\n\n <div class=\"ugp-km-badge\">\n <div class=\"ugp-km-ring\">\n <span class=\"ugp-num\">12,7<\/span>\n <span class='ugp-unit'>KM<\/span>\n <span class=\"ugp-label\">de section urbaine<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ugp-slide \" data-index=\"1\">\n <div class=\"ugp-slide-bg\" style=\"background-image:url('http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/scene07151.jpeg');\"><\/div>\n <div class=\"ugp-hero-overlay\"><\/div>\n <div class=\"ugp-hero-road\"><\/div>\n <div class=\"ugp-hero-lines\"><\/div>\n\n <div class=\"ugp-hero-content\">\n <div class=\"ugp-hero-overtitle\">Projet Infrastructure Nationale \u2014 Axe Principal<\/div>\n <h1>Des \u00e9changeurs <span>de haute performance.<\/span><\/h1>\n <p>Des carrefours d\u00e9nivel\u00e9s con\u00e7us pour fluidifier la circulation et garantir la s\u00e9curit\u00e9 routi\u00e8re aux principaux n\u0153uds de la capitale.<\/p>\n <div class=\"ugp-hero-ctas\">\n <a href=\"https:\/\/www.youtube.com\/@AutorouteYaound%C3%A9Nsimalen\" class=\"ugp-btn-primary\">D\u00e9couvrir le Projet \u2192<\/a>\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/mot-du-ministre\/\" class=\"ugp-btn-outline\"> MOT DU MINISTRE <\/a>\n <\/div>\n <\/div>\n\n <div class=\"ugp-km-badge\">\n <div class=\"ugp-km-ring\">\n <span class=\"ugp-num\">6<\/span>\n <span class='ugp-unit'>\u00c9ch.<\/span>\n <span class=\"ugp-label\">carrefours d\u00e9nivel\u00e9s<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ugp-slide \" data-index=\"2\">\n <div class=\"ugp-slide-bg\" style=\"background-image:url('http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/scene04951.jpeg');\"><\/div>\n <div class=\"ugp-hero-overlay\"><\/div>\n <div class=\"ugp-hero-road\"><\/div>\n <div class=\"ugp-hero-lines\"><\/div>\n\n <div class=\"ugp-hero-content\">\n <div class=\"ugp-hero-overtitle\">Projet Infrastructure Nationale \u2014 Axe Principal<\/div>\n <h1>2\u00d73 voies <span>pour une capitale connect\u00e9e.<\/span><\/h1>\n <p>Un axe autoroutier urbain avec voies rapides, contre-all\u00e9es et voies de service pour tous les usagers et tous les modes de d\u00e9placement.<\/p>\n <div class=\"ugp-hero-ctas\">\n <a href=\"https:\/\/www.youtube.com\/@AutorouteYaound%C3%A9Nsimalen\" class=\"ugp-btn-primary\">D\u00e9couvrir le Projet \u2192<\/a>\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/mot-du-ministre\/\" class=\"ugp-btn-outline\"> MOT DU MINISTRE <\/a>\n <\/div>\n <\/div>\n\n <div class=\"ugp-km-badge\">\n <div class=\"ugp-km-ring\">\n <span class=\"ugp-num\">2\u00d73<\/span>\n <span class=\"ugp-label\">voies de circulation<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ugp-slide \" data-index=\"3\">\n <div class=\"ugp-slide-bg\" style=\"background-image:url('http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/scene10251.jpeg');\"><\/div>\n <div class=\"ugp-hero-overlay\"><\/div>\n <div class=\"ugp-hero-road\"><\/div>\n <div class=\"ugp-hero-lines\"><\/div>\n\n <div class=\"ugp-hero-content\">\n <div class=\"ugp-hero-overtitle\">Projet Infrastructure Nationale \u2014 Ouvrages d’Art<\/div>\n <h1>Des ponts <span>qui structurent la ville.<\/span><\/h1>\n <p>Des ouvrages d’art majeurs, passerelles pi\u00e9tonnes et ponts int\u00e9gr\u00e9s dans le tissu urbain pour une mobilit\u00e9 fluide et s\u00e9curis\u00e9e.<\/p>\n <div class=\"ugp-hero-ctas\">\n <a href=\"https:\/\/www.youtube.com\/@AutorouteYaound%C3%A9Nsimalen\" class=\"ugp-btn-primary\">D\u00e9couvrir le Projet \u2192<\/a>\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/mot-du-ministre\/\" class=\"ugp-btn-outline\"> MOT DU MINISTRE <\/a>\n <\/div>\n <\/div>\n\n <div class=\"ugp-km-badge\">\n <div class=\"ugp-km-ring\">\n <span class=\"ugp-num\">12+<\/span>\n <span class=\"ugp-label\">ouvrages construits<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"ugp-slide \" data-index=\"4\">\n <div class=\"ugp-slide-bg\" style=\"background-image:url('http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/scene10001.jpeg');\"><\/div>\n <div class=\"ugp-hero-overlay\"><\/div>\n <div class=\"ugp-hero-road\"><\/div>\n <div class=\"ugp-hero-lines\"><\/div>\n\n <div class=\"ugp-hero-content\">\n <div class=\"ugp-hero-overtitle\">Projet Infrastructure Nationale \u2014 Am\u00e9nagment Durable <\/div>\n <h1>Un projet<span>respectueux de l’environnement. <\/span><\/h1>\n <p>Des zones de compensation paysag\u00e8res et une int\u00e9gration soign\u00e9e du v\u00e9g\u00e9tal pour un axe urbain durable, au service des riverains et de la ville.<\/p>\n <div class=\"ugp-hero-ctas\">\n <a href=\"https:\/\/www.youtube.com\/@AutorouteYaound%C3%A9Nsimalen\" class=\"ugp-btn-primary\">D\u00e9couvrir le Projet \u2192<\/a>\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/mot-du-ministre\/\" class=\"ugp-btn-outline\"> MOT DU MINISTRE <\/a>\n <\/div>\n <\/div>\n\n <div class=\"ugp-km-badge\">\n <div class=\"ugp-km-ring\">\n <span class=\"ugp-num\">100%<\/span>\n <span class=\"ugp-label\">zones paysag\u00e9es int\u00e9gr\u00e9es<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"ugp-slider-btn ugp-btn-prev\" id=\"ugpPrev\" aria-label=\"Pr\u00e9c\u00e9dent\">\n <i class=\"fa-solid fa-chevron-left\"><\/i>\n <\/button>\n <button class=\"ugp-slider-btn ugp-btn-next\" id=\"ugpNext\" aria-label=\"Suivant\">\n <i class=\"fa-solid fa-chevron-right\"><\/i>\n <\/button>\n\n <div class=\"ugp-slider-dots\">\n <button class=\"ugp-dot active\" data-slide=\"0\" aria-label=\"Slide 1\"><\/button>\n <button class=\"ugp-dot \" data-slide=\"1\" aria-label=\"Slide 2\"><\/button>\n <button class=\"ugp-dot \" data-slide=\"2\" aria-label=\"Slide 3\"><\/button>\n <button class=\"ugp-dot \" data-slide=\"3\" aria-label=\"Slide 4\"><\/button>\n <button class=\"ugp-dot \" data-slide=\"4\" aria-label=\"Slide 5\"><\/button>\n <\/div>\n\n <div class=\"ugp-slide-counter\">\n <span id=\"ugpCurrent\">01<\/span> \/ 05\n <\/div>\n\n <div class=\"ugp-progress-bar\" id=\"ugpProgress\"><\/div>\n\n <div class=\"ugp-hero-scroll\">\n <div class=\"ugp-scroll-arrow\"><\/div>\n D\u00e9couvrir\n <\/div>\n <\/div>\n\n <section class=\"ugp-stats\">\n <div class=\"ugp-stats-inner\">\n\n <div class=\"ugp-stat-item\">\n <div class=\"ugp-stat-icon\"><i class=\"fa-solid fa-road\"><\/i><\/div>\n <span class=\"ugp-stat-num\">2\u00d73<\/span>\n <div class=\"ugp-stat-label\">Voies \u2014 Section Rapide<\/div>\n <div class=\"ugp-stat-desc\">Contre-all\u00e9es & voies de service<\/div>\n <\/div>\n\n <div class=\"ugp-stat-item\">\n <div class=\"ugp-stat-icon\"><i class=\"fa-solid fa-retweet\"><\/i><\/div>\n <span class=\"ugp-stat-num\" style=\"font-size:22px;\">\u00c9changeurs<\/span>\n <div class=\"ugp-stat-label\">Carrefours D\u00e9nivel\u00e9s<\/div>\n <div class=\"ugp-stat-desc\">Fluidit\u00e9 & s\u00e9curit\u00e9 garanties<\/div>\n <\/div>\n\n <div class=\"ugp-stat-item\">\n <div class=\"ugp-stat-icon\"><i class=\"fa-solid fa-person-walking\"><\/i><\/div>\n <span class=\"ugp-stat-num\" style=\"font-size:22px;line-height:1.2;\">Passerelles<br>Pi\u00e9tonnes<\/span>\n <div class=\"ugp-stat-label\">Travers\u00e9es S\u00e9curis\u00e9es<\/div>\n <div class=\"ugp-stat-desc\">Mobilit\u00e9 douce int\u00e9gr\u00e9e<\/div>\n <\/div>\n\n <div class=\"ugp-stat-item\">\n <div class=\"ugp-stat-icon\"><i class=\"fa-solid fa-taxi\"><\/i><\/div>\n <span class=\"ugp-stat-num\" style=\"font-size:22px;\">Voie de taxis<\/span>\n <div class=\"ugp-stat-label\">Transport en Commun<\/div>\n <div class=\"ugp-stat-desc\">Voies d\u00e9di\u00e9es incluses<\/div>\n <\/div>\n\n <div class=\"ugp-stat-item\">\n <div class=\"ugp-stat-icon\"><i class=\"fa-solid fa-bridge-water\"><\/i><\/div>\n <span class=\"ugp-stat-num\" style=\"font-size:20px;\">Assainissement <\/span>\n <div class=\"ugp-stat-label\">Assainissement & Drainage<\/div>\n <div class=\"ugp-stat-desc\">ouvrages int\u00e9gr\u00e9s<\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n<\/div>\n\n<script>\n(function () {\n const wrapper = document.getElementById('ugp-hero-wrapper');\n if (!wrapper) return;\n\n const slides = wrapper.querySelectorAll('.ugp-slide');\n const dots = wrapper.querySelectorAll('.ugp-dot');\n const btnPrev = wrapper.querySelector('#ugpPrev');\n const btnNext = wrapper.querySelector('#ugpNext');\n const progress = wrapper.querySelector('#ugpProgress');\n const counter = wrapper.querySelector('#ugpCurrent');\n const particlesContainer = wrapper.querySelector('#ugp-particles');\n\n const total = slides.length;\n let current = 0;\n let autoTimer = null;\n let progressTimer = null;\n const SLIDE_DURATION = 6000;\n const PROGRESS_STEP = 50;\n\n function goToSlide(index) {\n const prevIndex = current;\n current = (index + total) % total;\n\n slides.forEach((slide, i) => {\n slide.classList.remove('active', 'leaving');\n if (i === prevIndex && i !== current) slide.classList.add('leaving');\n if (i === current) slide.classList.add('active');\n });\n\n dots.forEach((dot, i) => {\n dot.classList.toggle('active', i === current);\n });\n\n if (counter) {\n counter.textContent = String(current + 1).padStart(2, '0');\n }\n\n resetProgress();\n }\n\n function nextSlide() { goToSlide(current + 1); }\n function prevSlide() { goToSlide(current - 1); }\n\n function resetProgress() {\n clearInterval(progressTimer);\n if (!progress) return;\n progress.style.transition = 'none';\n progress.style.width = '0%';\n void progress.offsetWidth;\n\n let elapsed = 0;\n progress.style.transition = `width ${PROGRESS_STEP}ms linear`;\n progressTimer = setInterval(() => {\n elapsed += PROGRESS_STEP;\n const pct = Math.min((elapsed \/ SLIDE_DURATION) * 100, 100);\n progress.style.width = pct + '%';\n if (elapsed >= SLIDE_DURATION) clearInterval(progressTimer);\n }, PROGRESS_STEP);\n }\n\n function startAutoplay() {\n clearInterval(autoTimer);\n autoTimer = setInterval(nextSlide, SLIDE_DURATION);\n }\n\n function stopAutoplay() {\n clearInterval(autoTimer);\n clearInterval(progressTimer);\n }\n\n function restartAutoplay() {\n stopAutoplay();\n startAutoplay();\n resetProgress();\n }\n\n if (btnNext) btnNext.addEventListener('click', () => { nextSlide(); restartAutoplay(); });\n if (btnPrev) btnPrev.addEventListener('click', () => { prevSlide(); restartAutoplay(); });\n\n dots.forEach((dot) => {\n dot.addEventListener('click', () => {\n const idx = parseInt(dot.getAttribute('data-slide'), 10);\n goToSlide(idx);\n restartAutoplay();\n });\n });\n\n const sliderEl = wrapper.querySelector('#ugpSlider');\n if (sliderEl) {\n sliderEl.addEventListener('mouseenter', stopAutoplay);\n sliderEl.addEventListener('mouseleave', restartAutoplay);\n }\n\n document.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowRight') { nextSlide(); restartAutoplay(); }\n if (e.key === 'ArrowLeft') { prevSlide(); restartAutoplay(); }\n });\n\n function createParticles(count = 25) {\n if (!particlesContainer) return;\n particlesContainer.innerHTML = '';\n for (let i = 0; i < count; i++) {\n const p = document.createElement('div');\n p.className = 'ugp-particle';\n const left = Math.random() * 100;\n const duration = 6 + Math.random() * 8;\n const delay = Math.random() * 10;\n const size = 1.5 + Math.random() * 2.5;\n\n p.style.left = left + '%';\n p.style.bottom = '0';\n p.style.width = size + 'px';\n p.style.height = size + 'px';\n p.style.animationDuration = duration + 's';\n p.style.animationDelay = delay + 's';\n\n particlesContainer.appendChild(p);\n }\n }\n\n createParticles();\n goToSlide(0);\n startAutoplay();\n})();\n<\/script>\n\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700;800&family=Open+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\n\n <style>\n \/* \u2500\u2500 Variables \u2500\u2500 *\/\n .ugp-geo-section {\n --bleu: #1B4F72;\n --bleu-light: #2E86C1;\n --vert: #229954;\n --or: #F4D03F;\n --orange: #E67E22;\n --violet: #8E44AD;\n --blanc: #FFFFFF;\n --gris-clair: #F2F3F4;\n --texte: #1C2833;\n \n font-family: 'Open Sans', sans-serif;\n background: var(--gris-clair);\n padding: 96px 48px 120px;\n box-sizing: border-box;\n width: 100%;\n }\n \n \/* \u2500\u2500 En-t\u00eate de section \u2500\u2500 *\/\n .ugp-geo-section .geo-header {\n text-align: center;\n margin-bottom: 64px;\n }\n \n .ugp-geo-section .geo-tag {\n display: inline-block;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--vert);\n background: rgba(34,153,84,0.10);\n padding: 7px 18px;\n border-radius: 20px;\n margin-bottom: 16px;\n border: 1px solid rgba(34,153,84,0.20);\n }\n \n .ugp-geo-section .geo-title {\n font-family: 'Montserrat', sans-serif;\n font-size: clamp(28px, 4.4vw, 50px);\n font-weight: 800;\n color: var(--bleu);\n line-height: 1.15;\n margin: 0 0 16px 0;\n }\n \n .ugp-geo-section .geo-subtitle {\n font-size: 18px;\n color: #5D6D7E;\n max-width: 660px;\n margin: 0 auto;\n line-height: 1.7;\n }\n \n \/* \u2500\u2500 Lots summary cards \u2500\u2500 *\/\n .ugp-geo-section .geo-lots {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 48px;\n }\n .ugp-geo-section .geo-lot-card {\n display: flex;\n align-items: center;\n gap: 14px;\n background: #fff;\n border-radius: 14px;\n padding: 18px 22px;\n box-shadow: 0 14px 36px rgba(27,79,114,0.20), 0 4px 12px rgba(27,79,114,0.12);\n border-left: 4px solid;\n }\n .ugp-geo-section .geo-lot-card.lot1 { border-color: #F4D03F; }\n .ugp-geo-section .geo-lot-card.lot2 { border-color: #2E86C1; }\n .ugp-geo-section .geo-lot-card.lot3 { border-color: #229954; }\n .ugp-geo-section .geo-lot-dot {\n width: 14px; height: 14px;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .ugp-geo-section .lot1 .geo-lot-dot { background: #F4D03F; }\n .ugp-geo-section .lot2 .geo-lot-dot { background: #2E86C1; }\n .ugp-geo-section .lot3 .geo-lot-dot { background: #229954; }\n .ugp-geo-section .geo-lot-info {\n font-family: 'Montserrat', sans-serif;\n }\n .ugp-geo-section .geo-lot-num {\n font-size: 17px;\n font-weight: 550;\n letter-spacing: 0.1px;\n text-transform: uppercase;\n color: #7F8C8D;\n }\n .ugp-geo-section .geo-lot-km {\n font-size: 23px;\n font-weight: 680;\n color: #1B4F72;\n line-height: 1.1;\n }\n .ugp-geo-section .geo-lot-desc {\n font-size: 14px;\n color: #5D6D7E;\n max-width: 230px;\n line-height: 1.5;\n }\n \n \/* \u2500\u2500 Conteneur carte \u2500\u2500 *\/\n .ugp-geo-section .map-wrapper {\n max-width: 990px;\n margin: 0 auto;\n font-family: 'Montserrat', sans-serif;\n }\n \n .ugp-geo-section .map-card {\n position: relative;\n width: 100%;\n padding-bottom: 66.7%;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 24px 64px rgba(27,79,114,0.28);\n }\n \n .ugp-geo-section .map-card-bg {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(circle at 20% 75%, rgba(244,208,63,0.10) 0%, transparent 45%),\n radial-gradient(circle at 55% 45%, rgba(46,134,193,0.09) 0%, transparent 45%),\n radial-gradient(circle at 85% 20%, rgba(34,153,84,0.09) 0%, transparent 40%),\n linear-gradient(135deg, #0d2b45 0%, #1B4F72 55%, #163d59 100%);\n }\n \n .ugp-geo-section .map-card svg {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n }\n \n \/* \u2500\u2500 Animations \u2500\u2500 *\/\n @keyframes ugp-geo-pulse {\n 0% { r: 16; opacity: .5; }\n 100% { r: 30; opacity: 0; }\n }\n @keyframes ugp-geo-dash {\n to { stroke-dashoffset: -32; }\n }\n \n .ugp-geo-section .geo-pulse {\n animation: ugp-geo-pulse 2.2s ease-out infinite;\n }\n .ugp-geo-section .geo-pulse-b {\n animation: ugp-geo-pulse 2.2s ease-out infinite;\n animation-delay: .4s;\n }\n .ugp-geo-section .geo-pulse-c {\n animation: ugp-geo-pulse 2.2s ease-out infinite;\n animation-delay: .8s;\n }\n .ugp-geo-section .geo-pulse-d {\n animation: ugp-geo-pulse 2.2s ease-out infinite;\n animation-delay: 1.1s;\n }\n .ugp-geo-section .geo-dash-1 {\n animation: ugp-geo-dash 1.4s linear infinite;\n }\n .ugp-geo-section .geo-dash-2 {\n animation: ugp-geo-dash 1.6s linear infinite;\n animation-delay: .3s;\n }\n .ugp-geo-section .geo-dash-3 {\n animation: ugp-geo-dash 1.8s linear infinite;\n animation-delay: .6s;\n }\n \n \/* \u2500\u2500 Hover sur les \u00e9tiquettes SVG \u2500\u2500 *\/\n .ugp-geo-section .map-label {\n cursor: pointer;\n transition: filter 0.2s ease, transform 0.2s ease;\n transform-origin: center;\n transform-box: fill-box;\n }\n .ugp-geo-section .map-label:hover rect {\n filter: drop-shadow(0 8px 24px rgba(0,0,0,0.38));\n }\n .ugp-geo-section .map-label:hover {\n transform: scale(1.06);\n }\n .ugp-geo-section .map-lot-label {\n cursor: default;\n transition: opacity 0.2s;\n }\n .ugp-geo-section .map-lot-label:hover {\n opacity: 1 !important;\n }\n \n \/* \u2500\u2500 Hover sur les cartes lots \u2500\u2500 *\/\n .ugp-geo-section .geo-lot-card {\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n }\n .ugp-geo-section .geo-lot-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 46px rgba(27,79,114,0.28), 0 6px 16px rgba(27,79,114,0.16);\n }\n \n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n @media (max-width: 768px) {\n .ugp-geo-section {\n padding: 64px 20px 80px;\n }\n .ugp-geo-section .geo-lots {\n flex-direction: column;\n align-items: center;\n }\n .ugp-geo-section .geo-lot-card {\n width: 100%;\n max-width: 380px;\n padding: 18px 24px;\n }\n .ugp-geo-section .geo-lot-desc {\n max-width: none;\n }\n }\n <\/style>\n \n \n <section class=\"ugp-geo-section\">\n \n \n <div class=\"geo-header\">\n <div class=\"geo-tag\">La G\u00e9ographie du Projet<\/div>\n <h2 class=\"geo-title\">Le Trac\u00e9 de la Section Urbaine<\/h2>\n <p class=\"geo-subtitle\">12,7 km d\u00e9coup\u00e9s en trois lots, reliant Ahala \u00e0 la Sous-pr\u00e9fecture de Tsinga via le c\u0153ur de Yaound\u00e9.<\/p>\n <\/div>\n \n \n <div class=\"geo-lots\">\n \n <div class=\"geo-lot-card lot1\">\n <div class=\"geo-lot-dot\"><\/div>\n <div class=\"geo-lot-info\">\n <div class=\"geo-lot-num\">Lot 1<\/div>\n <div class=\"geo-lot-km\">5,8 km<\/div>\n <\/div>\n <div class=\"geo-lot-desc\">Ahala \u2013 Nsam \u2013 Carrefour Trois Statues Ol\u00e9zoa<\/div>\n <\/div>\n \n <div class=\"geo-lot-card lot2\">\n <div class=\"geo-lot-dot\"><\/div>\n <div class=\"geo-lot-info\">\n <div class=\"geo-lot-num\">Lot 2<\/div>\n <div class=\"geo-lot-km\">2,2 km<\/div>\n <\/div>\n <div class=\"geo-lot-desc\">Trois Statues \u2013 Oilybia Ol\u00e9zoa \u2013 Mess Officiers \u2013 Poste Centrale<\/div>\n <\/div>\n \n <div class=\"geo-lot-card lot3\">\n <div class=\"geo-lot-dot\"><\/div>\n <div class=\"geo-lot-info\">\n <div class=\"geo-lot-num\">Lot 3<\/div>\n <div class=\"geo-lot-km\">4,7 km<\/div>\n <\/div>\n <div class=\"geo-lot-desc\">Carrefour Hilton \u2013 Carrefour Warda \u2013 Bastos \u2013 Sous-pr\u00e9fecture Tsinga<\/div>\n <\/div>\n \n <\/div>\n \n \n <div class=\"map-wrapper\">\n <div class=\"map-card\">\n <div class=\"map-card-bg\"><\/div>\n \n \n <svg viewBox=\"0 0 960 720\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\">\n \n <defs>\n <pattern id=\"ugp-geo-grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M40 0L0 0 0 40\" fill=\"none\" stroke=\"rgba(255,255,255,0.028)\" stroke-width=\"1\"\/>\n <\/pattern>\n <filter id=\"ugp-label-shadow\" x=\"-20%\" y=\"-30%\" width=\"140%\" height=\"160%\">\n <feDropShadow dx=\"0\" dy=\"4\" stdDeviation=\"8\" flood-color=\"rgba(0,0,0,0.28)\"\/>\n <\/filter>\n <filter id=\"ugp-label-shadow-hover\" x=\"-20%\" y=\"-30%\" width=\"140%\" height=\"180%\">\n <feDropShadow dx=\"0\" dy=\"8\" stdDeviation=\"18\" flood-color=\"rgba(0,0,0,0.42)\"\/>\n <\/filter>\n <\/defs>\n <rect width=\"960\" height=\"720\" fill=\"url(#ugp-geo-grid)\"\/>\n \n <g transform=\"translate(0,80)\">\n \n <path d=\"M 0 350 Q 200 320 430 340 Q 600 358 960 320\"\n stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"7\" fill=\"none\" stroke-linecap=\"round\"\/>\n <path d=\"M 0 440 Q 260 415 530 400 Q 710 390 960 405\"\n stroke=\"rgba(255,255,255,0.04)\" stroke-width=\"5\" fill=\"none\" stroke-linecap=\"round\"\/>\n <path d=\"M 0 510 Q 130 478 220 445 Q 275 420 305 395\"\n stroke=\"rgba(255,255,255,0.04)\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n \n \n <path d=\"M 80 460 Q 200 370 390 270\"\n stroke=\"rgba(244,208,63,0.15)\" stroke-width=\"38\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <path class=\"geo-dash-1\"\n d=\"M 80 460 Q 200 370 390 270\"\n stroke=\"rgba(244,208,63,0.80)\" stroke-width=\"9\"\n stroke-dasharray=\"20 10\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <path d=\"M 80 460 Q 200 370 390 270\"\n stroke=\"rgba(255,255,255,0.90)\" stroke-width=\"3.5\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <g class=\"map-lot-label\">\n <rect x=\"138\" y=\"413\" width=\"162\" height=\"33\" rx=\"7\"\n fill=\"rgba(244,208,63,0.18)\" stroke=\"rgba(244,208,63,0.35)\" stroke-width=\"1\"\/>\n <text x=\"219\" y=\"435\" font-family=\"Montserrat,sans-serif\" font-size=\"18\"\n fill=\"rgba(244,208,63,0.95)\" text-anchor=\"middle\" font-weight=\"700\">LOT 1 \u00b7 5,8 km<\/text>\n <\/g>\n \n \n \n <path d=\"M 390 270 Q 500 210 620 155\"\n stroke=\"rgba(46,134,193,0.18)\" stroke-width=\"38\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <path class=\"geo-dash-2\"\n d=\"M 390 270 Q 500 210 620 155\"\n stroke=\"rgba(46,134,193,0.90)\" stroke-width=\"9\"\n stroke-dasharray=\"20 10\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <path d=\"M 390 270 Q 500 210 620 155\"\n stroke=\"rgba(255,255,255,0.90)\" stroke-width=\"3.5\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <g class=\"map-lot-label\">\n <rect x=\"425\" y=\"238\" width=\"162\" height=\"33\" rx=\"7\"\n fill=\"rgba(46,134,193,0.18)\" stroke=\"rgba(46,134,193,0.35)\" stroke-width=\"1\"\/>\n <text x=\"506\" y=\"260\" font-family=\"Montserrat,sans-serif\" font-size=\"18\"\n fill=\"rgba(46,134,193,0.95)\" text-anchor=\"middle\" font-weight=\"700\">LOT 2 \u00b7 2,2 km<\/text>\n <\/g>\n \n \n \n <path d=\"M 620 155 Q 720 105 840 55\"\n stroke=\"rgba(34,153,84,0.18)\" stroke-width=\"38\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <path class=\"geo-dash-3\"\n d=\"M 620 155 Q 720 105 840 55\"\n stroke=\"rgba(34,153,84,0.90)\" stroke-width=\"9\"\n stroke-dasharray=\"20 10\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <path d=\"M 620 155 Q 720 105 840 55\"\n stroke=\"rgba(255,255,255,0.90)\" stroke-width=\"3.5\" fill=\"none\" stroke-linecap=\"round\"\/>\n \n <g class=\"map-lot-label\">\n <rect x=\"645\" y=\"128\" width=\"162\" height=\"33\" rx=\"7\"\n fill=\"rgba(34,153,84,0.18)\" stroke=\"rgba(34,153,84,0.35)\" stroke-width=\"1\"\/>\n <text x=\"726\" y=\"150\" font-family=\"Montserrat,sans-serif\" font-size=\"18\"\n fill=\"rgba(34,153,84,0.95)\" text-anchor=\"middle\" font-weight=\"700\">LOT 3 \u00b7 4,7 km<\/text>\n <\/g>\n \n \n <circle class=\"geo-pulse\" cx=\"80\" cy=\"460\" r=\"16\"\n fill=\"rgba(244,208,63,0.15)\" stroke=\"#F4D03F\" stroke-width=\"1.5\"\/>\n <circle cx=\"80\" cy=\"460\" r=\"11\" fill=\"rgba(244,208,63,0.22)\" stroke=\"#F4D03F\" stroke-width=\"2.5\"\/>\n <circle cx=\"80\" cy=\"460\" r=\"5\" fill=\"#F4D03F\"\/>\n \n <line x1=\"90\" y1=\"470\" x2=\"130\" y2=\"520\"\n stroke=\"rgba(255,255,255,0.35)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n <g class=\"map-label\">\n <rect x=\"128\" y=\"513\" width=\"266\" height=\"76\" rx=\"8\"\n fill=\"white\" opacity=\"0.97\" filter=\"url(#ugp-label-shadow)\"\/>\n <circle cx=\"151\" cy=\"543\" r=\"6\" fill=\"#F4D03F\"\/>\n <text x=\"167\" y=\"548\" font-family=\"Montserrat,sans-serif\" font-size=\"20\" font-weight=\"700\" fill=\"#1B4F72\">Ahala<\/text>\n <text x=\"148\" y=\"567\" font-family=\"Montserrat,sans-serif\" font-size=\"16\" fill=\"#7F8C8D\">Point de d\u00e9part \u00b7 Porte Sud<\/text>\n <text x=\"148\" y=\"583\" font-family=\"Montserrat,sans-serif\" font-size=\"14.5\" fill=\"#F4D03F\" font-style=\"italic\">D\u00e9part Lot 1<\/text>\n <\/g>\n \n \n <circle class=\"geo-pulse-b\" cx=\"390\" cy=\"270\" r=\"16\"\n fill=\"rgba(46,134,193,0.15)\" stroke=\"#2E86C1\" stroke-width=\"1.5\"\/>\n <circle cx=\"390\" cy=\"270\" r=\"11\" fill=\"rgba(46,134,193,0.22)\" stroke=\"#2E86C1\" stroke-width=\"2.5\"\/>\n <circle cx=\"390\" cy=\"270\" r=\"5\" fill=\"#2E86C1\"\/>\n \n <line x1=\"378\" y1=\"258\" x2=\"310\" y2=\"230\"\n stroke=\"rgba(255,255,255,0.35)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n <g class=\"map-label\">\n <rect x=\"35\" y=\"203\" width=\"325\" height=\"92\" rx=\"8\"\n fill=\"white\" opacity=\"0.97\" filter=\"url(#ugp-label-shadow)\"\/>\n <circle cx=\"59\" cy=\"235\" r=\"6\" fill=\"#2E86C1\"\/>\n <text x=\"75\" y=\"240\" font-family=\"Montserrat,sans-serif\" font-size=\"19\" font-weight=\"700\" fill=\"#1B4F72\">Carref. Trois Statues Ol\u00e9zoa<\/text>\n <text x=\"58\" y=\"260\" font-family=\"Montserrat,sans-serif\" font-size=\"16\" fill=\"#7F8C8D\">Jonction Lot 1 \/ Lot 2 \u00b7 km 5,8<\/text>\n <text x=\"58\" y=\"279\" font-family=\"Montserrat,sans-serif\" font-size=\"15\" fill=\"#2E86C1\" font-style=\"italic\">Oilybia Ol\u00e9zoa \u00b7 Mess des Officiers<\/text>\n <\/g>\n \n \n <circle class=\"geo-pulse-c\" cx=\"620\" cy=\"155\" r=\"16\"\n fill=\"rgba(230,126,34,0.15)\" stroke=\"#E67E22\" stroke-width=\"1.5\"\/>\n <circle cx=\"620\" cy=\"155\" r=\"11\" fill=\"rgba(230,126,34,0.22)\" stroke=\"#E67E22\" stroke-width=\"2.5\"\/>\n <circle cx=\"620\" cy=\"155\" r=\"5\" fill=\"#E67E22\"\/>\n \n <line x1=\"632\" y1=\"164\" x2=\"680\" y2=\"260\"\n stroke=\"rgba(255,255,255,0.35)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n <g class=\"map-label\">\n <rect x=\"660\" y=\"250\" width=\"300\" height=\"94\" rx=\"8\"\n fill=\"white\" opacity=\"0.97\" filter=\"url(#ugp-label-shadow)\"\/>\n <circle cx=\"686\" cy=\"285\" r=\"6\" fill=\"#E67E22\"\/>\n <text x=\"702\" y=\"290\" font-family=\"Montserrat,sans-serif\" font-size=\"20\" font-weight=\"700\" fill=\"#1B4F72\">Poste Centrale<\/text>\n <text x=\"681\" y=\"309\" font-family=\"Montserrat,sans-serif\" font-size=\"16\" fill=\"#7F8C8D\">Jonction Lot 2 \/ Lot 3 <\/text>\n <text x=\"681\" y=\"328\" font-family=\"Montserrat,sans-serif\" font-size=\"19\" fill=\"#E67E22\" font-style=\"italic\">Carref. Hilton \u00b7 Carref. Warda<\/text>\n <\/g>\n \n \n <circle class=\"geo-pulse-d\" cx=\"840\" cy=\"55\" r=\"16\"\n fill=\"rgba(34,153,84,0.15)\" stroke=\"#229954\" stroke-width=\"1.5\"\/>\n <circle cx=\"840\" cy=\"55\" r=\"11\" fill=\"rgba(34,153,84,0.22)\" stroke=\"#229954\" stroke-width=\"2.5\"\/>\n <circle cx=\"840\" cy=\"55\" r=\"5\" fill=\"#229954\"\/>\n \n <line x1=\"824\" y1=\"46\" x2=\"780\" y2=\"20\"\n stroke=\"rgba(255,255,255,0.35)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n <g class=\"map-label\">\n <rect x=\"518\" y=\"2\" width=\"288\" height=\"92\" rx=\"8\"\n fill=\"white\" opacity=\"0.97\" filter=\"url(#ugp-label-shadow)\"\/>\n <circle cx=\"544\" cy=\"29\" r=\"6\" fill=\"#229954\"\/>\n <text x=\"560\" y=\"34\" font-family=\"Montserrat,sans-serif\" font-size=\"20\" font-weight=\"700\" fill=\"#1B4F72\">S-P de Tsinga<\/text>\n <text x=\"541\" y=\"54\" font-family=\"Montserrat,sans-serif\" font-size=\"16\" fill=\"#7F8C8D\">Terminus \u00b7 km 12,7<\/text>\n <text x=\"541\" y=\"72\" font-family=\"Montserrat,sans-serif\" font-size=\"15\" fill=\"#229954\" font-style=\"italic\">Nouvelle route Bastos<\/text>\n <\/g>\n \n \n <rect x=\"18\" y=\"18\" width=\"260\" height=\"136\" rx=\"8\"\n fill=\"rgba(13,43,69,0.90)\" stroke=\"rgba(255,255,255,0.10)\" stroke-width=\"1\"\/>\n <text x=\"28\" y=\"42\" font-family=\"Montserrat,sans-serif\" font-size=\"15\" font-weight=\"700\"\n fill=\"rgba(255,255,255,0.55)\" letter-spacing=\"1.5\">TRAC\u00c9 PAR LOT<\/text>\n \n <line x1=\"28\" y1=\"64\" x2=\"54\" y2=\"64\" stroke=\"#F4D03F\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-dasharray=\"6 3\"\/>\n <text x=\"64\" y=\"70\" font-family=\"Montserrat,sans-serif\" font-size=\"17\" fill=\"rgba(255,255,255,0.85)\">Lot 1 \u2014 5,8 km<\/text>\n \n <line x1=\"28\" y1=\"90\" x2=\"54\" y2=\"90\" stroke=\"#2E86C1\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-dasharray=\"6 3\"\/>\n <text x=\"64\" y=\"96\" font-family=\"Montserrat,sans-serif\" font-size=\"17\" fill=\"rgba(255,255,255,0.85)\">Lot 2 \u2014 2,2 km<\/text>\n \n <line x1=\"28\" y1=\"116\" x2=\"54\" y2=\"116\" stroke=\"#229954\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-dasharray=\"6 3\"\/>\n <text x=\"64\" y=\"122\" font-family=\"Montserrat,sans-serif\" font-size=\"17\" fill=\"rgba(255,255,255,0.85)\">Lot 3 \u2014 4,7 km<\/text>\n \n \n <rect x=\"824\" y=\"10\" width=\"130\" height=\"56\" rx=\"10\"\n fill=\"rgba(244,208,63,0.15)\" stroke=\"rgba(244,208,63,0.45)\" stroke-width=\"1\"\/>\n <text x=\"889\" y=\"33\" font-family=\"Montserrat,sans-serif\" font-size=\"14\" font-weight=\"700\"\n fill=\"#F4D03F\" text-anchor=\"middle\" letter-spacing=\"1\">SECTION<\/text>\n <text x=\"889\" y=\"54\" font-family=\"Montserrat,sans-serif\" font-size=\"19\" font-weight=\"800\"\n fill=\"#F4D03F\" text-anchor=\"middle\">12,7 km<\/text>\n \n <\/g>\n <\/svg>\n <\/div>\n <\/div>\n \n <\/section><\/div><\/div>\n\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_0_wrapper\"><a class=\"et_pb_button_0 et_pb_button et_pb_bg_layout_light et_pb_module et_grid_module\" href=\"https:\/\/ugp-sua.cm\/index.php\/description\/\">En Savoir Plus<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background-module--divi-section-2\" style=\"\"><\/span><\/span>\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<title>Aper\u00e7u Piliers - Parallaxe<\/title>\n<style>body{margin:0;}<\/style>\n<\/head>\n<body>\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<style>\n .piliers-divi {\n position: relative;\n padding: 6rem 1rem;\n font-family: 'Segoe UI', Arial, sans-serif;\n box-sizing: border-box;\n overflow: hidden;\n isolation: isolate;\n }\n\n .piliers-divi .piliers-bg {\n position: absolute;\n inset: 0;\n background-image: url('http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/scene07151.jpeg');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n z-index: -2;\n }\n\n .piliers-divi .piliers-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(165deg, rgba(13, 33, 55, 0.62) 0%, rgba(27, 79, 114, 0.5) 55%, rgba(13, 33, 55, 0.6) 100%);\n z-index: -1;\n }\n\n \/* background-attachment:fixed est instable sur mobile (iOS) \u2014 on repasse en scroll normal *\/\n @media (max-width: 980px) {\n .piliers-divi .piliers-bg {\n background-attachment: scroll;\n }\n }\n\n .piliers-divi .piliers-head {\n position: relative;\n z-index: 1;\n max-width: 1200px;\n margin: 0 auto 2.8rem;\n text-align: center;\n }\n\n .piliers-divi .piliers-tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-family: 'Montserrat', 'Segoe UI', sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n color: #F4D03F;\n margin-bottom: 18px;\n padding: 10px 28px;\n border: 1.5px solid rgba(244, 208, 63, 0.7);\n border-radius: 100px;\n background: rgba(244, 208, 63, 0.08);\n text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);\n }\n\n .piliers-divi .piliers-head h2 {\n font-family: 'Montserrat', 'Segoe UI', sans-serif;\n font-size: clamp(36px, 5vw, 56px);\n font-weight: 900;\n color: #fff;\n margin: 0;\n text-shadow: 0 4px 22px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.55);\n }\n\n .piliers-divi .piliers-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-top: 26px;\n padding: 13px 32px;\n background: #F4D03F;\n color: #12283f;\n font-family: 'Montserrat', 'Segoe UI', sans-serif;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n text-decoration: none;\n border-radius: 100px;\n border: none;\n cursor: pointer;\n box-shadow: 0 10px 26px rgba(0, 0, 0, 0.3);\n transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n }\n\n .piliers-divi .piliers-btn:hover {\n background: #ffdd57;\n transform: translateY(-3px);\n box-shadow: 0 14px 32px rgba(0, 0, 0, 0.38);\n }\n\n .piliers-divi .piliers-btn i {\n font-size: 12px;\n transition: transform 0.2s ease;\n }\n\n .piliers-divi .piliers-btn:hover i {\n transform: translateX(4px);\n }\n\n .piliers-divi .piliers-cta {\n position: relative;\n z-index: 1;\n text-align: center;\n margin-top: 3rem;\n }\n\n .piliers-divi .grid {\n position: relative;\n z-index: 1;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .piliers-divi .card {\n border: 1px solid #e0e6ee;\n border-radius: 10px;\n padding: 2.4rem 1.8rem 2rem;\n text-align: center;\n background: #ffffff;\n display: flex;\n flex-direction: column;\n align-items: center;\n box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n }\n\n .piliers-divi .card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 48px rgba(0, 0, 0, 0.32);\n }\n\n .piliers-divi .icon-wrap {\n width: 82px;\n height: 82px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.3rem;\n font-size: 2rem;\n }\n\n .piliers-divi .ic-blue {\n background: #eaf0f8;\n color: #2d6ca2;\n }\n\n .piliers-divi .ic-green {\n background: #e8f5ee;\n color: #2e8b57;\n }\n\n .piliers-divi .ic-cream {\n background: #faf6ec;\n color: #b8860b;\n }\n\n .piliers-divi h3 {\n font-size: 1.15rem;\n font-weight: 700;\n color: #1a2d4e;\n margin: 0 0 0.9rem;\n }\n\n .piliers-divi p {\n font-size: 0.9rem;\n color: #5a6a7a;\n line-height: 1.7;\n margin: 0;\n flex: 1;\n }\n\n \/* Responsive tablette *\/\n @media (max-width: 980px) {\n .piliers-divi .grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n \/* Responsive mobile *\/\n @media (max-width: 580px) {\n .piliers-divi .grid {\n grid-template-columns: 1fr;\n }\n }\n<\/style>\n\n<div class=\"piliers-divi\">\n <div class=\"piliers-bg\"><\/div>\n <div class=\"piliers-overlay\"><\/div>\n\n <div class=\"piliers-head\">\n <div class=\"piliers-tag\">Les Piliers Du Projet<\/div>\n <h2>Une Vision pour Yaound\u00e9<\/h2>\n <\/div>\n\n <div class=\"grid\">\n\n \n <div class=\"card\">\n <div class=\"icon-wrap ic-blue\">\n <i class=\"fas fa-city\"><\/i>\n <\/div>\n <h3>Mobilit\u00e9 Urbaine Durable<\/h3>\n <p>Am\u00e9lioration durable de la mobilit\u00e9 urbaine et p\u00e9riurbaine, gr\u00e2ce \u00e0 une infrastructure moderne int\u00e9grant\n voies rapides, contre-all\u00e9es, passerelles pi\u00e9tonnes et voies de transport en commun.<\/p>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"icon-wrap ic-green\">\n <i class=\"fas fa-road\"><\/i>\n <\/div>\n <h3>Fluidit\u00e9 du Trafic<\/h3>\n <p>Fluidification du trafic sur l'axe strat\u00e9gique Yaound\u00e9\u2013Nsimalen gr\u00e2ce \u00e0 des \u00e9changeurs d\u00e9nivel\u00e9s, des\n carrefours am\u00e9nag\u00e9s et une section urbaine de 12,3 km enti\u00e8rement restructur\u00e9e.<\/p>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"icon-wrap ic-cream\">\n <i class=\"fas fa-shield-halved\"><\/i>\n <\/div>\n <h3>S\u00e9curit\u00e9 & Accessibilit\u00e9<\/h3>\n <p>Renforcement de la s\u00e9curit\u00e9 routi\u00e8re et de l'accessibilit\u00e9 pour tous les usagers : passerelles pi\u00e9tonnes\n s\u00e9curis\u00e9es, \u00e9clairage intelligent, signalisation normalis\u00e9e et ouvrages d'art conformes aux standards\n internationaux.<\/p>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"icon-wrap ic-blue\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <h3>D\u00e9veloppement \u00c9conomique<\/h3>\n <p>Stimulation du d\u00e9veloppement \u00e9conomique local et r\u00e9gional en facilitant l'acc\u00e8s \u00e0 l'A\u00e9roport\n International de Nsimalen, en valorisant les zones travers\u00e9es et en cr\u00e9ant des opportunit\u00e9s d'emploi\n durables.<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"piliers-cta\">\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/vision-et-objectifs-2\/\" class=\"piliers-btn\">En Savoir Plus <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n<\/div><\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Journal du Chantier<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h2>Actualit\u00e9s & Chantier<\/h2>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div id=\"ugp-journal\"><div class=\"articles-grid\"> <div class=\"art-card\" data-cat=\"actualites\">\r\n <div class=\"art-media\"><img decoding=\"async\" src=\"https:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-10-at-14.46.17-6-576x1024.jpeg\" alt=\"Reception provisoire de la tranche conditionnelle des travaux pr\u00e9liminaires de l’Entreprise BUNS\"><\/div>\r\n <div class=\"art-body\">\r\n <div class=\"art-meta\">\r\n <span class=\"art-cat cat-actualites\" style=\"background:rgba(17, 122, 101, 0.1);color:#117A65;\">Actualit\u00e9s<\/span>\r\n <\/div>\r\n <span class=\"art-date\" style=\"margin-bottom:8px;display:block;\">12 juillet 2026<\/span>\r\n <h3>Reception provisoire de la tranche conditionnelle des travaux pr\u00e9liminaires de l’Entreprise BUNS<\/h3>\r\n <p>Ce vendredi L' Inspecteur Charg\u00e9 des Questions Techiques repr\u00e9sent\u00e9 par Madame LEUDJOU JOELLE , Responsable Suivi-Evaluation du Projet de Construction de la Section Urbaine\u2026<\/p>\r\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/2026\/07\/12\/reception-provisoire-des-travaux-preliminaire-de-la-tranche-ferme-de-buns\/\" class=\"read-more\">Lire la suite <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"art-card\" data-cat=\"actualites\">\r\n <div class=\"art-media\"><img decoding=\"async\" src=\"https:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/IMG_3718.JPG-1024x768.jpeg\" alt=\"Signature des fiches de compensation\"><\/div>\r\n <div class=\"art-body\">\r\n <div class=\"art-meta\">\r\n <span class=\"art-cat cat-actualites\" style=\"background:rgba(17, 122, 101, 0.1);color:#117A65;\">Actualit\u00e9s<\/span>\r\n <\/div>\r\n <span class=\"art-date\" style=\"margin-bottom:8px;display:block;\">11 mai 2026<\/span>\r\n <h3>Signature des fiches de compensation<\/h3>\r\n <p>Dans le cadre, de l'\u00e9laboration du plan d'Action de Rinstallation(PAR) du LOT 1 , l'UGP a proced\u00e9 \u00e0 la signature des fiches individuelles de\u2026<\/p>\r\n <a href=\"https:\/\/ugp-sua.cm\/index.php\/2026\/05\/11\/signature-des-fiches-de-compensation\/\" class=\"read-more\">Lire la suite <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div><\/div>\n<\/div><\/div>\n\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700;900&family=Open+Sans:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<style>\n #ugp-journal {\n --bleu: #1B4F72;\n --bleu-light: #2E86C1;\n --or: #F4D03F;\n --gris: #2E4053;\n --gris-clair: #F2F3F4;\n --blanc: #fff;\n --texte: #1C2833;\n font-family: 'Open Sans', sans-serif;\n color: var(--texte);\n background: #fff;\n overflow-x: hidden;\n }\n\n #ugp-journal *,\n #ugp-journal *::before,\n #ugp-journal *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* \u2550\u2550 HERO \u2550\u2550 *\/\n #ugp-journal .hero {\n background: var(--bleu);\n padding: 88px 64px 76px;\n position: relative;\n overflow: hidden;\n }\n\n #ugp-journal .hero-bg {\n position: absolute;\n inset: 0;\n background-size: cover;\n background-position: center;\n z-index: 0;\n }\n\n #ugp-journal .hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(115deg, rgba(15, 40, 63, 0.86) 0%, rgba(27, 79, 114, 0.72) 45%, rgba(27, 79, 114, 0.35) 100%);\n z-index: 1;\n }\n\n #ugp-journal .hero::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--or), transparent);\n z-index: 2;\n }\n\n #ugp-journal .hero-inner {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n #ugp-journal .bc {\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: rgba(255, 255, 255, 0.55);\n margin-bottom: 18px;\n }\n\n #ugp-journal .bc span {\n color: rgba(255, 255, 255, 0.85);\n }\n\n #ugp-journal .tag {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--or);\n margin-bottom: 14px;\n }\n\n #ugp-journal .tag::before {\n content: '';\n width: 28px;\n height: 2px;\n background: var(--or);\n }\n\n #ugp-journal .hero h1 {\n font-family: 'Montserrat', sans-serif;\n font-size: clamp(28px, 4vw, 44px);\n font-weight: 900;\n color: #fff;\n line-height: 1.1;\n text-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);\n }\n\n #ugp-journal .hero h1 span {\n color: var(--or);\n }\n\n #ugp-journal .hero-desc {\n font-size: 16.5px;\n color: rgba(255, 255, 255, 0.9);\n max-width: 600px;\n line-height: 1.75;\n margin-top: 16px;\n font-weight: 400;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);\n }\n\n #ugp-journal .live-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-top: 26px;\n background: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 100px;\n padding: 7px 16px 7px 12px;\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #fff;\n }\n\n #ugp-journal .live-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #2ECC71;\n box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.25);\n animation: ugpPulse 1.8s ease-in-out infinite;\n }\n\n @keyframes ugpPulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.4; }\n }\n\n \/* \u2550\u2550 AVANCEMENT PAR LOT \u2550\u2550 *\/\n #ugp-journal .progress-band {\n background: #F8F9FA;\n border-bottom: 1px solid #ECF0F1;\n padding: 32px 64px;\n }\n\n #ugp-journal .progress-inner {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n #ugp-journal .progress-head {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n margin-bottom: 20px;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n #ugp-journal .progress-head h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 14px;\n font-weight: 900;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--bleu);\n }\n\n #ugp-journal .progress-head .p-date {\n font-size: 12px;\n color: #8A97A5;\n font-style: italic;\n }\n\n #ugp-journal .progress-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n\n #ugp-journal .p-lot {\n background: #fff;\n border: 1px solid #E5E8EA;\n border-radius: 12px;\n padding: 18px 20px;\n }\n\n #ugp-journal .p-lot-top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n }\n\n #ugp-journal .p-lot-name {\n font-family: 'Montserrat', sans-serif;\n font-size: 12.5px;\n font-weight: 800;\n color: #1C2833;\n }\n\n #ugp-journal .p-lot-name span {\n display: block;\n font-size: 10.5px;\n font-weight: 400;\n color: #8A97A5;\n margin-top: 2px;\n }\n\n #ugp-journal .p-lot-pct {\n font-family: 'Montserrat', sans-serif;\n font-size: 20px;\n font-weight: 900;\n color: var(--bleu);\n }\n\n #ugp-journal .p-bar-track {\n height: 8px;\n background: #ECF0F1;\n border-radius: 100px;\n overflow: hidden;\n }\n\n #ugp-journal .p-bar-fill {\n height: 100%;\n border-radius: 100px;\n background: linear-gradient(90deg, var(--or), #E8C547);\n }\n\n \/* \u2550\u2550 FILTRES \u2550\u2550 *\/\n #ugp-journal .filters {\n max-width: 100%;\n margin: 0 auto;\n padding: 48px 64px 0;\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n }\n\n #ugp-journal .f-pill {\n font-family: 'Montserrat', sans-serif;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.3px;\n color: var(--gris);\n background: #fff;\n border: 1.5px solid #E5E8EA;\n border-radius: 100px;\n padding: 9px 18px;\n cursor: pointer;\n transition: all .2s;\n }\n\n #ugp-journal .f-pill:hover {\n border-color: var(--or);\n }\n\n #ugp-journal .f-pill.active {\n background: var(--bleu);\n border-color: var(--bleu);\n color: #fff;\n }\n\n \/* \u2550\u2550 \u00c0 LA UNE \u2550\u2550 *\/\n #ugp-journal .wrap {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 64px 88px;\n }\n\n #ugp-journal .featured {\n display: grid;\n grid-template-columns: 1.15fr 1fr;\n gap: 0;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 16px 44px rgba(27, 79, 114, 0.16);\n margin-bottom: 56px;\n }\n\n #ugp-journal .featured-media {\n position: relative;\n min-height: 340px;\n }\n\n #ugp-journal .featured-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n position: absolute;\n inset: 0;\n }\n\n #ugp-journal .featured-badge {\n position: absolute;\n top: 18px;\n left: 18px;\n background: var(--or);\n color: var(--bleu);\n font-family: 'Montserrat', sans-serif;\n font-size: 10px;\n font-weight: 900;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n padding: 7px 14px;\n border-radius: 100px;\n z-index: 2;\n }\n\n #ugp-journal .featured-content {\n background: var(--bleu);\n padding: 44px 44px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n #ugp-journal .art-meta {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 16px;\n flex-wrap: wrap;\n }\n\n #ugp-journal .art-cat {\n font-family: 'Montserrat', sans-serif;\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 5px 12px;\n border-radius: 100px;\n }\n\n #ugp-journal .art-date {\n font-family: 'Montserrat', sans-serif;\n font-size: 11.5px;\n color: rgba(255, 255, 255, 0.5);\n }\n\n #ugp-journal .featured-content .art-date {\n color: rgba(255, 255, 255, 0.55);\n }\n\n #ugp-journal .featured-content h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: clamp(20px, 2.4vw, 27px);\n font-weight: 900;\n color: #fff;\n line-height: 1.28;\n margin-bottom: 16px;\n }\n\n #ugp-journal .featured-content p {\n font-size: 14.5px;\n color: rgba(255, 255, 255, 0.72);\n line-height: 1.8;\n margin-bottom: 24px;\n }\n\n #ugp-journal .read-more {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: 'Montserrat', sans-serif;\n font-size: 12.5px;\n font-weight: 700;\n text-decoration: none;\n letter-spacing: 0.3px;\n transition: gap .2s;\n }\n\n #ugp-journal .read-more:hover {\n gap: 12px;\n }\n\n #ugp-journal .featured .read-more {\n color: var(--or);\n }\n\n \/* \u2550\u2550 CATEGORY COLORS \u2550\u2550 *\/\n #ugp-journal .cat-travaux { background: rgba(27, 79, 114, 0.1); color: var(--bleu); }\n #ugp-journal .cat-ouvrages { background: rgba(108, 52, 131, 0.1); color: #6C3483; }\n #ugp-journal .cat-environnement { background: rgba(34, 153, 84, 0.1); color: #229954; }\n #ugp-journal .cat-trafic { background: rgba(192, 57, 43, 0.1); color: #C0392B; }\n #ugp-journal .cat-paysager { background: rgba(17, 122, 101, 0.1); color: #117A65; }\n\n #ugp-journal .featured .art-cat.cat-travaux { background: rgba(244, 208, 63, 0.18); color: var(--or); }\n\n \/* \u2550\u2550 GRILLE D'ARTICLES \u2550\u2550 *\/\n #ugp-journal .articles-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n\n #ugp-journal .art-card {\n border-radius: 14px;\n overflow: hidden;\n border: 1px solid #E5E8EA;\n transition: all .25s;\n display: flex;\n flex-direction: column;\n }\n\n #ugp-journal .art-card:hover {\n box-shadow: 0 16px 36px rgba(27, 79, 114, 0.12);\n transform: translateY(-4px);\n border-color: transparent;\n }\n\n #ugp-journal .art-card.hidden {\n display: none;\n }\n\n \n#ugp-journal .art-media {\n height: 200px;\n overflow: hidden;\n position: relative;\n}\n\n#ugp-journal .art-media::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: rgba(0,0,0,0.22)\n mix-blend-mode: screen;\n pointer-events: none;\n\n }\n\n #ugp-journal .art-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform .5s ease;\n }\n\n #ugp-journal .art-card:hover .art-media img {\n transform: scale(1.07);\n }\n\n #ugp-journal .art-body {\n padding: 22px 22px 24px;\n display: flex;\n flex-direction: column;\n flex: 1;\n }\n\n #ugp-journal .art-card h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 15.5px;\n font-weight: 800;\n color: var(--bleu);\n line-height: 1.35;\n margin-bottom: 10px;\n }\n\n #ugp-journal .art-card p {\n font-size: 13px;\n color: #6B7A8D;\n line-height: 1.75;\n margin-bottom: 18px;\n flex: 1;\n }\n\n #ugp-journal .art-card .read-more {\n color: var(--bleu);\n font-size: 12px;\n }\n\n #ugp-journal .art-card .read-more:hover {\n color: var(--or);\n }\n\n \/* \u2550\u2550 CHARGER PLUS \u2550\u2550 *\/\n #ugp-journal .load-more-wrap {\n text-align: center;\n margin-top: 48px;\n }\n\n #ugp-journal .btn-load {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-family: 'Montserrat', sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n color: var(--bleu);\n background: #fff;\n border: 1.5px solid var(--bleu);\n border-radius: 100px;\n padding: 14px 30px;\n cursor: pointer;\n transition: all .25s;\n }\n\n #ugp-journal .btn-load:hover {\n background: var(--bleu);\n color: #fff;\n }\n\n \/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\n @media(max-width:1024px) {\n #ugp-journal .progress-grid {\n grid-template-columns: 1fr;\n }\n\n #ugp-journal .articles-grid {\n grid-template-columns: 1fr 1fr;\n }\n\n #ugp-journal .featured {\n grid-template-columns: 1fr;\n }\n\n #ugp-journal .featured-media {\n min-height: 260px;\n }\n }\n\n @media(max-width:900px) {\n\n #ugp-journal .hero,\n #ugp-journal .progress-band,\n #ugp-journal .filters,\n #ugp-journal .wrap {\n padding-left: 24px;\n padding-right: 24px;\n }\n }\n\n @media(max-width:640px) {\n #ugp-journal .articles-grid {\n grid-template-columns: 1fr;\n }\n\n #ugp-journal .featured-content {\n padding: 32px 26px;\n }\n }\n<\/style>\n\n<div id=\"ugp-journal\">\n\n \n\n \n\n \n\n \n\n \n\n \n\n<\/div>\n\n<script>\n (function () {\n var wrapper = document.getElementById('ugp-journal');\n if (!wrapper || wrapper.dataset.journalInit) return;\n wrapper.dataset.journalInit = '1';\n\n var pills = wrapper.querySelectorAll('.f-pill');\n var cards = wrapper.querySelectorAll('.art-card');\n\n pills.forEach(function (pill) {\n pill.addEventListener('click', function () {\n pills.forEach(function (p) { p.classList.remove('active'); });\n pill.classList.add('active');\n var filter = pill.getAttribute('data-filter');\n cards.forEach(function (card) {\n if (filter === 'all' || card.getAttribute('data-cat') === filter) {\n card.classList.remove('hidden');\n } else {\n card.classList.add('hidden');\n }\n });\n });\n });\n })();\n<\/script>\n<\/div><\/div>\n\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_1_wrapper\"><a class=\"et_pb_button_1 et_pb_button et_pb_bg_layout_light et_pb_module et_grid_module\" href=\"https:\/\/ugp-sua.cm\/index.php\/journal-du-chantier\/\">VOIR TOUS LES ARTICLES<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Section Partenaires \u2013 UGP Autoroute Yaound\u00e9-Nsimalen<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&family=Open+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --bleu: #1B4F72;\n --bleu-light: #2E86C1;\n --or: #F4D03F;\n --vert: #229954;\n --blanc: #FFFFFF;\n --gris-clair: #F2F3F4;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Open Sans', sans-serif; background: #F8F9FA; }\n \n \/* \u2500\u2500\u2500 PARTENAIRES ENRICHI \u2500\u2500\u2500 *\/\n .partners {\n background: linear-gradient(180deg, #fff 0%, #F8F9FA 100%);\n padding: 80px 48px;\n border-top: 1px solid #ECF0F1;\n }\n .partners-header {\n text-align: center;\n margin-bottom: 60px;\n }\n .partners-overtitle {\n font-family: 'Montserrat', sans-serif;\n font-size: 11px; font-weight: 700;\n letter-spacing: 3px; text-transform: uppercase;\n color: var(--bleu-light); margin-bottom: 10px;\n }\n .partners-title {\n font-family: 'Montserrat', sans-serif;\n font-size: 28px; font-weight: 800;\n color: var(--bleu); margin-bottom: 12px;\n }\n .partners-subtitle {\n font-size: 14px; color: #7F8C8D; max-width: 540px; margin: 0 auto;\n line-height: 1.7;\n }\n .partners-categories {\n max-width: 1200px; margin: 0 auto;\n display: flex; flex-direction: column; gap: 48px;\n }\n .partner-cat-label {\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; font-weight: 700;\n letter-spacing: 2.5px; text-transform: uppercase;\n color: #AEB6BF; margin-bottom: 24px;\n display: flex; align-items: center; gap: 14px;\n }\n .partner-cat-label::before, .partner-cat-label::after {\n content: ''; flex: 1; height: 1px; background: #ECF0F1;\n }\n .partner-cat-label.tutelle { color: var(--bleu); }\n .partner-cat-label.tutelle::before, .partner-cat-label.tutelle::after { background: rgba(27,79,114,0.15); }\n .partner-cat-label.financement { color: var(--bleu-light); }\n .partner-cat-label.financement::before, .partner-cat-label.financement::after { background: rgba(46,134,193,0.15); }\n .partner-cat-label.travaux { color: var(--vert); }\n .partner-cat-label.travaux::before, .partner-cat-label.travaux::after { background: rgba(34,153,84,0.15); }\n .partner-cat-label.controle { color: #8E44AD; }\n .partner-cat-label.controle::before, .partner-cat-label.controle::after { background: rgba(142,68,173,0.15); }\n .partner-cat-label.assistance { color: #D4AC0D; }\n .partner-cat-label.assistance::before, .partner-cat-label.assistance::after { background: rgba(244,208,63,0.25); }\n .partners-row {\n display: flex; align-items: center; justify-content: center;\n gap: 24px; flex-wrap: wrap;\n }\n .partner-card {\n background: #fff;\n border: 1px solid #ECF0F1;\n border-radius: 12px;\n padding: 22px 28px;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n gap: 10px;\n min-width: 160px; max-width: 220px;\n transition: all 0.25s;\n box-shadow: 0 2px 12px rgba(0,0,0,0.04);\n }\n .partner-card:hover {\n border-color: var(--bleu-light);\n box-shadow: 0 8px 28px rgba(27,79,114,0.12);\n transform: translateY(-4px);\n }\n .partner-card img {\n max-height: 60px; max-width: 140px;\n width: auto; height: auto;\n object-fit: contain; filter: grayscale(15%);\n transition: filter 0.25s;\n }\n .partner-card:hover img { filter: grayscale(0%); }\n .partner-card-name {\n font-family: 'Montserrat', sans-serif;\n font-size: 10px; font-weight: 700;\n letter-spacing: 0.5px; color: #7F8C8D;\n text-align: center; text-transform: uppercase;\n }\n .partner-card-role {\n font-size: 10px; color: #AEB6BF;\n text-align: center; line-height: 1.5;\n }\n .partner-card.tutelle {\n border-color: rgba(27,79,114,0.2);\n background: linear-gradient(145deg, #fff 0%, rgba(27,79,114,0.03) 100%);\n }\n \/* S\u00e9parateur visuel dans une section fusionn\u00e9e *\/\n .sub-group {\n display: flex; flex-direction: column; gap: 12px; align-items: center;\n }\n .sub-group-label {\n font-family: 'Montserrat', sans-serif;\n font-size: 9px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: #C0C9D0;\n background: #F8F9FA; padding: 4px 14px; border-radius: 20px;\n border: 1px solid #ECF0F1;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<section class=\"partners\">\n <div class=\"partners-header\">\n <div class=\"partners-overtitle\">\u00c9cosyst\u00e8me du Projet<\/div>\n <h2 class=\"partners-title\">Partenaires & Intervenants<\/h2>\n <p class=\"partners-subtitle\">Un \u00e9cosyst\u00e8me d'acteurs publics et priv\u00e9s, camerounais et internationaux, unis pour la r\u00e9alisation de ce projet structurant.<\/p>\n <\/div>\n\n <div class=\"partners-categories\">\n\n \n <div class=\"partner-category\">\n <div class=\"partner-cat-label tutelle\">Tutelle<\/div>\n <div class=\"partners-row\">\n <div class=\"partner-card tutelle\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/download.png\" alt=\"MINHDU\">\n <div class=\"partner-card-name\">MINHDU<\/div>\n <div class=\"partner-card-role\">Minist\u00e8re de l'Habitat et du<br>D\u00e9veloppement Urbain<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"partner-category\">\n <div class=\"partner-cat-label financement\">Partenaires Financiers<\/div>\n <div class=\"partners-row\">\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/og_image.jpg\" alt=\"MUFG Bank\">\n <div class=\"partner-card-name\">MUFG Bank<\/div>\n <div class=\"partner-card-role\">Partenaire financier LOT 1<\/div>\n <\/div>\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/download-8.png\" alt=\"BPI France\">\n <div class=\"partner-card-name\">BPI France<\/div>\n <div class=\"partner-card-role\">Partenaire financier LOT 2<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"partner-category\">\n <div class=\"partner-cat-label travaux\">Entreprises des Travaux<\/div>\n <div class=\"partners-row\">\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/buns-new-logo.png\">\n <div class=\"partner-card-name\">BUN'S SARL<\/div>\n <div class=\"partner-card-role\">Entreprise des travaux LOT 1<\/div>\n <\/div>\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/download-1.png\" alt=\"RAZEL-BEC\">\n <div class=\"partner-card-name\">RAZEL-BEC<\/div>\n <div class=\"partner-card-role\">Entreprise des travaux LOT 2<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"partner-category\">\n <div class=\"partner-cat-label controle\">Contr\u00f4le, Supervision & Assistance Technique<\/div>\n\n \t<div class=\"partners-row\">\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/download-_1_-1.jpg\" alt=\"Labog\u00e9nie\">\n <div class=\"partner-card-name\">Labog\u00e9nie<\/div>\n <div class=\"partner-card-role\">Contr\u00f4le g\u00e9otechnique LOT 1<\/div>\n \n <\/div>\n\n \t\t <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/DarLogo2016.png\" alt=\"DAR\">\n <div class=\"partner-card-name\">DAR<\/div>\n <div class=\"partner-card-role\">Contr\u00f4le des travaux LOT 1<\/div>\n <\/div>\n \n\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/logo_blue.png\" alt=\"Groupe STUDI\">\n <div class=\"partner-card-name\">Groupe STUDI<\/div>\n <div class=\"partner-card-role\">Assistance technique \u00e0 la maitrise d'ouvrage LOT 1 <\/div>\n <\/div>\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/Logo-setec.jpg\" alt=\"SETEC\">\n <div class=\"partner-card-name\">SETEC<\/div>\n <div class=\"partner-card-role\">Mission d'Appui MOA &<br>Supervision des travaux LOT 2<\/div>\n <\/div>\n <div class=\"partner-card\">\n <img decoding=\"async\" src=\"http:\/\/ugp-sua.cm\/wp-content\/uploads\/2026\/05\/bec-la-routiere-246994.png\" alt=\"B.E.C La Routi\u00e8re\">\n <div class=\"partner-card-name\">B.E.C La Routi\u00e8re<\/div>\n <div class=\"partner-card-role\">Mission d'Appui MOA &<br>Supervision des travaux LOT 2<\/div>\n <\/div>\n \n \n\n <\/div>\n\n <\/div>\n<\/section>\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section class=\"citizen\">\n <div class=\"citizen-inner\">\n <div class=\"citizen-text\">\n <h2>Votre voix compte.<br>Espace Citoyen.<\/h2>\n <p>Le projet est construit pour vous et avec vous. Posez vos questions, signalez un probl\u00e8me ou consultez les documents publics du projet en toute transparence.<\/p>\n <\/div>\n <div class=\"citizen-actions\">\n <a href=\"#\" class=\"citizen-btn\">\n <span class=\"citizen-btn-icon\">\ud83d\udcac<\/span>\n <div class=\"citizen-btn-text\">\n <span class=\"t1\">Nous Contacter<\/span>\n <span class=\"t2\">R\u00e9ponses aux questions fr\u00e9quentes<\/span>\n <\/div>\n <\/a>\n <a href=\"#\" class=\"citizen-btn\">\n <span class=\"citizen-btn-icon\">\ud83d\udcdd<\/span>\n <div class=\"citizen-btn-text\">\n <span class=\"t1\">R\u00e9clamation Riveraine<\/span>\n <span class=\"t2\">Signalez un impact sur votre vie quotidienne<\/span>\n <\/div>\n <\/a>\n <a href=\"#\" class=\"citizen-btn\">\n <span class=\"citizen-btn-icon\">\ud83d\udcc4<\/span>\n <div class=\"citizen-btn-text\">\n <span class=\"t1\">Documents Publics<\/span>\n <span class=\"t2\">\u00c9tudes, impacts environnementaux (HSE)<\/span>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":169,"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":681,"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/681"}],"wp:attachment":[{"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}