{"id":4069,"date":"2026-04-02T07:48:55","date_gmt":"2026-04-02T06:48:55","guid":{"rendered":"https:\/\/devsts.symphotech.com\/sormdalger-site\/?page_id=4069"},"modified":"2026-04-03T09:52:14","modified_gmt":"2026-04-03T08:52:14","slug":"appli-mobile","status":"publish","type":"page","link":"https:\/\/devsts.symphotech.com\/sormdalger-site\/appli-mobile\/","title":{"rendered":"Appli-mobile"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4069\" class=\"elementor elementor-4069\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0a2aebd elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0a2aebd\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d7863e\" data-id=\"9d7863e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-08bd613 elementor-widget elementor-widget-heading\" data-id=\"08bd613\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Application Mobile SORMD<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-498ea31 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"498ea31\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0944c42\" data-id=\"0944c42\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-856dedf elementor-widget elementor-widget-text-editor\" data-id=\"856dedf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t    <style>\n        :root {\n            --color-success: #27ae60;\n            --color-warning: #f39c12;\n            --page-purple: #6b1b6b; \/* Variable d\u00e9di\u00e9e pour cette page *\/\n        }\n        \n        \/* Gestion du chargement fluide *\/\n        .js-loading body { opacity: 0; }\n        .js-ready body { opacity: 1; transition: opacity 0.4s ease-in; }\n\n        .app-download-page {\n            min-height: 70vh;\n            padding: 60px 20px;\n            background: linear-gradient(135deg, ##C4D1E7 0%, #C4D1E7 100%);\n        }\n        \n        .container { max-width: 900px; margin: 0 auto; }\n        \n        .page-header {\n            text-align: center;\n            color: var(--page-purple);\n            margin-bottom: 40px;\n            animation: fadeInDown 0.6s ease;\n        }\n        \n        .page-header h1 { font-size: 2.5rem; margin-bottom: 10px; }\n        .page-header p { font-size: 1.2rem; color: #666; }\n        \n        .steps-card {\n            background: white;\n            border-radius: 20px;\n            padding: 40px;\n            box-shadow: 0 20px 60px rgba(0,0,0,0.1);\n            animation: fadeInUp 0.6s ease;\n        }\n        \n        .step {\n            margin-bottom: 40px;\n            padding: 30px;\n            background: #f8f9fa;\n            border-radius: 15px;\n            position: relative;\n            transition: all 0.3s ease;\n        }\n        \n        .step:hover { box-shadow: 0 5px 20px rgba(0,0,0,0.1); }\n        .step:last-child { margin-bottom: 0; }\n        \n        .step-header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }\n        \n        .step-number {\n            background: var(--page-purple);\n            color: white;\n            width: 50px; height: 50px;\n            border-radius: 50%;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 1.5rem; font-weight: bold; flex-shrink: 0;\n        }\n        \n        .step-title { font-size: 1.4rem; color: var(--page-purple); font-weight: 600; }\n        .step-content { margin-left: 65px; }\n        .step-description { color: #555; margin-bottom: 20px; line-height: 1.6; }\n\n        .auth-image-container {\n            margin-top: 20px;\n            text-align: center;\n            background: #fff;\n            padding: 15px;\n            border-radius: 12px;\n            border: 1px solid #eee;\n        }\n\n        .auth-image-container img {\n            max-width: 100%; height: auto;\n            border-radius: 8px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n            max-height: 350px;\n        }\n        \n        .download-button {\n            display: inline-flex; align-items: center; gap: 12px;\n            padding: 15px 35px;\n            background: linear-gradient(135deg, #6b1b6b, #8b2a8b);\n            color: white; text-decoration: none; border-radius: 50px;\n            font-size: 1.1rem; font-weight: 600; transition: all 0.3s ease;\n            cursor: pointer; border: none;\n        }\n        \n        .download-button:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(107, 27, 107, 0.4); }\n        \n        .qr-code-container {\n            background: white; padding: 20px; border-radius: 15px;\n            text-align: center; border: 3px dashed var(--page-purple);\n        }\n        \n        .qr-code-container img { max-width: 250px; width: 100%; cursor: pointer; transition: 0.3s; }\n        .qr-code-container img:hover { transform: scale(1.03); }\n\n        .info-box { background: #e3f2fd; border-left: 4px solid #2196f3; padding: 15px; border-radius: 8px; margin-top: 15px; color: #1565c0; display: flex; align-items: center; gap: 10px; }\n        .success-box { background: #e8f5e9; border-left: 4px solid #4caf50; padding: 15px; border-radius: 8px; margin-top: 15px; color: #2e7d32; display: flex; align-items: center; gap: 10px; }\n\n        .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; }\n        .feature-item { background: white; padding: 20px; border-radius: 10px; display: flex; align-items: center; gap: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }\n        .feature-icon { background: var(--page-purple); color: white; width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; }\n        .feature-text { color: #333; font-weight: 500; font-size: 0.95rem; }\n\n        .qr-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); align-items: center; justify-content: center; }\n        .qr-modal.active { display: flex; }\n\n        @keyframes fadeInDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }\n        @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n\n        @media (max-width: 768px) {\n            .features-grid { grid-template-columns: 1fr; }\n            .step-content { margin-left: 0; }\n        }\n    <\/style>\n<section class=\"app-download-page\">\n<div class=\"container\">\n<div class=\"page-header\">\n\nSuivez ces \u00e9tapes simples pour installer l&rsquo;application\n\n<\/div>\n<div class=\"steps-card\">\n<div class=\"step\">\n<div class=\"step-header\">\n<div class=\"step-number\">1<\/div>\n<div class=\"step-title\">T\u00e9l\u00e9chargez l&rsquo;application<\/div>\n<\/div>\n<div class=\"step-content\">\n<p class=\"step-description\">Depuis votre t\u00e9l\u00e9phone mobile Android, cliquez sur le bouton ci-dessous pour t\u00e9l\u00e9charger le fichier APK de l&rsquo;application SORMD.<\/p>\n<button id=\"downloadBtn\" class=\"download-button\">\n<i class=\"fas fa-download\"><\/i>\nT\u00e9l\u00e9charger l&rsquo;APK (SORMD.apk)\n<\/button>\n<div class=\"info-box\"><i class=\"fas fa-info-circle\"><\/i>\nLe fichier sera t\u00e9l\u00e9charg\u00e9 dans votre dossier \u00ab\u00a0T\u00e9l\u00e9chargements\u00a0\u00bb<\/div>\n<\/div>\n<\/div>\n<div class=\"step\">\n<div class=\"step-header\">\n<div class=\"step-number\">2<\/div>\n<div class=\"step-title\">Installez l&rsquo;application<\/div>\n<\/div>\n<div class=\"step-content\">\n<p class=\"step-description\">Ouvrez le fichier APK t\u00e9l\u00e9charg\u00e9, puis suivez les instructions \u00e0 l&rsquo;\u00e9cran pour installer l&rsquo;application.<\/p>\n\n<div class=\"info-box\"><i class=\"fas fa-info-circle\"><\/i>\nNotez que vous devrez autoriser l&rsquo;installation depuis des sources inconnues dans vos param\u00e8tres.<\/div>\n<\/div>\n<\/div>\n<div class=\"step\">\n<div class=\"step-header\">\n<div class=\"step-number\">3<\/div>\n<div class=\"step-title\">Scannez le QR Code<\/div>\n<\/div>\n<div class=\"step-content\">\n<p class=\"step-description\">Ouvrez l&rsquo;application et scannez ce QR Code pour configurer votre connexion a la plateforme.<\/p>\n\n<div class=\"qr-code-container\">\n\n<img decoding=\"async\" id=\"qrCodeImage\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1UXQYUFfgdqtnz9J8pKc9kVIuECe6hAxN\" alt=\"QR Code SORMD\" \/>\n<div class=\"qr-fallback\">\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"step\">\n<div class=\"step-header\">\n<div class=\"step-number\">4<\/div>\n<div class=\"step-title\">Authentification<\/div>\n<\/div>\n<div class=\"step-content\">\n<p class=\"step-description\">Utilisez vos identifiants \u00ab\u00a0inscrit\u00a0\u00bb pour vous connecter a votre compte et acc\u00e9der aux fonctionnalit\u00e9s de votre espace personnel.<\/p>\n\n<div class=\"auth-image-container\"><img decoding=\"async\" src=\".\/T\u00e9l\u00e9charger l'Application - SORMD_files\/auth.png\" alt=\"Interface d'authentification SORMD\" \/><\/div>\n<div class=\"success-box\"><i class=\"fas fa-lock\"><\/i>\nConnexion s\u00e9curis\u00e9e et crypt\u00e9e<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top: 50px; padding-top: 30px; border-top: 2px solid #e9ecef;\">\n<h2 style=\"text-align: center; color: #004d99; margin-bottom: 30px; font-size: 1.5em;\"><i class=\"fas fa-star\"><\/i> Fonctionnalit\u00e9s de l&rsquo;Application<\/h2>\n<div class=\"features-grid\">\n<div class=\"feature-item\">\n<div class=\"feature-icon\"><\/div>\n<div class=\"feature-text\">Espace membre priv\u00e9 et s\u00e9curis\u00e9<\/div>\n<\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\"><\/div>\n<div class=\"feature-text\">Gestion des demandes et des cotisations<\/div>\n<\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\"><\/div>\n<div class=\"feature-text\">Suivi des actualit\u00e9s, \u00e9v\u00e9nements et annonces<\/div>\n<\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\"><\/div>\n<div class=\"feature-text\">Notifications en temps r\u00e9el de toutes les fonctionnalit\u00e9s<\/div>\n<\/div>\n<div class=\"feature-item\">\n<div class=\"feature-icon\"><\/div>\n<div class=\"feature-text\">Environnement S\u00e9curis\u00e9<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>&nbsp;\n<div id=\"qrModal\" class=\"qr-modal\">\n<div style=\"text-align: center; position: relative;\"><span style=\"position: absolute; top: -50px; right: 0; color: white; font-size: 30px; cursor: pointer;\">\u00d7<\/span>\n<img decoding=\"async\" style=\"max-width: 90%; border-radius: 15px; box-shadow: 0 0 30px rgba(255,255,255,0.2);\" src=\".\/T\u00e9l\u00e9charger l'Application - SORMD_files\/qrcode.png\" \/>\n<p style=\"color: white; margin-top: 15px;\"><i class=\"fas fa-camera\"><\/i> Scannez le code<\/p>\n\n<\/div>\n<\/div>\n<script>\n    const APK_URL = 'https:\/\/drive.google.com\/file\/d\/1XF6dHjR45gIFmuL5KrQXmuCUHolgDBRQ\/view?usp=sharing';\n    \n    document.getElementById('downloadBtn').addEventListener('click', function() {\n        window.open(APK_URL, '_blank');\n        this.innerHTML = '<i class=\"fas fa-check\"><\/i> T\u00e9l\u00e9chargement lanc\u00e9';\n        this.style.background = 'linear-gradient(135deg, #27ae60, #229954)';\n        setTimeout(() => {\n            this.innerHTML = '<i class=\"fas fa-download\"><\/i> T\u00e9l\u00e9charger l\\'APK (SORMD.apk)';\n            this.style.background = 'linear-gradient(135deg, #6b1b6b, #8b2a8b)';\n        }, 4000);\n    });\n    \n    function openQRModal() { document.getElementById('qrModal').classList.add('active'); }\n    function closeQRModal() { document.getElementById('qrModal').classList.remove('active'); }\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5167ead elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5167ead\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a63fa4c\" data-id=\"a63fa4c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Application Mobile SORMD Suivez ces \u00e9tapes simples pour installer l&rsquo;application 1 T\u00e9l\u00e9chargez l&rsquo;application Depuis votre t\u00e9l\u00e9phone mobile Android, cliquez sur le bouton ci-dessous pour t\u00e9l\u00e9charger le fichier APK de l&rsquo;application SORMD. T\u00e9l\u00e9charger l&rsquo;APK (SORMD.apk) Le fichier sera t\u00e9l\u00e9charg\u00e9 dans votre dossier \u00ab\u00a0T\u00e9l\u00e9chargements\u00a0\u00bb 2 Installez l&rsquo;application Ouvrez le fichier APK t\u00e9l\u00e9charg\u00e9, puis suivez les instructions \u00e0 &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/devsts.symphotech.com\/sormdalger-site\/appli-mobile\/\"> <span class=\"screen-reader-text\">Appli-mobile<\/span> Lire la suite\u00a0\u00bb<\/a><\/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":"no-sidebar","site-content-layout":"page-builder","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-4069","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devsts.symphotech.com\/sormdalger-site\/wp-json\/wp\/v2\/pages\/4069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devsts.symphotech.com\/sormdalger-site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devsts.symphotech.com\/sormdalger-site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devsts.symphotech.com\/sormdalger-site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devsts.symphotech.com\/sormdalger-site\/wp-json\/wp\/v2\/comments?post=4069"}],"version-history":[{"count":44,"href":"https:\/\/devsts.symphotech.com\/sormdalger-site\/wp-json\/wp\/v2\/pages\/4069\/revisions"}],"predecessor-version":[{"id":4122,"href":"https:\/\/devsts.symphotech.com\/sormdalger-site\/wp-json\/wp\/v2\/pages\/4069\/revisions\/4122"}],"wp:attachment":[{"href":"https:\/\/devsts.symphotech.com\/sormdalger-site\/wp-json\/wp\/v2\/media?parent=4069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}