{"id":5072,"date":"2025-10-08T12:43:03","date_gmt":"2025-10-08T12:43:03","guid":{"rendered":"https:\/\/m66tg.org\/?page_id=5072"},"modified":"2025-10-08T12:54:05","modified_gmt":"2025-10-08T12:54:05","slug":"a-propos","status":"publish","type":"page","link":"https:\/\/m66tg.org\/en\/a-propos\/","title":{"rendered":"About us"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5072\" class=\"elementor elementor-5072\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d05f28a e-flex e-con-boxed e-con e-parent\" data-id=\"d05f28a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b74a618 elementor-widget elementor-widget-html\" data-id=\"b74a618\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CSS \u00e0 ajouter dans la section <head> de votre site -->\n<style>\n.m66-about {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    line-height: 1.6;\n    color: #2c3e50;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n}\n\n.m66-hero {\n    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 50%, #8b0000 100%);\n    color: white;\n    padding: 60px 30px;\n    text-align: center;\n    border-radius: 15px;\n    margin-bottom: 40px;\n    position: relative;\n    overflow: hidden;\n}\n\n.m66-hero::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"80\" cy=\"80\" r=\"1.5\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"60\" cy=\"30\" r=\"1\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"30\" cy=\"70\" r=\"1.2\" fill=\"white\" opacity=\"0.1\"\/><\/svg>');\n    animation: m66-stars 20s linear infinite;\n}\n\n@keyframes m66-stars {\n    0% { transform: translateY(0); }\n    100% { transform: translateY(-100px); }\n}\n\n.m66-logo {\n    font-size: 3.5em;\n    font-weight: 900;\n    margin-bottom: 20px;\n    text-shadow: 3px 3px 6px rgba(0,0,0,0.3);\n    letter-spacing: 6px;\n    position: relative;\n    z-index: 2;\n    animation: m66-pulse 2s ease-in-out infinite alternate;\n}\n\n@keyframes m66-pulse {\n    from { transform: scale(1); }\n    to { transform: scale(1.03); }\n}\n\n.m66-tagline {\n    font-size: 1.4em;\n    margin-bottom: 15px;\n    font-weight: 300;\n    opacity: 0.9;\n    position: relative;\n    z-index: 2;\n}\n\n.m66-subtitle {\n    font-size: 1.1em;\n    opacity: 0.8;\n    font-style: italic;\n    position: relative;\n    z-index: 2;\n}\n\n.m66-section {\n    margin-bottom: 50px;\n    padding: 30px 0;\n}\n\n.m66-section-title {\n    font-size: 2.2em;\n    color: #2c3e50;\n    margin-bottom: 30px;\n    text-align: center;\n    position: relative;\n    padding-bottom: 15px;\n}\n\n.m66-section-title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 4px;\n    background: linear-gradient(to right, #e74c3c, #c0392b);\n    border-radius: 2px;\n}\n\n.m66-grid {\n    display: grid;\n    gap: 30px;\n    margin: 30px 0;\n}\n\n\/* Pour les actions (6 \u00e9l\u00e9ments) : 3 colonnes sur desktop *\/\n@media (min-width: 900px) {\n    .m66-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n\/* Pour tablettes : 2 colonnes *\/\n@media (max-width: 900px) and (min-width: 600px) {\n    .m66-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n\/* Pour mobile : 1 colonne *\/\n@media (max-width: 600px) {\n    .m66-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n.m66-card {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    padding: 30px;\n    border-radius: 12px;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n    border-left: 5px solid #e74c3c;\n    transition: all 0.3s ease;\n    height: 100%;\n}\n\n.m66-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 12px 35px rgba(0,0,0,0.15);\n    border-left-width: 8px;\n}\n\n.m66-card-icon {\n    font-size: 3em;\n    margin-bottom: 20px;\n    display: block;\n}\n\n.m66-card-title {\n    font-size: 1.3em;\n    color: #2c3e50;\n    margin-bottom: 15px;\n    font-weight: 700;\n}\n\n.m66-card-text {\n    font-size: 1em;\n    line-height: 1.6;\n    text-align: justify;\n    color: #5a6c7d;\n}\n\n.m66-values-grid {\n    display: grid;\n    gap: 25px;\n    margin-top: 30px;\n}\n\n\/* Pour les valeurs (8 \u00e9l\u00e9ments) : 4 colonnes sur tr\u00e8s large \u00e9cran *\/\n@media (min-width: 1200px) {\n    .m66-values-grid {\n        grid-template-columns: repeat(4, 1fr);\n    }\n}\n\n\/* Desktop standard : 3 colonnes *\/\n@media (min-width: 900px) and (max-width: 1199px) {\n    .m66-values-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n\/* Tablettes : 2 colonnes *\/\n@media (max-width: 900px) and (min-width: 600px) {\n    .m66-values-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n\/* Mobile : 1 colonne *\/\n@media (max-width: 600px) {\n    .m66-values-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n.m66-value-item {\n    text-align: center;\n    padding: 25px 20px;\n    background: white;\n    border-radius: 12px;\n    box-shadow: 0 6px 20px rgba(0,0,0,0.1);\n    border-top: 4px solid #e74c3c;\n    transition: all 0.3s ease;\n    height: 100%;\n}\n\n.m66-value-item:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n    border-top-width: 6px;\n}\n\n.m66-value-icon {\n    font-size: 3em;\n    margin-bottom: 15px;\n    display: block;\n}\n\n.m66-value-title {\n    font-size: 1.2em;\n    font-weight: 700;\n    color: #2c3e50;\n    margin-bottom: 10px;\n}\n\n.m66-value-description {\n    font-size: 0.95em;\n    line-height: 1.5;\n    color: #5a6c7d;\n}\n\n.m66-mission {\n    background: linear-gradient(135deg, #e74c3c, #c0392b);\n    color: white;\n    padding: 40px;\n    border-radius: 15px;\n    text-align: center;\n    margin: 40px 0;\n    position: relative;\n    overflow: hidden;\n}\n\n.m66-mission::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: repeating-linear-gradient(\n        45deg,\n        transparent,\n        transparent 20px,\n        rgba(255,255,255,0.03) 20px,\n        rgba(255,255,255,0.03) 40px\n    );\n    animation: m66-backgroundShift 10s linear infinite;\n}\n\n@keyframes m66-backgroundShift {\n    0% { transform: translate(-50%, -50%) rotate(0deg); }\n    100% { transform: translate(-50%, -50%) rotate(360deg); }\n}\n\n.m66-mission-text {\n    font-size: 1.3em;\n    line-height: 1.7;\n    position: relative;\n    z-index: 2;\n    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);\n}\n\n.m66-stats {\n    background: #2c3e50;\n    color: white;\n    padding: 40px;\n    border-radius: 15px;\n    margin: 40px 0;\n}\n\n.m66-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n    gap: 30px;\n    text-align: center;\n}\n\n.m66-stat-number {\n    font-size: 2.5em;\n    font-weight: 900;\n    color: #e74c3c;\n    display: block;\n    margin-bottom: 10px;\n}\n\n.m66-stat-label {\n    font-size: 1em;\n    opacity: 0.9;\n}\n\n.m66-cta {\n    background: linear-gradient(135deg, #f8f9fa, #e9ecef);\n    padding: 40px;\n    border-radius: 15px;\n    text-align: center;\n    margin-top: 40px;\n}\n\n.m66-cta-box {\n    background: #e74c3c;\n    color: white;\n    padding: 25px;\n    border-radius: 10px;\n    margin-top: 30px;\n    position: relative;\n    overflow: hidden;\n}\n\n.m66-cta-box::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: repeating-linear-gradient(\n        45deg,\n        transparent,\n        transparent 10px,\n        rgba(255,255,255,0.05) 10px,\n        rgba(255,255,255,0.05) 20px\n    );\n    animation: m66-shine 3s linear infinite;\n}\n\n@keyframes m66-shine {\n    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n}\n\n.m66-cta-title {\n    font-size: 1.4em;\n    margin-bottom: 15px;\n    font-weight: 700;\n    position: relative;\n    z-index: 2;\n}\n\n.m66-cta-text {\n    font-size: 1.1em;\n    font-weight: 500;\n    position: relative;\n    z-index: 2;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .m66-about {\n        padding: 15px;\n    }\n    \n    .m66-hero {\n        padding: 40px 20px;\n    }\n    \n    .m66-logo {\n        font-size: 2.8em;\n        letter-spacing: 3px;\n    }\n    \n    .m66-tagline {\n        font-size: 1.2em;\n    }\n    \n    .m66-section-title {\n        font-size: 1.8em;\n    }\n    \n    .m66-mission {\n        padding: 25px;\n    }\n    \n    .m66-mission-text {\n        font-size: 1.1em;\n    }\n    \n    .m66-stats {\n        padding: 30px;\n    }\n    \n    .m66-cta {\n        padding: 30px;\n    }\n}\n\n@media (max-width: 480px) {\n    .m66-hero {\n        padding: 30px 15px;\n    }\n    \n    .m66-logo {\n        font-size: 2.5em;\n        letter-spacing: 2px;\n    }\n    \n    .m66-section-title {\n        font-size: 1.6em;\n    }\n    \n    .m66-card, .m66-value-item {\n        padding: 20px 15px;\n    }\n    \n    .m66-card-icon, .m66-value-icon {\n        font-size: 2.5em;\n    }\n}\n<\/style>\n\n<!-- CONTENU \u00c0 COPIER-COLLER DANS VOTRE PAGE -->\n<div class=\"m66-about\">\n    <!-- Header Hero -->\n    <div class=\"m66-hero\">\n        <h1 class=\"m66-logo\">M66<\/h1>\n        <p class=\"m66-tagline\">Movement for a Democratic Togo<\/p>\n        <p class=\"m66-subtitle\">The Togolese people deserve better than a monarchy in disguise<\/p>\n    <\/div>\n\n    <!-- Section Mission -->\n    <section class=\"m66-section\">\n        <h2 class=\"m66-section-title\">Who are we?<\/h2>\n        \n        <div class=\"m66-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px;\">\n            <div class=\"m66-card\">\n                <span class=\"m66-card-icon\">\ud83c\uddf9\ud83c\uddec<\/span>\n                <h3 class=\"m66-card-title\">Citizen Movement<\/h3>\n                <p class=\"m66-card-text\">\n                    M66 is an independent citizens' movement born of the will of the Togolese people to regain their sovereignty. We bring together citizens from all walks of life, united by the same ideal: true democracy.\n                <\/p>\n            <\/div>\n            \n            <div class=\"m66-card\">\n                <span class=\"m66-card-icon\">\u2696\ufe0f<\/span>\n                <h3 class=\"m66-card-title\">Fighting for Justice<\/h3>\n                <p class=\"m66-card-text\">\n                    Since 2005, Togo has been under a dynastic dictatorship that has claimed more than 500 lives. We stand up against this injustice and demand accountability for the crimes committed against our people.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"m66-mission\">\n            <p class=\"m66-mission-text\">\n                <strong>\"Togo belongs to its people, not to one family.\"<\/strong><br><br>\n                Our mission is clear: to liberate Togo from 20 years of dynastic dictatorship, restore true democracy and ensure that never again can one family confiscate power at the expense of the Togolese people.\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <!-- Section Valeurs - 8 VALEURS -->\n    <section class=\"m66-section\">\n        <h2 class=\"m66-section-title\">Our Core Values<\/h2>\n        \n        <div class=\"m66-values-grid\">\n            <div class=\"m66-value-item\">\n                <span class=\"m66-value-icon\">\ud83d\uddf3\ufe0f<\/span>\n                <h3 class=\"m66-value-title\">Democracy<\/h3>\n                <p class=\"m66-value-description\">\n                    We believe in people power. Every Togolese deserves to freely choose their leaders in transparent and fair elections.\n                <\/p>\n            <\/div>\n            \n            <div class=\"m66-value-item\">\n                <span class=\"m66-value-icon\">\ud83d\udd0d<\/span>\n                <h3 class=\"m66-value-title\">Transparency<\/h3>\n                <p class=\"m66-value-description\">\n                    Public management must be transparent. We demand the truth about the use of national resources and an end to corruption.\n                <\/p>\n            <\/div>\n            \n            <div class=\"m66-value-item\">\n                <span class=\"m66-value-icon\">\ud83e\udd1d<\/span>\n                <h3 class=\"m66-value-title\">Unit<\/h3>\n                <p class=\"m66-value-description\">\n                    Beyond ethnic and regional divisions, we unite all Togolese around the democratic ideal and social progress.\n                <\/p>\n            <\/div>\n            \n            <div class=\"m66-value-item\">\n                <span class=\"m66-value-icon\">\ud83d\udd4a\ufe0f<\/span>\n                <h3 class=\"m66-value-title\">Peace<\/h3>\n                <p class=\"m66-value-description\">\n                    We advocate peaceful resistance and dialogue. Violence is never the solution to building a better Togo.\n                <\/p>\n            <\/div>\n            \n            <div class=\"m66-value-item\">\n                <span class=\"m66-value-icon\">\u2696\ufe0f<\/span>\n                <h3 class=\"m66-value-title\">Justice<\/h3>\n                <p class=\"m66-value-description\">\n                    Crimes against the Togolese people must not go unpunished. We demand justice for all the victims of the dictatorship.\n                <\/p>\n            <\/div>\n            \n            <div class=\"m66-value-item\">\n                <span class=\"m66-value-icon\">\ud83c\udf1f<\/span>\n                <h3 class=\"m66-value-title\">Hope<\/h3>\n                <p class=\"m66-value-description\">\n                    We embody the hope of a free, prosperous and democratic Togo where every citizen can flourish in dignity.\n                <\/p>\n            <\/div>\n            \n            <div class=\"m66-value-item\">\n                <span class=\"m66-value-icon\">\ud83c\udfdb\ufe0f<\/span>\n                <h3 class=\"m66-value-title\">Rule of Law<\/h3>\n                <p class=\"m66-value-description\">\n                    We defend a state where the Constitution and laws apply to everyone, including the leaders. The reign of arbitrariness and impunity is over.\n                <\/p>\n            <\/div>\n            \n            <div class=\"m66-value-item\">\n                <span class=\"m66-value-icon\">\ud83c\udf93<\/span>\n                <h3 class=\"m66-value-title\">Social Progress<\/h3>\n                <p class=\"m66-value-description\">\n                    Education, health and economic development must benefit all Togolese, not just a privileged elite.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Section Actions - 6 ACTIONS -->\n    <section class=\"m66-section\">\n        <h2 class=\"m66-section-title\">Our actions<\/h2>\n        \n        <div class=\"m66-grid\">\n            <div class=\"m66-card\">\n                <span class=\"m66-card-icon\">\ud83d\udce2<\/span>\n                <h3 class=\"m66-card-title\">Awareness<\/h3>\n                <p class=\"m66-card-text\">\n                    We inform the Togolese people and the international community about the reality of dictatorship in Togo. Information is our first weapon against oppression.\n                <\/p>\n            <\/div>\n            \n            <div class=\"m66-card\">\n                <span class=\"m66-card-icon\">\ud83c\udf0d<\/span>\n                <h3 class=\"m66-card-title\">International Mobilization<\/h3>\n                <p class=\"m66-card-text\">\n                    We alert international organizations and democratic governments to human rights violations in Togo and call for sanctions.\n                <\/p>\n            <\/div>\n            \n            <div class=\"m66-card\">\n                <span class=\"m66-card-icon\">\ud83d\udcda<\/span>\n                <h3 class=\"m66-card-title\">Civic Education<\/h3>\n                <p class=\"m66-card-text\">\n                    We educate citizens about their democratic rights and encourage them to resist oppression and injustice peacefully.\n                <\/p>\n            <\/div>\n            \n            <div class=\"m66-card\">\n                <span class=\"m66-card-icon\">\ud83e\udd32<\/span>\n                <h3 class=\"m66-card-title\">Solidarity<\/h3>\n                <p class=\"m66-card-text\">\n                    We support the victims of the repression, their families and all those fighting for democracy in Togo, both at home and in the diaspora.\n                <\/p>\n            <\/div>\n            \n            <div class=\"m66-card\">\n                <span class=\"m66-card-icon\">\ud83d\udccb<\/span>\n                <h3 class=\"m66-card-title\">Election observation<\/h3>\n                <p class=\"m66-card-text\">\n                    We document electoral fraud and irregularities to denounce the illegitimacy of the regime and its anti-democratic practices.\n                <\/p>\n            <\/div>\n            \n            <div class=\"m66-card\">\n                <span class=\"m66-card-icon\">\u2696\ufe0f<\/span>\n                <h3 class=\"m66-card-title\">Legal Actions<\/h3>\n                <p class=\"m66-card-text\">\n                    We are taking legal action before national and international courts to condemn human rights violations and the seizure of power.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Section Statistiques -->\n    <div class=\"m66-stats\">\n        <h2 class=\"m66-section-title\" style=\"color: white;\">The Reality of Numbers<\/h2>\n        <div class=\"m66-stats-grid\">\n            <div>\n                <span class=\"m66-stat-number\">58 years old<\/span>\n                <span class=\"m66-stat-label\">Years of Dictatorship<\/span>\n            <\/div>\n            <div>\n                <span class=\"m66-stat-number\">20.000+<\/span>\n                <span class=\"m66-stat-label\">Deaths since 2005<\/span>\n            <\/div>\n            <div>\n                <span class=\"m66-stat-number\">8M<\/span>\n                <span class=\"m66-stat-label\">Oppressed Togolese<\/span>\n            <\/div>\n            <div>\n                <span class=\"m66-stat-number\">0<\/span>\n                <span class=\"m66-stat-label\">Free Election<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Call to Action -->\n    <div class=\"m66-cta\">\n        <h2 class=\"m66-section-title\">Join the Movement<\/h2>\n        <p style=\"font-size: 1.2em; margin-bottom: 30px; color: #5a6c7d;\">\n            Together, we can free Togo from dynastic dictatorship\n        <\/p>\n        \n        <div class=\"m66-cta-box\">\n            <h3 class=\"m66-cta-title\">\ud83d\udeab STOP to Disguised Monarchy!<\/h3>\n            <p class=\"m66-cta-text\">\n                Change starts with each and every one of us. Join M66 and take part in the democratic liberation of Togo!\n            <\/p>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>M66 Mouvement pour un Togo D\u00e9mocratique Le peuple togolais m\u00e9rite mieux qu&#8217;une monarchie d\u00e9guis\u00e9e Qui Sommes-Nous ? \ud83c\uddf9\ud83c\uddec Mouvement Citoyen Le M66 est un mouvement citoyen ind\u00e9pendant n\u00e9 de la volont\u00e9 du peuple togolais de reconqu\u00e9rir sa souverainet\u00e9. Nous rassemblons des citoyens de tous horizons unis par un m\u00eame id\u00e9al : la d\u00e9mocratie v\u00e9ritable. \u2696\ufe0f [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-5072","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/m66tg.org\/en\/wp-json\/wp\/v2\/pages\/5072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/m66tg.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/m66tg.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/m66tg.org\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/m66tg.org\/en\/wp-json\/wp\/v2\/comments?post=5072"}],"version-history":[{"count":14,"href":"https:\/\/m66tg.org\/en\/wp-json\/wp\/v2\/pages\/5072\/revisions"}],"predecessor-version":[{"id":5086,"href":"https:\/\/m66tg.org\/en\/wp-json\/wp\/v2\/pages\/5072\/revisions\/5086"}],"wp:attachment":[{"href":"https:\/\/m66tg.org\/en\/wp-json\/wp\/v2\/media?parent=5072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}