{"id":4336,"date":"2025-12-09T19:09:59","date_gmt":"2025-12-09T19:09:59","guid":{"rendered":"https:\/\/awi3.com\/?page_id=4336"},"modified":"2026-07-02T20:11:53","modified_gmt":"2026-07-02T20:11:53","slug":"ia-chat","status":"publish","type":"page","link":"https:\/\/awi3.com\/en\/ia-chat\/","title":{"rendered":"IA-Chat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4336\" class=\"elementor elementor-4336\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28f12e75 e-flex e-con-boxed e-con e-child\" data-id=\"28f12e75\" 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-6c910711 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"6c910711\" 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-20207cdd elementor-hidden-desktop elementor-widget-mobile__width-initial elementor-hidden-tablet elementor-widget elementor-widget-jkit_nav_menu\" data-id=\"20207cdd\" 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___6af658b1293ed\"  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-eaef97a e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"eaef97a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2494b4ca e-con-full e-flex e-con e-child\" data-id=\"2494b4ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7643aadb elementor-view-stacked elementor-shape-square elementor-widget elementor-widget-icon\" data-id=\"7643aadb\" 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-3b695904 elementor-widget elementor-widget-hfe-infocard\" data-id=\"3b695904\" 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-2ed23415 e-con-full e-transform e-flex e-con e-child\" data-id=\"2ed23415\" 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-7953973d elementor-view-stacked elementor-shape-square elementor-widget elementor-widget-icon\" data-id=\"7953973d\" 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-6286f6f0 elementor-widget elementor-widget-hfe-infocard\" data-id=\"6286f6f0\" 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-6b560905 e-con-full elementor-hidden-tablet e-flex e-con e-child\" data-id=\"6b560905\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6423a77b elementor-view-stacked elementor-shape-square elementor-widget elementor-widget-icon\" data-id=\"6423a77b\" 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-584e5820 elementor-widget elementor-widget-hfe-infocard\" data-id=\"584e5820\" 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-25f7206f elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"25f7206f\" 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-27097e3 e-transform elementor-widget elementor-widget-jkit_nav_menu\" data-id=\"27097e3\" 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_6af658b12accd\"  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-1f327f7e elementor-widget elementor-widget-button\" data-id=\"1f327f7e\" 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-24ab63f9 e-con-full e-flex e-con e-parent\" data-id=\"24ab63f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73c24f22 elementor-widget elementor-widget-spacer\" data-id=\"73c24f22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2897a0b9 elementor-widget elementor-widget-html\" data-id=\"2897a0b9\" 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: #CA141D;\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: #CA141D;\r\n    }\r\n\r\n    .formation-container .course-title {\r\n        font-size: 30px;\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, #CA141D, #e53e3e);\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: #fef2f2;\r\n        border-color: #CA141D;\r\n        box-shadow: 0 0 0 1px #CA141D;\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: #fef2f2;\r\n        border-color: #CA141D;\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: #fef2f2;\r\n        border-color: #CA141D;\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: #fef2f2;\r\n        color: #CA141D;\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: #CA141D;\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 AVEC COULEUR #CA141D ===== *\/\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    \/* Bouton \"Compl\u00e9ter l'\u00e9tape\" *\/\r\n    .formation-container .btn-complete {\r\n        background: #CA141D;\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, #b0121a, #CA141D);\r\n        transform: translateY(-1px);\r\n        box-shadow: 0 4px 12px rgba(202, 20, 29, 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    \/* Bouton \"Suivant\" *\/\r\n    .formation-container .btn-next {\r\n        background: linear-gradient(135deg, #CA141D, #e53e3e);\r\n        color: white;\r\n        flex: 1;\r\n        max-width: 300px;\r\n    }\r\n\r\n    .formation-container .btn-next:hover {\r\n        background: linear-gradient(135deg, #b0121a, #CA141D);\r\n        transform: translateY(-1px);\r\n        box-shadow: 0 4px 12px rgba(202, 20, 29, 0.2);\r\n    }\r\n\r\n    \/* Bouton \"Pr\u00e9c\u00e9dent\" *\/\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    \/* 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\">IA g\u00e9n\u00e9rative : utiliser ChatGPT & outils IA<\/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. INTRODUCTION (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                            Introduction\r\n                            <span class=\"arrow\">\u25b6<\/span>\r\n                        <\/div>\r\n                        <div class=\"section-status\">\r\n                            <span class=\"steps-badge\" id=\"steps-intro\">0\/2 \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'usage de l'IA 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\">Usage de l'IA au quotidien<\/div>\r\n                            <div class=\"lesson-duration\">01:22<\/div>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 3. IA COMME LEVIER D'INNOVATION -->\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 1 : D\u00e9couverte des outils d\u2019IA 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\/3 \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-pourquoi-ia\" class=\"lesson-item\" data-lesson=\"pourquoi-ia\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Pr\u00e9sentation de ChatGPT et des chatbots IA<\/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\">Exploration de la g\u00e9n\u00e9ration d\u2019images (DALL-E, Midjourney ..<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-metiers-secteurs\" class=\"lesson-item\" data-lesson=\"metiers-secteurs\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Autres IA utiles (audio, vid\u00e9o, codage, productivit\u00e9)<\/div>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 4. STRAT\u00c9GIES D'ADOPTION -->\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 2 : R\u00e9daction et cr\u00e9ation de contenu avec l\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\/3 \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-besoins-solutions\" class=\"lesson-item\" data-lesson=\"besoins-solutions\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Comment g\u00e9n\u00e9rer un texte efficace avec ChatGPT ?<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-formation-equipes\" class=\"lesson-item\" data-lesson=\"formation-equipes\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Optimiser la cr\u00e9ativit\u00e9 et la productivit\u00e9 avec l\u2019IA<\/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\">Utilisation de l\u2019IA pour la traduction et la correction<\/div>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 5. IA ET PRISE DE D\u00c9CISION -->\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 3 : IA et automatisation des t\u00e2ches pro\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-analyse-tendances\" class=\"lesson-item\" data-lesson=\"analyse-tendances\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Utilisation de l\u2019IA pour le marketing et la communication<\/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\u2019IA pour la gestion de projet et l'analyse de donn\u00e9es<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-limites-recommandations\" class=\"lesson-item\"\r\n                            data-lesson=\"limites-recommandations\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Automatiser des t\u00e2ches r\u00e9p\u00e9titives avec des outils IA<\/div>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 6. D\u00c9FIS \u00c9THIQUES -->\r\n                <div class=\"accordion-section\">\r\n                    <input type=\"checkbox\" id=\"section-ethique\" class=\"section-toggle\">\r\n                    <label for=\"section-ethique\" class=\"accordion-header\" data-section=\"ethique\">\r\n                        <div class=\"section-name\">\r\n                            Partie 4 : Bonnes pratiques et limites de l\u2019IA\r\n                            <span class=\"arrow\">\u25b6<\/span>\r\n                        <\/div>\r\n                        <div class=\"section-status\">\r\n                            <span class=\"steps-badge\" id=\"steps-ethique\">0\/3 \u00e9tapes<\/span>\r\n                            <span class=\"check-icon\" id=\"check-ethique\">\u2713<\/span>\r\n                        <\/div>\r\n                    <\/label>\r\n                    <div class=\"accordion-content\">\r\n                        <label for=\"radio-reglementation\" class=\"lesson-item\" data-lesson=\"reglementation\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">G\u00e9rer la v\u00e9rification des informations g\u00e9n\u00e9r\u00e9es par l\u2019IA<\/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\">Optimiser les interactions avec l\u2019IA : prompts et strat\u00e9gies<\/div>\r\n                        <\/label>\r\n                        <label for=\"radio-avenir-ia\" class=\"lesson-item\" data-lesson=\"avenir-ia\">\r\n                            <span class=\"bullet\"><\/span>\r\n                            <div class=\"lesson-title\">Les erreurs \u00e0 \u00e9viter pour ne pas d\u00e9pendre totalement de l\u2019IA<\/div>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 7. EXAMENS DE VALIDATION -->\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                            Examens de 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\">CAS PRATIQUES<\/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\">QCM : Comment utiliser l\u2019IA g\u00e9n\u00e9rative au quotidien ?<\/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;\">16 \u00e9tapes<\/p>\r\n                    \r\n                    <div style=\"width: 100%; text-align: center; margin-bottom: 50px;\">\r\n    <img decoding=\"async\" \r\n        src=\"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/OK.webp\"\r\n        alt=\"image\"\r\n        style=\"max-width: 500px; width: 100%; height: auto; display: block; margin: 0 auto;\"\r\n    >\r\n<\/div>\r\n\r\n                    <h1 class=\"content-title\">\u00c0 propos<\/h1>\r\n                    <div class=\"content-description\">\r\n                        <p>\r\n                            Dans un monde o\u00f9 l'IA transforme rapidement la mani\u00e8re dont nous travaillons et cr\u00e9ons,\r\n                            cette formation vous permet de d\u00e9couvrir et d'apprendre \u00e0 utiliser les outils d\u2019IA\r\n                            g\u00e9n\u00e9rative pour optimiser votre quotidien, aussi bien dans votre vie professionnelle que\r\n                            personnelle. <br> Vous apprendrez \u00e0 exploiter les capacit\u00e9s de l\u2019IA pour la r\u00e9daction de\r\n                            contenu, la cr\u00e9ation visuelle, l\u2019automatisation de t\u00e2ches r\u00e9p\u00e9titives, ainsi que pour\r\n                            l\u2019analyse de donn\u00e9es. Vous serez guid\u00e9 \u00e0 travers des cas pratiques et des exemples concrets\r\n                            qui vous permettront de ma\u00eetriser les diff\u00e9rents outils d\u2019IA, de fa\u00e7on simple et accessible.\r\n                        <\/p>\r\n                        <p style=\"font-size: 40px; font-weight: bold;\">PUBLIC CIBLE<\/p>\r\n                        <p>\r\n                            Cette formation est destin\u00e9e aux professionnels, entrepreneurs, cr\u00e9ateurs de contenu,\r\n                            marketeurs, chefs de projet, ou toute personne int\u00e9ress\u00e9e par l'utilisation des technologies\r\n                            de l'IA g\u00e9n\u00e9rative dans un cadre pratique. Aucun pr\u00e9requis technique n'est n\u00e9cessaire, la\r\n                            formation est adapt\u00e9e aux d\u00e9butants comme aux utilisateurs plus avanc\u00e9s.\r\n                        <\/p>\r\n\r\n                        <p style=\"font-size: 40px; font-weight: bold;\">OBJECTIFS PEDAGOGIQUES<\/p>\r\n                        <p>\u00c0 l'issue de cette formation, vous serez capable de :<\/p>\r\n                        <ul style=\"margin-bottom: 50px;\">\r\n                            <li>D\u00e9couvrir et explorer les outils d\u2019IA g\u00e9n\u00e9rative,<\/li>\r\n                            <li>Comprendre les principes de base de l\u2019IA g\u00e9n\u00e9rative et utiliser des outils comme\r\n                                ChatGPT, DALL-E, MidJourney et autres pour vos besoins quotidiens.<\/li>\r\n                            <li>Cr\u00e9er des contenus efficacement avec l\u2019IA,<\/li>\r\n                            <li>Apprendre \u00e0 g\u00e9n\u00e9rer des textes percutants, optimiser votre cr\u00e9ativit\u00e9 et am\u00e9liorer votre\r\n                                productivit\u00e9 avec ChatGPT. Vous serez \u00e9galement capable d\u2019utiliser l\u2019IA pour traduire et\r\n                                corriger des textes.<\/li>\r\n                            <li>Automatiser des t\u00e2ches professionnelles,<\/li>\r\n                            <li> Exploiter l\u2019IA pour automatiser des t\u00e2ches r\u00e9p\u00e9titives et am\u00e9liorer l'efficacit\u00e9 au\r\n                                travail, comme la gestion de projet, le marketing ou la communication, gr\u00e2ce \u00e0 des\r\n                                outils comme Zapier.<\/li>\r\n                            <li>G\u00e9rer les bonnes pratiques et les limites de l\u2019IA,<\/li>\r\n                            <li>Apprendre \u00e0 v\u00e9rifier les informations g\u00e9n\u00e9r\u00e9es par l'IA, optimiser vos interactions avec\r\n                                elle, et comprendre les erreurs \u00e0 \u00e9viter pour ne.<\/li>\r\n                        <\/ul>\r\n                        <h2>Instructeur(s)<\/h2>\r\n                        <p style=\"display: flex; gap: 20px; font-size:20px\">\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;\">  \r\n                                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 -->\r\n                <div class=\"lesson-content\" id=\"content-intro-ia\">\r\n                    <h1 class=\"content-title\">Introduction \u00e0 l'usage de l'IA G\u00e9n\u00e9rative<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <p>L\u2019intelligence artificielle g\u00e9n\u00e9rative transforme profond\u00e9ment notre mani\u00e8re de travailler,\r\n                            de cr\u00e9er et de r\u00e9soudre des probl\u00e8mes. Que ce soit pour r\u00e9diger des textes, g\u00e9n\u00e9rer des\r\n                            images, automatiser des t\u00e2ches ou optimiser la prise de d\u00e9cision, ces outils offrent des\r\n                            opportunit\u00e9s in\u00e9dites accessibles \u00e0 tous.<\/p>\r\n\r\n                        <p>Ce programme de formation vous guidera pas \u00e0 pas dans l\u2019adoption de l\u2019IA g\u00e9n\u00e9rative dans\r\n                            votre quotidien professionnel et personnel. Vous d\u00e9couvrirez comment exploiter ces\r\n                            technologies pour gagner en productivit\u00e9, am\u00e9liorer votre cr\u00e9ativit\u00e9 et faciliter vos prises\r\n                            de d\u00e9cision, le tout en conservant une approche \u00e9thique et responsable.<\/p>\r\n\r\n                        <p>\u00c0 travers des cas concrets et des exercices pratiques, vous apprendrez \u00e0 int\u00e9grer ces outils\r\n                            dans vos processus habituels et \u00e0 en tirer le meilleur parti. Que vous soyez entrepreneur,\r\n                            salari\u00e9, \u00e9tudiant ou passionn\u00e9 par l\u2019innovation, cette formation vous donnera les cl\u00e9s pour\r\n                            faire de l\u2019IA g\u00e9n\u00e9rative un v\u00e9ritable atout au quotidien.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU 3 -->\r\n                <div class=\"lesson-content\" id=\"content-propos-intro\">\r\n                    <h1 class=\"content-title\">Usage de l'IA au quotidien<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <p>Cette le\u00e7on vid\u00e9o de 2 minutes 53 secondes vous pr\u00e9sente les bases de l'intelligence\r\n                            artificielle g\u00e9n\u00e9rative.<\/p>\r\n\r\n                        <video controls width=\"100%\">\r\n                            <source\r\n                                src=\"https:\/\/video.wixstatic.com\/video\/12363b_afcae57124824bb8ada5a21bd04eb415\/1080p\/mp4\/file.mp4\">\r\n\r\n                        <\/video>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU 4: POURQUOI INT\u00c9GRER L'IA -->\r\n                <div class=\"lesson-content\" id=\"content-pourquoi-ia\">\r\n                    <h1 class=\"content-title\">Pr\u00e9sentation de ChatGPT et des chatbots IA<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <video controls width=\"100%\">\r\n                            <source\r\n                                src=\"https:\/\/video.wixstatic.com\/video\/12363b_02b68542cfbf46be949301b272f9627a\/1080p\/mp4\/file.mp4\">\r\n\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: \u00c9TUDES DE CAS -->\r\n                <div class=\"lesson-content\" id=\"content-etudes-cas\">\r\n                    <h1 class=\"content-title\">Exploration de la g\u00e9n\u00e9ration d\u2019images (DALL-E, Midjourney ..<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <video controls width=\"100%\">\r\n                            <source\r\n                                src=\"https:\/\/video.wixstatic.com\/video\/12363b_59796b58963242fa88252522d9c5d067\/1080p\/mp4\/file.mp4\">\r\n\r\n                        <\/video>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU 6: M\u00c9TIERS ET SECTEURS -->\r\n                <div class=\"lesson-content\" id=\"content-metiers-secteurs\">\r\n                    <h1 class=\"content-title\">Autres IA utiles (audio, vid\u00e9o, codage, productivit\u00e9)<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <video controls width=\"100%\">\r\n                            <source\r\n                                src=\"https:\/\/video.wixstatic.com\/video\/12363b_1972fdf2846541008331ef0014071dbd\/1080p\/mp4\/file.mp4\">\r\n\r\n                        <\/video>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU 7: BESOINS ET SOLUTIONS -->\r\n                <div class=\"lesson-content\" id=\"content-besoins-solutions\">\r\n                    <h1 class=\"content-title\">Comment g\u00e9n\u00e9rer un texte efficace avec ChatGPT ?<\/h1>\r\n\r\n                    <video controls width=\"100%\">\r\n                        <source\r\n                            src=\"https:\/\/video.wixstatic.com\/video\/12363b_4ba1a5ec18424e81a4ec43ed8bfd7acb\/1080p\/mp4\/file.mp4\">\r\n\r\n                    <\/video>\r\n\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: FORMATION \u00c9QUIPES -->\r\n                <div class=\"lesson-content\" id=\"content-formation-equipes\">\r\n                    <h1 class=\"content-title\">Optimiser la cr\u00e9ativit\u00e9 et la productivit\u00e9 avec l\u2019IA<\/h1>\r\n\r\n                    <video controls width=\"100%\">\r\n                        <source\r\n                            src=\"https:\/\/video.wixstatic.com\/video\/12363b_7ddc1ae4944148c98587a7aa6973ba04\/1080p\/mp4\/file.mp4\">\r\n\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: \u00c9TAPES INT\u00c9GRATION -->\r\n                <div class=\"lesson-content\" id=\"content-etapes-integration\">\r\n                    <h1 class=\"content-title\">Utilisation de l\u2019IA pour la traduction et la correction<\/h1>\r\n\r\n                    <video controls width=\"100%\">\r\n                        <source\r\n                            src=\"https:\/\/video.wixstatic.com\/video\/12363b_cfe0597cb11b4f04bbe7ab2951e08dba\/1080p\/mp4\/file.mp4\">\r\n\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: ANALYSE TENDANCES -->\r\n                <div class=\"lesson-content\" id=\"content-analyse-tendances\">\r\n                    <h1 class=\"content-title\">Utilisation de l\u2019IA pour le marketing et la communication<\/h1>\r\n                    <video controls width=\"100%\">\r\n                        <source\r\n                            src=\"https:\/\/video.wixstatic.com\/video\/12363b_af8a0b412cb149a3b93f2cdc58f150e5\/1080p\/mp4\/file.mp4\">\r\n\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: AIDE D\u00c9CISION -->\r\n                <div class=\"lesson-content\" id=\"content-aide-decision\">\r\n                    <h1 class=\"content-title\">L\u2019IA pour la gestion de projet et l'analyse de donn\u00e9es<\/h1>\r\n                    <video controls width=\"100%\">\r\n                        <source\r\n                            src=\"https:\/\/video.wixstatic.com\/video\/12363b_392ca93878834acebe26b4b861724750\/1080p\/mp4\/file.mp4\">\r\n\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: LIMITES RECOMMANDATIONS -->\r\n                <div class=\"lesson-content\" id=\"content-limites-recommandations\">\r\n                    <h1 class=\"content-title\">Automatiser des t\u00e2ches r\u00e9p\u00e9titives avec des outils IA<\/h1>\r\n                    <video controls width=\"100%\">\r\n                        <source\r\n                            src=\"https:\/\/video.wixstatic.com\/video\/12363b_6e8c49ea26c84d04a72128e0237ddb2d\/1080p\/mp4\/file.mp4\">\r\n\r\n                    <\/video>\r\n\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: R\u00c9GLEMENTATION -->\r\n                <div class=\"lesson-content\" id=\"content-reglementation\">\r\n                    <h1 class=\"content-title\">G\u00e9rer la v\u00e9rification des informations g\u00e9n\u00e9r\u00e9es par l\u2019IA<\/h1>\r\n\r\n                    <video controls width=\"100%\">\r\n                        <source\r\n                            src=\"https:\/\/video.wixstatic.com\/video\/12363b_d67145f4cab547a68e637dc227c7106f\/1080p\/mp4\/file.mp4\">\r\n\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: CONFIDENTIALIT\u00c9 -->\r\n                <div class=\"lesson-content\" id=\"content-confidentialite\">\r\n                    <h1 class=\"content-title\">Optimiser les interactions avec l\u2019IA : prompts et strat\u00e9gies<\/h1>\r\n\r\n                    <video controls width=\"100%\">\r\n                        <source\r\n                            src=\"https:\/\/video.wixstatic.com\/video\/12363b_a0d3fbbdf24d430d9486bda59a465035\/1080p\/mp4\/file.mp4\">\r\n\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: AVENIR IA -->\r\n                <div class=\"lesson-content\" id=\"content-avenir-ia\">\r\n                    <h1 class=\"content-title\">Les erreurs \u00e0 \u00e9viter pour ne pas d\u00e9pendre totalement de l\u2019IA<\/h1>\r\n\r\n                    <video controls width=\"100%\">\r\n                        <source\r\n                            src=\"https:\/\/video.wixstatic.com\/video\/12363b_b5ce1fe2dfdc45c7be99e7ea060ff455\/1080p\/mp4\/file.mp4\">\r\n\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 16: CAS PRATIQUES -->\r\n                <div class=\"lesson-content\" id=\"content-cas-pratiques\">\r\n                    <h1 class=\"content-title\">CAS PRATIQUES<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <h3>Cas Pratique 1 : Utilisation de ChatGPT pour la r\u00e9daction d'un article de blog<\/h3>\r\n                        <p style=\"font-size: 25px;\"><strong>Objectif : <\/strong>Apprendre \u00e0 g\u00e9n\u00e9rer un article de blog \u00e0\r\n                            l'aide de ChatGPT.<\/p>\r\n\r\n                        <strong style=\"font-size: 25px;\">\u00c9tapes :<\/strong>\r\n\r\n                        <ol>\r\n                            <li><strong> Choisir un sujet :<\/strong> L'apprenant choisit un sujet pour un article de\r\n                                blog. Par exemple : \"Les tendances du marketing digital en 2025\".<\/li>\r\n                            <li><strong> Cr\u00e9er une requ\u00eate pr\u00e9cise (prompt) :<\/strong> Exemple de prompt : \"R\u00e9dige un\r\n                                article de blog sur les tendances du marketing digital pour 2025, en mettant l'accent\r\n                                sur l\u2019IA g\u00e9n\u00e9rative, la personnalisation des contenus et l\u2019automatisation des campagnes\r\n                                publicitaires.\"<\/li>\r\n\r\n                            <li><strong> G\u00e9n\u00e9rer le texte : <\/strong>Utiliser ChatGPT pour g\u00e9n\u00e9rer le premier jet de\r\n                                l'article.<\/li>\r\n                            <li><strong> Relecture et personnalisation :<\/strong>Relire le contenu g\u00e9n\u00e9r\u00e9 par l\u2019IA et\r\n                                apporter des modifications pour l\u2019adapter \u00e0 son style et ses besoins. Ajouter des\r\n                                exemples concrets et des donn\u00e9es actualis\u00e9es pour am\u00e9liorer la pertinence du contenu.\r\n                            <\/li>\r\n\r\n                            <li><strong> Finalisation :<\/strong>Ajouter un titre accrocheur et une conclusion\r\n                                percutante. <ul>\r\n                                    <li>Exemple de titre : \"Marketing digital en 2025 : Comment l'IA transformera vos\r\n                                        campagnes\".<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                        <\/ol>\r\n                        <p><strong>R\u00e9sultat attendu :<\/strong> Un article structur\u00e9 et pr\u00eat \u00e0 \u00eatre publi\u00e9 sur un blog ou\r\n                            un site web.<\/p>\r\n\r\n                        <h3>Cas Pratique 2 : Cr\u00e9ation d'images pour une campagne marketing avec DALL-E ou MidJourney\r\n                        <\/h3>\r\n                        <p style=\"font-size: 25px;\"><strong>Objectif : <\/strong>Utiliser un g\u00e9n\u00e9rateur d'images IA pour\r\n                            cr\u00e9er des visuels adapt\u00e9s \u00e0 une campagne publicitaire.<\/p>\r\n\r\n                        <strong style=\"font-size: 25px;\">\u00c9tapes :<\/strong>\r\n\r\n                        <ol>\r\n                            <li><strong> D\u00e9finir le concept de l\u2019image : <\/strong> L\u2019apprenant d\u00e9finit le message ou\r\n                                l\u2019id\u00e9e \u00e0 v\u00e9hiculer \u00e0 travers une image pour une campagne. Par exemple : une campagne\r\n                                publicitaire pour une nouvelle application de gestion de projet.<\/li>\r\n                            <li><strong> Formuler un prompt d\u00e9taill\u00e9 pour l\u2019IA :<\/strong> Exemple de prompt : \"Cr\u00e9e une\r\n                                image d'un smartphone affichant une application de gestion de projet moderne, avec des\r\n                                \u00e9l\u00e9ments de design minimaliste et une interface simple, sur un fond de bureau \u00e9pur\u00e9.\"\r\n                            <\/li>\r\n\r\n                            <li><strong> G\u00e9n\u00e9rer l\u2019image : <\/strong>Utiliser DALL-E ou MidJourney pour g\u00e9n\u00e9rer l\u2019image.\r\n                            <\/li>\r\n                            <li><strong> Modifier et affiner :<\/strong> Si n\u00e9cessaire, ajuster le prompt ou utiliser un\r\n                                outil de retouche pour am\u00e9liorer l\u2019image g\u00e9n\u00e9r\u00e9e (ajouter des d\u00e9tails sp\u00e9cifiques,\r\n                                ajuster les couleurs, etc.).<\/li>\r\n\r\n                            <li><strong> T\u00e9l\u00e9charger et int\u00e9grer dans la campagne :<\/strong> T\u00e9l\u00e9charger l\u2019image et\r\n                                l\u2019int\u00e9grer dans une maquette de la campagne marketing.<\/li>\r\n                        <\/ol>\r\n                        <p><strong>R\u00e9sultat attendu :<\/strong> Une image professionnelle et attrayante pr\u00eate \u00e0 \u00eatre\r\n                            utilis\u00e9e pour une campagne sur les r\u00e9seaux sociaux ou dans des publicit\u00e9s en ligne.<\/p>\r\n\r\n                        <h3>Cas Pratique 3 : Automatisation d\u2019une t\u00e2che avec Zapier<\/h3>\r\n                        <p style=\"font-size: 25px;\"><strong>Objectif : <\/strong> Apprendre \u00e0 automatiser une t\u00e2che\r\n                            r\u00e9p\u00e9titive en utilisant l'IA et des outils comme Zapier. <\/p>\r\n\r\n                        <strong style=\"font-size: 25px;\">\u00c9tapes :<\/strong>\r\n\r\n                        <ol>\r\n                            <li><strong> Choisir une t\u00e2che r\u00e9p\u00e9titive : <\/strong> L\u2019apprenant choisit une t\u00e2che qu\u2019il\r\n                                effectue r\u00e9guli\u00e8rement, par exemple, l\u2019envoi d\u2019un email de confirmation apr\u00e8s chaque\r\n                                inscription \u00e0 une newsletter.<\/li>\r\n                            <li><strong> Cr\u00e9er un compte sur Zapier :<\/strong> L'apprenant se rend sur Zapier et cr\u00e9e un\r\n                                compte (si ce n\u2019est pas d\u00e9j\u00e0 fait).<\/li>\r\n\r\n                            <li>\r\n                                <strong> Configurer un \"Zap\" pour automatiser l'envoi d\u2019emails : <\/strong> Utiliser\r\n                                DALL-E ou MidJourney pour g\u00e9n\u00e9rer l\u2019image.\r\n                                <ul>\r\n                                    <li>S\u00e9lectionner l'application d\u2019inscription \u00e0 la newsletter (par exemple,\r\n                                        Mailchimp) comme d\u00e9clencheur (trigger).<\/li>\r\n                                    <li>Choisir l'action : \"Envoyer un email de confirmation personnalis\u00e9\".<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                            <li><strong> Configurer les param\u00e8tres : <\/strong> Personnaliser le message de l\u2019email,\r\n                                ajouter des variables dynamiques (nom de l\u2019abonn\u00e9, date d\u2019inscription, etc.). <\/li>\r\n\r\n                            <li><strong> Test et validation :<\/strong> Tester l\u2019automatisation en s\u2019inscrivant \u00e0 la\r\n                                newsletter et en v\u00e9rifiant que l\u2019email est envoy\u00e9 correctement. <\/li>\r\n                        <\/ol>\r\n                        <p><strong>R\u00e9sultat attendu :<\/strong> L\u2019automatisation d\u2019une t\u00e2che r\u00e9p\u00e9titive, permettant de\r\n                            gagner du temps et d\u2019\u00e9viter des erreurs humaines.<\/p>\r\n\r\n                        <h3>Cas Pratique 4 : Utilisation de l\u2019IA pour analyser des donn\u00e9es marketing<\/h3>\r\n                        <p style=\"font-size: 25px;\"><strong>Objectif : <\/strong> Utiliser l\u2019IA pour analyser des donn\u00e9es\r\n                            et obtenir des insights pour am\u00e9liorer une campagne marketing. <\/p>\r\n\r\n                        <strong style=\"font-size: 25px;\">\u00c9tapes :<\/strong>\r\n\r\n                        <ol>\r\n                            <li><strong> Importer les donn\u00e9es : <\/strong> L\u2019apprenant importe les donn\u00e9es d\u2019une campagne\r\n                                publicitaire (par exemple, nombre de clics, conversions, co\u00fbt par clic) dans un outil\r\n                                comme Google Analytics ou une plateforme d\u2019analyse de donn\u00e9es IA. <\/li>\r\n\r\n                            <li><strong> Appliquer l\u2019IA pour l\u2019analyse des donn\u00e9es :<\/strong> Utiliser un outil comme\r\n                                Google Data Studio ou une plateforme IA sp\u00e9cialis\u00e9e pour analyser les performances de la\r\n                                campagne. <\/li>\r\n\r\n                            <li>\r\n                                <strong> G\u00e9n\u00e9rer un rapport d\u2019analyse : <\/strong> Demander \u00e0 l'IA de g\u00e9n\u00e9rer des\r\n                                insights bas\u00e9s sur les donn\u00e9es collect\u00e9es, par exemple : \"Quelles sont les tendances\r\n                                observ\u00e9es dans le co\u00fbt par conversion dans cette campagne ?\"\r\n\r\n                            <\/li>\r\n\r\n                            <li><strong> Interpr\u00e9ter les r\u00e9sultats : <\/strong> L\u2019apprenant interpr\u00e8te les r\u00e9sultats de\r\n                                l\u2019analyse pour comprendre ce qui a bien ou mal fonctionn\u00e9 dans la campagne. Par exemple,\r\n                                il pourrait d\u00e9couvrir que certains segments de public ont g\u00e9n\u00e9r\u00e9 plus de conversions \u00e0\r\n                                un co\u00fbt plus faible. <\/li>\r\n\r\n                            <li><strong> Ajuster la campagne :<\/strong> Sur la base des r\u00e9sultats, l\u2019apprenant d\u00e9cide de\r\n                                r\u00e9ajuster sa strat\u00e9gie marketing, comme augmenter le budget pour certains segments ou\r\n                                tester de nouvelles cr\u00e9atives.<\/li>\r\n                        <\/ol>\r\n                        <p><strong>R\u00e9sultat attendu :<\/strong> Une analyse approfondie des performances de la campagne\r\n                            et des ajustements strat\u00e9giques bas\u00e9s sur les donn\u00e9es g\u00e9n\u00e9r\u00e9es par l'IA. <\/p>\r\n\r\n                        <h3>Cas Pratique 5 : Utilisation de l'IA pour la traduction et la correction de texte<\/h3>\r\n                        <p style=\"font-size: 25px;\"><strong>Objectif : <\/strong> Utiliser l'IA pour traduire et corriger\r\n                            un texte en plusieurs langues. <\/p>\r\n\r\n                        <strong style=\"font-size: 25px;\">\u00c9tapes :<\/strong>\r\n\r\n                        <ol>\r\n                            <li><strong> Choisir un texte \u00e0 traduire : <\/strong> L\u2019apprenant s\u00e9lectionne un article ou\r\n                                un email qu\u2019il souhaite traduire dans une autre langue (par exemple, de l'anglais vers\r\n                                le fran\u00e7ais).<\/li>\r\n                            <li><strong> Traduire le texte avec DeepL ou Google Translate :<\/strong> L\u2019apprenant utilise\r\n                                un outil de traduction IA pour traduire le texte.<\/li>\r\n\r\n                            <li><strong>Corriger le texte avec Grammarly ou Antidote :<\/strong> Apr\u00e8s la traduction,\r\n                                l\u2019apprenant utilise un outil de correction comme Grammarly pour s'assurer que le texte\r\n                                traduit est grammaticalement correct et fluide. <\/li>\r\n\r\n\r\n                            <li><strong> Relecture finale : <\/strong> L\u2019apprenant relit le texte final pour s'assurer\r\n                                qu'il reste fid\u00e8le au message original et qu\u2019il est culturellement adapt\u00e9 \u00e0 la langue\r\n                                cible. <\/li>\r\n\r\n                        <\/ol>\r\n                        <p><strong>R\u00e9sultat attendu :<\/strong> Un texte bien traduit et corrig\u00e9, pr\u00eat \u00e0 \u00eatre envoy\u00e9 \u00e0\r\n                            des clients ou partenaires dans une autre langue. <\/p>\r\n\r\n                        <h2>Conclusion<\/h2>\r\n                        <p>Ces cas pratiques permettront aux apprenants de se familiariser avec l'utilisation d\u2019outils\r\n                            d\u2019IA g\u00e9n\u00e9rative dans des contextes professionnels r\u00e9els. <br> Ils apprendront \u00e0 g\u00e9n\u00e9rer des\r\n                            contenus, automatiser des t\u00e2ches, analyser des donn\u00e9es et utiliser l\u2019IA de mani\u00e8re\r\n                            responsable et productive dans leur quotidien.<\/p>\r\n\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"goToNext()\">Suivant \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CONTENU 17: QCM -->\r\n                <div class=\"lesson-content\" id=\"content-qcm\">\r\n                    <h1 class=\"content-title\">QCM : Comment utiliser l'IA g\u00e9n\u00e9rative au quotidien ?<\/h1>\r\n\r\n                    <div class=\"content-description\">\r\n                        <div id=\"qcm-score-container\"><\/div>\r\n\r\n                        <div\r\n                            style=\"font-family: Arial, sans-serif; line-height: 1.6; color: #222; padding: 20px; max-width: 900px;\">\r\n                            <h2>Partie 1 : D\u00e9couverte des outils d'IA g\u00e9n\u00e9rative<\/h2>\r\n\r\n                            <!-- QUESTION 1 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Quel est le principal objectif de\r\n                                    ChatGPT ?<\/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) Cr\u00e9er des images g\u00e9n\u00e9ratives\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) Fournir des r\u00e9ponses textuelles bas\u00e9es sur une conversation\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) G\u00e9n\u00e9rer des vid\u00e9os et des animations\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) Analyser des donn\u00e9es complexes\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 outil d'IA est principalement\r\n                                    utilis\u00e9 pour g\u00e9n\u00e9rer des images \u00e0 partir de descriptions textuelles ?<\/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) ChatGPT\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) DALL-E\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) GitHub Copilot\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) Google AI\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;\">Parmi les outils suivants, lequel est\r\n                                    utile pour coder avec l'IA ?<\/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) Midjourney\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) ChatGPT\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) OpenAI Codex\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) Google Translate\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 4 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Quel est un domaine d'application\r\n                                    typique pour une IA g\u00e9n\u00e9rative en mati\u00e8re de productivit\u00e9 ?<\/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) Cr\u00e9ation musicale uniquement\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) Automatisation de la gestion des ressources humaines\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) Cr\u00e9ation de documents, e-mails, et rapports automatis\u00e9s\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) Recherche scientifique en astrophysique\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <h2>Partie 2 : R\u00e9daction et cr\u00e9ation de contenu avec l'IA<\/h2>\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 l'avantage de l'utilisation\r\n                                    de ChatGPT pour g\u00e9n\u00e9rer un texte ?<\/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) Il g\u00e9n\u00e8re des textes uniquement \u00e0 partir de mots-cl\u00e9s\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) Il permet de r\u00e9diger des textes coh\u00e9rents en fonction du contexte\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) Il \u00e9crit des articles avec une qualit\u00e9 inf\u00e9rieure \u00e0 celle d'un humain\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) Il est limit\u00e9 \u00e0 des genres litt\u00e9raires sp\u00e9cifiques\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 6 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Comment l'IA peut-elle optimiser la\r\n                                    cr\u00e9ativit\u00e9 et la productivit\u00e9 ?<\/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) En g\u00e9n\u00e9rant des id\u00e9es automatiquement sans intervention humaine\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) En supprimant la n\u00e9cessit\u00e9 de r\u00e9visions et d'\u00e9dition\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) En fournissant des suggestions et des options pour am\u00e9liorer la r\u00e9daction\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) En rempla\u00e7ant enti\u00e8rement le travail des cr\u00e9ateurs\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 7 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Quel outil d'IA est le plus adapt\u00e9\r\n                                    pour traduire un texte en diff\u00e9rentes langues ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q7\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Midjourney\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q7\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) ChatGPT\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q7\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Google Translate\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q7\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) DALL-E\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <h2>Partie 3 : IA et automatisation des t\u00e2ches professionnelles<\/h2>\r\n\r\n                            <!-- QUESTION 8 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">L'IA peut-elle \u00eatre utilis\u00e9e pour\r\n                                    am\u00e9liorer le marketing et la communication ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q8\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Oui, par la cr\u00e9ation automatique de contenu pour les r\u00e9seaux sociaux\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q8\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Non, elle est principalement utilis\u00e9e pour les calculs statistiques\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q8\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Oui, mais uniquement pour la cr\u00e9ation de visuels\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q8\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Non, l'IA n'est pas adapt\u00e9e \u00e0 ce domaine\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 9 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Quel est l'int\u00e9r\u00eat de l'IA dans la\r\n                                    gestion de projet ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q9\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Pr\u00e9voir le succ\u00e8s des projets en fonction du temps \u00e9coul\u00e9\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q9\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Automatiser la cr\u00e9ation de rapports sans n\u00e9cessiter d'analyses\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q9\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Organiser les t\u00e2ches et estimer les ressources n\u00e9cessaires avec des donn\u00e9es\r\n                                    historiques\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q9\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Prendre toutes les d\u00e9cisions \u00e0 la place des gestionnaires\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 10 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Quels types de t\u00e2ches professionnelles\r\n                                    peuvent \u00eatre automatis\u00e9es avec des outils IA ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q10\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) La planification strat\u00e9gique uniquement\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q10\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Les t\u00e2ches r\u00e9p\u00e9titives et administratives\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q10\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) La prise de d\u00e9cision cr\u00e9ative\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q10\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Les interactions humaines dans les r\u00e9unions\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <h2>Partie 4 : Bonnes pratiques et limites de l'IA au quotidien<\/h2>\r\n\r\n                            <!-- QUESTION 11 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Pourquoi est-il important de v\u00e9rifier\r\n                                    les informations g\u00e9n\u00e9r\u00e9es par l'IA ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q11\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Parce que l'IA peut fournir des r\u00e9ponses erron\u00e9es ou biais\u00e9es\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q11\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Parce que l'IA ne g\u00e9n\u00e8re que des r\u00e9sultats exacts\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q11\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Parce que les informations g\u00e9n\u00e9r\u00e9es par l'IA ne peuvent jamais \u00eatre utilis\u00e9es\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q11\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Parce que l'IA ne comprend pas les contextes culturels\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 12 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Comment optimiser les interactions\r\n                                    avec l'IA ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q12\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) En fournissant des instructions vagues\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q12\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) En utilisant des prompts pr\u00e9cis et d\u00e9taill\u00e9s\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q12\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) En laissant l'IA prendre toutes les d\u00e9cisions\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q12\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) En \u00e9vitant d'utiliser l'IA dans des situations complexes\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                            <!-- QUESTION 13 -->\r\n                            <div style=\"margin-bottom: 30px;\">\r\n                                <h3 style=\"font-size: 20px; margin-bottom: 10px;\">Quel est un des pi\u00e8ges \u00e0 \u00e9viter\r\n                                    lorsque l'on utilise l'IA ?<\/h3>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q13\" value=\"A\" style=\"margin-right: 8px;\">\r\n                                    A) Se fier uniquement aux r\u00e9ponses g\u00e9n\u00e9r\u00e9es sans validation humaine\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q13\" value=\"B\" style=\"margin-right: 8px;\">\r\n                                    B) Demander \u00e0 l'IA de r\u00e9diger toutes les communications\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q13\" value=\"C\" style=\"margin-right: 8px;\">\r\n                                    C) Laisser l'IA g\u00e9n\u00e9rer des textes sans aucune supervision\r\n                                <\/label>\r\n\r\n                                <label style=\"display: block; margin: 6px 0;\">\r\n                                    <input type=\"radio\" name=\"q13\" value=\"D\" style=\"margin-right: 8px;\">\r\n                                    D) Remplacer totalement les processus humains par de l'IA\r\n                                <\/label>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"nav-buttons\">\r\n                        <button class=\"nav-btn btn-complete\" onclick=\"completeLesson()\">Compl\u00e9ter l'\u00e9tape<\/button>\r\n                        <button class=\"nav-btn btn-prev\" onclick=\"goToPrevious()\">Pr\u00e9c\u00e9dent<\/button>\r\n                        <button class=\"nav-btn btn-next\" onclick=\"validateQCM()\">Valider \u25b6<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/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    (function () {\r\n        \/\/ \u00c9tat de progression\r\n        const progressState = {\r\n            'intro': { completed: 0, total: 2 },\r\n            'innovation': { completed: 0, total: 3 },\r\n            'strategies': { completed: 0, total: 3 },\r\n            'decision': { completed: 0, total: 3 },\r\n            'ethique': { completed: 0, total: 3 },\r\n            'examens': { completed: 0, total: 2 },\r\n            'lessons': {}\r\n        };\r\n\r\n        \/\/ Ordre des le\u00e7ons\r\n        const lessonOrder = [\r\n            'apercu', 'intro-ia', 'propos-intro',\r\n            'pourquoi-ia', 'etudes-cas', 'metiers-secteurs',\r\n            'besoins-solutions', 'formation-equipes', 'etapes-integration',\r\n            'analyse-tendances', 'aide-decision', 'limites-recommandations',\r\n            'reglementation', 'confidentialite', 'avenir-ia',\r\n            'cas-pratiques', 'qcm'\r\n        ];\r\n\r\n        \/\/ Initialiser l'\u00e9tat des le\u00e7ons\r\n        lessonOrder.forEach(lesson => {\r\n            if (lesson !== 'apercu') {\r\n                progressState.lessons[lesson] = false;\r\n            }\r\n        });\r\n\r\n        let currentLesson = 'apercu';\r\n\r\n        \/\/ Initialiser la progression\r\n        function initProgress() {\r\n            updateAllProgressBars();\r\n            updateGlobalProgress();\r\n        }\r\n\r\n        \/\/ Mettre \u00e0 jour toutes les barres de progression\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                        if (completed === total) {\r\n                            checkIcon.style.display = 'inline-flex';\r\n                        } else {\r\n                            checkIcon.style.display = 'none';\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            \/\/ Mettre \u00e0 jour l'\u00e9tat des le\u00e7ons 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                    if (progressState.lessons[lessonId]) {\r\n                        lessonElement.classList.add('completed');\r\n                    } else {\r\n                        lessonElement.classList.remove('completed');\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Mettre \u00e0 jour la progression globale\r\n        function updateGlobalProgress() {\r\n            let totalLessons = 0;\r\n            let completedLessons = 0;\r\n\r\n            \/\/ Compter les le\u00e7ons termin\u00e9es\r\n            for (const lessonId in progressState.lessons) {\r\n                totalLessons++;\r\n                if (progressState.lessons[lessonId]) {\r\n                    completedLessons++;\r\n                }\r\n            }\r\n\r\n            const progressPercentage = (completedLessons \/ totalLessons) * 100;\r\n            const progressFill = document.getElementById('global-progress');\r\n            const progressText = document.getElementById('global-progress-text');\r\n\r\n            if (progressFill && progressText) {\r\n                progressFill.style.width = `${progressPercentage}%`;\r\n                progressText.textContent = `${Math.round(progressPercentage)}% compl\u00e9t\u00e9`;\r\n            }\r\n        }\r\n\r\n        \/\/ Marquer une le\u00e7on comme termin\u00e9e\r\n        function completeLesson() {\r\n            if (currentLesson !== 'apercu' && !progressState.lessons[currentLesson]) {\r\n                progressState.lessons[currentLesson] = true;\r\n\r\n                \/\/ Mettre \u00e0 jour le compteur des sections\r\n                updateSectionProgress(currentLesson);\r\n\r\n                \/\/ Changer le bouton \"Compl\u00e9ter l'\u00e9tape\"\r\n                const completeBtn = document.querySelector('.btn-complete');\r\n                if (completeBtn && completeBtn.textContent.includes('Compl\u00e9ter')) {\r\n                    completeBtn.disabled = true;\r\n                    completeBtn.textContent = \"Le\u00e7on termin\u00e9e \u2713\";\r\n                    completeBtn.style.background = \"#10b981\";\r\n                    completeBtn.style.cursor = \"default\";\r\n                }\r\n\r\n                \/\/ Mettre \u00e0 jour l'interface\r\n                updateAllProgressBars();\r\n                updateGlobalProgress();\r\n\r\n                \/\/ Navigation automatique apr\u00e8s 800ms (sauf pour le QCM)\r\n                if (currentLesson !== 'qcm') {\r\n                    setTimeout(() => {\r\n                        goToNext();\r\n                    }, 800);\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Mettre \u00e0 jour la progression des sections\r\n        function updateSectionProgress(lessonId) {\r\n            \/\/ Section Introduction\r\n            const introLessons = ['intro-ia', 'propos-intro'];\r\n            if (introLessons.includes(lessonId)) {\r\n                progressState.intro.completed++;\r\n            }\r\n            \r\n            \/\/ Section Innovation\r\n            const innovationLessons = ['pourquoi-ia', 'etudes-cas', 'metiers-secteurs'];\r\n            if (innovationLessons.includes(lessonId)) {\r\n                progressState.innovation.completed++;\r\n            }\r\n            \r\n            \/\/ Section Strategies\r\n            const strategiesLessons = ['besoins-solutions', 'formation-equipes', 'etapes-integration'];\r\n            if (strategiesLessons.includes(lessonId)) {\r\n                progressState.strategies.completed++;\r\n            }\r\n            \r\n            \/\/ Section Decision\r\n            const decisionLessons = ['analyse-tendances', 'aide-decision', 'limites-recommandations'];\r\n            if (decisionLessons.includes(lessonId)) {\r\n                progressState.decision.completed++;\r\n            }\r\n            \r\n            \/\/ Section Ethique\r\n            const ethiqueLessons = ['reglementation', 'confidentialite', 'avenir-ia'];\r\n            if (ethiqueLessons.includes(lessonId)) {\r\n                progressState.ethique.completed++;\r\n            }\r\n            \r\n            \/\/ Section Examens\r\n            const examensLessons = ['cas-pratiques', 'qcm'];\r\n            if (examensLessons.includes(lessonId)) {\r\n                progressState.examens.completed++;\r\n            }\r\n        }\r\n\r\n        \/\/ Passer \u00e0 la le\u00e7on suivante\r\n        function goToNext() {\r\n            const currentIndex = lessonOrder.indexOf(currentLesson);\r\n            if (currentIndex < lessonOrder.length - 1) {\r\n                const nextLessonId = lessonOrder[currentIndex + 1];\r\n                const nextRadio = document.getElementById(`radio-${nextLessonId}`);\r\n\r\n                if (nextRadio) {\r\n                    nextRadio.checked = true;\r\n                    currentLesson = nextLessonId;\r\n                    updateActiveStates();\r\n                    hideAlert();\r\n                    updateCompleteButtonState();\r\n                    \r\n                    \/\/ Scroller vers le haut du contenu\r\n                    const contentScroll = document.querySelector('.content-scroll');\r\n                    if (contentScroll) {\r\n                        contentScroll.scrollTop = 0;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Passer \u00e0 la le\u00e7on pr\u00e9c\u00e9dente\r\n        function goToPrevious() {\r\n            const currentIndex = lessonOrder.indexOf(currentLesson);\r\n            if (currentIndex > 0) {\r\n                const prevLessonId = lessonOrder[currentIndex - 1];\r\n                const prevRadio = document.getElementById(`radio-${prevLessonId}`);\r\n\r\n                if (prevRadio) {\r\n                    prevRadio.checked = true;\r\n                    currentLesson = prevLessonId;\r\n                    updateActiveStates();\r\n                    hideAlert();\r\n                    updateCompleteButtonState();\r\n                    \r\n                    \/\/ Scroller vers le haut du contenu\r\n                    const contentScroll = document.querySelector('.content-scroll');\r\n                    if (contentScroll) {\r\n                        contentScroll.scrollTop = 0;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Mettre \u00e0 jour l'\u00e9tat du bouton \"Compl\u00e9ter\"\r\n        function updateCompleteButtonState() {\r\n            const completeBtn = document.querySelector('.btn-complete');\r\n            if (completeBtn) {\r\n                if (currentLesson === 'apercu') {\r\n                    completeBtn.disabled = false;\r\n                    completeBtn.textContent = \"Revenir au catalogue\";\r\n                    completeBtn.style.background = \"linear-gradient(135deg, #2563eb, #3b82f6)\";\r\n                    completeBtn.style.cursor = \"pointer\";\r\n                    completeBtn.onclick = goToCatalogue;\r\n                } else if (currentLesson === 'qcm') {\r\n                    completeBtn.disabled = false;\r\n                    completeBtn.textContent = \"Compl\u00e9ter l'\u00e9tape\";\r\n                    completeBtn.style.background = \"linear-gradient(135deg, #2563eb, #3b82f6)\";\r\n                    completeBtn.style.cursor = \"pointer\";\r\n                    completeBtn.onclick = completeLesson;\r\n                } else if (progressState.lessons[currentLesson]) {\r\n                    completeBtn.disabled = true;\r\n                    completeBtn.textContent = \"Le\u00e7on termin\u00e9e \u2713\";\r\n                    completeBtn.style.background = \"#10b981\";\r\n                    completeBtn.style.cursor = \"default\";\r\n                    completeBtn.onclick = null;\r\n                } else {\r\n                    completeBtn.disabled = false;\r\n                    completeBtn.textContent = \"Compl\u00e9ter l'\u00e9tape\";\r\n                    completeBtn.style.background = \"linear-gradient(135deg, #2563eb, #3b82f6)\";\r\n                    completeBtn.style.cursor = \"pointer\";\r\n                    completeBtn.onclick = completeLesson;\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Mettre \u00e0 jour les \u00e9tats actifs\r\n        function updateActiveStates() {\r\n            \/\/ Mettre \u00e0 jour la sidebar\r\n            document.querySelectorAll('.lesson-item, .simple-section').forEach(item => {\r\n                item.classList.remove('active');\r\n            });\r\n\r\n            const currentItem = document.querySelector(`[data-lesson=\"${currentLesson}\"], [data-section=\"${currentLesson}\"]`);\r\n            if (currentItem) {\r\n                currentItem.classList.add('active');\r\n            }\r\n\r\n            \/\/ Ouvrir les sections correspondantes\r\n            const sections = ['intro', 'innovation', 'strategies', 'decision', 'ethique', 'examens'];\r\n            sections.forEach(section => {\r\n                const sectionToggle = document.getElementById(`section-${section}`);\r\n                if (sectionToggle) {\r\n                    \/\/ V\u00e9rifier si la le\u00e7on actuelle est dans cette section\r\n                    const sectionLessons = getSectionLessons(section);\r\n                    if (sectionLessons.includes(currentLesson)) {\r\n                        sectionToggle.checked = true;\r\n                    }\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Obtenir les le\u00e7ons d'une section\r\n        function getSectionLessons(section) {\r\n            const sectionMap = {\r\n                'intro': ['intro-ia', 'propos-intro'],\r\n                'innovation': ['pourquoi-ia', 'etudes-cas', 'metiers-secteurs'],\r\n                'strategies': ['besoins-solutions', 'formation-equipes', 'etapes-integration'],\r\n                'decision': ['analyse-tendances', 'aide-decision', 'limites-recommandations'],\r\n                'ethique': ['reglementation', 'confidentialite', 'avenir-ia'],\r\n                'examens': ['cas-pratiques', 'qcm']\r\n            };\r\n            return sectionMap[section] || [];\r\n        }\r\n\r\n        \/\/ Afficher une alerte\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                    const newOverlay = document.createElement('div');\r\n                    newOverlay.id = 'alert-overlay';\r\n                    newOverlay.className = 'alert-overlay';\r\n                    newOverlay.onclick = hideAlert;\r\n                    document.body.appendChild(newOverlay);\r\n                }\r\n                document.getElementById('alert-overlay').style.display = 'block';\r\n\r\n                setTimeout(() => {\r\n                    hideAlert();\r\n                }, 4000);\r\n            }\r\n        }\r\n\r\n        \/\/ Afficher un message de succ\u00e8s\r\n        function showSuccess(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                    const newOverlay = document.createElement('div');\r\n                    newOverlay.id = 'alert-overlay';\r\n                    newOverlay.className = 'alert-overlay';\r\n                    newOverlay.onclick = hideAlert;\r\n                    document.body.appendChild(newOverlay);\r\n                }\r\n                document.getElementById('alert-overlay').style.display = 'block';\r\n\r\n                setTimeout(() => {\r\n                    hideAlert();\r\n                }, 4000);\r\n            }\r\n        }\r\n\r\n        \/\/ Cacher l'alerte\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        \/\/ D\u00e9marrer la formation\r\n        function startFormation() {\r\n            const introIaRadio = document.getElementById('radio-intro-ia');\r\n            if (introIaRadio) {\r\n                introIaRadio.checked = true;\r\n                currentLesson = 'intro-ia';\r\n                updateActiveStates();\r\n                updateCompleteButtonState();\r\n                \r\n                \/\/ Scroller vers le haut\r\n                const contentScroll = document.querySelector('.content-scroll');\r\n                if (contentScroll) {\r\n                    contentScroll.scrollTop = 0;\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Valider le QCM\r\n        function validateQCM() {\r\n            \/\/ R\u00e9ponses correctes (bas\u00e9es sur le contenu de la formation)\r\n            const correctAnswers = {\r\n                'q1': 'B',  \/\/ B) Fournir des r\u00e9ponses textuelles bas\u00e9es sur une conversation\r\n                'q2': 'B',  \/\/ B) DALL-E\r\n                'q3': 'C',  \/\/ C) OpenAI Codex\r\n                'q4': 'C',  \/\/ C) Cr\u00e9ation de documents, e-mails, et rapports automatis\u00e9s\r\n                'q5': 'B',  \/\/ B) Il permet de r\u00e9diger des textes coh\u00e9rents en fonction du contexte\r\n                'q6': 'C',  \/\/ C) En fournissant des suggestions et des options pour am\u00e9liorer la r\u00e9daction\r\n                'q7': 'C',  \/\/ C) Google Translate\r\n                'q8': 'A',  \/\/ A) Oui, par la cr\u00e9ation automatique de contenu pour les r\u00e9seaux sociaux\r\n                'q9': 'C',  \/\/ C) Organiser les t\u00e2ches et estimer les ressources n\u00e9cessaires avec des donn\u00e9es historiques\r\n                'q10': 'B', \/\/ B) Les t\u00e2ches r\u00e9p\u00e9titives et administratives\r\n                'q11': 'A', \/\/ A) Parce que l'IA peut fournir des r\u00e9ponses erron\u00e9es ou biais\u00e9es\r\n                'q12': 'B', \/\/ B) En utilisant des prompts pr\u00e9cis et d\u00e9taill\u00e9s\r\n                'q13': 'A'  \/\/ A) Se fier uniquement aux r\u00e9ponses g\u00e9n\u00e9r\u00e9es sans validation humaine\r\n            };\r\n            \r\n            let score = 0;\r\n            let totalQuestions = Object.keys(correctAnswers).length;\r\n            let unansweredQuestions = [];\r\n            let userAnswers = {};\r\n            \r\n            \/\/ V\u00e9rifier chaque question\r\n            for (let i = 1; i <= totalQuestions; i++) {\r\n                const questionName = `q${i}`;\r\n                const selectedInput = document.querySelector(`input[name=\"${questionName}\"]:checked`);\r\n                \r\n                if (selectedInput) {\r\n                    userAnswers[questionName] = selectedInput.value;\r\n                    \r\n                    if (selectedInput.value === correctAnswers[questionName]) {\r\n                        score++;\r\n                    }\r\n                } else {\r\n                    unansweredQuestions.push(i);\r\n                    userAnswers[questionName] = null;\r\n                }\r\n            }\r\n            \r\n            \/\/ Calculer le pourcentage\r\n            const percentage = totalQuestions > 0 ? Math.round((score \/ totalQuestions) * 100) : 0;\r\n            \r\n            \/\/ Afficher le r\u00e9sultat\r\n            if (unansweredQuestions.length > 0) {\r\n                let message = \"\";\r\n                if (unansweredQuestions.length === 1) {\r\n                    message = `Vous n'avez pas r\u00e9pondu \u00e0 la question ${unansweredQuestions[0]}. Veuillez r\u00e9pondre \u00e0 toutes les questions avant de valider.`;\r\n                } else if (unansweredQuestions.length === totalQuestions) {\r\n                    message = \"Vous n'avez r\u00e9pondu \u00e0 aucune question. Veuillez r\u00e9pondre \u00e0 toutes les questions avant de valider.\";\r\n                } else {\r\n                    \/\/ Formater la liste des questions non r\u00e9pondues\r\n                    const lastQuestion = unansweredQuestions.pop();\r\n                    const questionsList = unansweredQuestions.length > 0 \r\n                        ? `aux questions ${unansweredQuestions.join(', ')} et ${lastQuestion}`\r\n                        : `\u00e0 la question ${lastQuestion}`;\r\n                    message = `Vous n'avez pas r\u00e9pondu ${questionsList}. Veuillez r\u00e9pondre \u00e0 toutes les questions avant de valider.`;\r\n                }\r\n                \r\n                showAlert(message);\r\n                \r\n                \/\/ Surligner les questions non r\u00e9pondues\r\n                unansweredQuestions.forEach(qNum => {\r\n                    const questionDiv = document.querySelector(`input[name=\"q${qNum}\"]`)?.closest('div[style*=\"margin-bottom: 30px\"]');\r\n                    if (questionDiv) {\r\n                        questionDiv.style.border = \"2px solid #ef4444\";\r\n                        questionDiv.style.borderRadius = \"8px\";\r\n                        questionDiv.style.padding = \"10px\";\r\n                        questionDiv.style.backgroundColor = \"#fef2f2\";\r\n                        \r\n                        \/\/ Retirer le surlignement apr\u00e8s 5 secondes\r\n                        setTimeout(() => {\r\n                            questionDiv.style.border = \"\";\r\n                            questionDiv.style.padding = \"\";\r\n                            questionDiv.style.backgroundColor = \"\";\r\n                        }, 5000);\r\n                    }\r\n                });\r\n                \r\n                return false;\r\n            } else {\r\n                \/\/ Afficher le score\r\n                const scoreContainer = document.getElementById('qcm-score-container');\r\n                if (scoreContainer) {\r\n                    let message = '';\r\n                    let color = '';\r\n                    let emoji = '';\r\n                    let title = '';\r\n                    \r\n                    if (percentage >= 80) {\r\n                        message = `Excellent ! Vous avez obtenu ${score}\/${totalQuestions} bonnes r\u00e9ponses (${percentage}%)`;\r\n                        color = '#10b981';\r\n                        emoji = '\ud83c\udf89';\r\n                        title = 'F\u00e9licitations !';\r\n                    } else if (percentage >= 60) {\r\n                        message = `Bien ! Vous avez obtenu ${score}\/${totalQuestions} bonnes r\u00e9ponses (${percentage}%)`;\r\n                        color = '#3b82f6';\r\n                        emoji = '\ud83d\udc4d';\r\n                        title = 'Bon travail !';\r\n                    } else {\r\n                        message = `Continuez \u00e0 vous entra\u00eener ! Vous avez obtenu ${score}\/${totalQuestions} bonnes r\u00e9ponses (${percentage}%)`;\r\n                        color = '#ef4444';\r\n                        emoji = '\ud83d\udcda';\r\n                        title = '\u00c0 am\u00e9liorer';\r\n                    }\r\n                    \r\n                    \/\/ Cr\u00e9er un tableau d\u00e9taill\u00e9 des r\u00e9ponses\r\n                    let detailsHTML = '<div style=\"margin-top: 20px; border-top: 1px solid #e5e7eb; padding-top: 15px;\">';\r\n                    detailsHTML += '<h4 style=\"margin-bottom: 10px; color: #374151;\">D\u00e9tail des r\u00e9ponses :<\/h4>';\r\n                    detailsHTML += '<table style=\"width: 100%; border-collapse: collapse; font-size: 14px;\">';\r\n                    detailsHTML += '<thead><tr style=\"background-color: #f9fafb;\">';\r\n                    detailsHTML += '<th style=\"padding: 10px; text-align: left; border: 1px solid #e5e7eb; width: 15%;\">Question<\/th>';\r\n                    detailsHTML += '<th style=\"padding: 10px; text-align: left; border: 1px solid #e5e7eb; width: 30%;\">Votre r\u00e9ponse<\/th>';\r\n                    detailsHTML += '<th style=\"padding: 10px; text-align: left; border: 1px solid #e5e7eb; width: 30%;\">Bonne r\u00e9ponse<\/th>';\r\n                    detailsHTML += '<th style=\"padding: 10px; text-align: left; border: 1px solid #e5e7eb; width: 25%;\">Statut<\/th>';\r\n                    detailsHTML += '<\/tr><\/thead><tbody>';\r\n                    \r\n                    for (let i = 1; i <= totalQuestions; i++) {\r\n                        const qName = `q${i}`;\r\n                        const userAnswer = userAnswers[qName];\r\n                        const correctAnswer = correctAnswers[qName];\r\n                        const isCorrect = userAnswer === correctAnswer;\r\n                        \r\n                        detailsHTML += '<tr>';\r\n                        detailsHTML += `<td style=\"padding: 10px; border: 1px solid #e5e7eb; font-weight: bold;\">${i}<\/td>`;\r\n                        detailsHTML += `<td style=\"padding: 10px; border: 1px solid #e5e7eb;\">${userAnswer}<\/td>`;\r\n                        detailsHTML += `<td style=\"padding: 10px; border: 1px solid #e5e7eb; font-weight: bold;\">${correctAnswer}<\/td>`;\r\n                        \r\n                        if (isCorrect) {\r\n                            detailsHTML += `<td style=\"padding: 10px; border: 1px solid #e5e7eb; color: #10b981; font-weight: bold;\">\u2713 Correct<\/td>`;\r\n                        } else {\r\n                            detailsHTML += `<td style=\"padding: 10px; border: 1px solid #e5e7eb; color: #ef4444; font-weight: bold;\">\u2717 Incorrect<\/td>`;\r\n                        }\r\n                        \r\n                        detailsHTML += '<\/tr>';\r\n                    }\r\n                    \r\n                    detailsHTML += '<\/tbody><\/table><\/div>';\r\n                    \r\n                    scoreContainer.innerHTML = `\r\n                        <div style=\"background: #f8fafc; padding: 25px; border-radius: 12px; margin: 25px 0; border-left: 6px solid ${color}; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)\">\r\n                            <div style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 15px;\">\r\n                                <div style=\"font-size: 32px;\">${emoji}<\/div>\r\n                                <div>\r\n                                    <h3 style=\"margin: 0; margin-bottom: 5px; font-size: 22px; color: #1f2937;\">${title}<\/h3>\r\n                                    <p style=\"margin: 0; color: #6b7280; font-size: 16px;\">R\u00e9sultat de l'\u00e9valuation<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <p style=\"font-size: 28px; font-weight: bold; margin: 15px 0; color: ${color};\">${message}<\/p>\r\n                            <p style=\"color: #6b7280; margin-bottom: 20px; font-size: 16px; line-height: 1.6;\">\r\n                                ${percentage >= 60 ? \r\n                                    'Vous avez valid\u00e9 cette \u00e9valuation avec succ\u00e8s ! Vous pouvez maintenant compl\u00e9ter cette \u00e9tape.' : \r\n                                    'Vous devez obtenir au moins 60% pour valider cette \u00e9valuation. R\u00e9essayez en r\u00e9visant le cours.'}\r\n                            <\/p>\r\n                            ${detailsHTML}\r\n                        <\/div>\r\n                    `;\r\n                    \r\n                    \/\/ Scroller vers les r\u00e9sultats\r\n                    setTimeout(() => {\r\n                        scoreContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n                    }, 100);\r\n                }\r\n                \r\n                \/\/ Marquer comme termin\u00e9 si score suffisant\r\n                if (percentage >= 60) {\r\n                    showSuccess(`${emoji} QCM valid\u00e9 avec succ\u00e8s ! Score : ${score}\/${totalQuestions} (${percentage}%)`);\r\n                    \r\n                    \/\/ Mettre \u00e0 jour la progression du QCM\r\n                    if (!progressState.lessons['qcm']) {\r\n                        progressState.lessons['qcm'] = true;\r\n                        progressState.examens.completed++;\r\n                        updateAllProgressBars();\r\n                        updateGlobalProgress();\r\n                    }\r\n                    \r\n                    \/\/ Changer le bouton \"Compl\u00e9ter\"\r\n                    const completeBtn = document.querySelector('.btn-complete');\r\n                    if (completeBtn) {\r\n                        completeBtn.disabled = true;\r\n                        completeBtn.textContent = \"QCM termin\u00e9 \u2713\";\r\n                        completeBtn.style.background = \"#10b981\";\r\n                        completeBtn.style.cursor = \"default\";\r\n                    }\r\n                    \r\n                    return true;\r\n                } else {\r\n                    showAlert(`${emoji} Score insuffisant (${percentage}%). Vous devez obtenir au moins 60% pour valider le QCM.`);\r\n                    return false;\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Revenir au catalogue\r\n        function goToCatalogue() {\r\n            alert('Retour au catalogue des formations');\r\n            \/\/ Ici, vous pouvez ajouter la logique pour rediriger vers le catalogue\r\n            \/\/ window.location.href = '\/catalogue.html';\r\n        }\r\n\r\n        \/\/ Initialiser les \u00e9v\u00e9nements\r\n        function initEventListeners() {\r\n            \/\/ G\u00e9rer les clics sur les \u00e9l\u00e9ments de la sidebar\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                        \/\/ V\u00e9rifier si la le\u00e7on est accessible\r\n                        const clickedIndex = lessonOrder.indexOf(lessonId);\r\n                        const currentIndex = lessonOrder.indexOf(currentLesson);\r\n\r\n                        if (clickedIndex > currentIndex + 1) {\r\n                            \/\/ V\u00e9rifier si toutes les le\u00e7ons pr\u00e9c\u00e9dentes sont termin\u00e9es\r\n                            let allPreviousCompleted = true;\r\n                            for (let i = currentIndex + 1; i < clickedIndex; i++) {\r\n                                const prevLesson = lessonOrder[i];\r\n                                if (prevLesson !== 'apercu' && !progressState.lessons[prevLesson]) {\r\n                                    allPreviousCompleted = false;\r\n                                    break;\r\n                                }\r\n                            }\r\n\r\n                            if (!allPreviousCompleted) {\r\n                                showAlert(\"Vous devez terminer les le\u00e7ons pr\u00e9c\u00e9dentes avant d'acc\u00e9der \u00e0 celle-ci.\");\r\n                                e.preventDefault();\r\n                                return false;\r\n                            }\r\n                        }\r\n\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                            hideAlert();\r\n                            updateCompleteButtonState();\r\n                            \r\n                            \/\/ Scroller vers le haut\r\n                            const contentScroll = document.querySelector('.content-scroll');\r\n                            if (contentScroll) {\r\n                                contentScroll.scrollTop = 0;\r\n                            }\r\n                        }\r\n                    } else if (sectionId) {\r\n                        currentLesson = sectionId;\r\n                        updateActiveStates();\r\n                        hideAlert();\r\n                        updateCompleteButtonState();\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ G\u00e9rer les changements de vid\u00e9o (marquer comme visionn\u00e9)\r\n            document.querySelectorAll('video').forEach(video => {\r\n                video.addEventListener('ended', function() {\r\n                    const lessonItem = this.closest('.lesson-content');\r\n                    if (lessonItem && !progressState.lessons[currentLesson]) {\r\n                        \/\/ Optionnel : marquer automatiquement comme termin\u00e9 quand la vid\u00e9o est finie\r\n                        \/\/ completeLesson();\r\n                    }\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ Initialiser au chargement\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            initProgress();\r\n            updateActiveStates();\r\n            updateCompleteButtonState();\r\n            initEventListeners();\r\n        });\r\n\r\n        \/\/ Exposer les fonctions globalement\r\n        window.completeLesson = completeLesson;\r\n        window.goToPrevious = goToPrevious;\r\n        window.goToNext = goToNext;\r\n        window.startFormation = startFormation;\r\n        window.goToCatalogue = goToCatalogue;\r\n        window.validateQCM = validateQCM;\r\n        window.showAlert = showAlert;\r\n        window.hideAlert = hideAlert;\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 IA g\u00e9n\u00e9rative : utiliser ChatGPT &#038; outils IA 0% compl\u00e9t\u00e9 Aper\u00e7u Introduction \u25b6 0\/2 \u00e9tapes \u2713 Introduction \u00e0 l&rsquo;usage de l&rsquo;IA G\u00e9n\u00e9rative Usage de l&rsquo;IA au quotidien 01:22 Partie 1 : D\u00e9couverte des outils [&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-4336","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 IA g\u00e9n\u00e9rative : utiliser ChatGPT &amp; outils IA 0% compl\u00e9t\u00e9 Aper\u00e7u Introduction \u25b6 0\/2 \u00e9tapes \u2713 Introduction \u00e0 l&#039;usage de l&#039;IA G\u00e9n\u00e9rative Usage de l&#039;IA au quotidien 01:22 Partie 1 : D\u00e9couverte des outils\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/awi3.com\/en\/ia-chat\/\" \/>\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=\"IA-Chat - 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 IA g\u00e9n\u00e9rative : utiliser ChatGPT &amp; outils IA 0% compl\u00e9t\u00e9 Aper\u00e7u Introduction \u25b6 0\/2 \u00e9tapes \u2713 Introduction \u00e0 l&#039;usage de l&#039;IA G\u00e9n\u00e9rative Usage de l&#039;IA au quotidien 01:22 Partie 1 : D\u00e9couverte des outils\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/awi3.com\/en\/ia-chat\/\" \/>\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-09T19:09:59+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-02T20:11:53+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=\"IA-Chat - 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 IA g\u00e9n\u00e9rative : utiliser ChatGPT &amp; outils IA 0% compl\u00e9t\u00e9 Aper\u00e7u Introduction \u25b6 0\/2 \u00e9tapes \u2713 Introduction \u00e0 l&#039;usage de l&#039;IA G\u00e9n\u00e9rative Usage de l&#039;IA au quotidien 01:22 Partie 1 : D\u00e9couverte des outils\" \/>\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\\\/ia-chat\\\/#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\\\/ia-chat\\\/#listItem\",\"name\":\"IA-Chat\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/ia-chat\\\/#listItem\",\"position\":2,\"name\":\"IA-Chat\",\"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\\\/ia-chat\\\/#organizationLogo\",\"width\":1019,\"height\":389},\"image\":{\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/ia-chat\\\/#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\\\/ia-chat\\\/#webpage\",\"url\":\"https:\\\/\\\/awi3.com\\\/en\\\/ia-chat\\\/\",\"name\":\"IA-Chat - 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 IA g\\u00e9n\\u00e9rative : utiliser ChatGPT & outils IA 0% compl\\u00e9t\\u00e9 Aper\\u00e7u Introduction \\u25b6 0\\\/2 \\u00e9tapes \\u2713 Introduction \\u00e0 l'usage de l'IA G\\u00e9n\\u00e9rative Usage de l'IA au quotidien 01:22 Partie 1 : D\\u00e9couverte des outils\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/awi3.com\\\/en\\\/ia-chat\\\/#breadcrumblist\"},\"datePublished\":\"2025-12-09T19:09:59+00:00\",\"dateModified\":\"2026-07-02T20:11:53+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":"IA-Chat - 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 IA g\u00e9n\u00e9rative : utiliser ChatGPT & outils IA 0% compl\u00e9t\u00e9 Aper\u00e7u Introduction \u25b6 0\/2 \u00e9tapes \u2713 Introduction \u00e0 l'usage de l'IA G\u00e9n\u00e9rative Usage de l'IA au quotidien 01:22 Partie 1 : D\u00e9couverte des outils","canonical_url":"https:\/\/awi3.com\/en\/ia-chat\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/awi3.com\/en\/ia-chat\/#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\/ia-chat\/#listItem","name":"IA-Chat"}},{"@type":"ListItem","@id":"https:\/\/awi3.com\/en\/ia-chat\/#listItem","position":2,"name":"IA-Chat","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\/ia-chat\/#organizationLogo","width":1019,"height":389},"image":{"@id":"https:\/\/awi3.com\/en\/ia-chat\/#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\/ia-chat\/#webpage","url":"https:\/\/awi3.com\/en\/ia-chat\/","name":"IA-Chat - 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 IA g\u00e9n\u00e9rative : utiliser ChatGPT & outils IA 0% compl\u00e9t\u00e9 Aper\u00e7u Introduction \u25b6 0\/2 \u00e9tapes \u2713 Introduction \u00e0 l'usage de l'IA G\u00e9n\u00e9rative Usage de l'IA au quotidien 01:22 Partie 1 : D\u00e9couverte des outils","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/awi3.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/awi3.com\/en\/ia-chat\/#breadcrumblist"},"datePublished":"2025-12-09T19:09:59+00:00","dateModified":"2026-07-02T20:11:53+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":"IA-Chat - 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 IA g\u00e9n\u00e9rative : utiliser ChatGPT &amp; outils IA 0% compl\u00e9t\u00e9 Aper\u00e7u Introduction \u25b6 0\/2 \u00e9tapes \u2713 Introduction \u00e0 l'usage de l'IA G\u00e9n\u00e9rative Usage de l'IA au quotidien 01:22 Partie 1 : D\u00e9couverte des outils","og:url":"https:\/\/awi3.com\/en\/ia-chat\/","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-09T19:09:59+00:00","article:modified_time":"2026-07-02T20:11:53+00:00","article:publisher":"https:\/\/www.facebook.com\/share\/1RSVNzHNz5\/?mibextid=wwXIfr","twitter:card":"summary_large_image","twitter:title":"IA-Chat - 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 IA g\u00e9n\u00e9rative : utiliser ChatGPT &amp; outils IA 0% compl\u00e9t\u00e9 Aper\u00e7u Introduction \u25b6 0\/2 \u00e9tapes \u2713 Introduction \u00e0 l'usage de l'IA G\u00e9n\u00e9rative Usage de l'IA au quotidien 01:22 Partie 1 : D\u00e9couverte des outils","twitter:image":"https:\/\/awi3.com\/wp-content\/uploads\/2025\/12\/Fichier-3.png"},"aioseo_meta_data":{"post_id":"4336","title":"#post_title #separator_sa #site_title","description":"#post_content","keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-12-09 13:30:29","updated":"2026-07-02 20:31: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\tIA-Chat\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/awi3.com\/en\/"},{"label":"IA-Chat","link":"https:\/\/awi3.com\/en\/ia-chat\/"}],"_links":{"self":[{"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/pages\/4336","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=4336"}],"version-history":[{"count":31,"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/pages\/4336\/revisions"}],"predecessor-version":[{"id":6544,"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/pages\/4336\/revisions\/6544"}],"wp:attachment":[{"href":"https:\/\/awi3.com\/en\/wp-json\/wp\/v2\/media?parent=4336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}