Module 4.3 : La loi de l’UE sur l’IA pour les utilisateurs<\/title> \n<style>\n\/* -------------------------------------------------- *\/\n\/* --- Framework CSS de l'Acad\u00e9mie Xpand AI --- *\/\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 \/* Couleurs de niveau (facultatif, si n\u00e9cessaire) *\/\n --explorer-color: #4573d5; \/* Bleu *\/\n --navigator-color: #e6b035; \/* Jaune *\/\n --ambassador-color: #49a75c; \/* Vert *\/\n --architect-color: #d95555; \/* Rouge *\/\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; \/* Police d\u00e9finie pour le body *\/\n margin: 0;\n color: var(--text);\n line-height: 1.6; \/* Hauteur de ligne par d\u00e9faut *\/\n}\n\n\/* D\u00e9finition du conteneur principal (obligatoire pour le framework) *\/\n.xpand-module-wrapper {\n width: 100%;\n max-width: 800px; \/* Largeur maximale pour le module *\/\n margin: 40px auto; \/* Centrage et espacement vertical *\/\n padding: 0px; \/* Pas de padding suppl\u00e9mentaire, car le conteneur int\u00e9rieur en a *\/\n box-sizing: border-box;\n}\n\n\/* -------------------------------------------------- *\/\n\/* --- CSS Sp\u00e9cifique au Module 4.3 --- *\/\n\/* -------------------------------------------------- *\/\n\n\/* Conteneur interne pour cette mise en page de module sp\u00e9cifique *\/\n.module-container {\n \/* max-width: 800px; *\/ \/* Redondant, car .xpand-module-wrapper est d\u00e9j\u00e0 limit\u00e9 *\/\n \/* margin: 0 auto; *\/ \/* Redondant, car .xpand-module-wrapper est d\u00e9j\u00e0 centr\u00e9 *\/\n font-family: inherit; \/* H\u00e9rite du body ou du wrapper *\/\n color: var(--text);\n background-color: var(--light-bg);\n padding: 30px; \/* Padding ajust\u00e9 *\/\n border-radius: 8px; \/* Arrondi standard *\/\n box-shadow: 0 4px 10px rgba(0,0,0,0.05); \/* Ombre standard *\/\n box-sizing: border-box;\n border: 1px solid var(--border); \/* Bordure ajout\u00e9e pour la coh\u00e9rence *\/\n}\n\n.module-title {\n border-bottom: 2px solid var(--primary);\n margin-bottom: 30px;\n padding-bottom: 15px;\n}\n\n.module-title h1 {\n color: var(--secondary);\n font-size: 28px;\n margin-top: 0;\n margin-bottom: 10px;\n line-height: 1.3;\n}\n\n.info-section {\n display: flex;\n gap: 20px;\n margin-bottom: 30px;\n flex-wrap: wrap;\n}\n\n.info-box {\n flex: 1;\n min-width: 250px;\n background-color: #ffffff;\n border-radius: 8px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n overflow: hidden;\n border: 1px solid var(--border);\n}\n\n.info-box-header {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n cursor: pointer;\n background-color: #f9fbfc;\n \/* transition: background-color 0.3s; *\/ \/* TRANSITION SUPPRIM\u00c9E *\/\n border-bottom: 1px solid var(--border);\n}\n\n.info-box-header:hover {\n background-color: #f0f4f5;\n}\n\n.info-icon {\n margin-right: 12px;\n display: flex;\n align-items: center;\n}\n\n.info-icon svg {\n stroke: var(--primary);\n}\n\n.info-box-header h3 {\n margin: 0;\n font-size: 20px;\n color: var(--secondary);\n}\n\n.info-content {\n padding: 0 20px; \/* Padding haut\/bas \u00e0 0 initialement *\/\n max-height: 0; \/* Commence ferm\u00e9 *\/\n overflow: hidden;\n \/* transition: max-height 0.4s ease-out, padding 0.4s ease-out; *\/ \/* TRANSITION SUPPRIM\u00c9E *\/\n display: block !important; \/* Important si des styles externes d\u00e9finissent display:none *\/\n background-color: #ffffff; \/* S'assurer que l'arri\u00e8re-plan est blanc *\/\n}\n\n.info-content.active {\n \/* max-height est d\u00e9fini par JS *\/\n padding-top: 15px; \/* R\u00e9tablir le padding *\/\n padding-bottom: 15px; \/* R\u00e9tablir le padding *\/\n}\n\n.info-content ul {\n padding-left: 20px;\n margin-top: 0; \/* Pas d'espacement sup\u00e9rieur pour la liste *\/\n margin-bottom: 0; \/* Pas d'espacement inf\u00e9rieur pour la liste *\/\n list-style-type: disc;\n}\n\n.info-content li {\n margin-bottom: 10px;\n line-height: 1.6;\n}\n.info-content li:last-child {\n margin-bottom: 0; \/* Pas d'espacement apr\u00e8s le dernier \u00e9l\u00e9ment *\/\n}\n\n\/* CSS ajust\u00e9 pour .video-container *\/\n.video-container {\n position: relative;\n height: 0;\n padding-bottom: 56.25%; \/* Rapport d'aspect 16:9 *\/\n overflow: hidden;\n margin: 30px 0;\n border-radius: 8px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n background-color: #000000;\n}\n\n.video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n}\n\n.section-title {\n display: flex;\n align-items: center;\n color: var(--secondary);\n font-size: 24px;\n border-bottom: 1px solid var(--primary);\n padding-bottom: 10px;\n margin-top: 40px;\n margin-bottom: 25px;\n}\n\n.section-title svg {\n margin-right: 12px;\n stroke: var(--primary);\n}\n\n.content-section {\n margin-bottom: 30px;\n}\n\n.content-section p,\n.content-section ul li {\n line-height: 1.6;\n color: var(--text);\n}\n\n.light-bg {\n background-color: #ffffff;\n padding: 20px 25px;\n border-radius: 8px;\n border: 1px solid var(--border);\n}\n\n.quote {\n border-left: 4px solid var(--primary);\n padding: 15px 20px;\n margin: 20px 0;\n font-style: italic;\n background-color: rgba(82, 137, 139, 0.08);\n border-radius: 0 8px 8px 0;\n}\n\n.example-box {\n background-color: #ffffff;\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 20px 25px;\n margin-bottom: 20px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n}\n\n.example-title {\n font-weight: bold;\n color: var(--secondary);\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n font-size: 18px;\n}\n\n.example-title svg {\n margin-right: 10px;\n stroke: var(--primary);\n}\n\n.examples-list {\n list-style: none;\n padding-left: 30px;\n}\n\n.examples-list li {\n padding-left: 0;\n position: relative;\n margin-bottom: 12px;\n}\n\n.examples-list li:before {\n content: \"\u2022\";\n position: absolute;\n left: -18px;\n color: var(--primary);\n font-weight: bold;\n font-size: 1.2em;\n}\n\n.checklist {\n list-style: none;\n padding-left: 5px;\n}\n\n.checklist li {\n padding-left: 35px;\n position: relative;\n margin-bottom: 15px;\n}\n\n.checklist li:before {\n content: \"\";\n position: absolute;\n left: 10px;\n top: 7px;\n width: 6px;\n height: 12px;\n border-right: 2px solid var(--primary);\n border-bottom: 2px solid var(--primary);\n transform: rotate(45deg);\n}\n\n.tip-box {\n background-color: rgba(230, 126, 34, 0.1);\n border-left: 4px solid var(--accent);\n padding: 20px 25px;\n margin: 20px 0;\n border-radius: 0 8px 8px 0;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n}\n\n.tip-box h4 {\n color: #a05a1a;\n margin-top: 0;\n margin-bottom: 10px;\n font-size: 18px;\n}\n\n.resource-list {\n margin-top: 20px;\n}\n\n.resource-item {\n display: flex;\n align-items: flex-start;\n padding: 15px 20px;\n margin-top: 15px;\n background-color: #ffffff;\n border-radius: 8px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n border: 1px solid var(--border);\n}\n\n.resource-icon {\n margin-right: 15px;\n padding-top: 3px;\n display: flex;\n align-items: center;\n}\n\n.resource-icon svg {\n stroke: var(--secondary);\n}\n\n.resource-item div:last-child {\n flex: 1;\n}\n\n.resource-item strong {\n display: block;\n margin-bottom: 5px;\n color: var(--secondary);\n}\n\n.resource-link {\n color: var(--primary);\n text-decoration: none;\n font-weight: bold;\n \/* transition: color 0.3s; *\/ \/* TRANSITION SUPPRIM\u00c9E *\/\n}\n\n.resource-link:hover {\n color: var(--secondary);\n text-decoration: underline;\n}\n\n.takeaway-box {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: white;\n padding: 25px 30px;\n border-radius: 8px;\n margin-top: 40px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n}\n\n.takeaway-box h3 {\n display: flex;\n align-items: center;\n font-size: 22px;\n margin-top: 0;\n margin-bottom: 20px;\n color: white;\n padding-bottom: 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.3);\n}\n\n.takeaway-box h3 svg {\n margin-right: 12px;\n stroke: white;\n}\n\n.takeaway-box ul {\n padding-left: 25px;\n margin: 0;\n list-style: none;\n}\n\n.takeaway-box li {\n margin-bottom: 12px;\n padding-left: 15px;\n position: relative;\n}\n\n.takeaway-box li::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 9px;\n width: 6px;\n height: 6px;\n background-color: white;\n border-radius: 50%;\n}\n\n\n\/* Adaptations responsives *\/\n@media (max-width: 768px) {\n .xpand-module-wrapper {\n margin: 20px auto;\n }\n\n .module-container {\n padding: 20px;\n }\n\n .module-title h1 {\n font-size: 24px;\n }\n\n .info-section {\n flex-direction: column;\n gap: 15px;\n }\n\n .section-title {\n font-size: 20px;\n margin-top: 30px;\n margin-bottom: 20px;\n }\n\n .light-bg, .example-box, .tip-box, .resource-item, .takeaway-box {\n padding: 15px 20px;\n }\n\n .takeaway-box h3 {\n font-size: 20px;\n }\n}\n\n@media (max-width: 480px) {\n .module-title h1 {\n font-size: 22px;\n }\n .section-title {\n font-size: 18px;\n }\n .info-box-header h3 {\n font-size: 18px;\n }\n .example-title {\n font-size: 16px;\n }\n .takeaway-box h3 {\n font-size: 18px;\n }\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 <div class=\"module-title\">\n <h1>Module 4.3 : La loi de l’UE sur l’IA \u2013 Ce que vous devez savoir en tant qu’utilisateur<\/h1>\n <\/div>\n\n <div class=\"info-section\">\n <div class=\"info-box\">\n <div class=\"info-box-header\" onclick=\"toggleInfo('prerequisites')\">\n <div class=\"info-icon\">\n <svg 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 16V12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 8H12.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <h3>Ce que vous savez d\u00e9j\u00e0<\/h3>\n <\/div>\n <div id=\"prerequisites\" class=\"info-content\"> \n <ul>\n <li>L’IA pr\u00e9sente, outre des opportunit\u00e9s, des d\u00e9fis juridiques et \u00e9thiques<\/li>\n <li>La protection des donn\u00e9es et la s\u00e9curit\u00e9 sont des aspects importants de l’utilisation de l’IA<\/li>\n <li>En tant qu’utilisateur, vous \u00eates responsable de votre utilisation de l’IA<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"info-box\">\n <div class=\"info-box-header\" onclick=\"toggleInfo('learnings')\">\n <div class=\"info-icon\">\n <svg 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 <\/div>\n <h3>Ce que vous apprendrez dans ce module<\/h3>\n <\/div>\n <div id=\"learnings\" class=\"info-content\"> \n <ul>\n <li>Ce qu’est la loi de l’UE sur l’IA et pourquoi elle est pertinente pour vous<\/li>\n <li>Pourquoi il est important d’utiliser l’IA de mani\u00e8re responsable<\/li>\n <li>Vos devoirs et responsabilit\u00e9s en tant qu’utilisateur de l’IA<\/li>\n <li>Conseils pratiques pour une utilisation de l’IA conforme \u00e0 la loi au quotidien<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"video-container\">\n <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles\" data-borlabs-cookie-content-blocker-id=\"default\" data-borlabs-cookie-content=\"PGlmcmFtZSBzcmM9Imh0dHBzOi8vaWZyYW1lLm1lZGlhZGVsaXZlcnkubmV0L2VtYmVkLzQxMTkyNy9lNjlhMGI0Mi1mODRjLTQ0ZDAtOTdlYi0zZmQ1MWFhNjgxMDY\/YXV0b3BsYXk9ZmFsc2UmbG9vcD1mYWxzZSZtdXRlZD1mYWxzZSZwcmVsb2FkPXRydWUmcmVzcG9uc2l2ZT10cnVlIiBsb2FkaW5nPSJsYXp5IiBhbGxvdz0iYWNjZWxlcm9tZXRlcjtneXJvc2NvcGU7YXV0b3BsYXk7ZW5jcnlwdGVkLW1lZGlhO3BpY3R1cmUtaW4tcGljdHVyZTsiIGFsbG93ZnVsbHNjcmVlbj0idHJ1ZSI+PC9pZnJhbWU+\"><div class=\"brlbs-cmpnt-cb-preset-a\"> <p class=\"brlbs-cmpnt-cb-description\">You are currently viewing a placeholder content from <strong>Default<\/strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.<\/p> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Unblock content<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: none\">Accept required service and unblock content<\/a> <\/div> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">More Information<\/a> <\/div><\/div> \n <\/div>\n \n\n <h2 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=\"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 1. Pourquoi ce sujet est important pour vous\n <\/h2>\n <div class=\"content-section light-bg\">\n <p>Vous pensez peut-\u00eatre : \u00ab Je ne fais que travailler avec l’IA, je ne la d\u00e9veloppe pas. \u00bb Et pourtant : la loi de l’UE sur l’IA vous concerne directement. Car elle ne responsabilise pas seulement les d\u00e9veloppeurs, mais aussi tous ceux qui utilisent l’IA \u2013 c’est-\u00e0-dire nous tous dans notre quotidien professionnel.<\/p>\n <div class=\"quote\">\n \u00ab En tant qu’utilisateur, vous \u00eates responsable de ce que vous cr\u00e9ez avec l’IA et de la mani\u00e8re dont vous l’utilisez. \u00bb\n <\/div>\n <\/div>\n\n <h2 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=\"M8 6H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 12H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 18H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M3 6H3.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M3 12H3.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M3 18H3.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 2. Qu’est-ce qui s’applique concr\u00e8tement au quotidien professionnel ?\n <\/h2>\n <div class=\"content-section\">\n <div class=\"example-box\">\n <div class=\"example-title\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n Exemple 1 : Vous utilisez un assistant xpandAI pour r\u00e9diger un e-mail client.\n <\/div>\n <ul class=\"examples-list\">\n <li>Aucun probl\u00e8me.<\/li>\n <li>Mais : le texte doit \u00eatre v\u00e9rifiable, tra\u00e7able et conforme au RGPD (c’est ainsi qu’il est \u00e9galement g\u00e9n\u00e9r\u00e9 par l’IA, tant que vous ne modifiez pas le prompt).<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"example-box\">\n <div class=\"example-title\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n Exemple 2 : Vous reprenez int\u00e9gralement un rapport g\u00e9n\u00e9r\u00e9 par l’IA.\n <\/div>\n <ul class=\"examples-list\">\n <li>Le divulguer en interne.<\/li>\n <li>En cas de doute, un marquage externe (\u00ab assist\u00e9 par l’IA \u00bb) est judicieux.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"example-box\">\n <div class=\"example-title\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n Exemple 3 : Vous publiez une image g\u00e9n\u00e9r\u00e9e par l’IA sur l’intranet.\n <\/div>\n <ul class=\"examples-list\">\n <li>Obligatoire : marquage en tant qu’image IA (si elle semble trompeusement r\u00e9elle).<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <h2 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=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.85999\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M22 4L12 14.01L9 11.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 3. Ce qui est \u00e9galement important\n <\/h2>\n <div class=\"content-section light-bg\">\n <ul class=\"checklist\">\n <li>Pas de donn\u00e9es sensibles dans l’IA (donn\u00e9es de sant\u00e9, donn\u00e9es personnelles, etc.)<\/li>\n <li>Ne pas divulguer de secrets \u2013 code interne, donn\u00e9es clients, informations confidentielles sont tabous<\/li>\n <li>En cas de doute : demandez. Clarifiez en interne ce qui est autoris\u00e9 et ce qui ne l’est pas<\/li>\n <\/ul>\n <\/div>\n\n <h2 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=\"M9.09 9C9.3251 8.33167 9.78915 7.76811 10.4 7.40913C11.0108 7.05016 11.7289 6.91894 12.4272 7.03871C13.1255 7.15849 13.7588 7.52152 14.2151 8.06353C14.6713 8.60553 14.9211 9.29152 14.92 10C14.92 12 11.92 13 11.92 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 17H12.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"><\/circle>\n <\/svg>\n 4. Conseil xpand\n <\/h2>\n <div class=\"content-section\">\n <div class=\"tip-box\">\n <h4>Notre conseil pour la pratique :<\/h4>\n <p><strong>Marquez g\u00e9n\u00e9reusement, pas avec h\u00e9sitation.<\/strong> Une mention \u00e0 la fin du document comme : <em>\u00ab Cr\u00e9\u00e9 avec le soutien de XpandAI, v\u00e9rifi\u00e9 par Jean Dupont le 01\/04\/2025. \u00bb<\/em> apporte clart\u00e9 et confiance.<\/p>\n <\/div>\n <\/div>\n\n <h2 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=\"M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 5. En conclusion\n <\/h2>\n <div class=\"content-section light-bg\">\n <p>La loi sur l’IA va changer beaucoup de choses \u2013 mais pas d’un seul coup. C’est le moment de rendre votre utilisation de l’IA plus consciente et transparente. Non par peur, mais par responsabilit\u00e9.<\/p>\n <p>Vous n’\u00eates pas seul. Sur la plateforme xpand, vous trouverez des mod\u00e8les, des r\u00e8gles et des partenaires d’\u00e9change pour votre quotidien souverain avec l’IA.<\/p>\n\n <div class=\"resource-list\">\n <div class=\"resource-item\">\n <div class=\"resource-icon\">\n <svg width=\"24\" height=\"24\" 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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M14 2V8H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 13H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 17H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M10 9H9H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <strong>Fiche d’information :<\/strong> \u00ab La loi de l’UE sur l’IA expliqu\u00e9e en 3 minutes \u00bb\n <br>\n <a href=\"https:\/\/xpandai.one\/wp-content\/uploads\/2025\/04\/xpand-info-eu-ai-act.pdf\" class=\"resource-link\">T\u00e9l\u00e9charger (PDF, 1,2 Mo)<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\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>La loi de l’UE sur l’IA vous concerne \u00e9galement en tant qu’utilisateur de syst\u00e8mes d’IA<\/li>\n <li>La transparence et le marquage sont des obligations importantes lors de l’utilisation de l’IA<\/li>\n <li>Le traitement sensible des donn\u00e9es personnelles est essentiel<\/li>\n <li>La v\u00e9rification critique des contenus g\u00e9n\u00e9r\u00e9s par l’IA rel\u00e8ve de votre responsabilit\u00e9<\/li>\n <li>Une utilisation prudente de l’IA ne prot\u00e8ge pas seulement les autres, mais aussi vous-m\u00eame<\/li>\n <\/ul>\n <\/div>\n <\/div> \n<\/div> \n\n<script>\n function toggleInfo(id) {\n const content = document.getElementById(id);\n if (content) {\n const isActive = content.classList.contains('active');\n \/\/ console.log(`Bascule de ${id}. Actuellement actif : ${isActive}`); \/\/ D\u00e9bogage\n if (isActive) {\n \/\/ Fermer\n content.style.maxHeight = null; \/\/ Laisse le CSS max-height: 0 agir\n \/\/ Le padding est contr\u00f4l\u00e9 par la suppression de la classe .active et le CSS :not(.active)\n content.classList.remove('active');\n } else {\n \/\/ Ouvrir\n content.classList.add('active'); \/\/ Ajoute .active (contr\u00f4le le padding)\n \/\/ D\u00e9finir la hauteur APR\u00c8S l'ajout de .active\n content.style.maxHeight = content.scrollHeight + \"px\";\n }\n } else {\n \/\/ console.error(`\u00c9l\u00e9ment avec l'ID ${id} non trouv\u00e9.`); \/\/ D\u00e9bogage\n }\n }\n\n \/\/ Fonction pour fermer toutes les bo\u00eetes d'information au chargement de la page\n function closeAllInfoBoxes() {\n \/\/ console.log(\"Fermeture initiale de toutes les bo\u00eetes d'info...\"); \/\/ D\u00e9bogage\n document.querySelectorAll('.info-content').forEach(box => {\n box.classList.remove('active');\n \/\/ S'assure que max-height correspond au CSS (0)\n box.style.maxHeight = null;\n });\n \/\/ console.log(\"Toutes les bo\u00eetes d'info ferm\u00e9es initialement.\"); \/\/ D\u00e9bogage\n }\n\n \/\/ Fermer toutes les bo\u00eetes lorsque le DOM est charg\u00e9\n document.addEventListener('DOMContentLoaded', closeAllInfoBoxes);\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-5863","mpcs-lesson","type-mpcs-lesson","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"\n<title>4.3 | Aper\u00e7u de la loi sur l'IA de l'UE : qu'est-ce que cela signifie pour moi en tant qu'utilisateur ? | 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\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"4.3 | Aper\u00e7u de la loi sur l'IA de l'UE : qu'est-ce que cela signifie pour moi en tant qu'utilisateur ? | xpandAI\" \/>\n<meta property=\"og:description\" content=\"Module 4.3 : La loi de l’UE sur l’IA pour les utilisateurs Module 4.3 : La loi de l’UE sur l’IA \u2013 Ce que vous devez savoir en tant qu’utilisateur Ce que vous savez d\u00e9j\u00e0 L’IA pr\u00e9sente, outre des opportunit\u00e9s, des d\u00e9fis juridiques et \u00e9thiques La protection des donn\u00e9es et la s\u00e9curit\u00e9 sont des aspects importants de l’utilisation de l’IA…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/\" \/>\n<meta property=\"og:site_name\" content=\"xpandAI\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-20T14:08:18+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\\\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\\\/\",\"url\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\\\/\",\"name\":\"4.3 | Aper\u00e7u de la loi sur l'IA de l'UE : qu'est-ce que cela signifie pour moi en tant qu'utilisateur ? | xpandAI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/#website\"},\"datePublished\":\"2025-10-20T13:48:55+00:00\",\"dateModified\":\"2025-10-20T14:08:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/xpandai.one\\\/en\\\/start\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"4.3 | Aper\u00e7u de la loi sur l’IA de l’UE : qu’est-ce que cela signifie pour moi en tant qu’utilisateur ?\"}]},{\"@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":"4.3 | Aper\u00e7u de la loi sur l'IA de l'UE : qu'est-ce que cela signifie pour moi en tant qu'utilisateur ? | 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\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/","og_locale":"en_US","og_type":"article","og_title":"4.3 | Aper\u00e7u de la loi sur l'IA de l'UE : qu'est-ce que cela signifie pour moi en tant qu'utilisateur ? | xpandAI","og_description":"Module 4.3 : La loi de l’UE sur l’IA pour les utilisateurs Module 4.3 : La loi de l’UE sur l’IA \u2013 Ce que vous devez savoir en tant qu’utilisateur Ce que vous savez d\u00e9j\u00e0 L’IA pr\u00e9sente, outre des opportunit\u00e9s, des d\u00e9fis juridiques et \u00e9thiques La protection des donn\u00e9es et la s\u00e9curit\u00e9 sont des aspects importants de l’utilisation de l’IA…","og_url":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/","og_site_name":"xpandAI","article_modified_time":"2025-10-20T14:08:18+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\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/","url":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/","name":"4.3 | Aper\u00e7u de la loi sur l'IA de l'UE : qu'est-ce que cela signifie pour moi en tant qu'utilisateur ? | xpandAI","isPartOf":{"@id":"https:\/\/xpandai.one\/en\/#website"},"datePublished":"2025-10-20T13:48:55+00:00","dateModified":"2025-10-20T14:08:18+00:00","breadcrumb":{"@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/xpandai.one\/en\/start\/"},{"@type":"ListItem","position":2,"name":"4.3 | Aper\u00e7u de la loi sur l’IA de l’UE : qu’est-ce que cela signifie pour moi en tant qu’utilisateur ?"}]},{"@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\/5863","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=5863"}],"wp:term":[{"taxonomy":"mpcs-curriculum-categories","embeddable":true,"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-curriculum-categories?post=5863"},{"taxonomy":"mpcs-curriculum-tags","embeddable":true,"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-curriculum-tags?post=5863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5863,"date":"2025-10-20T15:48:55","date_gmt":"2025-10-20T13:48:55","guid":{"rendered":"https:\/\/xpandai.one\/?post_type=mpcs-lesson&p=5863"},"modified":"2025-10-20T16:08:18","modified_gmt":"2025-10-20T14:08:18","slug":"4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur","status":"publish","type":"mpcs-lesson","link":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/","title":{"rendered":"4.3 | Aper\u00e7u de la loi sur l’IA de l’UE : qu’est-ce que cela signifie pour moi en tant qu’utilisateur ?"},"content":{"rendered":"\n\n\n\n \n \n Module 4.3 : La loi de l’UE sur l’IA pour les utilisateurs<\/title> \n<style>\n\/* -------------------------------------------------- *\/\n\/* --- Framework CSS de l'Acad\u00e9mie Xpand AI --- *\/\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 \/* Couleurs de niveau (facultatif, si n\u00e9cessaire) *\/\n --explorer-color: #4573d5; \/* Bleu *\/\n --navigator-color: #e6b035; \/* Jaune *\/\n --ambassador-color: #49a75c; \/* Vert *\/\n --architect-color: #d95555; \/* Rouge *\/\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; \/* Police d\u00e9finie pour le body *\/\n margin: 0;\n color: var(--text);\n line-height: 1.6; \/* Hauteur de ligne par d\u00e9faut *\/\n}\n\n\/* D\u00e9finition du conteneur principal (obligatoire pour le framework) *\/\n.xpand-module-wrapper {\n width: 100%;\n max-width: 800px; \/* Largeur maximale pour le module *\/\n margin: 40px auto; \/* Centrage et espacement vertical *\/\n padding: 0px; \/* Pas de padding suppl\u00e9mentaire, car le conteneur int\u00e9rieur en a *\/\n box-sizing: border-box;\n}\n\n\/* -------------------------------------------------- *\/\n\/* --- CSS Sp\u00e9cifique au Module 4.3 --- *\/\n\/* -------------------------------------------------- *\/\n\n\/* Conteneur interne pour cette mise en page de module sp\u00e9cifique *\/\n.module-container {\n \/* max-width: 800px; *\/ \/* Redondant, car .xpand-module-wrapper est d\u00e9j\u00e0 limit\u00e9 *\/\n \/* margin: 0 auto; *\/ \/* Redondant, car .xpand-module-wrapper est d\u00e9j\u00e0 centr\u00e9 *\/\n font-family: inherit; \/* H\u00e9rite du body ou du wrapper *\/\n color: var(--text);\n background-color: var(--light-bg);\n padding: 30px; \/* Padding ajust\u00e9 *\/\n border-radius: 8px; \/* Arrondi standard *\/\n box-shadow: 0 4px 10px rgba(0,0,0,0.05); \/* Ombre standard *\/\n box-sizing: border-box;\n border: 1px solid var(--border); \/* Bordure ajout\u00e9e pour la coh\u00e9rence *\/\n}\n\n.module-title {\n border-bottom: 2px solid var(--primary);\n margin-bottom: 30px;\n padding-bottom: 15px;\n}\n\n.module-title h1 {\n color: var(--secondary);\n font-size: 28px;\n margin-top: 0;\n margin-bottom: 10px;\n line-height: 1.3;\n}\n\n.info-section {\n display: flex;\n gap: 20px;\n margin-bottom: 30px;\n flex-wrap: wrap;\n}\n\n.info-box {\n flex: 1;\n min-width: 250px;\n background-color: #ffffff;\n border-radius: 8px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n overflow: hidden;\n border: 1px solid var(--border);\n}\n\n.info-box-header {\n display: flex;\n align-items: center;\n padding: 15px 20px;\n cursor: pointer;\n background-color: #f9fbfc;\n \/* transition: background-color 0.3s; *\/ \/* TRANSITION SUPPRIM\u00c9E *\/\n border-bottom: 1px solid var(--border);\n}\n\n.info-box-header:hover {\n background-color: #f0f4f5;\n}\n\n.info-icon {\n margin-right: 12px;\n display: flex;\n align-items: center;\n}\n\n.info-icon svg {\n stroke: var(--primary);\n}\n\n.info-box-header h3 {\n margin: 0;\n font-size: 20px;\n color: var(--secondary);\n}\n\n.info-content {\n padding: 0 20px; \/* Padding haut\/bas \u00e0 0 initialement *\/\n max-height: 0; \/* Commence ferm\u00e9 *\/\n overflow: hidden;\n \/* transition: max-height 0.4s ease-out, padding 0.4s ease-out; *\/ \/* TRANSITION SUPPRIM\u00c9E *\/\n display: block !important; \/* Important si des styles externes d\u00e9finissent display:none *\/\n background-color: #ffffff; \/* S'assurer que l'arri\u00e8re-plan est blanc *\/\n}\n\n.info-content.active {\n \/* max-height est d\u00e9fini par JS *\/\n padding-top: 15px; \/* R\u00e9tablir le padding *\/\n padding-bottom: 15px; \/* R\u00e9tablir le padding *\/\n}\n\n.info-content ul {\n padding-left: 20px;\n margin-top: 0; \/* Pas d'espacement sup\u00e9rieur pour la liste *\/\n margin-bottom: 0; \/* Pas d'espacement inf\u00e9rieur pour la liste *\/\n list-style-type: disc;\n}\n\n.info-content li {\n margin-bottom: 10px;\n line-height: 1.6;\n}\n.info-content li:last-child {\n margin-bottom: 0; \/* Pas d'espacement apr\u00e8s le dernier \u00e9l\u00e9ment *\/\n}\n\n\/* CSS ajust\u00e9 pour .video-container *\/\n.video-container {\n position: relative;\n height: 0;\n padding-bottom: 56.25%; \/* Rapport d'aspect 16:9 *\/\n overflow: hidden;\n margin: 30px 0;\n border-radius: 8px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n background-color: #000000;\n}\n\n.video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n}\n\n.section-title {\n display: flex;\n align-items: center;\n color: var(--secondary);\n font-size: 24px;\n border-bottom: 1px solid var(--primary);\n padding-bottom: 10px;\n margin-top: 40px;\n margin-bottom: 25px;\n}\n\n.section-title svg {\n margin-right: 12px;\n stroke: var(--primary);\n}\n\n.content-section {\n margin-bottom: 30px;\n}\n\n.content-section p,\n.content-section ul li {\n line-height: 1.6;\n color: var(--text);\n}\n\n.light-bg {\n background-color: #ffffff;\n padding: 20px 25px;\n border-radius: 8px;\n border: 1px solid var(--border);\n}\n\n.quote {\n border-left: 4px solid var(--primary);\n padding: 15px 20px;\n margin: 20px 0;\n font-style: italic;\n background-color: rgba(82, 137, 139, 0.08);\n border-radius: 0 8px 8px 0;\n}\n\n.example-box {\n background-color: #ffffff;\n border: 1px solid var(--border);\n border-radius: 8px;\n padding: 20px 25px;\n margin-bottom: 20px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n}\n\n.example-title {\n font-weight: bold;\n color: var(--secondary);\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n font-size: 18px;\n}\n\n.example-title svg {\n margin-right: 10px;\n stroke: var(--primary);\n}\n\n.examples-list {\n list-style: none;\n padding-left: 30px;\n}\n\n.examples-list li {\n padding-left: 0;\n position: relative;\n margin-bottom: 12px;\n}\n\n.examples-list li:before {\n content: \"\u2022\";\n position: absolute;\n left: -18px;\n color: var(--primary);\n font-weight: bold;\n font-size: 1.2em;\n}\n\n.checklist {\n list-style: none;\n padding-left: 5px;\n}\n\n.checklist li {\n padding-left: 35px;\n position: relative;\n margin-bottom: 15px;\n}\n\n.checklist li:before {\n content: \"\";\n position: absolute;\n left: 10px;\n top: 7px;\n width: 6px;\n height: 12px;\n border-right: 2px solid var(--primary);\n border-bottom: 2px solid var(--primary);\n transform: rotate(45deg);\n}\n\n.tip-box {\n background-color: rgba(230, 126, 34, 0.1);\n border-left: 4px solid var(--accent);\n padding: 20px 25px;\n margin: 20px 0;\n border-radius: 0 8px 8px 0;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n}\n\n.tip-box h4 {\n color: #a05a1a;\n margin-top: 0;\n margin-bottom: 10px;\n font-size: 18px;\n}\n\n.resource-list {\n margin-top: 20px;\n}\n\n.resource-item {\n display: flex;\n align-items: flex-start;\n padding: 15px 20px;\n margin-top: 15px;\n background-color: #ffffff;\n border-radius: 8px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n border: 1px solid var(--border);\n}\n\n.resource-icon {\n margin-right: 15px;\n padding-top: 3px;\n display: flex;\n align-items: center;\n}\n\n.resource-icon svg {\n stroke: var(--secondary);\n}\n\n.resource-item div:last-child {\n flex: 1;\n}\n\n.resource-item strong {\n display: block;\n margin-bottom: 5px;\n color: var(--secondary);\n}\n\n.resource-link {\n color: var(--primary);\n text-decoration: none;\n font-weight: bold;\n \/* transition: color 0.3s; *\/ \/* TRANSITION SUPPRIM\u00c9E *\/\n}\n\n.resource-link:hover {\n color: var(--secondary);\n text-decoration: underline;\n}\n\n.takeaway-box {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: white;\n padding: 25px 30px;\n border-radius: 8px;\n margin-top: 40px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n}\n\n.takeaway-box h3 {\n display: flex;\n align-items: center;\n font-size: 22px;\n margin-top: 0;\n margin-bottom: 20px;\n color: white;\n padding-bottom: 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.3);\n}\n\n.takeaway-box h3 svg {\n margin-right: 12px;\n stroke: white;\n}\n\n.takeaway-box ul {\n padding-left: 25px;\n margin: 0;\n list-style: none;\n}\n\n.takeaway-box li {\n margin-bottom: 12px;\n padding-left: 15px;\n position: relative;\n}\n\n.takeaway-box li::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 9px;\n width: 6px;\n height: 6px;\n background-color: white;\n border-radius: 50%;\n}\n\n\n\/* Adaptations responsives *\/\n@media (max-width: 768px) {\n .xpand-module-wrapper {\n margin: 20px auto;\n }\n\n .module-container {\n padding: 20px;\n }\n\n .module-title h1 {\n font-size: 24px;\n }\n\n .info-section {\n flex-direction: column;\n gap: 15px;\n }\n\n .section-title {\n font-size: 20px;\n margin-top: 30px;\n margin-bottom: 20px;\n }\n\n .light-bg, .example-box, .tip-box, .resource-item, .takeaway-box {\n padding: 15px 20px;\n }\n\n .takeaway-box h3 {\n font-size: 20px;\n }\n}\n\n@media (max-width: 480px) {\n .module-title h1 {\n font-size: 22px;\n }\n .section-title {\n font-size: 18px;\n }\n .info-box-header h3 {\n font-size: 18px;\n }\n .example-title {\n font-size: 16px;\n }\n .takeaway-box h3 {\n font-size: 18px;\n }\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 <div class=\"module-title\">\n <h1>Module 4.3 : La loi de l’UE sur l’IA \u2013 Ce que vous devez savoir en tant qu’utilisateur<\/h1>\n <\/div>\n\n <div class=\"info-section\">\n <div class=\"info-box\">\n <div class=\"info-box-header\" onclick=\"toggleInfo('prerequisites')\">\n <div class=\"info-icon\">\n <svg 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 16V12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 8H12.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <h3>Ce que vous savez d\u00e9j\u00e0<\/h3>\n <\/div>\n <div id=\"prerequisites\" class=\"info-content\"> \n <ul>\n <li>L’IA pr\u00e9sente, outre des opportunit\u00e9s, des d\u00e9fis juridiques et \u00e9thiques<\/li>\n <li>La protection des donn\u00e9es et la s\u00e9curit\u00e9 sont des aspects importants de l’utilisation de l’IA<\/li>\n <li>En tant qu’utilisateur, vous \u00eates responsable de votre utilisation de l’IA<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"info-box\">\n <div class=\"info-box-header\" onclick=\"toggleInfo('learnings')\">\n <div class=\"info-icon\">\n <svg 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 <\/div>\n <h3>Ce que vous apprendrez dans ce module<\/h3>\n <\/div>\n <div id=\"learnings\" class=\"info-content\"> \n <ul>\n <li>Ce qu’est la loi de l’UE sur l’IA et pourquoi elle est pertinente pour vous<\/li>\n <li>Pourquoi il est important d’utiliser l’IA de mani\u00e8re responsable<\/li>\n <li>Vos devoirs et responsabilit\u00e9s en tant qu’utilisateur de l’IA<\/li>\n <li>Conseils pratiques pour une utilisation de l’IA conforme \u00e0 la loi au quotidien<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"video-container\">\n <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles\" data-borlabs-cookie-content-blocker-id=\"default\" data-borlabs-cookie-content=\"PGlmcmFtZSBzcmM9Imh0dHBzOi8vaWZyYW1lLm1lZGlhZGVsaXZlcnkubmV0L2VtYmVkLzQxMTkyNy9lNjlhMGI0Mi1mODRjLTQ0ZDAtOTdlYi0zZmQ1MWFhNjgxMDY\/YXV0b3BsYXk9ZmFsc2UmbG9vcD1mYWxzZSZtdXRlZD1mYWxzZSZwcmVsb2FkPXRydWUmcmVzcG9uc2l2ZT10cnVlIiBsb2FkaW5nPSJsYXp5IiBhbGxvdz0iYWNjZWxlcm9tZXRlcjtneXJvc2NvcGU7YXV0b3BsYXk7ZW5jcnlwdGVkLW1lZGlhO3BpY3R1cmUtaW4tcGljdHVyZTsiIGFsbG93ZnVsbHNjcmVlbj0idHJ1ZSI+PC9pZnJhbWU+\"><div class=\"brlbs-cmpnt-cb-preset-a\"> <p class=\"brlbs-cmpnt-cb-description\">You are currently viewing a placeholder content from <strong>Default<\/strong>. To access the actual content, click the button below. Please note that doing so will share data with third-party providers.<\/p> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Unblock content<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: none\">Accept required service and unblock content<\/a> <\/div> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">More Information<\/a> <\/div><\/div> \n <\/div>\n \n\n <h2 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=\"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 1. Pourquoi ce sujet est important pour vous\n <\/h2>\n <div class=\"content-section light-bg\">\n <p>Vous pensez peut-\u00eatre : \u00ab Je ne fais que travailler avec l’IA, je ne la d\u00e9veloppe pas. \u00bb Et pourtant : la loi de l’UE sur l’IA vous concerne directement. Car elle ne responsabilise pas seulement les d\u00e9veloppeurs, mais aussi tous ceux qui utilisent l’IA \u2013 c’est-\u00e0-dire nous tous dans notre quotidien professionnel.<\/p>\n <div class=\"quote\">\n \u00ab En tant qu’utilisateur, vous \u00eates responsable de ce que vous cr\u00e9ez avec l’IA et de la mani\u00e8re dont vous l’utilisez. \u00bb\n <\/div>\n <\/div>\n\n <h2 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=\"M8 6H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 12H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M8 18H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M3 6H3.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M3 12H3.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M3 18H3.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 2. Qu’est-ce qui s’applique concr\u00e8tement au quotidien professionnel ?\n <\/h2>\n <div class=\"content-section\">\n <div class=\"example-box\">\n <div class=\"example-title\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n Exemple 1 : Vous utilisez un assistant xpandAI pour r\u00e9diger un e-mail client.\n <\/div>\n <ul class=\"examples-list\">\n <li>Aucun probl\u00e8me.<\/li>\n <li>Mais : le texte doit \u00eatre v\u00e9rifiable, tra\u00e7able et conforme au RGPD (c’est ainsi qu’il est \u00e9galement g\u00e9n\u00e9r\u00e9 par l’IA, tant que vous ne modifiez pas le prompt).<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"example-box\">\n <div class=\"example-title\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n Exemple 2 : Vous reprenez int\u00e9gralement un rapport g\u00e9n\u00e9r\u00e9 par l’IA.\n <\/div>\n <ul class=\"examples-list\">\n <li>Le divulguer en interne.<\/li>\n <li>En cas de doute, un marquage externe (\u00ab assist\u00e9 par l’IA \u00bb) est judicieux.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"example-box\">\n <div class=\"example-title\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n Exemple 3 : Vous publiez une image g\u00e9n\u00e9r\u00e9e par l’IA sur l’intranet.\n <\/div>\n <ul class=\"examples-list\">\n <li>Obligatoire : marquage en tant qu’image IA (si elle semble trompeusement r\u00e9elle).<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <h2 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=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.85999\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M22 4L12 14.01L9 11.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 3. Ce qui est \u00e9galement important\n <\/h2>\n <div class=\"content-section light-bg\">\n <ul class=\"checklist\">\n <li>Pas de donn\u00e9es sensibles dans l’IA (donn\u00e9es de sant\u00e9, donn\u00e9es personnelles, etc.)<\/li>\n <li>Ne pas divulguer de secrets \u2013 code interne, donn\u00e9es clients, informations confidentielles sont tabous<\/li>\n <li>En cas de doute : demandez. Clarifiez en interne ce qui est autoris\u00e9 et ce qui ne l’est pas<\/li>\n <\/ul>\n <\/div>\n\n <h2 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=\"M9.09 9C9.3251 8.33167 9.78915 7.76811 10.4 7.40913C11.0108 7.05016 11.7289 6.91894 12.4272 7.03871C13.1255 7.15849 13.7588 7.52152 14.2151 8.06353C14.6713 8.60553 14.9211 9.29152 14.92 10C14.92 12 11.92 13 11.92 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M12 17H12.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"><\/circle>\n <\/svg>\n 4. Conseil xpand\n <\/h2>\n <div class=\"content-section\">\n <div class=\"tip-box\">\n <h4>Notre conseil pour la pratique :<\/h4>\n <p><strong>Marquez g\u00e9n\u00e9reusement, pas avec h\u00e9sitation.<\/strong> Une mention \u00e0 la fin du document comme : <em>\u00ab Cr\u00e9\u00e9 avec le soutien de XpandAI, v\u00e9rifi\u00e9 par Jean Dupont le 01\/04\/2025. \u00bb<\/em> apporte clart\u00e9 et confiance.<\/p>\n <\/div>\n <\/div>\n\n <h2 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=\"M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n 5. En conclusion\n <\/h2>\n <div class=\"content-section light-bg\">\n <p>La loi sur l’IA va changer beaucoup de choses \u2013 mais pas d’un seul coup. C’est le moment de rendre votre utilisation de l’IA plus consciente et transparente. Non par peur, mais par responsabilit\u00e9.<\/p>\n <p>Vous n’\u00eates pas seul. Sur la plateforme xpand, vous trouverez des mod\u00e8les, des r\u00e8gles et des partenaires d’\u00e9change pour votre quotidien souverain avec l’IA.<\/p>\n\n <div class=\"resource-list\">\n <div class=\"resource-item\">\n <div class=\"resource-icon\">\n <svg width=\"24\" height=\"24\" 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=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M14 2V8H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 13H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 17H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M10 9H9H8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <strong>Fiche d’information :<\/strong> \u00ab La loi de l’UE sur l’IA expliqu\u00e9e en 3 minutes \u00bb\n <br>\n <a href=\"https:\/\/xpandai.one\/wp-content\/uploads\/2025\/04\/xpand-info-eu-ai-act.pdf\" class=\"resource-link\">T\u00e9l\u00e9charger (PDF, 1,2 Mo)<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\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>La loi de l’UE sur l’IA vous concerne \u00e9galement en tant qu’utilisateur de syst\u00e8mes d’IA<\/li>\n <li>La transparence et le marquage sont des obligations importantes lors de l’utilisation de l’IA<\/li>\n <li>Le traitement sensible des donn\u00e9es personnelles est essentiel<\/li>\n <li>La v\u00e9rification critique des contenus g\u00e9n\u00e9r\u00e9s par l’IA rel\u00e8ve de votre responsabilit\u00e9<\/li>\n <li>Une utilisation prudente de l’IA ne prot\u00e8ge pas seulement les autres, mais aussi vous-m\u00eame<\/li>\n <\/ul>\n <\/div>\n <\/div> \n<\/div> \n\n<script>\n function toggleInfo(id) {\n const content = document.getElementById(id);\n if (content) {\n const isActive = content.classList.contains('active');\n \/\/ console.log(`Bascule de ${id}. Actuellement actif : ${isActive}`); \/\/ D\u00e9bogage\n if (isActive) {\n \/\/ Fermer\n content.style.maxHeight = null; \/\/ Laisse le CSS max-height: 0 agir\n \/\/ Le padding est contr\u00f4l\u00e9 par la suppression de la classe .active et le CSS :not(.active)\n content.classList.remove('active');\n } else {\n \/\/ Ouvrir\n content.classList.add('active'); \/\/ Ajoute .active (contr\u00f4le le padding)\n \/\/ D\u00e9finir la hauteur APR\u00c8S l'ajout de .active\n content.style.maxHeight = content.scrollHeight + \"px\";\n }\n } else {\n \/\/ console.error(`\u00c9l\u00e9ment avec l'ID ${id} non trouv\u00e9.`); \/\/ D\u00e9bogage\n }\n }\n\n \/\/ Fonction pour fermer toutes les bo\u00eetes d'information au chargement de la page\n function closeAllInfoBoxes() {\n \/\/ console.log(\"Fermeture initiale de toutes les bo\u00eetes d'info...\"); \/\/ D\u00e9bogage\n document.querySelectorAll('.info-content').forEach(box => {\n box.classList.remove('active');\n \/\/ S'assure que max-height correspond au CSS (0)\n box.style.maxHeight = null;\n });\n \/\/ console.log(\"Toutes les bo\u00eetes d'info ferm\u00e9es initialement.\"); \/\/ D\u00e9bogage\n }\n\n \/\/ Fermer toutes les bo\u00eetes lorsque le DOM est charg\u00e9\n document.addEventListener('DOMContentLoaded', closeAllInfoBoxes);\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-5863","mpcs-lesson","type-mpcs-lesson","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"\n<title>4.3 | Aper\u00e7u de la loi sur l'IA de l'UE : qu'est-ce que cela signifie pour moi en tant qu'utilisateur ? | 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\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"4.3 | Aper\u00e7u de la loi sur l'IA de l'UE : qu'est-ce que cela signifie pour moi en tant qu'utilisateur ? | xpandAI\" \/>\n<meta property=\"og:description\" content=\"Module 4.3 : La loi de l’UE sur l’IA pour les utilisateurs Module 4.3 : La loi de l’UE sur l’IA \u2013 Ce que vous devez savoir en tant qu’utilisateur Ce que vous savez d\u00e9j\u00e0 L’IA pr\u00e9sente, outre des opportunit\u00e9s, des d\u00e9fis juridiques et \u00e9thiques La protection des donn\u00e9es et la s\u00e9curit\u00e9 sont des aspects importants de l’utilisation de l’IA…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/\" \/>\n<meta property=\"og:site_name\" content=\"xpandAI\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-20T14:08:18+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\\\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\\\/\",\"url\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\\\/\",\"name\":\"4.3 | Aper\u00e7u de la loi sur l'IA de l'UE : qu'est-ce que cela signifie pour moi en tant qu'utilisateur ? | xpandAI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/#website\"},\"datePublished\":\"2025-10-20T13:48:55+00:00\",\"dateModified\":\"2025-10-20T14:08:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/xpandai.one\\\/en\\\/start\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"4.3 | Aper\u00e7u de la loi sur l’IA de l’UE : qu’est-ce que cela signifie pour moi en tant qu’utilisateur ?\"}]},{\"@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":"4.3 | Aper\u00e7u de la loi sur l'IA de l'UE : qu'est-ce que cela signifie pour moi en tant qu'utilisateur ? | 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\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/","og_locale":"en_US","og_type":"article","og_title":"4.3 | Aper\u00e7u de la loi sur l'IA de l'UE : qu'est-ce que cela signifie pour moi en tant qu'utilisateur ? | xpandAI","og_description":"Module 4.3 : La loi de l’UE sur l’IA pour les utilisateurs Module 4.3 : La loi de l’UE sur l’IA \u2013 Ce que vous devez savoir en tant qu’utilisateur Ce que vous savez d\u00e9j\u00e0 L’IA pr\u00e9sente, outre des opportunit\u00e9s, des d\u00e9fis juridiques et \u00e9thiques La protection des donn\u00e9es et la s\u00e9curit\u00e9 sont des aspects importants de l’utilisation de l’IA…","og_url":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/","og_site_name":"xpandAI","article_modified_time":"2025-10-20T14:08:18+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\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/","url":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/","name":"4.3 | Aper\u00e7u de la loi sur l'IA de l'UE : qu'est-ce que cela signifie pour moi en tant qu'utilisateur ? | xpandAI","isPartOf":{"@id":"https:\/\/xpandai.one\/en\/#website"},"datePublished":"2025-10-20T13:48:55+00:00","dateModified":"2025-10-20T14:08:18+00:00","breadcrumb":{"@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/4-3-apercu-de-la-loi-sur-lia-de-lue-quest-ce-que-cela-signifie-pour-moi-en-tant-quutilisateur\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/xpandai.one\/en\/start\/"},{"@type":"ListItem","position":2,"name":"4.3 | Aper\u00e7u de la loi sur l’IA de l’UE : qu’est-ce que cela signifie pour moi en tant qu’utilisateur ?"}]},{"@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\/5863","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=5863"}],"wp:term":[{"taxonomy":"mpcs-curriculum-categories","embeddable":true,"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-curriculum-categories?post=5863"},{"taxonomy":"mpcs-curriculum-tags","embeddable":true,"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-curriculum-tags?post=5863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}