{"id":4361,"date":"2025-12-10T14:01:48","date_gmt":"2025-12-10T14:01:48","guid":{"rendered":"https:\/\/awi3.com\/?page_id=4361"},"modified":"2026-07-02T20:14:21","modified_gmt":"2026-07-02T20:14:21","slug":"intro-web","status":"publish","type":"page","link":"https:\/\/awi3.com\/en\/intro-web\/","title":{"rendered":"Intro Web"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4361\" class=\"elementor elementor-4361\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68c2a66e e-flex e-con-boxed e-con e-child\" data-id=\"68c2a66e\" 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-3474af1e elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"3474af1e\" 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-596c26dd elementor-hidden-desktop elementor-widget-mobile__width-initial elementor-hidden-tablet elementor-widget elementor-widget-jkit_nav_menu\" data-id=\"596c26dd\" 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___6af658cf55f58\"  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-4133896a e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"4133896a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-499edc2d e-con-full e-flex e-con e-child\" data-id=\"499edc2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-735bc14b elementor-view-stacked elementor-shape-square elementor-widget elementor-widget-icon\" data-id=\"735bc14b\" 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-42edc41c elementor-widget elementor-widget-hfe-infocard\" data-id=\"42edc41c\" 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-159c210a e-con-full e-transform e-flex e-con e-child\" data-id=\"159c210a\" 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-4a7c3a59 elementor-view-stacked elementor-shape-square elementor-widget elementor-widget-icon\" data-id=\"4a7c3a59\" 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-17e29f5a elementor-widget elementor-widget-hfe-infocard\" data-id=\"17e29f5a\" 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-cd790b9 e-con-full elementor-hidden-tablet e-flex e-con e-child\" data-id=\"cd790b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52837af0 elementor-view-stacked elementor-shape-square elementor-widget elementor-widget-icon\" data-id=\"52837af0\" 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-3ece9ab1 elementor-widget elementor-widget-hfe-infocard\" data-id=\"3ece9ab1\" 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-4a933b55 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"4a933b55\" 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-762ca0de e-transform elementor-widget elementor-widget-jkit_nav_menu\" data-id=\"762ca0de\" 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_6af658cf57799\"  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-7a06646d elementor-widget elementor-widget-button\" data-id=\"7a06646d\" 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-595ce742 e-con-full e-flex e-con e-parent\" data-id=\"595ce742\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57051dcc elementor-widget elementor-widget-html\" data-id=\"57051dcc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"formation-container\">\r\n    <style>\r\n    \/* ===== STYLE ISOLE POUR LA FORMATION ===== *\/\r\n    .formation-container * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .formation-container {\r\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r\n        background: #f5f7fa;\r\n        width: 100%;\r\n        min-height: 100vh;\r\n        overflow: visible !important;\r\n    }\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    \/* ===== SIDEBAR FIXE SANS D\u00c9FILEMENT ===== *\/\r\n    .formation-container .sidebar {\r\n        width: 350px;\r\n        background: #0673B7;\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 #e0e6ef;\r\n        flex-shrink: 0;\r\n        background: #0673B7;\r\n    }\r\n\r\n    .formation-container .course-title {\r\n        font-size: 25px;\r\n        color: white;\r\n        font-weight: 700;\r\n        line-height: 1.4;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    \/* Barre de progression *\/\r\n    .formation-container .progress-wrapper {\r\n        background: #f8fafc;\r\n        padding: 16px;\r\n        border-radius: 8px;\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n\r\n    .formation-container .progress-bar {\r\n        height: 6px;\r\n        background: #e2e8f0;\r\n        border-radius: 3px;\r\n        margin: 8px 0;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .formation-container .progress-fill {\r\n        height: 100%;\r\n        background: linear-gradient(90deg, #0673B7, #0673B7);\r\n        width: 0%;\r\n        border-radius: 3px;\r\n        transition: width 0.3s ease;\r\n    }\r\n\r\n    .formation-container .progress-text {\r\n        color: #4b5563;\r\n        font-size: 14px;\r\n        text-align: center;\r\n        display: block;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* 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: #f9fafb;\r\n        border-radius: 8px;\r\n        margin-bottom: 6px;\r\n        border: 1px solid #e5e7eb;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .formation-container .simple-section:hover {\r\n        background: #f3f4f6;\r\n        border-color: #d1d5db;\r\n    }\r\n\r\n    .formation-container .simple-section.active {\r\n        background: #eff6ff;\r\n        border-color: #0673B7;\r\n        box-shadow: 0 0 0 1px #0673B7;\r\n    }\r\n\r\n    .formation-container .section-name {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-weight: 600;\r\n        color: #374151;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .formation-container .section-status {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .formation-container .steps-badge {\r\n        font-size: 12px;\r\n        color: #718096;\r\n        background: white;\r\n        padding: 2px 8px;\r\n        border-radius: 10px;\r\n        border: 1px solid #e5e7eb;\r\n        font-weight: 500;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .formation-container .check-icon {\r\n        color: #10b981;\r\n        font-weight: bold;\r\n        font-size: 16px;\r\n        display: none;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 18px;\r\n        height: 18px;\r\n    }\r\n\r\n    \/* Section d\u00e9pliable *\/\r\n    .formation-container .accordion-section {\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .formation-container .accordion-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 14px 16px;\r\n        background: #f9fafb;\r\n        cursor: pointer;\r\n        border-bottom: 1px solid transparent;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .formation-container .section-toggle:checked~.accordion-header {\r\n        background: #eff6ff;\r\n        border-color: #0673B7;\r\n    }\r\n\r\n    .formation-container .accordion-header:hover {\r\n        background: #f3f4f6;\r\n    }\r\n\r\n    .formation-container .accordion-header.active {\r\n        background: #eff6ff;\r\n        border-color: #0673B7;\r\n    }\r\n\r\n    \/* 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: #6b7280;\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: white;\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 #f3f4f6;\r\n        color: #4b5563;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n        position: relative;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .formation-container .lesson-item:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .formation-container .lesson-item:hover {\r\n        background: #f9fafb;\r\n    }\r\n\r\n    .formation-container .lesson-item.active {\r\n        background: #eff6ff;\r\n        color: #1e40af;\r\n    }\r\n\r\n    .formation-container .lesson-title {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin-bottom: 2px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .formation-container .lesson-duration {\r\n        font-size: 12px;\r\n        color: #6b7280;\r\n    }\r\n\r\n    \/* 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: #d1d5db;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .formation-container .lesson-item.active .bullet {\r\n        background: #0673B7;\r\n        transform: translateY(-50%) scale(1.2);\r\n    }\r\n\r\n    .formation-container .lesson-item.completed .bullet {\r\n        background: #10b981;\r\n    }\r\n\r\n    .formation-container .lesson-item.completed .bullet::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 4px;\r\n        height: 4px;\r\n        background: white;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    \/* ===== CONTENU PRINCIPAL QUI D\u00c9FILE ===== *\/\r\n    .formation-container .content-area {\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        min-width: 0;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .formation-container .content-scroll {\r\n        flex: 1;\r\n        overflow-y: auto;\r\n        padding: 32px 40px;\r\n        min-height: 100vh;\r\n    }\r\n\r\n    \/* 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-avenir-ia:checked ~ .formation-wrapper .content-area #content-avenir-ia,\r\n    .formation-container #radio-cas-pratiques:checked ~ .formation-wrapper .content-area #content-cas-pratiques,\r\n    .formation-container #radio-qcm:checked ~ .formation-wrapper .content-area #content-qcm {\r\n        display: block !important;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(10px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .formation-container .content-title {\r\n        font-size: 28px;\r\n        color: #1f2937;\r\n        margin-bottom: 24px;\r\n        font-weight: 700;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .formation-container .content-description {\r\n        color: #4b5563;\r\n        line-height: 1.7;\r\n        margin-bottom: 32px;\r\n        font-size: 16px;\r\n        overflow: visible !important;\r\n    }\r\n\r\n    .formation-container .content-description p {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    \/* 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-player {\r\n        width: 100%;\r\n        max-width: 800px;\r\n        margin: 24px 0 32px;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .formation-container .video-duration {\r\n        font-size: 14px;\r\n        color: #6b7280;\r\n        margin-top: 8px;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Boutons navigation - CORRIG\u00c9 AVEC LA COULEUR #0673B7 *\/\r\n    .formation-container .nav-buttons {\r\n        display: flex;\r\n        gap: 16px;\r\n        margin-top: 40px;\r\n        padding-top: 24px;\r\n        border-top: 1px solid #e5e7eb;\r\n    }\r\n\r\n    .formation-container .nav-btn {\r\n        padding: 14px 28px;\r\n        border: none;\r\n        border-radius: 8px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: all 0.3s;\r\n        font-size: 15px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .formation-container .btn-complete {\r\n        background: linear-gradient(135deg, #0673B7, #0673B7);\r\n        color: white;\r\n        min-width: 140px;\r\n    }\r\n\r\n    .formation-container .btn-complete:hover {\r\n        background: linear-gradient(135deg, #05629e, #05629e);\r\n        transform: translateY(-1px);\r\n        box-shadow: 0 4px 12px rgba(6, 115, 183, 0.2);\r\n    }\r\n\r\n    .formation-container .btn-complete:disabled {\r\n        background: #10b981;\r\n        cursor: default;\r\n        transform: none;\r\n        box-shadow: none;\r\n    }\r\n\r\n    .formation-container .btn-next {\r\n        background: linear-gradient(135deg, #0673B7, #0673B7);\r\n        color: white;\r\n        flex: 1;\r\n        max-width: 300px;\r\n    }\r\n\r\n    .formation-container .btn-prev {\r\n        background: #f3f4f6;\r\n        color: #6b7280;\r\n        flex: 1;\r\n        max-width: 300px;\r\n    }\r\n\r\n    .formation-container .btn-prev:hover {\r\n        background: #e5e7eb;\r\n    }\r\n\r\n    .formation-container .btn-next:hover {\r\n        background: linear-gradient(135deg, #05629e, #05629e);\r\n        transform: translateY(-1px);\r\n        box-shadow: 0 4px 12px rgba(6, 115, 183, 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 #e0e6ef;\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-avenir-ia\">\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-qcm\">\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\">Introduction au Web 3.0 \u2013 L'avenir d'internet<\/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 (Section simple) -->\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 (Section d\u00e9pliable) -->\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                            Partie 1 : Comprendre les bases de l'IA\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\/4 \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\">Introduction \u00e0 l'Intelligence Artificielle G\u00e9n\u00e9rative<\/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\">Qu'est-ce que l'IA ? (D\u00e9finition, historique, applications)<\/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\">Diff\u00e9rence entre IA, machine learning et deep learning<\/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\">Pourquoi l'IA est-elle une r\u00e9volution majeure ?<\/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                            Partie 2 : Les fondements de l'IA G\u00e9n\u00e9rative\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\/2 \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-metiers-secteurs\" class=\"lesson-item\" data-lesson=\"metiers-secteurs\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Les Fondements de l'IA g\u00e9n\u00e9rative<\/div>\r\n                        <\/label>\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\">L'essor de l'IA g\u00e9n\u00e9rative<\/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                            Partie 3 : Usages et applications actuelles\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\/4 \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-formation-equipes\" class=\"lesson-item\" data-lesson=\"formation-equipes\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Usages et applications actuelles<\/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\">IA Marketing et Contenu<\/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\">L'IA en entreprise : Automatisation et Productivit\u00e9<\/div>\r\n                        <\/label>\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\">L'Impact de l'IA sur l'\u00c9ducation et la Formation Pro<\/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                            Partie 4 : Enjeux et limites de l'IA g\u00e9n\u00e9rative\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-limites-recommandations\" class=\"lesson-item\" data-lesson=\"limites-recommandations\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Enjeux et limites de l'IA g\u00e9n\u00e9rative<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-reglementation\" class=\"lesson-item\" data-lesson=\"reglementation\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Biais et \u00e9thique de l'IA g\u00e9n\u00e9rative<\/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\">R\u00e9gulations et avenir de l'IA<\/div>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Examen et validation des comp\u00e9tences -->\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                            Examen et validation des comp\u00e9tences\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\/2 \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\">\u00c9tude de Cas \u2013 Examen Final : L'IA G\u00e9n\u00e9rative en Entreprise<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-qcm\" class=\"lesson-item\" data-lesson=\"qcm\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Quiz sur l'Intelligence Artificielle G\u00e9n\u00e9rative<\/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;\">15 \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\/482e3e_ade15133c28b47c3b38fa5b6512be4bf~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: 25px; \">\u00c0 qui s'adresse cette formation ?<\/p>\r\n                        \r\n                        <ul style=\"margin-bottom: 50px;\">\r\n                            <li>Entrepreneurs et d\u00e9cideurs souhaitant int\u00e9grer l'IA dans leurs strat\u00e9gies,<\/li>\r\n                            <li>Professionnels du digital et du marketing en qu\u00eate de nouvelles opportunit\u00e9s,<\/li>\r\n                            <li>\u00c9tudiants et chercheurs curieux d'explorer les fondements et implications de l'IA,<\/li>\r\n                            <li>Toute personne souhaitant comprendre l'IA g\u00e9n\u00e9rative et son impact sur notre avenir.<\/li>\r\n                        <\/ul>\r\n                        <p style=\"font-size: 20px;\"> <strong>Dur\u00e9e :<\/strong> Formation immersive avec cas pratiques et d\u00e9monstrations interactives. <br> Certification \u00e0 la cl\u00e9 pour attester de vos comp\u00e9tences<\/p> <p style=\"font-size: 25px;\"> <strong>Rejoignez cette formation et ma\u00eetrisez l'IA g\u00e9n\u00e9rative d\u00e8s aujourd'hui !<\/strong> <\/p>\r\n\r\n                        <h3>R\u00e9compenses<\/h3>\r\n                        <div style=\"\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    text-justify: auto;\r\n    gap: 20px 40px;\r\n    margin-top: 50px;\r\n    align-items: center;\r\n\">\r\n    <div style=\"display: flex; align-items: center; gap: 15px; min-width: 250px; flex: 1;\">\r\n        <img decoding=\"async\" src=\"https:\/\/static.vecteezy.com\/system\/resources\/previews\/017\/550\/246\/original\/line-icon-for-accreditation-vector.jpg\"\r\n            alt=\"Ic\u00f4ne certificat\" style=\"width: 30px; height: 50px; flex-shrink: 0;\">\r\n        <p style=\"margin: 0;\">Obtenez un certificat en compl\u00e9tant le programme.<\/p>\r\n    <\/div>\r\n    \r\n    <div style=\"display: flex; align-items: center; gap: 15px; min-width: 250px; flex: 1;\">\r\n        <img decoding=\"async\" src=\"https:\/\/img.freepik.com\/vecteurs-premium\/icone-embleme-evenement-icone-vectorielle-embleme-evenement-pour-conception-sites-web-isolee-fond-blanc_96318-62104.jpg\"\r\n            alt=\"Ic\u00f4ne badge\" style=\"width: 30px; height: 50px; flex-shrink: 0;\">\r\n        <p style=\"margin: 0;\">Les participants qui ont compl\u00e9t\u00e9 toutes les \u00e9tapes du programme recevront un badge.<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n                        <h2>Instructeur(s)<\/h2>\r\n                        <p style=\"display: flex; gap: 40px;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/cdn1.iconfinder.com\/data\/icons\/andriod-app-logo\/32\/icon_k-512.png\"\r\n                                style=\"width: 40px; height: 40px;\"> K\u00e9vin Gu\u00e9\u00ef\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"goToCatalogue()\">Revenir au catalogue<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"startFormation()\">Commencer la formation \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU 2: Introduction \u00e0 l'Intelligence Artificielle G\u00e9n\u00e9rative -->\r\n                <div class=\"lesson-content\" id=\"content-intro-ia\">\r\n                    <h1 class=\"content-title\">Introduction \u00e0 l'Intelligence Artificielle G\u00e9n\u00e9rative<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/12363b_199670f1a7cc48719dec10260a96d260\/1080p\/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 3: Qu'est-ce que l'IA ? (D\u00e9finition, historique, applications) -->\r\n                <div class=\"lesson-content\" id=\"content-propos-intro\">\r\n                    <h1 class=\"content-title\">Qu'est-ce que l'IA ? (D\u00e9finition, historique, applications)<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <video controls width=\"70%\">\r\n                            <source src=\"https:\/\/video.wixstatic.com\/video\/12363b_f7e7e3bfe8c34d18ab4f07405553b4ea\/1080p\/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 4: Diff\u00e9rence entre IA, machine learning et deep learning-->\r\n                <div class=\"lesson-content\" id=\"content-pourquoi-ia\">\r\n                    <h1 class=\"content-title\">Diff\u00e9rence entre IA, machine learning et deep learning<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <video controls width=\"70%\">\r\n                            <source src=\"https:\/\/video.wixstatic.com\/video\/12363b_891eb0b190d14c82901c3cb061fc3291\/1080p\/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 5: Pourquoi l'IA est-elle une r\u00e9volution majeure  -->\r\n                <div class=\"lesson-content\" id=\"content-etudes-cas\">\r\n                    <h1 class=\"content-title\">Pourquoi l'IA est-elle une r\u00e9volution majeure ?<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <video controls width=\"100%\">\r\n                            <source src=\"https:\/\/video.wixstatic.com\/video\/12363b_75fc9132db4c4377bf916054ef056bb5\/1080p\/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 6: Les Fondements de l'IA g\u00e9n\u00e9rative -->\r\n                <div class=\"lesson-content\" id=\"content-metiers-secteurs\">\r\n                    <h1 class=\"content-title\">Les Fondements de l'IA g\u00e9n\u00e9rative<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <video controls width=\"100%\">\r\n                            <source src=\"https:\/\/video.wixstatic.com\/video\/12363b_0780baaa9320487f88360d3291ac49e3\/1080p\/mp4\/file.mp4\">\r\n                        <\/video>\r\n                        <p>You can't provide services or products without the right resources. <br> This is the place to list out what you have: locations, workers, physical supplies, and previous investments. Prove that you've thought through every step of the process and know how to get the job done.<\/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 7: L'essor de l'IA g\u00e9n\u00e9rative -->\r\n                <div class=\"lesson-content\" id=\"content-besoins-solutions\">\r\n                    <h1 class=\"content-title\">L'essor de l'IA g\u00e9n\u00e9rative<\/h1>\r\n\r\n                    <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/12363b_598914051ec346d68ffadfbd25d09a68\/1080p\/mp4\/file.mp4\">\r\n                    <\/video>\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 8-->\r\n                <div class=\"lesson-content\" id=\"content-formation-equipes\">\r\n                    <h1 class=\"content-title\">Usages et applications actuelles<\/h1>\r\n\r\n                    <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/12363b_18c08cdb0c984336b5003b9dd207ee31\/1080p\/mp4\/file.mp4\">\r\n                    <\/video>\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 9 -->\r\n                <div class=\"lesson-content\" id=\"content-etapes-integration\">\r\n                    <h1 class=\"content-title\">IA Marketing et Contenu<\/h1>\r\n\r\n                    <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/12363b_6b28756aa6cb47c2a7e82afd00f1c123\/1080p\/mp4\/file.mp4\">\r\n                    <\/video>\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 -->\r\n                <div class=\"lesson-content\" id=\"content-analyse-tendances\">\r\n                    <h1 class=\"content-title\">L'IA en entreprise : Automatisation et Productivit\u00e9<\/h1>\r\n                    <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/12363b_f18a966f101248bf9c6356ed9567d17f\/1080p\/mp4\/file.mp4\">\r\n                    <\/video>\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-->\r\n                <div class=\"lesson-content\" id=\"content-aide-decision\">\r\n                    <h1 class=\"content-title\">L'Impact de l'IA sur l'\u00c9ducation et la Formation Pro<\/h1>\r\n                    <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/12363b_2b1a89a888d741bda2e068705ec32e3a\/1080p\/mp4\/file.mp4\">\r\n                    <\/video>\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 -->\r\n                <div class=\"lesson-content\" id=\"content-limites-recommandations\">\r\n                    <h1 class=\"content-title\">Enjeux et limites de l'IA g\u00e9n\u00e9rative<\/h1>\r\n                    <video controls width=\"80%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/12363b_591bce16f4264042a9fa66a06bcb00c2\/1080p\/mp4\/file.mp4\">\r\n                    <\/video>\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 13: Biais et \u00e9thique -->\r\n                <div class=\"lesson-content\" id=\"content-reglementation\">\r\n                    <h1 class=\"content-title\">Biais et \u00e9thique de l'IA g\u00e9n\u00e9rative<\/h1>\r\n\r\n                    <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/12363b_f597aaec79ff4b9d9569e1786b57bda5\/1080p\/mp4\/file.mp4\">\r\n                    <\/video>\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: R\u00e9gulations et avenir -->\r\n                <div class=\"lesson-content\" id=\"content-confidentialite\">\r\n                    <h1 class=\"content-title\">R\u00e9gulations et avenir de l'IA<\/h1>\r\n\r\n                    <video controls width=\"100%\">\r\n                        <source src=\"https:\/\/video.wixstatic.com\/video\/12363b_91aa32e9643b4e4cbeeafa8917169c90\/1080p\/mp4\/file.mp4\">\r\n                    <\/video>\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: CAS PRATIQUES -->\r\n                <div class=\"lesson-content\" id=\"content-cas-pratiques\">\r\n                    <h1 class=\"content-title\">\u00c9tude de Cas \u2013 Examen Final : L'IA G\u00e9n\u00e9rative en Entreprise<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <p style=\"font-size: 25px;\"><strong>Contexte :<\/strong><\/p>\r\n                        <p>Une entreprise de marketing digital, \u00ab DigitalBoost \u00bb, souhaite int\u00e9grer l'intelligence artificielle g\u00e9n\u00e9rative pour am\u00e9liorer ses processus de cr\u00e9ation de contenu et d'automatisation. Actuellement, l'entreprise produit des campagnes publicitaires, des articles de blog et des visuels marketing pour ses clients. Cependant, elle fait face \u00e0 des d\u00e9fis li\u00e9s \u00e0 la rapidit\u00e9 de production, la personnalisation du contenu et l'optimisation des co\u00fbts.<\/p>\r\n                        \r\n                        <p style=\"font-size: 25px;\"><strong>Probl\u00e9matique :<\/strong><\/p>\r\n                        <p>Comment DigitalBoost peut-elle int\u00e9grer l'IA g\u00e9n\u00e9rative pour am\u00e9liorer son efficacit\u00e9 et r\u00e9pondre aux besoins de ses clients tout en respectant les contraintes \u00e9thiques et l\u00e9gales ?<\/p>\r\n\r\n                        <p>\r\n                            <strong>Objectifs de l'\u00c9tude de Cas :<\/strong>\r\n                            <ul>\r\n                                <li>Analyser les besoins sp\u00e9cifiques de DigitalBoost en mati\u00e8re de cr\u00e9ation de contenu.<\/li>\r\n                                <li>Identifier les mod\u00e8les d'IA g\u00e9n\u00e9rative les plus adapt\u00e9s \u00e0 l'entreprise (GPT, DALL-E, Stable Diffusion, etc.).<\/li>\r\n                                <li>Proposer une strat\u00e9gie d'int\u00e9gration de l'IA g\u00e9n\u00e9rative dans le workflow de DigitalBoost.<\/li>\r\n                                <li>\u00c9valuer les impacts \u00e9thiques et les d\u00e9fis li\u00e9s \u00e0 l'utilisation de l'IA g\u00e9n\u00e9rative.<\/li>\r\n                            <\/ul>\r\n                        <\/p>\r\n\r\n                        <p><strong>Questions :<\/strong><\/p>\r\n                        <p>\r\n                            <ol>\r\n                                <li>Quels types de contenus DigitalBoost peut-elle automatiser gr\u00e2ce \u00e0 l'IA g\u00e9n\u00e9rative ? Justifiez votre r\u00e9ponse avec des exemples.<\/li>\r\n                                <li>Comparez les mod\u00e8les d'IA g\u00e9n\u00e9rative disponibles et expliquez lequel serait le plus adapt\u00e9 aux besoins de DigitalBoost.<\/li>\r\n                                <li>D\u00e9crivez un plan d'impl\u00e9mentation de l'IA g\u00e9n\u00e9rative pour DigitalBoost (\u00e9tapes, outils, formations n\u00e9cessaires, etc.).<\/li>\r\n                                <li>Quels sont les risques li\u00e9s \u00e0 l'utilisation de l'IA g\u00e9n\u00e9rative pour DigitalBoost et comment les att\u00e9nuer ?<\/li>\r\n                                <li>Quelles consid\u00e9rations \u00e9thiques et l\u00e9gales doivent \u00eatre prises en compte lors de l'utilisation de l'IA g\u00e9n\u00e9rative pour la cr\u00e9ation de contenu marketing ?<\/li>\r\n                            <\/ol>\r\n                        <\/p>\r\n\r\n                        <p style=\"font-size: 25px;\"><strong>Livrables attendus :<\/strong><\/p>\r\n                        <ul>\r\n                            <li>Un rapport d\u00e9taill\u00e9 r\u00e9pondant aux questions ci-dessus (3 \u00e0 5 pages).<\/li>\r\n                            <li>Une pr\u00e9sentation synth\u00e9tique (10 slides maximum) exposant votre strat\u00e9gie et vos recommandations.<\/li>\r\n                            <li>Une proposition de charte \u00e9thique pour l'utilisation de l'IA g\u00e9n\u00e9rative au sein de DigitalBoost.<\/li>\r\n                        <\/ul>\r\n\r\n                        <p style=\"font-size: 30px;\">Bonne chance !<\/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 16: QCM -->\r\n                <div class=\"lesson-content\" id=\"content-qcm\">\r\n                    <h1 class=\"content-title\">Quiz sur l'Intelligence Artificielle G\u00e9n\u00e9rative<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <div id=\"qcm-score-container\"><\/div>\r\n\r\n                        <div style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #222; padding: 20px; max-width: 900px;\">\r\n\r\n                            <!-- QUESTION 1 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Qu'est-ce qu'une intelligence artificielle g\u00e9n\u00e9rative ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Une IA qui ex\u00e9cute uniquement des t\u00e2ches r\u00e9p\u00e9titives\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Une IA capable de cr\u00e9er du contenu original (texte, images, sons, etc.)\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Une IA utilis\u00e9e uniquement pour la cybers\u00e9curit\u00e9\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q1\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Une IA qui ne fonctionne qu'avec des bases de donn\u00e9es fixes\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 mod\u00e8le d'IA est sp\u00e9cialis\u00e9 dans la g\u00e9n\u00e9ration d'images ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) GPT-4\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) BERT\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) DALL-E\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q2\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) TransformerXL\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 les IA g\u00e9n\u00e9ratives apprennent-elles \u00e0 cr\u00e9er du contenu ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) En suivant des r\u00e8gles \u00e9crites par des programmeurs\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) En recopiant uniquement les contenus existants\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) En utilisant des r\u00e9seaux de neurones entra\u00een\u00e9s sur de grandes quantit\u00e9s de donn\u00e9es\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q3\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) En g\u00e9n\u00e9rant du contenu de mani\u00e8re totalement al\u00e9atoire\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;\">Dans quel domaine l'IA g\u00e9n\u00e9rative est-elle utilis\u00e9e ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Marketing et cr\u00e9ation de contenu\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) G\u00e9n\u00e9ration de musique et d'art\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) D\u00e9veloppement de jeux vid\u00e9o\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q4\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Toutes les r\u00e9ponses sont correctes\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 est un des principaux d\u00e9fis de l'IA g\u00e9n\u00e9rative ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Son incapacit\u00e9 \u00e0 fonctionner sans connexion Internet\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) La gestion des biais et des questions \u00e9thiques\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Son manque total d'applications pratiques\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q5\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Le fait qu'elle soit uniquement utilis\u00e9e par des scientifiques\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;\">Quelle technologie est souvent utilis\u00e9e pour entra\u00eener les mod\u00e8les d'IA g\u00e9n\u00e9rative ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q6\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Les bases de donn\u00e9es relationnelles\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q6\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Le machine learning supervis\u00e9\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q6\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Les r\u00e9seaux de neurones profonds (Deep Learning)\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q6\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) L'informatique quantique\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            <\/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    function goToCatalogue() { if (window.goToCatalogueFunc) window.goToCatalogueFunc(); }\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: 4 },\r\n            'innovation': { completed: 0, total: 2 },\r\n            'strategies': { completed: 0, total: 4 },\r\n            'decision': { completed: 0, total: 3 },\r\n            'examens': { completed: 0, total: 2 },\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                'qcm': 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            'besoins-solutions',\r\n            'formation-equipes',\r\n            'etapes-integration',\r\n            'analyse-tendances',\r\n            'aide-decision',\r\n            'limites-recommandations',\r\n            'reglementation',\r\n            'confidentialite',\r\n            'cas-pratiques',\r\n            'qcm'\r\n        ];\r\n\r\n        let currentLesson = 'apercu';\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'],\r\n                'innovation': ['metiers-secteurs', 'besoins-solutions'],\r\n                'strategies': ['formation-equipes', 'etapes-integration', 'analyse-tendances', 'aide-decision'],\r\n                'decision': ['limites-recommandations', 'reglementation', 'confidentialite'],\r\n                'examens': ['cas-pratiques', 'qcm']\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 = \"Revenir au catalogue\";\r\n                completeBtn.disabled = false;\r\n                completeBtn.style.background = \"linear-gradient(135deg, #0673B7, #0673B7)\";\r\n            } else if (progressState.lessons[currentLesson]) {\r\n                completeBtn.textContent = \"Le\u00e7on termin\u00e9e \u2713\";\r\n                completeBtn.disabled = true;\r\n                completeBtn.style.background = \"#10b981\";\r\n            } else {\r\n                completeBtn.textContent = \"Compl\u00e9ter l'\u00e9tape\";\r\n                completeBtn.disabled = false;\r\n                completeBtn.style.background = \"linear-gradient(135deg, #0673B7, #0673B7)\";\r\n            }\r\n        }\r\n\r\n        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') return;\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 === '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            }\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        window.goToCatalogueFunc = function() {\r\n            if (confirm(\"Voulez-vous vraiment quitter la formation et retourner au catalogue ?\")) {\r\n                \/\/ Redirection vers le catalogue\r\n                \/\/ window.location.href = \"\/catalogue\";\r\n                alert(\"Retour au catalogue des formations\");\r\n            }\r\n        };\r\n\r\n        \/\/ ========== FONCTIONS QCM ==========\r\n\r\n        function areAllQCMAnswered() {\r\n            const questions = ['q1', 'q2', 'q3', 'q4', 'q5', 'q6'];\r\n            return questions.every(q => {\r\n                return document.querySelector(`input[name=\"${q}\"]:checked`) !== null;\r\n            });\r\n        }\r\n\r\n        window.validateQCMFunc = function() {\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 = {\r\n                'q1': 'B',\r\n                'q2': 'C',\r\n                'q3': 'C',\r\n                'q4': 'D',\r\n                'q5': 'B',\r\n                'q6': 'C'\r\n            };\r\n            \r\n            let score = 0;\r\n            const totalQuestions = 6;\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-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                            Quiz sur l'Intelligence Artificielle G\u00e9n\u00e9rative\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 >= 70 ? '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['qcm']) {\r\n                progressState.lessons['qcm'] = true;\r\n                progressState.examens.completed = 2;\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) {\r\n                validateBtn.disabled = true;\r\n                validateBtn.textContent = \"Termin\u00e9 \u2713\";\r\n                validateBtn.style.background = \"#10b981\";\r\n            }\r\n            \r\n            showSuccessMessage(`Quiz termin\u00e9 ! Score : ${percentage}%`);\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 Introduction au Web 3.0 \u2013 L&rsquo;avenir d&rsquo;internet 0% compl\u00e9t\u00e9 Aper\u00e7u Partie 1 : Comprendre les bases de l&rsquo;IA \u25b6 0\/4 \u00e9tapes \u2713 Introduction \u00e0 l&rsquo;Intelligence Artificielle G\u00e9n\u00e9rative Qu&rsquo;est-ce que l&rsquo;IA ? (D\u00e9finition, historique, applications) [&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-4361","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction au Web 3.0 \u2013 L&#039;avenir d&#039;internet 0% compl\u00e9t\u00e9 Aper\u00e7u Partie 1 : Comprendre les bases de l&#039;IA \u25b6 0\/4 \u00e9tapes \u2713 Introduction \u00e0 l&#039;Intelligence Artificielle G\u00e9n\u00e9rative Qu&#039;est-ce que l&#039;IA ? (D\u00e9finition, historique, applications)\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/awi3.com\/en\/intro-web\/\" \/>\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=\"Intro Web - AWI 3.0\" \/>\n\t\t<meta property=\"og:description\" content=\"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction au Web 3.0 \u2013 L&#039;avenir d&#039;internet 0% compl\u00e9t\u00e9 Aper\u00e7u Partie 1 : Comprendre les bases de l&#039;IA \u25b6 0\/4 \u00e9tapes \u2713 Introduction \u00e0 l&#039;Intelligence Artificielle G\u00e9n\u00e9rative Qu&#039;est-ce que l&#039;IA ? (D\u00e9finition, historique, applications)\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/awi3.com\/en\/intro-web\/\" \/>\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-10T14:01:48+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-02T20:14:21+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=\"Intro Web - AWI 3.0\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction au Web 3.0 \u2013 L&#039;avenir d&#039;internet 0% compl\u00e9t\u00e9 Aper\u00e7u Partie 1 : Comprendre les bases de l&#039;IA \u25b6 0\/4 \u00e9tapes \u2713 Introduction \u00e0 l&#039;Intelligence Artificielle G\u00e9n\u00e9rative Qu&#039;est-ce que l&#039;IA ? (D\u00e9finition, historique, applications)\" \/>\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\\\/intro-web\\\/#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\\\/intro-web\\\/#listItem\",\"name\":\"Intro Web\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/intro-web\\\/#listItem\",\"position\":2,\"name\":\"Intro Web\",\"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\\\/intro-web\\\/#organizationLogo\",\"width\":1019,\"height\":389},\"image\":{\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/intro-web\\\/#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\\\/intro-web\\\/#webpage\",\"url\":\"https:\\\/\\\/awi3.com\\\/en\\\/intro-web\\\/\",\"name\":\"Intro Web - AWI 3.0\",\"description\":\"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\\u00e9l\\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction au Web 3.0 \\u2013 L'avenir d'internet 0% compl\\u00e9t\\u00e9 Aper\\u00e7u Partie 1 : Comprendre les bases de l'IA \\u25b6 0\\\/4 \\u00e9tapes \\u2713 Introduction \\u00e0 l'Intelligence Artificielle G\\u00e9n\\u00e9rative Qu'est-ce que l'IA ? (D\\u00e9finition, historique, applications)\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/intro-web\\\/#breadcrumblist\"},\"datePublished\":\"2025-12-10T14:01:48+00:00\",\"dateModified\":\"2026-07-02T20:14:21+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":"Intro Web - AWI 3.0","description":"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction au Web 3.0 \u2013 L'avenir d'internet 0% compl\u00e9t\u00e9 Aper\u00e7u Partie 1 : Comprendre les bases de l'IA \u25b6 0\/4 \u00e9tapes \u2713 Introduction \u00e0 l'Intelligence Artificielle G\u00e9n\u00e9rative Qu'est-ce que l'IA ? (D\u00e9finition, historique, applications)","canonical_url":"https:\/\/awi3.com\/en\/intro-web\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/awi3.com\/en\/intro-web\/#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\/intro-web\/#listItem","name":"Intro Web"}},{"@type":"ListItem","@id":"https:\/\/awi3.com\/en\/intro-web\/#listItem","position":2,"name":"Intro Web","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\/intro-web\/#organizationLogo","width":1019,"height":389},"image":{"@id":"https:\/\/awi3.com\/en\/intro-web\/#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\/intro-web\/#webpage","url":"https:\/\/awi3.com\/en\/intro-web\/","name":"Intro Web - AWI 3.0","description":"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction au Web 3.0 \u2013 L'avenir d'internet 0% compl\u00e9t\u00e9 Aper\u00e7u Partie 1 : Comprendre les bases de l'IA \u25b6 0\/4 \u00e9tapes \u2713 Introduction \u00e0 l'Intelligence Artificielle G\u00e9n\u00e9rative Qu'est-ce que l'IA ? (D\u00e9finition, historique, applications)","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/awi3.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/awi3.com\/en\/intro-web\/#breadcrumblist"},"datePublished":"2025-12-10T14:01:48+00:00","dateModified":"2026-07-02T20:14:21+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":"Intro Web - AWI 3.0","og:description":"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction au Web 3.0 \u2013 L'avenir d'internet 0% compl\u00e9t\u00e9 Aper\u00e7u Partie 1 : Comprendre les bases de l'IA \u25b6 0\/4 \u00e9tapes \u2713 Introduction \u00e0 l'Intelligence Artificielle G\u00e9n\u00e9rative Qu'est-ce que l'IA ? (D\u00e9finition, historique, applications)","og:url":"https:\/\/awi3.com\/en\/intro-web\/","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-10T14:01:48+00:00","article:modified_time":"2026-07-02T20:14:21+00:00","article:publisher":"https:\/\/www.facebook.com\/share\/1RSVNzHNz5\/?mibextid=wwXIfr","twitter:card":"summary_large_image","twitter:title":"Intro Web - AWI 3.0","twitter:description":"Accueil A propos Nos Programmes E-learning Ressources Addresse Abidjan Email africanwi3.0@gmail.com T\u00e9l\u00e9hone +2250707627304 Accueil A propos Nos Programmes E-learning Ressources Contactez-nous Introduction au Web 3.0 \u2013 L'avenir d'internet 0% compl\u00e9t\u00e9 Aper\u00e7u Partie 1 : Comprendre les bases de l'IA \u25b6 0\/4 \u00e9tapes \u2713 Introduction \u00e0 l'Intelligence Artificielle G\u00e9n\u00e9rative Qu'est-ce que l'IA ? (D\u00e9finition, historique, applications)","twitter:image":"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png"},"aioseo_meta_data":{"post_id":"4361","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-09 19:51:27","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\tIntro Web\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/awi3.com\/en\/"},{"label":"Intro Web","link":"https:\/\/awi3.com\/en\/intro-web\/"}],"_links":{"self":[{"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/pages\/4361","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=4361"}],"version-history":[{"count":43,"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/pages\/4361\/revisions"}],"predecessor-version":[{"id":6547,"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/pages\/4361\/revisions\/6547"}],"wp:attachment":[{"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/media?parent=4361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}