{"id":35,"date":"2026-03-23T19:02:05","date_gmt":"2026-03-23T19:02:05","guid":{"rendered":"https:\/\/ficamsenegal.com\/ctm\/?page_id=35"},"modified":"2026-03-23T19:03:06","modified_gmt":"2026-03-23T19:03:06","slug":"35-2","status":"publish","type":"page","link":"https:\/\/ficamsenegal.com\/ctm\/35-2\/","title":{"rendered":"tttt"},"content":{"rendered":"

Commune touba \u00b7 HTML
\nCopier<\/p>\n


\n
\n
\n
\n
\nCommune de Touba \u2014 Portail Municipal<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Lora:ital,wght@0,400;0,500;1,400&family=Cairo:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --green: #1a5c3a;\n --green-light: #2e8b57;\n --green-pale: #e8f5ee;\n --gold: #c8952a;\n --gold-light: #e8b84b;\n --cream: #faf7f0;\n --dark: #0d1f17;\n --text: #1e2d24;\n --text-muted: #5a7260;\n --white: #ffffff;\n --shadow: 0 8px 40px rgba(13,31,23,0.12);\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }<\/p>\n<p> body {\n font-family: 'Cairo', sans-serif;\n background: var(--cream);\n color: var(--text);\n overflow-x: hidden;\n }<\/p>\n<p> \/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\n nav {\n position: fixed; top: 0; width: 100%; z-index: 100;\n background: rgba(13,31,23,0.97);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(200,149,42,0.3);\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 40px; height: 68px;\n }\n .nav-brand {\n display: flex; align-items: center; gap: 14px;\n }\n .nav-logo {\n width: 42px; height: 42px;\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 20px; font-weight: 700; color: var(--dark);\n font-family: 'Cinzel', serif;\n }\n .nav-title {\n font-family: 'Cinzel', serif;\n color: var(--white); font-size: 15px; font-weight: 600;\n line-height: 1.2;\n }\n .nav-title span { color: var(--gold-light); font-size: 11px; font-weight: 400; display: block; letter-spacing: 2px; text-transform: uppercase; }\n .nav-links { display: flex; gap: 8px; }\n .nav-links a {\n color: rgba(255,255,255,0.75); text-decoration: none;\n font-size: 13px; font-weight: 500;\n padding: 7px 16px; border-radius: 20px;\n transition: all 0.25s;\n letter-spacing: 0.5px;\n }\n .nav-links a:hover { background: rgba(200,149,42,0.2); color: var(--gold-light); }\n .nav-links a.active { background: var(--gold); color: var(--dark); font-weight: 700; }\n .nav-cta {\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\n color: var(--dark) !important; font-weight: 700 !important;\n padding: 8px 20px !important; border-radius: 24px !important;\n }<\/p>\n<p> \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n background:\n linear-gradient(160deg, rgba(13,31,23,0.88) 0%, rgba(26,92,58,0.75) 50%, rgba(13,31,23,0.92) 100%),\n url('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/7\/7d\/Grand_Mosque_of_Touba.jpg\/1280px-Grand_Mosque_of_Touba.jpg') center\/cover no-repeat;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n text-align: center; padding: 100px 20px 60px;\n position: relative; overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse at 50% 70%, rgba(200,149,42,0.12) 0%, transparent 65%);\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(200,149,42,0.15);\n border: 1px solid rgba(200,149,42,0.4);\n color: var(--gold-light); font-size: 12px; font-weight: 600;\n padding: 6px 18px; border-radius: 20px;\n letter-spacing: 2px; text-transform: uppercase;\n margin-bottom: 30px;\n animation: fadeDown 0.8s ease both;\n }\n .hero h1 {\n font-family: 'Cinzel', serif;\n font-size: clamp(36px, 7vw, 80px);\n font-weight: 700; color: var(--white);\n line-height: 1.05; margin-bottom: 8px;\n animation: fadeDown 0.9s 0.1s ease both;\n text-shadow: 0 4px 30px rgba(0,0,0,0.4);\n }\n .hero h1 span { color: var(--gold-light); }\n .hero-sub {\n font-family: 'Lora', serif;\n font-style: italic; font-size: clamp(16px, 2.5vw, 22px);\n color: rgba(255,255,255,0.7); margin-bottom: 40px;\n animation: fadeDown 1s 0.2s ease both;\n letter-spacing: 1px;\n }\n .hero-arabic {\n font-size: clamp(22px, 4vw, 40px);\n color: var(--gold-light); font-weight: 300;\n margin-bottom: 50px; direction: rtl;\n animation: fadeDown 1.1s 0.3s ease both;\n opacity: 0.9;\n }\n .hero-btns {\n display: flex; gap: 16px; flex-wrap: wrap; justify-content: center;\n animation: fadeDown 1.2s 0.4s ease both;\n }\n .btn-primary {\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\n color: var(--dark); font-weight: 700; font-size: 15px;\n padding: 16px 36px; border-radius: 40px; border: none;\n cursor: pointer; text-decoration: none; display: inline-block;\n transition: transform 0.2s, box-shadow 0.2s;\n box-shadow: 0 4px 20px rgba(200,149,42,0.4);\n }\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(200,149,42,0.5); }\n .btn-outline {\n background: transparent;\n border: 2px solid rgba(255,255,255,0.4);\n color: var(--white); font-weight: 600; font-size: 15px;\n padding: 14px 34px; border-radius: 40px;\n cursor: pointer; text-decoration: none; display: inline-block;\n transition: all 0.2s;\n }\n .btn-outline:hover { border-color: var(--gold-light); color: var(--gold-light); }<\/p>\n<p> .hero-stats {\n position: absolute; bottom: 40px;\n display: flex; gap: 60px;\n animation: fadeUp 1s 0.6s ease both;\n }\n .hero-stat { text-align: center; }\n .hero-stat-num {\n font-family: 'Cinzel', serif; font-size: 28px; font-weight: 700;\n color: var(--gold-light);\n }\n .hero-stat-label { font-size: 12px; color: rgba(255,255,255,0.55); letter-spacing: 1.5px; text-transform: uppercase; margin-top: 2px; }<\/p>\n<p> \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n section { padding: 90px 40px; }\n .section-header { text-align: center; margin-bottom: 60px; }\n .section-tag {\n display: inline-block;\n background: var(--green-pale); color: var(--green);\n font-size: 11px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; padding: 5px 16px; border-radius: 20px;\n margin-bottom: 16px;\n }\n .section-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(24px, 4vw, 40px); font-weight: 700;\n color: var(--dark); margin-bottom: 16px;\n }\n .section-title span { color: var(--green-light); }\n .section-desc { color: var(--text-muted); font-size: 16px; max-width: 520px; margin: 0 auto; line-height: 1.7; }<\/p>\n<p> .divider { width: 60px; height: 3px; background: linear-gradient(90deg, var(--gold), var(--gold-light)); margin: 20px auto 0; border-radius: 2px; }<\/p>\n<p> .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 24px; max-width: 1200px; margin: 0 auto;\n }\n .service-card {\n background: var(--white);\n border-radius: 20px; padding: 36px 28px;\n border: 1px solid rgba(26,92,58,0.08);\n box-shadow: 0 4px 24px rgba(13,31,23,0.06);\n transition: all 0.3s; cursor: pointer;\n position: relative; overflow: hidden;\n }\n .service-card::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0; height: 4px;\n background: linear-gradient(90deg, var(--green), var(--green-light));\n transform: scaleX(0); transform-origin: left;\n transition: transform 0.3s;\n }\n .service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }\n .service-card:hover::before { transform: scaleX(1); }\n .service-icon {\n width: 60px; height: 60px; border-radius: 16px;\n background: var(--green-pale);\n display: flex; align-items: center; justify-content: center;\n font-size: 28px; margin-bottom: 20px;\n transition: background 0.3s;\n }\n .service-card:hover .service-icon { background: var(--green); }\n .service-card h3 { font-family: 'Cinzel', serif; font-size: 17px; font-weight: 600; color: var(--dark); margin-bottom: 10px; }\n .service-card p { font-size: 14px; color: var(--text-muted); line-height: 1.65; }\n .service-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 20px; font-size: 13px; font-weight: 700; color: var(--green); text-decoration: none; }\n .service-link:hover { gap: 10px; }<\/p>\n<p> \/* \u2500\u2500 ACTUALIT\u00c9S \u2500\u2500 *\/\n .news-section { background: var(--dark); }\n .news-section .section-tag { background: rgba(200,149,42,0.15); color: var(--gold-light); }\n .news-section .section-title { color: var(--white); }\n .news-section .section-desc { color: rgba(255,255,255,0.5); }\n .news-section .divider { background: linear-gradient(90deg, var(--gold), var(--gold-light)); }<\/p>\n<p> .news-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: 24px; max-width: 1200px; margin: 0 auto;\n }\n .news-card {\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px; overflow: hidden;\n transition: all 0.3s; cursor: pointer;\n }\n .news-card:hover { background: rgba(255,255,255,0.09); transform: translateY(-4px); }\n .news-img {\n height: 200px;\n background: linear-gradient(135deg, var(--green) 0%, var(--green-light) 100%);\n display: flex; align-items: center; justify-content: center;\n font-size: 48px;\n }\n .news-card.featured .news-img { height: 280px; }\n .news-body { padding: 24px; }\n .news-cat { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gold-light); margin-bottom: 10px; }\n .news-title { font-family: 'Lora', serif; font-size: 18px; color: var(--white); line-height: 1.4; margin-bottom: 12px; }\n .news-card:not(.featured) .news-title { font-size: 15px; }\n .news-excerpt { font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.6; }\n .news-meta { display: flex; justify-content: space-between; margin-top: 16px; font-size: 12px; color: rgba(255,255,255,0.3); }<\/p>\n<p> \/* \u2500\u2500 INFOS PRATIQUES \u2500\u2500 *\/\n .info-section { background: var(--green-pale); }\n .info-cards {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px; max-width: 1100px; margin: 0 auto;\n }\n .info-card {\n background: var(--white); border-radius: 16px; padding: 28px 24px;\n text-align: center;\n border: 2px solid transparent;\n transition: all 0.3s;\n box-shadow: 0 2px 16px rgba(13,31,23,0.06);\n }\n .info-card:hover { border-color: var(--green-light); transform: translateY(-4px); }\n .info-card .icon { font-size: 36px; margin-bottom: 14px; }\n .info-card h4 { font-family: 'Cinzel', serif; font-size: 15px; font-weight: 600; color: var(--dark); margin-bottom: 8px; }\n .info-card p { font-size: 13px; color: var(--text-muted); line-height: 1.6; }<\/p>\n<p> \/* \u2500\u2500 D\u00c9MARCHES EN LIGNE \u2500\u2500 *\/\n .demarche-section { background: var(--white); }\n .demarche-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px; max-width: 1100px; margin: 0 auto;\n }\n .demarche-item {\n border: 2px solid var(--green-pale);\n border-radius: 14px; padding: 24px 18px;\n display: flex; align-items: center; gap: 14px;\n cursor: pointer; transition: all 0.25s;\n }\n .demarche-item:hover { border-color: var(--green-light); background: var(--green-pale); }\n .demarche-icon { font-size: 28px; flex-shrink: 0; }\n .demarche-text strong { font-size: 14px; color: var(--dark); display: block; margin-bottom: 3px; }\n .demarche-text span { font-size: 12px; color: var(--text-muted); }<\/p>\n<p> \/* \u2500\u2500 CONTACT BANNER \u2500\u2500 *\/\n .contact-banner {\n background: linear-gradient(135deg, var(--green) 0%, #0d3a22 100%);\n padding: 80px 40px; text-align: center;\n position: relative; overflow: hidden;\n }\n .contact-banner::before {\n content: ''; position: absolute; inset: 0;\n background: radial-gradient(ellipse at 30% 50%, rgba(200,149,42,0.15) 0%, transparent 60%);\n }\n .contact-banner h2 {\n font-family: 'Cinzel', serif; font-size: clamp(26px, 4vw, 44px);\n color: var(--white); font-weight: 700; margin-bottom: 16px;\n }\n .contact-banner p { color: rgba(255,255,255,0.65); font-size: 16px; max-width: 500px; margin: 0 auto 36px; line-height: 1.7; }\n .contact-details { display: flex; gap: 40px; justify-content: center; flex-wrap: wrap; margin-top: 40px; }\n .contact-item { display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,0.7); font-size: 14px; }\n .contact-item .ci-icon { font-size: 20px; color: var(--gold-light); }<\/p>\n<p> \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--dark); padding: 50px 40px 30px;\n border-top: 1px solid rgba(200,149,42,0.2);\n }\n .footer-inner {\n max-width: 1200px; margin: 0 auto;\n display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 40px; padding-bottom: 40px;\n border-bottom: 1px solid rgba(255,255,255,0.07);\n }\n .footer-brand p { color: rgba(255,255,255,0.45); font-size: 14px; line-height: 1.7; margin-top: 14px; }\n .footer-col h5 { font-family: 'Cinzel', serif; font-size: 13px; font-weight: 600; color: var(--gold-light); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 18px; }\n .footer-col a { display: block; color: rgba(255,255,255,0.45); font-size: 13px; text-decoration: none; margin-bottom: 10px; transition: color 0.2s; }\n .footer-col a:hover { color: var(--gold-light); }\n .footer-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 24px; max-width: 1200px; margin: 0 auto; }\n .footer-bottom p { font-size: 12px; color: rgba(255,255,255,0.25); }\n .footer-flag { display: flex; gap: 4px; }\n .flag-stripe { width: 18px; height: 12px; }<\/p>\n<p> @keyframes fadeDown {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }<\/p>\n<p> @media (max-width: 900px) {\n .news-grid { grid-template-columns: 1fr; }\n .footer-inner { grid-template-columns: 1fr 1fr; }\n .nav-links { display: none; }\n .hero-stats { gap: 30px; }\n }\n @media (max-width: 600px) {\n section { padding: 60px 20px; }\n nav { padding: 0 20px; }\n .footer-inner { grid-template-columns: 1fr; }\n .footer-bottom { flex-direction: column; gap: 10px; }\n }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p><!-- NAVBAR --><\/p>\n<nav>\n<div class=\"nav-brand\">\n<div class=\"nav-logo\">T<\/div>\n<div class=\"nav-title\">\n Commune de Touba<br \/>\n <span>R\u00e9gion de Diourbel \u00b7 S\u00e9n\u00e9gal<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"nav-links\">\n <a href=\"#\" class=\"active\">Accueil<\/a><br \/>\n <a href=\"#\">Mairie<\/a><br \/>\n <a href=\"#\">Services<\/a><br \/>\n <a href=\"#\">Actualit\u00e9s<\/a><br \/>\n <a href=\"#\">Projets<\/a><br \/>\n <a href=\"#\" class=\"nav-cta\">D\u00e9marches en ligne<\/a>\n <\/div>\n<\/nav>\n<p><!-- HERO --><\/p>\n<section class=\"hero\">\n<div class=\"hero-badge\">\ud83d\udd4c Ville Sainte \u00b7 Capitale du Mouridisme<\/div>\n<h1>Commune de <span>Touba<\/span><\/h1>\n<p class=\"hero-sub\">Au service de ses citoyens, pour un avenir prosp\u00e8re<\/p>\n<div class=\"hero-arabic\">\u0645\u062f\u064a\u0646\u0629 \u0637\u0648\u0628\u0649 \u0627\u0644\u0645\u0642\u062f\u0633\u0629<\/div>\n<div class=\"hero-btns\">\n <a href=\"#\" class=\"btn-primary\">\ud83d\uddc2\ufe0f Mes D\u00e9marches<\/a><br \/>\n <a href=\"#\" class=\"btn-outline\">\ud83d\udcde Nous Contacter<\/a>\n <\/div>\n<div class=\"hero-stats\">\n<div class=\"hero-stat\">\n<div class=\"hero-stat-num\">880K+<\/div>\n<div class=\"hero-stat-label\">Habitants<\/div>\n<\/p><\/div>\n<div class=\"hero-stat\">\n<div class=\"hero-stat-num\">55<\/div>\n<div class=\"hero-stat-label\">Quartiers<\/div>\n<\/p><\/div>\n<div class=\"hero-stat\">\n<div class=\"hero-stat-num\">14<\/div>\n<div class=\"hero-stat-label\">Conseillers<\/div>\n<\/p><\/div>\n<div class=\"hero-stat\">\n<div class=\"hero-stat-num\">1887<\/div>\n<div class=\"hero-stat-label\">Fond\u00e9e<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- SERVICES --><\/p>\n<section>\n<div class=\"section-header\">\n<div class=\"section-tag\">Nos Services<\/div>\n<h2 class=\"section-title\">Services <span>Municipaux<\/span><\/h2>\n<p class=\"section-desc\">La mairie de Touba met \u00e0 votre disposition un ensemble de services pour faciliter votre vie quotidienne.<\/p>\n<div class=\"divider\"><\/div>\n<\/p><\/div>\n<div class=\"services-grid\">\n<div class=\"service-card\">\n<div class=\"service-icon\">\ud83d\udccb<\/div>\n<h3>\u00c9tat Civil<\/h3>\n<p>Actes de naissance, mariage, d\u00e9c\u00e8s, certificats de vie. Demandez vos documents en ligne ou directement \u00e0 la mairie.<\/p>\n<p> <a class=\"service-link\" href=\"#\">Acc\u00e9der \u2192<\/a>\n <\/div>\n<div class=\"service-card\">\n<div class=\"service-icon\">\ud83c\udfd7\ufe0f<\/div>\n<h3>Urbanisme<\/h3>\n<p>Permis de construire, certificats d'urbanisme, d\u00e9clarations de travaux et plans d'am\u00e9nagement urbain.<\/p>\n<p> <a class=\"service-link\" href=\"#\">Acc\u00e9der \u2192<\/a>\n <\/div>\n<div class=\"service-card\">\n<div class=\"service-icon\">\ud83d\udcb0<\/div>\n<h3>Taxes & Finances<\/h3>\n<p>Paiement des taxes locales, patentes commerciales, licences et imp\u00f4ts communaux.<\/p>\n<p> <a class=\"service-link\" href=\"#\">Acc\u00e9der \u2192<\/a>\n <\/div>\n<div class=\"service-card\">\n<div class=\"service-icon\">\ud83c\udf3f<\/div>\n<h3>Environnement<\/h3>\n<p>Gestion des d\u00e9chets, espaces verts, assainissement et d\u00e9veloppement durable de la commune.<\/p>\n<p> <a class=\"service-link\" href=\"#\">Acc\u00e9der \u2192<\/a>\n <\/div>\n<div class=\"service-card\">\n<div class=\"service-icon\">\ud83c\udf93<\/div>\n<h3>\u00c9ducation<\/h3>\n<p>Suivi des \u00e9tablissements scolaires, bourses communales, activit\u00e9s parascolaires et culturelles.<\/p>\n<p> <a class=\"service-link\" href=\"#\">Acc\u00e9der \u2192<\/a>\n <\/div>\n<div class=\"service-card\">\n<div class=\"service-icon\">\ud83c\udfe5<\/div>\n<h3>Sant\u00e9 & Social<\/h3>\n<p>Centres de sant\u00e9, assistante sociale, aide aux personnes vuln\u00e9rables et programmes communautaires.<\/p>\n<p> <a class=\"service-link\" href=\"#\">Acc\u00e9der \u2192<\/a>\n <\/div>\n<div class=\"service-card\">\n<div class=\"service-icon\">\ud83d\udca1<\/div>\n<h3>\u00c9clairage Public<\/h3>\n<p>Signalement de pannes, demandes d'installation et maintenance du r\u00e9seau d'\u00e9clairage urbain.<\/p>\n<p> <a class=\"service-link\" href=\"#\">Acc\u00e9der \u2192<\/a>\n <\/div>\n<div class=\"service-card\">\n<div class=\"service-icon\">\ud83d\uddfa\ufe0f<\/div>\n<h3>Foncier<\/h3>\n<p>Gestion des titres fonciers, r\u00e9gularisation, d\u00e9limitation de parcelles et registre communal.<\/p>\n<p> <a class=\"service-link\" href=\"#\">Acc\u00e9der \u2192<\/a>\n <\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ACTUALIT\u00c9S --><\/p>\n<section class=\"news-section\">\n<div class=\"section-header\">\n<div class=\"section-tag\">Derni\u00e8res nouvelles<\/div>\n<h2 class=\"section-title\">Actualit\u00e9s<\/h2>\n<p class=\"section-desc\">Restez inform\u00e9 des derni\u00e8res d\u00e9cisions, projets et \u00e9v\u00e9nements de votre commune.<\/p>\n<div class=\"divider\"><\/div>\n<\/p><\/div>\n<div class=\"news-grid\" style=\"max-width:1200px;margin:0 auto;\">\n<div class=\"news-card featured\">\n<div class=\"news-img\">\ud83d\udd4c<\/div>\n<div class=\"news-body\">\n<div class=\"news-cat\">D\u00e9veloppement Urbain<\/div>\n<h3 class=\"news-title\">Lancement du nouveau Plan d'Urbanisme de R\u00e9f\u00e9rence de Touba 2025\u20132030<\/h3>\n<p class=\"news-excerpt\">Le Conseil Municipal a approuv\u00e9 le nouveau plan directeur d'am\u00e9nagement visant \u00e0 structurer la croissance rapide de la ville sainte et am\u00e9liorer les infrastructures.<\/p>\n<div class=\"news-meta\"><span>\ud83d\uddd3\ufe0f 15 mars 2026<\/span><span>\ud83d\udcd6 Lire la suite \u2192<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"news-card\">\n<div class=\"news-img\" style=\"height:140px;font-size:36px;\">\ud83d\udca7<\/div>\n<div class=\"news-body\">\n<div class=\"news-cat\">Eau & Assainissement<\/div>\n<h3 class=\"news-title\">Extension du r\u00e9seau d'eau potable dans 8 nouveaux quartiers<\/h3>\n<div class=\"news-meta\"><span>\ud83d\uddd3\ufe0f 8 mars 2026<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"news-card\">\n<div class=\"news-img\" style=\"height:140px;font-size:36px;\">\ud83d\udee3\ufe0f<\/div>\n<div class=\"news-body\">\n<div class=\"news-cat\">Infrastructures<\/div>\n<h3 class=\"news-title\">R\u00e9habilitation de 12 km de routes communales \u2014 Appel d'offres ouvert<\/h3>\n<div class=\"news-meta\"><span>\ud83d\uddd3\ufe0f 2 mars 2026<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"text-align:center;margin-top:40px;\">\n <a href=\"#\" class=\"btn-primary\" style=\"background:rgba(200,149,42,0.15);color:var(--gold-light);border:2px solid rgba(200,149,42,0.3);box-shadow:none;\"><br \/>\n Voir toutes les actualit\u00e9s \u2192<br \/>\n <\/a>\n <\/div>\n<\/section>\n<p><!-- D\u00c9MARCHES EN LIGNE --><\/p>\n<section class=\"demarche-section\">\n<div class=\"section-header\">\n<div class=\"section-tag\">E-Mairie<\/div>\n<h2 class=\"section-title\">D\u00e9marches <span>en Ligne<\/span><\/h2>\n<p class=\"section-desc\">Effectuez vos d\u00e9marches administratives sans vous d\u00e9placer, 24h\/24.<\/p>\n<div class=\"divider\"><\/div>\n<\/p><\/div>\n<div class=\"demarche-grid\" style=\"max-width:1100px;margin:0 auto;\">\n<div class=\"demarche-item\">\n<div class=\"demarche-icon\">\ud83d\udc76<\/div>\n<div class=\"demarche-text\"><strong>Acte de Naissance<\/strong><span>Demande en ligne<\/span><\/div>\n<\/div>\n<div class=\"demarche-item\">\n<div class=\"demarche-icon\">\ud83d\udc8d<\/div>\n<div class=\"demarche-text\"><strong>Acte de Mariage<\/strong><span>Demande en ligne<\/span><\/div>\n<\/div>\n<div class=\"demarche-item\">\n<div class=\"demarche-icon\">\u26b1\ufe0f<\/div>\n<div class=\"demarche-text\"><strong>Acte de D\u00e9c\u00e8s<\/strong><span>Demande en ligne<\/span><\/div>\n<\/div>\n<div class=\"demarche-item\">\n<div class=\"demarche-icon\">\ud83c\udfe0<\/div>\n<div class=\"demarche-text\"><strong>Permis de Construire<\/strong><span>D\u00e9p\u00f4t de dossier<\/span><\/div>\n<\/div>\n<div class=\"demarche-item\">\n<div class=\"demarche-icon\">\ud83d\udcb3<\/div>\n<div class=\"demarche-text\"><strong>Payer mes Taxes<\/strong><span>Paiement s\u00e9curis\u00e9<\/span><\/div>\n<\/div>\n<div class=\"demarche-item\">\n<div class=\"demarche-icon\">\ud83d\udcdd<\/div>\n<div class=\"demarche-text\"><strong>Certificat de R\u00e9sidence<\/strong><span>Demande en ligne<\/span><\/div>\n<\/div>\n<div class=\"demarche-item\">\n<div class=\"demarche-icon\">\ud83c\udfea<\/div>\n<div class=\"demarche-text\"><strong>Licence Commerciale<\/strong><span>Demande en ligne<\/span><\/div>\n<\/div>\n<div class=\"demarche-item\">\n<div class=\"demarche-icon\">\ud83d\udce3<\/div>\n<div class=\"demarche-text\"><strong>Signalement<\/strong><span>Probl\u00e8me de voirie<\/span><\/div>\n<\/div>\n<div class=\"demarche-item\">\n<div class=\"demarche-icon\">\ud83d\uddf3\ufe0f<\/div>\n<div class=\"demarche-text\"><strong>Listes \u00c9lectorales<\/strong><span>Inscription \/ V\u00e9rification<\/span><\/div>\n<\/div>\n<div class=\"demarche-item\">\n<div class=\"demarche-icon\">\ud83c\udfaa<\/div>\n<div class=\"demarche-text\"><strong>Autorisation \u00c9v\u00e9nement<\/strong><span>Demande en ligne<\/span><\/div>\n<\/div><\/div>\n<\/section>\n<p><!-- INFOS PRATIQUES --><\/p>\n<section class=\"info-section\">\n<div class=\"section-header\">\n<div class=\"section-tag\">Informations<\/div>\n<h2 class=\"section-title\">Infos <span>Pratiques<\/span><\/h2>\n<div class=\"divider\"><\/div>\n<\/p><\/div>\n<div class=\"info-cards\">\n<div class=\"info-card\">\n<div class=\"icon\">\ud83d\udd58<\/div>\n<h4>Horaires d'Ouverture<\/h4>\n<p>Lun \u2013 Ven : 8h00 \u2013 17h00<br \/>Sam : 8h00 \u2013 12h30<br \/>Ferm\u00e9 le dimanche<\/p>\n<\/div>\n<div class=\"info-card\">\n<div class=\"icon\">\ud83d\udccd<\/div>\n<h4>Adresse<\/h4>\n<p>Mairie de Touba<br \/>Centre-ville, Touba<br \/>R\u00e9gion de Diourbel<\/p>\n<\/div>\n<div class=\"info-card\">\n<div class=\"icon\">\ud83d\udcde<\/div>\n<h4>Contact<\/h4>\n<p>+221 33 976 XX XX<br \/>mairie@touba.sn<br \/>Urgences : 15<\/p>\n<\/div>\n<div class=\"info-card\">\n<div class=\"icon\">\ud83d\ude8c<\/div>\n<h4>Acc\u00e8s<\/h4>\n<p>Bus : Lignes 12, 18, 24<br \/>Taxi : disponible 24h\/24<br \/>Parking gratuit<\/p>\n<\/div><\/div>\n<\/section>\n<p><!-- CONTACT BANNER --><\/p>\n<section class=\"contact-banner\">\n<h2>Une question ? Besoin d'aide ?<\/h2>\n<p>Notre \u00e9quipe est disponible pour vous orienter dans toutes vos d\u00e9marches administratives.<\/p>\n<p> <a href=\"#\" class=\"btn-primary\">\ud83d\udce9 Nous \u00e9crire<\/a><\/p>\n<div class=\"contact-details\">\n<div class=\"contact-item\"><span class=\"ci-icon\">\ud83d\udcde<\/span> +221 33 976 XX XX<\/div>\n<div class=\"contact-item\"><span class=\"ci-icon\">\u2709\ufe0f<\/span> mairie@touba.sn<\/div>\n<div class=\"contact-item\"><span class=\"ci-icon\">\ud83c\udf10<\/span> communedetouba.com<\/div>\n<div class=\"contact-item\"><span class=\"ci-icon\">\ud83d\udccd<\/span> Touba, Diourbel, S\u00e9n\u00e9gal<\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- FOOTER --><\/p>\n<footer>\n<div class=\"footer-inner\">\n<div class=\"footer-brand\">\n<div style=\"display:flex;align-items:center;gap:12px;\">\n<div class=\"nav-logo\" style=\"width:48px;height:48px;font-size:22px;\">T<\/div>\n<div class=\"nav-title\" style=\"color:white;\">Commune de Touba<span>Portail Officiel<\/span><\/div>\n<\/p><\/div>\n<p>La commune de Touba, ville sainte du Mouridisme, deuxi\u00e8me ville du S\u00e9n\u00e9gal, au service de ses habitants pour un d\u00e9veloppement harmonieux et durable.<\/p>\n<\/p><\/div>\n<div class=\"footer-col\">\n<h5>Services<\/h5>\n<p> <a href=\"#\">\u00c9tat Civil<\/a><br \/>\n <a href=\"#\">Urbanisme<\/a><br \/>\n <a href=\"#\">Taxes & Finances<\/a><br \/>\n <a href=\"#\">Environnement<\/a><br \/>\n <a href=\"#\">\u00c9ducation<\/a>\n <\/div>\n<div class=\"footer-col\">\n<h5>Mairie<\/h5>\n<p> <a href=\"#\">Le Maire<\/a><br \/>\n <a href=\"#\">Conseil Municipal<\/a><br \/>\n <a href=\"#\">D\u00e9lib\u00e9rations<\/a><br \/>\n <a href=\"#\">Budget<\/a><br \/>\n <a href=\"#\">Organigramme<\/a>\n <\/div>\n<div class=\"footer-col\">\n<h5>Liens Utiles<\/h5>\n<p> <a href=\"#\">Gouvernement du S\u00e9n\u00e9gal<\/a><br \/>\n <a href=\"#\">Minist\u00e8re de l'Int\u00e9rieur<\/a><br \/>\n <a href=\"#\">ACTU S\u00e9n\u00e9gal<\/a><br \/>\n <a href=\"#\">Urgences<\/a><br \/>\n <a href=\"#\">Plan de la ville<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"footer-bottom\">\n<p>\u00a9 2026 Commune de Touba. Tous droits r\u00e9serv\u00e9s.<\/p>\n<div style=\"display:flex;gap:8px;align-items:center;\">\n <span style=\"color:rgba(255,255,255,0.25);font-size:12px;\">Suivez-nous :<\/span><br \/>\n <span style=\"font-size:18px;cursor:pointer;opacity:0.5;transition:opacity 0.2s;\" onmouseover=\"this.style.opacity=1\" onmouseout=\"this.style.opacity=0.5\">\ud83d\udcd8<\/span><br \/>\n <span style=\"font-size:18px;cursor:pointer;opacity:0.5;transition:opacity 0.2s;\" onmouseover=\"this.style.opacity=1\" onmouseout=\"this.style.opacity=0.5\">\ud83d\udc26<\/span><br \/>\n <span style=\"font-size:18px;cursor:pointer;opacity:0.5;transition:opacity 0.2s;\" onmouseover=\"this.style.opacity=1\" onmouseout=\"this.style.opacity=0.5\">\ud83d\udcf8<\/span>\n <\/div>\n<\/p><\/div>\n<\/footer>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Commune touba \u00b7 HTML Copier Commune de Touba \u2014 Portail Municipal T Commune de Touba R\u00e9gion de Diourbel \u00b7 S\u00e9n\u00e9gal Accueil Mairie Services Actualit\u00e9s Projets D\u00e9marches en ligne \ud83d\udd4c Ville Sainte \u00b7 Capitale du Mouridisme Commune de Touba Au service de ses citoyens, pour un avenir prosp\u00e8re \u0645\u062f\u064a\u0646\u0629 \u0637\u0648\u0628\u0649 \u0627\u0644\u0645\u0642\u062f\u0633\u0629 \ud83d\uddc2\ufe0f Mes D\u00e9marches \ud83d\udcde Nous […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ficamsenegal.com\/ctm\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ficamsenegal.com\/ctm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ficamsenegal.com\/ctm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ficamsenegal.com\/ctm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ficamsenegal.com\/ctm\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":3,"href":"https:\/\/ficamsenegal.com\/ctm\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/ficamsenegal.com\/ctm\/wp-json\/wp\/v2\/pages\/35\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/ficamsenegal.com\/ctm\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}