Module 6.1 : Trouver les premiers cas d’utilisation<\/title> \n<style>\n\/* -------------------------------------------------- *\/\n\/* --- CSS de base du framework --- *\/\n\/* -------------------------------------------------- *\/\n\n\/* Variables de couleur *\/\n:root {\n --primary: #52898b; \/* Turquoise *\/\n --secondary: #19404e; \/* Bleu fonc\u00e9 *\/\n --light-bg: #f5f9fa; \/* Arri\u00e8re-plan *\/\n --border: #e0e8e9; \/* Bordure *\/\n --accent: #e67e22; \/* Accentuation\/Orange *\/\n --text: #333333; \/* Texte *\/\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n margin: 0;\n color: var(--text);\n line-height: 1.6;\n}\n\n\/* Conteneur principal (Wrapper) - Facultatif, si vous en avez besoin *\/\n.xpand-module-wrapper {\n font-family: inherit;\n max-width: 800px;\n margin: 30px auto;\n padding: 0;\n box-sizing: border-box;\n}\n\n\/* Conteneur interne pour ce module *\/\n.module-container {\n font-family: inherit; \/* H\u00e9rite du body ou du wrapper *\/\n max-width: 800px; \/* Conserver la largeur maximale *\/\n margin: 30px auto; \/* Centrage et espacement *\/\n color: #333;\n line-height: 1.6;\n background-color: #f5f9fa;\n padding: 20px; \/* Padding pour le conteneur *\/\n border-radius: 8px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);\n border: 1px solid var(--border); \/* Bordure ajout\u00e9e *\/\n}\n\n\/* --- Styles de l'accord\u00e9on (NOUVEAU AJOUT\u00c9) --- *\/\n.accordion-container {\n margin-bottom: 40px; \/* Espace apr\u00e8s les accord\u00e9ons *\/\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.accordion-item {\n flex: 1;\n min-width: 250px; \/* Largeur minimale, s'adapte *\/\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.07);\n border: 1px solid var(--border);\n overflow: hidden;\n}\n\n.accordion-header {\n appearance: none; \/* Si un bouton est utilis\u00e9 *\/\n border: none; \/* Si un bouton est utilis\u00e9 *\/\n background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);\n color: white;\n padding: 12px 15px;\n font-weight: bold;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n text-align: left;\n font-size: inherit;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n.accordion-header:hover {\n background: linear-gradient(135deg, #2c5f70 0%, #6aaab0 100%);\n}\n.accordion-header:focus-visible {\n outline: 2px solid var(--accent);\n outline-offset: 2px;\n z-index: 1;\n}\n.accordion-header .header-content {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.accordion-header h3 {\n font-size: 16px;\n margin: 0;\n color: white;\n}\n.accordion-header svg.knowledge-icon {\n stroke: white; \/* Couleur de l'ic\u00f4ne pour l'en-t\u00eate sombre *\/\n width: 18px;\n height: 18px;\n margin-right: 8px;\n flex-shrink: 0;\n}\n.toggle-icon {\n font-size: 12px;\n margin-left: 10px;\n line-height: 1;\n color: white; \/* Couleur de la fl\u00e8che *\/\n}\n.accordion-header.active .toggle-icon {\n transform: rotate(180deg);\n}\n.accordion-content {\n background-color: white;\n padding: 0 15px;\n max-height: 0;\n overflow: hidden;\n}\n.accordion-content.active {\n padding-top: 15px;\n padding-bottom: 15px;\n border-top: 1px solid var(--border);\n \/* max-height est d\u00e9fini par JS *\/\n}\n.accordion-content ul {\n padding-left: 20px;\n margin: 0;\n list-style: disc;\n}\n.accordion-content li {\n margin-bottom: 8px;\n}\n.accordion-content li:last-child {\n margin-bottom: 0;\n}\n\/* --- Fin des styles de l'accord\u00e9on --- *\/\n\n\n\/* --- Styles restants (Section de contenu, R\u00e9flexion, Assistants, etc.) --- *\/\n.content-section {\n margin: 40px 0;\n}\n\n.section-title {\n color: #19404e;\n font-size: 22px;\n display: flex;\n align-items: center;\n border-bottom: 2px solid #52898b;\n padding-bottom: 10px;\n margin-bottom: 20px;\n}\n\n.section-title svg {\n margin-right: 10px;\n stroke: #52898b; \/* S'assure que la couleur est correcte ici *\/\n}\n\n.section-intro {\n font-size: 18px;\n margin-bottom: 25px;\n font-weight: 300;\n color: #19404e;\n}\n\n.reflection-box {\n background-color: rgba(82, 137, 139, 0.1);\n border-left: 4px solid #52898b;\n padding: 20px;\n margin: 30px 0;\n border-radius: 0 8px 8px 0;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n}\n\n.reflection-box h4 {\n margin-top: 0;\n color: #19404e;\n font-size: 18px;\n}\n\n.reflection-text {\n font-style: italic;\n color: #52898b;\n margin-top: 15px;\n margin-bottom: 0;\n}\n\n.assistants-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); \/* Largeur minimale l\u00e9g\u00e8rement ajust\u00e9e *\/\n gap: 25px;\n margin: 30px 0;\n}\n\n.assistant-card {\n background-color: white;\n border-radius: 8px;\n border: 1px solid #e0e8e9;\n padding: 25px;\n box-shadow: 0 3px 6px rgba(0,0,0,0.05);\n display: flex;\n flex-direction: column;\n}\n\n.assistant-card:hover {\n \/* Effet de survol facultatif, si aucune transition n'est souhait\u00e9e *\/\n}\n\n.assistant-icon {\n margin-bottom: 15px;\n color: #52898b;\n}\n.assistant-icon svg path,\n.assistant-icon svg polyline,\n.assistant-icon svg line, \/* Pour les ic\u00f4nes comme l'assistant d'id\u00e9es *\/\n.assistant-icon svg circle \/* Pour les ic\u00f4nes comme l'assistant d'id\u00e9es *\/\n {\n stroke: #52898b; \/* S'assurer que toutes les parties de l'ic\u00f4ne sont color\u00e9es *\/\n}\n\n\n.assistant-title {\n font-weight: bold;\n color: #19404e;\n font-size: 20px;\n margin-bottom: 15px;\n}\n\n.assistant-desc {\n margin-bottom: 15px;\n flex-grow: 1;\n}\n\n.assistant-desc p {\n margin: 0;\n}\n\n.assistant-examples {\n background-color: #f5f9fa;\n padding: 15px;\n border-radius: 8px;\n font-size: 15px;\n border: 1px solid #e0e8e9; \/* Bordure l\u00e9g\u00e8re *\/\n}\n\n.assistant-examples-title {\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 16px;\n color: #19404e;\n}\n\n.assistant-examples ul {\n margin-bottom: 0;\n padding-left: 20px;\n}\n\n.assistant-examples li {\n margin-bottom: 5px;\n}\n.assistant-examples li:last-child {\n margin-bottom: 0;\n}\n\n.steps-container {\n margin: 30px 0;\n}\n\n.step-item {\n display: flex;\n margin-bottom: 30px;\n align-items: flex-start;\n}\n\n.step-item:last-child {\n margin-bottom: 0;\n}\n\n.step-number {\n background-color: #52898b;\n color: white;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 20px;\n font-weight: bold;\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.step-content {\n flex: 1;\n}\n\n.step-title {\n font-weight: bold;\n color: #19404e;\n font-size: 18px;\n margin-bottom: 10px;\n}\n\n.reflection-questions {\n background-color: #ffffff;\n border-radius: 8px;\n padding: 25px;\n margin: 30px 0;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n border: 1px solid #e0e8e9;\n}\n\n.reflection-questions h4 {\n margin-top: 0;\n color: #19404e;\n margin-bottom: 20px;\n}\n\n.reflection-questions ul {\n margin-bottom: 0;\n padding-left: 20px;\n}\n\n.reflection-questions li {\n margin-bottom: 12px;\n}\n\n.reflection-questions li:last-child {\n margin-bottom: 0;\n}\n\n.takeaway-box {\n background: linear-gradient(135deg, #52898b 0%, #19404e 100%);\n color: white;\n padding: 25px;\n border-radius: 8px;\n margin: 40px 0 10px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n}\n\n.takeaway-box h3 {\n color: white;\n display: flex;\n align-items: center;\n border-bottom: 2px solid rgba(255, 255, 255, 0.3);\n padding-bottom: 10px;\n margin-top: 0;\n margin-bottom: 15px;\n font-size: 20px; \/* Taille coh\u00e9rente *\/\n}\n\n.takeaway-box h3 svg {\n margin-right: 10px;\n stroke: white; \/* S'assurer *\/\n}\n\n.takeaway-box ul {\n margin-bottom: 20px;\n padding-left: 20px;\n list-style: disc; \/* Liste standard pour \"\u00c0 retenir\" *\/\n}\n\n.takeaway-box li {\n margin-bottom: 12px;\n}\n\n.takeaway-box li:last-child {\n margin-bottom: 0;\n}\n\n.navigator-hint {\n font-style: italic;\n margin-top: 20px;\n margin-bottom: 0;\n color: rgba(255, 255, 255, 0.9);\n font-size: 14px; \/* Un peu plus petit *\/\n padding-top: 15px; \/* Espace vers le haut *\/\n border-top: 1px solid rgba(255, 255, 255, 0.2); \/* Ligne de s\u00e9paration l\u00e9g\u00e8re *\/\n}\n\n@media (max-width: 768px) {\n .assistants-grid {\n grid-template-columns: 1fr; \/* Assistants les uns sous les autres sur tablettes\/mobiles plus petits *\/\n }\n}\n@media (max-width: 480px) {\n .assistants-grid {\n grid-template-columns: 1fr; \/* Reste sur une colonne *\/\n }\n .step-item {\n flex-direction: column; \/* Num\u00e9ro et contenu les uns sous les autres *\/\n align-items: flex-start;\n }\n .step-number {\n margin-right: 0;\n margin-bottom: 10px; \/* Espace vers le bas *\/\n }\n}\n\n<\/style>\n<\/head>\n<body>\n\n<div class=\"mpcs-main-content\">\n<div class=\"xpand-module-wrapper\"> \n<div class=\"module-container\"> \n\n \n <div class=\"accordion-container\">\n \n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" aria-controls=\"content-wissen\" id=\"header-wissen\">\n <div class=\"header-content\">\n <svg class=\"knowledge-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 8V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 12H16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <h3>Ce que vous savez d\u00e9j\u00e0<\/h3>\n <\/div>\n <span class=\"toggle-icon\">\u25bc<\/span>\n <\/div>\n <div id=\"content-wissen\" class=\"accordion-content\" role=\"region\" aria-labelledby=\"header-wissen\">\n <ul>\n <li>L’IA peut vous aider dans de nombreuses t\u00e2ches de votre quotidien professionnel<\/li>\n <li>La plateforme xpandAI propose des assistants sp\u00e9cialis\u00e9s pour diff\u00e9rents domaines d’application<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" aria-controls=\"content-lernen\" id=\"header-lernen\">\n <div class=\"header-content\">\n <svg class=\"knowledge-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 12L12 8L8 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 16V8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <h3>Ce que vous apprendrez dans ce module<\/h3>\n <\/div>\n <span class=\"toggle-icon\">\u25bc<\/span>\n <\/div>\n <div id=\"content-lernen\" class=\"accordion-content\" role=\"region\" aria-labelledby=\"header-lernen\">\n <ul>\n <li>Comment identifier des cas d’utilisation simples de l’IA pour votre quotidien professionnel<\/li>\n <li>Quel assistant xpandAI est adapt\u00e9 \u00e0 quelles t\u00e2ches de base<\/li>\n <li>Comment mettre en \u0153uvre un premier cas d’utilisation concret<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n\n\n <div class=\"content-section\">\n <h3 class=\"section-title\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 12H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 8V16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 1. Identifier les cas d’utilisation\n <\/h3>\n\n <p class=\"section-intro\">Les assistants IA peuvent vous aider dans de nombreux domaines de votre quotidien professionnel \u2013 mais par o\u00f9 commencer ?<\/p>\n\n <div class=\"reflection-box\">\n <h4>Retour sur vos notes<\/h4>\n <p>Dans le module 1.5, vous avez d\u00e9j\u00e0 r\u00e9fl\u00e9chi aux cas d’utilisation de l’IA dans votre quotidien professionnel. Reprenez ces notes et r\u00e9fl\u00e9chissez \u00e0 l’assistant xpand qui vous aidera le mieux.<\/p>\n <p class=\"reflection-text\">Si vous n’avez plus vos notes, pensez aux t\u00e2ches r\u00e9guli\u00e8res pour lesquelles vous souhaiteriez un soutien.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"content-section\">\n <h3 class=\"section-title\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 12H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 8H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 16H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 2. Les assistants xpandAI : Vos premiers outils\n <\/h3>\n\n <p class=\"section-intro\">La plateforme xpandAI vous propose des assistants sp\u00e9cialis\u00e9s, optimis\u00e9s pour diff\u00e9rentes t\u00e2ches.<\/p>\n\n <div class=\"assistants-grid\">\n <div class=\"assistant-card\">\n <div class=\"assistant-icon\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M22 6L12 13L2 6\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"assistant-title\">Assistant E-mail<\/div>\n <div class=\"assistant-desc\">\n <p>Vous aide \u00e0 r\u00e9diger et \u00e0 optimiser des e-mails dans diff\u00e9rents tons.<\/p>\n <\/div>\n <div class=\"assistant-examples\">\n <div class=\"assistant-examples-title\">Applications typiques :<\/div>\n <ul>\n <li>Communication client<\/li>\n <li>Communications internes<\/li>\n <li>R\u00e9pondre aux demandes<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"assistant-card\">\n <div class=\"assistant-icon\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M14 2V8H20\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 13H8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 17H8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M10 9H9H8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"assistant-title\">Assistant Compte rendu<\/div>\n <div class=\"assistant-desc\">\n <p>Vous aide \u00e0 structurer les notes de r\u00e9union et \u00e0 en extraire les points importants.<\/p>\n <\/div>\n <div class=\"assistant-examples\">\n <div class=\"assistant-examples-title\">Applications typiques :<\/div>\n <ul>\n <li>R\u00e9sum\u00e9s de r\u00e9union<\/li>\n <li>Extraire les points d’action<\/li>\n <li>Documenter les d\u00e9cisions<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"assistant-card\">\n <div class=\"assistant-icon\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M9.663 17H14.337M12 17V13M12 3V4M18.25 6.75L17.2 7.8M21 12H20M4 12H3M6.75 6.75L7.8 7.8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n <path d=\"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 22C16.9706 22 21 17.9706 21 13C21 8.02944 16.9706 4 12 4C7.02944 4 3 8.02944 3 13C3 17.9706 7.02944 22 12 22Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"assistant-title\">Assistant d’id\u00e9es<\/div>\n <div class=\"assistant-desc\">\n <p>Vous accompagne dans les processus cr\u00e9atifs et offre de nouvelles perspectives.<\/p>\n <\/div>\n <div class=\"assistant-examples\">\n <div class=\"assistant-examples-title\">Applications typiques :<\/div>\n <ul>\n <li>Brainstorming<\/li>\n <li>Trouver des solutions aux probl\u00e8mes<\/li>\n <li>D\u00e9velopper des concepts<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"assistant-card\">\n <div class=\"assistant-icon\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M14 2V8H20\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 13H8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 17H8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M10 9H9H8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"assistant-title\">Assistant de contenu<\/div>\n <div class=\"assistant-desc\">\n <p>Vous aide \u00e0 cr\u00e9er et \u00e0 optimiser diff\u00e9rents formats de contenu.<\/p>\n <\/div>\n <div class=\"assistant-examples\">\n <div class=\"assistant-examples-title\">Applications typiques :<\/div>\n <ul>\n <li>Textes \u00e0 des fins diverses<\/li>\n <li>Supports de pr\u00e9sentation<\/li>\n <li>Rapports et r\u00e9sum\u00e9s<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"content-section\">\n <h3 class=\"section-title\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 12H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 16V8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 3. Votre premier cas d’utilisation : comment proc\u00e9der\n <\/h3>\n\n <p class=\"section-intro\">Le meilleur moyen de se lancer dans l’utilisation de l’IA est de commencer par un cas d’utilisation concret et g\u00e9rable.<\/p>\n\n <div class=\"steps-container\">\n <div class=\"step-item\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">D\u00e9finir clairement la t\u00e2che<\/div>\n <p>R\u00e9fl\u00e9chissez pr\u00e9cis\u00e9ment \u00e0 ce que vous voulez accomplir et aux informations qui sont importantes. Plus votre \u00e9nonc\u00e9 de t\u00e2che est concret, plus l’assistant peut travailler de mani\u00e8re cibl\u00e9e.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step-item\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">Choisir l’assistant appropri\u00e9<\/div>\n <p>D\u00e9cidez, en fonction de la t\u00e2che, quel assistant xpand est le plus adapt\u00e9. En cas de doute, vous pouvez \u00e9galement essayer plusieurs assistants et comparer les r\u00e9sultats.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step-item\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">Donner des instructions et affiner<\/div>\n <p>Formulez une instruction claire pour l’assistant. Si le premier r\u00e9sultat ne correspond pas \u00e0 vos attentes, donnez un feedback plus sp\u00e9cifique et affinez votre demande.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"content-section\">\n <h3 class=\"section-title\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 12H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 16H13\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 8H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 4. R\u00e9fl\u00e9chir au succ\u00e8s\n <\/h3>\n\n <p class=\"section-intro\">Apr\u00e8s votre premi\u00e8re utilisation d’un assistant IA, il est utile de prendre un moment pour \u00e9valuer le succ\u00e8s.<\/p>\n\n <div class=\"reflection-questions\">\n <h4>Posez-vous ces questions :<\/h4>\n <ul>\n <li>L’assistant m’a-t-il fait gagner du temps ?<\/li>\n <li>Le r\u00e9sultat est-il utile pour ma t\u00e2che ?<\/li>\n <li>Que ferais-je diff\u00e9remment la prochaine fois ?<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"takeaway-box\">\n <h3>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"white\" stroke-width=\"2\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"6\" stroke=\"white\" stroke-width=\"2\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"2\" stroke=\"white\" stroke-width=\"2\"><\/circle>\n <\/svg>\n Ce qu’il faut retenir\n <\/h3>\n <ul>\n <li>Commencez par des t\u00e2ches simples et concr\u00e8tes<\/li>\n <li>Les assistants xpandAI sont optimis\u00e9s pour les t\u00e2ches quotidiennes<\/li>\n <li>Accumulez de l’exp\u00e9rience et construisez dessus<\/li>\n <\/ul>\n <p class=\"navigator-hint\">Dans le cours Navigateur, vous pourriez apprendre \u00e0 mettre en \u0153uvre des cas d’utilisation avanc\u00e9s.<\/p>\n <\/div>\n\n<\/div> \n<\/div> \n\n<script>\nfunction toggleAccordion(headerElement) {\n \/\/ Trouver la r\u00e9f\u00e9rence correcte \u00e0 l'\u00e9l\u00e9ment de contenu (en tant qu'\u00e9l\u00e9ment suivant)\n const content = headerElement.nextElementSibling;\n if (!content || !content.classList.contains('accordion-content')) {\n console.error(\"Impossible de trouver l'\u00e9l\u00e9ment accordion-content correspondant.\");\n return;\n }\n\n const isActive = headerElement.classList.contains('active');\n\n \/\/ Supprimer les styles en ligne pour que les classes CSS puissent s'appliquer\n content.style.maxHeight = '';\n content.style.paddingTop = '';\n content.style.paddingBottom = '';\n\n\n if (isActive) {\n \/\/ --- Fermer ---\n headerElement.classList.remove('active');\n content.classList.remove('active');\n headerElement.setAttribute('aria-expanded', 'false');\n content.setAttribute('aria-hidden', 'true');\n } else {\n \/\/ --- Ouvrir ---\n headerElement.classList.add('active');\n content.classList.add('active');\n headerElement.setAttribute('aria-expanded', 'true');\n content.setAttribute('aria-hidden', 'false');\n \/\/ D\u00e9finir max-height \u00e0 la hauteur requise du contenu (imm\u00e9diatement sans transition)\n content.style.maxHeight = content.scrollHeight + \"px\";\n }\n}\n\n\/\/ Fermer initialement tout le contenu\nfunction closeAllAccordions() {\n document.querySelectorAll('.accordion-item').forEach(item => {\n const header = item.querySelector('.accordion-header');\n const content = item.querySelector('.accordion-content');\n if (header && content) {\n header.classList.remove('active');\n content.classList.remove('active');\n header.setAttribute('aria-expanded', 'false');\n content.setAttribute('aria-hidden', 'true');\n \/\/ R\u00e9initialiser les styles\n content.style.maxHeight = '';\n content.style.paddingTop = '';\n content.style.paddingBottom = '';\n }\n });\n}\n\n\/\/ S'assurer que le DOM est charg\u00e9 avant d'ex\u00e9cuter le JS\nif (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', closeAllAccordions);\n} else {\n closeAllAccordions();\n}\n<\/script>\n\n<\/div> \n<\/body>\n<\/html>\n","protected":false},"featured_media":0,"template":"","mpcs-curriculum-categories":[],"mpcs-curriculum-tags":[],"class_list":["post-5865","mpcs-lesson","type-mpcs-lesson","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"\n<title>5.2 | Les assistants en action : vos cas d'utilisation de l'IA | xpandAI<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5.2 | Les assistants en action : vos cas d'utilisation de l'IA | xpandAI\" \/>\n<meta property=\"og:description\" content=\"Module 6.1 : Trouver les premiers cas d’utilisation Ce que vous savez d\u00e9j\u00e0 \u25bc L’IA peut vous aider dans de nombreuses t\u00e2ches de votre quotidien professionnel La plateforme xpandAI propose des assistants sp\u00e9cialis\u00e9s pour diff\u00e9rents domaines d’application Ce que vous apprendrez dans ce module \u25bc Comment identifier des cas d’utilisation simples de l’IA pour votre quotidien professionnel Quel assistant xpandAI…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/\" \/>\n<meta property=\"og:site_name\" content=\"xpandAI\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-20T14:01:04+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\\\/\",\"url\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\\\/\",\"name\":\"5.2 | Les assistants en action : vos cas d'utilisation de l'IA | xpandAI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/#website\"},\"datePublished\":\"2025-10-20T13:57:49+00:00\",\"dateModified\":\"2025-10-20T14:01:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/xpandai.one\\\/en\\\/start\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5.2 | Les assistants en action : vos cas d’utilisation de l’IA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/xpandai.one\\\/en\\\/\",\"name\":\"xpandAI\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/xpandai.one\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"5.2 | Les assistants en action : vos cas d'utilisation de l'IA | xpandAI","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/","og_locale":"en_US","og_type":"article","og_title":"5.2 | Les assistants en action : vos cas d'utilisation de l'IA | xpandAI","og_description":"Module 6.1 : Trouver les premiers cas d’utilisation Ce que vous savez d\u00e9j\u00e0 \u25bc L’IA peut vous aider dans de nombreuses t\u00e2ches de votre quotidien professionnel La plateforme xpandAI propose des assistants sp\u00e9cialis\u00e9s pour diff\u00e9rents domaines d’application Ce que vous apprendrez dans ce module \u25bc Comment identifier des cas d’utilisation simples de l’IA pour votre quotidien professionnel Quel assistant xpandAI…","og_url":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/","og_site_name":"xpandAI","article_modified_time":"2025-10-20T14:01:04+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/","url":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/","name":"5.2 | Les assistants en action : vos cas d'utilisation de l'IA | xpandAI","isPartOf":{"@id":"https:\/\/xpandai.one\/en\/#website"},"datePublished":"2025-10-20T13:57:49+00:00","dateModified":"2025-10-20T14:01:04+00:00","breadcrumb":{"@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/xpandai.one\/en\/start\/"},{"@type":"ListItem","position":2,"name":"5.2 | Les assistants en action : vos cas d’utilisation de l’IA"}]},{"@type":"WebSite","@id":"https:\/\/xpandai.one\/en\/#website","url":"https:\/\/xpandai.one\/en\/","name":"xpandAI","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xpandai.one\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-lesson\/5865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-lesson"}],"about":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/types\/mpcs-lesson"}],"wp:attachment":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/media?parent=5865"}],"wp:term":[{"taxonomy":"mpcs-curriculum-categories","embeddable":true,"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-curriculum-categories?post=5865"},{"taxonomy":"mpcs-curriculum-tags","embeddable":true,"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-curriculum-tags?post=5865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5865,"date":"2025-10-20T15:57:49","date_gmt":"2025-10-20T13:57:49","guid":{"rendered":"https:\/\/xpandai.one\/?post_type=mpcs-lesson&p=5865"},"modified":"2025-10-20T16:01:04","modified_gmt":"2025-10-20T14:01:04","slug":"5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia","status":"publish","type":"mpcs-lesson","link":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/","title":{"rendered":"5.2 | Les assistants en action : vos cas d’utilisation de l’IA"},"content":{"rendered":"\n\n\n\n \n \n Module 6.1 : Trouver les premiers cas d’utilisation<\/title> \n<style>\n\/* -------------------------------------------------- *\/\n\/* --- CSS de base du framework --- *\/\n\/* -------------------------------------------------- *\/\n\n\/* Variables de couleur *\/\n:root {\n --primary: #52898b; \/* Turquoise *\/\n --secondary: #19404e; \/* Bleu fonc\u00e9 *\/\n --light-bg: #f5f9fa; \/* Arri\u00e8re-plan *\/\n --border: #e0e8e9; \/* Bordure *\/\n --accent: #e67e22; \/* Accentuation\/Orange *\/\n --text: #333333; \/* Texte *\/\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n margin: 0;\n color: var(--text);\n line-height: 1.6;\n}\n\n\/* Conteneur principal (Wrapper) - Facultatif, si vous en avez besoin *\/\n.xpand-module-wrapper {\n font-family: inherit;\n max-width: 800px;\n margin: 30px auto;\n padding: 0;\n box-sizing: border-box;\n}\n\n\/* Conteneur interne pour ce module *\/\n.module-container {\n font-family: inherit; \/* H\u00e9rite du body ou du wrapper *\/\n max-width: 800px; \/* Conserver la largeur maximale *\/\n margin: 30px auto; \/* Centrage et espacement *\/\n color: #333;\n line-height: 1.6;\n background-color: #f5f9fa;\n padding: 20px; \/* Padding pour le conteneur *\/\n border-radius: 8px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);\n border: 1px solid var(--border); \/* Bordure ajout\u00e9e *\/\n}\n\n\/* --- Styles de l'accord\u00e9on (NOUVEAU AJOUT\u00c9) --- *\/\n.accordion-container {\n margin-bottom: 40px; \/* Espace apr\u00e8s les accord\u00e9ons *\/\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.accordion-item {\n flex: 1;\n min-width: 250px; \/* Largeur minimale, s'adapte *\/\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.07);\n border: 1px solid var(--border);\n overflow: hidden;\n}\n\n.accordion-header {\n appearance: none; \/* Si un bouton est utilis\u00e9 *\/\n border: none; \/* Si un bouton est utilis\u00e9 *\/\n background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);\n color: white;\n padding: 12px 15px;\n font-weight: bold;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n text-align: left;\n font-size: inherit;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n.accordion-header:hover {\n background: linear-gradient(135deg, #2c5f70 0%, #6aaab0 100%);\n}\n.accordion-header:focus-visible {\n outline: 2px solid var(--accent);\n outline-offset: 2px;\n z-index: 1;\n}\n.accordion-header .header-content {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.accordion-header h3 {\n font-size: 16px;\n margin: 0;\n color: white;\n}\n.accordion-header svg.knowledge-icon {\n stroke: white; \/* Couleur de l'ic\u00f4ne pour l'en-t\u00eate sombre *\/\n width: 18px;\n height: 18px;\n margin-right: 8px;\n flex-shrink: 0;\n}\n.toggle-icon {\n font-size: 12px;\n margin-left: 10px;\n line-height: 1;\n color: white; \/* Couleur de la fl\u00e8che *\/\n}\n.accordion-header.active .toggle-icon {\n transform: rotate(180deg);\n}\n.accordion-content {\n background-color: white;\n padding: 0 15px;\n max-height: 0;\n overflow: hidden;\n}\n.accordion-content.active {\n padding-top: 15px;\n padding-bottom: 15px;\n border-top: 1px solid var(--border);\n \/* max-height est d\u00e9fini par JS *\/\n}\n.accordion-content ul {\n padding-left: 20px;\n margin: 0;\n list-style: disc;\n}\n.accordion-content li {\n margin-bottom: 8px;\n}\n.accordion-content li:last-child {\n margin-bottom: 0;\n}\n\/* --- Fin des styles de l'accord\u00e9on --- *\/\n\n\n\/* --- Styles restants (Section de contenu, R\u00e9flexion, Assistants, etc.) --- *\/\n.content-section {\n margin: 40px 0;\n}\n\n.section-title {\n color: #19404e;\n font-size: 22px;\n display: flex;\n align-items: center;\n border-bottom: 2px solid #52898b;\n padding-bottom: 10px;\n margin-bottom: 20px;\n}\n\n.section-title svg {\n margin-right: 10px;\n stroke: #52898b; \/* S'assure que la couleur est correcte ici *\/\n}\n\n.section-intro {\n font-size: 18px;\n margin-bottom: 25px;\n font-weight: 300;\n color: #19404e;\n}\n\n.reflection-box {\n background-color: rgba(82, 137, 139, 0.1);\n border-left: 4px solid #52898b;\n padding: 20px;\n margin: 30px 0;\n border-radius: 0 8px 8px 0;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n}\n\n.reflection-box h4 {\n margin-top: 0;\n color: #19404e;\n font-size: 18px;\n}\n\n.reflection-text {\n font-style: italic;\n color: #52898b;\n margin-top: 15px;\n margin-bottom: 0;\n}\n\n.assistants-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); \/* Largeur minimale l\u00e9g\u00e8rement ajust\u00e9e *\/\n gap: 25px;\n margin: 30px 0;\n}\n\n.assistant-card {\n background-color: white;\n border-radius: 8px;\n border: 1px solid #e0e8e9;\n padding: 25px;\n box-shadow: 0 3px 6px rgba(0,0,0,0.05);\n display: flex;\n flex-direction: column;\n}\n\n.assistant-card:hover {\n \/* Effet de survol facultatif, si aucune transition n'est souhait\u00e9e *\/\n}\n\n.assistant-icon {\n margin-bottom: 15px;\n color: #52898b;\n}\n.assistant-icon svg path,\n.assistant-icon svg polyline,\n.assistant-icon svg line, \/* Pour les ic\u00f4nes comme l'assistant d'id\u00e9es *\/\n.assistant-icon svg circle \/* Pour les ic\u00f4nes comme l'assistant d'id\u00e9es *\/\n {\n stroke: #52898b; \/* S'assurer que toutes les parties de l'ic\u00f4ne sont color\u00e9es *\/\n}\n\n\n.assistant-title {\n font-weight: bold;\n color: #19404e;\n font-size: 20px;\n margin-bottom: 15px;\n}\n\n.assistant-desc {\n margin-bottom: 15px;\n flex-grow: 1;\n}\n\n.assistant-desc p {\n margin: 0;\n}\n\n.assistant-examples {\n background-color: #f5f9fa;\n padding: 15px;\n border-radius: 8px;\n font-size: 15px;\n border: 1px solid #e0e8e9; \/* Bordure l\u00e9g\u00e8re *\/\n}\n\n.assistant-examples-title {\n font-weight: bold;\n margin-bottom: 10px;\n font-size: 16px;\n color: #19404e;\n}\n\n.assistant-examples ul {\n margin-bottom: 0;\n padding-left: 20px;\n}\n\n.assistant-examples li {\n margin-bottom: 5px;\n}\n.assistant-examples li:last-child {\n margin-bottom: 0;\n}\n\n.steps-container {\n margin: 30px 0;\n}\n\n.step-item {\n display: flex;\n margin-bottom: 30px;\n align-items: flex-start;\n}\n\n.step-item:last-child {\n margin-bottom: 0;\n}\n\n.step-number {\n background-color: #52898b;\n color: white;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 20px;\n font-weight: bold;\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.step-content {\n flex: 1;\n}\n\n.step-title {\n font-weight: bold;\n color: #19404e;\n font-size: 18px;\n margin-bottom: 10px;\n}\n\n.reflection-questions {\n background-color: #ffffff;\n border-radius: 8px;\n padding: 25px;\n margin: 30px 0;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n border: 1px solid #e0e8e9;\n}\n\n.reflection-questions h4 {\n margin-top: 0;\n color: #19404e;\n margin-bottom: 20px;\n}\n\n.reflection-questions ul {\n margin-bottom: 0;\n padding-left: 20px;\n}\n\n.reflection-questions li {\n margin-bottom: 12px;\n}\n\n.reflection-questions li:last-child {\n margin-bottom: 0;\n}\n\n.takeaway-box {\n background: linear-gradient(135deg, #52898b 0%, #19404e 100%);\n color: white;\n padding: 25px;\n border-radius: 8px;\n margin: 40px 0 10px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n}\n\n.takeaway-box h3 {\n color: white;\n display: flex;\n align-items: center;\n border-bottom: 2px solid rgba(255, 255, 255, 0.3);\n padding-bottom: 10px;\n margin-top: 0;\n margin-bottom: 15px;\n font-size: 20px; \/* Taille coh\u00e9rente *\/\n}\n\n.takeaway-box h3 svg {\n margin-right: 10px;\n stroke: white; \/* S'assurer *\/\n}\n\n.takeaway-box ul {\n margin-bottom: 20px;\n padding-left: 20px;\n list-style: disc; \/* Liste standard pour \"\u00c0 retenir\" *\/\n}\n\n.takeaway-box li {\n margin-bottom: 12px;\n}\n\n.takeaway-box li:last-child {\n margin-bottom: 0;\n}\n\n.navigator-hint {\n font-style: italic;\n margin-top: 20px;\n margin-bottom: 0;\n color: rgba(255, 255, 255, 0.9);\n font-size: 14px; \/* Un peu plus petit *\/\n padding-top: 15px; \/* Espace vers le haut *\/\n border-top: 1px solid rgba(255, 255, 255, 0.2); \/* Ligne de s\u00e9paration l\u00e9g\u00e8re *\/\n}\n\n@media (max-width: 768px) {\n .assistants-grid {\n grid-template-columns: 1fr; \/* Assistants les uns sous les autres sur tablettes\/mobiles plus petits *\/\n }\n}\n@media (max-width: 480px) {\n .assistants-grid {\n grid-template-columns: 1fr; \/* Reste sur une colonne *\/\n }\n .step-item {\n flex-direction: column; \/* Num\u00e9ro et contenu les uns sous les autres *\/\n align-items: flex-start;\n }\n .step-number {\n margin-right: 0;\n margin-bottom: 10px; \/* Espace vers le bas *\/\n }\n}\n\n<\/style>\n<\/head>\n<body>\n\n<div class=\"mpcs-main-content\">\n<div class=\"xpand-module-wrapper\"> \n<div class=\"module-container\"> \n\n \n <div class=\"accordion-container\">\n \n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" aria-controls=\"content-wissen\" id=\"header-wissen\">\n <div class=\"header-content\">\n <svg class=\"knowledge-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 8V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 12H16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <h3>Ce que vous savez d\u00e9j\u00e0<\/h3>\n <\/div>\n <span class=\"toggle-icon\">\u25bc<\/span>\n <\/div>\n <div id=\"content-wissen\" class=\"accordion-content\" role=\"region\" aria-labelledby=\"header-wissen\">\n <ul>\n <li>L’IA peut vous aider dans de nombreuses t\u00e2ches de votre quotidien professionnel<\/li>\n <li>La plateforme xpandAI propose des assistants sp\u00e9cialis\u00e9s pour diff\u00e9rents domaines d’application<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" aria-controls=\"content-lernen\" id=\"header-lernen\">\n <div class=\"header-content\">\n <svg class=\"knowledge-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 12L12 8L8 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 16V8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <h3>Ce que vous apprendrez dans ce module<\/h3>\n <\/div>\n <span class=\"toggle-icon\">\u25bc<\/span>\n <\/div>\n <div id=\"content-lernen\" class=\"accordion-content\" role=\"region\" aria-labelledby=\"header-lernen\">\n <ul>\n <li>Comment identifier des cas d’utilisation simples de l’IA pour votre quotidien professionnel<\/li>\n <li>Quel assistant xpandAI est adapt\u00e9 \u00e0 quelles t\u00e2ches de base<\/li>\n <li>Comment mettre en \u0153uvre un premier cas d’utilisation concret<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n\n\n <div class=\"content-section\">\n <h3 class=\"section-title\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 12H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 8V16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 1. Identifier les cas d’utilisation\n <\/h3>\n\n <p class=\"section-intro\">Les assistants IA peuvent vous aider dans de nombreux domaines de votre quotidien professionnel \u2013 mais par o\u00f9 commencer ?<\/p>\n\n <div class=\"reflection-box\">\n <h4>Retour sur vos notes<\/h4>\n <p>Dans le module 1.5, vous avez d\u00e9j\u00e0 r\u00e9fl\u00e9chi aux cas d’utilisation de l’IA dans votre quotidien professionnel. Reprenez ces notes et r\u00e9fl\u00e9chissez \u00e0 l’assistant xpand qui vous aidera le mieux.<\/p>\n <p class=\"reflection-text\">Si vous n’avez plus vos notes, pensez aux t\u00e2ches r\u00e9guli\u00e8res pour lesquelles vous souhaiteriez un soutien.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"content-section\">\n <h3 class=\"section-title\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 12H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 8H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 16H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 2. Les assistants xpandAI : Vos premiers outils\n <\/h3>\n\n <p class=\"section-intro\">La plateforme xpandAI vous propose des assistants sp\u00e9cialis\u00e9s, optimis\u00e9s pour diff\u00e9rentes t\u00e2ches.<\/p>\n\n <div class=\"assistants-grid\">\n <div class=\"assistant-card\">\n <div class=\"assistant-icon\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M22 6L12 13L2 6\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"assistant-title\">Assistant E-mail<\/div>\n <div class=\"assistant-desc\">\n <p>Vous aide \u00e0 r\u00e9diger et \u00e0 optimiser des e-mails dans diff\u00e9rents tons.<\/p>\n <\/div>\n <div class=\"assistant-examples\">\n <div class=\"assistant-examples-title\">Applications typiques :<\/div>\n <ul>\n <li>Communication client<\/li>\n <li>Communications internes<\/li>\n <li>R\u00e9pondre aux demandes<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"assistant-card\">\n <div class=\"assistant-icon\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M14 2V8H20\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 13H8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 17H8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M10 9H9H8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"assistant-title\">Assistant Compte rendu<\/div>\n <div class=\"assistant-desc\">\n <p>Vous aide \u00e0 structurer les notes de r\u00e9union et \u00e0 en extraire les points importants.<\/p>\n <\/div>\n <div class=\"assistant-examples\">\n <div class=\"assistant-examples-title\">Applications typiques :<\/div>\n <ul>\n <li>R\u00e9sum\u00e9s de r\u00e9union<\/li>\n <li>Extraire les points d’action<\/li>\n <li>Documenter les d\u00e9cisions<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"assistant-card\">\n <div class=\"assistant-icon\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M9.663 17H14.337M12 17V13M12 3V4M18.25 6.75L17.2 7.8M21 12H20M4 12H3M6.75 6.75L7.8 7.8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n <path d=\"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 22C16.9706 22 21 17.9706 21 13C21 8.02944 16.9706 4 12 4C7.02944 4 3 8.02944 3 13C3 17.9706 7.02944 22 12 22Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"assistant-title\">Assistant d’id\u00e9es<\/div>\n <div class=\"assistant-desc\">\n <p>Vous accompagne dans les processus cr\u00e9atifs et offre de nouvelles perspectives.<\/p>\n <\/div>\n <div class=\"assistant-examples\">\n <div class=\"assistant-examples-title\">Applications typiques :<\/div>\n <ul>\n <li>Brainstorming<\/li>\n <li>Trouver des solutions aux probl\u00e8mes<\/li>\n <li>D\u00e9velopper des concepts<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"assistant-card\">\n <div class=\"assistant-icon\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M14 2V8H20\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 13H8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 17H8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M10 9H9H8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"assistant-title\">Assistant de contenu<\/div>\n <div class=\"assistant-desc\">\n <p>Vous aide \u00e0 cr\u00e9er et \u00e0 optimiser diff\u00e9rents formats de contenu.<\/p>\n <\/div>\n <div class=\"assistant-examples\">\n <div class=\"assistant-examples-title\">Applications typiques :<\/div>\n <ul>\n <li>Textes \u00e0 des fins diverses<\/li>\n <li>Supports de pr\u00e9sentation<\/li>\n <li>Rapports et r\u00e9sum\u00e9s<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"content-section\">\n <h3 class=\"section-title\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 12H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 16V8\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 3. Votre premier cas d’utilisation : comment proc\u00e9der\n <\/h3>\n\n <p class=\"section-intro\">Le meilleur moyen de se lancer dans l’utilisation de l’IA est de commencer par un cas d’utilisation concret et g\u00e9rable.<\/p>\n\n <div class=\"steps-container\">\n <div class=\"step-item\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">D\u00e9finir clairement la t\u00e2che<\/div>\n <p>R\u00e9fl\u00e9chissez pr\u00e9cis\u00e9ment \u00e0 ce que vous voulez accomplir et aux informations qui sont importantes. Plus votre \u00e9nonc\u00e9 de t\u00e2che est concret, plus l’assistant peut travailler de mani\u00e8re cibl\u00e9e.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step-item\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">Choisir l’assistant appropri\u00e9<\/div>\n <p>D\u00e9cidez, en fonction de la t\u00e2che, quel assistant xpand est le plus adapt\u00e9. En cas de doute, vous pouvez \u00e9galement essayer plusieurs assistants et comparer les r\u00e9sultats.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step-item\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-content\">\n <div class=\"step-title\">Donner des instructions et affiner<\/div>\n <p>Formulez une instruction claire pour l’assistant. Si le premier r\u00e9sultat ne correspond pas \u00e0 vos attentes, donnez un feedback plus sp\u00e9cifique et affinez votre demande.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"content-section\">\n <h3 class=\"section-title\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 12H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 16H13\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 8H16\" stroke=\"#52898b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 4. R\u00e9fl\u00e9chir au succ\u00e8s\n <\/h3>\n\n <p class=\"section-intro\">Apr\u00e8s votre premi\u00e8re utilisation d’un assistant IA, il est utile de prendre un moment pour \u00e9valuer le succ\u00e8s.<\/p>\n\n <div class=\"reflection-questions\">\n <h4>Posez-vous ces questions :<\/h4>\n <ul>\n <li>L’assistant m’a-t-il fait gagner du temps ?<\/li>\n <li>Le r\u00e9sultat est-il utile pour ma t\u00e2che ?<\/li>\n <li>Que ferais-je diff\u00e9remment la prochaine fois ?<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"takeaway-box\">\n <h3>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"white\" stroke-width=\"2\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"6\" stroke=\"white\" stroke-width=\"2\"><\/circle>\n <circle cx=\"12\" cy=\"12\" r=\"2\" stroke=\"white\" stroke-width=\"2\"><\/circle>\n <\/svg>\n Ce qu’il faut retenir\n <\/h3>\n <ul>\n <li>Commencez par des t\u00e2ches simples et concr\u00e8tes<\/li>\n <li>Les assistants xpandAI sont optimis\u00e9s pour les t\u00e2ches quotidiennes<\/li>\n <li>Accumulez de l’exp\u00e9rience et construisez dessus<\/li>\n <\/ul>\n <p class=\"navigator-hint\">Dans le cours Navigateur, vous pourriez apprendre \u00e0 mettre en \u0153uvre des cas d’utilisation avanc\u00e9s.<\/p>\n <\/div>\n\n<\/div> \n<\/div> \n\n<script>\nfunction toggleAccordion(headerElement) {\n \/\/ Trouver la r\u00e9f\u00e9rence correcte \u00e0 l'\u00e9l\u00e9ment de contenu (en tant qu'\u00e9l\u00e9ment suivant)\n const content = headerElement.nextElementSibling;\n if (!content || !content.classList.contains('accordion-content')) {\n console.error(\"Impossible de trouver l'\u00e9l\u00e9ment accordion-content correspondant.\");\n return;\n }\n\n const isActive = headerElement.classList.contains('active');\n\n \/\/ Supprimer les styles en ligne pour que les classes CSS puissent s'appliquer\n content.style.maxHeight = '';\n content.style.paddingTop = '';\n content.style.paddingBottom = '';\n\n\n if (isActive) {\n \/\/ --- Fermer ---\n headerElement.classList.remove('active');\n content.classList.remove('active');\n headerElement.setAttribute('aria-expanded', 'false');\n content.setAttribute('aria-hidden', 'true');\n } else {\n \/\/ --- Ouvrir ---\n headerElement.classList.add('active');\n content.classList.add('active');\n headerElement.setAttribute('aria-expanded', 'true');\n content.setAttribute('aria-hidden', 'false');\n \/\/ D\u00e9finir max-height \u00e0 la hauteur requise du contenu (imm\u00e9diatement sans transition)\n content.style.maxHeight = content.scrollHeight + \"px\";\n }\n}\n\n\/\/ Fermer initialement tout le contenu\nfunction closeAllAccordions() {\n document.querySelectorAll('.accordion-item').forEach(item => {\n const header = item.querySelector('.accordion-header');\n const content = item.querySelector('.accordion-content');\n if (header && content) {\n header.classList.remove('active');\n content.classList.remove('active');\n header.setAttribute('aria-expanded', 'false');\n content.setAttribute('aria-hidden', 'true');\n \/\/ R\u00e9initialiser les styles\n content.style.maxHeight = '';\n content.style.paddingTop = '';\n content.style.paddingBottom = '';\n }\n });\n}\n\n\/\/ S'assurer que le DOM est charg\u00e9 avant d'ex\u00e9cuter le JS\nif (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', closeAllAccordions);\n} else {\n closeAllAccordions();\n}\n<\/script>\n\n<\/div> \n<\/body>\n<\/html>\n","protected":false},"featured_media":0,"template":"","mpcs-curriculum-categories":[],"mpcs-curriculum-tags":[],"class_list":["post-5865","mpcs-lesson","type-mpcs-lesson","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"\n<title>5.2 | Les assistants en action : vos cas d'utilisation de l'IA | xpandAI<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5.2 | Les assistants en action : vos cas d'utilisation de l'IA | xpandAI\" \/>\n<meta property=\"og:description\" content=\"Module 6.1 : Trouver les premiers cas d’utilisation Ce que vous savez d\u00e9j\u00e0 \u25bc L’IA peut vous aider dans de nombreuses t\u00e2ches de votre quotidien professionnel La plateforme xpandAI propose des assistants sp\u00e9cialis\u00e9s pour diff\u00e9rents domaines d’application Ce que vous apprendrez dans ce module \u25bc Comment identifier des cas d’utilisation simples de l’IA pour votre quotidien professionnel Quel assistant xpandAI…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/\" \/>\n<meta property=\"og:site_name\" content=\"xpandAI\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-20T14:01:04+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\\\/\",\"url\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\\\/\",\"name\":\"5.2 | Les assistants en action : vos cas d'utilisation de l'IA | xpandAI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/#website\"},\"datePublished\":\"2025-10-20T13:57:49+00:00\",\"dateModified\":\"2025-10-20T14:01:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/xpandai.one\\\/en\\\/start\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5.2 | Les assistants en action : vos cas d’utilisation de l’IA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/xpandai.one\\\/en\\\/\",\"name\":\"xpandAI\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/xpandai.one\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"5.2 | Les assistants en action : vos cas d'utilisation de l'IA | xpandAI","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/","og_locale":"en_US","og_type":"article","og_title":"5.2 | Les assistants en action : vos cas d'utilisation de l'IA | xpandAI","og_description":"Module 6.1 : Trouver les premiers cas d’utilisation Ce que vous savez d\u00e9j\u00e0 \u25bc L’IA peut vous aider dans de nombreuses t\u00e2ches de votre quotidien professionnel La plateforme xpandAI propose des assistants sp\u00e9cialis\u00e9s pour diff\u00e9rents domaines d’application Ce que vous apprendrez dans ce module \u25bc Comment identifier des cas d’utilisation simples de l’IA pour votre quotidien professionnel Quel assistant xpandAI…","og_url":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/","og_site_name":"xpandAI","article_modified_time":"2025-10-20T14:01:04+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/","url":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/","name":"5.2 | Les assistants en action : vos cas d'utilisation de l'IA | xpandAI","isPartOf":{"@id":"https:\/\/xpandai.one\/en\/#website"},"datePublished":"2025-10-20T13:57:49+00:00","dateModified":"2025-10-20T14:01:04+00:00","breadcrumb":{"@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/5-2-les-assistants-en-action-vos-cas-dutilisation-de-lia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/xpandai.one\/en\/start\/"},{"@type":"ListItem","position":2,"name":"5.2 | Les assistants en action : vos cas d’utilisation de l’IA"}]},{"@type":"WebSite","@id":"https:\/\/xpandai.one\/en\/#website","url":"https:\/\/xpandai.one\/en\/","name":"xpandAI","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xpandai.one\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-lesson\/5865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-lesson"}],"about":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/types\/mpcs-lesson"}],"wp:attachment":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/media?parent=5865"}],"wp:term":[{"taxonomy":"mpcs-curriculum-categories","embeddable":true,"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-curriculum-categories?post=5865"},{"taxonomy":"mpcs-curriculum-tags","embeddable":true,"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-curriculum-tags?post=5865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}