{"id":4333,"date":"2025-12-09T20:22:01","date_gmt":"2025-12-09T20:22:01","guid":{"rendered":"https:\/\/awi3.com\/?page_id=4333"},"modified":"2026-07-02T20:10:29","modified_gmt":"2026-07-02T20:10:29","slug":"blockchain","status":"publish","type":"page","link":"https:\/\/awi3.com\/en\/blockchain\/","title":{"rendered":"Blockchain"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4333\" class=\"elementor elementor-4333\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2a987f e-flex e-con-boxed e-con e-child\" data-id=\"e2a987f\" 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-6cbd5112 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"6cbd5112\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1019\" height=\"389\" src=\"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png\" class=\"attachment-full size-full wp-image-4779\" alt=\"\" srcset=\"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png 1019w, https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3-300x115.png 300w, https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3-768x293.png 768w\" sizes=\"(max-width: 1019px) 100vw, 1019px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26e4553a elementor-hidden-desktop elementor-widget-mobile__width-initial elementor-hidden-tablet elementor-widget elementor-widget-jkit_nav_menu\" data-id=\"26e4553a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jkit_nav_menu.default\">\n\t\t\t\t\t<div  class=\"jeg-elementor-kit jkit-nav-menu break-point-tablet submenu-click-title jeg_module___6af658c515daf\"  data-item-indicator=\"&lt;svg aria-hidden=&quot;true&quot; class=&quot;e-font-icon-svg e-fas-angle-down&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\"><button aria-label=\"open-menu\" class=\"jkit-hamburger-menu\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-bars\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z\"><\/path><\/svg><\/button>\n        <div class=\"jkit-menu-wrapper\"><div class=\"jkit-menu-container\"><ul id=\"menu-menu-secondaire\" class=\"jkit-menu jkit-menu-direction-flex jkit-submenu-position-\"><li id=\"menu-item-5102\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-5102\"><a href=\"https:\/\/awi3.com\/\" class=\"menu-link\">Accueil<\/a><\/li>\n<li id=\"menu-item-5107\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-5107\"><a href=\"https:\/\/awi3.com\/a-propos\/\" class=\"menu-link\">A propos<\/a><\/li>\n<li id=\"menu-item-5108\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-5108\"><a href=\"https:\/\/awi3.com\/nos-programmes\/\" class=\"menu-link\">Nos Programmes<\/a><\/li>\n<li id=\"menu-item-5106\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-5106\"><a href=\"https:\/\/awi3.com\/e-learning\/\" class=\"menu-link\">E-learning<\/a><\/li>\n<li id=\"menu-item-6245\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-6245\"><a href=\"https:\/\/awi3.com\/ressources\/\" class=\"menu-link\">Ressources<\/a><\/li>\n<\/ul><\/div>\n            <div class=\"jkit-nav-identity-panel\">\n                <div class=\"jkit-nav-site-title\"><a href=\"https:\/\/awi3.com\/en\" class=\"jkit-nav-logo\" aria-label=\"Home Link\"><\/a><\/div>\n                <button aria-label=\"close-menu\" class=\"jkit-close-menu\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-times\" viewBox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path><\/svg><\/button>\n            <\/div>\n        <\/div>\n        <div class=\"jkit-overlay\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b44cd64 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"6b44cd64\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c9be580 e-con-full e-flex e-con e-child\" data-id=\"c9be580\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59c5f0be elementor-view-stacked elementor-shape-square elementor-widget elementor-widget-icon\" data-id=\"59c5f0be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-map-marker-alt\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16f07c9a elementor-widget elementor-widget-hfe-infocard\" data-id=\"16f07c9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-infocard.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-infocard\">\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-infocard-title-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-title elementor-inline-editing\" data-elementor-setting-key=\"infocard_title\" data-elementor-inline-editing-toolbar=\"basic\" >Addresse<\/div>\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"hfe-infocard-text-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-text elementor-inline-editing\" data-elementor-setting-key=\"infocard_description\" data-elementor-inline-editing-toolbar=\"advanced\">\n\t\t\t\t\tAbidjan\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42364762 e-con-full e-transform e-flex e-con e-child\" data-id=\"42364762\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-69,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4fca48 elementor-view-stacked elementor-shape-square elementor-widget elementor-widget-icon\" data-id=\"c4fca48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5549b99f elementor-widget elementor-widget-hfe-infocard\" data-id=\"5549b99f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-infocard.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-infocard\">\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-infocard-title-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-title elementor-inline-editing\" data-elementor-setting-key=\"infocard_title\" data-elementor-inline-editing-toolbar=\"basic\" >Email<\/div>\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"hfe-infocard-text-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-text elementor-inline-editing\" data-elementor-setting-key=\"infocard_description\" data-elementor-inline-editing-toolbar=\"advanced\">\n\t\t\t\t\tafricanwi3.0@gmail.com\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5dfa7d05 e-con-full elementor-hidden-tablet e-flex e-con e-child\" data-id=\"5dfa7d05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d1f4de elementor-view-stacked elementor-shape-square elementor-widget elementor-widget-icon\" data-id=\"9d1f4de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54aa03e9 elementor-widget elementor-widget-hfe-infocard\" data-id=\"54aa03e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-infocard.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-infocard\">\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-infocard-title-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-title elementor-inline-editing\" data-elementor-setting-key=\"infocard_title\" data-elementor-inline-editing-toolbar=\"basic\" >T\u00e9l\u00e9hone<\/div>\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"hfe-infocard-text-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-text elementor-inline-editing\" data-elementor-setting-key=\"infocard_description\" data-elementor-inline-editing-toolbar=\"advanced\">\n\t\t\t\t\t+2250707627304\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22b83b5c elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"22b83b5c\" 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-373eb496 e-transform elementor-widget elementor-widget-jkit_nav_menu\" data-id=\"373eb496\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;st_menu_item_text_hover_bg_background_background&quot;:&quot;classic&quot;,&quot;st_submenu_item_text_hover_bg_background_background&quot;:&quot;classic&quot;,&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:289,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:55,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:25,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"jkit_nav_menu.default\">\n\t\t\t\t\t<div  class=\"jeg-elementor-kit jkit-nav-menu break-point-tablet submenu-click-title jeg_module__1_6af658c517b87\"  data-item-indicator=\"&lt;i aria-hidden=&quot;true&quot; class=&quot;jki jki-chevron-down-line&quot;&gt;&lt;\/i&gt;\"><button aria-label=\"open-menu\" class=\"jkit-hamburger-menu\"><i aria-hidden=\"true\" class=\"jki jki-burger-menu-light\"><\/i><\/button>\n        <div class=\"jkit-menu-wrapper\"><div class=\"jkit-menu-container\"><ul id=\"menu-menu-secondaire-1\" class=\"jkit-menu jkit-menu-direction-flex jkit-submenu-position-top\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-5102\"><a href=\"https:\/\/awi3.com\/\" class=\"menu-link\">Accueil<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-5107\"><a href=\"https:\/\/awi3.com\/a-propos\/\" class=\"menu-link\">A propos<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-5108\"><a href=\"https:\/\/awi3.com\/nos-programmes\/\" class=\"menu-link\">Nos Programmes<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-5106\"><a href=\"https:\/\/awi3.com\/e-learning\/\" class=\"menu-link\">E-learning<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-6245\"><a href=\"https:\/\/awi3.com\/ressources\/\" class=\"menu-link\">Ressources<\/a><\/li>\n<\/ul><\/div>\n            <div class=\"jkit-nav-identity-panel\">\n                <div class=\"jkit-nav-site-title\"><a href=\"https:\/\/awi3.com\/en\" class=\"jkit-nav-logo\" aria-label=\"Home Link\"><img decoding=\"async\" width=\"1019\" height=\"389\" src=\"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png 1019w, https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3-300x115.png 300w, https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3-768x293.png 768w\" sizes=\"(max-width: 1019px) 100vw, 1019px\" \/><\/a><\/div>\n                <button aria-label=\"close-menu\" class=\"jkit-close-menu\"><i aria-hidden=\"true\" class=\"jki jki-times-solid\"><\/i><\/button>\n            <\/div>\n        <\/div>\n        <div class=\"jkit-overlay\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b84b260 elementor-widget elementor-widget-button\" data-id=\"3b84b260\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/awi3.com\/contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contactez-nous<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10389b58 e-con-full e-flex e-con e-parent\" data-id=\"10389b58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-489c8a2c elementor-widget elementor-widget-html\" data-id=\"489c8a2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"formation-container\">\r\n    <style>\r\n        \/* ===== STYLE ISOLE POUR LA FORMATION ===== *\/\r\n        .formation-container * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .formation-container {\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r\n            background: #f5f7fa;\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            overflow: visible !important;\r\n            position: relative;\r\n        }\r\n\r\n        .formation-container .formation-wrapper {\r\n            display: flex;\r\n            min-height: 100vh;\r\n            width: 100%;\r\n            background: white;\r\n            position: relative;\r\n        }\r\n\r\n        \/* ===== SIDEBAR FIXE AVEC D\u00c9FILEMENT ===== *\/\r\n        .formation-container .sidebar {\r\n            width: 350px;\r\n            background: #0673B7; \/* CHANG\u00c9 DE #0673B7 \u00c0 WHITE POUR MATCHER LE DESIGN *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            position: relative;\r\n            flex-shrink: 0;\r\n            height: 100vh;\r\n            overflow: hidden;\r\n            border-right: 1px solid #e0e6ef;\r\n        }\r\n\r\n        .formation-container .sidebar-header {\r\n            padding: 24px;\r\n            border-bottom: 1px solid #e0e6ef;\r\n            flex-shrink: 0;\r\n            background: #0673B7;\r\n        }\r\n\r\n        .formation-container .course-title {\r\n            font-size: 25px;\r\n            color: white;\r\n            font-weight: 700;\r\n            line-height: 1.4;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .formation-container .progress-wrapper {\r\n            background: #f8fafc;\r\n            padding: 16px;\r\n            border-radius: 8px;\r\n            border: 1px solid #e2e8f0;\r\n        }\r\n\r\n        .formation-container .progress-bar {\r\n            height: 6px;\r\n            background: #e2e8f0;\r\n            border-radius: 3px;\r\n            margin: 8px 0;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .formation-container .progress-fill {\r\n            height: 100%;\r\n            background: linear-gradient(90deg, #0673B7, #0673B7);\r\n            width: 0%;\r\n            border-radius: 3px;\r\n            transition: width 0.3s ease;\r\n        }\r\n\r\n        .formation-container .progress-text {\r\n            color: #4b5563;\r\n            font-size: 14px;\r\n            text-align: center;\r\n            display: block;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .formation-container .sidebar-content {\r\n            flex: 1;\r\n            overflow-y: auto;\r\n            padding: 0;\r\n        }\r\n\r\n        .formation-container .menu-scroll {\r\n            padding: 16px 24px 24px;\r\n            height: auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .formation-container .section-toggle {\r\n            display: none;\r\n        }\r\n\r\n        .formation-container .simple-section {\r\n            padding: 14px 16px;\r\n            background: #f9fafb;\r\n            border-radius: 8px;\r\n            margin-bottom: 6px;\r\n            border: 1px solid #e5e7eb;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .formation-container .simple-section:hover {\r\n            background: #f3f4f6;\r\n            border-color: #d1d5db;\r\n        }\r\n\r\n        .formation-container .simple-section.active {\r\n            background: #eff6ff;\r\n            border-color: #0673B7;\r\n            box-shadow: 0 0 0 1px #0673B7;\r\n        }\r\n\r\n        .formation-container .section-name {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            font-weight: 600;\r\n            color: #374151;\r\n            font-size: 15px;\r\n        }\r\n\r\n        .formation-container .section-status {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .formation-container .steps-badge {\r\n            font-size: 12px;\r\n            color: #718096;\r\n            background: white;\r\n            padding: 2px 8px;\r\n            border-radius: 10px;\r\n            border: 1px solid #e5e7eb;\r\n            font-weight: 500;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .formation-container .check-icon {\r\n            color: #10b981;\r\n            font-weight: bold;\r\n            font-size: 16px;\r\n            display: none;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 18px;\r\n            height: 18px;\r\n        }\r\n\r\n        .formation-container .accordion-section {\r\n            border: 1px solid #e5e7eb;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .formation-container .accordion-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 14px 16px;\r\n            background: #f9fafb;\r\n            cursor: pointer;\r\n            border-bottom: 1px solid transparent;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .formation-container .section-toggle:checked + .accordion-header {\r\n            background: #eff6ff;\r\n            border-color: #0673B7;\r\n        }\r\n\r\n        .formation-container .section-toggle:checked + .accordion-header .arrow {\r\n            transform: rotate(90deg);\r\n        }\r\n\r\n        .formation-container .accordion-header:hover {\r\n            background: #f3f4f6;\r\n        }\r\n\r\n        .formation-container .accordion-header.active {\r\n            background: #eff6ff;\r\n            border-color: #0673B7;\r\n        }\r\n\r\n        .formation-container .arrow {\r\n            display: inline-block;\r\n            transition: transform 0.3s ease;\r\n            margin-left: 8px;\r\n            font-size: 10px;\r\n            color: #6b7280;\r\n        }\r\n\r\n        .formation-container .accordion-content {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease;\r\n            background: white;\r\n        }\r\n\r\n        .formation-container .section-toggle:checked ~ .accordion-content {\r\n            max-height: 500px;\r\n            overflow-y: auto;\r\n        }\r\n\r\n        .formation-container .lesson-item {\r\n            display: block;\r\n            padding: 12px 16px 12px 44px;\r\n            border-bottom: 1px solid #f3f4f6;\r\n            color: #4b5563;\r\n            text-decoration: none;\r\n            cursor: pointer;\r\n            position: relative;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .formation-container .lesson-item:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .formation-container .lesson-item:hover {\r\n            background: #f9fafb;\r\n        }\r\n\r\n        .formation-container .lesson-item.active {\r\n            background: #eff6ff;\r\n            color: #1e40af;\r\n        }\r\n\r\n        .formation-container .lesson-title {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 2px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .formation-container .lesson-duration {\r\n            font-size: 12px;\r\n            color: #6b7280;\r\n        }\r\n\r\n        .formation-container .bullet {\r\n            position: absolute;\r\n            left: 20px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 8px;\r\n            height: 8px;\r\n            border-radius: 50%;\r\n            background: #d1d5db;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .formation-container .lesson-item.active .bullet {\r\n            background: #0673B7;\r\n            transform: translateY(-50%) scale(1.2);\r\n        }\r\n\r\n        .formation-container .lesson-item.completed .bullet {\r\n            background: #10b981;\r\n        }\r\n\r\n        .formation-container .lesson-item.completed .bullet::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 4px;\r\n            height: 4px;\r\n            background: white;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        \/* ===== CONTENU PRINCIPAL QUI D\u00c9FILE ===== *\/\r\n        .formation-container .content-area {\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            min-width: 0;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .formation-container .content-scroll {\r\n            flex: 1;\r\n            overflow-y: auto;\r\n            padding: 32px 40px;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .formation-container .lesson-content {\r\n            display: none !important;\r\n            animation: fadeIn 0.3s ease;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* AFFICHAGE DU CONTENU CORRESPONDANT AU RADIO COCH\u00c9 *\/\r\n        .formation-container > #radio-apercu:checked ~ .formation-wrapper .content-area #content-apercu,\r\n        .formation-container > #radio-mod1-ch1:checked ~ .formation-wrapper .content-area #content-mod1-ch1,\r\n        .formation-container > #radio-mod1-ch2:checked ~ .formation-wrapper .content-area #content-mod1-ch2,\r\n        .formation-container > #radio-mod1-ch3:checked ~ .formation-wrapper .content-area #content-mod1-ch3,\r\n        .formation-container > #radio-mod1-ch4:checked ~ .formation-wrapper .content-area #content-mod1-ch4,\r\n        .formation-container > #radio-mod1-ch5:checked ~ .formation-wrapper .content-area #content-mod1-ch5,\r\n        .formation-container > #radio-mod1-conclusion:checked ~ .formation-wrapper .content-area #content-mod1-conclusion,\r\n        .formation-container > #radio-mod1-qcm:checked ~ .formation-wrapper .content-area #content-mod1-qcm,\r\n        .formation-container > #radio-mod2-ch1:checked ~ .formation-wrapper .content-area #content-mod2-ch1,\r\n        .formation-container > #radio-mod2-ch2:checked ~ .formation-wrapper .content-area #content-mod2-ch2,\r\n        .formation-container > #radio-mod2-ch3:checked ~ .formation-wrapper .content-area #content-mod2-ch3,\r\n        .formation-container > #radio-mod2-ch4:checked ~ .formation-wrapper .content-area #content-mod2-ch4,\r\n        .formation-container > #radio-mod2-conclusion:checked ~ .formation-wrapper .content-area #content-mod2-conclusion,\r\n        .formation-container > #radio-mod2-qcm:checked ~ .formation-wrapper .content-area #content-mod2-qcm,\r\n        .formation-container > #radio-binance-m1:checked ~ .formation-wrapper .content-area #content-binance-m1,\r\n        .formation-container > #radio-binance-q1:checked ~ .formation-wrapper .content-area #content-binance-q1,\r\n        .formation-container > #radio-binance-m2:checked ~ .formation-wrapper .content-area #content-binance-m2,\r\n        .formation-container > #radio-binance-q2:checked ~ .formation-wrapper .content-area #content-binance-q2,\r\n        .formation-container > #radio-binance-m3:checked ~ .formation-wrapper .content-area #content-binance-m3,\r\n        .formation-container > #radio-binance-q3:checked ~ .formation-wrapper .content-area #content-binance-q3,\r\n        .formation-container > #radio-binance-m4:checked ~ .formation-wrapper .content-area #content-binance-m4,\r\n        .formation-container > #radio-binance-q4:checked ~ .formation-wrapper .content-area #content-binance-q4,\r\n        .formation-container > #radio-binance-m5:checked ~ .formation-wrapper .content-area #content-binance-m5,\r\n        .formation-container > #radio-binance-q5:checked ~ .formation-wrapper .content-area #content-binance-q5,\r\n        .formation-container > #radio-binance-m6:checked ~ .formation-wrapper .content-area #content-binance-m6,\r\n        .formation-container > #radio-binance-q6:checked ~ .formation-wrapper .content-area #content-binance-q6 {\r\n            display: block !important;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(10px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .formation-container .content-title {\r\n            font-size: 28px;\r\n            color: #1f2937;\r\n            margin-bottom: 24px;\r\n            font-weight: 700;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .formation-container .content-description {\r\n            color: #4b5563;\r\n            line-height: 1.7;\r\n            margin-bottom: 32px;\r\n            font-size: 16px;\r\n            overflow: visible !important;\r\n        }\r\n\r\n        .formation-container .content-description p {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .formation-container .content-description ul,\r\n        .formation-container .content-description ol {\r\n            margin: 20px 0;\r\n            padding-left: 24px;\r\n        }\r\n\r\n        .formation-container .content-description li {\r\n            margin-bottom: 10px;\r\n            position: relative;\r\n            padding-left: 8px;\r\n        }\r\n\r\n        .formation-container .video-player {\r\n            width: 100%;\r\n            max-width: 800px;\r\n            margin: 24px 0 32px;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .formation-container .video-duration {\r\n            font-size: 14px;\r\n            color: #6b7280;\r\n            margin-top: 8px;\r\n            text-align: center;\r\n        }\r\n\r\n        .formation-container .nav-buttons {\r\n            display: flex;\r\n            gap: 16px;\r\n            margin-top: 40px;\r\n            padding-top: 24px;\r\n            border-top: 1px solid #e5e7eb;\r\n        }\r\n\r\n        .formation-container .nav-btn {\r\n            padding: 14px 28px;\r\n            border: none;\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            font-size: 15px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .formation-container .btn-complete {\r\n            background: linear-gradient(135deg, #0673B7, #0673B7);\r\n            color: white;\r\n            min-width: 140px;\r\n        }\r\n\r\n        .formation-container .btn-complete:hover {\r\n            background: linear-gradient(135deg, #055a92, #0673B7);\r\n            transform: translateY(-1px);\r\n            box-shadow: 0 4px 12px rgba(6, 115, 183, 0.2);\r\n        }\r\n\r\n        .formation-container .btn-complete:disabled {\r\n            background: #10b981;\r\n            cursor: default;\r\n            transform: none;\r\n            box-shadow: none;\r\n        }\r\n\r\n        .formation-container .btn-next {\r\n            background: linear-gradient(135deg, #0673B7, #0673B7);\r\n            color: white;\r\n            flex: 1;\r\n            max-width: 300px;\r\n        }\r\n\r\n        .formation-container .btn-prev {\r\n            background: #f3f4f6;\r\n            color: #6b7280;\r\n            flex: 1;\r\n            max-width: 300px;\r\n        }\r\n\r\n        .formation-container .btn-prev:hover {\r\n            background: #e5e7eb;\r\n        }\r\n\r\n        .formation-container .btn-next:hover {\r\n            background: linear-gradient(135deg, #055a92, #0673B7);\r\n            transform: translateY(-1px);\r\n            box-shadow: 0 4px 12px rgba(6, 115, 183, 0.2);\r\n        }\r\n\r\n        .formation-container .lesson-radio {\r\n            display: none;\r\n        }\r\n\r\n        .formation-container .alert-message {\r\n            display: none;\r\n            background: #fee2e2;\r\n            color: #dc2626;\r\n            padding: 16px 20px;\r\n            border-radius: 8px;\r\n            margin: 20px auto;\r\n            border: 2px solid #fca5a5;\r\n            font-weight: 600;\r\n            position: fixed;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            z-index: 1000;\r\n            min-width: 300px;\r\n            text-align: center;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .formation-container .success-message {\r\n            display: none;\r\n            background: #d1fae5;\r\n            color: #065f46;\r\n            padding: 16px 20px;\r\n            border-radius: 8px;\r\n            margin: 20px auto;\r\n            border: 2px solid #a7f3d0;\r\n            font-weight: 600;\r\n            position: fixed;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            z-index: 1000;\r\n            min-width: 300px;\r\n            text-align: center;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .formation-container .alert-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.5);\r\n            z-index: 999;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .formation-container .formation-wrapper {\r\n                flex-direction: column;\r\n                min-height: 100vh;\r\n            }\r\n\r\n            .formation-container .sidebar {\r\n                position: relative;\r\n                width: 100%;\r\n                height: auto;\r\n                max-height: 70vh;\r\n            }\r\n\r\n            .formation-container .menu-scroll {\r\n                padding-bottom: 20px;\r\n            }\r\n\r\n            .formation-container .content-scroll {\r\n                padding: 24px;\r\n            }\r\n\r\n            .formation-container .content-title {\r\n                font-size: 24px;\r\n            }\r\n           \r\n            .formation-container .alert-message,\r\n            .formation-container .success-message {\r\n                min-width: 250px;\r\n                padding: 14px 18px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .formation-container .sidebar-header {\r\n                padding: 20px;\r\n            }\r\n\r\n            .formation-container .menu-scroll {\r\n                padding: 16px 20px 20px;\r\n            }\r\n\r\n            .formation-container .content-scroll {\r\n                padding: 20px;\r\n            }\r\n\r\n            .formation-container .content-title {\r\n                font-size: 22px;\r\n            }\r\n\r\n            .formation-container .nav-buttons {\r\n                flex-direction: column;\r\n            }\r\n            .formation-container .lesson-content .img {\r\n                margin-left: 0px;\r\n            }\r\n\r\n            .formation-container .btn-complete,\r\n            .formation-container .btn-prev,\r\n            .formation-container .btn-next {\r\n                width: 100%;\r\n                max-width: 100%;\r\n            }\r\n\r\n            .formation-container .alert-message,\r\n            .formation-container .success-message {\r\n                min-width: 200px;\r\n                padding: 12px 16px;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n\r\n        .formation-container .sidebar-content::-webkit-scrollbar {\r\n            width: 6px;\r\n        }\r\n\r\n        .formation-container .sidebar-content::-webkit-scrollbar-track {\r\n            background: #f1f5f9;\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .formation-container .sidebar-content::-webkit-scrollbar-thumb {\r\n            background: #cbd5e1;\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .formation-container .sidebar-content::-webkit-scrollbar-thumb:hover {\r\n            background: #94a3b8;\r\n        }\r\n\r\n        .formation-container .accordion-content::-webkit-scrollbar {\r\n            width: 4px;\r\n        }\r\n\r\n        .formation-container .accordion-content::-webkit-scrollbar-track {\r\n            background: #f8fafc;\r\n        }\r\n\r\n        .formation-container .accordion-content::-webkit-scrollbar-thumb {\r\n            background: #d1d5db;\r\n        }\r\n\r\n        .formation-container .content-scroll::-webkit-scrollbar {\r\n            width: 6px;\r\n            height: 6px;\r\n        }\r\n\r\n        .formation-container .content-scroll::-webkit-scrollbar-track {\r\n            background: #f1f5f9;\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .formation-container .content-scroll::-webkit-scrollbar-thumb {\r\n            background: #cbd5e1;\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .formation-container .content-scroll::-webkit-scrollbar-thumb:hover {\r\n            background: #94a3b8;\r\n        }\r\n    <\/style>\r\n\r\n    <!-- LES RADIOS DOIVENT \u00caTRE DIRECTEMENT ENFANTS DE .formation-container -->\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-apercu\" checked>\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-mod1-ch1\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-mod1-ch2\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-mod1-ch3\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-mod1-ch4\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-mod1-ch5\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-mod1-conclusion\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-mod1-qcm\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-mod2-ch1\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-mod2-ch2\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-mod2-ch3\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-mod2-ch4\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-mod2-conclusion\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-mod2-qcm\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-binance-m1\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-binance-q1\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-binance-m2\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-binance-q2\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-binance-m3\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-binance-q3\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-binance-m4\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-binance-q4\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-binance-m5\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-binance-q5\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-binance-m6\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-binance-q6\">\r\n\r\n    <div class=\"formation-wrapper\">\r\n        <!-- SIDEBAR FIXE AVEC D\u00c9FILEMENT -->\r\n        <div class=\"sidebar\">\r\n            <div class=\"sidebar-header\">\r\n                <h2 class=\"course-title\">Introduction \u00e0 la Blockchain<\/h2>\r\n                <div class=\"progress-wrapper\">\r\n                    <div class=\"progress-bar\">\r\n                        <div class=\"progress-fill\" id=\"global-progress\"><\/div>\r\n                    <\/div>\r\n                    <span class=\"progress-text\" id=\"global-progress-text\">0% compl\u00e9t\u00e9<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"sidebar-content\">\r\n                <div class=\"menu-scroll\">\r\n                    <label for=\"radio-apercu\" class=\"simple-section active\" data-section=\"apercu\">\r\n                        <div class=\"section-name\">Aper\u00e7u<\/div>\r\n                    <\/label>\r\n\r\n                    <div class=\"accordion-section\">\r\n                        <input type=\"checkbox\" id=\"section-intro\" class=\"section-toggle\">\r\n                        <label for=\"section-intro\" class=\"accordion-header\" data-section=\"intro\">\r\n                            <div class=\"section-name\">\r\n                                Module 1 : Introduction \u00e0 la Blockchain\r\n                                <span class=\"arrow\">\u25b6<\/span>\r\n                            <\/div>\r\n                            <div class=\"section-status\">\r\n                                <span class=\"steps-badge\" id=\"steps-intro\">0\/7 \u00e9tapes<\/span>\r\n                                <span class=\"check-icon\" id=\"check-intro\">\u2713<\/span>\r\n                            <\/div>\r\n                        <\/label>\r\n                        <div class=\"accordion-content\">\r\n                            <label for=\"radio-mod1-ch1\" class=\"lesson-item\" data-lesson=\"mod1-ch1\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Chapitre 1 : Qu'est-ce que la Blockchain ?<\/div>\r\n                                <div class=\"lesson-duration\">24:40<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-mod1-ch2\" class=\"lesson-item\" data-lesson=\"mod1-ch2\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Chapitre 2 : Les principes fondamentaux de la Blockchain<\/div>\r\n                                <div class=\"lesson-duration\">9:52<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-mod1-ch3\" class=\"lesson-item\" data-lesson=\"mod1-ch3\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Chapitre 3 : Les diff\u00e9rents Types de Blockchain<\/div>\r\n                                <div class=\"lesson-duration\">3:54<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-mod1-ch4\" class=\"lesson-item\" data-lesson=\"mod1-ch4\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Chapitre 4 : Les Crypto-monnaies et la Blockchain<\/div>\r\n                                <div class=\"lesson-duration\">18:35<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-mod1-ch5\" class=\"lesson-item\" data-lesson=\"mod1-ch5\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Cas concret d'utilisation : Le Bitcoin et les transactions<\/div>\r\n                                <div class=\"lesson-duration\">8:33<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-mod1-conclusion\" class=\"lesson-item\" data-lesson=\"mod1-conclusion\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Conclusion du Module 1<\/div>\r\n                                <div class=\"lesson-duration\">5:48<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-mod1-qcm\" class=\"lesson-item\" data-lesson=\"mod1-qcm\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Quiz Module 1<\/div>\r\n                                <div class=\"lesson-duration\">02:53<\/div>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"accordion-section\">\r\n                        <input type=\"checkbox\" id=\"section-innovation\" class=\"section-toggle\">\r\n                        <label for=\"section-innovation\" class=\"accordion-header\" data-section=\"innovation\">\r\n                            <div class=\"section-name\">\r\n                                Module 2 : Applications de la Blockchain\r\n                                <span class=\"arrow\">\u25b6<\/span>\r\n                            <\/div>\r\n                            <div class=\"section-status\">\r\n                                <span class=\"steps-badge\" id=\"steps-innovation\">0\/6 \u00e9tapes<\/span>\r\n                                <span class=\"check-icon\" id=\"check-innovation\">\u2713<\/span>\r\n                            <\/div>\r\n                        <\/label>\r\n                        <div class=\"accordion-content\">\r\n                            <label for=\"radio-mod2-ch1\" class=\"lesson-item\" data-lesson=\"mod2-ch1\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Chapitre 1 : La blockchain dans la finance<\/div>\r\n                                <div class=\"lesson-duration\">15:12<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-mod2-ch2\" class=\"lesson-item\" data-lesson=\"mod2-ch2\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Chapitre 2 : Les smart contracts et les DAO<\/div>\r\n                                <div class=\"lesson-duration\">7:32<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-mod2-ch3\" class=\"lesson-item\" data-lesson=\"mod2-ch3\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Chapitre 3 : La blockchain et l'identit\u00e9 num\u00e9rique<\/div>\r\n                                <div class=\"lesson-duration\">7:54<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-mod2-ch4\" class=\"lesson-item\" data-lesson=\"mod2-ch4\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Chapitre 4 : blockchain, la logistique et la tra\u00e7abilit\u00e9<\/div>\r\n                                <div class=\"lesson-duration\">3:09<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-mod2-conclusion\" class=\"lesson-item\" data-lesson=\"mod2-conclusion\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Conclusion du chapitre 4<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-mod2-qcm\" class=\"lesson-item\" data-lesson=\"mod2-qcm\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Quiz Module 2: Les applications de la blockchain<\/div>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"accordion-section\">\r\n                        <input type=\"checkbox\" id=\"section-strategies\" class=\"section-toggle\">\r\n                        <label for=\"section-strategies\" class=\"accordion-header\" data-section=\"strategies\">\r\n                            <div class=\"section-name\">\r\n                                BINANCE ACADEMY BOOTCAMP\r\n                                <span class=\"arrow\">\u25b6<\/span>\r\n                            <\/div>\r\n                            <div class=\"section-status\">\r\n                                <span class=\"steps-badge\" id=\"steps-strategies\">0\/12 \u00e9tapes<\/span>\r\n                                <span class=\"check-icon\" id=\"check-strategies\">\u2713<\/span>\r\n                            <\/div>\r\n                        <\/label>\r\n                        <div class=\"accordion-content\">\r\n                            <label for=\"radio-binance-m1\" class=\"lesson-item\" data-lesson=\"binance-m1\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Binance Academy M1: L'histoire de la technologie blockchain<\/div>\r\n                                <div class=\"lesson-duration\">05:11<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-binance-q1\" class=\"lesson-item\" data-lesson=\"binance-q1\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Quiz Etape 1<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-binance-m2\" class=\"lesson-item\" data-lesson=\"binance-m2\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Binance Academy M2: L'histoire de la technologie blockchain<\/div>\r\n                                <div class=\"lesson-duration\">04:40<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-binance-q2\" class=\"lesson-item\" data-lesson=\"binance-q2\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Quiz Etape 2<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-binance-m3\" class=\"lesson-item\" data-lesson=\"binance-m3\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Binance Academy M3: Comment fonctionne la blockchain ?<\/div>\r\n                                <div class=\"lesson-duration\">04:38<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-binance-q3\" class=\"lesson-item\" data-lesson=\"binance-q3\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Quiz Etape 3<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-binance-m4\" class=\"lesson-item\" data-lesson=\"binance-m4\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Binance Academy M4: M\u00e9canismes de consensus de la blockchain<\/div>\r\n                                <div class=\"lesson-duration\">05:08<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-binance-q4\" class=\"lesson-item\" data-lesson=\"binance-q4\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Quiz Etape 4<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-binance-m5\" class=\"lesson-item\" data-lesson=\"binance-m5\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Binance Academy M5: Structure du r\u00e9seau blockchain<\/div>\r\n                                <div class=\"lesson-duration\">04:27<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-binance-q5\" class=\"lesson-item\" data-lesson=\"binance-q5\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Quiz Etape 5<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-binance-m6\" class=\"lesson-item\" data-lesson=\"binance-m6\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">M6: Cas d'utilisation et limites de la blockchain<\/div>\r\n                                <div class=\"lesson-duration\">04:31<\/div>\r\n                            <\/label>\r\n                            <label for=\"radio-binance-q6\" class=\"lesson-item\" data-lesson=\"binance-q6\">\r\n                                <span class=\"bullet\"><\/span>\r\n                                <div class=\"lesson-title\">Quiz Etape 6<\/div>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"content-area\">\r\n            <div class=\"content-scroll\">\r\n                <div class=\"alert-message\" id=\"alert-message\"><\/div>\r\n                <div class=\"success-message\" id=\"success-message\"><\/div>\r\n\r\n                <!-- CONTENU APER\u00c7U -->\r\n                <div class=\"lesson-content\" id=\"content-apercu\">\r\n                    <p style=\"margin-bottom: 50px;\">84 jours \u00b7 25 \u00e9tapes<\/p>\r\n                    <div style=\"width: 100%; text-align: center; margin-bottom: 50px;\">\r\n    <img decoding=\"async\" \r\n        src=\"https:\/\/static.wixstatic.com\/media\/12363b_ea2e0b39754b4f6a9fbb76a41e3cece7~mv2.webp\"\r\n        alt=\"image\"\r\n        style=\"max-width: 500px; width: 100%; height: auto; display: block; margin: 0 auto;\"\r\n    >\r\n<\/div>\r\n\r\n                    <h1 class=\"content-title\">\u00c0 propos<\/h1>\r\n                    <div class=\"content-description\">\r\n                        <p>\r\n                            Ce programme de formation est con\u00e7u pour fournir aux apprenants une compr\u00e9hension\r\n                            approfondie de la blockchain et de ses applications pratiques. \u00c0 travers cinq modules\r\n                            structur\u00e9s, les apprenants d\u00e9couvriront comment cette technologie r\u00e9volutionnaire peut\r\n                            am\u00e9liorer leur productivit\u00e9 et optimiser leurs processus professionnels.\r\n                        <\/p>\r\n                        <h3>R\u00e9compenses<\/h3>\r\n                        <div style=\"\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    text-justify: auto;\r\n    gap: 20px 40px;\r\n    margin-top: 50px;\r\n    align-items: center;\r\n\">\r\n    <div style=\"display: flex; align-items: center; gap: 15px; min-width: 250px; flex: 1;\">\r\n        <img decoding=\"async\" src=\"https:\/\/static.vecteezy.com\/system\/resources\/previews\/017\/550\/246\/original\/line-icon-for-accreditation-vector.jpg\"\r\n            alt=\"Ic\u00f4ne certificat\" style=\"width: 30px; height: 50px; flex-shrink: 0;\">\r\n        <p style=\"margin: 0;\">Obtenez un certificat en compl\u00e9tant le programme.<\/p>\r\n    <\/div>\r\n    \r\n    <div style=\"display: flex; align-items: center; gap: 15px; min-width: 250px; flex: 1;\">\r\n        <img decoding=\"async\" src=\"https:\/\/img.freepik.com\/vecteurs-premium\/icone-embleme-evenement-icone-vectorielle-embleme-evenement-pour-conception-sites-web-isolee-fond-blanc_96318-62104.jpg\"\r\n            alt=\"Ic\u00f4ne badge\" style=\"width: 30px; height: 50px; flex-shrink: 0;\">\r\n        <p style=\"margin: 0;\">Les participants qui ont compl\u00e9t\u00e9 toutes les \u00e9tapes du programme recevront un badge.<\/p>\r\n    <\/div>\r\n<\/div>\r\n                        <h4 style=\"font-size: 20px; margin-top:15px\">Rejoignez cette formation et prenez une longueur d'avance dans\r\n                            l'\u00e8re de l'IA !<\/h4>\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"goToCatalogue()\">Revenir au catalogue<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"startFormation()\">Commencer la formation \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU MODULE 1 CHAPITRE 1 -->\r\n                <div class=\"lesson-content\" id=\"content-mod1-ch1\">\r\n                    <h1 class=\"content-title\">Chapitre 1: Qu'est-ce que la Blockchain ?<\/h1>\r\n                    <iframe width=\"100%\" height=\"400\" \r\n        src=\"https:\/\/www.youtube.com\/embed\/_XC8P93Dc7k\" \r\n        frameborder=\"0\" \r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n        allowfullscreen>\r\n<\/iframe>\r\n                    <p class=\"video-duration\">Dur\u00e9e : 24 minutes 39 secondes<\/p>\r\n\r\n                    <div class=\"content-description\">\r\n                        <ol>\r\n                            <li>\r\n                                <strong>D\u00e9finition et origines de la blockchain<\/strong>\r\n                                <p>La blockchain C'est une technologie de registre distribu\u00e9 qui permet de stocker\r\n                                    et de partager des informations de mani\u00e8re s\u00e9curis\u00e9e, transparente et immuable.\r\n                                    Cette caract\u00e9ristique unique fait de la blockchain un outil puissant pour\r\n                                    r\u00e9soudre des probl\u00e8mes complexes dans divers domaines, allant de la finance \u00e0 la\r\n                                    gestion des identit\u00e9s, en passant par la tra\u00e7abilit\u00e9 des produits et la s\u00e9curit\u00e9\r\n                                    des donn\u00e9es.<\/p>\r\n                                <p> Elle a \u00e9t\u00e9 introduite en 2008 par Satoshi Nakamoto avec la cr\u00e9ation du Bitcoin.\r\n                                    La blockchain, souvent associ\u00e9e aux crypto-monnaies comme le Bitcoin, est bien\r\n                                    plus qu'un simple syst\u00e8me de transaction financi\u00e8re. <\/p>\r\n                                <p>L'importance de la blockchain r\u00e9side dans sa capacit\u00e9 \u00e0 cr\u00e9er un environnement de\r\n                                    confiance sans n\u00e9cessiter d'interm\u00e9diaires. En \u00e9liminant les tiers de confiance\r\n                                    traditionnels, la blockchain offre des solutions plus efficaces, moins co\u00fbteuses\r\n                                    et plus s\u00e9curis\u00e9es. Elle promet de r\u00e9volutionner la mani\u00e8re dont nous\r\n                                    interagissons, \u00e9changeons des valeurs et g\u00e9rons nos informations.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Principe du registre distribu\u00e9<\/strong>\r\n                                <p>Contrairement aux bases de donn\u00e9es centralis\u00e9es, la blockchain repose sur un\r\n                                    registre d\u00e9centralis\u00e9 o\u00f9 chaque participant d\u00e9tient une copie de l'historique\r\n                                    des transactions. Chaque n\u0153ud poss\u00e8de une copie compl\u00e8te du registre, ce qui\r\n                                    assure la transparence et la s\u00e9curit\u00e9 des donn\u00e9es.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Fonctionnement des blocs et des transactions<\/strong>\r\n                                <p>Chaque bloc contient un ensemble de transactions valid\u00e9es et est li\u00e9 au pr\u00e9c\u00e9dent\r\n                                    via un hachage cryptographique, formant ainsi une cha\u00eene s\u00e9curis\u00e9e.<\/p>\r\n                                <p> Elle a \u00e9t\u00e9 introduite en 2008 par Satoshi Nakamoto avec la cr\u00e9ation du Bitcoin.\r\n                                    La blockchain, souvent associ\u00e9e aux crypto-monnaies comme le Bitcoin, est bien\r\n                                    plus qu'un simple syst\u00e8me de transaction financi\u00e8re. <\/p>\r\n                                <p>L'importance de la blockchain r\u00e9side dans sa capacit\u00e9 \u00e0 cr\u00e9er un environnement de\r\n                                    confiance sans n\u00e9cessiter d'interm\u00e9diaires. En \u00e9liminant les tiers de confiance\r\n                                    traditionnels, la blockchain offre des solutions plus efficaces, moins co\u00fbteuses\r\n                                    et plus s\u00e9curis\u00e9es. Elle promet de r\u00e9volutionner la mani\u00e8re dont nous\r\n                                    interagissons, \u00e9changeons des valeurs et g\u00e9rons nos informations.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Les acteurs du r\u00e9seau<\/strong>\r\n                                <ul>\r\n                                    <li>Mineurs : Valident et ajoutent de nouveaux blocs \u00e0 la blockchain.<\/li>\r\n                                    <li>N\u0153uds : Stockent une copie compl\u00e8te de la blockchain et participent \u00e0 la\r\n                                        validation des transactions.<\/li>\r\n                                    <li>Utilisateurs : Effectuent des transactions sur le r\u00e9seau.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Diff\u00e9rence entre blockchain publique, priv\u00e9e et hybride<\/strong>\r\n                                <ul>\r\n                                    <li>Publique: Les blockchains publiques sont des r\u00e9seaux ouverts o\u00f9 n'importe\r\n                                        qui peut participer en tant que n\u0153ud ou utilisateur : Accessible \u00e0 tous\r\n                                        (Bitcoin, Ethereum).<\/li>\r\n                                    <li>Priv\u00e9e : Les blockchains priv\u00e9es sont des r\u00e9seaux ferm\u00e9s o\u00f9 l'acc\u00e8s est\r\n                                        restreint \u00e0 des participants autoris\u00e9s ,restreinte \u00e0 un groupe d\u00e9fini\r\n                                        (Hyperledger, Corda).<\/li>\r\n                                    <li>Hybride: Les blockchains hybrides combinent des \u00e9l\u00e9ments des blockchains\r\n                                        publiques et priv\u00e9es, offrant ainsi un \u00e9quilibre entre transparence et\r\n                                        confidentialit\u00e9 : (XinFin, Dragonchain)<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Conclusion du chapitre 1<\/strong>\r\n                                <p>La blockchain est une technologie innovante qui repose sur un registre distribu\u00e9\r\n                                    et une architecture d\u00e9centralis\u00e9e. Elle permet d'assurer la transparence et la\r\n                                    s\u00e9curit\u00e9 des transactions tout en \u00e9liminant les interm\u00e9diaires.<\/p>\r\n                            <\/li>\r\n                        <\/ol>\r\n                        <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/67a9b1_d9c14bcf376f4e7fb5db87784464b4a6~mv2.jpg\" style=\"width: 300px; height: 200px; margin-left: 100px;\">\r\n                        <p style=\"margin-top: 20px; color: rgb(205, 150, 49);text-align: center;\">LA BLOCKCHAIN ; LA TECHNOLOGIE DU FUTUR<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU MODULE 1 CHAPITRE 2 -->\r\n                <div class=\"lesson-content\" id=\"content-mod1-ch2\">\r\n                    <h1 class=\"content-title\">Chapitre 2 : Les Principes Fondamentaux de la Blockchain<\/h1>\r\n                    <iframe width=\"100%\" height=\"400\" \r\n        src=\"https:\/\/www.youtube.com\/embed\/x2xSf2HioWQ\" \r\n        frameborder=\"0\" \r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n        allowfullscreen>\r\n<\/iframe>\r\n                    \r\n                    <p class=\"video-duration\">Dur\u00e9e : 9 minutes 52 secondes<\/p>\r\n\r\n                    <div class=\"content-description\">\r\n                        <ol>\r\n                            <li>\r\n                                <strong>D\u00e9centralisation et transparence<\/strong>\r\n                                <p>La blockchain fonctionne sans autorit\u00e9 centrale, rendant les transactions\r\n                                    accessibles et v\u00e9rifiables par tous les participants. Il n'y a donc pas\r\n                                    d'autorit\u00e9 centrale qui contr\u00f4le la blockchain. Les d\u00e9cisions sont prises\r\n                                    collectivement par les participants du r\u00e9seau, ce qui renforce la r\u00e9silience et\r\n                                    la s\u00e9curit\u00e9 du syst\u00e8me. Toutes les transactions sont visibles par tous les\r\n                                    participants du r\u00e9seau, ce qui assure une transparence totale et permet de\r\n                                    v\u00e9rifier l'int\u00e9grit\u00e9 des donn\u00e9es<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>S\u00e9curit\u00e9 et cryptographie<\/strong>\r\n                                <p>L'utilisation de la cryptographie assure l'int\u00e9grit\u00e9 et la protection des\r\n                                    donn\u00e9es.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Consensus et validation des transactions<\/strong>\r\n                                <p>Les transactions sont valid\u00e9es via des m\u00e9canismes comme la preuve de travail\r\n                                    (PoW) ou la preuve d'enjeu (PoS). Pour ajouter un nouveau bloc \u00e0 la cha\u00eene, les\r\n                                    n\u0153uds doivent parvenir \u00e0 un consensus. Cela signifie que la majorit\u00e9 des\r\n                                    participants doit s'accorder sur la validit\u00e9 des transactions avant qu'elles ne\r\n                                    soient enregistr\u00e9es.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Immutabilit\u00e9 et tra\u00e7abilit\u00e9 des donn\u00e9es<\/strong>\r\n                                <p>Une fois enregistr\u00e9es, les donn\u00e9es ne peuvent plus \u00eatre modifi\u00e9es, garantissant\r\n                                    leur fiabilit\u00e9. Une fois qu'une transaction est enregistr\u00e9e dans un bloc, elle\r\n                                    ne peut plus \u00eatre modifi\u00e9e. Cela garantit l'int\u00e9grit\u00e9 des donn\u00e9es et emp\u00eache\r\n                                    toute falsification.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Conclusion du chapitre 2<\/strong>\r\n                                <p>Les principes fondamentaux de la blockchain renforcent la confiance dans les\r\n                                    transactions en assurant leur s\u00e9curit\u00e9, leur transparence et leur immuabilit\u00e9.<\/p>\r\n                            <\/li>\r\n                        <\/ol>\r\n                        \r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU MODULE 1 CHAPITRE 3 -->\r\n                <div class=\"lesson-content\" id=\"content-mod1-ch3\">\r\n                    <h1 class=\"content-title\">Chapitre 3 : Les Diff\u00e9rents Types de Blockchain<\/h1>\r\n                    <iframe width=\"100%\" height=\"400\" \r\n        src=\"https:\/\/www.youtube.com\/embed\/AsRyMUxK-l4\" \r\n        frameborder=\"0\" \r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n        allowfullscreen>\r\n<\/iframe>\r\n                    <p class=\"video-duration\">Dur\u00e9e : 3 minutes 54 secondes<\/p>\r\n\r\n                    <div class=\"content-description\">\r\n                        <ol>\r\n                            <li>\r\n                                <strong>Blockchain publique<\/strong>\r\n                                <p>Les blockchains publiques, comme Bitcoin et Ethereum, sont ouvertes \u00e0 tous et\r\n                                    d\u00e9centralis\u00e9es. Toute personne peut participer au r\u00e9seau, valider des\r\n                                    transactions et consulter l'historique de la blockchain. Elles offrent un haut\r\n                                    niveau de s\u00e9curit\u00e9 et de transparence mais peuvent souffrir de limitations en\r\n                                    termes de scalabilit\u00e9 et de co\u00fbts \u00e9nerg\u00e9tiques.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Blockchain priv\u00e9e<\/strong>\r\n                                <p>Contrairement aux blockchains publiques, les blockchains priv\u00e9es sont contr\u00f4l\u00e9es\r\n                                    par une seule organisation. Seuls les participants autoris\u00e9s peuvent valider et\r\n                                    consulter les transactions. Ces blockchains sont plus rapides et plus efficaces,\r\n                                    mais leur niveau de confiance est inf\u00e9rieur \u00e0 celui des blockchains publiques.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Blockchain hybride et consortium<\/strong>\r\n                                <p>Les blockchains hybrides combinent les avantages des blockchains publiques et\r\n                                    priv\u00e9es. Elles permettent d'\u00e9quilibrer transparence et contr\u00f4le. Les blockchains\r\n                                    de consortium sont un sous-ensemble des blockchains hybrides o\u00f9 plusieurs\r\n                                    organisations g\u00e8rent le r\u00e9seau, assurant un certain niveau de d\u00e9centralisation\r\n                                    sans perdre en efficacit\u00e9. Les blockchains hybrides combinent des \u00e9l\u00e9ments des\r\n                                    blockchains publiques et priv\u00e9es, offrant ainsi un \u00e9quilibre entre transparence\r\n                                    et confidentialit\u00e9.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Avantages et inconv\u00e9nients de chaque type<\/strong>\r\n                                <ul>\r\n                                    <li>Blockchain publique : Transparente et s\u00e9curis\u00e9e, mais consomme beaucoup\r\n                                        d'\u00e9nergie et souffre de lenteurs.<\/li>\r\n                                    <li>Blockchain priv\u00e9e : Rapide et efficace, mais centralis\u00e9e et moins s\u00e9curis\u00e9e.<\/li>\r\n                                    <li>Blockchain hybride : Offre flexibilit\u00e9 et contr\u00f4le, mais plus complexe \u00e0\r\n                                        mettre en place.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Conclusion du chapitre 3<\/strong>\r\n                                <p>Chaque type de blockchain a ses propres caract\u00e9ristiques adapt\u00e9es \u00e0 diff\u00e9rents\r\n                                    cas d'usage. Le choix d\u00e9pend des besoins de s\u00e9curit\u00e9, de transparence et\r\n                                    d'efficacit\u00e9 du projet.<\/p>\r\n                            <\/li>\r\n                        <\/ol>\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU MODULE 1 CHAPITRE 4 -->\r\n                <div class=\"lesson-content\" id=\"content-mod1-ch4\">\r\n                    <h1 class=\"content-title\">Chapitre 4 : Les Crypto-monnaies et la Blockchain<\/h1>\r\n                    <iframe width=\"70%\" height=\"400\" \r\n        src=\"https:\/\/www.youtube.com\/embed\/du34gPopY5Y\" \r\n        frameborder=\"0\" \r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n        allowfullscreen>\r\n<\/iframe>\r\n                    <p class=\"video-duration\">Dur\u00e9e : 24 minutes 39 secondes<\/p>\r\n\r\n                    <div class=\"content-description\">\r\n                        <ol>\r\n                            <li>\r\n                                <strong>D\u00e9finition des crypto-monnaies<\/strong>\r\n                                <p>Les crypto-monnaies sont des actifs num\u00e9riques fonctionnant sur la blockchain. Elles permettent des transactions s\u00e9curis\u00e9es, rapides et sans interm\u00e9diaires.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Bitcoin : premier cas d'usage<\/strong>\r\n                                <p>Le Bitcoin est la premi\u00e8re application de la blockchain et sert de monnaie d\u00e9centralis\u00e9e. Il repose sur un syst\u00e8me de preuve de travail pour valider les transactions.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Ethereum et les smart contracts<\/strong>\r\n                                <p>Ethereum a introduit les smart contracts, permettant l'ex\u00e9cution automatique de transactions d\u00e8s que certaines conditions sont remplies. Son langage de programmation, Solidity, facilite la cr\u00e9ation d'applications d\u00e9centralis\u00e9es.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Autres crypto-monnaies<\/strong>\r\n                                <p>Il existe plusieurs autres crypto-monnaies, comme :<\/p>\r\n                                <ul>\r\n                                    <li>Ripple (XRP) : Facilitant les paiements internationaux rapides.<\/li>\r\n                                    <li>Litecoin (LTC) : Version plus rapide et all\u00e9g\u00e9e de Bitcoin.<\/li>\r\n                                    <li>Monero (XMR) : Ax\u00e9e sur la confidentialit\u00e9 des transactions.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Conclusion du chapitre 4<\/strong>\r\n                                <p>Les crypto-monnaies ont r\u00e9volutionn\u00e9 le monde financier en offrant une alternative aux monnaies traditionnelles. Leur impact varie selon leur adoption et leur utilisation.<\/p>\r\n                            <\/li>\r\n                        <\/ol>\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU MODULE 1 CHAPITRE 5 -->\r\n                <div class=\"lesson-content\" id=\"content-mod1-ch5\">\r\n                    <h1 class=\"content-title\">Cas concret d'utilisation : Le Bitcoin et les transactions<\/h1>\r\n                    <h3>Cas concret d'utilisation : Le Bitcoin et les transactions financi\u00e8res<\/h3>\r\n                    <iframe width=\"70%\" height=\"400\" \r\n        src=\"https:\/\/www.youtube.com\/embed\/MWmZG6_Dr3E\" \r\n        frameborder=\"0\" \r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n        allowfullscreen>\r\n<\/iframe>\r\n                    <p class=\"video-duration\">Dur\u00e9e : 8 minutes 33 secondes<\/p>\r\n\r\n                    <div class=\"content-description\">\r\n                        <ol>\r\n                            <li>\r\n                                <strong>Processus d\u00e9taill\u00e9 d'une transaction Bitcoin<\/strong>\r\n                                <p>Une transaction Bitcoin suit plusieurs \u00e9tapes essentielles :<\/p>\r\n                                <ul>\r\n                                    <li>Initiation : L'exp\u00e9diteur (Alice) cr\u00e9e une transaction via son portefeuille num\u00e9rique et sp\u00e9cifie le montant et l'adresse Bitcoin du destinataire (Bob).<\/li>\r\n                                    <li>Signature num\u00e9rique : La transaction est sign\u00e9e num\u00e9riquement avec la cl\u00e9 priv\u00e9e d'Alice pour prouver son authenticit\u00e9.<\/li>\r\n                                    <li>Diffusion sur le r\u00e9seau : La transaction est envoy\u00e9e aux n\u0153uds du r\u00e9seau Bitcoin.<\/li>\r\n                                    <li>Validation par les mineurs : Les mineurs regroupent les transactions en blocs et utilisent la preuve de travail pour les valider.<\/li>\r\n                                    <li>Ajout \u00e0 la blockchain : Une fois valid\u00e9e, la transaction est enregistr\u00e9e de mani\u00e8re immuable sur la blockchain.<\/li>\r\n                                    <li>Confirmation : Bob re\u00e7oit les bitcoins apr\u00e8s plusieurs confirmations de blocs pour garantir la s\u00e9curit\u00e9.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n\r\n                            <li>\r\n                                <strong>S\u00e9curisation et validation des \u00e9changes via la preuve de travail<\/strong>\r\n                                <p>La blockchain Bitcoin repose sur un m\u00e9canisme de consensus appel\u00e9 preuve de travail (Proof of Work - PoW) :<\/p>\r\n                                <ul>\r\n                                    <li>R\u00e9solution de probl\u00e8mes math\u00e9matiques : Les mineurs doivent r\u00e9soudre un probl\u00e8me cryptographique complexe pour ajouter un nouveau bloc.<\/li>\r\n                                    <li>Consommation d'\u00e9nergie : Le processus n\u00e9cessite une puissance de calcul importante, garantissant la s\u00e9curit\u00e9 du r\u00e9seau.<\/li>\r\n                                    <li>Protection contre la fraude : Modifier une transaction n\u00e9cessiterait de recalculer tous les blocs suivants, ce qui est pratiquement impossible.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n\r\n                            <li>\r\n                                <strong>Impact sur le syst\u00e8me bancaire traditionnel<\/strong>\r\n                                <ul>\r\n                                    <li>D\u00e9sinterm\u00e9diation : Bitcoin permet des transactions pair-\u00e0-pair sans intervention bancaire.<\/li>\r\n                                    <li>R\u00e9duction des co\u00fbts : Les frais de transaction sont souvent inf\u00e9rieurs \u00e0 ceux des banques traditionnelles.<\/li>\r\n                                    <li>Inclusion financi\u00e8re : Les populations non bancaris\u00e9es peuvent acc\u00e9der \u00e0 des services financiers via Bitcoin.<\/li>\r\n                                    <li>R\u00e9glementation et adoption : Les banques explorent la blockchain pour am\u00e9liorer leurs services et r\u00e9pondre aux d\u00e9fis r\u00e9glementaires.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Conclusion<\/strong>\r\n                                <p>Le Bitcoin a d\u00e9montr\u00e9 le potentiel r\u00e9volutionnaire de la blockchain dans le domaine des transactions financi\u00e8res. En offrant une alternative aux syst\u00e8mes bancaires classiques, il favorise la transparence, la s\u00e9curit\u00e9 et l'accessibilit\u00e9 financi\u00e8re \u00e0 l'\u00e9chelle mondiale.<\/p>\r\n                            <\/li>\r\n                        <\/ol>\r\n                    <\/div>\r\n                    \r\n                    <iframe width=\"70%\" height=\"400\" \r\n        src=\"https:\/\/www.youtube.com\/embed\/d7fkUXYmNXs\" \r\n        frameborder=\"0\" \r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n        allowfullscreen>\r\n<\/iframe>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU MODULE 1 CONCLUSION -->\r\n                <div class=\"lesson-content\" id=\"content-mod1-conclusion\">\r\n                    <h1 class=\"content-title\">Conclusion du Module 1<\/h1>\r\n\r\n                    <p>Ce premier module a permis d'explorer les fondements de la blockchain, ses principes fondamentaux, ses types et son impact sur les crypto-monnaies. Les apprenants peuvent d\u00e9sormais mieux appr\u00e9hender cette technologie et commencer \u00e0 r\u00e9fl\u00e9chir \u00e0 ses applications pour leur activit\u00e9.<\/p>\r\n\r\n                    <iframe width=\"70%\" height=\"400\" \r\n        src=\"https:\/\/www.youtube.com\/embed\/EZTj6laRxqc\" \r\n        frameborder=\"0\" \r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n        allowfullscreen>\r\n<\/iframe>\r\n\r\n                    <p class=\"video-duration\">Dur\u00e9e : 5 minutes 48 secondes<\/p>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU MODULE 1 QCM -->\r\n                <div class=\"lesson-content\" id=\"content-mod1-qcm\">\r\n                    <h1 class=\"content-title\">Quiz Module 1<\/h1>\r\n                    <h2>Testez Vos Connaissances<\/h2>\r\n                    <p>Un score minimum de 80% est requis pour passer le test<\/p>\r\n\r\n                    <div class=\"content-description\">\r\n                        <div id=\"qcm-score-container-mod1\"><\/div>\r\n\r\n                        <div style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #222; padding: 20px; max-width: 900px;\">\r\n\r\n                            <!-- QUESTION 1 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">1. Quelle caract\u00e9ristique d\u00e9finit principalement une blockchain publique ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q1\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Elle est contr\u00f4l\u00e9e par une seule entit\u00e9\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q1\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Elle est accessible \u00e0 tous et d\u00e9centralis\u00e9e\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q1\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Elle n\u00e9cessite une autorisation pour participer\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q1\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Elle ne permet pas de transactions financi\u00e8res\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 2 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">2. Quel est l'objectif principal de la preuve de travail (Proof of Work) ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q2\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Acc\u00e9l\u00e9rer les transactions\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q2\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Prot\u00e9ger le r\u00e9seau contre les attaques et valider les transactions\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q2\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) R\u00e9duire la consommation d'\u00e9nergie\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q2\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Faciliter l'anonymat des utilisateurs\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 3 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">3. Parmi les \u00e9l\u00e9ments suivants, lequel n'est pas un avantage cl\u00e9 de la blockchain ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q3\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Immutabilit\u00e9 des transactions\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q3\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Transparence\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q3\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Confidentialit\u00e9 absolue des transactions\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q3\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Absence d'interm\u00e9diaires\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 4 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">4. Comment les transactions sont-elles valid\u00e9es dans une blockchain utilisant le consensus Proof of Stake (PoS) ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q4\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Par un vote des participants\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q4\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Par la puissance de calcul des mineurs\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q4\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Par le nombre de jetons d\u00e9tenus par un participant\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q4\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Par un organisme centralis\u00e9\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 5 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">5. Quelle est la principale diff\u00e9rence entre Bitcoin et Ethereum ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q5\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Bitcoin est bas\u00e9 sur la blockchain alors qu'Ethereum ne l'est pas\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q5\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Ethereum permet l'ex\u00e9cution de smart contracts, contrairement \u00e0 Bitcoin\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q5\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Bitcoin est plus rapide qu'Ethereum\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q5\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Ethereum n'utilise pas la technologie de registre distribu\u00e9\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 6 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">6. Quel r\u00f4le jouent les mineurs dans une blockchain utilisant la preuve de travail ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q6\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Ils \u00e9mettent de nouvelles monnaies\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q6\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Ils stockent toutes les transactions sans validation\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q6\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Ils valident et s\u00e9curisent les transactions en r\u00e9solvant des calculs complexes\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q6\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Ils suppriment les transactions frauduleuses\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 7 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">7. Quel est un risque majeur des blockchains publiques ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q7\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Un acc\u00e8s trop restreint aux utilisateurs\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q7\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Une consommation \u00e9nerg\u00e9tique \u00e9lev\u00e9e\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q7\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Un manque total de transparence\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q7\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) L'absence de toute forme de cryptographie\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 8 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">8. Pourquoi les smart contracts sont-ils importants dans la blockchain ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q8\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Ils permettent d'automatiser les transactions sans interm\u00e9diaire\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q8\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Ils servent uniquement \u00e0 s\u00e9curiser les portefeuilles num\u00e9riques\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q8\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Ils emp\u00eachent les utilisateurs d'envoyer des fonds\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q8\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Ils remplacent les blockchains priv\u00e9es\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 9 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">9. Comment fonctionne le m\u00e9canisme de consensus dans une blockchain ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q9\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Par une autorit\u00e9 centrale qui valide toutes les transactions\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q9\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Par un vote en ligne des utilisateurs\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q9\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Par un processus automatis\u00e9 de v\u00e9rification et d'enregistrement des transactions\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q9\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Par un r\u00e9seau d\u00e9centralis\u00e9 o\u00f9 un seul participant contr\u00f4le les validations\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 10 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">10. Quel est l'impact de la blockchain sur les transactions financi\u00e8res internationales ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q10\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Augmentation des co\u00fbts et des d\u00e9lais\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q10\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Diminution des co\u00fbts et des d\u00e9lais gr\u00e2ce \u00e0 la suppression des interm\u00e9diaires\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q10\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Suppression compl\u00e8te des banques\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"mod1-q10\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Interdiction des paiements transfrontaliers\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"validateQCM('mod1')\">Valider \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU MODULE 2 CHAPITRE 1 -->\r\n                <div class=\"lesson-content\" id=\"content-mod2-ch1\">\r\n                    <h1 class=\"content-title\">Chapitre 1 : La blockchain dans la finance<\/h1>\r\n                    <iframe width=\"70%\" height=\"400\" \r\n        src=\"https:\/\/www.youtube.com\/embed\/JInTli1pIq8\" \r\n        frameborder=\"0\" \r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n        allowfullscreen>\r\n<\/iframe>\r\n\r\n                    <div class=\"content-description\">\r\n                        <ol>\r\n                            <li>\r\n                                <strong>Introduction \u00e0 la finance d\u00e9centralis\u00e9e (DeFi)<\/strong>\r\n                                <p>La finance d\u00e9centralis\u00e9e (DeFi) repose sur la blockchain pour offrir des services financiers sans interm\u00e9diaires traditionnels tels que les banques. Gr\u00e2ce aux smart contracts, les utilisateurs peuvent pr\u00eater, emprunter et \u00e9changer des actifs num\u00e9riques de mani\u00e8re autonome.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Avantages de la blockchain dans la finance<\/strong>\r\n                                <ul>\r\n                                    <li>S\u00e9curisation des transactions : Gr\u00e2ce aux m\u00e9canismes cryptographiques, les transactions sont inviolables.<\/li>\r\n                                    <li>R\u00e9duction des co\u00fbts : Suppression des interm\u00e9diaires financiers, ce qui diminue les frais de transaction.<\/li>\r\n                                    <li>Accessibilit\u00e9 : Ouverture des services financiers \u00e0 une population non bancaris\u00e9e.<\/li>\r\n                                    <li>Transparence : Historique des transactions visible publiquement sur la blockchain.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Cas d'utilisation concrets<\/strong>\r\n                                <ul>\r\n                                    <li>Paiements transfrontaliers : Utilisation de stablecoins comme l'USDC et l'USDT pour des transactions rapides et peu co\u00fbteuses.<\/li>\r\n                                    <li>Pr\u00eats et emprunts d\u00e9centralis\u00e9s : Plateformes comme Aave et Compound qui permettent d'emprunter sans passer par une banque.<\/li>\r\n                                    <li>\u00c9changes d\u00e9centralis\u00e9s (DEX) : Utilisation de protocoles comme Uniswap et PancakeSwap pour \u00e9changer des actifs sans interm\u00e9diaires.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Conclusion du chapitre 1<\/strong>\r\n                                <p>La blockchain r\u00e9volutionne le secteur financier en supprimant les interm\u00e9diaires et en offrant des services s\u00e9curis\u00e9s, transparents et accessibles \u00e0 tous.<\/p>\r\n                            <\/li>\r\n                        <\/ol>\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU MODULE 2 CHAPITRE 2 -->\r\n                <div class=\"lesson-content\" id=\"content-mod2-ch2\">\r\n                    <h1 class=\"content-title\">Chapitre 2 : Les smart contracts et les DAO<\/h1>\r\n                    <iframe width=\"70%\" height=\"400\" \r\n        src=\"https:\/\/www.youtube.com\/embed\/fChbMGRnCf8\" \r\n        frameborder=\"0\" \r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n        allowfullscreen>\r\n<\/iframe>\r\n\r\n                    <div class=\"content-description\">\r\n                        <ol>\r\n                            <li>\r\n                                <strong>Introduction aux smart contracts<\/strong>\r\n                                <p>Les smart contracts sont des programmes informatiques auto-ex\u00e9cutables stock\u00e9s sur une blockchain. Ils permettent d'automatiser des transactions et d'ex\u00e9cuter des accords sans besoin d'interm\u00e9diaire.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Fonctionnement et avantages des smart contracts<\/strong>\r\n                                <p>Une DAO est une organisation g\u00e9r\u00e9e par des smart contracts et gouvern\u00e9e de mani\u00e8re collective par ses membres via des tokens de gouvernance. <br> Avantages des DAO :<\/p>\r\n                                <ul>\r\n                                    <li>D\u00e9centralisation : Les d\u00e9cisions sont prises par les d\u00e9tenteurs de tokens et non par une autorit\u00e9 centrale.<\/li>\r\n                                    <li>Transparence : Toutes les d\u00e9cisions et transactions sont enregistr\u00e9es sur la blockchain.<\/li>\r\n                                    <li>R\u00e9silience : L'absence de hi\u00e9rarchie rend les DAO moins vuln\u00e9rables aux erreurs humaines et \u00e0 la corruption.<\/li>\r\n                                <\/ul>\r\n                                <br> <p>Exemples de DAO :<\/p>\r\n                                <ul>\r\n                                    <li>The DAO : Premier projet majeur de DAO sur Ethereum, ayant soulev\u00e9 des fonds importants mais confront\u00e9 \u00e0 une faille de s\u00e9curit\u00e9.<\/li>\r\n                                    <li>MakerDAO : Plateforme permettant de g\u00e9rer le stablecoin DAI via un syst\u00e8me de gouvernance d\u00e9centralis\u00e9.<\/li>\r\n                                    <li>Aragon : Infrastructure permettant de cr\u00e9er et g\u00e9rer des DAO facilement.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Conclusion<\/strong>\r\n                                <p>Les smart contracts et les DAO apportent une r\u00e9volution dans l'automatisation des transactions et la gestion des organisations. Leur impact est consid\u00e9rable dans de nombreux secteurs allant de la finance \u00e0 la gouvernance d'entreprise.<\/p>\r\n                            <\/li>\r\n                        <\/ol>\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU MODULE 2 CHAPITRE 3 -->\r\n                <div class=\"lesson-content\" id=\"content-mod2-ch3\">\r\n                    <h1 class=\"content-title\">Chapitre 3 : La blockchain et l'identit\u00e9 num\u00e9rique<\/h1>\r\n                    <iframe width=\"70%\" height=\"400\" \r\n        src=\"https:\/\/www.youtube.com\/embed\/P0CA-mK-XEg\" \r\n        frameborder=\"0\" \r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n        allowfullscreen>\r\n<\/iframe>\r\n\r\n                    <div class=\"content-description\">\r\n                        <ol>\r\n                            <li>\r\n                                <strong>Introduction \u00e0 l'identit\u00e9 num\u00e9rique sur la blockchain<\/strong>\r\n                                <p>La blockchain offre une solution s\u00e9curis\u00e9e et d\u00e9centralis\u00e9e pour la gestion des identit\u00e9s num\u00e9riques, permettant aux utilisateurs de contr\u00f4ler leurs propres donn\u00e9es sans d\u00e9pendre d'une autorit\u00e9 centrale.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Avantages de l'identit\u00e9 num\u00e9rique bas\u00e9e sur la blockchain<\/strong>\r\n                                <ul>\r\n                                    <li>S\u00e9curit\u00e9 accrue : Protection contre la fraude et l'usurpation d'identit\u00e9.<\/li>\r\n                                    <li>Autonomie des utilisateurs : Possibilit\u00e9 de g\u00e9rer et partager ses informations en toute confidentialit\u00e9.<\/li>\r\n                                    <li>R\u00e9duction des co\u00fbts : Moins de recours aux interm\u00e9diaires pour la v\u00e9rification d'identit\u00e9.<\/li>\r\n                                    <li>Accessibilit\u00e9 globale : Une identit\u00e9 unique et v\u00e9rifiable \u00e0 l'\u00e9chelle internationale.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Exemples d'applications<\/strong>\r\n                                <ul>\r\n                                    <li>Passeports num\u00e9riques : Solutions comme Sovrin permettant de stocker et g\u00e9rer son identit\u00e9 sur une blockchain.<\/li>\r\n                                    <li>Authentification d\u00e9centralis\u00e9e : Utilisation de la blockchain pour s\u00e9curiser les connexions et acc\u00e8s aux services en ligne.<\/li>\r\n                                    <li>Services gouvernementaux : Projets comme uPort et SelfKey facilitant l'identification et l'acc\u00e8s aux services administratifs.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Conclusion du chapitre 3<\/strong>\r\n                                <p>L'identit\u00e9 num\u00e9rique bas\u00e9e sur la blockchain am\u00e9liore la s\u00e9curit\u00e9 et l'autonomie des individus en leur offrant un contr\u00f4le total sur leurs donn\u00e9es personnelles.<\/p>\r\n                            <\/li>\r\n                        <\/ol>\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU MODULE 2 CHAPITRE 4 -->\r\n                <div class=\"lesson-content\" id=\"content-mod2-ch4\">\r\n                    <h1 class=\"content-title\">Chapitre 4 : blockchain, la logistique et la tra\u00e7abilit\u00e9<\/h1>\r\n                    <iframe width=\"70%\" height=\"400\" \r\n        src=\"https:\/\/www.youtube.com\/embed\/rhu63w-KseA\" \r\n        frameborder=\"0\" \r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n        allowfullscreen>\r\n<\/iframe>\r\n\r\n                    <div class=\"content-description\">\r\n                        <ol>\r\n                            <li>\r\n                                <strong>Introduction \u00e0 la blockchain dans la logistique<\/strong>\r\n                                <p>La blockchain apporte des solutions innovantes pour am\u00e9liorer la transparence et l'efficacit\u00e9 des cha\u00eenes d'approvisionnement. Elle permet d'enregistrer toutes les transactions de mani\u00e8re immuable, garantissant ainsi une meilleure tra\u00e7abilit\u00e9 des produits.<\/p>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Avantages de la blockchain dans la logistique<\/strong>\r\n                                <ul>\r\n                                    <li>Transparence : Toutes les transactions et mouvements de marchandises sont enregistr\u00e9s sur un registre accessible en temps r\u00e9el.<\/li>\r\n                                    <li>S\u00e9curit\u00e9 des donn\u00e9es : Protection contre la falsification des documents et des historiques de transactions.<\/li>\r\n                                    <li>R\u00e9duction des fraudes : Diminution des risques de contrefa\u00e7on et d'alt\u00e9ration des informations logistiques.<\/li>\r\n                                    <li>Efficacit\u00e9 accrue : Optimisation de la gestion des stocks et des flux de marchandises.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Cas d'utilisation concrets<\/strong>\r\n                                <ul>\r\n                                    <li>Suivi des marchandises : Entreprises comme IBM et Maersk utilisent la blockchain pour suivre en temps r\u00e9el les exp\u00e9ditions maritimes.<\/li>\r\n                                    <li>Tra\u00e7abilit\u00e9 alimentaire : Walmart et Carrefour exploitent la blockchain pour assurer la transparence sur l'origine des produits alimentaires et renforcer la s\u00e9curit\u00e9 sanitaire.<\/li>\r\n                                    <li>Gestion des documents douaniers : Acc\u00e9l\u00e9ration du traitement des documents et diminution des fraudes li\u00e9es aux d\u00e9clarations d'import\/export.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                            \r\n                            <li>\r\n                                <strong>Conclusion du chapitre 4<\/strong>\r\n                                <p>L'utilisation de la blockchain dans la logistique am\u00e9liore la transparence, la tra\u00e7abilit\u00e9 et l'efficacit\u00e9 des cha\u00eenes d'approvisionnement. Elle permet de garantir l'authenticit\u00e9 des produits et de s\u00e9curiser les \u00e9changes tout au long du processus de distribution.<\/p>\r\n                            <\/li>\r\n                        <\/ol>\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU MODULE 2 CONCLUSION -->\r\n                <div class=\"lesson-content\" id=\"content-mod2-conclusion\">\r\n                    <h1 class=\"content-title\">Conclusion du chapitre 4<\/h1>\r\n\r\n                    <p>L'utilisation de la blockchain dans la logistique am\u00e9liore la transparence, la tra\u00e7abilit\u00e9 et l'efficacit\u00e9 des cha\u00eenes d'approvisionnement. Elle permet de garantir l'authenticit\u00e9 des produits et de s\u00e9curiser les \u00e9changes tout au long du processus de distribution.<\/p>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU MODULE 2 QCM -->\r\n                <div class=\"lesson-content\" id=\"content-mod2-qcm\">\r\n                    <h1 class=\"content-title\">Quiz Module 2: Les applications de la blockchain<\/h1>\r\n                    <h2>Testez Vos Connaissances<\/h2> <p>Un score minimum de 80% est requis pour passer le test*<\/p>\r\n\r\n                    <div class=\"content-description\">\r\n                        <div id=\"qcm-score-container\"><\/div>\r\n\r\n                        <div\r\n                            style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #222; padding: 20px; max-width: 900px;\">\r\n\r\n                            <!-- QUESTION 1 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">1. Quelle est la principale caract\u00e9ristique de la finance d\u00e9centralis\u00e9e (DeFi) ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    A) Elle utilise des smart contracts pour automatiser les transactions\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    B) Elle repose sur des banques traditionnelles\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    C) Elle est g\u00e9r\u00e9e par des gouvernements\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    D) Elle ne permet que l'\u00e9change de cryptomonnaies\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 2 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">2. Quel est un des principaux avantages de la blockchain dans la finance ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2\" style=\"margin-right: 8px;\">\r\n                                    A) Augmentation des frais de transaction\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2\" style=\"margin-right: 8px;\">\r\n                                    B) R\u00e9duction des co\u00fbts en supprimant les interm\u00e9diaires\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2\" style=\"margin-right: 8px;\">\r\n                                    C) Confidentialit\u00e9 absolue des transactions\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2\" style=\"margin-right: 8px;\">\r\n                                    D) Contr\u00f4le centralis\u00e9 des actifs num\u00e9riques\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 3 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">3. Quelle plateforme permet d'emprunter et de pr\u00eater des actifs en DeFi ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3\" style=\"margin-right: 8px;\">\r\n                                    A) Aave\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3\" style=\"margin-right: 8px;\">\r\n                                    B) Binance\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3\" style=\"margin-right: 8px;\">\r\n                                    C) PayPal\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3\" style=\"margin-right: 8px;\">\r\n                                    D) Visa\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 4 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">4. Quel est le r\u00f4le principal d'un smart contract ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4\" style=\"margin-right: 8px;\">\r\n                                    A) G\u00e9rer les paiements bancaires traditionnels\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4\" style=\"margin-right: 8px;\">\r\n                                    B) Automatiser des transactions sans interm\u00e9diaire\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4\" style=\"margin-right: 8px;\">\r\n                                    C) Acc\u00e9l\u00e9rer les transferts bancaires interbancaires\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4\" style=\"margin-right: 8px;\">\r\n                                    D) Cr\u00e9er de nouvelles cryptomonnaies\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 5 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">5. Quelle caract\u00e9ristique des smart contracts garantit leur fiabilit\u00e9 ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    A) Ils peuvent \u00eatre modifi\u00e9s \u00e0 tout moment\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    B) Ils n\u00e9cessitent une validation manuelle pour s'ex\u00e9cuter\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    C) Une fois d\u00e9ploy\u00e9s, ils ne peuvent plus \u00eatre modifi\u00e9s\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    D) Ils sont ex\u00e9cut\u00e9s uniquement par les banques centrales\r\n                                <\/label>\r\n                            <\/div>\r\n                            <!-- QUESTION 6 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">6. Qu'est-ce qu'une DAO ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    A) Une entreprise centralis\u00e9e qui utilise la blockchain\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    B) Une organisation autonome d\u00e9centralis\u00e9e g\u00e9r\u00e9e par des smart contracts\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    C) Un protocole d'\u00e9change d\u00e9centralis\u00e9\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    D) Un type de cryptomonnaie\r\n                                <\/label>\r\n                            <\/div>\r\n                            <!-- QUESTION 7 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">7. Quel est un des avantages majeurs de l'identit\u00e9 num\u00e9rique bas\u00e9e sur la blockchain ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    A) Elle est uniquement accessible aux grandes entreprises\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    B) Elle emp\u00eache totalement le vol de donn\u00e9es\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    C) Elle permet aux utilisateurs de g\u00e9rer leurs informations sans interm\u00e9diaire\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    D) Elle est obligatoire pour toutes les transactions en ligne\r\n                                <\/label>\r\n                            <\/div>\r\n                            <!-- QUESTION 8 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">8. Quel secteur utilise la blockchain pour garantir la tra\u00e7abilit\u00e9 alimentaire ? <\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    A) L'industrie du divertissement\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    B) Le commerce des m\u00e9taux pr\u00e9cieux\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    C) La grande distribution avec des entreprises comme Carrefour et Walmart\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    D) L'aviation civile\r\n                                <\/label>\r\n                            <\/div>\r\n                            <!-- QUESTION 9 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">9. Quelle entreprise utilise la blockchain pour suivre les exp\u00e9ditions maritimes ? <\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    A) IBM et Maersk\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    B) Tesla\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    C) Microsoft\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    D) Shell\r\n                                <\/label>\r\n                            <\/div>\r\n                            <!-- QUESTION 10 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">10. Quel est un des b\u00e9n\u00e9fices cl\u00e9s de la blockchain dans la logistique ?  <\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    A) Rendre les transactions invisibles pour le public\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    B) Le commerce des m\u00e9taux pr\u00e9cieux\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    C) Ralentir les \u00e9changes commerciaux pour plus de contr\u00f4le\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" style=\"margin-right: 8px;\">\r\n                                    D) Assurer la transparence et la tra\u00e7abilit\u00e9 des marchandises\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"validateQCM()\">Valider \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU BINANCE ACADEMY M1 -->\r\n                <div class=\"lesson-content\" id=\"content-binance-m1\">\r\n                    <h1 class=\"content-title\">Binance Academy M1: L'histoire de la technologie blockchain<\/h1>\r\n                    <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/67a9b1_3f194a76f54142c0b1db7441b753dff0\/1080p\/mp4\/file.mp4\">\r\n                    <\/video>\r\n                    <p class=\"video-duration\">Dur\u00e9e : 5 minutes 11 secondes<\/p>\r\n\r\n                    <p>Ce module vous donnera un aper\u00e7u de la technologie blockchain. Vous apprendrez ce qu'est la technologie des registres distribu\u00e9s, ce qu'est un bloc, comment fonctionne le hachage et comment les blocs sont connect\u00e9s.<\/p>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU BINANCE QUIZ 1 -->\r\n                <div class=\"lesson-content\" id=\"content-binance-q1\">\r\n                    <h1 class=\"content-title\">Quiz Etape 1<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <div id=\"qcm-score-container\"><\/div>\r\n\r\n                        <div\r\n                            style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #222; padding: 20px; max-width: 900px;\">\r\n\r\n                            <!-- QUESTION  -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Comment un bloc se connecte-t-il \u00e0 un autre ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    A) Gr\u00e2ce \u00e0 l'utilisation de fonctions de hachage\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    B) Gr\u00e2ce \u00e0 l'utilisation d'un r\u00e9seau priv\u00e9\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    C) Ils sont connect\u00e9s par les administrateurs de la blockchain\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    D) Par le biais de serveurs centralis\u00e9s\r\n                                <\/label>\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    E) Aucune des r\u00e9ponses ci-dessus.\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"validateQCM()\">Valider \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU BINANCE ACADEMY M2 -->\r\n                <div class=\"lesson-content\" id=\"content-binance-m2\">\r\n                    <h1 class=\"content-title\">Binance Academy M2: L'histoire de la technologie blockchain<\/h1>\r\n                    <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/67a9b1_1b73c04397004ad6be34866cc5503815\/720p\/mp4\/file.mp4\">\r\n                    <\/video>\r\n                    <p class=\"video-duration\">Dur\u00e9e : 4 minutes 40 secondes<\/p>\r\n                    <p>Ce module vous donnera un bref historique de la technologie blockchain, du moment o\u00f9 elle a \u00e9t\u00e9 d\u00e9crite dans un article de recherche jusqu'\u00e0 la gen\u00e8se du premier bloc sur le r\u00e9seau Bitcoin.<\/p>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU BINANCE QUIZ 2 -->\r\n                <div class=\"lesson-content\" id=\"content-binance-q2\">\r\n                    <h1 class=\"content-title\">Quiz Etape 2<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <div id=\"qcm-score-container\"><\/div>\r\n\r\n                        <div\r\n                            style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #222; padding: 20px; max-width: 900px;\">\r\n\r\n                            <!-- QUESTION  -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Comment un bloc se connecte-t-il \u00e0 un autre ?<\/h3>\r\n                                <p>Quelle(s) sont la ou les affirmation(s) correcte(s) ? S\u00e9lectionnez toutes les r\u00e9ponses correctes.<\/p>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"checkbox\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    A) L'id\u00e9e derri\u00e8re la technologie blockchain a \u00e9t\u00e9 d\u00e9crite d\u00e8s les ann\u00e9es 1990.\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"checkbox\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    B) En janvier 2009, Bitcoin a vu le jour lorsque le premier bloc Bitcoin a \u00e9t\u00e9 min\u00e9.\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"checkbox\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    C) Satoshi Nakamoto a re\u00e7u une r\u00e9compense de 50 bitcoins lorsque le premier bloc Bitcoin a \u00e9t\u00e9 min\u00e9.\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"checkbox\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    D) Vitalik Buterin a lanc\u00e9 le d\u00e9veloppement d'une nouvelle plateforme informatique distribu\u00e9e et bas\u00e9e sur la blockchain, celle-ci porte le nom de \u00ab Ethereum \u00bb.\r\n                                <\/label>\r\n                                \r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"validateQCM()\">Valider \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU BINANCE ACADEMY M3 -->\r\n                <div class=\"lesson-content\" id=\"content-binance-m3\">\r\n                    <h1 class=\"content-title\">Binance Academy M3: Comment fonctionne la blockchain ?<\/h1>\r\n                    <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/67a9b1_47032ea67f1a46aab1c17ba9aff2a71e\/1080p\/mp4\/file.mp4\">\r\n                    <\/video>\r\n\r\n                    <p>Ce module explique comment la blockchain fonctionne dans un environnement sans confiance et sans autorit\u00e9 centralis\u00e9e. Vous comprendrez ce que sont les cl\u00e9s publiques et priv\u00e9es et pourquoi vous en avez besoin.<\/p>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU BINANCE QUIZ 3 -->\r\n                <div class=\"lesson-content\" id=\"content-binance-q3\">\r\n                    <h1 class=\"content-title\">Quiz Etape 3<\/h1>\r\n                    <p>La technologie blockchain peut \u00eatre utilis\u00e9e par un r\u00e9seau d'inconnus qui ne se font pas confiance en s'appuyant sur un m\u00e9lange de :<\/p>\r\n\r\n                    <div class=\"content-description\">\r\n                        <div id=\"qcm-score-container\"><\/div>\r\n\r\n                        <div\r\n                            style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #222; padding: 20px; max-width: 900px;\">\r\n\r\n                            <!-- QUESTION  -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Comment un bloc se connecte-t-il \u00e0 un autre ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    A) Cryptographie et registre distribu\u00e9\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    B) Th\u00e9orie des jeux et cryptographie\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    C) Cryptographie \u00e0 cl\u00e9 publique et interception\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    D) Th\u00e9orie des jeux et cl\u00e9 priv\u00e9e\r\n                                <\/label>\r\n                                \r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"validateQCM()\">Valider \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU BINANCE ACADEMY M4 -->\r\n                <div class=\"lesson-content\" id=\"content-binance-m4\">\r\n                    <h1 class=\"content-title\">Binance Academy M4: M\u00e9canismes de consensus de la blockchain<\/h1>\r\n                    <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/67a9b1_4bca8cc211764823a2aa692955a964fd\/720p\/mp4\/file.mp4\">\r\n                    <\/video>\r\n                    \r\n                    <p>Ce module vous pr\u00e9sentera le concept des m\u00e9canismes de consensus de la blockchain. Vous apprendrez ce que sont les m\u00e9canismes de consensus de preuve de travail (PoW) et de preuve d'enjeu (PoS), et en quoi ils diff\u00e9rent.<\/p>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU BINANCE QUIZ 4 -->\r\n                <div class=\"lesson-content\" id=\"content-binance-q4\">\r\n                    <h1 class=\"content-title\">Quiz Etape 4<\/h1>\r\n                    <p>Quelles sont les diff\u00e9rences entre les m\u00e9canismes de consensus de preuve de travail et de preuve d'enjeu ? S\u00e9lectionnez toutes les r\u00e9ponses correctes.<\/p>\r\n\r\n                    <div class=\"content-description\">\r\n                        <div id=\"qcm-score-container\"><\/div>\r\n\r\n                        <div\r\n                            style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #222; padding: 20px; max-width: 900px;\">\r\n\r\n                            <!-- QUESTION  -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Comment un bloc se connecte-t-il \u00e0 un autre ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    A) La preuve de travail est s\u00e9curis\u00e9e alors que la preuve d'enjeu ne l'est pas.\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    B) La preuve de travail n\u00e9cessite un \u00e9quipement co\u00fbteux et des co\u00fbts \u00e9nerg\u00e9tiques \u00e9lev\u00e9s, alors que la preuve d'enjeu non.\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    C) La preuve d'enjeu s\u00e9lectionne les validateurs de mani\u00e8re pseudo-al\u00e9atoire, tandis que les n\u0153uds s'affrontent pour r\u00e9soudre un bloc sur une blockchain qui utilise la preuve de travail.\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    D) La preuve d'enjeu exige que les validateurs d\u00e9tiennent et stakent la cryptomonnaie native, tandis que la preuve de travail non.\r\n                                <\/label>\r\n                                \r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"validateQCM()\">Valider \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU BINANCE ACADEMY M5 -->\r\n                <div class=\"lesson-content\" id=\"content-binance-m5\">\r\n                    <h1 class=\"content-title\">Binance Academy M5: Structure du r\u00e9seau blockchain<\/h1>\r\n                    <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/67a9b1_f361a713b5f24b959f3bff1474d41424\/1080p\/mp4\/file.mp4\">\r\n                    <\/video>\r\n                    \r\n                    <p>Ce module explique la structure du r\u00e9seau blockchain, ce que sont les n\u0153uds, quels types de n\u0153uds il existe, et ce que sont les hard forks et les soft forks.<\/p>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU BINANCE QUIZ 5 -->\r\n                <div class=\"lesson-content\" id=\"content-binance-q5\">\r\n                    <h1 class=\"content-title\">Quiz Etape 5<\/h1>\r\n                    <p>Qu'est-ce qu'un soft fork ? S\u00e9lectionnez toutes les propositions correctes.<\/p>\r\n\r\n                    <div class=\"content-description\">\r\n                        <div id=\"qcm-score-container\"><\/div>\r\n\r\n                        <div\r\n                            style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #222; padding: 20px; max-width: 900px;\">\r\n\r\n                            <!-- QUESTION  -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Comment un bloc se connecte-t-il \u00e0 un autre ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    A) Les soft forks sont des mises \u00e0 niveau du r\u00e9seau qui rendent les n\u0153uds plus anciens obsol\u00e8tes.\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    B) Les soft forks sont des mises \u00e0 niveau du r\u00e9seau qui sont r\u00e9trocompatibles.\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    C) Les soft forks sont consid\u00e9r\u00e9es comme \u00ab opt-out \u00bb.\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" style=\"margin-right: 8px;\">\r\n                                    D) Les soft forks sont consid\u00e9r\u00e9es comme \u00ab opt-in \u00bb.\r\n                                <\/label>\r\n                                \r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"validateQCM()\">Valider \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU BINANCE ACADEMY M6 -->\r\n                <div class=\"lesson-content\" id=\"content-binance-m6\">\r\n                    <h1 class=\"content-title\">M6: Cas d'utilisation et limites de la blockchain<\/h1>\r\n                    <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/67a9b1_ce0f6a4503dc4c7e8d7181938610873d\/1080p\/mp4\/file.mp4\">\r\n                    <\/video>\r\n                    \r\n                    <p>Ce module fournira un aper\u00e7u des cas d'utilisation de la blockchain dans diff\u00e9rents secteurs, qu'il s'agisse de paiements, des services financiers ou des soins de sant\u00e9. Il explique \u00e9galement certaines des limites de la technologie. <\/p>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU BINANCE QUIZ 6 -->\r\n               <div class=\"lesson-content\" id=\"content-binance-q6\">\r\n    <h1 class=\"content-title\">Quiz Etape 6<\/h1>\r\n    <p>Quelle(s) sont la ou les affirmation(s) correcte(s) ?  <br> S\u00e9lectionnez toutes les r\u00e9ponses correctes.<\/p>\r\n\r\n    <div class=\"content-description\">\r\n        <div id=\"qcm-score-container\"><\/div>\r\n\r\n        <div style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #222; padding: 20px; max-width: 900px;\">\r\n\r\n            <!-- QUESTION  -->\r\n            <div style=\"margin-bottom: 30px;\">\r\n                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Quelle(s) sont la ou les affirmation(s) correcte(s) ?<\/h3>\r\n\r\n                <label style=\"display: block; margin: 6px 0;\">\r\n                    <input type=\"checkbox\" name=\"q1\" value=\"A\" style=\"margin-right: 8px;\">\r\n                    A) L'envoi d'argent par la blockchain peut \u00eatre rapide et g\u00e9n\u00e9rer de faibles frais.\r\n                <\/label>\r\n\r\n                <label style=\"display: block; margin: 6px 0;\">\r\n                    <input type=\"checkbox\" name=\"q1\" value=\"B\" style=\"margin-right: 8px;\">\r\n                    B) La DeFi vise \u00e0 cr\u00e9er un syst\u00e8me financier plus ouvert, inclusif, d\u00e9centralis\u00e9 et transparent.\r\n                <\/label>\r\n\r\n                <label style=\"display: block; margin: 6px 0;\">\r\n                    <input type=\"checkbox\" name=\"q1\" value=\"C\" style=\"margin-right: 8px;\">\r\n                    C) La blockchain peut rendre les interactions de la cha\u00eene d'approvisionnement entre les entreprises plus fluides et plus efficaces.\r\n                <\/label>\r\n\r\n                <label style=\"display: block; margin: 6px 0;\">\r\n                    <input type=\"checkbox\" name=\"q1\" value=\"D\" style=\"margin-right: 8px;\">\r\n                    D) La blockchain n'est pas une bonne option pour stocker des dossiers de sant\u00e9 num\u00e9riques.\r\n                <\/label>\r\n                \r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"nav-buttons\">\r\n        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n        <button class=\"nav-btn btn-next\" onclick=\"validateQCM()\">Valider \u25b6<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n            <\/div>\r\n        <\/div> \r\n    <\/div>\r\n\r\n    <div class=\"alert-overlay\" id=\"alert-overlay\" onclick=\"hideAlert()\"><\/div>\r\n\r\n    <script>\r\n    \/\/ ========== FONCTIONS GLOBALES POUR LES BOUTONS onclick ==========\r\n    function completeLesson() { window.completeLessonFunc(); }\r\n    function goToNext() { window.goToNextFunc(); }\r\n    function goToPrevious() { window.goToPreviousFunc(); }\r\n    function validateQCM() { window.validateQCMFunc(); }\r\n    function startFormation() { window.startFormationFunc(); }\r\n    function goToCatalogue() { window.goToCatalogueFunc(); }\r\n    function showAlert(message) { window.showAlertFunc(message); }\r\n    function hideAlert() { window.hideAlertFunc(); }\r\n\r\n    (function() {\r\n        'use strict';\r\n\r\n        \/\/ ========== \u00c9TAT DE LA PROGRESSION ==========\r\n        const progressState = {\r\n            'intro': { completed: 0, total: 7 },\r\n            'innovation': { completed: 0, total: 6 },\r\n            'strategies': { completed: 0, total: 12 },\r\n            'lessons': {}\r\n        };\r\n\r\n        \/\/ ========== ORDRE DES LE\u00c7ONS ==========\r\n        const lessonOrder = [\r\n            'apercu', 'mod1-ch1', 'mod1-ch2', 'mod1-ch3', 'mod1-ch4', 'mod1-ch5', 'mod1-conclusion', 'mod1-qcm',\r\n            'mod2-ch1', 'mod2-ch2', 'mod2-ch3', 'mod2-ch4', 'mod2-conclusion', 'mod2-qcm',\r\n            'binance-m1', 'binance-q1', 'binance-m2', 'binance-q2', 'binance-m3', 'binance-q3',\r\n            'binance-m4', 'binance-q4', 'binance-m5', 'binance-q5', 'binance-m6', 'binance-q6'\r\n        ];\r\n\r\n        \/\/ Initialiser l'\u00e9tat des le\u00e7ons\r\n        lessonOrder.forEach(lesson => {\r\n            if (lesson !== 'apercu') {\r\n                progressState.lessons[lesson] = false;\r\n            }\r\n        });\r\n\r\n        let currentLesson = 'apercu';\r\n\r\n        \/\/ ========== FONCTIONS UTILITAIRES ==========\r\n\r\n        function showAlertFunc(message) {\r\n            const alertElement = document.getElementById('alert-message');\r\n            const overlay = document.getElementById('alert-overlay');\r\n            \r\n            if (alertElement) {\r\n                alertElement.textContent = message;\r\n                alertElement.style.display = 'block';\r\n                \r\n                if (overlay) {\r\n                    overlay.style.display = 'block';\r\n                }\r\n                \r\n                setTimeout(hideAlertFunc, 3000);\r\n            }\r\n        }\r\n\r\n        function showSuccessMessage(message) {\r\n            const successElement = document.getElementById('success-message');\r\n            const overlay = document.getElementById('alert-overlay');\r\n            \r\n            if (successElement) {\r\n                successElement.textContent = message;\r\n                successElement.style.display = 'block';\r\n                \r\n                if (overlay) {\r\n                    overlay.style.display = 'block';\r\n                }\r\n                \r\n                setTimeout(hideAlertFunc, 3000);\r\n            }\r\n        }\r\n\r\n        function hideAlertFunc() {\r\n            const alertElement = document.getElementById('alert-message');\r\n            const successElement = document.getElementById('success-message');\r\n            const overlay = document.getElementById('alert-overlay');\r\n            \r\n            if (alertElement) alertElement.style.display = 'none';\r\n            if (successElement) successElement.style.display = 'none';\r\n            if (overlay) overlay.style.display = 'none';\r\n        }\r\n\r\n        \/\/ ========== FONCTIONS DE PROGRESSION ==========\r\n\r\n        function updateAllProgressBars() {\r\n            \/\/ Mettre \u00e0 jour chaque section\r\n            for (const section in progressState) {\r\n                if (section !== 'lessons') {\r\n                    const stepsBadge = document.getElementById(`steps-${section}`);\r\n                    const checkIcon = document.getElementById(`check-${section}`);\r\n                    \r\n                    if (stepsBadge && checkIcon) {\r\n                        const completed = progressState[section].completed;\r\n                        const total = progressState[section].total;\r\n                        stepsBadge.textContent = `${completed}\/${total} \u00e9tapes`;\r\n                        \r\n                        checkIcon.style.display = (completed === total) ? 'inline-flex' : 'none';\r\n                    }\r\n                }\r\n            }\r\n            \r\n            \/\/ Mettre \u00e0 jour les le\u00e7ons compl\u00e9t\u00e9es dans la sidebar\r\n            for (const lessonId in progressState.lessons) {\r\n                const lessonElement = document.querySelector(`[data-lesson=\"${lessonId}\"]`);\r\n                if (lessonElement) {\r\n                    lessonElement.classList.toggle('completed', progressState.lessons[lessonId]);\r\n                }\r\n            }\r\n        }\r\n\r\n        function updateGlobalProgress() {\r\n            const totalLessons = Object.keys(progressState.lessons).length;\r\n            const completedLessons = Object.values(progressState.lessons).filter(v => v).length;\r\n            const progressPercentage = totalLessons > 0 ? (completedLessons \/ totalLessons) * 100 : 0;\r\n            \r\n            const progressFill = document.getElementById('global-progress');\r\n            const progressText = document.getElementById('global-progress-text');\r\n            \r\n            if (progressFill) {\r\n                progressFill.style.width = `${progressPercentage}%`;\r\n            }\r\n            if (progressText) {\r\n                progressText.textContent = `${Math.round(progressPercentage)}% compl\u00e9t\u00e9`;\r\n            }\r\n        }\r\n\r\n        function updateSectionProgress(lessonId) {\r\n            const module1Lessons = ['mod1-ch1', 'mod1-ch2', 'mod1-ch3', 'mod1-ch4', 'mod1-ch5', 'mod1-conclusion', 'mod1-qcm'];\r\n            const module2Lessons = ['mod2-ch1', 'mod2-ch2', 'mod2-ch3', 'mod2-ch4', 'mod2-conclusion', 'mod2-qcm'];\r\n            const binanceLessons = ['binance-m1', 'binance-q1', 'binance-m2', 'binance-q2', 'binance-m3', 'binance-q3', 'binance-m4', 'binance-q4', 'binance-m5', 'binance-q5', 'binance-m6', 'binance-q6'];\r\n            \r\n            if (module1Lessons.includes(lessonId)) progressState.intro.completed++;\r\n            if (module2Lessons.includes(lessonId)) progressState.innovation.completed++;\r\n            if (binanceLessons.includes(lessonId)) progressState.strategies.completed++;\r\n        }\r\n\r\n        \/\/ ========== FONCTIONS DE NAVIGATION ==========\r\n\r\n        function updateActiveStates() {\r\n            \/\/ Retirer la classe active de tous les \u00e9l\u00e9ments\r\n            document.querySelectorAll('.lesson-item, .simple-section').forEach(item => {\r\n                item.classList.remove('active');\r\n            });\r\n            \r\n            \/\/ Ajouter la classe active \u00e0 l'\u00e9l\u00e9ment courant\r\n            const currentItem = document.querySelector(`[data-lesson=\"${currentLesson}\"], [data-section=\"${currentLesson}\"]`);\r\n            if (currentItem) {\r\n                currentItem.classList.add('active');\r\n            }\r\n            \r\n            \/\/ Ouvrir les sections correspondantes\r\n            const sectionMap = {\r\n                'intro': ['mod1-ch1', 'mod1-ch2', 'mod1-ch3', 'mod1-ch4', 'mod1-ch5', 'mod1-conclusion', 'mod1-qcm'],\r\n                'innovation': ['mod2-ch1', 'mod2-ch2', 'mod2-ch3', 'mod2-ch4', 'mod2-conclusion', 'mod2-qcm'],\r\n                'strategies': ['binance-m1', 'binance-q1', 'binance-m2', 'binance-q2', 'binance-m3', 'binance-q3', 'binance-m4', 'binance-q4', 'binance-m5', 'binance-q5', 'binance-m6', 'binance-q6']\r\n            };\r\n            \r\n            for (const section in sectionMap) {\r\n                const sectionLessons = sectionMap[section];\r\n                if (sectionLessons.includes(currentLesson)) {\r\n                    const sectionToggle = document.getElementById(`section-${section}`);\r\n                    if (sectionToggle) {\r\n                        sectionToggle.checked = true;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        function updateCompleteButtonState() {\r\n            const completeBtn = document.querySelector('.btn-complete');\r\n            const nextBtn = document.querySelector('.btn-next');\r\n            \r\n            if (completeBtn) {\r\n                if (currentLesson === 'apercu') {\r\n                    completeBtn.textContent = \"Revenir au catalogue\";\r\n                    completeBtn.disabled = false;\r\n                    completeBtn.style.background = \"linear-gradient(135deg, #0673B7, #0673B7)\";\r\n                } else if (progressState.lessons[currentLesson]) {\r\n                    completeBtn.textContent = \"Le\u00e7on termin\u00e9e \u2713\";\r\n                    completeBtn.disabled = true;\r\n                    completeBtn.style.background = \"#10b981\";\r\n                } else {\r\n                    completeBtn.textContent = \"Compl\u00e9ter l'\u00e9tape\";\r\n                    completeBtn.disabled = false;\r\n                    completeBtn.style.background = \"linear-gradient(135deg, #0673B7, #0673B7)\";\r\n                }\r\n            }\r\n            \r\n            if (nextBtn) {\r\n                if (currentLesson.includes('-qcm') || currentLesson.includes('-q')) {\r\n                    nextBtn.textContent = \"Valider \u25b6\";\r\n                } else if (currentLesson === 'apercu') {\r\n                    nextBtn.textContent = \"Commencer la formation \u25b6\";\r\n                } else {\r\n                    nextBtn.textContent = \"Suivant \u25b6\";\r\n                }\r\n                nextBtn.disabled = false;\r\n                nextBtn.style.background = \"linear-gradient(135deg, #0673B7, #0673B7)\";\r\n            }\r\n        }\r\n\r\n        function navigateToLesson(lessonId) {\r\n            const radio = document.getElementById(`radio-${lessonId}`);\r\n            if (radio) {\r\n                radio.checked = true;\r\n                currentLesson = lessonId;\r\n                updateActiveStates();\r\n                updateCompleteButtonState();\r\n                window.scrollTo({ top: 0, behavior: 'smooth' });\r\n                hideAlertFunc();\r\n                return true;\r\n            }\r\n            return false;\r\n        }\r\n\r\n        function canAccessLesson(lessonId) {\r\n            if (lessonId === 'apercu' || progressState.lessons[lessonId]) {\r\n                return true;\r\n            }\r\n            \r\n            const currentIndex = lessonOrder.indexOf(currentLesson);\r\n            const targetIndex = lessonOrder.indexOf(lessonId);\r\n            \r\n            \/\/ Si on clique sur une le\u00e7on d\u00e9j\u00e0 pass\u00e9e ou la suivante imm\u00e9diate\r\n            if (targetIndex <= currentIndex + 1) {\r\n                return true;\r\n            }\r\n            \r\n            \/\/ V\u00e9rifier si toutes les le\u00e7ons pr\u00e9c\u00e9dentes sont termin\u00e9es\r\n            for (let i = currentIndex + 1; i < targetIndex; i++) {\r\n                const prevLesson = lessonOrder[i];\r\n                if (prevLesson !== 'apercu' && !progressState.lessons[prevLesson]) {\r\n                    return false;\r\n                }\r\n            }\r\n            \r\n            return true;\r\n        }\r\n\r\n        \/\/ ========== FONCTIONS PRINCIPALES EXPOS\u00c9ES ==========\r\n\r\n        window.completeLessonFunc = function() {\r\n            if (currentLesson === 'apercu') return;\r\n            \r\n            if (!progressState.lessons[currentLesson]) {\r\n                progressState.lessons[currentLesson] = true;\r\n                updateSectionProgress(currentLesson);\r\n                \r\n                updateAllProgressBars();\r\n                updateGlobalProgress();\r\n                updateCompleteButtonState();\r\n                \r\n                showSuccessMessage(\"Le\u00e7on termin\u00e9e avec succ\u00e8s !\");\r\n                \r\n                \/\/ Navigation automatique apr\u00e8s 1 seconde\r\n                setTimeout(() => {\r\n                    const currentIndex = lessonOrder.indexOf(currentLesson);\r\n                    if (currentIndex < lessonOrder.length - 1) {\r\n                        const nextLessonId = lessonOrder[currentIndex + 1];\r\n                        navigateToLesson(nextLessonId);\r\n                    }\r\n                }, 1000);\r\n            }\r\n        };\r\n\r\n        window.goToNextFunc = function() {\r\n            if (currentLesson.includes('-qcm') || currentLesson.includes('-q')) {\r\n                if (!areCurrentQCMAnswered()) {\r\n                    showAlertFunc(\"Vous devez r\u00e9pondre \u00e0 toutes les questions avant de continuer.\");\r\n                    return;\r\n                }\r\n                \r\n                if (currentLesson === 'mod1-qcm') {\r\n                    validateModule1QCM();\r\n                    return;\r\n                } else if (currentLesson === 'mod2-qcm') {\r\n                    validateModule2QCM();\r\n                    return;\r\n                } else if (currentLesson.includes('binance-q')) {\r\n                    validateBinanceQCM();\r\n                    return;\r\n                }\r\n            }\r\n            \r\n            const currentIndex = lessonOrder.indexOf(currentLesson);\r\n            if (currentIndex < lessonOrder.length - 1) {\r\n                const nextLessonId = lessonOrder[currentIndex + 1];\r\n                navigateToLesson(nextLessonId);\r\n            } else {\r\n                showAlertFunc(\"F\u00e9licitations ! Vous avez termin\u00e9 toutes les le\u00e7ons.\");\r\n            }\r\n        };\r\n\r\n        window.goToPreviousFunc = function() {\r\n            const currentIndex = lessonOrder.indexOf(currentLesson);\r\n            if (currentIndex > 0) {\r\n                const prevLessonId = lessonOrder[currentIndex - 1];\r\n                navigateToLesson(prevLessonId);\r\n            } else {\r\n                showAlertFunc(\"Vous \u00eates d\u00e9j\u00e0 \u00e0 la premi\u00e8re le\u00e7on.\");\r\n            }\r\n        };\r\n\r\n        window.startFormationFunc = function() {\r\n            navigateToLesson('mod1-ch1');\r\n        };\r\n\r\n        window.goToCatalogueFunc = function() {\r\n            if (confirm(\"Voulez-vous vraiment quitter la formation et retourner au catalogue ?\")) {\r\n                alert(\"Retour au catalogue des formations\");\r\n                \/\/ window.location.href = \"\/catalogue\";\r\n            }\r\n        };\r\n\r\n        \/\/ ========== FONCTIONS QCM ==========\r\n\r\n        function areCurrentQCMAnswered() {\r\n            if (currentLesson === 'mod1-qcm') {\r\n                return areAllModule1QCMAnswered();\r\n            } else if (currentLesson === 'mod2-qcm') {\r\n                return areAllModule2QCMAnswered();\r\n            } else if (currentLesson.includes('binance-q')) {\r\n                return areAllBinanceQCMAnswered(currentLesson);\r\n            }\r\n            return true;\r\n        }\r\n\r\n        function areAllModule1QCMAnswered() {\r\n            for (let i = 1; i <= 10; i++) {\r\n                if (!document.querySelector(`input[name=\"mod1-q${i}\"]:checked`)) {\r\n                    return false;\r\n                }\r\n            }\r\n            return true;\r\n        }\r\n\r\n        function areAllModule2QCMAnswered() {\r\n            for (let i = 1; i <= 10; i++) {\r\n                if (!document.querySelector(`input[name=\"q${i}\"]:checked`)) {\r\n                    return false;\r\n                }\r\n            }\r\n            return true;\r\n        }\r\n\r\n        function areAllBinanceQCMAnswered(quizId) {\r\n            const quizNumber = quizId.replace('binance-q', '');\r\n            \r\n            if (quizNumber === '2' || quizNumber === '6') {\r\n                \/\/ Questions \u00e0 cases \u00e0 cocher\r\n                return document.querySelectorAll('input[name=\"q1\"]:checked').length > 0;\r\n            } else {\r\n                \/\/ Questions \u00e0 choix unique\r\n                return document.querySelector('input[name=\"q1\"]:checked') !== null;\r\n            }\r\n        }\r\n\r\n        \/\/ ========== VALIDATION QCM MODULE 1 ==========\r\n\r\n        function validateModule1QCM() {\r\n            if (!areAllModule1QCMAnswered()) {\r\n                showAlertFunc(\"Vous devez r\u00e9pondre \u00e0 toutes les questions avant de valider.\");\r\n                return;\r\n            }\r\n            \r\n            const correctAnswers = {\r\n                'mod1-q1': 'B',\r\n                'mod1-q2': 'B',\r\n                'mod1-q3': 'C',\r\n                'mod1-q4': 'C',\r\n                'mod1-q5': 'B',\r\n                'mod1-q6': 'C',\r\n                'mod1-q7': 'B',\r\n                'mod1-q8': 'A',\r\n                'mod1-q9': 'C',\r\n                'mod1-q10': 'B'\r\n            };\r\n            \r\n            let score = 0;\r\n            const totalQuestions = 10;\r\n            \r\n            for (const question in correctAnswers) {\r\n                const selected = document.querySelector(`input[name=\"${question}\"]:checked`);\r\n                if (selected && selected.value === correctAnswers[question]) {\r\n                    score++;\r\n                }\r\n            }\r\n            \r\n            const percentage = Math.round((score \/ totalQuestions) * 100);\r\n            \r\n            \/\/ Afficher le r\u00e9sultat\r\n            const qcmContainer = document.getElementById('qcm-score-container-mod1');\r\n            if (qcmContainer) {\r\n                const isSuccess = percentage >= 80;\r\n                const resultStyle = isSuccess ? \r\n                    \"background: linear-gradient(135deg, #d1fae5, #a7f3d0); border: 2px solid #10b981;\" :\r\n                    \"background: linear-gradient(135deg, #fee2e2, #fecaca); border: 2px solid #dc2626;\";\r\n                \r\n                const titleColor = isSuccess ? \"#065f46\" : \"#dc2626\";\r\n                const message = isSuccess ? \r\n                    '\u2713 Test r\u00e9ussi ! Vous pouvez passer au module suivant.' :\r\n                    '\u2717 Score insuffisant. R\u00e9essayez pour atteindre 80%.';\r\n                \r\n                const scoreHtml = `\r\n                    <div style=\"\r\n                        ${resultStyle}\r\n                        border-radius: 12px;\r\n                        padding: 30px;\r\n                        margin: 30px 0;\r\n                        text-align: center;\r\n                        box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n                    \">\r\n                        <h2 style=\"color: ${titleColor}; margin-bottom: 15px; font-size: 24px;\">\r\n                            Quiz Module 1 - Introduction \u00e0 la Blockchain\r\n                        <\/h2>\r\n                        <div style=\"font-size: 48px; font-weight: bold; color: ${titleColor}; margin: 20px 0;\">\r\n                            ${percentage}%\r\n                        <\/div>\r\n                        <div style=\"color: ${isSuccess ? '#047857' : '#991b1b'}; font-size: 18px; margin-bottom: 10px;\">\r\n                            Score : ${score}\/${totalQuestions} r\u00e9ponses correctes\r\n                        <\/div>\r\n                        <div style=\"color: #6b7280; font-size: 16px;\">\r\n                            ${percentage === 100 ? 'Excellent ! \ud83c\udf89' : percentage >= 80 ? 'Bravo !' : 'Continuez \u00e0 pratiquer !'}\r\n                        <\/div>\r\n                        <div style=\"color: ${titleColor}; font-weight: bold; margin-top: 15px; padding: 10px; background: ${isSuccess ? '#a7f3d0' : '#fecaca'}; border-radius: 8px;\">\r\n                            ${message}\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n                \r\n                qcmContainer.innerHTML = scoreHtml;\r\n            }\r\n            \r\n            if (percentage >= 80) {\r\n                \/\/ Marquer comme termin\u00e9\r\n                progressState.lessons['mod1-qcm'] = true;\r\n                progressState.intro.completed = 7;\r\n                \r\n                updateAllProgressBars();\r\n                updateGlobalProgress();\r\n                updateCompleteButtonState();\r\n                \r\n                \/\/ D\u00e9sactiver les boutons\r\n                const nextBtn = document.querySelector('.btn-next');\r\n                const completeBtn = document.querySelector('.btn-complete');\r\n                \r\n                if (nextBtn) {\r\n                    nextBtn.disabled = true;\r\n                    nextBtn.textContent = \"Termin\u00e9 \u2713\";\r\n                    nextBtn.style.background = \"#10b981\";\r\n                }\r\n                if (completeBtn) {\r\n                    completeBtn.disabled = true;\r\n                    completeBtn.textContent = \"Le\u00e7on termin\u00e9e \u2713\";\r\n                    completeBtn.style.background = \"#10b981\";\r\n                }\r\n                \r\n                showSuccessMessage(`Quiz Module 1 r\u00e9ussi ! Score : ${percentage}%`);\r\n            } else {\r\n                showAlertFunc(`Score insuffisant (${percentage}%). Minimum requis : 80%`);\r\n            }\r\n        }\r\n\r\n        \/\/ ========== VALIDATION QCM MODULE 2 ==========\r\n\r\n        function validateModule2QCM() {\r\n            if (!areAllModule2QCMAnswered()) {\r\n                showAlertFunc(\"Vous devez r\u00e9pondre \u00e0 toutes les questions avant de valider.\");\r\n                return;\r\n            }\r\n            \r\n            const correctAnswers = {\r\n                'q1': 'A',\r\n                'q2': 'B',\r\n                'q3': 'A',\r\n                'q4': 'B',\r\n                'q5': 'C',\r\n                'q6': 'B',\r\n                'q7': 'C',\r\n                'q8': 'C',\r\n                'q9': 'A',\r\n                'q10': 'D'\r\n            };\r\n            \r\n            let score = 0;\r\n            const totalQuestions = 10;\r\n            \r\n            for (const question in correctAnswers) {\r\n                const selected = document.querySelector(`input[name=\"${question}\"]:checked`);\r\n                if (selected && selected.value === correctAnswers[question]) {\r\n                    score++;\r\n                }\r\n            }\r\n            \r\n            const percentage = Math.round((score \/ totalQuestions) * 100);\r\n            \r\n            \/\/ Afficher le r\u00e9sultat\r\n            const qcmContainer = document.getElementById('qcm-score-container');\r\n            if (qcmContainer) {\r\n                const isSuccess = percentage >= 80;\r\n                const resultStyle = isSuccess ? \r\n                    \"background: linear-gradient(135deg, #d1fae5, #a7f3d0); border: 2px solid #10b981;\" :\r\n                    \"background: linear-gradient(135deg, #fee2e2, #fecaca); border: 2px solid #dc2626;\";\r\n                \r\n                const titleColor = isSuccess ? \"#065f46\" : \"#dc2626\";\r\n                const message = isSuccess ? \r\n                    '\u2713 Test r\u00e9ussi ! Vous pouvez continuer.' :\r\n                    '\u2717 Score insuffisant. R\u00e9essayez pour atteindre 80%.';\r\n                \r\n                const scoreHtml = `\r\n                    <div style=\"\r\n                        ${resultStyle}\r\n                        border-radius: 12px;\r\n                        padding: 30px;\r\n                        margin: 30px 0;\r\n                        text-align: center;\r\n                        box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n                    \">\r\n                        <h2 style=\"color: ${titleColor}; margin-bottom: 15px; font-size: 24px;\">\r\n                            Quiz Module 2 - Applications de la blockchain\r\n                        <\/h2>\r\n                        <div style=\"font-size: 48px; font-weight: bold; color: ${titleColor}; margin: 20px 0;\">\r\n                            ${percentage}%\r\n                        <\/div>\r\n                        <div style=\"color: ${isSuccess ? '#047857' : '#991b1b'}; font-size: 18px; margin-bottom: 10px;\">\r\n                            Score : ${score}\/${totalQuestions} r\u00e9ponses correctes\r\n                        <\/div>\r\n                        <div style=\"color: #6b7280; font-size: 16px;\">\r\n                            ${percentage === 100 ? 'Excellent ! \ud83c\udf89' : percentage >= 80 ? 'Bravo !' : 'Continuez \u00e0 pratiquer !'}\r\n                        <\/div>\r\n                        <div style=\"color: ${titleColor}; font-weight: bold; margin-top: 15px; padding: 10px; background: ${isSuccess ? '#a7f3d0' : '#fecaca'}; border-radius: 8px;\">\r\n                            ${message}\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n                \r\n                qcmContainer.innerHTML = scoreHtml;\r\n            }\r\n            \r\n            if (percentage >= 80) {\r\n                \/\/ Marquer comme termin\u00e9\r\n                progressState.lessons['mod2-qcm'] = true;\r\n                progressState.innovation.completed = 6;\r\n                \r\n                updateAllProgressBars();\r\n                updateGlobalProgress();\r\n                updateCompleteButtonState();\r\n                \r\n                \/\/ D\u00e9sactiver les boutons\r\n                const nextBtn = document.querySelector('.btn-next');\r\n                const completeBtn = document.querySelector('.btn-complete');\r\n                \r\n                if (nextBtn) {\r\n                    nextBtn.disabled = true;\r\n                    nextBtn.textContent = \"Termin\u00e9 \u2713\";\r\n                    nextBtn.style.background = \"#10b981\";\r\n                }\r\n                if (completeBtn) {\r\n                    completeBtn.disabled = true;\r\n                    completeBtn.textContent = \"Le\u00e7on termin\u00e9e \u2713\";\r\n                    completeBtn.style.background = \"#10b981\";\r\n                }\r\n                \r\n                showSuccessMessage(`Quiz Module 2 r\u00e9ussi ! Score : ${percentage}%`);\r\n            } else {\r\n                showAlertFunc(`Score insuffisant (${percentage}%). Minimum requis : 80%`);\r\n            }\r\n        }\r\n\r\n        \/\/ ========== VALIDATION QCM BINANCE ==========\r\n\r\n        function validateBinanceQCM() {\r\n            const correctAnswers = {\r\n                'binance-q1': 'A',\r\n                'binance-q2': ['A', 'B', 'C'],\r\n                'binance-q3': 'A',\r\n                'binance-q4': 'C',\r\n                'binance-q5': 'B',\r\n                'binance-q6': ['A', 'B', 'C']\r\n            };\r\n            \r\n            const currentQuizNumber = currentLesson.replace('binance-q', '');\r\n            let isSuccess = false;\r\n            let feedback = '';\r\n            \r\n            if (currentQuizNumber === '1' || currentQuizNumber === '3' || currentQuizNumber === '4' || currentQuizNumber === '5') {\r\n                \/\/ Question \u00e0 choix unique\r\n                const selected = document.querySelector('input[name=\"q1\"]:checked');\r\n                const correctAnswer = correctAnswers[`binance-q${currentQuizNumber}`];\r\n                \r\n                isSuccess = selected && selected.value === correctAnswer;\r\n                feedback = isSuccess ? '\u2713 QCM valid\u00e9 avec succ\u00e8s !' : '\u2717 R\u00e9ponse incorrecte. R\u00e9essayez.';\r\n                \r\n            } else if (currentQuizNumber === '2' || currentQuizNumber === '6') {\r\n                \/\/ Question \u00e0 choix multiples\r\n                const checkboxes = document.querySelectorAll('input[name=\"q1\"]:checked');\r\n                const selectedValues = Array.from(checkboxes).map(cb => cb.value);\r\n                const correctAnswersArray = correctAnswers[`binance-q${currentQuizNumber}`];\r\n                \r\n                const allCorrect = correctAnswersArray.every(val => selectedValues.includes(val));\r\n                const noWrong = selectedValues.every(val => correctAnswersArray.includes(val));\r\n                const correctCount = selectedValues.length === correctAnswersArray.length;\r\n                \r\n                isSuccess = allCorrect && noWrong && correctCount;\r\n                feedback = isSuccess ? '\u2713 QCM valid\u00e9 avec succ\u00e8s !' : '\u2717 R\u00e9ponse incorrecte. R\u00e9essayez.';\r\n            }\r\n            \r\n            \/\/ Afficher le r\u00e9sultat\r\n            const qcmContainer = document.getElementById('qcm-score-container');\r\n            if (qcmContainer) {\r\n                const resultText = isSuccess ? \r\n                    `<div style=\"\r\n                        color: #065f46;\r\n                        font-weight: bold;\r\n                        padding: 15px;\r\n                        background: #d1fae5;\r\n                        border-radius: 8px;\r\n                        margin: 20px 0;\r\n                        border: 2px solid #10b981;\r\n                        text-align: center;\r\n                    \">\r\n                        ${feedback}\r\n                    <\/div>` :\r\n                    `<div style=\"\r\n                        color: #dc2626;\r\n                        font-weight: bold;\r\n                        padding: 15px;\r\n                        background: #fee2e2;\r\n                        border-radius: 8px;\r\n                        margin: 20px 0;\r\n                        border: 2px solid #dc2626;\r\n                        text-align: center;\r\n                    \">\r\n                        ${feedback}\r\n                    <\/div>`;\r\n                \r\n                qcmContainer.innerHTML = resultText;\r\n            }\r\n            \r\n            if (isSuccess) {\r\n                \/\/ Marquer comme termin\u00e9\r\n                progressState.lessons[currentLesson] = true;\r\n                updateSectionProgress(currentLesson);\r\n                \r\n                updateAllProgressBars();\r\n                updateGlobalProgress();\r\n                updateCompleteButtonState();\r\n                \r\n                \/\/ D\u00e9sactiver les boutons\r\n                const nextBtn = document.querySelector('.btn-next');\r\n                const completeBtn = document.querySelector('.btn-complete');\r\n                \r\n                if (nextBtn) {\r\n                    nextBtn.disabled = true;\r\n                    nextBtn.textContent = \"Termin\u00e9 \u2713\";\r\n                    nextBtn.style.background = \"#10b981\";\r\n                }\r\n                if (completeBtn) {\r\n                    completeBtn.disabled = true;\r\n                    completeBtn.textContent = \"Le\u00e7on termin\u00e9e \u2713\";\r\n                    completeBtn.style.background = \"#10b981\";\r\n                }\r\n                \r\n                showSuccessMessage(`Quiz Binance Etape ${currentQuizNumber} r\u00e9ussi !`);\r\n                \r\n                \/\/ Navigation automatique apr\u00e8s 2 secondes\r\n                setTimeout(() => {\r\n                    const currentIndex = lessonOrder.indexOf(currentLesson);\r\n                    if (currentIndex < lessonOrder.length - 1) {\r\n                        const nextLessonId = lessonOrder[currentIndex + 1];\r\n                        navigateToLesson(nextLessonId);\r\n                    }\r\n                }, 2000);\r\n            } else {\r\n                showAlertFunc(feedback);\r\n            }\r\n        }\r\n\r\n        \/\/ ========== INITIALISATION ==========\r\n\r\n        function setupSidebarEvents() {\r\n            document.querySelectorAll('.lesson-item, .simple-section').forEach(item => {\r\n                item.addEventListener('click', function(e) {\r\n                    const lessonId = this.getAttribute('data-lesson');\r\n                    const sectionId = this.getAttribute('data-section');\r\n                    \r\n                    if (lessonId) {\r\n                        if (canAccessLesson(lessonId)) {\r\n                            navigateToLesson(lessonId);\r\n                        } else {\r\n                            e.preventDefault();\r\n                            showAlertFunc(\"Veuillez terminer les le\u00e7ons pr\u00e9c\u00e9dentes avant d'acc\u00e9der \u00e0 celle-ci.\");\r\n                        }\r\n                    } else if (sectionId) {\r\n                        navigateToLesson(sectionId);\r\n                    }\r\n                });\r\n            });\r\n        }\r\n\r\n        function init() {\r\n            updateAllProgressBars();\r\n            updateGlobalProgress();\r\n            updateActiveStates();\r\n            updateCompleteButtonState();\r\n            setupSidebarEvents();\r\n            \r\n            \/\/ Initialiser le bouton Compl\u00e9ter pour l'aper\u00e7u\r\n            if (currentLesson === 'apercu') {\r\n                updateCompleteButtonState();\r\n            }\r\n        }\r\n\r\n        \/\/ Initialiser la validation QCM globale\r\n        window.validateQCMFunc = function() {\r\n            if (currentLesson === 'mod1-qcm') {\r\n                validateModule1QCM();\r\n            } else if (currentLesson === 'mod2-qcm') {\r\n                validateModule2QCM();\r\n            } else if (currentLesson.includes('binance-q')) {\r\n                validateBinanceQCM();\r\n            }\r\n        };\r\n\r\n        \/\/ D\u00e9marrer quand le DOM est charg\u00e9\r\n        if (document.readyState === 'loading') {\r\n            document.addEventListener('DOMContentLoaded', init);\r\n        } else {\r\n            init();\r\n        }\r\n\r\n    })();\r\n<\/script>\r\n    \r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction \u00e0 la Blockchain 0% compl\u00e9t\u00e9 Aper\u00e7u Module 1 : Introduction \u00e0 la Blockchain \u25b6 0\/7 \u00e9tapes \u2713 Chapitre 1 : Qu&rsquo;est-ce que la Blockchain ? 24:40 Chapitre 2 : Les principes fondamentaux de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"om_disable_all_campaigns":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"disabled","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-4333","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction \u00e0 la Blockchain 0% compl\u00e9t\u00e9 Aper\u00e7u Module 1 : Introduction \u00e0 la Blockchain \u25b6 0\/7 \u00e9tapes \u2713 Chapitre 1 : Qu&#039;est-ce que la Blockchain ? 24:40 Chapitre 2 : Les principes fondamentaux de\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/awi3.com\/en\/blockchain\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"AWI 3.0 -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Blockchain - AWI 3.0\" \/>\n\t\t<meta property=\"og:description\" content=\"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction \u00e0 la Blockchain 0% compl\u00e9t\u00e9 Aper\u00e7u Module 1 : Introduction \u00e0 la Blockchain \u25b6 0\/7 \u00e9tapes \u2713 Chapitre 1 : Qu&#039;est-ce que la Blockchain ? 24:40 Chapitre 2 : Les principes fondamentaux de\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/awi3.com\/en\/blockchain\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1019\" \/>\n\t\t<meta property=\"og:image:height\" content=\"389\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-12-09T20:22:01+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-02T20:10:29+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/share\/1RSVNzHNz5\/?mibextid=wwXIfr\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Blockchain - AWI 3.0\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction \u00e0 la Blockchain 0% compl\u00e9t\u00e9 Aper\u00e7u Module 1 : Introduction \u00e0 la Blockchain \u25b6 0\/7 \u00e9tapes \u2713 Chapitre 1 : Qu&#039;est-ce que la Blockchain ? 24:40 Chapitre 2 : Les principes fondamentaux de\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/blockchain\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/awi3.com\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/blockchain\\\/#listItem\",\"name\":\"Blockchain\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/blockchain\\\/#listItem\",\"position\":2,\"name\":\"Blockchain\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/#organization\",\"name\":\"AWI 3.0\",\"description\":\"African Women Innovation 3.0 accompagne les femmes africaines avec des formations en IA, Web3 et Blockchain pour r\\u00e9ussir dans l\\u2019\\u00e9conomie num\\u00e9rique.\",\"url\":\"https:\\\/\\\/awi3.com\\\/en\\\/\",\"telephone\":\"+2250707627304\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/awi3.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Fichier-3.png\",\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/blockchain\\\/#organizationLogo\",\"width\":1019,\"height\":389},\"image\":{\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/blockchain\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/share\\\/1RSVNzHNz5\\\/?mibextid=wwXIfr\",\"https:\\\/\\\/www.youtube.com\\\/@AWI3.0\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/104031288\\\/\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/blockchain\\\/#webpage\",\"url\":\"https:\\\/\\\/awi3.com\\\/en\\\/blockchain\\\/\",\"name\":\"Blockchain - AWI 3.0\",\"description\":\"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\\u00e9l\\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction \\u00e0 la Blockchain 0% compl\\u00e9t\\u00e9 Aper\\u00e7u Module 1 : Introduction \\u00e0 la Blockchain \\u25b6 0\\\/7 \\u00e9tapes \\u2713 Chapitre 1 : Qu'est-ce que la Blockchain ? 24:40 Chapitre 2 : Les principes fondamentaux de\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/blockchain\\\/#breadcrumblist\"},\"datePublished\":\"2025-12-09T20:22:01+00:00\",\"dateModified\":\"2026-07-02T20:10:29+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/awi3.com\\\/en\\\/\",\"name\":\"AWI 3.0\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Blockchain - AWI 3.0","description":"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction \u00e0 la Blockchain 0% compl\u00e9t\u00e9 Aper\u00e7u Module 1 : Introduction \u00e0 la Blockchain \u25b6 0\/7 \u00e9tapes \u2713 Chapitre 1 : Qu'est-ce que la Blockchain ? 24:40 Chapitre 2 : Les principes fondamentaux de","canonical_url":"https:\/\/awi3.com\/en\/blockchain\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/awi3.com\/en\/blockchain\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/awi3.com\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/awi3.com\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/awi3.com\/en\/blockchain\/#listItem","name":"Blockchain"}},{"@type":"ListItem","@id":"https:\/\/awi3.com\/en\/blockchain\/#listItem","position":2,"name":"Blockchain","previousItem":{"@type":"ListItem","@id":"https:\/\/awi3.com\/en\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/awi3.com\/en\/#organization","name":"AWI 3.0","description":"African Women Innovation 3.0 accompagne les femmes africaines avec des formations en IA, Web3 et Blockchain pour r\u00e9ussir dans l\u2019\u00e9conomie num\u00e9rique.","url":"https:\/\/awi3.com\/en\/","telephone":"+2250707627304","logo":{"@type":"ImageObject","url":"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png","@id":"https:\/\/awi3.com\/en\/blockchain\/#organizationLogo","width":1019,"height":389},"image":{"@id":"https:\/\/awi3.com\/en\/blockchain\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/share\/1RSVNzHNz5\/?mibextid=wwXIfr","https:\/\/www.youtube.com\/@AWI3.0","https:\/\/www.linkedin.com\/company\/104031288\/"]},{"@type":"WebPage","@id":"https:\/\/awi3.com\/en\/blockchain\/#webpage","url":"https:\/\/awi3.com\/en\/blockchain\/","name":"Blockchain - AWI 3.0","description":"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction \u00e0 la Blockchain 0% compl\u00e9t\u00e9 Aper\u00e7u Module 1 : Introduction \u00e0 la Blockchain \u25b6 0\/7 \u00e9tapes \u2713 Chapitre 1 : Qu'est-ce que la Blockchain ? 24:40 Chapitre 2 : Les principes fondamentaux de","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/awi3.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/awi3.com\/en\/blockchain\/#breadcrumblist"},"datePublished":"2025-12-09T20:22:01+00:00","dateModified":"2026-07-02T20:10:29+00:00"},{"@type":"WebSite","@id":"https:\/\/awi3.com\/en\/#website","url":"https:\/\/awi3.com\/en\/","name":"AWI 3.0","inLanguage":"en-US","publisher":{"@id":"https:\/\/awi3.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"AWI 3.0 -","og:type":"article","og:title":"Blockchain - AWI 3.0","og:description":"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction \u00e0 la Blockchain 0% compl\u00e9t\u00e9 Aper\u00e7u Module 1 : Introduction \u00e0 la Blockchain \u25b6 0\/7 \u00e9tapes \u2713 Chapitre 1 : Qu'est-ce que la Blockchain ? 24:40 Chapitre 2 : Les principes fondamentaux de","og:url":"https:\/\/awi3.com\/en\/blockchain\/","og:image":"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png","og:image:secure_url":"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png","og:image:width":1019,"og:image:height":389,"article:published_time":"2025-12-09T20:22:01+00:00","article:modified_time":"2026-07-02T20:10:29+00:00","article:publisher":"https:\/\/www.facebook.com\/share\/1RSVNzHNz5\/?mibextid=wwXIfr","twitter:card":"summary_large_image","twitter:title":"Blockchain - AWI 3.0","twitter:description":"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction \u00e0 la Blockchain 0% compl\u00e9t\u00e9 Aper\u00e7u Module 1 : Introduction \u00e0 la Blockchain \u25b6 0\/7 \u00e9tapes \u2713 Chapitre 1 : Qu'est-ce que la Blockchain ? 24:40 Chapitre 2 : Les principes fondamentaux de","twitter:image":"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png"},"aioseo_meta_data":{"post_id":"4333","title":"#post_title #separator_sa #site_title","description":"#post_content","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-12-09 08:12:48","updated":"2026-07-02 20:32:28","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/awi3.com\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tBlockchain\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/awi3.com\/en\/"},{"label":"Blockchain","link":"https:\/\/awi3.com\/en\/blockchain\/"}],"_links":{"self":[{"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/pages\/4333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/comments?post=4333"}],"version-history":[{"count":52,"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/pages\/4333\/revisions"}],"predecessor-version":[{"id":6541,"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/pages\/4333\/revisions\/6541"}],"wp:attachment":[{"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/media?parent=4333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}