Histoire Interactive – Le Monde du Travail<\/title>\n <style>\n \/* Styles encapsul\u00e9s dans #histoire_interactive pour \u00e9viter les conflits avec WordPress *\/\n #histoire_interactive * { box-sizing: border-box; }\n #histoire_interactive {\n font-family: 'Arial', sans-serif;\n background: #f4f4f9;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n }\n #histoire_interactive .container {\n max-width: 850px;\n margin: auto;\n background: #fff;\n padding: 25px 40px;\n border-radius: 8px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n #histoire_interactive h1 {\n text-align: center;\n color: #0073aa;\n margin-bottom: 20px;\n }\n #histoire_interactive h2 {\n color: #005177;\n margin-bottom: 10px;\n }\n #histoire_interactive p { margin-bottom: 15px; }\n \/* Animation d'apparition *\/\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .fade-in { animation: fadeIn 0.6s ease-out; }\n \/* Boutons *\/\n .button {\n display: inline-block;\n padding: 10px 20px;\n color: #fff;\n background: #0073aa;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background 0.3s;\n margin: 10px 5px;\n text-decoration: none;\n font-size: 1em;\n }\n .button:hover { background: #005177; }\n \/* Zones de choix *\/\n .choice {\n background: #fffacd;\n border: 1px solid #f1c40f;\n padding: 12px;\n border-radius: 5px;\n margin: 20px 0;\n text-align: center;\n font-weight: bold;\n }\n \/* Exercices de vocabulaire *\/\n .exercice {\n background: #fff;\n border: 1px solid #e0e0a0;\n padding: 10px;\n border-radius: 4px;\n margin: 20px 0;\n }\n .exercice p { margin: 5px 0; font-weight: bold; }\n .exercice .button { margin: 5px; }\n .exercice .reponse,\n .exercice .reponse-err {\n margin-top: 10px;\n font-weight: bold;\n display: none;\n }\n .exercice .reponse { color: green; }\n .exercice .reponse-err { color: red; }\n \/* Sections de l'histoire *\/\n .histoire-section {\n display: none;\n animation: fadeIn 0.6s ease-out;\n margin-bottom: 20px;\n }\n .histoire-section.active { display: block; }\n .narrative { margin-bottom: 20px; }\n \/* Images d'illustration *\/\n .illustration {\n width: 100%;\n height: auto;\n border-radius: 4px;\n margin-bottom: 15px;\n }\n \/* Dialogues *\/\n .dialogue {\n background-color: #e9f5ff;\n border-left: 5px solid #0073aa;\n margin: 15px 0;\n padding: 12px 18px;\n border-radius: 4px;\n font-style: italic;\n }\n .dialogue .speaker { font-weight: bold; margin-bottom: 5px; }\n \/* R\u00e9sum\u00e9 Final *\/\n .summary {\n background: linear-gradient(135deg, #e0f7fa, #f1f8e9);\n border: 1px solid #b2dfdb;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n margin-top: 30px;\n }\n .summary h2 { text-align: center; color: #0073aa; }\n .summary pre {\n background: #f4f4f4;\n padding: 15px;\n border-radius: 5px;\n white-space: pre-wrap;\n font-family: monospace;\n border: 1px dashed #ccc;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"histoire_interactive\">\n <div class=\"container\">\n <h1>Le Monde du Travail – Histoire Interactive<\/h1>\n \n \n <div id=\"section-intro\" class=\"histoire-section active\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Hall+d%27Entr%C3%A9e\" alt=\"Hall d'entr\u00e9e\">\n <h2>Votre Aventure Professionnelle<\/h2>\n <p>Bienvenue dans votre premi\u00e8re journ\u00e9e chez <strong>Entreprise XYZ<\/strong>, r\u00e9put\u00e9e pour son <strong>innovation<\/strong> et sa <strong>collaboration<\/strong>. En entrant, vous d\u00e9couvrez un hall moderne o\u00f9 l’ambition se lit sur chaque visage. Les murs affichent des citations inspirantes et t\u00e9moignent des succ\u00e8s pass\u00e9s.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Directeur :<\/p>\n <p>Bonjour et bienvenue ! Chaque d\u00e9cision vous rapproche du succ\u00e8s. Pr\u00e9parez-vous \u00e0 relever des d\u00e9fis passionnants.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n Pour commencer, choisissez votre mode de transport :\n <br>\n <button class=\"button\" data-section=\"section-bus\">Prendre le bus<\/button>\n <button class=\"button\" data-section=\"section-voiture\">Conduire votre voiture<\/button>\n <button class=\"button\" data-section=\"section-metro\">Prendre le m\u00e9tro<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-bus\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Bus\" alt=\"Bus\">\n <h2>Le Bus<\/h2>\n <p>Vous optez pour le bus, un moyen de <strong>transport en commun<\/strong> \u00e9conomique et convivial. Pendant le trajet, vous discutez avec Marie, une future coll\u00e8gue, qui vous explique l’importance de l’esprit d’\u00e9quipe et de la communication.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Marie :<\/p>\n <p>Salut ! C’est ton premier jour ? Ici, chaque id\u00e9e compte et la communication est primordiale.<\/p>\n <\/div>\n <\/div>\n <div class=\"exercice\">\n <p><strong>Exercice :<\/strong> Quelle est la d\u00e9finition de <em>transport en commun<\/em> ?<\/p>\n <button class=\"button\" data-correct=\"true\">Option A : Moyen de d\u00e9placement partag\u00e9 par plusieurs personnes<\/button>\n <button class=\"button\" data-correct=\"false\">Option B : Moyen de d\u00e9placement individuel<\/button>\n <button class=\"button\" data-correct=\"false\">Option C : V\u00e9hicule priv\u00e9 de luxe<\/button>\n <div class=\"reponse\">Bonne r\u00e9ponse !<\/div>\n <div class=\"reponse-err\">R\u00e9essayez, ce n’est pas correct.<\/div>\n <\/div>\n <div class=\"choice\">\n \u00c0 votre arriv\u00e9e, comment souhaitez-vous proc\u00e9der ?\n <br>\n <button class=\"button\" data-section=\"section-aide\">Demander de l’aide \u00e0 Marie<\/button>\n <button class=\"button\" data-section=\"section-seul\">Explorer les locaux par vous-m\u00eame<\/button>\n <button class=\"button\" data-section=\"section-collegue\">Rejoindre un groupe de coll\u00e8gues<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-voiture\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Voiture\" alt=\"Voiture\">\n <h2>La Voiture<\/h2>\n <p>Vous choisissez de conduire votre <strong>voiture<\/strong> et appr\u00e9ciez l’<strong>autonomie<\/strong> qu’elle offre. Dans le trafic, vous r\u00e9fl\u00e9chissez \u00e0 comment apporter votre touche personnelle \u00e0 l’\u00e9quipe.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Voisin de bureau :<\/p>\n <p>Bonne route ! Ce moment est id\u00e9al pour planifier comment vous pourrez contribuer efficacement.<\/p>\n <\/div>\n <\/div>\n <div class=\"exercice\">\n <p><strong>Exercice :<\/strong> Quel synonyme d\u00e9crit le mieux <em>l’autonomie<\/em> ?<\/p>\n <button class=\"button\" data-correct=\"true\">Option A : Ind\u00e9pendance<\/button>\n <button class=\"button\" data-correct=\"false\">Option B : D\u00e9pendance<\/button>\n <button class=\"button\" data-correct=\"false\">Option C : Collaboration<\/button>\n <div class=\"reponse\">Bonne r\u00e9ponse !<\/div>\n <div class=\"reponse-err\">R\u00e9essayez, ce n’est pas correct.<\/div>\n <\/div>\n <div class=\"choice\">\n Une fois arriv\u00e9, quelle sera votre d\u00e9marche ?\n <br>\n <button class=\"button\" data-section=\"section-aide\">Chercher l’aide du responsable d’accueil<\/button>\n <button class=\"button\" data-section=\"section-seul\">Explorer les locaux en autonomie<\/button>\n <button class=\"button\" data-section=\"section-collegue\">Rejoindre une discussion informelle<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-metro\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=M%C3%A9tro\" alt=\"M\u00e9tro\">\n <h2>Le M\u00e9tro<\/h2>\n <p>Vous optez pour le m\u00e9tro, un moyen rapide et efficace qui vous offre un moment de calme pour r\u00e9fl\u00e9chir \u00e0 vos ambitions professionnelles. L’ambiance studieuse vous inspire \u00e0 imaginer de grands projets.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Passager :<\/p>\n <p>Le m\u00e9tro est id\u00e9al pour se projeter dans l’avenir. Chaque minute est une opportunit\u00e9 de r\u00eaver grand.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n \u00c0 la station, quelle option choisissez-vous ?\n <br>\n <button class=\"button\" data-section=\"section-aide\">Demander des infos au personnel<\/button>\n <button class=\"button\" data-section=\"section-seul\">Explorer seul<\/button>\n <button class=\"button\" data-section=\"section-collegue\">Rejoindre un petit groupe<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-aide\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Orientation\" alt=\"Orientation\">\n <h2>Orientation avec Aide<\/h2>\n <p>D\u00e8s votre arriv\u00e9e, un <strong>responsable<\/strong> vous accueille chaleureusement et vous explique que la <strong>communication<\/strong> et le <strong>travail collaboratif<\/strong> sont essentiels pour r\u00e9ussir ensemble.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Responsable :<\/p>\n <p>Nous mettons un point d’honneur \u00e0 communiquer ouvertement. Partagez vos id\u00e9es et n’h\u00e9sitez jamais \u00e0 poser des questions.<\/p>\n <\/div>\n <\/div>\n <div class=\"exercice\">\n <p><strong>Exercice :<\/strong> Selon le responsable, quel est l’\u00e9l\u00e9ment essentiel pour r\u00e9ussir ici ?<\/p>\n <button class=\"button\" data-correct=\"true\">Option A : La communication<\/button>\n <button class=\"button\" data-correct=\"false\">Option B : L’individualisme<\/button>\n <button class=\"button\" data-correct=\"false\">Option C : La comp\u00e9tition<\/button>\n <div class=\"reponse\">Bonne r\u00e9ponse !<\/div>\n <div class=\"reponse-err\">R\u00e9essayez, ce n’est pas correct.<\/div>\n <\/div>\n <div class=\"choice\">\n Que souhaitez-vous faire ensuite ?\n <br>\n <button class=\"button\" data-section=\"section-reunion\">Assister \u00e0 la r\u00e9union de projet<\/button>\n <button class=\"button\" data-section=\"section-exploration\">Explorer les locaux<\/button>\n <button class=\"button\" data-section=\"section-mentorat\">Demander un mentorat personnalis\u00e9<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-seul\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Exploration+Solo\" alt=\"Exploration Solo\">\n <h2>Exploration en Solo<\/h2>\n <p>Vous d\u00e9cidez d’explorer l’<strong>entreprise<\/strong> par vous-m\u00eame. En arpentant les couloirs et en observant les \u00e9quipes, vous \u00eates impressionn\u00e9 par la rigueur de l’<strong>organisation<\/strong> et l’<strong>innovation<\/strong> qui r\u00e8gne.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Int\u00e9rieur de votre esprit :<\/p>\n <p>Chaque d\u00e9tail rec\u00e8le une opportunit\u00e9 d’am\u00e9lioration. Je pourrais proposer de nouvelles m\u00e9thodes pour booster la productivit\u00e9.<\/p>\n <\/div>\n <\/div>\n <div class=\"exercice\">\n <p><strong>Exercice :<\/strong> Que signifie <em>organisation<\/em> dans ce contexte ?<\/p>\n <button class=\"button\" data-correct=\"true\">Option A : La structure et la gestion interne d’une entreprise<\/button>\n <button class=\"button\" data-correct=\"false\">Option B : Travailler en solo<\/button>\n <button class=\"button\" data-correct=\"false\">Option C : L’agencement du mobilier<\/button>\n <div class=\"reponse\">Bonne r\u00e9ponse !<\/div>\n <div class=\"reponse-err\">R\u00e9essayez, ce n’est pas correct.<\/div>\n <\/div>\n <div class=\"choice\">\n Quelle sera votre prochaine d\u00e9marche ?\n <br>\n <button class=\"button\" data-section=\"section-rendezvous\">Prendre rendez-vous avec le responsable<\/button>\n <button class=\"button\" data-section=\"section-initiative\">Proposer une initiative innovante<\/button>\n <button class=\"button\" data-section=\"section-collegue\">Rejoindre une discussion informelle<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-collegue\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Discussion+Informelle\" alt=\"Discussion Informelle\">\n <h2>Discussion Informelle<\/h2>\n <p>Vous rejoignez un groupe de coll\u00e8gues dans le hall. La conversation s\u2019anime autour des d\u00e9fis actuels et des perspectives d\u2019avenir. L\u2019atmosph\u00e8re est conviviale et stimulante.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Coll\u00e8gue :<\/p>\n <p>Nous partageons nos exp\u00e9riences et discutons de comment am\u00e9liorer la dynamique de l’\u00e9quipe. Chaque id\u00e9e compte.<\/p>\n <\/div>\n <\/div>\n <div class=\"exercice\">\n <p><strong>Exercice :<\/strong> Que signifie <em>coh\u00e9sion d’\u00e9quipe<\/em> ?<\/p>\n <button class=\"button\" data-correct=\"true\">Option A : L’unit\u00e9 et la force d’un groupe travaillant ensemble<\/button>\n <button class=\"button\" data-correct=\"false\">Option B : La comp\u00e9tition entre coll\u00e8gues<\/button>\n <button class=\"button\" data-correct=\"false\">Option C : L’individualisme dans le travail<\/button>\n <div class=\"reponse\">Bonne r\u00e9ponse !<\/div>\n <div class=\"reponse-err\">R\u00e9essayez, ce n’est pas correct.<\/div>\n <\/div>\n <div class=\"choice\">\n Que souhaitez-vous faire ensuite ?\n <br>\n <button class=\"button\" data-section=\"section-reunion\">Participer \u00e0 une r\u00e9union de projet<\/button>\n <button class=\"button\" data-section=\"section-exploration\">Explorer les locaux ensemble<\/button>\n <button class=\"button\" data-section=\"section-initiative\">Proposer une id\u00e9e innovante<\/button>\n <button class=\"button\" data-section=\"section-dialogue\">Donner mon avis<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-dialogue\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Discussion+Strat%C3%A9gique\" alt=\"Discussion Strat\u00e9gique\">\n <h2>Discussion Strat\u00e9gique<\/h2>\n <p>Un coll\u00e8gue s’approche et vous demande : \u00ab Que pensez-vous de notre strat\u00e9gie pour le prochain trimestre ? \u00bb Vous r\u00e9alisez que votre r\u00e9ponse pourrait influencer les d\u00e9cisions futures.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Coll\u00e8gue :<\/p>\n <p>Nous sommes \u00e0 un tournant d\u00e9cisif. Votre avis est pr\u00e9cieux, alors partagez vos id\u00e9es pour nous aider \u00e0 progresser.<\/p>\n <\/div>\n <\/div>\n <div class=\"exercice\">\n <p><strong>Exercice :<\/strong> Que signifie <em>strat\u00e9gie<\/em> dans ce contexte ?<\/p>\n <button class=\"button\" data-correct=\"true\">Option A : Plan d’action pour atteindre des objectifs<\/button>\n <button class=\"button\" data-correct=\"false\">Option B : Une id\u00e9e spontan\u00e9e<\/button>\n <button class=\"button\" data-correct=\"false\">Option C : Une m\u00e9thode de relaxation<\/button>\n <div class=\"reponse\">Bonne r\u00e9ponse !<\/div>\n <div class=\"reponse-err\">R\u00e9essayez, ce n’est pas correct.<\/div>\n <\/div>\n <div class=\"choice\">\n Quel est votre avis ?\n <br>\n <button class=\"button\" data-section=\"section-dialogue-opt\">Je suis optimiste, tout ira bien<\/button>\n <button class=\"button\" data-section=\"section-dialogue-scept\">Je suis sceptique, il y a trop de risques<\/button>\n <button class=\"button\" data-section=\"section-dialogue-alt\">Je propose de repenser certains aspects<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-dialogue-opt\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Optimiste\" alt=\"Optimiste\">\n <h2>R\u00e9ponse Optimiste<\/h2>\n <p>Avec un sourire confiant, vous affirmez que la strat\u00e9gie actuelle est porteuse d’avenir. Vous expliquez que l’enthousiasme et la synergie de l’\u00e9quipe permettront de surmonter tous les obstacles.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Je suis persuad\u00e9 que notre \u00e9quipe saura relever tous les d\u00e9fis gr\u00e2ce \u00e0 notre esprit d’innovation et de collaboration.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-reunion\">Continuer vers la r\u00e9union de projet<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-dialogue-scept\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Sceptique\" alt=\"Sceptique\">\n <h2>R\u00e9ponse Sceptique<\/h2>\n <p>D’un ton mesur\u00e9, vous exprimez des doutes sur la strat\u00e9gie actuelle, indiquant que certains aspects m\u00e9riteraient d’\u00eatre r\u00e9\u00e9valu\u00e9s pour r\u00e9duire les risques.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Il serait peut-\u00eatre judicieux de revoir certains points pour r\u00e9duire les risques potentiels. La prudence peut \u00eatre une force.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-reunion\">Continuer vers la r\u00e9union de projet<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-dialogue-alt\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Alternative\" alt=\"Alternative\">\n <h2>R\u00e9ponse Alternative<\/h2>\n <p>Faisant preuve de cr\u00e9ativit\u00e9, vous proposez d’int\u00e9grer de nouvelles m\u00e9thodes et outils pour repenser la strat\u00e9gie. Vous sugg\u00e9rez de renforcer la collaboration inter-d\u00e9partementale afin d’exploiter pleinement le potentiel de chacun.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Pourquoi ne pas adopter une approche hybride ? Renfor\u00e7ons notre communication inter-d\u00e9partementale et utilisons des outils innovants pour mieux coordonner nos efforts.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-reunion\">Continuer vers la r\u00e9union de projet<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-reunion\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=R%C3%A9union+de+Projet\" alt=\"R\u00e9union de Projet\">\n <h2>R\u00e9union de Projet<\/h2>\n <p>Vous assistez \u00e0 une r\u00e9union strat\u00e9gique o\u00f9 le <strong>projet<\/strong> du trimestre est pr\u00e9sent\u00e9 en d\u00e9tail. La salle s’anime avec des discussions passionn\u00e9es sur le <strong>budget<\/strong>, la <strong>strat\u00e9gie<\/strong> et les <strong>objectifs<\/strong> \u00e0 atteindre.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Chef de projet :<\/p>\n <p>Chaque contribution est essentielle pour r\u00e9ussir. Unissons nos forces pour surmonter les d\u00e9fis et atteindre l’excellence.<\/p>\n <\/div>\n <p>Alors que la r\u00e9union bat son plein, une panne critique survient sur la ligne de production, mena\u00e7ant de retarder l’ensemble du projet.<\/p>\n <div class=\"definitions\">\n <h3>Mots Cl\u00e9s :<\/h3>\n <ul>\n <li><strong>projet<\/strong> : Ensemble d’activit\u00e9s visant \u00e0 atteindre un objectif pr\u00e9cis.<\/li>\n <li><strong>budget<\/strong> : Somme d’argent allou\u00e9e \u00e0 un projet.<\/li>\n <li><strong>strat\u00e9gie<\/strong> : Plan d’action pour atteindre des objectifs.<\/li>\n <li><strong>objectifs<\/strong> : Buts \u00e0 atteindre.<\/li>\n <li><strong>performance<\/strong> : Mesure de l’efficacit\u00e9 et des r\u00e9sultats.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"choice\">\n Soudain, une panne critique survient. Que faites-vous ?\n <br>\n <button class=\"button\" data-section=\"section-panne-opt1\">Intervenir imm\u00e9diatement<\/button>\n <button class=\"button\" data-section=\"section-panne-opt2\">Contacter le service technique<\/button>\n <button class=\"button\" data-section=\"section-panne-opt3\">Mettre en place une solution temporaire<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-panne-opt1\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Intervention+Imm\u00e9diate\" alt=\"Intervention Imm\u00e9diate\">\n <h2>Intervention Imm\u00e9diate<\/h2>\n <p>Sans perdre une seconde, vous vous pr\u00e9cipitez dans l’atelier. Avec l’aide d’un technicien, vous identifiez rapidement un dysfonctionnement du capteur de temp\u00e9rature.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Le capteur est d\u00e9fectueux. Je vais le remplacer imm\u00e9diatement pour relancer la production.<\/p>\n <\/div>\n <p>Votre intervention permet de red\u00e9marrer la machine et d’\u00e9viter une interruption prolong\u00e9e.<\/p>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-resolution\">Continuer vers la r\u00e9solution<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-panne-opt2\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Diagnostic+Technique\" alt=\"Diagnostic Technique\">\n <h2>Diagnostic Technique<\/h2>\n <p>Vous contactez le service technique. En quelques minutes, un technicien arrive pour effectuer un diagnostic approfondi.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Technicien :<\/p>\n <p>Le capteur de temp\u00e9rature est endommag\u00e9. Je vais le remplacer, cela prendra environ 15 minutes.<\/p>\n <\/div>\n <p>Cette solution limite la dur\u00e9e de l’arr\u00eat tout en assurant une r\u00e9paration fiable.<\/p>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-resolution\">Continuer vers la r\u00e9solution<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-panne-opt3\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Solution+Temporaire\" alt=\"Solution Temporaire\">\n <h2>Solution Temporaire<\/h2>\n <p>Vous proposez d’activer une ligne de production de secours pour maintenir un niveau minimal de production en attendant la r\u00e9paration compl\u00e8te.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Nous allons activer la ligne de secours pour continuer \u00e0 fabriquer les prototypes pendant la r\u00e9paration.<\/p>\n <\/div>\n <p>Cette solution, bien que provisoire, rassure l’\u00e9quipe et limite les pertes.<\/p>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-resolution\">Continuer vers la r\u00e9solution<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-resolution\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=R%C3%A9solution\" alt=\"R\u00e9solution\">\n <h2>R\u00e9solution et Retour d’Exp\u00e9rience<\/h2>\n <p>Apr\u00e8s la r\u00e9paration, l’\u00e9quipe se r\u00e9unit pour analyser l’incident. Le chef de projet f\u00e9licite chacun pour sa r\u00e9activit\u00e9 et souligne l’importance du sang-froid en situation de crise.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Chef de projet :<\/p>\n <p>Bravo \u00e0 tous ! Votre action rapide a permis de limiter les d\u00e9g\u00e2ts et de reprendre la production.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-summary\">Terminer l’aventure<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-exploration\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Exploration+Solo\" alt=\"Exploration Solo\">\n <h2>Exploration en Solo<\/h2>\n <p>Vous continuez \u00e0 explorer les locaux et d\u00e9couvrez des espaces de travail collaboratifs ainsi que des salles de <strong>brainstorming<\/strong> inspirantes, con\u00e7ues pour stimuler la cr\u00e9ativit\u00e9.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Chercheur :<\/p>\n <p>Ici, chaque d\u00e9tail encourage le partage d’id\u00e9es et l’exp\u00e9rimentation.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-summary\">Terminer l’aventure<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-mentorat\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Mentorat\" alt=\"Mentorat\">\n <h2>Mentorat Personnalis\u00e9<\/h2>\n <p>Vous sollicitez un mentor exp\u00e9riment\u00e9 pour mieux comprendre la culture de l’<strong>entreprise<\/strong> et d\u00e9velopper vos comp\u00e9tences en <strong>leadership<\/strong>. La rencontre vous apporte des conseils pr\u00e9cieux et renforce votre d\u00e9termination.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Mentor :<\/p>\n <p>Je serai ravi de vous guider. L’\u00e9coute active et l’apprentissage constant sont essentiels pour r\u00e9ussir.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-reunion\">Participer \u00e0 la r\u00e9union de projet<\/button>\n <button class=\"button\" data-section=\"section-initiative\">Proposer une initiative innovante<\/button>\n <button class=\"button\" data-section=\"section-collegue\">Rejoindre une discussion informelle<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-initiative\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Initiative+Innovante\" alt=\"Initiative Innovante\">\n <h2>Initiative Innovante<\/h2>\n <p>Fort de vos \u00e9changes, vous proposez une id\u00e9e novatrice pour optimiser le processus de <strong>production<\/strong> et renforcer la <strong>productivit\u00e9<\/strong> de l’\u00e9quipe. Vous d\u00e9montrez comment repenser certaines \u00e9tapes peut transformer les pratiques actuelles.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>En adoptant des m\u00e9thodes plus agiles, nous pourrions am\u00e9liorer notre efficacit\u00e9 et r\u00e9duire les d\u00e9lais de production.<\/p>\n <\/div>\n <div class=\"definitions\">\n <h3>Mots Cl\u00e9s :<\/h3>\n <ul>\n <li><strong>initiative<\/strong> : Prise d’action sans attendre d’instructions.<\/li>\n <li><strong>production<\/strong> : Processus de cr\u00e9ation de biens ou services.<\/li>\n <li><strong>productivit\u00e9<\/strong> : Mesure de l’efficacit\u00e9 du travail.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"choice\">\n Face aux d\u00e9bats, comment r\u00e9agissez-vous ?\n <br>\n <button class=\"button\" data-section=\"section-intervenir\">Pr\u00e9senter une solution d\u00e9taill\u00e9e<\/button>\n <button class=\"button\" data-section=\"section-observer\">Observer les r\u00e9actions<\/button>\n <button class=\"button\" data-section=\"section-mediation\">Encourager un d\u00e9bat constructif<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-intervenir\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Intervention+D%C3%A9cisive\" alt=\"Intervention D\u00e9cisive\">\n <h2>Intervention D\u00e9cisive<\/h2>\n <p>Face \u00e0 la panne, vous prenez rapidement les devants. Votre intervention, alliant pragmatisme et innovation, r\u00e9tablit la production, apaisant ainsi les tensions.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Chef de projet :<\/p>\n <p>Votre r\u00e9activit\u00e9 et votre sang-froid ont permis de limiter les d\u00e9g\u00e2ts. Bravo pour cette intervention d\u00e9cisive !<\/p>\n <\/div>\n <div class=\"definitions\">\n <h3>Mots Cl\u00e9s :<\/h3>\n <ul>\n <li><strong>responsabilit\u00e9<\/strong> : Obligation d’assumer ses actions.<\/li>\n <li><strong>innovation<\/strong> : Processus d’introduction de nouveaut\u00e9s.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-summary\">Terminer l’aventure<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-observer\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Observation+et+Analyse\" alt=\"Observation et Analyse\">\n <h2>Observation et Analyse<\/h2>\n <p>Vous choisissez d’observer attentivement la situation. En analysant les causes de la panne, vous proposez des pistes d’am\u00e9lioration pour renforcer le syst\u00e8me de production.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Comprendre chaque d\u00e9tail nous permettra d’anticiper les probl\u00e8mes et de renforcer notre syst\u00e8me.<\/p>\n <\/div>\n <div class=\"definitions\">\n <h3>Mots Cl\u00e9s :<\/h3>\n <ul>\n <li><strong>analyse<\/strong> : Examen approfondi d’une situation pour en comprendre les enjeux.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-summary\">Terminer l’aventure<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-mediation\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=M%C3%A9diation\" alt=\"M\u00e9diation\">\n <h2>M\u00e9diation Constructive<\/h2>\n <p>Vous endossez le r\u00f4le de m\u00e9diateur pour apaiser les tensions lors de la r\u00e9union. Gr\u00e2ce \u00e0 votre \u00e9coute et \u00e0 votre empathie, vous facilitez un dialogue ouvert qui permet \u00e0 chacun de s’exprimer et de trouver une solution commune.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Rassemblons-nous pour discuter calmement. C’est en unissant nos forces que nous surmonterons cette crise.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-summary\">Terminer l’aventure<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-summary\" class=\"histoire-section\">\n \n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Variable globale pour stocker le texte narratif des sections visit\u00e9es\n let visitedNarrative = \"\";\n \n \/\/ Fonction pour stocker la narration de la section actuellement visible\n function storeCurrentNarrative() {\n \/\/ S\u00e9lectionne la section visible\n let currentSection = document.querySelector('#histoire_interactive .histoire-section:not([style*=\"display: none\"])');\n if (currentSection) {\n let narrative = currentSection.querySelector('.narrative');\n if (narrative) {\n visitedNarrative += narrative.innerText + \"\\n\";\n }\n }\n }\n \n \/\/ Fonction pour afficher une section et masquer les autres\n function choisir(id) {\n storeCurrentNarrative();\n let sections = document.querySelectorAll('#histoire_interactive .histoire-section');\n sections.forEach(function(section) {\n section.style.display = 'none';\n });\n document.getElementById(id).style.display = 'block';\n }\n \n \/\/ Attacher des \u00e9couteurs sur les boutons qui utilisent data-section\n document.querySelectorAll('#histoire_interactive .button[data-section]').forEach(function(btn) {\n btn.addEventListener('click', function() {\n choisir(btn.getAttribute('data-section'));\n });\n });\n \n \/\/ Fonction pour v\u00e9rifier les r\u00e9ponses des exercices de vocabulaire\n function verifierExercice(btn, estCorrect) {\n let exerciceDiv = btn.parentNode;\n let repDiv = exerciceDiv.querySelector('.reponse');\n let repErrDiv = exerciceDiv.querySelector('.reponse-err');\n if (estCorrect === true) {\n repDiv.style.display = 'block';\n repErrDiv.style.display = 'none';\n } else {\n repErrDiv.style.display = 'block';\n repDiv.style.display = 'none';\n }\n }\n \n \/\/ Attacher des \u00e9couteurs aux boutons dans les exercices de vocabulaire\n document.querySelectorAll('#histoire_interactive .exercice .button').forEach(function(btn) {\n btn.addEventListener('click', function() {\n let correct = (btn.getAttribute('data-correct') === \"true\");\n verifierExercice(btn, correct);\n });\n });\n \n \/\/ Fonction pour g\u00e9n\u00e9rer le r\u00e9sum\u00e9 final (10 lignes maximum)\n function genererResume() {\n storeCurrentNarrative();\n let lines = visitedNarrative.split(\/\\n\/).filter(line => line.trim() !== \"\");\n let summaryLines = lines.slice(0, 10).join(\"\\n\");\n let summaryDiv = document.getElementById('section-summary');\n summaryDiv.innerHTML = `\n <div class=\"summary\">\n <h2>R\u00e9sum\u00e9 de Votre Aventure<\/h2>\n <pre>${summaryLines}<\/pre>\n <\/div>\n `;\n summaryDiv.style.display = 'block';\n }\n \n \/\/ Fonction de r\u00e9initialisation\n function restart() {\n visitedNarrative = \"\";\n document.getElementById('section-summary').style.display = 'none';\n choisir('section-intro');\n }\n \n \/\/ Attacher des \u00e9couteurs sur les boutons \"Terminer l'aventure\"\n document.querySelectorAll('#histoire_interactive button[data-section=\"section-summary\"]').forEach(function(btn) {\n btn.addEventListener(\"click\", function() {\n genererResume();\n });\n });\n \n \/\/ Exposer les fonctions (facultatif pour d\u00e9bogage)\n window.restart = restart;\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Histoire Interactive \u2013 Votre Aventure Professionnelle. Bienvenue dans votre premi\u00e8re journ\u00e9e chez Entreprise XYZ, \u2026 <\/p>\n","protected":false},"author":1,"featured_media":5116,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"cybocfi_hide_featured_image":"yes","footnotes":""},"categories":[102,33],"tags":[40,98],"class_list":["post-5074","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comprehension-ecrite","category-niveau-b1","tag-comprehension-ecrite","tag-niveau-b1"],"yoast_head":"\n<title>Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail - MOddou FLE<\/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:\/\/www.estudiodefrances.com\/?p=5074\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail - MOddou FLE\" \/>\n<meta property=\"og:description\" content=\"Histoire Interactive \u2013 Votre Aventure Professionnelle. Bienvenue dans votre premi\u00e8re journ\u00e9e chez Entreprise XYZ, \u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.estudiodefrances.com\/?p=5074\" \/>\n<meta property=\"og:site_name\" content=\"MOddou FLE\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/moddouFLE\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-20T13:48:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-01T19:03:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/professionnelle-aventure.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"moddou\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@moddou\" \/>\n<meta name=\"twitter:site\" content=\"@moddou\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"moddou\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074\"},\"author\":{\"name\":\"moddou\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/person\\\/88f4b73addd8170d9837c20fc1127e7c\"},\"headline\":\"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail\",\"datePublished\":\"2025-02-20T13:48:31+00:00\",\"dateModified\":\"2025-03-01T19:03:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074\"},\"wordCount\":1828,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/professionnelle-aventure.jpeg\",\"keywords\":[\"compr\u00e9hension \u00e9crite\",\"Niveau B1\"],\"articleSection\":[\"compr\u00e9hension \u00e9crite\",\"Niveau B1\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074\",\"name\":\"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail - MOddou FLE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/professionnelle-aventure.jpeg\",\"datePublished\":\"2025-02-20T13:48:31+00:00\",\"dateModified\":\"2025-03-01T19:03:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#website\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\",\"name\":\"MOddou FLE\",\"description\":\"Exercices et jeux pour apprendre le fran\u00e7ais\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\",\"name\":\"MOddou FLE\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png\",\"contentUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png\",\"width\":68,\"height\":79,\"caption\":\"MOddou FLE\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/moddouFLE\\\/\",\"https:\\\/\\\/x.com\\\/moddou\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/person\\\/88f4b73addd8170d9837c20fc1127e7c\",\"name\":\"moddou\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g\",\"caption\":\"moddou\"},\"sameAs\":[\"http:\\\/\\\/www.estudiodefrances.com\"],\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?author=1\"}]}<\/script>\n","yoast_head_json":{"title":"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail - MOddou FLE","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:\/\/www.estudiodefrances.com\/?p=5074","og_locale":"fr_FR","og_type":"article","og_title":"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail - MOddou FLE","og_description":"Histoire Interactive \u2013 Votre Aventure Professionnelle. Bienvenue dans votre premi\u00e8re journ\u00e9e chez Entreprise XYZ, \u2026","og_url":"https:\/\/www.estudiodefrances.com\/?p=5074","og_site_name":"MOddou FLE","article_publisher":"https:\/\/www.facebook.com\/moddouFLE\/","article_published_time":"2025-02-20T13:48:31+00:00","article_modified_time":"2025-03-01T19:03:57+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/professionnelle-aventure.jpeg","type":"image\/jpeg"}],"author":"moddou","twitter_card":"summary_large_image","twitter_creator":"@moddou","twitter_site":"@moddou","twitter_misc":{"\u00c9crit par":"moddou","Dur\u00e9e de lecture estim\u00e9e":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.estudiodefrances.com\/?p=5074#article","isPartOf":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5074"},"author":{"name":"moddou","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/person\/88f4b73addd8170d9837c20fc1127e7c"},"headline":"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail","datePublished":"2025-02-20T13:48:31+00:00","dateModified":"2025-03-01T19:03:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5074"},"wordCount":1828,"commentCount":0,"publisher":{"@id":"https:\/\/www.estudiodefrances.com\/#organization"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5074#primaryimage"},"thumbnailUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/professionnelle-aventure.jpeg","keywords":["compr\u00e9hension \u00e9crite","Niveau B1"],"articleSection":["compr\u00e9hension \u00e9crite","Niveau B1"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.estudiodefrances.com\/?p=5074#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.estudiodefrances.com\/?p=5074","url":"https:\/\/www.estudiodefrances.com\/?p=5074","name":"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail - MOddou FLE","isPartOf":{"@id":"https:\/\/www.estudiodefrances.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5074#primaryimage"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5074#primaryimage"},"thumbnailUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/professionnelle-aventure.jpeg","datePublished":"2025-02-20T13:48:31+00:00","dateModified":"2025-03-01T19:03:57+00:00","breadcrumb":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5074#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.estudiodefrances.com\/?p=5074"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.estudiodefrances.com\/?p=5074#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.estudiodefrances.com\/"},{"@type":"ListItem","position":2,"name":"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail"}]},{"@type":"WebSite","@id":"https:\/\/www.estudiodefrances.com\/#website","url":"https:\/\/www.estudiodefrances.com\/","name":"MOddou FLE","description":"Exercices et jeux pour apprendre le fran\u00e7ais","publisher":{"@id":"https:\/\/www.estudiodefrances.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.estudiodefrances.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.estudiodefrances.com\/#organization","name":"MOddou FLE","url":"https:\/\/www.estudiodefrances.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png","contentUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png","width":68,"height":79,"caption":"MOddou FLE"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/moddouFLE\/","https:\/\/x.com\/moddou"]},{"@type":"Person","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/person\/88f4b73addd8170d9837c20fc1127e7c","name":"moddou","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g","caption":"moddou"},"sameAs":["http:\/\/www.estudiodefrances.com"],"url":"https:\/\/www.estudiodefrances.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5074"}],"version-history":[{"count":4,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5074\/revisions"}],"predecessor-version":[{"id":5190,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5074\/revisions\/5190"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/media\/5116"}],"wp:attachment":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5074"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5074"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5074,"date":"2025-02-20T15:48:31","date_gmt":"2025-02-20T13:48:31","guid":{"rendered":"https:\/\/www.estudiodefrances.com\/?p=5074"},"modified":"2025-03-01T21:03:57","modified_gmt":"2025-03-01T19:03:57","slug":"texte-avec-histoire-personnalisee-sur-le-theme-du-travail","status":"publish","type":"post","link":"https:\/\/www.estudiodefrances.com\/?p=5074","title":{"rendered":"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail"},"content":{"rendered":"\n\n\n\n \n \n Histoire Interactive – Le Monde du Travail<\/title>\n <style>\n \/* Styles encapsul\u00e9s dans #histoire_interactive pour \u00e9viter les conflits avec WordPress *\/\n #histoire_interactive * { box-sizing: border-box; }\n #histoire_interactive {\n font-family: 'Arial', sans-serif;\n background: #f4f4f9;\n color: #333;\n line-height: 1.6;\n padding: 20px;\n }\n #histoire_interactive .container {\n max-width: 850px;\n margin: auto;\n background: #fff;\n padding: 25px 40px;\n border-radius: 8px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n #histoire_interactive h1 {\n text-align: center;\n color: #0073aa;\n margin-bottom: 20px;\n }\n #histoire_interactive h2 {\n color: #005177;\n margin-bottom: 10px;\n }\n #histoire_interactive p { margin-bottom: 15px; }\n \/* Animation d'apparition *\/\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .fade-in { animation: fadeIn 0.6s ease-out; }\n \/* Boutons *\/\n .button {\n display: inline-block;\n padding: 10px 20px;\n color: #fff;\n background: #0073aa;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background 0.3s;\n margin: 10px 5px;\n text-decoration: none;\n font-size: 1em;\n }\n .button:hover { background: #005177; }\n \/* Zones de choix *\/\n .choice {\n background: #fffacd;\n border: 1px solid #f1c40f;\n padding: 12px;\n border-radius: 5px;\n margin: 20px 0;\n text-align: center;\n font-weight: bold;\n }\n \/* Exercices de vocabulaire *\/\n .exercice {\n background: #fff;\n border: 1px solid #e0e0a0;\n padding: 10px;\n border-radius: 4px;\n margin: 20px 0;\n }\n .exercice p { margin: 5px 0; font-weight: bold; }\n .exercice .button { margin: 5px; }\n .exercice .reponse,\n .exercice .reponse-err {\n margin-top: 10px;\n font-weight: bold;\n display: none;\n }\n .exercice .reponse { color: green; }\n .exercice .reponse-err { color: red; }\n \/* Sections de l'histoire *\/\n .histoire-section {\n display: none;\n animation: fadeIn 0.6s ease-out;\n margin-bottom: 20px;\n }\n .histoire-section.active { display: block; }\n .narrative { margin-bottom: 20px; }\n \/* Images d'illustration *\/\n .illustration {\n width: 100%;\n height: auto;\n border-radius: 4px;\n margin-bottom: 15px;\n }\n \/* Dialogues *\/\n .dialogue {\n background-color: #e9f5ff;\n border-left: 5px solid #0073aa;\n margin: 15px 0;\n padding: 12px 18px;\n border-radius: 4px;\n font-style: italic;\n }\n .dialogue .speaker { font-weight: bold; margin-bottom: 5px; }\n \/* R\u00e9sum\u00e9 Final *\/\n .summary {\n background: linear-gradient(135deg, #e0f7fa, #f1f8e9);\n border: 1px solid #b2dfdb;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n margin-top: 30px;\n }\n .summary h2 { text-align: center; color: #0073aa; }\n .summary pre {\n background: #f4f4f4;\n padding: 15px;\n border-radius: 5px;\n white-space: pre-wrap;\n font-family: monospace;\n border: 1px dashed #ccc;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"histoire_interactive\">\n <div class=\"container\">\n <h1>Le Monde du Travail – Histoire Interactive<\/h1>\n \n \n <div id=\"section-intro\" class=\"histoire-section active\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Hall+d%27Entr%C3%A9e\" alt=\"Hall d'entr\u00e9e\">\n <h2>Votre Aventure Professionnelle<\/h2>\n <p>Bienvenue dans votre premi\u00e8re journ\u00e9e chez <strong>Entreprise XYZ<\/strong>, r\u00e9put\u00e9e pour son <strong>innovation<\/strong> et sa <strong>collaboration<\/strong>. En entrant, vous d\u00e9couvrez un hall moderne o\u00f9 l’ambition se lit sur chaque visage. Les murs affichent des citations inspirantes et t\u00e9moignent des succ\u00e8s pass\u00e9s.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Directeur :<\/p>\n <p>Bonjour et bienvenue ! Chaque d\u00e9cision vous rapproche du succ\u00e8s. Pr\u00e9parez-vous \u00e0 relever des d\u00e9fis passionnants.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n Pour commencer, choisissez votre mode de transport :\n <br>\n <button class=\"button\" data-section=\"section-bus\">Prendre le bus<\/button>\n <button class=\"button\" data-section=\"section-voiture\">Conduire votre voiture<\/button>\n <button class=\"button\" data-section=\"section-metro\">Prendre le m\u00e9tro<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-bus\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Bus\" alt=\"Bus\">\n <h2>Le Bus<\/h2>\n <p>Vous optez pour le bus, un moyen de <strong>transport en commun<\/strong> \u00e9conomique et convivial. Pendant le trajet, vous discutez avec Marie, une future coll\u00e8gue, qui vous explique l’importance de l’esprit d’\u00e9quipe et de la communication.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Marie :<\/p>\n <p>Salut ! C’est ton premier jour ? Ici, chaque id\u00e9e compte et la communication est primordiale.<\/p>\n <\/div>\n <\/div>\n <div class=\"exercice\">\n <p><strong>Exercice :<\/strong> Quelle est la d\u00e9finition de <em>transport en commun<\/em> ?<\/p>\n <button class=\"button\" data-correct=\"true\">Option A : Moyen de d\u00e9placement partag\u00e9 par plusieurs personnes<\/button>\n <button class=\"button\" data-correct=\"false\">Option B : Moyen de d\u00e9placement individuel<\/button>\n <button class=\"button\" data-correct=\"false\">Option C : V\u00e9hicule priv\u00e9 de luxe<\/button>\n <div class=\"reponse\">Bonne r\u00e9ponse !<\/div>\n <div class=\"reponse-err\">R\u00e9essayez, ce n’est pas correct.<\/div>\n <\/div>\n <div class=\"choice\">\n \u00c0 votre arriv\u00e9e, comment souhaitez-vous proc\u00e9der ?\n <br>\n <button class=\"button\" data-section=\"section-aide\">Demander de l’aide \u00e0 Marie<\/button>\n <button class=\"button\" data-section=\"section-seul\">Explorer les locaux par vous-m\u00eame<\/button>\n <button class=\"button\" data-section=\"section-collegue\">Rejoindre un groupe de coll\u00e8gues<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-voiture\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Voiture\" alt=\"Voiture\">\n <h2>La Voiture<\/h2>\n <p>Vous choisissez de conduire votre <strong>voiture<\/strong> et appr\u00e9ciez l’<strong>autonomie<\/strong> qu’elle offre. Dans le trafic, vous r\u00e9fl\u00e9chissez \u00e0 comment apporter votre touche personnelle \u00e0 l’\u00e9quipe.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Voisin de bureau :<\/p>\n <p>Bonne route ! Ce moment est id\u00e9al pour planifier comment vous pourrez contribuer efficacement.<\/p>\n <\/div>\n <\/div>\n <div class=\"exercice\">\n <p><strong>Exercice :<\/strong> Quel synonyme d\u00e9crit le mieux <em>l’autonomie<\/em> ?<\/p>\n <button class=\"button\" data-correct=\"true\">Option A : Ind\u00e9pendance<\/button>\n <button class=\"button\" data-correct=\"false\">Option B : D\u00e9pendance<\/button>\n <button class=\"button\" data-correct=\"false\">Option C : Collaboration<\/button>\n <div class=\"reponse\">Bonne r\u00e9ponse !<\/div>\n <div class=\"reponse-err\">R\u00e9essayez, ce n’est pas correct.<\/div>\n <\/div>\n <div class=\"choice\">\n Une fois arriv\u00e9, quelle sera votre d\u00e9marche ?\n <br>\n <button class=\"button\" data-section=\"section-aide\">Chercher l’aide du responsable d’accueil<\/button>\n <button class=\"button\" data-section=\"section-seul\">Explorer les locaux en autonomie<\/button>\n <button class=\"button\" data-section=\"section-collegue\">Rejoindre une discussion informelle<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-metro\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=M%C3%A9tro\" alt=\"M\u00e9tro\">\n <h2>Le M\u00e9tro<\/h2>\n <p>Vous optez pour le m\u00e9tro, un moyen rapide et efficace qui vous offre un moment de calme pour r\u00e9fl\u00e9chir \u00e0 vos ambitions professionnelles. L’ambiance studieuse vous inspire \u00e0 imaginer de grands projets.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Passager :<\/p>\n <p>Le m\u00e9tro est id\u00e9al pour se projeter dans l’avenir. Chaque minute est une opportunit\u00e9 de r\u00eaver grand.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n \u00c0 la station, quelle option choisissez-vous ?\n <br>\n <button class=\"button\" data-section=\"section-aide\">Demander des infos au personnel<\/button>\n <button class=\"button\" data-section=\"section-seul\">Explorer seul<\/button>\n <button class=\"button\" data-section=\"section-collegue\">Rejoindre un petit groupe<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-aide\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Orientation\" alt=\"Orientation\">\n <h2>Orientation avec Aide<\/h2>\n <p>D\u00e8s votre arriv\u00e9e, un <strong>responsable<\/strong> vous accueille chaleureusement et vous explique que la <strong>communication<\/strong> et le <strong>travail collaboratif<\/strong> sont essentiels pour r\u00e9ussir ensemble.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Responsable :<\/p>\n <p>Nous mettons un point d’honneur \u00e0 communiquer ouvertement. Partagez vos id\u00e9es et n’h\u00e9sitez jamais \u00e0 poser des questions.<\/p>\n <\/div>\n <\/div>\n <div class=\"exercice\">\n <p><strong>Exercice :<\/strong> Selon le responsable, quel est l’\u00e9l\u00e9ment essentiel pour r\u00e9ussir ici ?<\/p>\n <button class=\"button\" data-correct=\"true\">Option A : La communication<\/button>\n <button class=\"button\" data-correct=\"false\">Option B : L’individualisme<\/button>\n <button class=\"button\" data-correct=\"false\">Option C : La comp\u00e9tition<\/button>\n <div class=\"reponse\">Bonne r\u00e9ponse !<\/div>\n <div class=\"reponse-err\">R\u00e9essayez, ce n’est pas correct.<\/div>\n <\/div>\n <div class=\"choice\">\n Que souhaitez-vous faire ensuite ?\n <br>\n <button class=\"button\" data-section=\"section-reunion\">Assister \u00e0 la r\u00e9union de projet<\/button>\n <button class=\"button\" data-section=\"section-exploration\">Explorer les locaux<\/button>\n <button class=\"button\" data-section=\"section-mentorat\">Demander un mentorat personnalis\u00e9<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-seul\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Exploration+Solo\" alt=\"Exploration Solo\">\n <h2>Exploration en Solo<\/h2>\n <p>Vous d\u00e9cidez d’explorer l’<strong>entreprise<\/strong> par vous-m\u00eame. En arpentant les couloirs et en observant les \u00e9quipes, vous \u00eates impressionn\u00e9 par la rigueur de l’<strong>organisation<\/strong> et l’<strong>innovation<\/strong> qui r\u00e8gne.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Int\u00e9rieur de votre esprit :<\/p>\n <p>Chaque d\u00e9tail rec\u00e8le une opportunit\u00e9 d’am\u00e9lioration. Je pourrais proposer de nouvelles m\u00e9thodes pour booster la productivit\u00e9.<\/p>\n <\/div>\n <\/div>\n <div class=\"exercice\">\n <p><strong>Exercice :<\/strong> Que signifie <em>organisation<\/em> dans ce contexte ?<\/p>\n <button class=\"button\" data-correct=\"true\">Option A : La structure et la gestion interne d’une entreprise<\/button>\n <button class=\"button\" data-correct=\"false\">Option B : Travailler en solo<\/button>\n <button class=\"button\" data-correct=\"false\">Option C : L’agencement du mobilier<\/button>\n <div class=\"reponse\">Bonne r\u00e9ponse !<\/div>\n <div class=\"reponse-err\">R\u00e9essayez, ce n’est pas correct.<\/div>\n <\/div>\n <div class=\"choice\">\n Quelle sera votre prochaine d\u00e9marche ?\n <br>\n <button class=\"button\" data-section=\"section-rendezvous\">Prendre rendez-vous avec le responsable<\/button>\n <button class=\"button\" data-section=\"section-initiative\">Proposer une initiative innovante<\/button>\n <button class=\"button\" data-section=\"section-collegue\">Rejoindre une discussion informelle<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-collegue\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Discussion+Informelle\" alt=\"Discussion Informelle\">\n <h2>Discussion Informelle<\/h2>\n <p>Vous rejoignez un groupe de coll\u00e8gues dans le hall. La conversation s\u2019anime autour des d\u00e9fis actuels et des perspectives d\u2019avenir. L\u2019atmosph\u00e8re est conviviale et stimulante.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Coll\u00e8gue :<\/p>\n <p>Nous partageons nos exp\u00e9riences et discutons de comment am\u00e9liorer la dynamique de l’\u00e9quipe. Chaque id\u00e9e compte.<\/p>\n <\/div>\n <\/div>\n <div class=\"exercice\">\n <p><strong>Exercice :<\/strong> Que signifie <em>coh\u00e9sion d’\u00e9quipe<\/em> ?<\/p>\n <button class=\"button\" data-correct=\"true\">Option A : L’unit\u00e9 et la force d’un groupe travaillant ensemble<\/button>\n <button class=\"button\" data-correct=\"false\">Option B : La comp\u00e9tition entre coll\u00e8gues<\/button>\n <button class=\"button\" data-correct=\"false\">Option C : L’individualisme dans le travail<\/button>\n <div class=\"reponse\">Bonne r\u00e9ponse !<\/div>\n <div class=\"reponse-err\">R\u00e9essayez, ce n’est pas correct.<\/div>\n <\/div>\n <div class=\"choice\">\n Que souhaitez-vous faire ensuite ?\n <br>\n <button class=\"button\" data-section=\"section-reunion\">Participer \u00e0 une r\u00e9union de projet<\/button>\n <button class=\"button\" data-section=\"section-exploration\">Explorer les locaux ensemble<\/button>\n <button class=\"button\" data-section=\"section-initiative\">Proposer une id\u00e9e innovante<\/button>\n <button class=\"button\" data-section=\"section-dialogue\">Donner mon avis<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-dialogue\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Discussion+Strat%C3%A9gique\" alt=\"Discussion Strat\u00e9gique\">\n <h2>Discussion Strat\u00e9gique<\/h2>\n <p>Un coll\u00e8gue s’approche et vous demande : \u00ab Que pensez-vous de notre strat\u00e9gie pour le prochain trimestre ? \u00bb Vous r\u00e9alisez que votre r\u00e9ponse pourrait influencer les d\u00e9cisions futures.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Coll\u00e8gue :<\/p>\n <p>Nous sommes \u00e0 un tournant d\u00e9cisif. Votre avis est pr\u00e9cieux, alors partagez vos id\u00e9es pour nous aider \u00e0 progresser.<\/p>\n <\/div>\n <\/div>\n <div class=\"exercice\">\n <p><strong>Exercice :<\/strong> Que signifie <em>strat\u00e9gie<\/em> dans ce contexte ?<\/p>\n <button class=\"button\" data-correct=\"true\">Option A : Plan d’action pour atteindre des objectifs<\/button>\n <button class=\"button\" data-correct=\"false\">Option B : Une id\u00e9e spontan\u00e9e<\/button>\n <button class=\"button\" data-correct=\"false\">Option C : Une m\u00e9thode de relaxation<\/button>\n <div class=\"reponse\">Bonne r\u00e9ponse !<\/div>\n <div class=\"reponse-err\">R\u00e9essayez, ce n’est pas correct.<\/div>\n <\/div>\n <div class=\"choice\">\n Quel est votre avis ?\n <br>\n <button class=\"button\" data-section=\"section-dialogue-opt\">Je suis optimiste, tout ira bien<\/button>\n <button class=\"button\" data-section=\"section-dialogue-scept\">Je suis sceptique, il y a trop de risques<\/button>\n <button class=\"button\" data-section=\"section-dialogue-alt\">Je propose de repenser certains aspects<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-dialogue-opt\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Optimiste\" alt=\"Optimiste\">\n <h2>R\u00e9ponse Optimiste<\/h2>\n <p>Avec un sourire confiant, vous affirmez que la strat\u00e9gie actuelle est porteuse d’avenir. Vous expliquez que l’enthousiasme et la synergie de l’\u00e9quipe permettront de surmonter tous les obstacles.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Je suis persuad\u00e9 que notre \u00e9quipe saura relever tous les d\u00e9fis gr\u00e2ce \u00e0 notre esprit d’innovation et de collaboration.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-reunion\">Continuer vers la r\u00e9union de projet<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-dialogue-scept\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Sceptique\" alt=\"Sceptique\">\n <h2>R\u00e9ponse Sceptique<\/h2>\n <p>D’un ton mesur\u00e9, vous exprimez des doutes sur la strat\u00e9gie actuelle, indiquant que certains aspects m\u00e9riteraient d’\u00eatre r\u00e9\u00e9valu\u00e9s pour r\u00e9duire les risques.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Il serait peut-\u00eatre judicieux de revoir certains points pour r\u00e9duire les risques potentiels. La prudence peut \u00eatre une force.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-reunion\">Continuer vers la r\u00e9union de projet<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-dialogue-alt\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Alternative\" alt=\"Alternative\">\n <h2>R\u00e9ponse Alternative<\/h2>\n <p>Faisant preuve de cr\u00e9ativit\u00e9, vous proposez d’int\u00e9grer de nouvelles m\u00e9thodes et outils pour repenser la strat\u00e9gie. Vous sugg\u00e9rez de renforcer la collaboration inter-d\u00e9partementale afin d’exploiter pleinement le potentiel de chacun.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Pourquoi ne pas adopter une approche hybride ? Renfor\u00e7ons notre communication inter-d\u00e9partementale et utilisons des outils innovants pour mieux coordonner nos efforts.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-reunion\">Continuer vers la r\u00e9union de projet<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-reunion\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=R%C3%A9union+de+Projet\" alt=\"R\u00e9union de Projet\">\n <h2>R\u00e9union de Projet<\/h2>\n <p>Vous assistez \u00e0 une r\u00e9union strat\u00e9gique o\u00f9 le <strong>projet<\/strong> du trimestre est pr\u00e9sent\u00e9 en d\u00e9tail. La salle s’anime avec des discussions passionn\u00e9es sur le <strong>budget<\/strong>, la <strong>strat\u00e9gie<\/strong> et les <strong>objectifs<\/strong> \u00e0 atteindre.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Chef de projet :<\/p>\n <p>Chaque contribution est essentielle pour r\u00e9ussir. Unissons nos forces pour surmonter les d\u00e9fis et atteindre l’excellence.<\/p>\n <\/div>\n <p>Alors que la r\u00e9union bat son plein, une panne critique survient sur la ligne de production, mena\u00e7ant de retarder l’ensemble du projet.<\/p>\n <div class=\"definitions\">\n <h3>Mots Cl\u00e9s :<\/h3>\n <ul>\n <li><strong>projet<\/strong> : Ensemble d’activit\u00e9s visant \u00e0 atteindre un objectif pr\u00e9cis.<\/li>\n <li><strong>budget<\/strong> : Somme d’argent allou\u00e9e \u00e0 un projet.<\/li>\n <li><strong>strat\u00e9gie<\/strong> : Plan d’action pour atteindre des objectifs.<\/li>\n <li><strong>objectifs<\/strong> : Buts \u00e0 atteindre.<\/li>\n <li><strong>performance<\/strong> : Mesure de l’efficacit\u00e9 et des r\u00e9sultats.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"choice\">\n Soudain, une panne critique survient. Que faites-vous ?\n <br>\n <button class=\"button\" data-section=\"section-panne-opt1\">Intervenir imm\u00e9diatement<\/button>\n <button class=\"button\" data-section=\"section-panne-opt2\">Contacter le service technique<\/button>\n <button class=\"button\" data-section=\"section-panne-opt3\">Mettre en place une solution temporaire<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-panne-opt1\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Intervention+Imm\u00e9diate\" alt=\"Intervention Imm\u00e9diate\">\n <h2>Intervention Imm\u00e9diate<\/h2>\n <p>Sans perdre une seconde, vous vous pr\u00e9cipitez dans l’atelier. Avec l’aide d’un technicien, vous identifiez rapidement un dysfonctionnement du capteur de temp\u00e9rature.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Le capteur est d\u00e9fectueux. Je vais le remplacer imm\u00e9diatement pour relancer la production.<\/p>\n <\/div>\n <p>Votre intervention permet de red\u00e9marrer la machine et d’\u00e9viter une interruption prolong\u00e9e.<\/p>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-resolution\">Continuer vers la r\u00e9solution<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-panne-opt2\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Diagnostic+Technique\" alt=\"Diagnostic Technique\">\n <h2>Diagnostic Technique<\/h2>\n <p>Vous contactez le service technique. En quelques minutes, un technicien arrive pour effectuer un diagnostic approfondi.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Technicien :<\/p>\n <p>Le capteur de temp\u00e9rature est endommag\u00e9. Je vais le remplacer, cela prendra environ 15 minutes.<\/p>\n <\/div>\n <p>Cette solution limite la dur\u00e9e de l’arr\u00eat tout en assurant une r\u00e9paration fiable.<\/p>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-resolution\">Continuer vers la r\u00e9solution<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-panne-opt3\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Solution+Temporaire\" alt=\"Solution Temporaire\">\n <h2>Solution Temporaire<\/h2>\n <p>Vous proposez d’activer une ligne de production de secours pour maintenir un niveau minimal de production en attendant la r\u00e9paration compl\u00e8te.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Nous allons activer la ligne de secours pour continuer \u00e0 fabriquer les prototypes pendant la r\u00e9paration.<\/p>\n <\/div>\n <p>Cette solution, bien que provisoire, rassure l’\u00e9quipe et limite les pertes.<\/p>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-resolution\">Continuer vers la r\u00e9solution<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-resolution\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=R%C3%A9solution\" alt=\"R\u00e9solution\">\n <h2>R\u00e9solution et Retour d’Exp\u00e9rience<\/h2>\n <p>Apr\u00e8s la r\u00e9paration, l’\u00e9quipe se r\u00e9unit pour analyser l’incident. Le chef de projet f\u00e9licite chacun pour sa r\u00e9activit\u00e9 et souligne l’importance du sang-froid en situation de crise.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Chef de projet :<\/p>\n <p>Bravo \u00e0 tous ! Votre action rapide a permis de limiter les d\u00e9g\u00e2ts et de reprendre la production.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-summary\">Terminer l’aventure<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-exploration\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Exploration+Solo\" alt=\"Exploration Solo\">\n <h2>Exploration en Solo<\/h2>\n <p>Vous continuez \u00e0 explorer les locaux et d\u00e9couvrez des espaces de travail collaboratifs ainsi que des salles de <strong>brainstorming<\/strong> inspirantes, con\u00e7ues pour stimuler la cr\u00e9ativit\u00e9.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Chercheur :<\/p>\n <p>Ici, chaque d\u00e9tail encourage le partage d’id\u00e9es et l’exp\u00e9rimentation.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-summary\">Terminer l’aventure<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-mentorat\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Mentorat\" alt=\"Mentorat\">\n <h2>Mentorat Personnalis\u00e9<\/h2>\n <p>Vous sollicitez un mentor exp\u00e9riment\u00e9 pour mieux comprendre la culture de l’<strong>entreprise<\/strong> et d\u00e9velopper vos comp\u00e9tences en <strong>leadership<\/strong>. La rencontre vous apporte des conseils pr\u00e9cieux et renforce votre d\u00e9termination.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Mentor :<\/p>\n <p>Je serai ravi de vous guider. L’\u00e9coute active et l’apprentissage constant sont essentiels pour r\u00e9ussir.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-reunion\">Participer \u00e0 la r\u00e9union de projet<\/button>\n <button class=\"button\" data-section=\"section-initiative\">Proposer une initiative innovante<\/button>\n <button class=\"button\" data-section=\"section-collegue\">Rejoindre une discussion informelle<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-initiative\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Initiative+Innovante\" alt=\"Initiative Innovante\">\n <h2>Initiative Innovante<\/h2>\n <p>Fort de vos \u00e9changes, vous proposez une id\u00e9e novatrice pour optimiser le processus de <strong>production<\/strong> et renforcer la <strong>productivit\u00e9<\/strong> de l’\u00e9quipe. Vous d\u00e9montrez comment repenser certaines \u00e9tapes peut transformer les pratiques actuelles.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>En adoptant des m\u00e9thodes plus agiles, nous pourrions am\u00e9liorer notre efficacit\u00e9 et r\u00e9duire les d\u00e9lais de production.<\/p>\n <\/div>\n <div class=\"definitions\">\n <h3>Mots Cl\u00e9s :<\/h3>\n <ul>\n <li><strong>initiative<\/strong> : Prise d’action sans attendre d’instructions.<\/li>\n <li><strong>production<\/strong> : Processus de cr\u00e9ation de biens ou services.<\/li>\n <li><strong>productivit\u00e9<\/strong> : Mesure de l’efficacit\u00e9 du travail.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"choice\">\n Face aux d\u00e9bats, comment r\u00e9agissez-vous ?\n <br>\n <button class=\"button\" data-section=\"section-intervenir\">Pr\u00e9senter une solution d\u00e9taill\u00e9e<\/button>\n <button class=\"button\" data-section=\"section-observer\">Observer les r\u00e9actions<\/button>\n <button class=\"button\" data-section=\"section-mediation\">Encourager un d\u00e9bat constructif<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-intervenir\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Intervention+D%C3%A9cisive\" alt=\"Intervention D\u00e9cisive\">\n <h2>Intervention D\u00e9cisive<\/h2>\n <p>Face \u00e0 la panne, vous prenez rapidement les devants. Votre intervention, alliant pragmatisme et innovation, r\u00e9tablit la production, apaisant ainsi les tensions.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Chef de projet :<\/p>\n <p>Votre r\u00e9activit\u00e9 et votre sang-froid ont permis de limiter les d\u00e9g\u00e2ts. Bravo pour cette intervention d\u00e9cisive !<\/p>\n <\/div>\n <div class=\"definitions\">\n <h3>Mots Cl\u00e9s :<\/h3>\n <ul>\n <li><strong>responsabilit\u00e9<\/strong> : Obligation d’assumer ses actions.<\/li>\n <li><strong>innovation<\/strong> : Processus d’introduction de nouveaut\u00e9s.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-summary\">Terminer l’aventure<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-observer\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=Observation+et+Analyse\" alt=\"Observation et Analyse\">\n <h2>Observation et Analyse<\/h2>\n <p>Vous choisissez d’observer attentivement la situation. En analysant les causes de la panne, vous proposez des pistes d’am\u00e9lioration pour renforcer le syst\u00e8me de production.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Comprendre chaque d\u00e9tail nous permettra d’anticiper les probl\u00e8mes et de renforcer notre syst\u00e8me.<\/p>\n <\/div>\n <div class=\"definitions\">\n <h3>Mots Cl\u00e9s :<\/h3>\n <ul>\n <li><strong>analyse<\/strong> : Examen approfondi d’une situation pour en comprendre les enjeux.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-summary\">Terminer l’aventure<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-mediation\" class=\"histoire-section\">\n <div class=\"narrative\">\n <img decoding=\"async\" class=\"illustration\" src=\"https:\/\/via.placeholder.com\/800x300?text=M%C3%A9diation\" alt=\"M\u00e9diation\">\n <h2>M\u00e9diation Constructive<\/h2>\n <p>Vous endossez le r\u00f4le de m\u00e9diateur pour apaiser les tensions lors de la r\u00e9union. Gr\u00e2ce \u00e0 votre \u00e9coute et \u00e0 votre empathie, vous facilitez un dialogue ouvert qui permet \u00e0 chacun de s’exprimer et de trouver une solution commune.<\/p>\n <div class=\"dialogue\">\n <p class=\"speaker\">Vous :<\/p>\n <p>Rassemblons-nous pour discuter calmement. C’est en unissant nos forces que nous surmonterons cette crise.<\/p>\n <\/div>\n <\/div>\n <div class=\"choice\">\n <button class=\"button\" data-section=\"section-summary\">Terminer l’aventure<\/button>\n <\/div>\n <\/div>\n \n \n <div id=\"section-summary\" class=\"histoire-section\">\n \n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Variable globale pour stocker le texte narratif des sections visit\u00e9es\n let visitedNarrative = \"\";\n \n \/\/ Fonction pour stocker la narration de la section actuellement visible\n function storeCurrentNarrative() {\n \/\/ S\u00e9lectionne la section visible\n let currentSection = document.querySelector('#histoire_interactive .histoire-section:not([style*=\"display: none\"])');\n if (currentSection) {\n let narrative = currentSection.querySelector('.narrative');\n if (narrative) {\n visitedNarrative += narrative.innerText + \"\\n\";\n }\n }\n }\n \n \/\/ Fonction pour afficher une section et masquer les autres\n function choisir(id) {\n storeCurrentNarrative();\n let sections = document.querySelectorAll('#histoire_interactive .histoire-section');\n sections.forEach(function(section) {\n section.style.display = 'none';\n });\n document.getElementById(id).style.display = 'block';\n }\n \n \/\/ Attacher des \u00e9couteurs sur les boutons qui utilisent data-section\n document.querySelectorAll('#histoire_interactive .button[data-section]').forEach(function(btn) {\n btn.addEventListener('click', function() {\n choisir(btn.getAttribute('data-section'));\n });\n });\n \n \/\/ Fonction pour v\u00e9rifier les r\u00e9ponses des exercices de vocabulaire\n function verifierExercice(btn, estCorrect) {\n let exerciceDiv = btn.parentNode;\n let repDiv = exerciceDiv.querySelector('.reponse');\n let repErrDiv = exerciceDiv.querySelector('.reponse-err');\n if (estCorrect === true) {\n repDiv.style.display = 'block';\n repErrDiv.style.display = 'none';\n } else {\n repErrDiv.style.display = 'block';\n repDiv.style.display = 'none';\n }\n }\n \n \/\/ Attacher des \u00e9couteurs aux boutons dans les exercices de vocabulaire\n document.querySelectorAll('#histoire_interactive .exercice .button').forEach(function(btn) {\n btn.addEventListener('click', function() {\n let correct = (btn.getAttribute('data-correct') === \"true\");\n verifierExercice(btn, correct);\n });\n });\n \n \/\/ Fonction pour g\u00e9n\u00e9rer le r\u00e9sum\u00e9 final (10 lignes maximum)\n function genererResume() {\n storeCurrentNarrative();\n let lines = visitedNarrative.split(\/\\n\/).filter(line => line.trim() !== \"\");\n let summaryLines = lines.slice(0, 10).join(\"\\n\");\n let summaryDiv = document.getElementById('section-summary');\n summaryDiv.innerHTML = `\n <div class=\"summary\">\n <h2>R\u00e9sum\u00e9 de Votre Aventure<\/h2>\n <pre>${summaryLines}<\/pre>\n <\/div>\n `;\n summaryDiv.style.display = 'block';\n }\n \n \/\/ Fonction de r\u00e9initialisation\n function restart() {\n visitedNarrative = \"\";\n document.getElementById('section-summary').style.display = 'none';\n choisir('section-intro');\n }\n \n \/\/ Attacher des \u00e9couteurs sur les boutons \"Terminer l'aventure\"\n document.querySelectorAll('#histoire_interactive button[data-section=\"section-summary\"]').forEach(function(btn) {\n btn.addEventListener(\"click\", function() {\n genererResume();\n });\n });\n \n \/\/ Exposer les fonctions (facultatif pour d\u00e9bogage)\n window.restart = restart;\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Histoire Interactive \u2013 Votre Aventure Professionnelle. Bienvenue dans votre premi\u00e8re journ\u00e9e chez Entreprise XYZ, \u2026 <\/p>\n","protected":false},"author":1,"featured_media":5116,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"cybocfi_hide_featured_image":"yes","footnotes":""},"categories":[102,33],"tags":[40,98],"class_list":["post-5074","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comprehension-ecrite","category-niveau-b1","tag-comprehension-ecrite","tag-niveau-b1"],"yoast_head":"\n<title>Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail - MOddou FLE<\/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:\/\/www.estudiodefrances.com\/?p=5074\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail - MOddou FLE\" \/>\n<meta property=\"og:description\" content=\"Histoire Interactive \u2013 Votre Aventure Professionnelle. Bienvenue dans votre premi\u00e8re journ\u00e9e chez Entreprise XYZ, \u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.estudiodefrances.com\/?p=5074\" \/>\n<meta property=\"og:site_name\" content=\"MOddou FLE\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/moddouFLE\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-20T13:48:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-01T19:03:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/professionnelle-aventure.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"moddou\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@moddou\" \/>\n<meta name=\"twitter:site\" content=\"@moddou\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"moddou\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074\"},\"author\":{\"name\":\"moddou\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/person\\\/88f4b73addd8170d9837c20fc1127e7c\"},\"headline\":\"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail\",\"datePublished\":\"2025-02-20T13:48:31+00:00\",\"dateModified\":\"2025-03-01T19:03:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074\"},\"wordCount\":1828,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/professionnelle-aventure.jpeg\",\"keywords\":[\"compr\u00e9hension \u00e9crite\",\"Niveau B1\"],\"articleSection\":[\"compr\u00e9hension \u00e9crite\",\"Niveau B1\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074\",\"name\":\"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail - MOddou FLE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/professionnelle-aventure.jpeg\",\"datePublished\":\"2025-02-20T13:48:31+00:00\",\"dateModified\":\"2025-03-01T19:03:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5074#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#website\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\",\"name\":\"MOddou FLE\",\"description\":\"Exercices et jeux pour apprendre le fran\u00e7ais\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\",\"name\":\"MOddou FLE\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png\",\"contentUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png\",\"width\":68,\"height\":79,\"caption\":\"MOddou FLE\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/moddouFLE\\\/\",\"https:\\\/\\\/x.com\\\/moddou\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/person\\\/88f4b73addd8170d9837c20fc1127e7c\",\"name\":\"moddou\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g\",\"caption\":\"moddou\"},\"sameAs\":[\"http:\\\/\\\/www.estudiodefrances.com\"],\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?author=1\"}]}<\/script>\n","yoast_head_json":{"title":"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail - MOddou FLE","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:\/\/www.estudiodefrances.com\/?p=5074","og_locale":"fr_FR","og_type":"article","og_title":"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail - MOddou FLE","og_description":"Histoire Interactive \u2013 Votre Aventure Professionnelle. Bienvenue dans votre premi\u00e8re journ\u00e9e chez Entreprise XYZ, \u2026","og_url":"https:\/\/www.estudiodefrances.com\/?p=5074","og_site_name":"MOddou FLE","article_publisher":"https:\/\/www.facebook.com\/moddouFLE\/","article_published_time":"2025-02-20T13:48:31+00:00","article_modified_time":"2025-03-01T19:03:57+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/professionnelle-aventure.jpeg","type":"image\/jpeg"}],"author":"moddou","twitter_card":"summary_large_image","twitter_creator":"@moddou","twitter_site":"@moddou","twitter_misc":{"\u00c9crit par":"moddou","Dur\u00e9e de lecture estim\u00e9e":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.estudiodefrances.com\/?p=5074#article","isPartOf":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5074"},"author":{"name":"moddou","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/person\/88f4b73addd8170d9837c20fc1127e7c"},"headline":"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail","datePublished":"2025-02-20T13:48:31+00:00","dateModified":"2025-03-01T19:03:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5074"},"wordCount":1828,"commentCount":0,"publisher":{"@id":"https:\/\/www.estudiodefrances.com\/#organization"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5074#primaryimage"},"thumbnailUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/professionnelle-aventure.jpeg","keywords":["compr\u00e9hension \u00e9crite","Niveau B1"],"articleSection":["compr\u00e9hension \u00e9crite","Niveau B1"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.estudiodefrances.com\/?p=5074#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.estudiodefrances.com\/?p=5074","url":"https:\/\/www.estudiodefrances.com\/?p=5074","name":"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail - MOddou FLE","isPartOf":{"@id":"https:\/\/www.estudiodefrances.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5074#primaryimage"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5074#primaryimage"},"thumbnailUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/professionnelle-aventure.jpeg","datePublished":"2025-02-20T13:48:31+00:00","dateModified":"2025-03-01T19:03:57+00:00","breadcrumb":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5074#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.estudiodefrances.com\/?p=5074"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.estudiodefrances.com\/?p=5074#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.estudiodefrances.com\/"},{"@type":"ListItem","position":2,"name":"Texte avec histoire personnalis\u00e9e sur le th\u00e8me du travail"}]},{"@type":"WebSite","@id":"https:\/\/www.estudiodefrances.com\/#website","url":"https:\/\/www.estudiodefrances.com\/","name":"MOddou FLE","description":"Exercices et jeux pour apprendre le fran\u00e7ais","publisher":{"@id":"https:\/\/www.estudiodefrances.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.estudiodefrances.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.estudiodefrances.com\/#organization","name":"MOddou FLE","url":"https:\/\/www.estudiodefrances.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png","contentUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png","width":68,"height":79,"caption":"MOddou FLE"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/moddouFLE\/","https:\/\/x.com\/moddou"]},{"@type":"Person","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/person\/88f4b73addd8170d9837c20fc1127e7c","name":"moddou","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g","caption":"moddou"},"sameAs":["http:\/\/www.estudiodefrances.com"],"url":"https:\/\/www.estudiodefrances.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5074"}],"version-history":[{"count":4,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5074\/revisions"}],"predecessor-version":[{"id":5190,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5074\/revisions\/5190"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/media\/5116"}],"wp:attachment":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5074"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5074"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}