{"id":4418,"date":"2025-12-11T12:27:53","date_gmt":"2025-12-11T12:27:53","guid":{"rendered":"https:\/\/awi3.com\/?page_id=4418"},"modified":"2026-07-02T20:15:34","modified_gmt":"2026-07-02T20:15:34","slug":"prod-femme","status":"publish","type":"page","link":"https:\/\/awi3.com\/en\/prod-femme\/","title":{"rendered":"Prod &#8211; Femme"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4418\" class=\"elementor elementor-4418\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27055642 e-flex e-con-boxed e-con e-child\" data-id=\"27055642\" 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-696ad4d elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"696ad4d\" 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-5b9535a3 elementor-hidden-desktop elementor-widget-mobile__width-initial elementor-hidden-tablet elementor-widget elementor-widget-jkit_nav_menu\" data-id=\"5b9535a3\" 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___6af65c977cbed\"  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-18419aef e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"18419aef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1ec99fa e-con-full e-flex e-con e-child\" data-id=\"1ec99fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-421b44d5 elementor-view-stacked elementor-shape-square elementor-widget elementor-widget-icon\" data-id=\"421b44d5\" 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-5f342f85 elementor-widget elementor-widget-hfe-infocard\" data-id=\"5f342f85\" 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-dcde71e e-con-full e-transform e-flex e-con e-child\" data-id=\"dcde71e\" 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-38944fec elementor-view-stacked elementor-shape-square elementor-widget elementor-widget-icon\" data-id=\"38944fec\" 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-71407bd0 elementor-widget elementor-widget-hfe-infocard\" data-id=\"71407bd0\" 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-5244e7c e-con-full elementor-hidden-tablet e-flex e-con e-child\" data-id=\"5244e7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-425eb81 elementor-view-stacked elementor-shape-square elementor-widget elementor-widget-icon\" data-id=\"425eb81\" 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-636d71cf elementor-widget elementor-widget-hfe-infocard\" data-id=\"636d71cf\" 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-3f98b93d elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"3f98b93d\" 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-24bc2e21 e-transform elementor-widget elementor-widget-jkit_nav_menu\" data-id=\"24bc2e21\" 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_6af65c977e842\"  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-594a45e8 elementor-widget elementor-widget-button\" data-id=\"594a45e8\" 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-3fda1d64 e-con-full e-flex e-con e-parent\" data-id=\"3fda1d64\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-643ed6d6 elementor-widget elementor-widget-html\" data-id=\"643ed6d6\" 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        \/* ===== VARIABLES CSS ===== *\/\r\n        .formation-container {\r\n            --primary-color: #052A65;\r\n            --primary-light: #0a3a8a;\r\n            --primary-dark: #041f4a;\r\n            --secondary-color: #f5f7fa;\r\n            --text-primary: #1f2937;\r\n            --text-secondary: #4b5563;\r\n            --border-color: #e5e7eb;\r\n            --success-color: #10b981;\r\n            --warning-color: #f59e0b;\r\n            --danger-color: #ef4444;\r\n        }\r\n\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        }\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            overflow: visible;\r\n        }\r\n\r\n        \/* ===== TABLEAU DE COMPARAISON ===== *\/\r\n        .formation-container .web-comparison-table {\r\n            display: table;\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            border: 1px solid #ccc;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n            background-color: white;\r\n            font-family: 'Segoe UI', Arial, sans-serif;\r\n            margin: 20px 0;\r\n        }\r\n\r\n        .formation-container .table-header {\r\n            display: table-row;\r\n            font-weight: bold;\r\n            background-color: var(--primary-color);\r\n            color: white;\r\n        }\r\n\r\n        .formation-container .table-row {\r\n            display: table-row;\r\n        }\r\n\r\n        .formation-container .table-header > div,\r\n        .formation-container .table-row > div {\r\n            display: table-cell;\r\n            padding: 16px 12px;\r\n            border-bottom: 1px solid #eee;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        .formation-container .critere-header,\r\n        .formation-container .critere {\r\n            background-color: #f8f9fa;\r\n            font-weight: 600;\r\n            color: var(--primary-color);\r\n            width: 25%;\r\n        }\r\n\r\n        .formation-container .web-era {\r\n            background-color: var(--primary-color);\r\n            text-align: center;\r\n            color: white;\r\n            width: 25%;\r\n        }\r\n\r\n        .formation-container .cell {\r\n            text-align: center;\r\n            background-color: white;\r\n            color: #333;\r\n            width: 25%;\r\n        }\r\n\r\n        .formation-container .table-row:nth-child(even) .cell {\r\n            background-color: #f9f9f9;\r\n        }\r\n\r\n        .formation-container .table-row:last-child > div {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .formation-container .critere-header {\r\n            border-right: 1px solid #ddd;\r\n        }\r\n\r\n        .formation-container .web-era:nth-child(2) {\r\n            background-color: var(--primary-light);\r\n        }\r\n\r\n        .formation-container .web-era:nth-child(3) {\r\n            background-color: var(--primary-color);\r\n        }\r\n\r\n        .formation-container .web-era:nth-child(4) {\r\n            background-color: var(--primary-dark);\r\n        }\r\n\r\n        \/* Responsive pour le tableau *\/\r\n        @media (max-width: 768px) {\r\n            .formation-container .web-comparison-table {\r\n                display: block;\r\n                border: none;\r\n                box-shadow: none;\r\n            }\r\n\r\n            .formation-container .table-header {\r\n                display: none;\r\n            }\r\n\r\n            .formation-container .table-row {\r\n                display: flex;\r\n                flex-direction: column;\r\n                margin-bottom: 20px;\r\n                border: 1px solid #ccc;\r\n                border-radius: 8px;\r\n                overflow: hidden;\r\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n                background-color: white;\r\n            }\r\n\r\n            .formation-container .table-row > div {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                padding: 12px;\r\n                border-bottom: 1px solid #eee;\r\n                text-align: left;\r\n                width: 100%;\r\n            }\r\n\r\n            .formation-container .critere {\r\n                background-color: var(--primary-color);\r\n                color: white;\r\n                font-weight: bold;\r\n                text-align: center;\r\n                padding: 14px;\r\n                justify-content: center;\r\n            }\r\n\r\n            .formation-container .cell {\r\n                padding: 10px 12px;\r\n            }\r\n\r\n            .formation-container .cell::before {\r\n                content: attr(data-era);\r\n                font-weight: bold;\r\n                color: white;\r\n                padding: 4px 8px;\r\n                border-radius: 4px;\r\n                margin-right: 10px;\r\n                font-size: 0.85em;\r\n                min-width: 80px;\r\n                text-align: center;\r\n            }\r\n\r\n            .formation-container .cell[data-era=\"Web 1.0\"]::before {\r\n                background-color: var(--primary-light);\r\n                content: \"Web 1.0\";\r\n            }\r\n\r\n            .formation-container .cell[data-era=\"Web 2.0\"]::before {\r\n                background-color: var(--primary-color);\r\n                content: \"Web 2.0\";\r\n            }\r\n\r\n            .formation-container .cell[data-era=\"Web 3.0\"]::before {\r\n                background-color: var(--primary-dark);\r\n                content: \"Web 3.0\";\r\n            }\r\n\r\n            .formation-container .table-row:last-child > div {\r\n                border-bottom: none;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .formation-container .table-row > div {\r\n                flex-direction: column;\r\n                gap: 5px;\r\n            }\r\n\r\n            .formation-container .cell::before {\r\n                width: 100%;\r\n                margin-bottom: 5px;\r\n            }\r\n        }\r\n\r\n        \/* ===== SIDEBAR FIXE SANS D\u00c9FILEMENT ===== *\/\r\n        .formation-container .sidebar {\r\n            width: 350px;\r\n            background: var(--primary-color);\r\n            display: flex;\r\n            flex-direction: column;\r\n            position: relative;\r\n            flex-shrink: 0;\r\n            overflow: visible !important;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .formation-container .sidebar-header {\r\n            padding: 24px;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n            flex-shrink: 0;\r\n            background: var(--primary-color);\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        \/* Barre de progression *\/\r\n        .formation-container .progress-wrapper {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            padding: 16px;\r\n            border-radius: 8px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .formation-container .progress-bar {\r\n            height: 6px;\r\n            background: rgba(255, 255, 255, 0.2);\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, #ffffff, #e0f2fe);\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: white;\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        \/* Menu SANS D\u00c9FILEMENT - affiche tout *\/\r\n        .formation-container .menu-scroll {\r\n            flex: 1;\r\n            padding: 16px 24px 24px;\r\n            overflow: visible !important;\r\n            height: auto !important;\r\n            display: flex;\r\n            flex-direction: column;\r\n            min-height: 0;\r\n        }\r\n\r\n        \/* Cases \u00e0 cocher cach\u00e9es pour les sections *\/\r\n        .formation-container .section-toggle {\r\n            display: none;\r\n        }\r\n\r\n        \/* Section simple (non d\u00e9pliable) *\/\r\n        .formation-container .simple-section {\r\n            padding: 14px 16px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 8px;\r\n            margin-bottom: 6px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\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            color: white;\r\n        }\r\n\r\n        .formation-container .simple-section:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border-color: rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .formation-container .simple-section.active {\r\n            background: rgba(255, 255, 255, 0.25);\r\n            border-color: white;\r\n            box-shadow: 0 0 0 1px white;\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            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: white;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            padding: 2px 8px;\r\n            border-radius: 10px;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\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        \/* Section d\u00e9pliable *\/\r\n        .formation-container .accordion-section {\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            margin-bottom: 6px;\r\n            background: rgba(255, 255, 255, 0.05);\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: rgba(255, 255, 255, 0.1);\r\n            cursor: pointer;\r\n            border-bottom: 1px solid transparent;\r\n            transition: all 0.2s ease;\r\n            color: white;\r\n        }\r\n\r\n        .formation-container .section-toggle:checked~.accordion-header {\r\n            background: rgba(255, 255, 255, 0.25);\r\n            border-color: white;\r\n        }\r\n\r\n        .formation-container .accordion-header:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .formation-container .accordion-header.active {\r\n            background: rgba(255, 255, 255, 0.25);\r\n            border-color: white;\r\n        }\r\n\r\n        \/* Fl\u00e8che qui tourne *\/\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: rgba(255, 255, 255, 0.8);\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        \/* Contenu cach\u00e9 par d\u00e9faut *\/\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: rgba(255, 255, 255, 0.05);\r\n        }\r\n\r\n        \/* Quand checkbox coch\u00e9e, montre contenu *\/\r\n        .formation-container .section-toggle:checked~.accordion-content {\r\n            max-height: 400px;\r\n        }\r\n\r\n        \/* Items dans le contenu *\/\r\n        .formation-container .lesson-item {\r\n            display: block;\r\n            padding: 12px 16px 12px 44px;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n            color: rgba(255, 255, 255, 0.9);\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: rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .formation-container .lesson-item.active {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            color: white;\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: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        \/* Bullets pour les le\u00e7ons *\/\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: rgba(255, 255, 255, 0.5);\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .formation-container .lesson-item.active .bullet {\r\n            background: white;\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        \/* CACHER TOUS LES CONTENUS PAR D\u00c9FAUT *\/\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        \/* AFFICHER SEULEMENT LE CONTENU ACTIF *\/\r\n        .formation-container #radio-apercu:checked~.formation-wrapper .content-area #content-apercu,\r\n        .formation-container #radio-intro-ia:checked~.formation-wrapper .content-area #content-intro-ia,\r\n        .formation-container #radio-propos-intro:checked~.formation-wrapper .content-area #content-propos-intro,\r\n        .formation-container #radio-pourquoi-ia:checked~.formation-wrapper .content-area #content-pourquoi-ia,\r\n        .formation-container #radio-etudes-cas:checked~.formation-wrapper .content-area #content-etudes-cas,\r\n        .formation-container #radio-metiers-secteurs:checked~.formation-wrapper .content-area #content-metiers-secteurs,\r\n        .formation-container #radio-besoins-solutions:checked~.formation-wrapper .content-area #content-besoins-solutions,\r\n        .formation-container #radio-formation-equipes:checked~.formation-wrapper .content-area #content-formation-equipes,\r\n        .formation-container #radio-etapes-integration:checked~.formation-wrapper .content-area #content-etapes-integration,\r\n        .formation-container #radio-analyse-tendances:checked~.formation-wrapper .content-area #content-analyse-tendances,\r\n        .formation-container #radio-aide-decision:checked~.formation-wrapper .content-area #content-aide-decision,\r\n        .formation-container #radio-limites-recommandations:checked~.formation-wrapper .content-area #content-limites-recommandations,\r\n        .formation-container #radio-reglementation:checked~.formation-wrapper .content-area #content-reglementation,\r\n        .formation-container #radio-confidentialite:checked~.formation-wrapper .content-area #content-confidentialite,\r\n        .formation-container #radio-cas-pratiques:checked~.formation-wrapper .content-area #content-cas-pratiques,\r\n        .formation-container #radio-qcm1:checked~.formation-wrapper .content-area #content-qcm1,\r\n        .formation-container #radio-qcm2:checked~.formation-wrapper .content-area #content-qcm2,\r\n        .formation-container #radio-qcm3:checked~.formation-wrapper .content-area #content-qcm3,\r\n        .formation-container #radio-qcm4:checked~.formation-wrapper .content-area #content-qcm4 {\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\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        \/* Liste \u00e0 puces *\/\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        \/* Styles pour les vid\u00e9os *\/\r\n        .formation-container .video-container {\r\n            position: relative;\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-container iframe {\r\n            width: 100%;\r\n            height: 400px;\r\n            border: none;\r\n            display: block;\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        \/* Boutons navigation - CORRIG\u00c9 AVEC LA COULEUR #052A65 *\/\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, var(--primary-color), var(--primary-light));\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, var(--primary-dark), var(--primary-color));\r\n            transform: translateY(-1px);\r\n            box-shadow: 0 4px 12px rgba(5, 42, 101, 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, var(--primary-color), var(--primary-light));\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, var(--primary-dark), var(--primary-color));\r\n            transform: translateY(-1px);\r\n            box-shadow: 0 4px 12px rgba(5, 42, 101, 0.2);\r\n        }\r\n\r\n        \/* Radio buttons cach\u00e9s pour le contenu *\/\r\n        .formation-container .lesson-radio {\r\n            display: none;\r\n        }\r\n\r\n        \/* Alertes et messages *\/\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        \/* Overlay pour les alertes *\/\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        \/* ===== RESPONSIVE ===== *\/\r\n        @media (max-width: 1024px) {\r\n            .formation-container .formation-wrapper {\r\n                flex-direction: column;\r\n                min-height: 100vh;\r\n                overflow: visible;\r\n            }\r\n\r\n            .formation-container .sidebar {\r\n                width: 100%;\r\n                border-right: none;\r\n                border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n                height: auto;\r\n                min-height: auto;\r\n                overflow: visible !important;\r\n            }\r\n\r\n            .formation-container .menu-scroll {\r\n                max-height: none;\r\n                overflow: visible !important;\r\n                padding-bottom: 20px;\r\n            }\r\n\r\n            .formation-container .content-scroll {\r\n                padding: 24px;\r\n                height: auto;\r\n                overflow: visible;\r\n                min-height: auto;\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\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        \/* Scrollbar styling - SUPPRIM\u00c9 POUR LA SIDEBAR *\/\r\n        .formation-container .sidebar::-webkit-scrollbar,\r\n        .formation-container .menu-scroll::-webkit-scrollbar {\r\n            display: none !important;\r\n            width: 0 !important;\r\n            height: 0 !important;\r\n        }\r\n\r\n        \/* Scrollbar pour le contenu principal seulement *\/\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    <!-- Radio buttons cach\u00e9s pour contr\u00f4ler le contenu -->\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-intro-ia\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-propos-intro\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-pourquoi-ia\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-etudes-cas\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-metiers-secteurs\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-besoins-solutions\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-formation-equipes\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-etapes-integration\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-analyse-tendances\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-aide-decision\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-limites-recommandations\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-reglementation\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-confidentialite\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-cas-pratiques\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-qcm1\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-qcm2\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-qcm3\">\r\n    <input type=\"radio\" name=\"content\" class=\"lesson-radio\" id=\"radio-qcm4\">\r\n\r\n    <div class=\"formation-wrapper\">\r\n        <!-- SIDEBAR SANS D\u00c9FILEMENT -->\r\n        <div class=\"sidebar\">\r\n            <div class=\"sidebar-header\">\r\n                <h2 class=\"course-title\">Productivit\u00e9 num\u00e9rique pour femmes<\/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            <!-- Menu complet visible sans d\u00e9filement -->\r\n            <div class=\"menu-scroll\">\r\n                <!-- 1. APER\u00c7U -->\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                <!-- 2. Partie 1 -->\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                            I. Introduction\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\/6 \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-intro-ia\" class=\"lesson-item\" data-lesson=\"intro-ia\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">1. Contexte<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-propos-intro\" class=\"lesson-item\" data-lesson=\"propos-intro\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">2. C'est quoi le web 3.0 ?<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-pourquoi-ia\" class=\"lesson-item\" data-lesson=\"pourquoi-ia\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">3. Diff\u00e9rence entre le web 1.0, le web 2.0 et le web 3.0<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-etudes-cas\" class=\"lesson-item\" data-lesson=\"etudes-cas\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">4. De Web 1.0 \u00e0 Web 3.0 : \u00c9volution et Comparaison<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-metiers-secteurs\" class=\"lesson-item\" data-lesson=\"metiers-secteurs\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Binance Academy web 3: Guide du d\u00e9butant<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-qcm1\" class=\"lesson-item\" data-lesson=\"qcm1\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Quiz 1<\/div>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 3. Partie 2 -->\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                            II. Les Composantes Cl\u00e9s du Web 3.0\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\/5 \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-besoins-solutions\" class=\"lesson-item\" data-lesson=\"besoins-solutions\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">1. La Blockchain et la Finance D\u00e9centralis\u00e9e (DeFi)<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-formation-equipes\" class=\"lesson-item\" data-lesson=\"formation-equipes\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">2. Les Applications D\u00e9centralis\u00e9es (dApps)<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-etapes-integration\" class=\"lesson-item\" data-lesson=\"etapes-integration\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Binance Academy Web 3: Comprendre les NFT<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-analyse-tendances\" class=\"lesson-item\" data-lesson=\"analyse-tendances\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">3. Le M\u00e9tavers et les NFT<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-qcm2\" class=\"lesson-item\" data-lesson=\"qcm2\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Quiz 2 : Composantes du Web 3.0<\/div>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 4. Partie 3 -->\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                            III. Le Web S\u00e9mantique\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\/2 \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-aide-decision\" class=\"lesson-item\" data-lesson=\"aide-decision\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">1. Le web s\u00e9mantique c'est quoi ?<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-limites-recommandations\" class=\"lesson-item\"\r\n                            data-lesson=\"limites-recommandations\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Cas d'utilisation<\/div>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 5. Partie 4 -->\r\n                <div class=\"accordion-section\">\r\n                    <input type=\"checkbox\" id=\"section-decision\" class=\"section-toggle\">\r\n                    <label for=\"section-decision\" class=\"accordion-header\" data-section=\"decision\">\r\n                        <div class=\"section-name\">\r\n                            IV. Cas d'Utilisation du Web 3.0 en Afrique\r\n                            <span class=\"arrow\">\u25b6<\/span>\r\n                        <\/div>\r\n                        <div class=\"section-status\">\r\n                            <span class=\"steps-badge\" id=\"steps-decision\">0\/3 \u00e9tapes<\/span>\r\n                            <span class=\"check-icon\" id=\"check-decision\">\u2713<\/span>\r\n                        <\/div>\r\n                    <\/label>\r\n                    <div class=\"accordion-content\">\r\n                        <label for=\"radio-reglementation\" class=\"lesson-item\" data-lesson=\"reglementation\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">1. Inclusion Financi\u00e8re et Cryptomonnaies<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-confidentialite\" class=\"lesson-item\" data-lesson=\"confidentialite\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">2. Agriculture et Tra\u00e7abilit\u00e9 des Produits<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-qcm3\" class=\"lesson-item\" data-lesson=\"qcm3\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Quiz 3 : Cas d'Utilisation en Afrique<\/div>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- D\u00e9fis et Opportunit\u00e9s du Web 3.0 en Afrique -->\r\n                <div class=\"accordion-section\">\r\n                    <input type=\"checkbox\" id=\"section-examens\" class=\"section-toggle\">\r\n                    <label for=\"section-examens\" class=\"accordion-header\" data-section=\"examens\">\r\n                        <div class=\"section-name\">\r\n                            V. D\u00e9fis et Opportunit\u00e9s du Web 3.0 en Afrique\r\n                            <span class=\"arrow\">\u25b6<\/span>\r\n                        <\/div>\r\n                        <div class=\"section-status\">\r\n                            <span class=\"steps-badge\" id=\"steps-examens\">0\/4 \u00e9tapes<\/span>\r\n                            <span class=\"check-icon\" id=\"check-examens\">\u2713<\/span>\r\n                        <\/div>\r\n                    <\/label>\r\n                    <div class=\"accordion-content\">\r\n                        <label for=\"radio-cas-pratiques\" class=\"lesson-item\" data-lesson=\"cas-pratiques\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">1. D\u00e9fis<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-cas-pratiques\" class=\"lesson-item\" data-lesson=\"cas-pratiques\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">2. Opportunit\u00e9s<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-cas-pratiques\" class=\"lesson-item\" data-lesson=\"cas-pratiques\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">3. Conclusion<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-qcm4\" class=\"lesson-item\" data-lesson=\"qcm4\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Quiz 4 : D\u00e9fis et Opportunit\u00e9s<\/div>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- CONTENU PRINCIPAL -->\r\n        <div class=\"content-area\">\r\n            <div class=\"content-scroll\">\r\n                <!-- Message d'alerte -->\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 1: APER\u00c7U -->\r\n                <div class=\"lesson-content\" id=\"content-apercu\">\r\n                    <p style=\"margin-bottom: 50px;\">20 \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\/67a9b1_a65c8410306645b2b9e3db0f7d22e68f~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                    <h1 class=\"content-title\">\u00c0 propos<\/h1>\r\n                    <div class=\"content-description\">\r\n                        <p style=\"font-size: 15px;\">L'internet a connu deux changements importants au cours de son\r\n                            existence. Le premier a \u00e9t\u00e9 le web 1.0, qui a introduit l'adoption g\u00e9n\u00e9ralis\u00e9e de\r\n                            l'internet. Puis le web 2.0 a introduit le contenu g\u00e9n\u00e9r\u00e9 par les utilisateurs et les\r\n                            r\u00e9seaux sociaux, permettant aux personnes de partager leurs opinions et leurs exp\u00e9riences en\r\n                            ligne. Le web 3.0, ou web3, sera donc le troisi\u00e8me changement important dans l'histoire de\r\n                            l'internet. Il devrait bient\u00f4t \u00eatre mis en \u0153uvre, une fois qu'il aura \u00e9t\u00e9 enti\u00e8rement\r\n                            d\u00e9velopp\u00e9 et largement adopt\u00e9 par les entreprises, les organisations, les particuliers et\r\n                            les \u00e9coles. Tout d'horizon du web 3.0.<\/p>\r\n\r\n                        <h3>R\u00e9compenses<\/h3>\r\n                        <div style=\"display:flex; text-justify: auto; gap: 40px; margin-top: 50px;\">\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=\"\" style=\"width: 30px; height: 50px;\">\r\n                            <p> Obtenez un certificat en compl\u00e9tant le programme.<\/p>\r\n                        <\/div>\r\n\r\n                        <h2>Instructeur(s)<\/h2>\r\n                        <p style=\"display: flex; gap: 40px;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/5540\/5540563.png\"\r\n                                style=\"width: 40px; height: 40px;\"> Fresh nes\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\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 2: Contexte -->\r\n                <div class=\"lesson-content\" id=\"content-intro-ia\">\r\n                    <h1 class=\"content-title\">1. Contexte<\/h1>\r\n\r\n                    <div class=\"content-description\" style=\"margin-bottom: 50px;\">\r\n                        <div class=\"video-container\">\r\n                            <iframe src=\"https:\/\/www.youtube.com\/embed\/bsGv-D85Gxo\" frameborder=\"0\"\r\n                                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n                                allowfullscreen><\/iframe>\r\n                        <\/div>\r\n                        <p>L'internet a \u00e9volu\u00e9 au fil des d\u00e9cennies \u00e0 travers plusieurs transformations majeures. Apr\u00e8s\r\n                            le <strong>Web 1.0 <\/strong> (statique) et le <strong> Web 2.0<\/strong> (interactif et\r\n                            domin\u00e9 par les plateformes centralis\u00e9es), le <strong>Web 3.0 <\/strong>repr\u00e9sente une\r\n                            nouvelle r\u00e9volution : un internet d\u00e9centralis\u00e9, s\u00e9curis\u00e9, intelligent et plus respectueux\r\n                            des donn\u00e9es des utilisateurs.<\/p>\r\n                        <p><strong>Dans le contexte africain<\/strong>, o\u00f9 l'acc\u00e8s \u00e0 internet et l'inclusion financi\u00e8re\r\n                            sont en pleine expansion, le Web 3.0 offre des opportunit\u00e9s uniques pour les entrepreneurs,\r\n                            les cr\u00e9ateurs et les citoyens.<\/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 3: C'est quoi le web 3.0 ? -->\r\n                <div class=\"lesson-content\" id=\"content-propos-intro\">\r\n                    <h1 class=\"content-title\">2. C'est quoi le web 3.0 ?<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <p>Le Web 3.0 est une version am\u00e9lior\u00e9e d'Internet qui repose sur trois piliers fondamentaux :\r\n                        <\/p>\r\n                        <p style=\"font-size: 25px; display: flex;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/482e3e_2640815aed9f4c0686568260f7a050c4~mv2.png\"\r\n                                style=\"width: 100px; height: 100px;\">\r\n                        <ul>\r\n                            <li> <strong>D\u00e9centralisation : <\/strong> Contrairement au Web 2.0 o\u00f9 les donn\u00e9es sont\r\n                                stock\u00e9es par des g\u00e9ants du num\u00e9rique (Google, Facebook, Amazon), le Web 3.0 utilise la\r\n                                blockchain et le peer-to-peer pour offrir un contr\u00f4le direct aux utilisateurs.<\/li>\r\n                        <\/ul>\r\n                        <\/p>\r\n                        <p style=\"font-size: 25px; display: flex;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/482e3e_40a558ad61fc4ffb9f30faec87b273a7~mv2.png\"\r\n                                style=\"width: 100px; height: 100px;\">\r\n                        <ul>\r\n                            <li> <strong> Propri\u00e9t\u00e9 des donn\u00e9es : <\/strong> Chaque internaute garde le contr\u00f4le de ses\r\n                                informations personnelles et peut les mon\u00e9tiser selon son choix.<\/li>\r\n                        <\/ul>\r\n                        <\/p>\r\n                        <p style=\"font-size: 25px; display: flex;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/482e3e_d5cf04056cbf40ccb6d6bfef8e4541cb~mv2.png\"\r\n                                style=\"width: 100px; height: 100px;\">\r\n                        <ul>\r\n                            <li> <strong> Intelligence artificielle et interop\u00e9rabilit\u00e9 : <\/strong> Les algorithmes\r\n                                avanc\u00e9s et les smart contracts permettent d'automatiser de nombreuses t\u00e2ches et\r\n                                d'am\u00e9liorer les interactions num\u00e9riques.<\/li>\r\n                        <\/ul>\r\n                        <\/p>\r\n                        <p><strong>Exemple :<\/strong> Imaginez un artiste africain qui vend ses \u0153uvres sous forme de NFT\r\n                            (Non-Fungible Tokens) sur la blockchain. Il conserve 100 % de ses b\u00e9n\u00e9fices sans passer par\r\n                            une plateforme interm\u00e9diaire comme Spotify ou Apple Music. <br> Le web 3.0 g\u00e9n\u00e8rera de\r\n                            nouvelles opportunit\u00e9s qui n'existaient pas auparavant et, dans certains cas, pourra\r\n                            remplacer les technologies web traditionnelles. <\/p>\r\n                        <p>Mais l'une des \u00e9volutions les plus significatives li\u00e9e aux sites et applications web 3.0\r\n                            repose sur leur capacit\u00e9 \u00e0 traiter les informations de la m\u00eame mani\u00e8re que nous traitons nos\r\n                            pens\u00e9es. Ils permettront en effet aux personnes d'exp\u00e9rimenter l'information \u00e0 un niveau\r\n                            cognitif, expliquant ainsi pourquoi cette g\u00e9n\u00e9ration est appel\u00e9e web 3.0 ou web3.<\/p>\r\n                        <strong style=\"font-size: 30px;\">L'approche user-centric de l'internet 3.0<\/strong>\r\n                        <p>Les g\u00e9ants de la technologie tels que Google, Facebook et Microsoft r\u00e9alisent des gains\r\n                            colossaux en stockant puis en vendant les donn\u00e9es des utilisateurs. Le web 3.0 permettra\r\n                            alors \u00e0 chacun utilisateur d'\u00eatre r\u00e9mun\u00e9r\u00e9 pour le temps pass\u00e9 sur le web et pour ses\r\n                            donn\u00e9es. En d'autres termes, cela signifie que les utilisateurs seront plac\u00e9s au centre du\r\n                            web 3.0 et pourront vendre leurs propres donn\u00e9es aux annonceurs tout en conservant la\r\n                            propri\u00e9t\u00e9 et la confidentialit\u00e9 de celles-ci.<\/p>\r\n                        <p>En parall\u00e8le, ce web nouvelle g\u00e9n\u00e9ration permettra aux sites internet et aux applications\r\n                            d'utiliser les donn\u00e9es de mani\u00e8re plus significative et d'adapter les informations en\r\n                            fonction de chaque utilisateur. <br> Cette troisi\u00e8me it\u00e9ration de l'internet, qui\r\n                            interconnecte les donn\u00e9es de mani\u00e8re d\u00e9centralis\u00e9e, permettra aux utilisateurs de b\u00e9n\u00e9ficier\r\n                            d'\u00e9changes personnalis\u00e9s avec des machines et des sites internet de la m\u00eame mani\u00e8re que\r\n                            lorsqu'ils communiquent avec un humain lambda.<\/p>\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 4: Diff\u00e9rence entre les webs -->\r\n                <div class=\"lesson-content\" id=\"content-pourquoi-ia\">\r\n                    <h1 class=\"content-title\"> 3. Diff\u00e9rence entre le web 1.0, le web 2.0 et le web 3.0 <\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <p style=\"font-size: 25px; display: flex;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/482e3e_9fef0637410f410eb24fe8bd8b30c3ef~mv2.png\"\r\n                                style=\"width: 100px; height: 100px;\">\r\n                        <h2>LE WEB 2 ET 3 <\/h2>\r\n                        <p>\u200bLe Web a \u00e9volu\u00e9 \u00e0 travers plusieurs \u00e9tapes, chacune marqu\u00e9e par des caract\u00e9ristiques et des\r\n                            usages sp\u00e9cifiques. Voici les diff\u00e9rences principales entre le Web 1.0, le Web 2.0 et le Web\r\n                            3.0<\/p>\r\n                        <\/p>\r\n                        <ol>\r\n                            <li>\r\n                                <strong> Web 1.0 : <\/strong>Le Web statique (ann\u00e9es 1990 - d\u00e9but ann\u00e9es 2000)\r\n                            <\/li>\r\n                            <div>\r\n                                <strong>Description : <\/strong> Premi\u00e8re version du Web. Les utilisateurs \u00e9taient\r\n                                principalement des consommateurs de contenu , sans possibilit\u00e9 d'interagir ou de\r\n                                contribuer.\r\n                                <strong>Caract\u00e9ristiques principales : <\/strong> <br> Navigation unidirectionnelle : les\r\n                                utilisateurs lisent ou consultent l'information sans interaction. Faible interactivit\u00e9 :\r\n                                absence de forums ou de m\u00e9dias sociaux.\r\n                                <p>Applications : annuaires et moteurs de recherche (par exemple Yahoo!, Altavista). <\/p>\r\n                                <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/482e3e_93d2e5c8d1bf48d18420004186a734e9~mv2.png\"\r\n                                    style=\"width: 100px; height: 100px; margin-top: 20px;\">\r\n\r\n                                <p><strong>Exemples : <\/strong> Sites vitrines d'entreprises, pages personnelles\r\n                                    statiques. Lecture uniquement (lecture-\u00e9criture limit\u00e9e \u00e0 l'administrateur).<\/p>\r\n\r\n                            <\/div>\r\n                            <li>\r\n                                <strong> Web 2.0 : <\/strong> Le Web participatif et social (ann\u00e9es 2000 - aujourd'hui)\r\n                            <\/li>\r\n                            <div>\r\n                                <strong>Description : <\/strong>Le Web devient interactif, collaboratif et social. <br>Les\r\n                                utilisateurs sont \u00e0 la fois consommateurs et cr\u00e9ateurs de contenu.\r\n                                <strong>Caract\u00e9ristiques principales :<\/strong>\r\n                                <p>\r\n                                    <u>Interaction et participation :<\/u> blogs, forums, m\u00e9dias sociaux (Facebook,\r\n                                    Twitter, Instagram). <br>\r\n                                    <u>Technologies dynamiques :<\/u> AJAX, JavaScript, APIs pour des exp\u00e9riences\r\n                                    utilisateur riches. <br>\r\n                                    <u>Contenu g\u00e9n\u00e9r\u00e9 par les utilisateurs :<\/u> vid\u00e9os, commentaires, critiques,\r\n                                    partages. <br>\r\n                                    <u>\u00c9conomie collaborative :<\/u> Uber, Airbnb. <br>\r\n                                    <u>Centralisation des donn\u00e9es :<\/u> le contenu et les interactions sont souvent\r\n                                    contr\u00f4l\u00e9s par des plateformes centralis\u00e9es (Google, Facebook, Amazon).\r\n                                <\/p>\r\n                                <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/482e3e_0ac14b9321a741deacc46127527e0858~mv2.png\"\r\n                                    style=\"width: 100px; height: 100px; margin-top: 20px;\">\r\n\r\n                                <p><strong>Exemples : <\/strong> YouTube, Wikip\u00e9dia, r\u00e9seaux sociaux. <\/p>\r\n                                <p>\u00c9mergence de plateformes d'applications et d'\u00e9cosyst\u00e8mes num\u00e9riques.<\/p>\r\n                            <li>\r\n                                <strong> Web 3.0 : <\/strong> Le Web s\u00e9mantique et d\u00e9centralis\u00e9 (\u00e9mergence depuis 2020s)\r\n                            <\/li>\r\n                            <div>\r\n                                <strong>Description : <\/strong> Vision future ou en d\u00e9veloppement du Web, visant \u00e0\r\n                                rendre Internet plus intelligent, d\u00e9centralis\u00e9 et s\u00e9curis\u00e9. Axe sur l'interconnexion des\r\n                                donn\u00e9es et l'utilisation d'algorithmes avanc\u00e9s pour offrir des exp\u00e9riences plus\r\n                                personnalis\u00e9es.\r\n                                <strong>Caract\u00e9ristiques principales :<\/strong>\r\n                                <p>\r\n                                    <u>Web s\u00e9mantique :<\/u> machines capables de comprendre et d'interpr\u00e9ter le contenu\r\n                                    gr\u00e2ce \u00e0 des m\u00e9tadonn\u00e9es. <br>\r\n                                    <u>D\u00e9centralisation :<\/u> utilisation de technologies blockchain et r\u00e9seaux\r\n                                    pair-\u00e0-pair (peer-to-peer) pour redonner le contr\u00f4le aux utilisateurs (par exemple,\r\n                                    stockage et transactions d\u00e9centralis\u00e9es). <br>\r\n                                    <u>IA et automatisation : <\/u> recours \u00e0 l'intelligence artificielle et aux\r\n                                    algorithmes avanc\u00e9s pour offrir des exp\u00e9riences personnalis\u00e9es (chatbots, assistants\r\n                                    virtuels, etc.). <br>\r\n                                    <u>Propri\u00e9t\u00e9 des donn\u00e9es : <\/u> accent sur la confidentialit\u00e9, le contr\u00f4le des\r\n                                    donn\u00e9es personnelles par les utilisateurs. <br>\r\n                                    <u>Applications d\u00e9centralis\u00e9es (dApps) : <\/u> fonctionnent sur la blockchain, souvent\r\n                                    sans besoin d'interm\u00e9diaires.\r\n                                <\/p>\r\n                                <img decoding=\"async\" src=\"https:\/\/media.tokize.com\/fr\/app\/uploads\/2023\/05\/Capture-decran-2023-05-23-a-11.16.28-e1684969424389.png\"\r\n                                    style=\"width: 500px; height: 300px; margin-top: 20px;\">\r\n\r\n                                <p><strong>Exemples : <\/strong> Cryptomonnaies, NFT, plateformes Web3 comme Ethereum,\r\n                                    IPFS. Protocoles d\u00e9centralis\u00e9s pour les m\u00e9dias sociaux (Lens Protocol), et places de\r\n                                    march\u00e9.<\/p>\r\n\r\n                            <\/div>\r\n\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 5: \u00c9volution et Comparaison -->\r\n                <div class=\"lesson-content\" id=\"content-etudes-cas\" style=\"margin-bottom: 30px;\">\r\n                    <h1 class=\"content-title\">4. De Web 1.0 \u00e0 Web 3.0 : \u00c9volution et Comparaison<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <div class=\"web-comparison-table\">\r\n                            <div class=\"table-header\">\r\n                                <div class=\"critere-header\">Crit\u00e8res<\/div>\r\n                                <div class=\"web-era\">Web 1.0 (1990-2000)<\/div>\r\n                                <div class=\"web-era\">Web 2.0 (2000-Aujourd'hui)<\/div>\r\n                                <div class=\"web-era\">Web 3.0 (En d\u00e9veloppement)<\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"table-row\">\r\n                                <div class=\"critere\">Architecture<\/div>\r\n                                <div class=\"cell\" data-era=\"Web 1.0\">Centralis\u00e9<\/div>\r\n                                <div class=\"cell\" data-era=\"Web 2.0\">Plateformes interactives<\/div>\r\n                                <div class=\"cell\" data-era=\"Web 3.0\">D\u00e9centralis\u00e9 (Blockchain)<\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"table-row\">\r\n                                <div class=\"critere\">Propri\u00e9t\u00e9 des Donn\u00e9es<\/div>\r\n                                <div class=\"cell\" data-era=\"Web 1.0\">Administrateurs de sites<\/div>\r\n                                <div class=\"cell\" data-era=\"Web 2.0\">Entreprises (GAFAM)<\/div>\r\n                                <div class=\"cell\" data-era=\"Web 3.0\">Utilisateurs<\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"table-row\">\r\n                                <div class=\"critere\">Exemple de Technologie<\/div>\r\n                                <div class=\"cell\" data-era=\"Web 1.0\">Pages statiques HTML<\/div>\r\n                                <div class=\"cell\" data-era=\"Web 2.0\">R\u00e9seaux sociaux, applications mobiles<\/div>\r\n                                <div class=\"cell\" data-era=\"Web 3.0\">Blockchain, M\u00e9tavers, Smart Contracts<\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"table-row\">\r\n                                <div class=\"critere\">Mod\u00e8le \u00e9conomique<\/div>\r\n                                <div class=\"cell\" data-era=\"Web 1.0\">Publicit\u00e9 passive<\/div>\r\n                                <div class=\"cell\" data-era=\"Web 2.0\">Publicit\u00e9 cibl\u00e9e et \u00e9conomie de l'attention<\/div>\r\n                                <div class=\"cell\" data-era=\"Web 3.0\">Finance d\u00e9centralis\u00e9e (DeFi), NFT<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <p> <strong>Cas concret en Afrique : <\/strong> Les plateformes de microfinance bas\u00e9es sur la\r\n                            blockchain, comme Celo et Akoin, permettent aux entrepreneurs de recevoir des pr\u00eats sans\r\n                            passer par les banques traditionnelles.<\/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 6: Binance Academy -->\r\n                <div class=\"lesson-content\" id=\"content-metiers-secteurs\">\r\n                    <h1 class=\"content-title\"> Binance Academy web 3: Guide du d\u00e9butant <\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <div class=\"video-container\">\r\n                            <video controls width=\"100%\">\r\n                                <source\r\n                                    src=\"https:\/\/video.wixstatic.com\/video\/67a9b1_d9f36990a84e4700844a110b80991eee\/720p\/mp4\/file.mp4\">\r\n                            <\/video>\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=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU 7: QUIZ 1 -->\r\n                <div class=\"lesson-content\" id=\"content-qcm1\" data-quiz=\"1\">\r\n                    <h1 class=\"content-title\">Quiz 1<\/h1>\r\n                    <h2>Testez Vos Connaissances<\/h2>\r\n\r\n                    <div class=\"content-description\">\r\n                        <div id=\"qcm1-score-container\"><\/div>\r\n                        <p>Un score minimum de 80% est requis pour passer le test<\/p>\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\r\n                                    caract\u00e9ristique du Web 1.0 ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1-qcm1\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Interactivit\u00e9 et participation des utilisateurs\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1-qcm1\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Contenu statique et navigation unidirectionnelle\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1-qcm1\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Contenu g\u00e9n\u00e9r\u00e9 par les utilisateurs\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 type de sites \u00e9tait le plus\r\n                                    courant pendant l'\u00e8re du Web 1.0 ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2-qcm1\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Blogs et forums\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2-qcm1\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Sites vitrines d'entreprises et pages personnelles statiques\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2-qcm1\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) R\u00e9seaux sociaux\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2-qcm1\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Plateformes de streaming vid\u00e9o\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. Quelles technologies ont contribu\u00e9\r\n                                    \u00e0 l'\u00e9mergence du Web 2.0 ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3-qcm1\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) HTML et CSS\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3-qcm1\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) AJAX, JavaScript, et APIs\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3-qcm1\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Blockchain et cryptomonnaies\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3-qcm1\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) HTML5 et CSS3\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. Dans le Web 2.0, quel est le r\u00f4le\r\n                                    des utilisateurs ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4-qcm1\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Exclusivement consommateurs de contenu\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4-qcm1\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Consommateurs et cr\u00e9ateurs de contenu\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4-qcm1\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Observateurs sans interagir\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4-qcm1\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Aucun r\u00f4le, le Web 2.0 n'existe pas\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. Quels exemples de plateformes\r\n                                    illustrent l'\u00e8re du Web 2.0 ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5-qcm1\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Yahoo!, Altavista\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5-qcm1\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) YouTube, Wikip\u00e9dia, Facebook\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5-qcm1\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Google, Amazon, eBay\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5-qcm1\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Netscape, AOL\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 que l'\u00e9conomie\r\n                                    collaborative, apparue avec le Web 2.0 ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q6-qcm1\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Les utilisateurs vendent directement des biens physiques\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q6-qcm1\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) L'\u00e9change et le partage de services entre utilisateurs via des plateformes comme\r\n                                    Uber ou Airbnb\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q6-qcm1\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Les utilisateurs consomment exclusivement du contenu sans interagir\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q6-qcm1\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) La cr\u00e9ation de contenu uniquement par des entreprises\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. Une des caract\u00e9ristiques du Web 2.0\r\n                                    est la centralisation des donn\u00e9es. Cela signifie que :<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q7-qcm1\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Les utilisateurs poss\u00e8dent et contr\u00f4lent leurs propres donn\u00e9es\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q7-qcm1\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Le contenu est stock\u00e9 dans des bases de donn\u00e9es locales\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q7-qcm1\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Les plateformes comme Facebook ou Google contr\u00f4lent souvent le contenu et les\r\n                                    interactions des utilisateurs\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q7-qcm1\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Chaque utilisateur est responsable de ses propres donn\u00e9es\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. Le Web 3.0, qui est encore en\r\n                                    d\u00e9veloppement, est souvent associ\u00e9 \u00e0 quelles technologies ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q8-qcm1\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Web statique et contenus fixes\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q8-qcm1\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Blockchain, intelligence artificielle, et d\u00e9centralisation\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q8-qcm1\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Principaux moteurs de recherche comme Google et Bing\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q8-qcm1\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Technologies de navigation unidirectionnelle\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. Quel changement majeur a apport\u00e9\r\n                                    le Web 2.0 par rapport au Web 1.0 ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q9-qcm1\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Une navigation plus simple sans contenu g\u00e9n\u00e9r\u00e9 par les utilisateurs\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q9-qcm1\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) La possibilit\u00e9 de partager et d'interagir avec du contenu\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q9-qcm1\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Des sites enti\u00e8rement statiques\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q9-qcm1\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Une r\u00e9duction de la centralisation des donn\u00e9es\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 exemple parmi les suivants\r\n                                    repr\u00e9sente une plateforme de contenu g\u00e9n\u00e9r\u00e9 par les utilisateurs typique du Web 2.0\r\n                                    ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q10-qcm1\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Facebook\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q10-qcm1\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Yahoo !\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q10-qcm1\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Netscape\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q10-qcm1\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) AltaVista\r\n                                <\/label>\r\n                            <\/div>\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()\">Valider \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU 8: Blockchain et DeFi -->\r\n                <div class=\"lesson-content\" id=\"content-besoins-solutions\">\r\n                    <h1 class=\"content-title\">1. La Blockchain et la Finance D\u00e9centralis\u00e9e (DeFi)<\/h1>\r\n\r\n                    <p>La blockchain est un registre num\u00e9rique s\u00e9curis\u00e9 et transparent. Elle permet la cr\u00e9ation de\r\n                        monnaies num\u00e9riques (cryptomonnaies) et de services financiers sans interm\u00e9diaires.<\/p>\r\n                    <ul>\r\n                        <li> <strong>Impact en Afrique :<\/strong> La crypto-monnaie est une alternative aux syst\u00e8mes\r\n                            bancaires traditionnels. Des plateformes comme <strong>Binance, Yellow Card et\r\n                                Paxful<\/strong> permettent d'envoyer et de recevoir de l'argent sans frais exorbitants.\r\n                        <\/li>\r\n                        <div>\r\n                            <div style=\"float: right; margin-bottom: 30px; margin-top: 30px;\"><img decoding=\"async\"\r\n                                    src=\"https:\/\/static.wixstatic.com\/media\/nsplsh_c0a530e6f321482e8a2014aa88b160d6~mv2.jpg\/v1\/fill\/w_653,h_434,al_c,q_90\/nsplsh_c0a530e6f321482e8a2014aa88b160d6~mv2.webp\"\r\n                                    style=\"width: 300px; height: 200px;\"><\/div>\r\n                            <div style=\"float: right;\"><img decoding=\"async\"\r\n                                    src=\"https:\/\/static.wixstatic.com\/media\/67a9b1_def41e2e4ad74ee88e90e16b7b0cdc34~mv2.png\/v1\/fill\/w_390,h_134,al_c,q_85,usm_0.66_1.00_0.01,enc_auto\/67a9b1_def41e2e4ad74ee88e90e16b7b0cdc34~mv2.png\"\r\n                                    style=\"width: 300px; height: 200px;\"><\/div>\r\n                        <\/div>\r\n                        <li>\r\n                            <ul>\r\n                                <li>Inclusion financi\u00e8re pour les populations non bancaris\u00e9es.<\/li>\r\n                                <li>Transactions rapides et peu co\u00fbteuses, m\u00eame pour les paiements transfrontaliers.\r\n                                <\/li>\r\n                                <li>S\u00e9curisation et tra\u00e7abilit\u00e9 des transactions.<\/li>\r\n                            <\/ul>\r\n                        <\/li>\r\n                    <\/ul>\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 9: Applications D\u00e9centralis\u00e9es -->\r\n                <div class=\"lesson-content\" id=\"content-formation-equipes\">\r\n                    <h1 class=\"content-title\">2. Les Applications D\u00e9centralis\u00e9es (dApps)<\/h1>\r\n\r\n                    <div class=\"video-container\">\r\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/itGlfZ29EJ0\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n                            allowfullscreen><\/iframe>\r\n                    <\/div>\r\n                    <div style=\"margin-bottom: 30px;\">\r\n                        <p>Les <strong>dApps<\/strong> sont des applications fonctionnant sur la blockchain, sans\r\n                            serveur centralis\u00e9. Elles sont utilis\u00e9es pour :<\/p>\r\n                        <ul>\r\n                            <li> <strong>L'identit\u00e9 num\u00e9rique : <\/strong> Preuve d'identit\u00e9 sur la blockchain (ex. :\r\n                                Wala, Civic ID).<\/li>\r\n                            <li> <strong>L'\u00e9ducation :<\/strong> Certification et dipl\u00f4mes v\u00e9rifiables via blockchain\r\n                                (ex. : Ethereum-based OpenCerts).<\/li>\r\n                            <li> <strong>L'agriculture :<\/strong> Suivi des cha\u00eenes d'approvisionnement et r\u00e9duction des\r\n                                fraudes alimentaires.<\/li>\r\n                            <li> <strong>Exemple concret :<\/strong> En Afrique, la startup \"AgriLedger\" utilise la\r\n                                blockchain pour assurer la transparence et l'\u00e9quit\u00e9 dans les transactions agricoles.\r\n                            <\/li>\r\n                        <\/ul>\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 10: Comprendre les NFT -->\r\n                <div class=\"lesson-content\" id=\"content-etapes-integration\">\r\n                    <h1 class=\"content-title\">Binance Academy Web 3: Comprendre les NFT<\/h1>\r\n                    <div class=\"video-container\">\r\n                        <video controls width=\"100%\">\r\n                            <source\r\n                                src=\"https:\/\/video.wixstatic.com\/video\/67a9b1_a3de405405824330801918481a935560\/720p\/mp4\/file.mp4\">\r\n                        <\/video>\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 11: M\u00e9tavers et NFT -->\r\n                <div class=\"lesson-content\" id=\"content-analyse-tendances\">\r\n                    <h1 class=\"content-title\">3. Le M\u00e9tavers et les NFT<\/h1>\r\n                    <div class=\"video-container\">\r\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/YbOMkfX-PoY\" frameborder=\"0\"\r\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n                            allowfullscreen><\/iframe>\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        Le M\u00e9tavers est un univers num\u00e9rique immersif o\u00f9 les utilisateurs peuvent interagir, travailler\r\n                        et investir. <br>\r\n                    <ul>\r\n                        <li> <strong>Opportunit\u00e9 en Afrique :<\/strong> Des artistes, designers et musiciens africains\r\n                            utilisent les NFT pour vendre leurs cr\u00e9ations directement aux acheteurs sans interm\u00e9diaires.\r\n                        <\/li>\r\n                        <li> <strong>Cas concret :<\/strong> Osinachi, un artiste nig\u00e9rian, vend ses \u0153uvres sous forme\r\n                            de NFT pour plusieurs milliers de dollars.<\/li>\r\n                    <\/ul>\r\n                    <\/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 12: QUIZ 2 -->\r\n                <div class=\"lesson-content\" id=\"content-qcm2\" data-quiz=\"2\">\r\n                    <h1 class=\"content-title\">Quiz 2 : Composantes du Web 3.0<\/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=\"qcm2-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. Quel est le r\u00f4le principal de la\r\n                                    blockchain dans le Web 3.0 ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1-qcm2\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Stocker et s\u00e9curiser les donn\u00e9es de mani\u00e8re d\u00e9centralis\u00e9e\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1-qcm2\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Centraliser toutes les transactions\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1-qcm2\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Servir uniquement aux 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. Quelle est une application\r\n                                    d\u00e9centralis\u00e9e (dApp) en Afrique ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2-qcm2\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Uber\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2-qcm2\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) AgriLedger\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2-qcm2\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Paypal\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. Les NFT permettent principalement\r\n                                    de : <\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3-qcm2\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Copier des fichiers sans distinction\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3-qcm2\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Certifier l'authenticit\u00e9 d'une \u0153uvre num\u00e9rique\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3-qcm2\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) D\u00e9velopper des bases de donn\u00e9es classiques\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 secteur africain b\u00e9n\u00e9ficie\r\n                                    d\u00e9j\u00e0 du M\u00e9tavers ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4-qcm2\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Agriculture\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4-qcm2\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Art et musique\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4-qcm2\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) \u00c9nergies fossiles\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;\">Quel avantage cl\u00e9 le Web 3.0\r\n                                    apporte-t-il par rapport au Web 2.0 ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5-qcm2\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Plus de contr\u00f4le et d'autonomie pour les utilisateurs\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5-qcm2\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) D\u00e9pendance aux plateformes centralis\u00e9es\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5-qcm2\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) R\u00e9duction de la connectivit\u00e9 mondiale\r\n                                <\/label>\r\n                            <\/div>\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()\">Valider \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU 13: Web s\u00e9mantique -->\r\n                <div class=\"lesson-content\" id=\"content-aide-decision\">\r\n                    <h1 class=\"content-title\">1. Le web s\u00e9mantique c'est quoi?<\/h1>\r\n\r\n                    <div class=\"video-container\">\r\n                        <video controls width=\"100%\">\r\n                            <source\r\n                                src=\"https:\/\/static.wixstatic.com\/media\/67a9b1_679f0f083da3466cbf536a62b628d47a~mv2.png\/v1\/fill\/w_456,h_253,al_c,q_85,usm_0.66_1.00_0.01,enc_auto\/67a9b1_679f0f083da3466cbf536a62b628d47a~mv2.png\">\r\n                        <\/video>\r\n                    <\/div>\r\n                    <div>\r\n                        <p> <strong>Le web s\u00e9mantique<\/strong> est un mouvement visant \u00e0 rendre le web plus intelligent\r\n                            et plus facile \u00e0 utiliser en utilisant des technologies de l'intelligence artificielle pour\r\n                            mieux comprendre et interpr\u00e9ter les donn\u00e9es contenues sur internet.<\/p>\r\n                        <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/67a9b1_78db04c84b864c77b7c088a200b0738e~mv2.png\"\r\n                            style=\"width: 100px; height: 50px;\">\r\n                        <p>Le web s\u00e9mantique s'appuie sur des technologies telles que <strong>le langage de balisage\r\n                                RDF<\/strong> (Resource Description Framework) et les ontologies pour aider les\r\n                            ordinateurs \u00e0 mieux comprendre le sens des donn\u00e9es en ligne. Le RDF, quant \u00e0 lui, est un\r\n                            langage de balisage qui permet de d\u00e9crire les ressources sur le web de mani\u00e8re structur\u00e9e et\r\n                            standardis\u00e9e. Et les ontologies sont des mod\u00e8les de connaissances qui d\u00e9crivent les concepts\r\n                            et les relations qui existent entre eux dans un domaine donn\u00e9.<\/p>\r\n                        <p>\r\n                            <strong>L'objectif <\/strong> du web s\u00e9mantique est donc de permettre aux ordinateurs de\r\n                            mieux comprendre le contenu des pages web et de faciliter l'interop\u00e9rabilit\u00e9 entre\r\n                            diff\u00e9rents sites et bases de donn\u00e9es. Cela peut se traduire par des fonctionnalit\u00e9s telles\r\n                            que :\r\n                        <ul>\r\n                            <li>La recherche de contenu plus pr\u00e9cise et plus cibl\u00e9e ;<\/li>\r\n                            <li>La possibilit\u00e9 de partager des donn\u00e9es de mani\u00e8re plus facile entre diff\u00e9rents sites ;\r\n                            <\/li>\r\n                            <li>Et la cr\u00e9ation d'applications plus intelligentes qui peuvent utiliser les donn\u00e9es du web\r\n                                de mani\u00e8re plus efficace.<\/li>\r\n                        <\/ul>\r\n                        <\/p>\r\n                        <p>Le web s\u00e9mantique est un domaine en \u00e9volution dans lequel il reste encore de nombreux\r\n                            d\u00e9veloppements \u00e0 venir. Cependant, il est d\u00e9j\u00e0 largement utilis\u00e9 dans de nombreux domaines,\r\n                            tels que la recherche en ligne, la gestion de contenu et la cr\u00e9ation de bases de donn\u00e9es.\r\n                        <\/p>\r\n                        <strong>Ci-apr\u00e8s un tableau r\u00e9sumant les diff\u00e9rences entre les diff\u00e9rentes \u00e9volutions de\r\n                            l'internet :<\/strong><img decoding=\"async\"\r\n                            src=\"https:\/\/static.wixstatic.com\/media\/482e3e_a53ac7ca53944b59a805d1f89c27996f~mv2.png\"\r\n                            style=\"width: 100%; height: 500px;\">\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 14: Cas d'utilisation -->\r\n                <div class=\"lesson-content\" id=\"content-limites-recommandations\">\r\n                    <h1 class=\"content-title\">Cas d'utilisation<\/h1>\r\n                    <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/67a9b1_f2516b634bc34fde8216428c6c197f6e~mv2.png\"\r\n                        style=\"width: 100px; height: 100px;\">\r\n                    <p><strong> Finance d\u00e9centralis\u00e9e (DeFi) :<\/strong> Services financiers (pr\u00eats, \u00e9pargne) sans\r\n                        interm\u00e9diaires. <br> <u>NFT (Non-Fungible Tokens) :<\/u> Propri\u00e9t\u00e9 d'\u0153uvres num\u00e9riques (art,\r\n                        musique, objets de jeux vid\u00e9o). <br> <u>Identit\u00e9 num\u00e9rique :<\/u> Contr\u00f4le total des informations\r\n                        personnelles.<\/p>\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/67a9b1_6efbfaf2a57049cc812d8980708b3fa8~mv2.png\/v1\/fill\/w_56,h_56,al_c,q_85,usm_0.66_1.00_0.01,enc_auto\/67a9b1_6efbfaf2a57049cc812d8980708b3fa8~mv2.png\"\r\n                        style=\"width: 100px; height: 100px;\">\r\n                    <p><strong> Gaming : <\/strong> Jeux d\u00e9centralis\u00e9s o\u00f9 les joueurs poss\u00e8dent les actifs (personnages,\r\n                        \u00e9quipements). <\/p>\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/67a9b1_b3026dae546e4c3c8beb9ef12c6c1101~mv2.png\/v1\/fill\/w_71,h_71,al_c,q_85,usm_0.66_1.00_0.01,enc_auto\/67a9b1_b3026dae546e4c3c8beb9ef12c6c1101~mv2.png\"\r\n                        style=\"width: 100px; height: 100px;\">\r\n                    <p><strong> Supply chain : <\/strong> Suivi des produits en temps r\u00e9el (transparence et tra\u00e7abilit\u00e9).\r\n                    <\/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 15: Inclusion Financi\u00e8re -->\r\n                <div class=\"lesson-content\" id=\"content-reglementation\">\r\n                    <h1 class=\"content-title\">1. Inclusion Financi\u00e8re et Cryptomonnaies<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <p>\r\n                        <ul>\r\n                            <li> <strong>M-Pesa,<\/strong> le service de paiement mobile au Kenya, pourrait \u00eatre renforc\u00e9\r\n                                avec des solutions blockchain pour plus de transparence et de s\u00e9curit\u00e9.<\/li>\r\n                            <li> <strong>Akoin,<\/strong> la crypto-monnaie lanc\u00e9e par le chanteur Akon, vise \u00e0 faciliter\r\n                                les transactions en Afrique.<\/li>\r\n                            <li> <strong>Blockchain et transferts de fonds :<\/strong> Des plateformes comme Stellar\r\n                                permettent aux Africains de transf\u00e9rer de l'argent \u00e0 moindre co\u00fbt.<\/li>\r\n                        <\/ul>\r\n                        <\/p>\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 16: Agriculture et Tra\u00e7abilit\u00e9 -->\r\n                <div class=\"lesson-content\" id=\"content-confidentialite\">\r\n                    <h1 class=\"content-title\">2. Agriculture et Tra\u00e7abilit\u00e9 des Produits<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <p>\r\n                        <ul>\r\n                            <li> <strong>IBM Food Trust <\/strong> utilise la blockchain pour assurer la tra\u00e7abilit\u00e9 des\r\n                                aliments du producteur au consommateur.<\/li>\r\n                            <li> <strong>Twiga Foods <\/strong> au Kenya facilite la distribution alimentaire avec des\r\n                                outils num\u00e9riques.<\/li>\r\n                            <li> <strong>Suivi en temps r\u00e9el : <\/strong> Blockchain utilis\u00e9e pour \u00e9viter la fraude et\r\n                                les pertes dans la cha\u00eene logistique agricole.<\/li>\r\n                        <\/ul>\r\n                        <\/p>\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 17: QUIZ 3 -->\r\n                <div class=\"lesson-content\" id=\"content-qcm3\" data-quiz=\"3\">\r\n                    <h1 class=\"content-title\">Quiz 3 : Cas d'Utilisation en Afrique<\/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=\"qcm3-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;\">Comment la blockchain am\u00e9liore-t-elle\r\n                                    les transferts d'argent en Afrique ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1-qcm3\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) En rendant les transactions plus lentes\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1-qcm3\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) En permettant des paiements instantan\u00e9s et transparents\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1-qcm3\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) En supprimant l'acc\u00e8s aux devises locales\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;\">Quel service de paiement mobile\r\n                                    pourrait int\u00e9grer la blockchain pour plus de transparence ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2-qcm3\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) M-Pesa\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2-qcm3\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) WhatsApp Pay\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2-qcm3\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Western Union\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;\">Quel avantage la blockchain\r\n                                    offre-t-elle dans l'agriculture africaine ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3-qcm3\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Augmentation des taxes sur les produits agricoles\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3-qcm3\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Suivi transparent et tra\u00e7abilit\u00e9 des produits\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3-qcm3\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) R\u00e9duction du co\u00fbt des r\u00e9coltes\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;\">Pourquoi l'\u00e9ducation pourrait-elle\r\n                                    b\u00e9n\u00e9ficier du Web 3.0 en Afrique ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4-qcm3\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Pour rendre les dipl\u00f4mes infalsifiables et facilement v\u00e9rifiables\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4-qcm3\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Pour supprimer les cours en ligne\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4-qcm3\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Pour augmenter l'acc\u00e8s aux certificats num\u00e9riques\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;\">Comment le Web 3.0 peut-il transformer\r\n                                    les m\u00e9dias en Afrique ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5-qcm3\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) En permettant aux utilisateurs de poss\u00e9der leurs propres donn\u00e9es\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5-qcm3\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) En diminuant la censure gouvernementale\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5-qcm3\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) En augmentant les contenus g\u00e9n\u00e9r\u00e9s par les utilisateurs\r\n                                <\/label>\r\n                            <\/div>\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()\">Valider \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU 18: D\u00e9fis -->\r\n                <div class=\"lesson-content\" id=\"content-cas-pratiques\">\r\n                    <h1 class=\"content-title\">1. D\u00e9fis<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <p>\r\n                        <ul>\r\n                            <li>\r\n                                <strong>Manque d'infrastructure : <\/strong>\r\n                                L'acc\u00e8s limit\u00e9 \u00e0 Internet et au mat\u00e9riel informatique dans certaines r\u00e9gions rurales\r\n                                ralentit l'adoption du Web 3.0. Le co\u00fbt \u00e9lev\u00e9 de la connexion et l'absence de r\u00e9seaux de\r\n                                haute qualit\u00e9 freinent le d\u00e9veloppement des technologies d\u00e9centralis\u00e9es.\r\n                            <\/li>\r\n                            <li>\r\n                                <strong>R\u00e9gulation et adoption gouvernementale : <\/strong>\r\n                                L'utilisation des outils Web 3.0 n\u00e9cessite des comp\u00e9tences techniques avanc\u00e9es\r\n                                (d\u00e9veloppement blockchain, programmation de smart contracts, cybers\u00e9curit\u00e9). Le manque\r\n                                de formation sp\u00e9cialis\u00e9e en Afrique limite l'\u00e9mergence de talents locaux dans ce\r\n                                domaine.\r\n                            <\/li>\r\n                            <li>\r\n                                <strong>Co\u00fbt et complexit\u00e9 technologique : <\/strong>\r\n                                L'utilisation des outils Web 3.0 n\u00e9cessite des comp\u00e9tences techniques avanc\u00e9es\r\n                                (d\u00e9veloppement blockchain, programmation de smart contracts, cybers\u00e9curit\u00e9). Le manque\r\n                                de formation sp\u00e9cialis\u00e9e en Afrique limite l'\u00e9mergence de talents locaux dans ce\r\n                                domaine.\r\n                            <\/li>\r\n                            <li>\r\n                                <strong> Sensibilisation et acceptation du grand public : <\/strong>\r\n                                De nombreuses personnes restent m\u00e9fiantes vis-\u00e0-vis du Web 3.0 en raison du manque\r\n                                d'\u00e9ducation num\u00e9rique et des arnaques fr\u00e9quentes autour des cryptomonnaies.\r\n                            <\/li>\r\n                            <li>\r\n                                <strong> S\u00e9curit\u00e9 et risques de cybercriminalit\u00e9 : <\/strong>\r\n                                La d\u00e9centralisation implique aussi des d\u00e9fis en mati\u00e8re de protection des utilisateurs\r\n                                contre les fraudes, le piratage et les pertes d'actifs num\u00e9riques.\r\n                            <\/li>\r\n                        <\/ul>\r\n                        <\/p>\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 19: Opportunit\u00e9s -->\r\n                <div class=\"lesson-content\" id=\"content-cas-pratiques\">\r\n                    <h1 class=\"content-title\">2. Opportunit\u00e9s<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <p>\r\n                        <ul>\r\n                            <li>\r\n                                <strong> Nouveaux mod\u00e8les \u00e9conomiques : <\/strong>\r\n                                Le Web 3.0 ouvre des opportunit\u00e9s pour les cr\u00e9ateurs de contenu, d\u00e9veloppeurs et\r\n                                entrepreneurs africains en leur permettant d'acc\u00e9der \u00e0 des financements directs (NFT,\r\n                                financement participatif, tokens). Les artistes peuvent vendre leurs \u0153uvres sans\r\n                                interm\u00e9diaires, et les agriculteurs peuvent b\u00e9n\u00e9ficier de transactions transparentes et\r\n                                tra\u00e7ables.\r\n                            <\/li>\r\n                            <li>\r\n                                <strong> Souverainet\u00e9 num\u00e9rique : <\/strong>\r\n                                L'Afrique pourrait r\u00e9duire sa d\u00e9pendance aux plateformes centralis\u00e9es des grandes\r\n                                entreprises technologiques (Google, Facebook, Amazon). En s'appuyant sur des\r\n                                infrastructures d\u00e9centralis\u00e9es, les pays africains pourraient d\u00e9velopper des services\r\n                                locaux plus adapt\u00e9s \u00e0 leurs besoins.\r\n                            <\/li>\r\n                            <li>\r\n                                <strong>Inclusion financi\u00e8re : <\/strong>\r\n                                L'essor des cryptomonnaies et des solutions DeFi permet aux populations non bancaris\u00e9es\r\n                                d'acc\u00e9der \u00e0 des services financiers, de stocker de la valeur et de r\u00e9aliser des\r\n                                transactions internationales \u00e0 moindre co\u00fbt.\r\n                            <\/li>\r\n                            <li>\r\n                                <strong> D\u00e9veloppement des talents locaux : <\/strong>\r\n                                Avec un investissement dans la formation en blockchain et Web 3.0, les jeunes Africains\r\n                                pourraient devenir des acteurs majeurs de cette nouvelle \u00e9conomie num\u00e9rique et exporter\r\n                                leur expertise \u00e0 l'international.\r\n                            <\/li>\r\n                            <li>\r\n                                <strong> Transparence et lutte contre la corruption : <\/strong>\r\n                                L'adoption de la blockchain pour les services publics (vote \u00e9lectronique, gestion\r\n                                fonci\u00e8re, suivi des finances publiques) pourrait renforcer la transparence et r\u00e9duire la\r\n                                corruption dans plusieurs pays africains.\r\n                            <\/li>\r\n                            <li>\r\n                                <strong> Utilisation de la blockchain pour les services essentiels : <\/strong>\r\n                                Sant\u00e9 (dossiers m\u00e9dicaux s\u00e9curis\u00e9s), \u00e9ducation (certifications num\u00e9riques), agriculture\r\n                                (tra\u00e7abilit\u00e9 des produits), \u00e9nergie (r\u00e9seaux \u00e9lectriques d\u00e9centralis\u00e9s) sont autant de\r\n                                secteurs pouvant b\u00e9n\u00e9ficier du Web 3.0.\r\n                            <\/li>\r\n                        <\/ul>\r\n                        <\/p>\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 20: Conclusion -->\r\n                <div class=\"lesson-content\" id=\"content-cas-pratiques\">\r\n                    <h1 class=\"content-title\">3. Conclusion<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <p>\r\n                            En r\u00e9sum\u00e9, malgr\u00e9 les d\u00e9fis d'infrastructure et de r\u00e9glementation, le Web 3.0 offre des\r\n                            perspectives prometteuses pour l'Afrique en favorisant une \u00e9conomie plus inclusive,\r\n                            s\u00e9curis\u00e9e et innovante. <br> Le Web 3.0 repr\u00e9sente une avanc\u00e9e majeure qui pourrait remodeler\r\n                            l'\u00e9conomie et l'innovation en Afrique. Avec l'essor des cryptomonnaies, des NFT et des\r\n                            services d\u00e9centralis\u00e9s, les Africains ont l'opportunit\u00e9 de s'affranchir des mod\u00e8les\r\n                            centralis\u00e9s actuels.\r\n                        <\/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 21: QUIZ 4 -->\r\n                <div class=\"lesson-content\" id=\"content-qcm4\" data-quiz=\"4\">\r\n                    <h1 class=\"content-title\">Quiz 4 : D\u00e9fis et Opportunit\u00e9s<\/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=\"qcm4-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;\">Quel est l'un des principaux d\u00e9fis du\r\n                                    Web 3.0 en Afrique ? <\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1-qcm4\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Trop d'investissements dans la blockchain\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1-qcm4\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) L'interdiction totale des cryptomonnaies\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1-qcm4\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) L'acc\u00e8s limit\u00e9 \u00e0 Internet et aux infrastructures technologiques\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;\">Pourquoi la r\u00e9gulation est-elle un\r\n                                    enjeu cl\u00e9 pour le Web 3.0 ? <\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2-qcm4\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Pour interdire toutes les transactions en ligne\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2-qcm4\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Pour donner plus de pouvoir aux grandes entreprises\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2-qcm4\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Pour garantir la protection des utilisateurs et \u00e9viter les fraudes\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;\">Comment le Web 3.0 peut-il favoriser\r\n                                    l'inclusion financi\u00e8re en Afrique ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3-qcm4\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) En supprimant les paiements mobiles\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3-qcm4\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) En r\u00e9duisant les frais sur les transactions\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3-qcm4\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) En donnant acc\u00e8s aux services bancaires sans passer par les institutions\r\n                                    traditionnelles\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;\">Quel secteur pourrait b\u00e9n\u00e9ficier de\r\n                                    l'utilisation de la blockchain pour lutter contre la corruption ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4-qcm4\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) La gouvernance et les finances publiques\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4-qcm4\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) L'industrie du divertissement\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4-qcm4\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Le secteur du tourisme\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;\">Pourquoi le d\u00e9veloppement des talents\r\n                                    locaux est-il une opportunit\u00e9 cl\u00e9 du Web 3.0 ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5-qcm4\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Car il permet aux jeunes Africains d'acc\u00e9der \u00e0 des emplois et de cr\u00e9er des\r\n                                    innovations\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5-qcm4\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Car il ferme les march\u00e9s internationaux\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5-qcm4\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Car il permet aux les entreprises locales d'\u00e9merger\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()\">Valider \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Overlay pour les alertes -->\r\n    <div class=\"alert-overlay\" id=\"alert-overlay\" onclick=\"hideAlert()\"><\/div>\r\n\r\n    <!-- JavaScript int\u00e9gr\u00e9 -->\r\n    <script>\r\n        \/\/ ========== FONCTIONS GLOBALES ACCESSIBLES DEPUIS HTML ==========\r\n        function completeLesson() { if (window.completeLessonFunc) window.completeLessonFunc(); }\r\n        function goToNext() { if (window.goToNextFunc) window.goToNextFunc(); }\r\n        function goToPrevious() { if (window.goToPreviousFunc) window.goToPreviousFunc(); }\r\n        function validateQCM() { if (window.validateQCMFunc) window.validateQCMFunc(); }\r\n        function startFormation() { if (window.startFormationFunc) window.startFormationFunc(); }\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: 6 },\r\n                'innovation': { completed: 0, total: 5 },\r\n                'strategies': { completed: 0, total: 2 },\r\n                'decision': { completed: 0, total: 3 },\r\n                'examens': { completed: 0, total: 4 },\r\n\r\n                lessons: {\r\n                    'intro-ia': false,\r\n                    'propos-intro': false,\r\n                    'pourquoi-ia': false,\r\n                    'etudes-cas': false,\r\n                    'metiers-secteurs': false,\r\n                    'besoins-solutions': false,\r\n                    'formation-equipes': false,\r\n                    'etapes-integration': false,\r\n                    'analyse-tendances': false,\r\n                    'aide-decision': false,\r\n                    'limites-recommandations': false,\r\n                    'reglementation': false,\r\n                    'confidentialite': false,\r\n                    'cas-pratiques': false,\r\n                    'qcm1': false,\r\n                    'qcm2': false,\r\n                    'qcm3': false,\r\n                    'qcm4': false\r\n                }\r\n            };\r\n\r\n            \/\/ ========== ORDRE DES LE\u00c7ONS ==========\r\n            const lessonOrder = [\r\n                'apercu',\r\n                'intro-ia',\r\n                'propos-intro',\r\n                'pourquoi-ia',\r\n                'etudes-cas',\r\n                'metiers-secteurs',\r\n                'qcm1',\r\n                'besoins-solutions',\r\n                'formation-equipes',\r\n                'etapes-integration',\r\n                'analyse-tendances',\r\n                'qcm2',\r\n                'aide-decision',\r\n                'limites-recommandations',\r\n                'reglementation',\r\n                'confidentialite',\r\n                'qcm3',\r\n                'cas-pratiques',\r\n                'cas-pratiques',\r\n                'cas-pratiques',\r\n                'qcm4'\r\n            ];\r\n\r\n            let currentLesson = 'apercu';\r\n\r\n            \/\/ ========== R\u00c9PONSES CORRECTES POUR CHAQUE QUIZ ==========\r\n            const quizAnswers = {\r\n                1: { \/\/ Quiz 1\r\n                    'q1-qcm1': 'B',\r\n                    'q2-qcm1': 'B',\r\n                    'q3-qcm1': 'B',\r\n                    'q4-qcm1': 'B',\r\n                    'q5-qcm1': 'B',\r\n                    'q6-qcm1': 'B',\r\n                    'q7-qcm1': 'C',\r\n                    'q8-qcm1': 'B',\r\n                    'q9-qcm1': 'B',\r\n                    'q10-qcm1': 'A'\r\n                },\r\n                2: { \/\/ Quiz 2\r\n                    'q1-qcm2': 'A',\r\n                    'q2-qcm2': 'B',\r\n                    'q3-qcm2': 'B',\r\n                    'q4-qcm2': 'B',\r\n                    'q5-qcm2': 'A'\r\n                },\r\n                3: { \/\/ Quiz 3\r\n                    'q1-qcm3': 'B',\r\n                    'q2-qcm3': 'A',\r\n                    'q3-qcm3': 'B',\r\n                    'q4-qcm3': 'A',\r\n                    'q5-qcm3': 'A'\r\n                },\r\n                4: { \/\/ Quiz 4\r\n                    'q1-qcm4': 'C',\r\n                    'q2-qcm4': 'C',\r\n                    'q3-qcm4': 'C',\r\n                    'q4-qcm4': 'A',\r\n                    'q5-qcm4': 'A'\r\n                }\r\n            };\r\n\r\n            \/\/ ========== FONCTIONS UTILITAIRES ==========\r\n\r\n            function showAlert(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                        overlay.onclick = hideAlert;\r\n                    }\r\n\r\n                    setTimeout(hideAlert, 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                        overlay.onclick = hideAlert;\r\n                    }\r\n\r\n                    setTimeout(hideAlert, 3000);\r\n                }\r\n            }\r\n\r\n            function hideAlert() {\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 getLessonsForSection(section) {\r\n                const sectionLessons = {\r\n                    'intro': ['intro-ia', 'propos-intro', 'pourquoi-ia', 'etudes-cas', 'metiers-secteurs', 'qcm1'],\r\n                    'innovation': ['besoins-solutions', 'formation-equipes', 'etapes-integration', 'analyse-tendances', 'qcm2'],\r\n                    'strategies': ['aide-decision', 'limites-recommandations'],\r\n                    'decision': ['reglementation', 'confidentialite', 'qcm3'],\r\n                    'examens': ['cas-pratiques', 'qcm4']\r\n                };\r\n                return sectionLessons[section] || [];\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                for (const section in progressState) {\r\n                    if (section !== 'lessons') {\r\n                        const sectionLessons = getLessonsForSection(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\r\n            function updateCompleteButton() {\r\n                const completeBtn = document.querySelector('.btn-complete');\r\n                if (!completeBtn) return;\r\n\r\n                if (currentLesson === 'apercu') {\r\n                    completeBtn.textContent = \"Commencer la formation\";\r\n                    completeBtn.disabled = false;\r\n                    completeBtn.style.background = \"linear-gradient(135deg, #052A65, #0a3a8a)\";\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, #052A65, #0a3a8a)\";\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                    updateCompleteButton();\r\n                    window.scrollTo({ top: 0, behavior: 'smooth' });\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) {\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; 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 EXPOS\u00c9ES GLOBALEMENT ==========\r\n\r\n            window.completeLessonFunc = function () {\r\n                if (currentLesson === 'apercu') {\r\n                    navigateToLesson('intro-ia');\r\n                    return;\r\n                }\r\n\r\n                if (!progressState.lessons[currentLesson]) {\r\n                    progressState.lessons[currentLesson] = true;\r\n\r\n                    \/\/ Mettre \u00e0 jour le compteur de la section\r\n                    for (const section in progressState) {\r\n                        if (section !== 'lessons') {\r\n                            const sectionLessons = getLessonsForSection(section);\r\n                            if (sectionLessons.includes(currentLesson)) {\r\n                                progressState[section].completed++;\r\n                                break;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    updateAllProgressBars();\r\n                    updateGlobalProgress();\r\n                    updateCompleteButton();\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.startsWith('qcm')) {\r\n                    if (!areAllQCMAnswered()) {\r\n                        showAlert(\"Veuillez r\u00e9pondre \u00e0 toutes les questions avant de valider.\");\r\n                        return;\r\n                    }\r\n                    validateQCM();\r\n                    return;\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                    showAlert(\"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                    showAlert(\"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('intro-ia');\r\n            };\r\n\r\n            \/\/ ========== FONCTIONS QCM ==========\r\n\r\n            function getCurrentQuizNumber() {\r\n                if (currentLesson === 'qcm1') return 1;\r\n                if (currentLesson === 'qcm2') return 2;\r\n                if (currentLesson === 'qcm3') return 3;\r\n                if (currentLesson === 'qcm4') return 4;\r\n                return 0;\r\n            }\r\n\r\n            function areAllQCMAnswered() {\r\n                const quizNumber = getCurrentQuizNumber();\r\n                if (!quizNumber) return true;\r\n\r\n                const questions = document.querySelectorAll(`input[name^=\"q\"]`);\r\n                let answered = 0;\r\n                questions.forEach(q => {\r\n                    if (q.name.includes(`qcm${quizNumber}`) && q.checked) {\r\n                        answered++;\r\n                    }\r\n                });\r\n\r\n                const totalQuestions = Object.keys(quizAnswers[quizNumber]).length;\r\n                return answered === totalQuestions;\r\n            }\r\n\r\n            window.validateQCMFunc = function () {\r\n                const quizNumber = getCurrentQuizNumber();\r\n                if (!quizNumber) {\r\n                    showAlert(\"Aucun quiz actif.\");\r\n                    return;\r\n                }\r\n\r\n                if (!areAllQCMAnswered()) {\r\n                    showAlert(\"Veuillez r\u00e9pondre \u00e0 toutes les questions avant de valider.\");\r\n                    return;\r\n                }\r\n\r\n                const correctAnswers = quizAnswers[quizNumber];\r\n                let score = 0;\r\n                const totalQuestions = Object.keys(correctAnswers).length;\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 score\r\n                const qcmContainer = document.getElementById(`qcm${quizNumber}-score-container`);\r\n                if (qcmContainer) {\r\n                    qcmContainer.innerHTML = `\r\n                    <div style=\"\r\n                        background: linear-gradient(135deg, #d1fae5, #a7f3d0);\r\n                        border: 2px solid #10b981;\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: #065f46; margin-bottom: 15px; font-size: 24px;\">\r\n                            R\u00e9sultat du Quiz ${quizNumber}\r\n                        <\/h2>\r\n                        <div style=\"font-size: 48px; font-weight: bold; color: #065f46; margin: 20px 0;\">\r\n                            ${percentage}%\r\n                        <\/div>\r\n                        <div style=\"color: #047857; 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 ? 'Tr\u00e8s bien ! \ud83d\udc4d' : 'Continuez \u00e0 pratiquer ! \ud83d\udcaa'}\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n                }\r\n\r\n                \/\/ Marquer comme termin\u00e9\r\n                if (!progressState.lessons[currentLesson]) {\r\n                    progressState.lessons[currentLesson] = true;\r\n                    \r\n                    \/\/ Mettre \u00e0 jour la section correspondante\r\n                    for (const section in progressState) {\r\n                        if (section !== 'lessons') {\r\n                            const sectionLessons = getLessonsForSection(section);\r\n                            if (sectionLessons.includes(currentLesson)) {\r\n                                progressState[section].completed++;\r\n                                break;\r\n                            }\r\n                        }\r\n                    }\r\n                    \r\n                    updateAllProgressBars();\r\n                    updateGlobalProgress();\r\n                    updateCompleteButton();\r\n                }\r\n\r\n                \/\/ Mettre \u00e0 jour le bouton Valider\r\n                const validateBtn = document.querySelector('.nav-buttons .btn-next:last-child');\r\n                if (validateBtn && percentage >= 80) {\r\n                    validateBtn.disabled = false;\r\n                    validateBtn.textContent = \"Quiz r\u00e9ussi - Continuer \u25b6\";\r\n                } else if (validateBtn) {\r\n                    validateBtn.disabled = true;\r\n                    validateBtn.textContent = \"Score insuffisant\";\r\n                    showAlert(\"Score insuffisant (minimum 80%). R\u00e9essayez !\");\r\n                    return;\r\n                }\r\n\r\n                showSuccessMessage(`Quiz ${quizNumber} termin\u00e9 ! Score : ${percentage}%`);\r\n                \r\n                \/\/ Si le score est suffisant, permettre la continuation\r\n                if (percentage >= 80) {\r\n                    \/\/ Activer le bouton suivant pour continuer\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                }\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                                showAlert(\"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                updateCompleteButton();\r\n                setupSidebarEvents();\r\n\r\n                \/\/ Initialiser le bouton Compl\u00e9ter pour l'aper\u00e7u\r\n                if (currentLesson === 'apercu') {\r\n                    updateCompleteButton();\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<\/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 Productivit\u00e9 num\u00e9rique pour femmes 0% compl\u00e9t\u00e9 Aper\u00e7u I. Introduction \u25b6 0\/6 \u00e9tapes \u2713 1. Contexte 2. C&rsquo;est quoi le web 3.0 ? 3. Diff\u00e9rence entre le web 1.0, le web 2.0 et le web [&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-4418","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 Productivit\u00e9 num\u00e9rique pour femmes 0% compl\u00e9t\u00e9 Aper\u00e7u I. Introduction \u25b6 0\/6 \u00e9tapes \u2713 1. Contexte 2. C&#039;est quoi le web 3.0 ? 3. Diff\u00e9rence entre le web 1.0, le web 2.0 et le web\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/awi3.com\/en\/prod-femme\/\" \/>\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=\"Prod \u2013 Femme - 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 Productivit\u00e9 num\u00e9rique pour femmes 0% compl\u00e9t\u00e9 Aper\u00e7u I. Introduction \u25b6 0\/6 \u00e9tapes \u2713 1. Contexte 2. C&#039;est quoi le web 3.0 ? 3. Diff\u00e9rence entre le web 1.0, le web 2.0 et le web\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/awi3.com\/en\/prod-femme\/\" \/>\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-11T12:27:53+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-02T20:15:34+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=\"Prod \u2013 Femme - 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 Productivit\u00e9 num\u00e9rique pour femmes 0% compl\u00e9t\u00e9 Aper\u00e7u I. Introduction \u25b6 0\/6 \u00e9tapes \u2713 1. Contexte 2. C&#039;est quoi le web 3.0 ? 3. Diff\u00e9rence entre le web 1.0, le web 2.0 et le web\" \/>\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\\\/prod-femme\\\/#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\\\/prod-femme\\\/#listItem\",\"name\":\"Prod &#8211; Femme\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/prod-femme\\\/#listItem\",\"position\":2,\"name\":\"Prod &#8211; Femme\",\"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\\\/prod-femme\\\/#organizationLogo\",\"width\":1019,\"height\":389},\"image\":{\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/prod-femme\\\/#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\\\/prod-femme\\\/#webpage\",\"url\":\"https:\\\/\\\/awi3.com\\\/en\\\/prod-femme\\\/\",\"name\":\"Prod \\u2013 Femme - 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 Productivit\\u00e9 num\\u00e9rique pour femmes 0% compl\\u00e9t\\u00e9 Aper\\u00e7u I. Introduction \\u25b6 0\\\/6 \\u00e9tapes \\u2713 1. Contexte 2. C'est quoi le web 3.0 ? 3. Diff\\u00e9rence entre le web 1.0, le web 2.0 et le web\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/prod-femme\\\/#breadcrumblist\"},\"datePublished\":\"2025-12-11T12:27:53+00:00\",\"dateModified\":\"2026-07-02T20:15:34+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":"Prod \u2013 Femme - 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 Productivit\u00e9 num\u00e9rique pour femmes 0% compl\u00e9t\u00e9 Aper\u00e7u I. Introduction \u25b6 0\/6 \u00e9tapes \u2713 1. Contexte 2. C'est quoi le web 3.0 ? 3. Diff\u00e9rence entre le web 1.0, le web 2.0 et le web","canonical_url":"https:\/\/awi3.com\/en\/prod-femme\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/awi3.com\/en\/prod-femme\/#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\/prod-femme\/#listItem","name":"Prod &#8211; Femme"}},{"@type":"ListItem","@id":"https:\/\/awi3.com\/en\/prod-femme\/#listItem","position":2,"name":"Prod &#8211; Femme","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\/prod-femme\/#organizationLogo","width":1019,"height":389},"image":{"@id":"https:\/\/awi3.com\/en\/prod-femme\/#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\/prod-femme\/#webpage","url":"https:\/\/awi3.com\/en\/prod-femme\/","name":"Prod \u2013 Femme - 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 Productivit\u00e9 num\u00e9rique pour femmes 0% compl\u00e9t\u00e9 Aper\u00e7u I. Introduction \u25b6 0\/6 \u00e9tapes \u2713 1. Contexte 2. C'est quoi le web 3.0 ? 3. Diff\u00e9rence entre le web 1.0, le web 2.0 et le web","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/awi3.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/awi3.com\/en\/prod-femme\/#breadcrumblist"},"datePublished":"2025-12-11T12:27:53+00:00","dateModified":"2026-07-02T20:15:34+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":"Prod \u2013 Femme - 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 Productivit\u00e9 num\u00e9rique pour femmes 0% compl\u00e9t\u00e9 Aper\u00e7u I. Introduction \u25b6 0\/6 \u00e9tapes \u2713 1. Contexte 2. C'est quoi le web 3.0 ? 3. Diff\u00e9rence entre le web 1.0, le web 2.0 et le web","og:url":"https:\/\/awi3.com\/en\/prod-femme\/","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-11T12:27:53+00:00","article:modified_time":"2026-07-02T20:15:34+00:00","article:publisher":"https:\/\/www.facebook.com\/share\/1RSVNzHNz5\/?mibextid=wwXIfr","twitter:card":"summary_large_image","twitter:title":"Prod \u2013 Femme - 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 Productivit\u00e9 num\u00e9rique pour femmes 0% compl\u00e9t\u00e9 Aper\u00e7u I. Introduction \u25b6 0\/6 \u00e9tapes \u2713 1. Contexte 2. C'est quoi le web 3.0 ? 3. Diff\u00e9rence entre le web 1.0, le web 2.0 et le web","twitter:image":"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png"},"aioseo_meta_data":{"post_id":"4418","title":null,"description":null,"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-10 13:42:22","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\tProd \u2013 Femme\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/awi3.com\/en\/"},{"label":"Prod &#8211; Femme","link":"https:\/\/awi3.com\/en\/prod-femme\/"}],"_links":{"self":[{"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/pages\/4418","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=4418"}],"version-history":[{"count":19,"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/pages\/4418\/revisions"}],"predecessor-version":[{"id":6550,"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/pages\/4418\/revisions\/6550"}],"wp:attachment":[{"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/media?parent=4418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}