MIS Informatique – Assistance \u00e0 Distance<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n }\n\n .container {\n background: white;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n max-width: 600px;\n width: 100%;\n overflow: hidden;\n animation: fadeIn 0.6s ease-out;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .header {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 40px;\n text-align: center;\n }\n\n .logo {\n width: 80px;\n height: 80px;\n margin: 0 auto 20px;\n background: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n }\n\n .logo svg {\n width: 50px;\n height: 50px;\n }\n\n h1 {\n font-size: 28px;\n margin-bottom: 10px;\n font-weight: 600;\n }\n\n .subtitle {\n font-size: 16px;\n opacity: 0.9;\n }\n\n .content {\n padding: 40px;\n }\n\n .info-box {\n background: #f8f9fa;\n border-left: 4px solid #667eea;\n padding: 20px;\n border-radius: 8px;\n margin-bottom: 30px;\n }\n\n .info-box h2 {\n color: #333;\n font-size: 18px;\n margin-bottom: 12px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .info-box p {\n color: #666;\n line-height: 1.6;\n }\n\n .steps {\n margin: 30px 0;\n }\n\n .step {\n display: flex;\n align-items: start;\n margin-bottom: 20px;\n padding: 15px;\n background: #f8f9fa;\n border-radius: 10px;\n transition: transform 0.2s;\n }\n\n .step:hover {\n transform: translateX(5px);\n background: #e9ecef;\n }\n\n .step-number {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n width: 35px;\n height: 35px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-right: 15px;\n flex-shrink: 0;\n }\n\n .step-content {\n flex: 1;\n }\n\n .step-title {\n font-weight: 600;\n color: #333;\n margin-bottom: 5px;\n }\n\n .step-description {\n color: #666;\n font-size: 14px;\n line-height: 1.5;\n }\n\n .download-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n color: white;\n padding: 16px 32px;\n border-radius: 12px;\n text-decoration: none;\n font-weight: 600;\n font-size: 18px;\n transition: all 0.3s;\n box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);\n width: 100%;\n max-width: 300px;\n margin: 20px auto;\n }\n\n .download-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5);\n }\n\n .download-icon {\n width: 24px;\n height: 24px;\n }\n\n .footer {\n text-align: center;\n padding: 30px;\n background: #f8f9fa;\n color: #666;\n font-size: 14px;\n }\n\n .footer a {\n color: #667eea;\n text-decoration: none;\n font-weight: 500;\n }\n\n .footer a:hover {\n text-decoration: underline;\n }\n\n .security-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-top: 20px;\n padding: 12px;\n background: white;\n border: 2px solid #e9ecef;\n border-radius: 8px;\n color: #666;\n font-size: 14px;\n }\n\n .security-badge svg {\n width: 20px;\n height: 20px;\n color: #10b981;\n }\n\n @media (max-width: 600px) {\n .container {\n margin: 10px;\n }\n\n .header {\n padding: 30px 20px;\n }\n\n h1 {\n font-size: 24px;\n }\n\n .content {\n padding: 30px 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"logo\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"#667eea\"\/>\n <path d=\"M2 17L12 22L22 17\" stroke=\"#764ba2\" stroke-width=\"2\"\/>\n <path d=\"M2 12L12 17L22 12\" stroke=\"#764ba2\" stroke-width=\"2\"\/>\n <\/svg>\n <\/div>\n <h1>MIS Informatique<\/h1>\n <p class=\"subtitle\">Solution d’assistance \u00e0 distance professionnelle<\/p>\n <\/div>\n\n <div class=\"content\">\n <div class=\"info-box\">\n <h2>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line>\n <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line>\n <\/svg>\n Bienvenue\n <\/h2>\n <p>T\u00e9l\u00e9chargez et installez notre logiciel d’assistance \u00e0 distance pour b\u00e9n\u00e9ficier d’un support technique rapide et s\u00e9curis\u00e9.<\/p>\n <\/div>\n\n <div class=\"steps\">\n <div class=\"step\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">T\u00e9l\u00e9chargez le logiciel<\/div>\n <div class=\"step-description\">Cliquez sur le bouton de t\u00e9l\u00e9chargement ci-dessous<\/div>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">Ex\u00e9cutez l’installation<\/div>\n <div class=\"step-description\">Lancez le fichier t\u00e9l\u00e9charg\u00e9 et suivez les instructions<\/div>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">Communiquez votre ID<\/div>\n <div class=\"step-description\">Transmettez l’identifiant affich\u00e9 \u00e0 votre technicien<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <center>\n <a href=\"https:\/\/kdrive.infomaniak.com\/app\/share\/895442\/401ace36-4116-462e-a2cd-2294ada35c06\" class=\"download-button\" target=\"_blank\">\n <svg class=\"download-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n <\/svg>\n T\u00e9l\u00e9charger\n <\/a>\n\n <div class=\"security-badge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n <\/svg>\n Connexion s\u00e9curis\u00e9e et chiffr\u00e9e\n <\/div>\n <\/center>\n <\/div>\n\n <div class=\"footer\">\n <p>\n <strong>MIS Informatique<\/strong><br>\n Support technique professionnel<br>\n <a href=\"tel:+33233608901\">\ud83d\udcde 02 33 60 89 01<\/a>\n <\/p>\n","protected":false},"excerpt":{"rendered":"<p>MIS Informatique – Assistance \u00e0 Distance MIS Informatique Solution d’assistance \u00e0 distance professionnelle Bienvenue T\u00e9l\u00e9chargez et installez notre logiciel d’assistance \u00e0 distance pour b\u00e9n\u00e9ficier d’un support technique rapide et s\u00e9curis\u00e9.…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-70","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=\/wp\/v2\/pages\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=70"}],"version-history":[{"count":21,"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=\/wp\/v2\/pages\/70\/revisions"}],"predecessor-version":[{"id":143,"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=\/wp\/v2\/pages\/70\/revisions\/143"}],"wp:attachment":[{"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":70,"date":"2024-10-26T08:42:31","date_gmt":"2024-10-26T06:42:31","guid":{"rendered":"https:\/\/boutique.misinformatique.com\/?page_id=70"},"modified":"2026-04-16T11:45:19","modified_gmt":"2026-04-16T09:45:19","slug":"tutoriels","status":"publish","type":"page","link":"https:\/\/boutique.misinformatique.com\/?page_id=70","title":{"rendered":"ASSISTANCE"},"content":{"rendered":"\n\n\n\n \n \n MIS Informatique – Assistance \u00e0 Distance<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n }\n\n .container {\n background: white;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n max-width: 600px;\n width: 100%;\n overflow: hidden;\n animation: fadeIn 0.6s ease-out;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .header {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 40px;\n text-align: center;\n }\n\n .logo {\n width: 80px;\n height: 80px;\n margin: 0 auto 20px;\n background: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n }\n\n .logo svg {\n width: 50px;\n height: 50px;\n }\n\n h1 {\n font-size: 28px;\n margin-bottom: 10px;\n font-weight: 600;\n }\n\n .subtitle {\n font-size: 16px;\n opacity: 0.9;\n }\n\n .content {\n padding: 40px;\n }\n\n .info-box {\n background: #f8f9fa;\n border-left: 4px solid #667eea;\n padding: 20px;\n border-radius: 8px;\n margin-bottom: 30px;\n }\n\n .info-box h2 {\n color: #333;\n font-size: 18px;\n margin-bottom: 12px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .info-box p {\n color: #666;\n line-height: 1.6;\n }\n\n .steps {\n margin: 30px 0;\n }\n\n .step {\n display: flex;\n align-items: start;\n margin-bottom: 20px;\n padding: 15px;\n background: #f8f9fa;\n border-radius: 10px;\n transition: transform 0.2s;\n }\n\n .step:hover {\n transform: translateX(5px);\n background: #e9ecef;\n }\n\n .step-number {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n width: 35px;\n height: 35px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n margin-right: 15px;\n flex-shrink: 0;\n }\n\n .step-content {\n flex: 1;\n }\n\n .step-title {\n font-weight: 600;\n color: #333;\n margin-bottom: 5px;\n }\n\n .step-description {\n color: #666;\n font-size: 14px;\n line-height: 1.5;\n }\n\n .download-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n color: white;\n padding: 16px 32px;\n border-radius: 12px;\n text-decoration: none;\n font-weight: 600;\n font-size: 18px;\n transition: all 0.3s;\n box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);\n width: 100%;\n max-width: 300px;\n margin: 20px auto;\n }\n\n .download-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5);\n }\n\n .download-icon {\n width: 24px;\n height: 24px;\n }\n\n .footer {\n text-align: center;\n padding: 30px;\n background: #f8f9fa;\n color: #666;\n font-size: 14px;\n }\n\n .footer a {\n color: #667eea;\n text-decoration: none;\n font-weight: 500;\n }\n\n .footer a:hover {\n text-decoration: underline;\n }\n\n .security-badge {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-top: 20px;\n padding: 12px;\n background: white;\n border: 2px solid #e9ecef;\n border-radius: 8px;\n color: #666;\n font-size: 14px;\n }\n\n .security-badge svg {\n width: 20px;\n height: 20px;\n color: #10b981;\n }\n\n @media (max-width: 600px) {\n .container {\n margin: 10px;\n }\n\n .header {\n padding: 30px 20px;\n }\n\n h1 {\n font-size: 24px;\n }\n\n .content {\n padding: 30px 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"logo\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"#667eea\"\/>\n <path d=\"M2 17L12 22L22 17\" stroke=\"#764ba2\" stroke-width=\"2\"\/>\n <path d=\"M2 12L12 17L22 12\" stroke=\"#764ba2\" stroke-width=\"2\"\/>\n <\/svg>\n <\/div>\n <h1>MIS Informatique<\/h1>\n <p class=\"subtitle\">Solution d’assistance \u00e0 distance professionnelle<\/p>\n <\/div>\n\n <div class=\"content\">\n <div class=\"info-box\">\n <h2>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line>\n <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line>\n <\/svg>\n Bienvenue\n <\/h2>\n <p>T\u00e9l\u00e9chargez et installez notre logiciel d’assistance \u00e0 distance pour b\u00e9n\u00e9ficier d’un support technique rapide et s\u00e9curis\u00e9.<\/p>\n <\/div>\n\n <div class=\"steps\">\n <div class=\"step\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">T\u00e9l\u00e9chargez le logiciel<\/div>\n <div class=\"step-description\">Cliquez sur le bouton de t\u00e9l\u00e9chargement ci-dessous<\/div>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">Ex\u00e9cutez l’installation<\/div>\n <div class=\"step-description\">Lancez le fichier t\u00e9l\u00e9charg\u00e9 et suivez les instructions<\/div>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">Communiquez votre ID<\/div>\n <div class=\"step-description\">Transmettez l’identifiant affich\u00e9 \u00e0 votre technicien<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <center>\n <a href=\"https:\/\/kdrive.infomaniak.com\/app\/share\/895442\/401ace36-4116-462e-a2cd-2294ada35c06\" class=\"download-button\" target=\"_blank\">\n <svg class=\"download-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n <\/svg>\n T\u00e9l\u00e9charger\n <\/a>\n\n <div class=\"security-badge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n <\/svg>\n Connexion s\u00e9curis\u00e9e et chiffr\u00e9e\n <\/div>\n <\/center>\n <\/div>\n\n <div class=\"footer\">\n <p>\n <strong>MIS Informatique<\/strong><br>\n Support technique professionnel<br>\n <a href=\"tel:+33233608901\">\ud83d\udcde 02 33 60 89 01<\/a>\n <\/p>\n","protected":false},"excerpt":{"rendered":"<p>MIS Informatique – Assistance \u00e0 Distance MIS Informatique Solution d’assistance \u00e0 distance professionnelle Bienvenue T\u00e9l\u00e9chargez et installez notre logiciel d’assistance \u00e0 distance pour b\u00e9n\u00e9ficier d’un support technique rapide et s\u00e9curis\u00e9.…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-70","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=\/wp\/v2\/pages\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=70"}],"version-history":[{"count":21,"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=\/wp\/v2\/pages\/70\/revisions"}],"predecessor-version":[{"id":143,"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=\/wp\/v2\/pages\/70\/revisions\/143"}],"wp:attachment":[{"href":"https:\/\/boutique.misinformatique.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}