{"id":2,"date":"2026-07-31T11:30:18","date_gmt":"2026-07-31T11:30:18","guid":{"rendered":"http:\/\/associationlves.sn\/?page_id=2"},"modified":"2026-08-01T13:30:02","modified_gmt":"2026-08-01T13:30:02","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/associationlves.sn\/","title":{"rendered":"en cours…"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t\t

Site web en construction par ICONE CREA 782221696...<\/h3>\n\t\t\n<\/div>\n
\n \t\t
\n\t\t\t\t\t\n\n\n \n \n Hero Section - LVES<\/title>\n <style>\n .custom-hero-wrapper {\n position: relative;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n color: #ffffff;\n min-height: 600px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 60px 40px;\n overflow: hidden;\n border-radius: 16px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n }\n\n \/* Background Image with Gradient Overlay *\/\n .custom-hero-wrapper::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: linear-gradient(135deg, rgba(124, 58, 237, 0.88) 0%, rgba(217, 119, 6, 0.82) 100%), \n url('http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/476118515_975300411447617_3919851458065109951_n.jpg');\n background-size: cover;\n background-position: center;\n z-index: 1;\n }\n\n .custom-hero-wrapper > * {\n position: relative;\n z-index: 2;\n }\n\n \/* Hero Content *\/\n .hero-content {\n max-width: 750px;\n margin-top: 20px;\n }\n\n .hero-title {\n font-size: 3.2rem;\n font-weight: 800;\n line-height: 1.15;\n margin: 0 0 24px 0;\n color: #ffffff;\n }\n\n .hero-title span {\n color: #fbbf24; \/* Yellow accent *\/\n display: inline-block;\n }\n\n .hero-subtitle {\n font-size: 1.1rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.9);\n margin: 0 0 36px 0;\n max-width: 650px;\n }\n\n \/* Buttons *\/\n .hero-buttons {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n margin-bottom: 60px;\n }\n\n .btn-primary {\n background-color: #ffffff;\n color: #7c3aed;\n font-weight: 700;\n font-size: 0.95rem;\n padding: 14px 28px;\n border-radius: 50px;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: transform 0.2s ease, background-color 0.2s ease;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n background-color: #f3f4f6;\n }\n\n .btn-outline {\n background-color: transparent;\n color: #ffffff;\n font-weight: 700;\n font-size: 0.95rem;\n padding: 14px 28px;\n border-radius: 50px;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border: 2px solid rgba(255, 255, 255, 0.8);\n transition: transform 0.2s ease, background-color 0.2s ease;\n }\n\n .btn-outline:hover {\n transform: translateY(-2px);\n background-color: rgba(255, 255, 255, 0.1);\n border-color: #ffffff;\n }\n\n \/* Stats Bar *\/\n .hero-stats {\n display: grid;\n grid-template-columns: repeat(3, auto);\n gap: 60px;\n justify-content: start;\n align-items: end;\n border-top: 1px solid rgba(255, 255, 255, 0.2);\n padding-top: 30px;\n margin-top: 20px;\n }\n\n .stat-item {\n display: flex;\n flex-direction: column;\n }\n\n .stat-number {\n font-size: 2.5rem;\n font-weight: 800;\n color: #ffffff;\n line-height: 1.1;\n margin-bottom: 6px;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.8);\n font-weight: 500;\n }\n\n \/* Scroll Mouse Icon *\/\n .scroll-indicator {\n position: absolute;\n bottom: 25px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n z-index: 2;\n }\n\n .mouse {\n width: 24px;\n height: 40px;\n border: 2px solid rgba(255, 255, 255, 0.7);\n border-radius: 12px;\n position: relative;\n }\n\n .wheel {\n width: 4px;\n height: 8px;\n background-color: #ffffff;\n border-radius: 2px;\n position: absolute;\n top: 6px;\n left: 50%;\n transform: translateX(-50%);\n animation: scroll-anim 1.5s infinite;\n }\n\n @keyframes scroll-anim {\n 0% { top: 6px; opacity: 1; }\n 100% { top: 20px; opacity: 0; }\n }\n\n \/* Responsive *\/\n @media (max-width: 900px) {\n .hero-title {\n font-size: 2.5rem;\n }\n .hero-stats {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n .custom-hero-wrapper {\n padding: 40px 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"custom-hero-wrapper\">\n <!-- Hero Main Content -->\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">\n Ensemble pour un avenir<br>\n <span>sans exclusion<\/span>\n <\/h1>\n <p class=\"hero-subtitle\">\n L'Association LVES \u0153uvre pour l'\u00e9ducation, l'emploi et l'entrepreneuriat des jeunes et femmes vuln\u00e9rables de Richard Toll.\n <\/p>\n\n <div class=\"hero-buttons\">\n <a href=\"#actions\" class=\"btn-primary\">\n D\u00e9couvrez nos actions →\n <\/a>\n <a href=\"#partenaire\" class=\"btn-outline\">\n Devenir partenaire →\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Stats Bar -->\n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">14+<\/div>\n <div class=\"stat-label\">Ann\u00e9es d'exp\u00e9rience<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">Plus de 2000<\/div>\n <div class=\"stat-label\">B\u00e9n\u00e9ficiaires<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">50 ans et plus<\/div>\n <div class=\"stat-label\">Projets r\u00e9alis\u00e9s<\/div>\n <\/div>\n <\/div>\n\n <!-- Scroll Indicator -->\n <div class=\"scroll-indicator\">\n <div class=\"mouse\">\n <div class=\"wheel\"><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-58a8645 e-con e-atomic-element e-flexbox-base e-a085250 \" data-id=\"58a8645\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"58a8645\">\n \t\t<div class=\"elementor-element elementor-element-bccd233 elementor-widget elementor-widget-html\" data-id=\"bccd233\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>En-t\u00eate de section - Qui sommes-nous<\/title>\n<style>body{margin:0;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif}<\/style>\n<\/head>\n<body>\n\n<!-- ============ D\u00c9BUT DU CODE \u00c0 COLLER DANS WORDPRESS ============ -->\n<style>\n.lves-entete{\n text-align:center;\n max-width:900px;\n margin:0 auto;\n padding:70px 20px 40px;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n}\n\n\/* le badge \"pilule\" *\/\n.lves-entete__badge{\n display:inline-block;\n background:#f0e9ff;\n color:#7c3aed;\n font-size:12.5px;\n font-weight:700;\n letter-spacing:.06em;\n text-transform:uppercase;\n padding:9px 20px;\n border-radius:999px;\n margin-bottom:26px;\n}\n\n\/* le grand titre *\/\n.lves-entete h2{\n margin:0 0 22px;\n font-size:clamp(28px,4.5vw,50px);\n line-height:1.15;\n font-weight:800;\n letter-spacing:-.02em;\n color:#131029; \/* bleu nuit tr\u00e8s fonc\u00e9 *\/\n text-wrap:balance; \/* \u00e9quilibre les lignes (navigateurs r\u00e9cents) *\/\n}\n\n\/* le sous-titre *\/\n.lves-entete p{\n margin:0 auto;\n max-width:640px;\n font-size:17px;\n line-height:1.7;\n color:#5f6779;\n text-wrap:balance;\n}\n\n@media(max-width:640px){\n .lves-entete{padding:48px 18px 28px}\n .lves-entete p{font-size:16px}\n}\n<\/style>\n\n<header class=\"lves-entete\">\n <span class=\"lves-entete__badge\">Qui sommes-nous ?<\/span>\n <h2>Association de Lutte contre la Vuln\u00e9rabilit\u00e9 et l'Exclusion Sociale<\/h2>\n <p>Depuis sa cr\u00e9ation en 2010, l'Association LVES s'engage pour un avenir meilleur, o\u00f9 chaque personne vuln\u00e9rable trouve sa place dans la soci\u00e9t\u00e9.<\/p>\n<\/header>\n<!-- ============ FIN DU CODE ============ -->\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bdb67c9 e-con e-atomic-element e-flexbox-base e-b8a15f1 \" data-id=\"bdb67c9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bdb67c9\">\n \t\t<div class=\"elementor-element elementor-element-8666181 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8666181\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0213190 elementor-widget elementor-widget-html\" data-id=\"0213190\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Blocs Mission \/ Vision \/ Valeurs \/ Impact<\/title>\n<style>body{margin:0;background:#fff;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif}<\/style>\n<\/head>\n<body>\n\n<!-- ================= D\u00c9BUT DU CODE \u00c0 COLLER DANS WORDPRESS ================= -->\n<style>\n.lves-cards{\n --lves-radius:18px;\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:32px;\n max-width:1200px;\n margin:0 auto;\n padding:40px 20px;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n}\n.lves-card{\n position:relative;\n overflow:hidden;\n background:#fff;\n border-radius:var(--lves-radius);\n padding:36px 34px 34px;\n box-shadow:0 4px 24px rgba(16,24,40,.07);\n transition:transform .25s ease, box-shadow .25s ease;\n}\n.lves-card:hover{transform:translateY(-4px);box-shadow:0 12px 34px rgba(16,24,40,.12)}\n\n\/* la petite forme d\u00e9corative en haut \u00e0 droite *\/\n.lves-card::after{\n content:\"\";\n position:absolute;\n top:-60px;right:-60px;\n width:170px;height:170px;\n border-radius:50%;\n opacity:.35;\n background:var(--blob,#e9e4ff);\n}\n.lves-icon{\n width:60px;height:60px;\n border-radius:14px;\n display:flex;align-items:center;justify-content:center;\n background:var(--grad,#7c3aed);\n color:#fff;\n margin-bottom:26px;\n position:relative;z-index:1;\n}\n.lves-icon svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.lves-card h3{\n margin:0 0 12px;\n font-size:24px;\n line-height:1.25;\n font-weight:700;\n color:#101b3d;\n position:relative;z-index:1;\n}\n.lves-card p{\n margin:0;\n font-size:16px;\n line-height:1.7;\n color:#5a6478;\n position:relative;z-index:1;\n}\n\n\/* couleurs par carte *\/\n.lves-card--mission{--grad:linear-gradient(135deg,#8b5cf6,#6d28d9);--blob:#ece7ff}\n.lves-card--vision {--grad:linear-gradient(135deg,#fb8c1a,#f05a0e);--blob:#ffe9d6}\n.lves-card--valeurs{--grad:linear-gradient(135deg,#f472b6,#a855f7);--blob:#ffe3ef}\n.lves-card--impact {--grad:linear-gradient(135deg,#a855f7,#ec4899);--blob:#f6e2ff}\n\n@media(max-width:820px){\n .lves-cards{grid-template-columns:1fr;gap:22px;padding:24px 16px}\n .lves-card{padding:28px 24px}\n .lves-card h3{font-size:21px}\n}\n<\/style>\n\n<div class=\"lves-cards\">\n\n <div class=\"lves-card lves-card--mission\">\n <div class=\"lves-icon\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"#fff\" stroke=\"none\"\/><\/svg>\n <\/div>\n <h3>Notre Mission<\/h3>\n <p>Promouvoir l'\u00e9ducation, l'acc\u00e8s \u00e0 l'emploi et l'entrepreneuriat pour pr\u00e9venir et lutter contre l'exclusion sociale des enfants et des jeunes de Richard Toll.<\/p>\n <\/div>\n\n <div class=\"lves-card lves-card--vision\">\n <div class=\"lves-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M1.5 12S5 5.5 12 5.5 22.5 12 22.5 12 19 18.5 12 18.5 1.5 12 1.5 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n <\/div>\n <h3>Notre Vision<\/h3>\n <p>Une communaut\u00e9 o\u00f9 chaque jeune et chaque femme a les moyens de r\u00e9aliser son potentiel et de contribuer au d\u00e9veloppement de la soci\u00e9t\u00e9.<\/p>\n <\/div>\n\n <div class=\"lves-card lves-card--valeurs\">\n <div class=\"lves-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.8 5.6a5 5 0 0 0-7.1 0L12 7.3l-1.7-1.7a5 5 0 1 0-7.1 7.1l8.8 8.8 8.8-8.8a5 5 0 0 0 0-7.1z\"\/><\/svg>\n <\/div>\n <h3>Nos Valeurs<\/h3>\n <p>Solidarit\u00e9, inclusion, dignit\u00e9 humaine, responsabilisation et justice sociale guident toutes nos actions au quotidien.<\/p>\n <\/div>\n\n <div class=\"lves-card lves-card--impact\">\n <div class=\"lves-icon\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M8.2 13.3 7 22l5-3 5 3-1.2-8.7\"\/><\/svg>\n <\/div>\n <h3>Notre Impact<\/h3>\n <p>Depuis 2010, nous avons transform\u00e9 la vie de milliers de personnes gr\u00e2ce \u00e0 nos programmes d'\u00e9ducation et d'insertion professionnelle.<\/p>\n <\/div>\n\n<\/div>\n<!-- ================= FIN DU CODE ================= -->\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-29ea412 e-con e-atomic-element e-flexbox-base e-ccea5fb \" data-id=\"29ea412\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"29ea412\">\n \t\t<div class=\"elementor-element elementor-element-ae9d558 elementor-widget elementor-widget-html\" data-id=\"ae9d558\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Section Notre Histoire<\/title>\n<style>body{margin:0;background:#fff;padding:30px 20px;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif}<\/style>\n<\/head>\n<body>\n\n<!-- ============ D\u00c9BUT DU CODE \u00c0 COLLER DANS WORDPRESS ============ -->\n<style>\n.lves-histoire{\n position:relative;\n overflow:hidden;\n border-radius:24px;\n \/* le d\u00e9grad\u00e9 : violet en haut \u00e0 gauche -> rose -> orange en bas \u00e0 droite *\/\n background:linear-gradient(135deg,#7c3aed 0%,#a855f7 22%,#c084b8 48%,#e0798a 70%,#f97316 100%);\n padding:60px 56px;\n max-width:1200px;\n margin:0 auto;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n\n display:grid;\n grid-template-columns:1fr 1fr;\n align-items:center;\n gap:56px;\n}\n\n\/* ---- colonne texte ---- *\/\n.lves-histoire__texte h2{\n margin:0 0 22px;\n font-size:34px;\n line-height:1.2;\n font-weight:700;\n color:#fff;\n}\n.lves-histoire__texte p{\n margin:0 0 18px;\n font-size:16.5px;\n line-height:1.75;\n color:rgba(255,255,255,.94);\n}\n.lves-histoire__texte p:last-child{margin-bottom:0}\n\n\/* ---- colonne image ---- *\/\n.lves-histoire__media{\n border-radius:16px;\n overflow:hidden;\n box-shadow:0 18px 45px rgba(40,10,60,.28);\n line-height:0;\n}\n.lves-histoire__media img{\n display:block;\n width:100%;\n height:100%;\n object-fit:cover;\n aspect-ratio:16\/11;\n}\n\n\/* ---- mobile ---- *\/\n@media(max-width:900px){\n .lves-histoire{\n grid-template-columns:1fr;\n gap:32px;\n padding:38px 26px;\n border-radius:18px;\n }\n .lves-histoire__texte h2{font-size:27px}\n \/* met l'image au-dessus du texte sur mobile : d\u00e9commentez les 2 lignes *\/\n \/* .lves-histoire__media{order:-1} *\/\n}\n<\/style>\n\n<section class=\"lves-histoire\">\n\n <div class=\"lves-histoire__texte\">\n <h2>Notre Histoire<\/h2>\n <p>Fond\u00e9e le 04 mai 2010 \u00e0 Richard Toll, l'Association LVES est n\u00e9e d'une conviction profonde : chaque jeune m\u00e9rite l'opportunit\u00e9 de r\u00e9ussir, d\u00e9terminant de sa situation sociale.<\/p>\n <p>Au fil des ann\u00e9es, nous avons d\u00e9velopp\u00e9 des programmes innovants qui combinent \u00e9ducation, formation professionnelle et accompagnement entrepreneurial, touchant des milliers de vies et cr\u00e9ant un impact durable dans notre communaut\u00e9.<\/p>\n <\/div>\n\n <div class=\"lves-histoire__media\">\n <!-- REMPLACEZ l'URL par celle de votre image (M\u00e9diath\u00e8que > copier l'URL du fichier) -->\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/07\/imgi_18_photo-1584365098838-50ccef838f4a.jpg\"\n alt=\"Les jeunes b\u00e9n\u00e9ficiaires de l'Association LVES \u00e0 Richard Toll\">\n <\/div>\n\n<\/section>\n<!-- ============ FIN DU CODE ============ -->\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-be9418e e-con e-atomic-element e-flexbox-base e-2fb486f \" data-id=\"be9418e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"be9418e\">\n \t\t<div class=\"elementor-element elementor-element-0f764bc elementor-widget elementor-widget-html\" data-id=\"0f764bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Nos Actions sur le Terrain<\/title>\n<style>body{margin:0;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif}<\/style>\n<\/head>\n<body>\n\n<!-- ============ D\u00c9BUT DU CODE \u00c0 COLLER DANS WORDPRESS ============ -->\n<style>\n\/* ---------- en-t\u00eate de la section ---------- *\/\n.lves-prog-entete{\n text-align:center;max-width:820px;margin:0 auto;padding:60px 20px 34px;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n}\n.lves-prog-entete__badge{\n display:inline-block;background:#ffedd9;color:#ea7317;\n font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;\n padding:7px 16px;border-radius:999px;margin-bottom:18px;\n}\n.lves-prog-entete h2{\n margin:0 0 16px;font-size:clamp(26px,4vw,40px);line-height:1.2;\n font-weight:800;letter-spacing:-.02em;color:#131029;\n}\n.lves-prog-entete p{\n margin:0 auto;max-width:600px;font-size:16px;line-height:1.65;color:#5f6779;\n}\n\n\/* ---------- la grille ---------- *\/\n.lves-prog{\n display:grid;grid-template-columns:repeat(3,1fr);gap:26px;\n max-width:1200px;margin:0 auto;padding:0 20px 60px;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n}\n\n\/* ---------- une carte ---------- *\/\n.lves-prog__card{\n background:#fff;border-radius:14px;overflow:hidden;\n box-shadow:0 3px 16px rgba(16,24,40,.08);\n display:flex;flex-direction:column;\n transition:transform .25s ease,box-shadow .25s ease;\n}\n.lves-prog__card:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(16,24,40,.14)}\n\n\/* --- zone image + voile color\u00e9 --- *\/\n.lves-prog__media{position:relative;line-height:0;aspect-ratio:16\/10;overflow:hidden}\n.lves-prog__media img{width:100%;height:100%;object-fit:cover;display:block;\n transition:transform .5s ease}\n.lves-prog__card:hover .lves-prog__media img{transform:scale(1.06)}\n\/* le voile d\u00e9grad\u00e9 par-dessus la photo *\/\n.lves-prog__media::after{\n content:\"\";position:absolute;inset:0;\n background:var(--voile,linear-gradient(135deg,rgba(124,58,237,.72),rgba(168,85,247,.62)));\n mix-blend-mode:multiply;\n}\n\/* la pastille ic\u00f4ne en haut \u00e0 droite *\/\n.lves-prog__icone{\n position:absolute;top:14px;right:14px;z-index:2;\n width:40px;height:40px;border-radius:10px;\n background:#fff;display:flex;align-items:center;justify-content:center;\n box-shadow:0 2px 8px rgba(0,0,0,.15);\n}\n.lves-prog__icone svg{width:20px;height:20px;fill:none;stroke:var(--accent,#7c3aed);\n stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n\n\/* --- contenu texte --- *\/\n.lves-prog__corps{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}\n.lves-prog__corps h3{margin:0 0 9px;font-size:19px;font-weight:700;color:#131029;line-height:1.3}\n.lves-prog__corps p{margin:0 0 16px;font-size:13.5px;line-height:1.65;color:#6b7280;flex:1}\n\n\/* la pilule chiffr\u00e9e *\/\n.lves-prog__stat{\n align-self:flex-start;\n background:var(--accent,#7c3aed);color:#fff;\n font-size:12px;font-weight:600;\n padding:7px 14px;border-radius:999px;\n}\n\n\/* ---------- couleurs par carte ---------- *\/\n.c-violet {--accent:#7c3aed;--voile:linear-gradient(135deg,rgba(124,58,237,.75),rgba(168,85,247,.6))}\n.c-orange {--accent:#ea7317;--voile:linear-gradient(135deg,rgba(234,115,23,.72),rgba(249,146,60,.58))}\n.c-mixte {--accent:#7c3aed;--voile:linear-gradient(135deg,rgba(234,115,23,.55),rgba(124,58,237,.7))}\n.c-rose {--accent:#7c3aed;--voile:linear-gradient(135deg,rgba(168,85,247,.65),rgba(236,72,153,.6))}\n.c-ambre {--accent:#ea7317;--voile:linear-gradient(135deg,rgba(249,115,22,.7),rgba(234,88,12,.62))}\n\n\/* ---------- responsive ---------- *\/\n@media(max-width:980px){.lves-prog{grid-template-columns:repeat(2,1fr);gap:20px}}\n@media(max-width:620px){\n .lves-prog{grid-template-columns:1fr;padding:0 16px 40px}\n .lves-prog-entete{padding:44px 18px 26px}\n}\n<\/style>\n\n<div class=\"lves-prog-entete\">\n <span class=\"lves-prog-entete__badge\">Nos programmes<\/span>\n <h2>Nos Actions sur le Terrain<\/h2>\n <p>Des programmes complets et adapt\u00e9s pour r\u00e9pondre aux besoins sp\u00e9cifiques de notre communaut\u00e9 et cr\u00e9er un impact durable.<\/p>\n<\/div>\n\n<div class=\"lves-prog\">\n\n <!-- 1. \u00c9ducation -->\n <article class=\"lves-prog__card c-violet\">\n <div class=\"lves-prog__media\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_2_photo-1543689604-6fe8dbcd1f59.jpg\" alt=\"Enfants scolaris\u00e9s par LVES\" loading=\"lazy\">\n <span class=\"lves-prog__icone\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 9 12 4 2 9l10 5 10-5z\"\/><path d=\"M6 11.5V17c0 1.1 2.7 2.5 6 2.5s6-1.4 6-2.5v-5.5\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"lves-prog__corps\">\n <h3>\u00c9ducation<\/h3>\n <p>Scolaire, bourses d'\u00e9tudes et alphab\u00e9tisation pour les enfants et adultes en situation de vuln\u00e9rabilit\u00e9.<\/p>\n <span class=\"lves-prog__stat\">Plus de 800 enfants scolaris\u00e9s<\/span>\n <\/div>\n <\/article>\n\n <!-- 2. Formation professionnelle -->\n <article class=\"lves-prog__card c-orange\">\n <div class=\"lves-prog__media\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_3_photo-1655720348590-c739c860beed.jpg\" alt=\"Atelier de formation professionnelle\" loading=\"lazy\">\n <span class=\"lves-prog__icone\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"lves-prog__corps\">\n <h3>Formation professionnelle<\/h3>\n <p>Programmes de formation technique et professionnelle adapt\u00e9s aux besoins du march\u00e9 de l'emploi local.<\/p>\n <span class=\"lves-prog__stat\">Plus de 500 jeunes form\u00e9s<\/span>\n <\/div>\n <\/article>\n\n <!-- 3. Entrepreneuriat -->\n <article class=\"lves-prog__card c-mixte\">\n <div class=\"lves-prog__media\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_4_photo-1563132337-f159f484226c.jpg\" alt=\"Jeune entrepreneure accompagn\u00e9e par LVES\" loading=\"lazy\">\n <span class=\"lves-prog__icone\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 17l5-5 4 3 8-8\"\/><path d=\"M15 7h6v6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"lves-prog__corps\">\n <h3>Entrepreneuriat<\/h3>\n <p>Accompagnement \u00e0 la cr\u00e9ation d'entreprise, microcr\u00e9dits et formation en gestion pour les jeunes entrepreneurs.<\/p>\n <span class=\"lves-prog__stat\">Plus de 200 entreprises cr\u00e9\u00e9es<\/span>\n <\/div>\n <\/article>\n\n <!-- 4. Insertion des Jeunes -->\n <article class=\"lves-prog__card c-rose\">\n <div class=\"lves-prog__media\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_22_photo-1649486116205-71c92cf5160f.jpg\" alt=\"Jeunes en insertion professionnelle\" loading=\"lazy\">\n <span class=\"lves-prog__icone\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"lves-prog__corps\">\n <h3>Insertion des Jeunes<\/h3>\n <p>Orientation professionnelle, stage en entreprise et placement pour faciliter l'insertion professionnelle.<\/p>\n <span class=\"lves-prog__stat\">Plus de 350 insertions r\u00e9ussies<\/span>\n <\/div>\n <\/article>\n\n <!-- 5. Accompagnement des Femmes -->\n <article class=\"lves-prog__card c-violet\">\n <div class=\"lves-prog__media\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_21_photo-1687422809654-579d81c29d32.jpg\" alt=\"Femme accompagn\u00e9e par le programme LVES\" loading=\"lazy\">\n <span class=\"lves-prog__icone\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"5\"\/><path d=\"M12 13v8M9 18h6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"lves-prog__corps\">\n <h3>Accompagnement des Femmes<\/h3>\n <p>Programmes d\u00e9di\u00e9s aux femmes vuln\u00e9rables : formation, autonomisation \u00e9conomique et soutien psychosocial.<\/p>\n <span class=\"lves-prog__stat\">Plus de 300 femmes accompagn\u00e9es<\/span>\n <\/div>\n <\/article>\n\n <!-- 6. Inclusion sociale -->\n <article class=\"lves-prog__card c-ambre\">\n <div class=\"lves-prog__media\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/07\/imgi_19_photo-1567057419565-4349c49d8a04.jpg\" alt=\"Activit\u00e9 communautaire d'inclusion sociale\" loading=\"lazy\">\n <span class=\"lves-prog__icone\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3.6 9h16.8M3.6 15h16.8\"\/><path d=\"M12 3a15 15 0 0 1 0 18a15 15 0 0 1 0-18z\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"lves-prog__corps\">\n <h3>Inclusion sociale<\/h3>\n <p>Sensibilisation communautaire, activit\u00e9s culturelles et sportives pour renforcer la coh\u00e9sion sociale.<\/p>\n <span class=\"lves-prog__stat\">Plus de 1000 participants<\/span>\n <\/div>\n <\/article>\n\n<\/div>\n<!-- ============ FIN DU CODE ============ -->\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4cad8c4 e-con e-atomic-element e-flexbox-base e-8f50035 \" data-id=\"4cad8c4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4cad8c4\">\n \t\t<div class=\"elementor-element elementor-element-c6a5755 elementor-widget elementor-widget-html\" data-id=\"c6a5755\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Impact et T\u00e9moignages<\/title>\n <style>\n :root {\n --primary-purple: #7c3aed;\n --light-purple: #f3e8ff;\n --accent-orange: #d97706;\n --card-orange-bg: #fff7ed;\n --text-dark: #1f2937;\n --text-muted: #4b5563;\n --bg-page: #faf5ff;\n --white: #ffffff;\n --shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n }\n\n body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n background-color: var(--bg-page);\n color: var(--text-dark);\n margin: 0;\n padding: 40px 20px;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n \/* Section Impact *\/\n .impact-section {\n text-align: center;\n margin-bottom: 80px;\n }\n\n .badge {\n display: inline-block;\n background-color: var(--light-purple);\n color: var(--primary-purple);\n font-size: 0.85rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 6px 16px;\n border-radius: 50px;\n margin-bottom: 16px;\n }\n\n .impact-section h2 {\n font-size: 2.25rem;\n font-weight: 800;\n color: var(--text-dark);\n margin: 0 0 10px 0;\n }\n\n .impact-section .subtitle {\n font-size: 1rem;\n color: var(--text-muted);\n margin-bottom: 40px;\n }\n\n .impact-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n }\n\n @media (max-width: 900px) {\n .impact-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 600px) {\n .impact-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .impact-card {\n background-color: var(--white);\n border-radius: 16px;\n padding: 36px 20px;\n box-shadow: var(--shadow);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n transition: transform 0.3s ease;\n }\n\n .impact-card:hover {\n transform: translateY(-4px);\n }\n\n .impact-card.highlight {\n background-color: var(--card-orange-bg);\n border: 1px solid #fed7aa;\n }\n\n .impact-number {\n font-size: 2.75rem;\n font-weight: 800;\n color: var(--primary-purple);\n margin-bottom: 8px;\n line-height: 1.1;\n }\n\n .impact-card.highlight .impact-number {\n color: var(--accent-orange);\n font-size: 2.25rem;\n }\n\n .impact-label {\n font-size: 0.95rem;\n color: var(--text-muted);\n font-weight: 500;\n }\n\n \/* Section T\u00e9moignages *\/\n .testimonials-section {\n text-align: center;\n }\n\n .testimonials-section h2 {\n font-size: 2rem;\n font-weight: 800;\n color: var(--text-dark);\n margin-bottom: 50px;\n }\n\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n text-align: left;\n }\n\n @media (max-width: 900px) {\n .testimonials-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .testimonial-card {\n background-color: var(--white);\n border-radius: 16px;\n padding: 36px 28px;\n box-shadow: var(--shadow);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n }\n\n .quote-icon {\n font-size: 3rem;\n color: #d8b4fe;\n line-height: 1;\n font-family: Georgia, serif;\n margin-bottom: 15px;\n }\n\n .testimonial-text {\n font-size: 0.95rem;\n color: var(--text-muted);\n line-height: 1.6;\n font-style: italic;\n margin-bottom: 25px;\n flex-grow: 1;\n }\n\n .testimonial-author {\n display: flex;\n align-items: center;\n gap: 12px;\n border-top: 1px solid #f3f4f6;\n padding-top: 18px;\n }\n\n .author-avatar {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n object-fit: cover;\n background-color: #e5e7eb;\n }\n\n .author-info h4 {\n margin: 0 0 3px 0;\n font-size: 0.95rem;\n font-weight: 700;\n color: var(--text-dark);\n }\n\n .author-info p {\n margin: 0;\n font-size: 0.8rem;\n color: var(--text-muted);\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n\n <!-- SECTION IMPACT -->\n <div class=\"impact-section\">\n <div class=\"badge\">Notre Impact<\/div>\n <h2>Des R\u00e9sultats Concrets et Mesurables<\/h2>\n <div class=\"subtitle\">14 ann\u00e9es d'engagement au service de la communaut\u00e9 de Richard Toll<\/div>\n\n <div class=\"impact-grid\">\n <!-- Carte 1 -->\n <div class=\"impact-card\">\n <div class=\"impact-number\">766 +<\/div>\n <div class=\"impact-label\">B\u00e9n\u00e9ficiaires<\/div>\n <\/div>\n\n <!-- Carte 2 (Mise en avant orange) -->\n <div class=\"impact-card highlight\">\n <div class=\"impact-number\">19 ans et plus<\/div>\n <div class=\"impact-label\">Projets r\u00e9alis\u00e9s<\/div>\n <\/div>\n\n <!-- Carte 3 -->\n <div class=\"impact-card\">\n <div class=\"impact-number\">9 +<\/div>\n <div class=\"impact-label\">Partenaires<\/div>\n <\/div>\n\n <!-- Carte 4 -->\n <div class=\"impact-card\">\n <div class=\"impact-number\">32 %<\/div>\n <div class=\"impact-label\">Taux de r\u00e9ussite<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- SECTION TEMOIGNAGES -->\n <div class=\"testimonials-section\">\n <h2>T\u00e9moignages de nos B\u00e9n\u00e9ficiaires<\/h2>\n\n <div class=\"testimonials-grid\">\n <!-- T\u00e9moignage 1 -->\n <div class=\"testimonial-card\">\n <div>\n <div class=\"quote-icon\">\u201c<\/div>\n <div class=\"testimonial-text\">\n \" Gr\u00e2ce \u00e0 l'Association LVES, j'ai pu cr\u00e9er mon entreprise de couture. Aujourd'hui, j'emploie 5 personnes et je subviens aux besoins de ma famille. C'est un r\u00eave devenu r\u00e9alit\u00e9. \"\n <\/div>\n <\/div>\n <div class=\"testimonial-author\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/07\/3549b8b3-5d28-429d-96f4-88255b27e70b-scaled.jpg\" alt=\"Fatou Diallo\" class=\"author-avatar\">\n <div class=\"author-info\">\n <h4>Fatou Diallo<\/h4>\n <p>B\u00e9n\u00e9ficiaire - Programme Entrepreneuriat<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- T\u00e9moignage 2 -->\n <div class=\"testimonial-card\">\n <div>\n <div class=\"quote-icon\">\u201c<\/div>\n <div class=\"testimonial-text\">\n \" Le programme de formation m'a permis d'acqu\u00e9rir des comp\u00e9tences en \u00e9lectricit\u00e9. Maintenant j'ai un emploi stable et je peux aider d'autres jeunes de ma communaut\u00e9. \"\n <\/div>\n <\/div>\n <div class=\"testimonial-author\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/07\/3549b8b3-5d28-429d-96f4-88255b27e70b-scaled.jpg\" alt=\"Mamadou Sow\" class=\"author-avatar\">\n <div class=\"author-info\">\n <h4>Mamadou Sow<\/h4>\n <p>Ancien B\u00e9n\u00e9ficiaire - Formation Professionnelle<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- T\u00e9moignage 3 -->\n <div class=\"testimonial-card\">\n <div>\n <div class=\"quote-icon\">\u201c<\/div>\n <div class=\"testimonial-text\">\n \" Mes enfants ont re\u00e7u des bourses d'\u00e9tudes de LVES. Ils vont maintenant \u00e0 l'\u00e9cole et ont un avenir prometteur. Je suis tr\u00e8s reconnaissante pour ce soutien pr\u00e9cieux. \"\n <\/div>\n <\/div>\n <div class=\"testimonial-author\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/07\/3549b8b3-5d28-429d-96f4-88255b27e70b-scaled.jpg\" alt=\"A\u00efssatou Ba\" class=\"author-avatar\">\n <div class=\"author-info\">\n <h4>A\u00efssatou Ba<\/h4>\n <p>M\u00e8re de famille - Programme \u00c9ducation<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c42f136 e-con e-atomic-element e-flexbox-base e-63228be \" data-id=\"c42f136\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c42f136\">\n \t\t<div class=\"elementor-element elementor-element-2674132 elementor-widget elementor-widget-html\" data-id=\"2674132\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Transformation communautaire & Partenaires \u2014 LVES<\/title>\n<style>body{margin:0;background:#fff;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif}<\/style>\n<\/head>\n<body>\n\n<!-- ================= D\u00c9BUT DU CODE \u00c0 COLLER DANS WORDPRESS ================= -->\n<style>\n\/* ==========================================================\n VARIABLES DE MARQUE LVES\n ========================================================== *\/\n.lves-wrap{\n --violet:#7c3aed;\n --violet-clair:#a855f7;\n --orange:#ea7317;\n --orange-clair:#f97316;\n --nuit:#131029;\n --gris:#5f6779;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n color:var(--nuit);\n}\n.lves-wrap *{box-sizing:border-box}\n\n\/* ==========================================================\n 1. TRANSFORMATION COMMUNAUTAIRE\n ========================================================== *\/\n.lves-transfo{\n max-width:1200px;margin:0 auto 60px;\n border-radius:22px;\n background:linear-gradient(120deg,#f6ecff 0%,#fdeee6 55%,#f3e8ff 100%);\n padding:46px 48px;\n display:grid;grid-template-columns:1fr 1.05fr;gap:46px;align-items:center;\n}\n.lves-transfo h2{\n margin:0 0 16px;font-size:26px;font-weight:700;line-height:1.25;color:var(--nuit);\n}\n.lves-transfo p{\n margin:0 0 14px;font-size:13.5px;line-height:1.75;color:#4b5263;\n}\n.lves-transfo p:last-child{margin-bottom:0}\n\n\/* la mosa\u00efque 2x2 *\/\n.lves-transfo__grille{\n display:grid;grid-template-columns:1fr 1fr;gap:14px;\n}\n.lves-transfo__grille img{\n width:100%;height:100%;display:block;\n aspect-ratio:4\/3;object-fit:cover;\n border-radius:12px;\n box-shadow:0 6px 18px rgba(60,30,90,.13);\n transition:transform .35s ease;\n}\n.lves-transfo__grille img:hover{transform:scale(1.03)}\n\n\/* ==========================================================\n 2. EN-T\u00caTE PARTENAIRES\n ========================================================== *\/\n.lves-part-section{background:#f8f9fc;padding:60px 20px 70px}\n.lves-part-entete{text-align:center;max-width:760px;margin:0 auto 40px}\n.lves-part-entete__badge{\n display:inline-block;background:#ffedd9;color:var(--orange);\n font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;\n padding:7px 16px;border-radius:999px;margin-bottom:18px;\n}\n.lves-part-entete h2{\n margin:0 0 14px;font-size:clamp(25px,3.6vw,36px);font-weight:800;\n letter-spacing:-.02em;line-height:1.2;color:var(--nuit);\n}\n.lves-part-entete p{\n margin:0 auto;max-width:580px;font-size:14.5px;line-height:1.65;color:var(--gris);\n}\n\n\/* les 3 cartes cat\u00e9gories *\/\n.lves-part-cartes{\n max-width:1200px;margin:0 auto 44px;\n display:grid;grid-template-columns:repeat(3,1fr);gap:26px;\n}\n.lves-part-carte{\n background:#fff;border-radius:14px;padding:26px 24px 28px;text-align:center;\n box-shadow:0 3px 16px rgba(16,24,40,.07);\n transition:transform .25s ease,box-shadow .25s ease;\n}\n.lves-part-carte:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(16,24,40,.12)}\n.lves-part-carte__icone{\n width:46px;height:46px;border-radius:12px;margin:0 auto 16px;\n display:flex;align-items:center;justify-content:center;\n background:var(--grad,linear-gradient(135deg,var(--violet),var(--violet-clair)));\n}\n.lves-part-carte__icone svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.lves-part-carte h3{margin:0 0 9px;font-size:16px;font-weight:700;color:var(--nuit)}\n.lves-part-carte p{margin:0;font-size:13px;line-height:1.6;color:#6b7280}\n\n.p-violet{--grad:linear-gradient(135deg,#7c3aed,#a855f7)}\n.p-orange{--grad:linear-gradient(135deg,#f97316,#ea7317)}\n.p-rose {--grad:linear-gradient(135deg,#a855f7,#ec4899)}\n\n\/* ==========================================================\n 3. ILS NOUS FONT CONFIANCE\n ========================================================== *\/\n.lves-confiance{\n max-width:1200px;margin:0 auto;\n border-radius:20px;\n background:linear-gradient(120deg,#8b5cf6 0%,#a855f7 30%,#d4708f 65%,#f97316 100%);\n padding:36px 34px 40px;\n}\n.lves-confiance h3{\n margin:0 0 26px;text-align:center;\n font-size:22px;font-weight:700;color:#fff;\n}\n.lves-confiance__grille{\n display:grid;grid-template-columns:repeat(4,1fr);gap:18px;\n}\n.lves-confiance__item{\n background:#fff;border-radius:12px;padding:18px 14px;text-align:center;\n box-shadow:0 4px 14px rgba(60,20,80,.18);\n transition:transform .25s ease;\n}\n.lves-confiance__item:hover{transform:translateY(-3px)}\n.lves-confiance__item strong{\n display:block;font-size:15.5px;font-weight:700;color:var(--nuit);margin-bottom:4px;\n}\n.lves-confiance__item span{font-size:11px;color:#8b93a3}\n\n\/* ==========================================================\n RESPONSIVE\n ========================================================== *\/\n@media(max-width:960px){\n .lves-transfo{grid-template-columns:1fr;gap:30px;padding:34px 26px;border-radius:16px}\n .lves-part-cartes{grid-template-columns:1fr;gap:18px}\n .lves-confiance__grille{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:520px){\n .lves-transfo__grille{gap:10px}\n .lves-confiance{padding:28px 20px 30px}\n .lves-confiance__grille{grid-template-columns:1fr}\n}\n<\/style>\n\n\n<div class=\"lves-wrap\">\n\n <!-- ============ 1. TRANSFORMATION COMMUNAUTAIRE ============ -->\n <section class=\"lves-transfo\">\n <div class=\"lves-transfo__texte\">\n <h2>Transformation Communautaire<\/h2>\n <p>Au-del\u00e0 des chiffres, notre impact se mesure dans les sourires des enfants qui peuvent aller \u00e0 l'\u00e9cole, dans la fiert\u00e9 des jeunes qui trouvent leur premier emploi, et dans l'autonomie des femmes qui cr\u00e9ent leur propre entreprise.<\/p>\n <p>Chaque histoire de succ\u00e8s renforce notre engagement \u00e0 construire une communaut\u00e9 plus inclusive et prosp\u00e8re pour tous.<\/p>\n <\/div>\n\n <div class=\"lves-transfo__grille\">\n <!-- \u26a0\ufe0f REMPLACEZ les 4 URLs par celles de votre m\u00e9diath\u00e8que -->\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_11_photo-1536337005238-94b997371b40.jpg\" alt=\"\u00c9l\u00e8ve en classe soutenu par LVES\" loading=\"lazy\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_12_photo-1548102249-acdce64fffbd.jpg\" alt=\"Jeune gar\u00e7on scolaris\u00e9 gr\u00e2ce au programme LVES\" loading=\"lazy\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/07\/imgi_13_photo-1632932693914-89b90ae3d16d.jpg\" alt=\"Salle de classe \u00e0 Richard Toll\" loading=\"lazy\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_14_photo-1617056239820-8ce90ba48193.jpg\" alt=\"Enfants souriants b\u00e9n\u00e9ficiaires de l'association\" loading=\"lazy\">\n <\/div>\n <\/section>\n\n\n <!-- ============ 2. NOS PARTENAIRES ============ -->\n <section class=\"lves-part-section\">\n\n <div class=\"lves-part-entete\">\n <span class=\"lves-part-entete__badge\">Nos partenaires<\/span>\n <h2>Ensemble, Nous Sommes Plus Forts<\/h2>\n <p>Nos partenaires partagent notre vision d'une soci\u00e9t\u00e9 inclusive et nous accompagnent dans la r\u00e9alisation de nos projets.<\/p>\n <\/div>\n\n <div class=\"lves-part-cartes\">\n\n <article class=\"lves-part-carte p-violet\">\n <div class=\"lves-part-carte__icone\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3.6 9h16.8M3.6 15h16.8\"\/><path d=\"M12 3a15 15 0 0 1 0 18a15 15 0 0 1 0-18z\"\/><\/svg>\n <\/div>\n <h3>ONG Internationales<\/h3>\n <p>Partenariats strat\u00e9giques avec des organisations internationales de renom<\/p>\n <\/article>\n\n <article class=\"lves-part-carte p-orange\">\n <div class=\"lves-part-carte__icone\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 21s-7-4.6-7-9.5A4 4 0 0 1 12 8a4 4 0 0 1 7 3.5C19 16.4 12 21 12 21z\"\/><path d=\"M9.5 12.5 12 15l4-4\"\/><\/svg>\n <\/div>\n <h3>Institutions Localit\u00e9s<\/h3>\n <p>Collaboration avec les autorit\u00e9s et institutions locales de Richard Toll<\/p>\n <\/article>\n\n <article class=\"lves-part-carte p-rose\">\n <div class=\"lves-part-carte__icone\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M8 7h3M8 11h3M8 15h3M14 7h2M14 11h2M14 15h2\"\/><\/svg>\n <\/div>\n <h3>Secteur Priv\u00e9<\/h3>\n <p>Partenariats avec des entreprises engag\u00e9es dans la responsabilit\u00e9 sociale<\/p>\n <\/article>\n\n <\/div>\n\n <!-- ============ 3. ILS NOUS FONT CONFIANCE ============ -->\n <div class=\"lves-confiance\">\n <h3>Ils Nous Font Confiance<\/h3>\n\n <div class=\"lves-confiance__grille\">\n <div class=\"lves-confiance__item\"><strong>UNICEF<\/strong><span>ONG Internationale<\/span><\/div>\n <div class=\"lves-confiance__item\"><strong>UNESCO<\/strong><span>Organisation Internationale<\/span><\/div>\n <div class=\"lves-confiance__item\"><strong>Vision du monde<\/strong><span>ONG Internationale<\/span><\/div>\n <div class=\"lves-confiance__item\"><strong>Sauver les enfants<\/strong><span>ONG Internationale<\/span><\/div>\n <div class=\"lves-confiance__item\"><strong>USAID<\/strong><span>Agence de D\u00e9veloppement<\/span><\/div>\n <div class=\"lves-confiance__item\"><strong>Banque Mondiale<\/strong><span>Institution Financi\u00e8re<\/span><\/div>\n <div class=\"lves-confiance__item\"><strong>AFD<\/strong><span>Agence Fran\u00e7aise<\/span><\/div>\n <div class=\"lves-confiance__item\"><strong>GIZ<\/strong><span>Coop\u00e9ration allemande<\/span><\/div>\n <\/div>\n <\/div>\n\n <\/section>\n\n<\/div>\n<!-- ================= FIN DU CODE ================= -->\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cdfec69 e-con e-atomic-element e-flexbox-base e-315209a \" data-id=\"cdfec69\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cdfec69\">\n \t\t<div class=\"elementor-element elementor-element-c6c6c22 elementor-widget elementor-widget-html\" data-id=\"c6c6c22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Devenez Notre Partenaire & Galerie M\u00e9dia \u2014 LVES<\/title>\n<style>body{margin:0;background:#fff;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif}<\/style>\n<\/head>\n<body>\n\n<!-- ================= D\u00c9BUT DU CODE \u00c0 COLLER DANS WORDPRESS ================= -->\n<style>\n.lves-wrap2{\n --violet:#7c3aed;\n --violet-clair:#a855f7;\n --orange:#ea7317;\n --nuit:#131029;\n --gris:#5f6779;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n}\n.lves-wrap2 *{box-sizing:border-box}\n\n\/* ==========================================================\n 1. CTA \u2014 DEVENEZ NOTRE PARTENAIRE\n ========================================================== *\/\n.lves-cta{\n max-width:1200px;margin:0 auto;\n border-radius:20px;\n background:linear-gradient(120deg,#f3e9ff 0%,#f8eefb 45%,#fdeee4 100%);\n padding:46px 40px 50px;\n text-align:center;\n}\n.lves-cta h2{\n margin:0 0 14px;font-size:clamp(21px,3vw,27px);font-weight:700;\n line-height:1.3;color:var(--nuit);\n}\n.lves-cta p{\n margin:0 auto 26px;max-width:600px;\n font-size:14.5px;line-height:1.7;color:#4b5263;\n}\n\n\/* le bouton d\u00e9grad\u00e9 *\/\n.lves-cta__btn{\n display:inline-block;\n background:linear-gradient(90deg,#7c3aed 0%,#a855f7 45%,#f97316 100%);\n color:#fff;text-decoration:none;\n font-size:14.5px;font-weight:600;\n padding:13px 32px;\n border-radius:999px;\n box-shadow:0 8px 22px rgba(124,58,237,.32);\n transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\n}\n.lves-cta__btn:hover{\n transform:translateY(-2px);\n box-shadow:0 12px 28px rgba(124,58,237,.42);\n filter:brightness(1.06);\n color:#fff;\n}\n\n\/* ==========================================================\n 2. EN-T\u00caTE \u2014 NOS ACTIONS EN IMAGES\n ========================================================== *\/\n.lves-galerie-entete{\n text-align:center;max-width:820px;margin:0 auto;\n padding:80px 20px 34px;\n}\n.lves-galerie-entete__badge{\n display:inline-block;background:#f0e9ff;color:var(--violet);\n font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;\n padding:7px 16px;border-radius:999px;margin-bottom:20px;\n}\n.lves-galerie-entete h2{\n margin:0 0 14px;font-size:clamp(26px,4vw,38px);font-weight:800;\n letter-spacing:-.02em;line-height:1.2;color:var(--nuit);\n}\n.lves-galerie-entete p{\n margin:0 auto;max-width:600px;font-size:14.5px;line-height:1.65;color:var(--gris);\n}\n\n\/* ==========================================================\n 3. LA GALERIE (bonus \u2014 grille de photos)\n ========================================================== *\/\n.lves-galerie{\n max-width:1200px;margin:0 auto;padding:0 20px 70px;\n display:grid;grid-template-columns:repeat(4,1fr);gap:16px;\n}\n.lves-galerie a{\n display:block;border-radius:12px;overflow:hidden;line-height:0;\n box-shadow:0 4px 16px rgba(16,24,40,.09);\n position:relative;\n}\n.lves-galerie img{\n width:100%;height:100%;display:block;\n aspect-ratio:4\/3;object-fit:cover;\n transition:transform .45s ease;\n}\n.lves-galerie a:hover img{transform:scale(1.07)}\n.lves-galerie a::after{\n content:\"\";position:absolute;inset:0;\n background:linear-gradient(135deg,rgba(124,58,237,.55),rgba(249,115,22,.45));\n opacity:0;transition:opacity .35s ease;\n}\n.lves-galerie a:hover::after{opacity:1}\n\n\/* ==========================================================\n RESPONSIVE\n ========================================================== *\/\n@media(max-width:960px){\n .lves-galerie{grid-template-columns:repeat(3,1fr)}\n}\n@media(max-width:680px){\n .lves-cta{padding:34px 22px 38px;border-radius:14px}\n .lves-galerie-entete{padding:56px 18px 26px}\n .lves-galerie{grid-template-columns:repeat(2,1fr);gap:12px}\n}\n<\/style>\n\n\n<div class=\"lves-wrap2\">\n\n <!-- ============ 1. DEVENEZ NOTRE PARTENAIRE ============ -->\n <section class=\"lves-cta\">\n <h2>Devenez Notre Partenaire<\/h2>\n <p>Ensemble, construisons un avenir meilleur pour la communaut\u00e9 de Richard Toll. Rejoignez-nous dans notre mission contre l'exclusion sociale.<\/p>\n <!-- \u26a0\ufe0f Remplacez \/contact par l'URL de votre page contact -->\n <a class=\"lves-cta__btn\" href=\"\/contact\">Contactez-nous<\/a>\n <\/section>\n\n\n <!-- ============ 2. GALERIE M\u00c9DIA \u2014 EN-T\u00caTE ============ -->\n <div class=\"lves-galerie-entete\">\n <span class=\"lves-galerie-entete__badge\">Galerie m\u00e9dia<\/span>\n <h2>Nos Actions en Images<\/h2>\n <p>D\u00e9couvrez nos activit\u00e9s sur le terrain et l'impact de nos programmes<\/p>\n <\/div>\n\n\n <!-- ============ 3. LA GALERIE (bonus, supprimez si inutile) ============ -->\n <div class=\"lves-galerie\">\n <!-- \u26a0\ufe0f Remplacez les URLs par vos photos -->\n <a href=\"https:\/\/VOTRE-SITE.com\/wp-content\/uploads\/g1.jpg\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_16_photo-1632215861513-130b66fe97f4.jpg\" alt=\"Distribution de fournitures scolaires\" loading=\"lazy\"><\/a>\n <a href=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_16_photo-1632215861513-130b66fe97f4.jpg\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_17_photo-1655720357872-ce227e4164ba.jpg\" alt=\"Atelier de formation professionnelle\" loading=\"lazy\"><\/a>\n <a href=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/07\/imgi_15_photo-1509099836639-18ba1795216d.jpg\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_18_photo-1584365098838-50ccef838f4a.jpg\" alt=\"S\u00e9ance d'accompagnement des femmes\" loading=\"lazy\"><\/a>\n <a href=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/07\/imgi_15_photo-1509099836639-18ba1795216d.jpg\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/07\/imgi_15_photo-1509099836639-18ba1795216d.jpg\" alt=\"Journ\u00e9e de sensibilisation communautaire\" loading=\"lazy\"><\/a>\n <a href=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/07\/imgi_15_photo-1509099836639-18ba1795216d.jpg\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_23_photo-1543689604-6fe8dbcd1f59-1.jpg\" alt=\"Remise de microcr\u00e9dits aux jeunes entrepreneurs\" loading=\"lazy\"><\/a>\n <a href=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/07\/imgi_15_photo-1509099836639-18ba1795216d.jpg\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_21_photo-1687422809654-579d81c29d32-1.jpg\" alt=\"Activit\u00e9 sportive et culturelle\" loading=\"lazy\"><\/a>\n <a href=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/07\/imgi_15_photo-1509099836639-18ba1795216d.jpg\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_20_photo-1694286068561-3233c946e9be.jpg\" alt=\"Cours d'alphab\u00e9tisation pour adultes\" loading=\"lazy\"><\/a>\n <a href=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/07\/imgi_15_photo-1509099836639-18ba1795216d.jpg\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_19_photo-1567057419565-4349c49d8a04.jpg\" alt=\"\u00c9quipe LVES sur le terrain \u00e0 Richard Toll\" loading=\"lazy\"><\/a>\n <\/div>\n\n<\/div>\n<!-- ================= FIN DU CODE ================= -->\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-be63c16 e-con e-atomic-element e-flexbox-base e-77437bf \" data-id=\"be63c16\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"be63c16\">\n \t\t<div class=\"elementor-element elementor-element-a5264a9 elementor-widget elementor-widget-html\" data-id=\"a5264a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Actualit\u00e9s et Don - Association LVES<\/title>\n <style>\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n padding: 40px 20px;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n background-color: #faf5ff;\n color: #1f2937;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n \/* SECTION ACTUALIT\u00c9S *\/\n .news-section {\n text-align: center;\n margin-bottom: 100px;\n }\n\n .badge-orange {\n display: inline-block;\n background-color: #ffedd5;\n color: #ea580c;\n font-size: 0.8rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 6px 16px;\n border-radius: 50px;\n margin-bottom: 16px;\n }\n\n .badge-purple {\n display: inline-block;\n background-color: #f3e8ff;\n color: #7c3aed;\n font-size: 0.8rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 6px 16px;\n border-radius: 50px;\n margin-bottom: 16px;\n }\n\n .news-section h2, .donation-section h2 {\n font-size: 2.25rem;\n font-weight: 800;\n color: #1f2937;\n margin: 0 0 12px 0;\n }\n\n .news-section .subtitle, .donation-section .subtitle {\n font-size: 1rem;\n color: #4b5563;\n margin-bottom: 50px;\n }\n\n .news-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n text-align: left;\n margin-bottom: 40px;\n }\n\n @media (max-width: 900px) {\n .news-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .news-card {\n background-color: #ffffff;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: transform 0.3s ease;\n }\n\n .news-card:hover {\n transform: translateY(-4px);\n }\n\n .news-image-wrapper {\n position: relative;\n width: 100%;\n height: 220px;\n overflow: hidden;\n background-color: #f3f4f6;\n }\n\n .news-image-wrapper img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .card-tag {\n position: absolute;\n top: 16px;\n left: 16px;\n padding: 5px 14px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 700;\n color: #ffffff;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n }\n\n .tag-purple { background-color: #7c3aed; }\n .tag-orange { background-color: #ea580c; }\n\n .news-content {\n padding: 24px;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n }\n\n .news-date {\n font-size: 0.85rem;\n color: #6b7280;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n gap: 6px;\n }\n\n .news-title {\n font-size: 1.1rem;\n font-weight: 700;\n color: #1f2937;\n margin: 0 0 12px 0;\n line-height: 1.4;\n }\n\n .news-excerpt {\n font-size: 0.9rem;\n color: #4b5563;\n line-height: 1.6;\n margin-bottom: 20px;\n flex-grow: 1;\n }\n\n .news-link {\n font-size: 0.9rem;\n font-weight: 700;\n color: #7c3aed;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n transition: opacity 0.2s ease;\n }\n\n .news-link:hover {\n opacity: 0.8;\n }\n\n .btn-outline-purple {\n display: inline-block;\n background-color: transparent;\n color: #7c3aed;\n border: 2px solid #7c3aed;\n font-weight: 700;\n font-size: 0.95rem;\n padding: 12px 28px;\n border-radius: 50px;\n text-decoration: none;\n transition: all 0.2s ease;\n }\n\n .btn-outline-purple:hover {\n background-color: #7c3aed;\n color: #ffffff;\n }\n\n \/* SECTION DONATION *\/\n .donation-section {\n text-align: center;\n padding: 20px 0;\n }\n\n .donation-section .subtitle {\n max-width: 600px;\n margin: 0 auto;\n line-name: 1.6;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n\n <!-- SECTION ACTUALIT\u00c9S -->\n <div class=\"news-section\">\n <div class=\"badge-orange\">Actualit\u00e9s<\/div>\n <h2>Derni\u00e8res Nouvelles de l'Association<\/h2>\n <div class=\"subtitle\">Restez inform\u00e9s de nos activit\u00e9s, \u00e9v\u00e9nements et r\u00e9alisations<\/div>\n\n <div class=\"news-grid\">\n <!-- Carte 1 -->\n <div class=\"news-card\">\n <div class=\"news-image-wrapper\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_3_photo-1655720348590-c739c860beed.jpg\" alt=\"Formation en informatique\">\n <span class=\"card-tag tag-purple\">Formation<\/span>\n <\/div>\n <div class=\"news-content\">\n <div class=\"news-date\">\ud83d\udcc5 15 mai 2026<\/div>\n <h3 class=\"news-title\">Lancement du nouveau programme de formation en informatique<\/h3>\n <p class=\"news-excerpt\">Nous sommes ravis d'annoncer le lancement de notre programme de formation en informatique et comp\u00e9tences num\u00e9riques pour 100 jeunes de Richard Toll.<\/p>\n <a href=\"#\" class=\"news-link\">Lire la suite →<\/a>\n <\/div>\n <\/div>\n\n <!-- Carte 2 -->\n <div class=\"news-card\">\n <div class=\"news-image-wrapper\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_4_photo-1563132337-f159f484226c.jpg\" alt=\"Entrepreneuriat f\u00e9minin\">\n <span class=\"card-tag tag-orange\">Entrepreneuriat<\/span>\n <\/div>\n <div class=\"news-content\">\n <div class=\"news-date\">\ud83d\udcc5 10 mai 2026<\/div>\n <h3 class=\"news-title\">Succ\u00e8s du programme d'entrepreneuriat f\u00e9minin<\/h3>\n <p class=\"news-excerpt\">50 femmes ont re\u00e7u leur certification et ont lanc\u00e9 leurs micro-entreprises gr\u00e2ce \u00e0 notre programme d'accompagnement entrepreneurial.<\/p>\n <a href=\"#\" class=\"news-link\">Lire la suite →<\/a>\n <\/div>\n <\/div>\n\n <!-- Carte 3 -->\n <div class=\"news-card\">\n <div class=\"news-image-wrapper\">\n <img decoding=\"async\" src=\"http:\/\/associationlves.sn\/wp-content\/uploads\/2026\/08\/imgi_2_photo-1543689604-6fe8dbcd1f59.jpg\" alt=\"Fournitures scolaires\">\n <span class=\"card-tag tag-purple\">\u00c9ducation<\/span>\n <\/div>\n <div class=\"news-content\">\n <div class=\"news-date\">\ud83d\udcc5 5 mai 2026<\/div>\n <h3 class=\"news-title\">Distribution de fournitures scolaires \u00e0 500 \u00e9l\u00e8ves<\/h3>\n <p class=\"news-excerpt\">Dans le cadre de notre programme \u00e9ducation, nous avons distribu\u00e9 des kits scolaires complets \u00e0 500 \u00e9l\u00e8ves de Richard Toll pour la rentr\u00e9e.<\/p>\n <a href=\"#\" class=\"news-link\">Lire la suite →<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <a href=\"#\" class=\"btn-outline-purple\">Voir toutes les actualit\u00e9s<\/a>\n <\/div>\n\n <!-- SECTION DONATION -->\n <div class=\"donation-section\">\n <div class=\"badge-purple\">Faire un don<\/div>\n <h2>Votre G\u00e9n\u00e9rosit\u00e9 Change des Vies<\/h2>\n <div class=\"subtitle\">Chaque contribution, quelle que soit sa taille, a un impact r\u00e9el sur notre communaut\u00e9. Ensemble, b\u00e2tissons un avenir sans exclusion.<\/div>\n <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-02e421f e-con e-atomic-element e-flexbox-base e-51c45ff \" data-id=\"02e421f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"02e421f\">\n \t\t<div class=\"elementor-element elementor-element-4f7acac elementor-widget elementor-widget-html\" data-id=\"4f7acac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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 Dons et Engagement - Association LVES<\/title>\n <style>\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n padding: 40px 20px;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n background-color: #faf5ff;\n color: #1f2937;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n \/* 1. SECTION DONATION AVEC FOND D\u00c9GRAD\u00c9 *\/\n .donation-banner {\n position: relative;\n background: linear-gradient(135deg, rgba(122, 60, 225, 0.95) 0%, rgba(140, 50, 200, 0.85) 50%, rgba(225, 138, 48, 0.9) 100%);\n border-radius: 24px;\n padding: 50px 40px;\n text-align: center;\n color: #ffffff;\n margin-bottom: 40px;\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n }\n\n .donation-banner h2 {\n font-size: 2.25rem;\n font-weight: 800;\n margin: 0 0 10px 0;\n color: #ffffff;\n }\n\n .donation-banner .subtitle {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 40px;\n }\n\n .amounts-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin-bottom: 40px;\n }\n\n @media (max-width: 1024px) {\n .amounts-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 600px) {\n .amounts-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .amount-card {\n background-color: #ffffff;\n border-radius: 16px;\n padding: 28px 20px;\n color: #1f2937;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n cursor: pointer;\n transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;\n border: 2px solid transparent;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .amount-card:hover, .amount-card.active {\n transform: translateY(-4px);\n border-color: #7c3aed;\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);\n }\n\n .card-icon {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, #f3e8ff 0%, #fae8ff 100%);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n margin-bottom: 16px;\n color: #7c3aed;\n }\n\n .amount-value {\n font-size: 1.8rem;\n font-weight: 800;\n color: #1f2937;\n margin-bottom: 6px;\n }\n\n .amount-desc {\n font-size: 0.85rem;\n color: #4b5563;\n line-height: 1.4;\n }\n\n .btn-main-donate {\n background-color: #ffffff;\n color: #7c3aed;\n font-weight: 700;\n font-size: 0.95rem;\n padding: 14px 32px;\n border-radius: 50px;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);\n transition: transform 0.2s ease, background-color 0.2s ease;\n }\n\n .btn-main-donate:hover {\n transform: translateY(-2px);\n background-color: #f3f4f6;\n }\n\n\n \/* 2. SECTION 3 CARTES (PONCTUEL, MENSUEL, PARRAINAGE) *\/\n .types-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-bottom: 40px;\n }\n\n @media (max-width: 900px) {\n .types-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .type-card {\n background-color: #ffffff;\n border-radius: 16px;\n padding: 36px 24px;\n text-align: center;\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.3s ease;\n }\n\n .type-card:hover {\n transform: translateY(-4px);\n }\n\n .type-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #7c3aed 0%, #ea580c 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #ffffff;\n font-size: 1.3rem;\n margin-bottom: 20px;\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.25);\n }\n\n .type-title {\n font-size: 1.25rem;\n font-weight: 800;\n color: #1f2937;\n margin: 0 0 10px 0;\n }\n\n .type-desc {\n font-size: 0.9rem;\n color: #4b5563;\n line-height: 1.5;\n margin-bottom: 24px;\n }\n\n .btn-purple {\n background-color: #7c3aed;\n color: #ffffff;\n font-weight: 700;\n font-size: 0.9rem;\n padding: 10px 24px;\n border-radius: 50px;\n text-decoration: none;\n transition: background-color 0.2s ease, transform 0.2s ease;\n }\n\n .btn-purple:hover {\n background-color: #6d28d9;\n transform: translateY(-2px);\n }\n\n .btn-orange {\n background-color: #ea580c;\n color: #ffffff;\n font-weight: 700;\n font-size: 0.9rem;\n padding: 10px 24px;\n border-radius: 50px;\n text-decoration: none;\n transition: background-color 0.2s ease, transform 0.2s ease;\n }\n\n .btn-orange:hover {\n background-color: #c2410c;\n transform: translateY(-2px);\n }\n\n\n \/* 3. SECTION ENGAGEMENT AUTREMENT *\/\n .engagement-banner {\n background: linear-gradient(135deg, #fef3c7 0%, #ffedd5 50%, #f3e8ff 100%);\n border-radius: 20px;\n padding: 40px 30px;\n text-align: center;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\n border: 1px solid #fed7aa;\n }\n\n .engagement-banner h3 {\n font-size: 1.5rem;\n font-weight: 800;\n color: #1f2937;\n margin: 0 0 10px 0;\n }\n\n .engagement-banner p {\n font-size: 0.95rem;\n color: #4b5563;\n max-width: 650px;\n margin: 0 auto 24px auto;\n line-height: 1.6;\n }\n\n .engagement-buttons {\n display: flex;\n justify-content: center;\n gap: 16px;\n flex-wrap: wrap;\n }\n\n .btn-orange-outline {\n background-color: #ea580c;\n color: #ffffff;\n font-weight: 700;\n font-size: 0.9rem;\n padding: 12px 28px;\n border-radius: 50px;\n text-decoration: none;\n transition: transform 0.2s ease, background-color 0.2s ease;\n box-shadow: 0 4px 12px rgba(234, 88, 12, 0.25);\n }\n\n .btn-orange-outline:hover {\n transform: translateY(-2px);\n background-color: #c2410c;\n }\n\n .btn-purple-outline {\n background-color: transparent;\n color: #7c3aed;\n border: 2px solid #7c3aed;\n font-weight: 700;\n font-size: 0.9rem;\n padding: 10px 26px;\n border-radius: 50px;\n text-decoration: none;\n transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;\n }\n\n .btn-purple-outline:hover {\n transform: translateY(-2px);\n background-color: #7c3aed;\n color: #ffffff;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n\n <!-- 1. SECTION CHOISIR LE MONTANT -->\n <div class=\"donation-banner\">\n <h2>Choisissez le Montant de Votre Don<\/h2>\n <div class=\"subtitle\">S\u00e9lectionnez un montant ou personnalisez votre contribution<\/div>\n\n <div class=\"amounts-grid\">\n <!-- Carte 25\u20ac -->\n <div class=\"amount-card\">\n <div class=\"card-icon\">\ud83c\udf81<\/div>\n <div class=\"amount-value\">...<\/div>\n <div class=\"amount-desc\">Fournitures scolaires pour un enfant<\/div>\n <\/div>\n\n <!-- Carte 50\u20ac -->\n <div class=\"amount-card active\">\n <div class=\"card-icon\">\ud83d\udc65<\/div>\n <div class=\"amount-value\">...<\/div>\n <div class=\"amount-desc\">Formation professionnelle pour un jeune<\/div>\n <\/div>\n\n <!-- Carte 100\u20ac -->\n <div class=\"amount-card\">\n <div class=\"card-icon\">\u2728<\/div>\n <div class=\"amount-value\">...<\/div>\n <div class=\"amount-desc\">Microcr\u00e9dit pour une femme entrepreneur<\/div>\n <\/div>\n\n <!-- Carte Personnalis\u00e9 -->\n <div class=\"amount-card\">\n <div class=\"card-icon\">\u2764\ufe0f<\/div>\n <div class=\"amount-value\" style=\"font-size: 1.5rem; margin-top: 5px;\">...<\/div>\n <div class=\"amount-desc\">Choisissez le montant de votre don<\/div>\n <\/div>\n <\/div>\n\n <a href=\"#\" class=\"btn-main-donate\">\n <span>\u2764\ufe0f<\/span> Faire un don maintenant\n <\/a>\n <\/div>\n\n\n <!-- 2. SECTION 3 FORMES DE DON -->\n <div class=\"types-grid\">\n <!-- Don Ponctuel -->\n <div class=\"type-card\">\n <div>\n <div class=\"type-icon\">\u2764\ufe0f<\/div>\n <h3 class=\"type-title\">Don Ponctuel<\/h3>\n <p class=\"type-desc\">Faites un don unique pour soutenir nos actions<\/p>\n <\/div>\n <a href=\"#\" class=\"btn-purple\">En savoir plus<\/a>\n <\/div>\n\n <!-- Don Mensuel -->\n <div class=\"type-card\">\n <div>\n <div class=\"type-icon\">\ud83e\udde1<\/div>\n <h3 class=\"type-title\">Don Mensuel<\/h3>\n <p class=\"type-desc\">Devenez donateur r\u00e9gulier et cr\u00e9ez un impact durable<\/p>\n <\/div>\n <a href=\"#\" class=\"btn-orange\">En savoir plus<\/a>\n <\/div>\n\n <!-- Parrainage -->\n <div class=\"type-card\">\n <div>\n <div class=\"type-icon\">\ud83d\udc9c<\/div>\n <h3 class=\"type-title\">Parrainage<\/h3>\n <p class=\"type-desc\">Parrainez un enfant ou un projet sp\u00e9cifique<\/p>\n <\/div>\n <a href=\"#\" class=\"btn-purple\">En savoir plus<\/a>\n <\/div>\n <\/div>\n\n\n <!-- 3. SECTION ENGAGEMENT AUTREMENT -->\n <div class=\"engagement-banner\">\n <h3>Vous Souhaitez Vous Engager Autrement ?<\/h3>\n <p>Rejoignez notre \u00e9quipe de b\u00e9n\u00e9voles, partagez vos comp\u00e9tences, ou devenez partenaire de nos programmes.<\/p>\n <div class=\"engagement-buttons\">\n <a href=\"#\" class=\"btn-orange-outline\">Devenir b\u00e9n\u00e9vole<\/a>\n <a href=\"#\" class=\"btn-purple-outline\">Devenir partenaire<\/a>\n <\/div>\n <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3da77ca e-con e-atomic-element e-flexbox-base e-32abd83 \" data-id=\"3da77ca\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3da77ca\">\n \t\t<div class=\"elementor-element elementor-element-6076026 elementor-widget elementor-widget-html\" data-id=\"6076026\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Contactez-nous \u2014 LVES<\/title>\n<style>body{margin:0;background:#f8f9fc;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif}<\/style>\n<\/head>\n<body>\n\n<!-- ================= D\u00c9BUT DU CODE \u00c0 COLLER DANS WORDPRESS ================= -->\n<style>\n.lves-contact{\n --violet:#7c3aed;\n --violet-clair:#a855f7;\n --orange:#f97316;\n --nuit:#131029;\n --gris:#5f6779;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n background:#f8f9fc;\n padding:56px 20px 70px;\n}\n.lves-contact *{box-sizing:border-box}\n\n\/* ---------- en-t\u00eate ---------- *\/\n.lves-contact__entete{text-align:center;max-width:760px;margin:0 auto 34px}\n.lves-contact__badge{\n display:inline-block;background:#ffedd9;color:#ea7317;\n font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;\n padding:7px 16px;border-radius:999px;margin-bottom:16px;\n}\n.lves-contact__entete h2{\n margin:0 0 14px;font-size:clamp(26px,4vw,36px);font-weight:800;\n letter-spacing:-.02em;line-height:1.2;color:var(--nuit);\n}\n.lves-contact__entete p{\n margin:0 auto;max-width:560px;font-size:14.5px;line-height:1.65;color:var(--gris);\n}\n\n\/* ---------- 3 cartes infos ---------- *\/\n.lves-infos{\n max-width:1200px;margin:0 auto 30px;\n display:grid;grid-template-columns:repeat(3,1fr);gap:22px;\n}\n.lves-info{\n background:#fff;border-radius:14px;padding:24px 20px 26px;text-align:center;\n box-shadow:0 3px 16px rgba(16,24,40,.07);\n transition:transform .25s ease,box-shadow .25s ease;\n}\n.lves-info:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(16,24,40,.12)}\n.lves-info__icone{\n width:44px;height:44px;border-radius:12px;margin:0 auto 14px;\n display:flex;align-items:center;justify-content:center;\n background:var(--grad,linear-gradient(135deg,#7c3aed,#a855f7));\n}\n.lves-info__icone svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.lves-info h3{margin:0 0 10px;font-size:15.5px;font-weight:700;color:var(--nuit)}\n.lves-info p,.lves-info a{\n margin:0;font-size:12.5px;line-height:1.6;color:#6b7280;\n text-decoration:none;word-break:break-word;\n}\n.lves-info a:hover{color:var(--violet);text-decoration:underline}\n.i-violet{--grad:linear-gradient(135deg,#7c3aed,#a855f7)}\n.i-orange{--grad:linear-gradient(135deg,#f97316,#ea7317)}\n.i-rose {--grad:linear-gradient(135deg,#a855f7,#ec4899)}\n\n\/* ---------- zone basse : formulaire + colonne droite ---------- *\/\n.lves-bas{\n max-width:1200px;margin:0 auto;\n display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;\n}\n\n\/* --- formulaire --- *\/\n.lves-form{\n background:#fff;border-radius:14px;padding:28px 26px 30px;\n box-shadow:0 3px 16px rgba(16,24,40,.07);\n}\n.lves-form h3{margin:0 0 20px;font-size:19px;font-weight:700;color:var(--nuit)}\n.lves-champ{margin-bottom:16px}\n.lves-champ label{\n display:block;font-size:12.5px;font-weight:600;color:#3f4657;margin-bottom:6px;\n}\n.lves-champ input,\n.lves-champ textarea{\n width:100%;\n border:1px solid #e3e6ee;border-radius:9px;\n padding:11px 13px;\n font-size:13.5px;font-family:inherit;color:var(--nuit);\n background:#fff;\n transition:border-color .2s ease, box-shadow .2s ease;\n}\n.lves-champ input::placeholder,\n.lves-champ textarea::placeholder{color:#a8aebc}\n.lves-champ input:focus,\n.lves-champ textarea:focus{\n outline:none;border-color:var(--violet);\n box-shadow:0 0 0 3px rgba(124,58,237,.13);\n}\n.lves-champ textarea{min-height:120px;resize:vertical}\n\n.lves-form__btn{\n width:100%;border:none;cursor:pointer;\n background:linear-gradient(90deg,#7c3aed 0%,#a855f7 45%,#f97316 100%);\n color:#fff;font-size:14px;font-weight:600;font-family:inherit;\n padding:13px 20px;border-radius:9px;\n display:flex;align-items:center;justify-content:center;gap:9px;\n box-shadow:0 8px 20px rgba(124,58,237,.28);\n transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;\n}\n.lves-form__btn:hover{transform:translateY(-2px);filter:brightness(1.06);\n box-shadow:0 12px 26px rgba(124,58,237,.36)}\n.lves-form__btn svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n\n\/* --- colonne droite --- *\/\n.lves-droite{display:flex;flex-direction:column;gap:26px}\n\n\/* carte localisation *\/\n.lves-loc{\n background:#fff;border-radius:14px;padding:24px 24px 26px;\n box-shadow:0 3px 16px rgba(16,24,40,.07);\n}\n.lves-loc h3{margin:0 0 18px;font-size:18px;font-weight:700;color:var(--nuit)}\n.lves-loc__zone{\n border-radius:12px;\n background:linear-gradient(135deg,#f3e9ff 0%,#f9eefb 50%,#fdeee4 100%);\n min-height:190px;\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n text-align:center;padding:26px 20px;\n}\n.lves-loc__zone svg{width:34px;height:34px;fill:none;stroke:var(--violet);stroke-width:2;\n stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}\n.lves-loc__zone p{margin:0;font-size:12.5px;line-height:1.7;color:#3f4657;font-weight:500}\n\/* si vous mettez une vraie carte Google Maps *\/\n.lves-loc__zone iframe{width:100%;height:190px;border:0;border-radius:12px;display:block}\n\n\/* carte r\u00e9seaux sociaux *\/\n.lves-social{\n border-radius:14px;padding:24px 24px 26px;\n background:linear-gradient(120deg,#8b5cf6 0%,#a855f7 35%,#d4708f 70%,#f97316 100%);\n box-shadow:0 6px 22px rgba(90,40,140,.22);\n}\n.lves-social h3{margin:0 0 10px;font-size:18px;font-weight:700;color:#fff}\n.lves-social p{margin:0 0 18px;font-size:12.5px;line-height:1.65;color:rgba(255,255,255,.93)}\n.lves-social__liens{display:flex;gap:11px}\n.lves-social__liens a{\n width:36px;height:36px;border-radius:50%;\n background:rgba(255,255,255,.22);\n display:flex;align-items:center;justify-content:center;\n transition:background .25s ease, transform .25s ease;\n}\n.lves-social__liens a:hover{background:rgba(255,255,255,.38);transform:translateY(-2px)}\n.lves-social__liens svg{width:17px;height:17px;fill:#fff}\n\n\/* ---------- responsive ---------- *\/\n@media(max-width:960px){\n .lves-infos{grid-template-columns:1fr;gap:16px}\n .lves-bas{grid-template-columns:1fr;gap:20px}\n}\n@media(max-width:560px){\n .lves-contact{padding:40px 16px 50px}\n .lves-form{padding:22px 18px 24px}\n}\n<\/style>\n\n\n<section class=\"lves-contact\">\n\n <!-- ============ EN-T\u00caTE ============ -->\n <div class=\"lves-contact__entete\">\n <span class=\"lves-contact__badge\">Contact<\/span>\n <h2>Contactez-nous<\/h2>\n <p>Une question, un projet de partenariat ou envie de nous rejoindre ? N'h\u00e9sitez pas \u00e0 nous contacter !<\/p>\n <\/div>\n\n <!-- ============ 3 CARTES INFOS ============ -->\n <div class=\"lves-infos\">\n\n <article class=\"lves-info i-violet\">\n <div class=\"lves-info__icone\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n <\/div>\n <h3>Adresse<\/h3>\n <p>CENTRE XICS SOLIDAIRE QUARTIER KHOUMA GALLO MALICK<br>Richard Toll - S\u00e9n\u00e9gal<\/p>\n <\/article>\n\n <article class=\"lves-info i-orange\">\n <div class=\"lves-info__icone\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .3 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.4 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\"\/><\/svg>\n <\/div>\n <h3>T\u00e9l\u00e9phone<\/h3>\n <a href=\"tel:+221339633327\">+221 33 963 33 27<\/a>\n <\/article>\n\n <article class=\"lves-info i-rose\">\n <div class=\"lves-info__icone\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m2 7 10 6 10-6\"\/><\/svg>\n <\/div>\n <h3>E-mail<\/h3>\n <a href=\"mailto:tyba1995@gmail.com\">tyba1995@gmail.com<\/a>\n <\/article>\n\n <\/div>\n\n <!-- ============ FORMULAIRE + COLONNE DROITE ============ -->\n <div class=\"lves-bas\">\n\n <!-- --- FORMULAIRE --- -->\n <div class=\"lves-form\">\n <h3>Envoyez-nous un message<\/h3>\n\n <!-- \u26a0\ufe0f Voir les explications : ce formulaire est visuel.\n Pour recevoir les messages, utilisez un shortcode (voir plus bas). -->\n <form action=\"#\" method=\"post\">\n\n <div class=\"lves-champ\">\n <label for=\"lves-nom\">Nom complet *<\/label>\n <input type=\"text\" id=\"lves-nom\" name=\"nom\" placeholder=\"Votre nom\" required>\n <\/div>\n\n <div class=\"lves-champ\">\n <label for=\"lves-email\">E-mail *<\/label>\n <input type=\"email\" id=\"lves-email\" name=\"email\" placeholder=\"votre@email.com\" required>\n <\/div>\n\n <div class=\"lves-champ\">\n <label for=\"lves-sujet\">Sujet *<\/label>\n <input type=\"text\" id=\"lves-sujet\" name=\"sujet\" placeholder=\"Objet de votre message\" required>\n <\/div>\n\n <div class=\"lves-champ\">\n <label for=\"lves-message\">Message *<\/label>\n <textarea id=\"lves-message\" name=\"message\" placeholder=\"Votre message...\" required><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"lves-form__btn\">\n <svg viewBox=\"0 0 24 24\"><path d=\"m22 2-7 20-4-9-9-4 20-7z\"\/><\/svg>\n Envoyer le message\n <\/button>\n\n <\/form>\n <\/div>\n\n <!-- --- COLONNE DROITE --- -->\n <div class=\"lves-droite\">\n\n <div class=\"lves-loc\">\n <h3>Notre localisation<\/h3>\n <div class=\"lves-loc__zone\">\n <!-- Version d\u00e9corative (par d\u00e9faut) -->\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n <p>CENTRE XICS SOLIDAIRE<br>QUARTIER KHOUMA GALLO MALICK<br>Richard Toll - S\u00e9n\u00e9gal<\/p>\n\n <!-- \ud83d\udc49 Pour une VRAIE carte, supprimez le svg + p ci-dessus\n et d\u00e9commentez la ligne suivante :\n <iframe src=\"https:\/\/www.google.com\/maps?q=Richard+Toll+Senegal&output=embed\" loading=\"lazy\" allowfullscreen><\/iframe>\n -->\n <\/div>\n <\/div>\n\n <div class=\"lves-social\">\n <h3>Suivez-nous<\/h3>\n <p>Rejoignez notre communaut\u00e9 sur les r\u00e9seaux sociaux pour suivre nos actualit\u00e9s et nos actions au quotidien.<\/p>\n <div class=\"lves-social__liens\">\n <a href=\"https:\/\/web.facebook.com\/LVESSENEGAL\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.4h-1.2c-1.2 0-1.6.8-1.6 1.6V12h2.7l-.4 2.9h-2.3v7A10 10 0 0 0 22 12z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/web.facebook.com\/LVESSENEGAL\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M23 4.9c-.8.4-1.7.6-2.6.8a4.5 4.5 0 0 0 2-2.5c-.9.5-1.9.9-2.9 1.1a4.5 4.5 0 0 0-7.7 4.1A12.8 12.8 0 0 1 2.5 3.6a4.5 4.5 0 0 0 1.4 6 4.4 4.4 0 0 1-2-.6 4.5 4.5 0 0 0 3.6 4.4c-.6.2-1.3.2-2 .1a4.5 4.5 0 0 0 4.2 3.1A9 9 0 0 1 1 18.5a12.7 12.7 0 0 0 6.9 2c8.3 0 12.8-6.9 12.8-12.8v-.6c.9-.6 1.7-1.4 2.3-2.2z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n\n<\/section>\n<!-- ================= FIN DU CODE ================= -->\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-49eec64 e-con e-atomic-element e-flexbox-base e-4156578 \" data-id=\"49eec64\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"49eec64\">\n \t\t<div class=\"elementor-element elementor-element-497b485 elementor-widget elementor-widget-html\" data-id=\"497b485\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Notre localisation \u2014 Centre LVES, Richard Toll<\/title>\n<style>body{margin:0;background:#f8f9fc;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif}<\/style>\n<\/head>\n<body>\n\n<!-- ================= D\u00c9BUT DU CODE \u00c0 COLLER DANS WORDPRESS ================= -->\n<style>\n.lves-map{\n --violet:#7c3aed;\n --violet-clair:#a855f7;\n --orange:#f97316;\n --nuit:#131029;\n --gris:#5f6779;\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n background:#f8f9fc;\n padding:60px 20px 70px;\n}\n.lves-map *{box-sizing:border-box}\n\n\/* ---------- en-t\u00eate ---------- *\/\n.lves-map__entete{text-align:center;max-width:760px;margin:0 auto 36px}\n.lves-map__badge{\n display:inline-block;background:#f0e9ff;color:var(--violet);\n font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;\n padding:7px 16px;border-radius:999px;margin-bottom:16px;\n}\n.lves-map__entete h2{\n margin:0 0 14px;font-size:clamp(26px,4vw,36px);font-weight:800;\n letter-spacing:-.02em;line-height:1.2;color:var(--nuit);\n}\n.lves-map__entete p{\n margin:0 auto;max-width:580px;font-size:14.5px;line-height:1.65;color:var(--gris);\n}\n\n\/* ---------- conteneur principal ---------- *\/\n.lves-map__grille{\n max-width:1200px;margin:0 auto;\n display:grid;grid-template-columns:1.55fr 1fr;gap:26px;align-items:stretch;\n}\n\n\/* ---------- la carte ---------- *\/\n.lves-map__cadre{\n position:relative;\n background:#fff;border-radius:16px;overflow:hidden;\n box-shadow:0 6px 26px rgba(16,24,40,.10);\n \/* liser\u00e9 d\u00e9grad\u00e9 subtil *\/\n border:1px solid rgba(124,58,237,.12);\n min-height:430px;\n}\n.lves-map__cadre iframe{\n width:100%;height:100%;min-height:430px;\n border:0;display:block;\n filter:saturate(1.05);\n}\n\n\/* ---------- colonne lat\u00e9rale ---------- *\/\n.lves-map__aside{display:flex;flex-direction:column;gap:20px}\n\n\/* carte adresse *\/\n.lves-map__adresse{\n background:#fff;border-radius:16px;padding:26px 24px 28px;\n box-shadow:0 3px 18px rgba(16,24,40,.07);\n flex:1;\n}\n.lves-map__adresse h3{\n margin:0 0 20px;font-size:18px;font-weight:700;color:var(--nuit);\n}\n.lves-detail{display:flex;gap:14px;margin-bottom:18px;align-items:flex-start}\n.lves-detail:last-of-type{margin-bottom:22px}\n.lves-detail__ico{\n flex:0 0 38px;width:38px;height:38px;border-radius:10px;\n display:flex;align-items:center;justify-content:center;\n background:var(--grad,linear-gradient(135deg,#7c3aed,#a855f7));\n}\n.lves-detail__ico svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.lves-detail__txt strong{\n display:block;font-size:12.5px;font-weight:700;color:var(--nuit);margin-bottom:3px;\n}\n.lves-detail__txt span,\n.lves-detail__txt a{\n font-size:12.5px;line-height:1.6;color:#6b7280;text-decoration:none;\n}\n.lves-detail__txt a:hover{color:var(--violet);text-decoration:underline}\n.d-violet{--grad:linear-gradient(135deg,#7c3aed,#a855f7)}\n.d-orange{--grad:linear-gradient(135deg,#f97316,#ea7317)}\n.d-rose {--grad:linear-gradient(135deg,#a855f7,#ec4899)}\n\n\/* bouton itin\u00e9raire *\/\n.lves-map__btn{\n display:flex;align-items:center;justify-content:center;gap:9px;\n width:100%;\n background:linear-gradient(90deg,#7c3aed 0%,#a855f7 45%,#f97316 100%);\n color:#fff;text-decoration:none;\n font-size:13.5px;font-weight:600;\n padding:13px 18px;border-radius:10px;\n box-shadow:0 8px 20px rgba(124,58,237,.28);\n transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;\n}\n.lves-map__btn:hover{\n transform:translateY(-2px);filter:brightness(1.07);color:#fff;\n box-shadow:0 12px 26px rgba(124,58,237,.36);\n}\n.lves-map__btn svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n\n\/* encart coordonn\u00e9es GPS *\/\n.lves-map__gps{\n border-radius:16px;padding:20px 22px 22px;\n background:linear-gradient(120deg,#8b5cf6 0%,#a855f7 40%,#d4708f 72%,#f97316 100%);\n box-shadow:0 6px 22px rgba(90,40,140,.22);\n color:#fff;\n}\n.lves-map__gps strong{display:block;font-size:14px;font-weight:700;margin-bottom:8px}\n.lves-map__gps code{\n display:block;\n font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;\n font-size:12.5px;letter-spacing:.02em;\n background:rgba(255,255,255,.2);\n padding:9px 12px;border-radius:8px;\n color:#fff;\n}\n\n\/* ---------- responsive ---------- *\/\n@media(max-width:960px){\n .lves-map__grille{grid-template-columns:1fr;gap:20px}\n .lves-map__cadre,.lves-map__cadre iframe{min-height:340px}\n}\n@media(max-width:560px){\n .lves-map{padding:44px 16px 52px}\n .lves-map__adresse{padding:22px 18px 24px}\n}\n<\/style>\n\n\n<section class=\"lves-map\">\n\n <!-- ============ EN-T\u00caTE ============ -->\n <div class=\"lves-map__entete\">\n <span class=\"lves-map__badge\">Nous trouver<\/span>\n <h2>Notre Localisation<\/h2>\n <p>Le Centre XICS Solidaire vous accueille \u00e0 Richard Toll. Venez nous rencontrer, d\u00e9couvrir nos programmes et \u00e9changer avec nos \u00e9quipes.<\/p>\n <\/div>\n\n <div class=\"lves-map__grille\">\n\n <!-- ============ LA CARTE ============ -->\n <div class=\"lves-map__cadre\">\n <iframe\n src=\"https:\/\/maps.google.com\/maps?q=16.46211252,-15.67597005&z=16&hl=fr&output=embed\"\n title=\"Carte de localisation du Centre LVES \u00e0 Richard Toll, S\u00e9n\u00e9gal\"\n loading=\"lazy\"\n referrerpolicy=\"no-referrer-when-downgrade\"\n allowfullscreen><\/iframe>\n <\/div>\n\n <!-- ============ COLONNE LAT\u00c9RALE ============ -->\n <div class=\"lves-map__aside\">\n\n <div class=\"lves-map__adresse\">\n <h3>Centre LVES<\/h3>\n\n <div class=\"lves-detail d-violet\">\n <span class=\"lves-detail__ico\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n <\/span>\n <span class=\"lves-detail__txt\">\n <strong>Adresse<\/strong>\n <span>Centre XICS Solidaire<br>Quartier Khouma Gallo Malick<br>Richard Toll \u2014 S\u00e9n\u00e9gal<\/span>\n <\/span>\n <\/div>\n\n <div class=\"lves-detail d-orange\">\n <span class=\"lves-detail__ico\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .3 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.4 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\"\/><\/svg>\n <\/span>\n <span class=\"lves-detail__txt\">\n <strong>T\u00e9l\u00e9phone<\/strong>\n <a href=\"tel:+221339633327\">+221 33 963 33 27<\/a>\n <\/span>\n <\/div>\n\n <div class=\"lves-detail d-rose\">\n <span class=\"lves-detail__ico\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3.5 2\"\/><\/svg>\n <\/span>\n <span class=\"lves-detail__txt\">\n <strong>Horaires d'ouverture<\/strong>\n <span>Lundi \u2013 Vendredi : 8h00 \u2013 17h00<br>Samedi : 9h00 \u2013 13h00<\/span>\n <\/span>\n <\/div>\n\n <!-- Ouvre l'itin\u00e9raire dans Google Maps \/ l'appli GPS du t\u00e9l\u00e9phone -->\n <a class=\"lves-map__btn\"\n href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=16.46211252,-15.67597005\"\n target=\"_blank\" rel=\"noopener\">\n <svg viewBox=\"0 0 24 24\"><path d=\"m22 2-7 20-4-9-9-4 20-7z\"\/><\/svg>\n Obtenir l'itin\u00e9raire\n <\/a>\n <\/div>\n\n <div class=\"lves-map__gps\">\n <strong>Coordonn\u00e9es GPS<\/strong>\n <code>16.46211252 N, -15.67597005 W<\/code>\n <\/div>\n\n <\/div>\n <\/div>\n\n<\/section>\n<!-- ================= FIN DU CODE ================= -->\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0bbe156 e-con e-atomic-element e-flexbox-base e-09290a6 \" data-id=\"0bbe156\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0bbe156\">\n \t\t<div class=\"elementor-element elementor-element-e7dc7c2 elementor-widget elementor-widget-html\" data-id=\"e7dc7c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Pied de page - Association LVES<\/title>\n <style>\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n padding: 0;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n background-color: #0f172a; \/* Fond sombre pour pr\u00e9visualiser le footer *\/\n }\n\n .custom-footer-wrapper {\n background-color: #0c1222;\n color: #94a3b8;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n padding: 60px 50px 30px 50px;\n position: relative;\n width: 100%;\n }\n\n .custom-footer-wrapper *, .custom-footer-wrapper *::before, .custom-footer-wrapper *::after {\n box-sizing: border-box;\n }\n\n .footer-grid {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 2fr 1fr 1.5fr 2fr;\n gap: 40px;\n margin-bottom: 50px;\n }\n\n @media (max-width: 1024px) {\n .footer-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 600px) {\n .footer-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Colonne 1 : Logo & Description *\/\n .footer-col .brand-logo {\n display: flex;\n align-items: center;\n gap: 12px;\n text-decoration: none;\n color: #ffffff;\n margin-bottom: 20px;\n }\n\n .footer-col .logo-icon {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #7c3aed 0%, #9333ea 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.1rem;\n color: #ffffff;\n box-shadow: 0 4px 10px rgba(124, 58, 237, 0.3);\n }\n\n .footer-col .logo-texts h3 {\n margin: 0;\n font-size: 1.05rem;\n font-weight: 800;\n color: #ffffff;\n letter-spacing: -0.3px;\n }\n\n .footer-col .logo-texts span {\n font-size: 0.75rem;\n color: #94a3b8;\n display: inline-block;\n margin-top: 2px;\n }\n\n .footer-col .brand-desc {\n font-size: 0.9rem;\n line-height: 1.6;\n color: #94a3b8;\n margin-bottom: 24px;\n }\n\n .social-icons {\n display: flex;\n gap: 12px;\n }\n\n .social-icon {\n width: 38px;\n height: 38px;\n background-color: #1e293b;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #ffffff;\n text-decoration: none;\n transition: background-color 0.2s ease, transform 0.2s ease;\n font-size: 0.9rem;\n }\n\n .social-icon:hover {\n background-color: #7c3aed;\n transform: translateY(-2px);\n }\n\n \/* Titres de colonnes *\/\n .footer-col h4 {\n color: #ffffff;\n font-size: 1rem;\n font-weight: 700;\n margin: 0 0 20px 0;\n letter-spacing: 0.3px;\n }\n\n \/* Listes de liens (Navigation & Programmes) *\/\n .footer-links {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .footer-links a {\n color: #94a3b8;\n text-decoration: none;\n font-size: 0.9rem;\n transition: color 0.2s ease;\n }\n\n .footer-links a:hover {\n color: #ffffff;\n }\n\n \/* Colonne Contact *\/\n .contact-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .contact-item {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n font-size: 0.9rem;\n color: #94a3b8;\n line-height: 1.5;\n }\n\n .contact-icon {\n color: #a855f7;\n font-size: 1rem;\n margin-top: 2px;\n flex-shrink: 0;\n }\n\n .contact-item a {\n color: #94a3b8;\n text-decoration: none;\n transition: color 0.2s ease;\n }\n\n .contact-item a:hover {\n color: #ffffff;\n }\n\n \/* Ligne de s\u00e9paration et bas de page *\/\n .footer-divider {\n max-width: 1200px;\n margin: 0 auto 30px auto;\n border: none;\n border-top: 1px solid #1e293b;\n }\n\n .footer-bottom {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.85rem;\n color: #64748b;\n flex-wrap: wrap;\n gap: 15px;\n }\n\n .footer-bottom-center {\n display: flex;\n align-items: center;\n gap: 5px;\n }\n\n .heart-icon {\n color: #ea580c;\n }\n\n \/* Bouton Retour en haut *\/\n .scroll-top-btn {\n width: 42px;\n height: 42px;\n background: linear-gradient(135deg, #7c3aed 0%, #ea580c 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #ffffff;\n text-decoration: none;\n box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);\n transition: transform 0.2s ease, opacity 0.2s ease;\n }\n\n .scroll-top-btn:hover {\n transform: translateY(-3px);\n opacity: 0.9;\n }\n\n @media (max-width: 768px) {\n .footer-bottom {\n flex-direction: column;\n text-align: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<footer class=\"custom-footer-wrapper\">\n <div class=\"footer-grid\">\n <!-- Colonne 1 : Logo & Description -->\n <div class=\"footer-col\">\n <a href=\"#\" class=\"brand-logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-texts\">\n <h3>Association LVES<\/h3>\n <span>Depuis 2010<\/span>\n <\/div>\n <\/a>\n <p class=\"brand-desc\">\n Ensemble pour un avenir sans exclusion. \u0152uvrant pour l'\u00e9ducation, l'emploi et l'entrepreneuriat \u00e0 Richard Toll.\n <\/p>\n <div class=\"social-icons\">\n <a href=\"#\" class=\"social-icon\" aria-label=\"Facebook\">f<\/a>\n <a href=\"#\" class=\"social-icon\" aria-label=\"Twitter\">t<\/a>\n <\/div>\n <\/div>\n\n <!-- Colonne 2 : Navigation -->\n <div class=\"footer-col\">\n <h4>Navigation<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#apropos\">\u00c0 propos de<\/a><\/li>\n <li><a href=\"#programmes\">Programmes<\/a><\/li>\n <li><a href=\"#impact\">Impact<\/a><\/li>\n <li><a href=\"#partenaires\">Partenaires<\/a><\/li>\n <li><a href=\"#actualites\">Actualit\u00e9s<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n\n <!-- Colonne 3 : Nos programmes -->\n <div class=\"footer-col\">\n <h4>Nos programmes<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#education\">\u00c9ducation<\/a><\/li>\n <li><a href=\"#formation\">Formation professionnelle<\/a><\/li>\n <li><a href=\"#entrepreneuriat\">Entrepreneuriat<\/a><\/li>\n <li><a href=\"#insertion\">Insertion des Jeunes<\/a><\/li>\n <li><a href=\"#femmes\">Accompagnement des Femmes<\/a><\/li>\n <li><a href=\"#inclusion\">Inclusion sociale<\/a><\/li>\n <\/ul>\n <\/div>\n\n <!-- Colonne 4 : Contact -->\n <div class=\"footer-col\">\n <h4>Contact<\/h4>\n <ul class=\"contact-list\">\n <li class=\"contact-item\">\n <span class=\"contact-icon\">\ud83d\udccd<\/span>\n <span>CENTRE XICS SOLIDAIRE QUARTIER KHOUMA GALLO MALICK Richard Toll - S\u00e9n\u00e9gal<\/span>\n <\/li>\n <li class=\"contact-item\">\n <span class=\"contact-icon\">\ud83d\udcde<\/span>\n <span>+221 33 963 33 27<\/span>\n <\/li>\n <li class=\"contact-item\">\n <span class=\"contact-icon\">\u2709\ufe0f<\/span>\n <a href=\"mailto:tyba1995@gmail.com\">tyba1995@gmail.com<\/a>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <hr class=\"footer-divider\">\n\n <div class=\"footer-bottom\">\n <div>© 2026 Association LVES. Tous droits r\u00e9serv\u00e9s. | Fond\u00e9e le 04 mai 2010<\/div>\n <div class=\"footer-bottom-center\">\n Fait avec <span class=\"heart-icon\">\u2764\ufe0f<\/span> pour la communaut\u00e9 de Richard Toll\n <\/div>\n <a href=\"#\" class=\"scroll-top-btn\" aria-label=\"Retour en haut\">↑<\/a>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Site web en construction par ICONE CREA 782221696… Hero Section – LVES Ensemble pour un avenir sans exclusion L’Association LVES […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/associationlves.sn\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/associationlves.sn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/associationlves.sn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/associationlves.sn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/associationlves.sn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":35,"href":"https:\/\/associationlves.sn\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":143,"href":"https:\/\/associationlves.sn\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/143"}],"wp:attachment":[{"href":"https:\/\/associationlves.sn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}