{"id":14104,"date":"2026-02-17T18:39:20","date_gmt":"2026-02-17T16:39:20","guid":{"rendered":"https:\/\/afostodata.ro\/europeanicons\/?page_id=14104"},"modified":"2026-10-09T15:30:53","modified_gmt":"2026-10-09T13:30:53","slug":"ioana-darc","status":"publish","type":"page","link":"https:\/\/afostodata.ro\/europeanicons\/fr\/ioana-darc\/","title":{"rendered":"Ioana d&#8217;Arc"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14104\" class=\"elementor elementor-14104\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-dce-background-overlay-color=\"#FC6C13\" data-dce-background-image-url=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/ioana-darc.webp\" class=\"elementor-element elementor-element-a0c1108 e-flex e-con-boxed e-con e-parent\" data-id=\"a0c1108\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edf52dc elementor-widget elementor-widget-html\" data-id=\"edf52dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"eminescu-header-light\">\n    <span class=\"reveal-tag\">Courage \u2022 Foi \u2022 L\u00e9gende<\/span>\n    <div class=\"title-container\">\n        <h1 class=\"main-name-solid\">Jeanne <\/h1>\n        <h1 class=\"main-name-stroke\"> d'Arc<\/h1>\n    <\/div>\n    \n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@900&family=Playfair+Display:wght@900&display=swap');\n\n.eminescu-header-light {\n    text-align: center;\n    padding: 60px 20px;\n    font-family: 'Montserrat', sans-serif;\n    background: transparent; \n}\n\n\/* Eticheta de sus cu galbenul specific #F9C70C *\/\n.reveal-tag {\n    display: block;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 10px;\n    color: #F9C70C;\n    font-size: 0.85rem;\n    margin-bottom: 15px;\n    opacity: 0;\n    animation: dropFadeEminescu 0.8s ease forwards;\n}\n\n.title-container {\n    display: block;\n    line-height: 0.8;\n}\n\n\/* Textul solid - Alb pur *\/\n.main-name-solid {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(3.5rem, 15vw, 10rem);\n    margin: 0;\n    color: #ffffff;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: slideUpEminescu 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.4s;\n}\n\n\/* Textul cu contur - Alb pur *\/\n.main-name-stroke {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(3.5rem, 15vw, 10rem);\n    margin: 0;\n    color: transparent;\n    -webkit-text-stroke: 2px #ffffff;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: slideUpEminescu 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.6s,\n               subtleFloatEminescu 5s ease-in-out infinite 1.6s;\n}\n\n\/* Linia ro\u0219ie de accent *\/\n.header-red-line {\n    width: 0;\n    height: 6px;\n    background: #D62828;\n    margin: 30px auto 0;\n    animation: expandLineEminescu 1.2s ease-out forwards 1.4s;\n}\n\n\/* --- ANIMA\u021aII --- *\/\n\n@keyframes dropFadeEminescu {\n    from { opacity: 0; transform: translateY(-30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes slideUpEminescu {\n    from { opacity: 0; transform: translateY(80px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes expandLineEminescu {\n    from { width: 0; }\n    to { width: 220px; }\n}\n\n@keyframes subtleFloatEminescu {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n}\n\n\/* Optimizare mobil *\/\n@media (max-width: 768px) {\n    .reveal-tag { letter-spacing: 4px; font-size: 0.7rem; }\n    .main-name-stroke { -webkit-text-stroke: 1px #ffffff; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-dce-background-color=\"#F7E0B8\" class=\"elementor-element elementor-element-74e7013 e-flex e-con-boxed e-con e-parent\" data-id=\"74e7013\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0fc0cea e-con-full e-flex e-con e-child\" data-id=\"0fc0cea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b0083b9 e-con-full e-flex e-con e-child\" data-id=\"b0083b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd4428c elementor-widget elementor-widget-dce-breadcrumbs\" data-id=\"dd4428c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dce-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul><li class=\"item-home\"><a class=\"bread-link bread-home\" href=\"https:\/\/afostodata.ro\/europeanicons\" title=\"Maison\">Maison<\/a><\/li><li class=\"separator separator-home\"> <span class=\"dce-separator\"> &gt; <\/span> <\/li><li class=\"item-current item-14104\"><span class=\"bread-current bread-14104\"> Ioana d&#8217;Arc<\/span><\/li><\/ul>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-title-color=\"#012F4A\" class=\"elementor-element elementor-element-900c9bf elementor-widget elementor-widget-heading\" data-id=\"900c9bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">La voix, la victoire, le feu\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d43e953 elementor-widget elementor-widget-text-editor\" data-id=\"d43e953\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Savais-tu que certaines h\u00e9ro\u00efnes ne naissent pas dans les palais, mais dans le silence des campagnes, l\u00e0 o\u00f9 personne ne regarde vraiment ?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b16f39e e-con-full e-flex e-con e-child\" data-id=\"b16f39e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3bbbd elementor-widget elementor-widget-image\" data-id=\"8c3bbbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18-1024x1024.jpg\" class=\"attachment-large size-large wp-image-12476\" alt=\"\" srcset=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18-1024x1024.jpg 1024w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18-300x300.jpg 300w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18-150x150.jpg 150w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18-768x768.jpg 768w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18.jpg 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-dce-background-color=\"#F7E0B8\" class=\"elementor-element elementor-element-69e6b3b e-flex e-con-boxed e-con e-parent\" data-id=\"69e6b3b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-46bc67c e-con-full e-flex e-con e-child\" data-id=\"46bc67c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#D62729\" class=\"elementor-element elementor-element-f5cb1af elementor-align-justify buton-audio elementor-widget elementor-widget-button\" data-id=\"f5cb1af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u00c9COUTER<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-729b988 e-con-full e-flex e-con e-child\" data-id=\"729b988\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#FA6D12\" class=\"elementor-element elementor-element-dc1a573 elementor-align-justify buton-citeste elementor-widget elementor-widget-button\" data-id=\"dc1a573\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">LIRE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3c3d48 e-con-full e-flex e-con e-child\" data-id=\"b3c3d48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#F9C70C\" class=\"elementor-element elementor-element-87a4bc5 elementor-align-justify buton-activitati elementor-widget elementor-widget-button\" data-id=\"87a4bc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm elementor-animation-shrink\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ACTIVIT\u00c9<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa2c639 e-con-full e-flex e-con e-child\" data-id=\"fa2c639\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#01502B\" class=\"elementor-element elementor-element-499c144 elementor-align-justify buton-vizioneaza elementor-widget elementor-widget-button\" data-id=\"499c144\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm elementor-animation-shrink\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Regardez<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-dce-background-color=\"#EBEFF2\" class=\"elementor-element elementor-element-c2f745b citeste e-flex e-con-boxed e-con e-parent\" data-id=\"c2f745b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d18258d elementor-widget elementor-widget-html\" data-id=\"d18258d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<article class=\"tepes-full-story\">\r\n    <section class=\"story-content-area\">\r\n        <p class=\"drop-cap\">\r\n            Savais-tu que certaines h\u00e9ro\u00efnes ne naissent pas dans les palais, mais dans le silence des campagnes, l\u00e0 o\u00f9 personne ne regarde vraiment ?\r\n            \u00ab Je ne suis qu\u2019une fille\u2026 \u00bb\r\n            Jeanne naquit vers l\u2019an 1412, dans un petit village appel\u00e9 Domr\u00e9my. C\u2019\u00e9tait une terre de fronti\u00e8res, de for\u00eats et de rivi\u00e8res, une terre souvent travers\u00e9e par la peur. La guerre faisait rage depuis des ann\u00e9es : la France et l\u2019Angleterre se disputaient le royaume, et les campagnes souffraient.\r\n        <\/p>\r\n\r\n        <p>Jeanne \u00e9tait la fille de paysans. Son p\u00e8re, Jacques, cultivait la terre. Sa m\u00e8re, Isabelle, lui apprit \u00e0 prier, \u00e0 coudre et \u00e0 garder les troupeaux. Jeanne ne savait ni lire ni \u00e9crire, mais elle connaissait le rythme des saisons, le son des cloches et la valeur du travail.<\/p>\r\n\r\n        <p>Elle \u00e9tait une enfant s\u00e9rieuse, pieuse, diff\u00e9rente. Tandis que les autres jouaient, elle s\u2019arr\u00eatait parfois, comme si elle \u00e9coutait quelque chose que les autres n\u2019entendaient pas.<\/p>\r\n\r\n        <p>Un jour, alors qu\u2019elle n\u2019\u00e9tait encore qu\u2019une adolescente, Jeanne entendit une voix. Elle disait qu\u2019elle venait de Dieu.<\/p>\r\n\r\n        <p>\u00ab Qui \u00eates-vous ? \u00bb, demanda Jeanne, effray\u00e9e.<\/p>\r\n\r\n        <p>La voix r\u00e9pondit : \u00ab Je viens de Dieu et je suis envoy\u00e9 pour t\u2019aider. \u00bb<\/p>\r\n\r\n        <p>La voix demanda \u00e0 Jeanne une chose impossible : sauver la France. Jeanne eut peur. Elle pleura et tenta d\u2019ignorer l\u2019appel mais la voix revint. Et puis d\u2019autres. Cette fois, ces voix appartenaient \u00e0 des Saints. Elles lui ordonnaient de quitter son village, de rencontrer le dauphin Charles, et de le conduire au sacre.<\/p>\r\n\r\n        <p>\u00ab Je ne suis qu\u2019une fille \u00bb, dit Jeanne. \u00ab Comment pourrais-je faire cela ? Je ne sais ni lire, ni \u00e9crire ! \u00bb<\/p>\r\n\r\n        <p>Mais les voix r\u00e9pondirent : \u00ab Va. Dieu t\u2019aidera. \u00bb<\/p>\r\n\r\n        <p>\u00c0 une \u00e9poque o\u00f9 les femmes n\u2019avaient pas de place dans la guerre, Jeanne se leva et quitta Domr\u00e9my.<\/p>\r\n\r\n        <p>Avant d\u2019atteindre le dauphin, elle devait convaincre un premier homme de pouvoir. Elle se rendit \u00e0 Vaucouleurs, aupr\u00e8s de Robert de Baudricourt, capitaine de la place et repr\u00e9sentant du dauphin dans la r\u00e9gion.<\/p>\r\n\r\n        <p>\u00ab Je viens vous voir, monsieur, pour parler au roi, \u00bb dit Jeanne, d\u00e9termin\u00e9e.<\/p>\r\n\r\n        <p>Baudricourt se moqua d\u2019elle.<\/p>\r\n\r\n        <p>\u00ab Retourne chez toi, jeune fille, \u00bb lui dit-il. \u00ab Les guerres ne sont pas l\u2019affaire des filles. Tu es folle ! \u00bb<\/p>\r\n\r\n        <p>Jeanne repartit mais elle revint, encore et encore, toujours avec les m\u00eames mots et la m\u00eame certitude, r\u00e9solue \u00e0 accomplir la mission qu\u2019il lui avait \u00e9t\u00e9 confi\u00e9e.<\/p>\r\n\r\n        <p>\u00ab Je vous le dis, je suis envoy\u00e9e de Dieu ! Je dois parler au dauphin ! \u00bb insista Jeanne, les yeux brillants.<\/p>\r\n\r\n        <p>Peu \u00e0 peu, Baudricourt douta. La d\u00e9termination de la jeune fille \u00e9branlait ses certitudes.<\/p>\r\n\r\n        <p>Finalement, il accepta de l\u2019aider. Il lui donna une petite escorte et la laissa partir vers Chinon.<\/p>\r\n\r\n        <p>Pour ce long voyage \u00e0 travers des terres dangereuses, Jeanne dut faire un choix difficile. Elle se coupa les cheveux et se v\u00eatit comme un homme. Ce n\u2019\u00e9tait ni un d\u00e9guisement ni une provocation, mais une protection. Ainsi, elle pouvait voyager parmi les soldats, dormir sans crainte et avancer sans \u00eatre arr\u00eat\u00e9e.<\/p>\r\n\r\n        <div class=\"night-attack-box\">\r\n            <p>Apr\u00e8s des jours de route, Jeanne arriva au ch\u00e2teau de Chinon, o\u00f9 r\u00e9sidait le dauphin Charles. Elle fut admise \u00e0 la cour, mais la cour \u00e9tait m\u00e9fiante. Comment croire cette jeune paysanne ?<\/p>\r\n\r\n            <p>Pour la mettre \u00e0 l\u2019\u00e9preuve, on la pla\u00e7a devant une assembl\u00e9e, et le dauphin Charles se cacha parmi les courtisans. Jeanne devait le reconna\u00eetre sans l\u2019avoir jamais rencontr\u00e9.<\/p>\r\n\r\n            <p>Elle entra dans la salle et sans aucune h\u00e9sitation, se dirigea vers Charles.<\/p>\r\n\r\n            <p>\u00ab Gentil Dauphin, \u00bb dit-elle, \u00ab je suis venue pour vous mener \u00e0 Reims et vous faire sacrer roi. \u00bb<\/p>\r\n\r\n            <p>Le silence tomba. La cour retint son souffle.<\/p>\r\n\r\n            <p>Apr\u00e8s cette \u00e9preuve, Jeanne fut conduite aupr\u00e8s de Charles. \u00c0 l\u2019abri des regards, elle lui parla de choses que lui seul connaissait.<\/p>\r\n\r\n            <p>\u00ab Comment savez-vous cela ? \u00bb demanda Charles, les yeux \u00e9carquill\u00e9s d'\u00e9tonnement. \u00ab Seul Dieu et moi connaissions ce secret. \u00bb<\/p>\r\n\r\n            <p>Jeanne re\u00e7ut une armure, un cheval et un \u00e9tendard blanc. Elle ne combattait pas comme les autres soldats. Elle portait une \u00e9p\u00e9e, mais c\u2019\u00e9tait par sa pr\u00e9sence qu\u2019elle menait les hommes, avan\u00e7ant en t\u00eate, appelant \u00e0 l\u2019action et \u00e0 la confiance.<\/p>\r\n\r\n            <p>\u00ab En avant, mes amis ! Pour la France ! Pour Dieu ! \u00bb, criait Jeanne, sa voix r\u00e9sonnant sur le champ de bataille.<\/p>\r\n\r\n            <p>\u00c0 Orl\u00e9ans, la ville assi\u00e9g\u00e9e depuis des mois, Jeanne arriva comme une flamme. L\u00e0 o\u00f9 r\u00e9gnaient la peur et l\u2019attente, elle apporta l\u2019action.<\/p>\r\n\r\n            <p>\u00ab N\u2019ayez crainte ! Dieu est avec nous ! \u00bb s'\u00e9cria-t-elle aux habitants d'Orl\u00e9ans.<\/p>\r\n\r\n            <p>Bless\u00e9e par une fl\u00e8che, elle se releva. Les soldats, stup\u00e9faits, la suivirent.<\/p>\r\n\r\n            <p>Et Orl\u00e9ans fut lib\u00e9r\u00e9e.<\/p>\r\n        <\/div>\r\n\r\n        <p>Jeanne conduisit ensuite le dauphin jusqu\u2019\u00e0 Reims. En juillet 1429, Charles fut sacr\u00e9 roi de France. Jeanne se tint pr\u00e8s de lui, silencieuse, tenant son \u00e9tendard.<\/p>\r\n\r\n        <p>\u00ab J\u2019ai accompli ce que Dieu m\u2019a demand\u00e9, \u00bb pensait-elle.<\/p>\r\n\r\n        <p>Mais la guerre continua. Jeanne perdit peu \u00e0 peu le soutien de la cour. Captur\u00e9e par les Bourguignons, elle fut vendue aux Anglais.<\/p>\r\n\r\n        <p>Commenc\u00e8rent alors les jours sombres.<\/p>\r\n\r\n        <p>Emprisonn\u00e9e, encha\u00een\u00e9e, surveill\u00e9e, Jeanne fut jug\u00e9e. On l\u2019accusa d\u2019h\u00e9r\u00e9sie, de mensonge, de sorcellerie. Les juges \u00e9taient savants, les questions cruelles.<\/p>\r\n\r\n        <p>\u00ab Tes voix mentent, \u00bb lui disait-on. \u00ab Tu es une sorci\u00e8re ! \u00bb<\/p>\r\n\r\n        <p>Jeanne, seule, r\u00e9pondait avec simplicit\u00e9 et courage.<\/p>\r\n\r\n        <p>\u00ab Si je n\u2019y suis pas, que Dieu m\u2019y mette. Et si j\u2019y suis, que Dieu m\u2019y garde. Je n\u2019ai fait que suivre les voix que Dieu m\u2019a envoy\u00e9es. \u00bb<\/p>\r\n\r\n        <p>\u00c0 dix-neuf ans, elle fut condamn\u00e9e.<\/p>\r\n\r\n        <p>Le 30 mai 1431, \u00e0 Rouen, Jeanne monta sur le b\u00fbcher. La foule regardait. Certains pleuraient. D\u2019autres se taisaient.<\/p>\r\n\r\n        <p>Au moment o\u00f9 le feu s\u2019alluma, Jeanne pronon\u00e7a le nom de J\u00e9sus.<\/p>\r\n\r\n        <p>\u00ab J\u00e9sus ! J\u00e9sus ! J\u00e9sus ! \u00bb<\/p>\r\n\r\n        <p>La flamme monta.<\/p>\r\n\r\n        <p>Son corps disparut.<\/p>\r\n\r\n        <p>Mais pas son histoire.<\/p>\r\n\r\n        <p>Des ann\u00e9es plus tard, un nouveau proc\u00e8s d\u00e9clara Jeanne innocente. Elle devint un symbole : celui du courage, de la foi et de la libert\u00e9.<\/p>\r\n\r\n        <p class=\"legend-conclusion\">\r\n            Jeanne d\u2019Arc n\u2019\u00e9tait ni reine ni savante. Elle \u00e9tait une enfant du peuple qui osa croire \u00e0 une mission plus grande qu\u2019elle.\r\n            Son histoire nous rappelle qu\u2019une voix, m\u00eame fragile, peut changer le cours de l\u2019Histoire.\r\n            Et quelque part, encore aujourd\u2019hui, lorsque l\u2019injustice semble trop forte, le nom de Jeanne continue de br\u00fbler comme une flamme qui ne s\u2019\u00e9teint jamais.\r\n        <\/p>\r\n    <\/section>\r\n<\/article>\r\n\r\n<style>\r\n\/* Import greut\u0103\u021bi variate pentru a evita \"all-bold\" *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&family=Playfair+Display:wght@900&display=swap');\r\n\r\n.tepes-full-story {\r\n    max-width: 800px;\r\n    margin: 0 auto 100px;\r\n    padding: 0 20px;\r\n    font-family: 'Playfair Display', sans-serif;\r\n    line-height: 1.8;\r\n    color: #003049;\r\n}\r\n\r\n\/* Text de baz\u0103 - Greutate NORMAL\u0102 *\/\r\n.story-content-area p { \r\n    margin-bottom: 25px; \r\n    font-size: 1.15rem; \r\n    text-align: justify;\r\n    font-weight: 400 !important; \r\n}\r\n\r\n.drop-cap::first-letter {\r\n    float: left;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 5rem;\r\n    line-height: 0.85;\r\n    padding-right: 15px;\r\n    padding-top: 5px;\r\n    color: #D62828;\r\n    font-weight: 900;\r\n}\r\n\r\n\/* Caseta central\u0103 *\/\r\n.night-attack-box {\r\n    margin: 50px 0;\r\n    padding: 40px;\r\n    background: #003049;\r\n    color: #F5E0B7;\r\n    border-radius: 20px;\r\n    box-shadow: 15px 15px 0 #F9C80E;\r\n}\r\n\r\n.night-attack-box p { \r\n    color: #F5E0B7 !important; \r\n    text-align: left;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n\/* Concluzie *\/\r\n.legend-conclusion {\r\n    margin-top: 60px;\r\n    padding: 40px;\r\n    background: #D62828;\r\n    color: #ffffff !important;\r\n    text-align: center !important;\r\n    font-weight: 700 !important;\r\n    border-radius: 10px;\r\n    font-size: 1.3rem !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e907ee activitati e-flex e-con-boxed e-con e-parent\" data-id=\"8e907ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b099a9 elementor-widget elementor-widget-html\" data-id=\"3b099a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\n\n<div class=\"activity-hub-premium\" id=\"IconsHub\">\n    <div id=\"hub-menu\" class=\"hub-screen active-screen\">\n        <div class=\"hub-header\">\n            <h2 class=\"playfair-main-title\">Activit\u00e9s<\/h2>\n        <\/div>\n        <div class=\"elegant-grid-5\">\n            <div class=\"elegant-card featured-quiz\" onclick=\"launchActivity('quiz')\">\n                <div class=\"card-icon-wrapper\">\ud83c\udfaf<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Quiz<\/h3>\n                    <span class=\"elegant-btn\">Commencer<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('x')\">\n                <div class=\"card-icon-wrapper\">\ud83e\udde9<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">\u00c9nigme<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('y')\">\n                <div class=\"card-icon-wrapper\">\ud83d\udcda<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Compr\u00e9hension du texte<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('z')\">\n                <div class=\"card-icon-wrapper\">\ud83d\udd52\ufe0f<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Chronologie<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('w')\">\n                <div class=\"card-icon-wrapper\">\ud83c\udfae<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Game<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div id=\"activity-stage\" class=\"hub-screen\" style=\"display:none;\">\n        <button onclick=\"backToMenu()\" class=\"btn-back-elegant\">\u2190 Retour au menu<\/button>\n        <div id=\"activity-content-loader\" class=\"content-stage-box\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap');\n*, *::before, *::after { box-sizing: border-box; }\n.activity-hub-premium { max-width: 1200px; margin: 60px auto; padding: 0 16px; font-family: 'Montserrat', sans-serif; color: #003049; scroll-margin-top: 120px; }\n.playfair-main-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 4vw, 3.2rem); font-weight: 700; text-align: center; margin-bottom: 60px; line-height: 1.2; text-transform: none; }\n.hub-screen { opacity: 0; transition: all 0.5s ease; display: none; }\n.active-screen { display: block !important; opacity: 1 !important; }\n.elegant-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }\n.elegant-card { background: #ffffff; border-radius: 25px; padding: 50px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; cursor: pointer; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); box-shadow: 0 5px 25px rgba(0, 48, 73, 0.05); border: 1px solid rgba(0, 48, 73, 0.08); -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.elegant-card:hover { transform: translateY(-12px); box-shadow: 0 25px 50px rgba(0, 48, 73, 0.15); border-color: #FB6C13; }\n.playfair-card-title { font-family: 'Playfair Display', serif; font-size: clamp(1rem, 2vw, 1.5rem); font-weight: 700; margin: 20px 0; text-transform: none; }\n.card-icon-wrapper { font-size: 4rem; margin-bottom: 10px; }\n.elegant-btn { font-size: 0.9rem; font-weight: 600; color: #FB6C13; padding: 10px 35px; border: 1.5px solid #FB6C13; border-radius: 50px; transition: 0.3s; display: inline-block; text-transform: none; }\n.elegant-card:hover .elegant-btn { background: #FB6C13; color: #fff; }\n.featured-quiz { background: #003049; color: #fff; border: none; }\n.featured-quiz .playfair-card-title { color: #fff; }\n.featured-quiz .elegant-btn { color: #F9C80E; border-color: #F9C80E; }\n.featured-quiz:hover .elegant-btn { background: #F9C80E; color: #003049; }\n.content-stage-box { background: #fff; border-radius: 35px; padding: 60px 50px; box-shadow: 0 40px 100px rgba(0,0,0,0.08); min-height: 500px; overflow: hidden; }\n.btn-back-elegant { background: transparent; color: #003049; border: 1.5px solid #003049; padding: 12px 35px; border-radius: 50px; font-weight: 600; cursor: pointer; margin-bottom: 30px; transition: 0.3s; font-family: 'Montserrat', sans-serif; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.btn-back-elegant:hover { background: #003049; color: #fff; }\n.quiz-splash-elegant { text-align: center; padding: 20px 0; display: flex; flex-direction: column; align-items: center; gap: 10px; }\n.quiz-splash-elegant .splash-emoji { font-size: clamp(4rem, 10vw, 7rem); }\n.quiz-splash-elegant h2 { font-family: 'Playfair Display', serif; font-size: clamp(2rem, 6vw, 4rem); margin: 10px 0 30px; text-transform: none; }\n.btn-start-hero { background: #003049; color: #fff; border: none; padding: 20px 60px; border-radius: 60px; font-family: 'Playfair Display', serif; font-size: clamp(1.3rem, 3vw, 2.2rem); cursor: pointer; transition: 0.4s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; max-width: 100%; }\n.btn-start-hero:hover, .btn-start-hero:active { background: #FB6C13; transform: scale(1.05); }\n.quiz-progress-wrap { margin-bottom: 28px; }\n.quiz-progress-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }\n.quiz-progress-label span { font-weight: 600; font-size: 0.85rem; color: #FB6C13; letter-spacing: 0.05em; text-transform: uppercase; }\n.progress-track { width: 100%; height: 8px; background: #f0f0f0; border-radius: 99px; overflow: hidden; }\n.progress-fill { height: 100%; background: linear-gradient(90deg, #FB6C13, #F9C80E); border-radius: 99px; transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1); }\n.quiz-q-box { width: 100%; }\n.quiz-question-text { font-family: 'Playfair Display', serif; font-size: clamp(1.2rem, 3vw, 2rem); font-weight: 700; color: #003049; margin-bottom: 30px; line-height: 1.35; word-break: break-word; hyphens: auto; }\n#opts-wrap { display: flex; flex-direction: column; gap: 12px; }\n.opt-btn-elegant { width: 100%; padding: 18px 24px; border: 1.5px solid #e8e8e8; border-radius: 18px; font-family: 'Montserrat', sans-serif; font-weight: 500; cursor: pointer; text-align: left; font-size: clamp(0.9rem, 2vw, 1.1rem); transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s; background: #fff; color: #003049; line-height: 1.4; word-break: break-word; -webkit-tap-highlight-color: transparent; touch-action: manipulation; -webkit-text-size-adjust: 100%; }\n.opt-btn-elegant:hover:not(:disabled) { background: #003049 !important; color: #fff !important; border-color: #003049 !important; transform: translateX(4px); }\n.opt-btn-elegant:active:not(:disabled) { transform: scale(0.98); }\n.correct-style { background: #004F2D !important; color: #fff !important; border-color: #004F2D !important; }\n.wrong-style { background: #D62828 !important; color: #fff !important; border-color: #D62828 !important; }\n.quiz-result-box { text-align: center; padding: 10px 0 20px; display: flex; flex-direction: column; align-items: center; gap: 16px; }\n.quiz-result-emoji { font-size: clamp(3.5rem, 10vw, 6rem); }\n.quiz-result-score { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 900; color: #003049; margin: 0; }\n.quiz-result-msg { font-size: clamp(0.95rem, 2.5vw, 1.4rem); color: #555; margin: 0 0 10px; max-width: 500px; line-height: 1.5; }\n.btn-retry { background: #003049; color: #fff; border: none; padding: 16px 50px; border-radius: 60px; font-family: 'Playfair Display', serif; font-size: clamp(1.1rem, 2.5vw, 1.6rem); cursor: pointer; transition: 0.4s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; max-width: 100%; display: inline-block; }\n.btn-retry:hover, .btn-retry:active { background: #FB6C13; transform: scale(1.05); }\n\n\/* \u2500\u2500\u2500 ENIGMA \u2500\u2500\u2500 *\/\n.enigma-stage { width: 100%; text-align: center; }\n.enigma-quote { font-family: 'Playfair Display', serif; font-size: clamp(1.3rem, 3.5vw, 2.3rem); font-weight: 700; color: #003049; line-height: 1.4; max-width: 720px; margin: 0 auto 12px; text-align: center !important; }\n.enigma-question { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 700; color: #004F2D; font-size: clamp(1.05rem, 2.8vw, 1.6rem); margin: 0 auto 35px; max-width: 720px; text-align: center !important; }\n.enigma-choices { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 620px; margin: 0 auto; }\n.enigma-choice { border: 4px solid transparent; border-radius: 20px; overflow: hidden; cursor: pointer; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s, opacity 0.3s; background: #fff; padding: 0; line-height: 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.enigma-choice img { width: 100%; height: auto; display: block; aspect-ratio: 1 \/ 1; object-fit: cover; }\n.enigma-choice:hover:not(.locked) { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 48, 73, 0.2); border-color: #FB6C13; }\n.enigma-choice.locked { pointer-events: none; }\n.enigma-choice.correct-pick { border-color: #004F2D; box-shadow: 0 0 0 4px rgba(0,79,45,0.25); }\n.enigma-choice.wrong-pick { border-color: #D62828; box-shadow: 0 0 0 4px rgba(214,40,40,0.25); }\n.enigma-choice.dim { opacity: 0.4; }\n.enigma-feedback { margin-top: 30px; }\n.enigma-wrong-msg { color: #D62828; font-family: 'Playfair Display', serif; font-weight: 700; font-size: clamp(1.2rem, 3vw, 1.8rem); margin: 0 0 18px; }\n.enigma-result { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 10px 0; }\n.enigma-result-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 900; color: #003049; margin: 0; }\n.enigma-result img { width: min(320px, 80%); border-radius: 20px; box-shadow: 0 15px 40px rgba(0,48,73,0.2); }\n.enigma-playlist-label { font-weight: 600; letter-spacing: 0.1em; color: #FB6C13; text-transform: uppercase; font-size: 1rem; font-family: 'Playfair Display', serif; font-style: italic; }\n.enigma-result p { color: #333; font-size: clamp(0.95rem, 2.5vw, 1.2rem); line-height: 1.6; max-width: 620px; margin: 0; }\n.enigma-result ol, .enigma-result ul { text-align: left; max-width: 600px; margin: 0 auto; color: #333; line-height: 1.7; font-size: clamp(0.95rem, 2.5vw, 1.12rem); }\n\n\/* \u2500\u2500\u2500 READING COMPREHENSION \u2500\u2500\u2500 *\/\n.itext-wrap { width: 100%; max-width: 800px; margin: 0 auto; }\n.itext-main-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 4vw, 2.6rem); font-weight: 900; color: #003049; text-align: center; margin: 0 0 6px; }\n.itext-subtitle { text-align: center; color: #FB6C13; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; font-size: 0.9rem; margin: 0 0 40px; }\n.itext-section { margin-bottom: 48px; }\n.itext-section-head { color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: clamp(1rem, 2.5vw, 1.25rem); padding: 14px 22px; border-radius: 12px; margin-bottom: 22px; }\n.itext-head-green { background: #2E6B4F; }\n.itext-head-red { background: #D62828; }\n.itext-head-orange { background: #FB6C13; }\n.itext-head-navy { background: #003049; }\n.itext-instruction { color: #333; font-size: clamp(0.95rem, 2.2vw, 1.15rem); margin: 0 0 20px; line-height: 1.5; }\n.itext-fisa { display: flex; gap: 24px; align-items: flex-start; flex-wrap: wrap; }\n.itext-fisa img { width: 160px; border-radius: 14px; flex-shrink: 0; box-shadow: 0 10px 25px rgba(0,48,73,0.15); }\n.itext-fisa-fields { flex: 1; min-width: 240px; display: flex; flex-direction: column; gap: 14px; }\n.itext-field-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }\n.itext-field-row label { font-weight: 600; color: #003049; min-width: 210px; }\n.itext-input { flex: 1; min-width: 140px; padding: 12px 16px; border: 1.5px solid #ddd; border-radius: 12px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; transition: border-color 0.2s, background 0.2s; -webkit-text-size-adjust: 100%; }\n.itext-input:focus { outline: none; border-color: #FB6C13; }\n.itext-input.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-input.no { border-color: #D62828; background: #fbeaea; }\n.itext-af-row { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid #eee; flex-wrap: wrap; }\n.itext-af-text { flex: 1; min-width: 200px; color: #003049; line-height: 1.5; }\n.itext-af-btns { display: flex; gap: 10px; }\n.itext-af-btn { width: 52px; height: 52px; border-radius: 50%; border: 2px solid #003049; background: #fff; color: #003049; font-weight: 700; font-size: 1.2rem; cursor: pointer; transition: 0.2s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.itext-af-btn:hover:not(:disabled) { background: #003049; color: #fff; }\n.itext-af-btn.af-correct { background: #004F2D !important; color: #fff !important; border-color: #004F2D !important; }\n.itext-af-btn.af-wrong { background: #D62828 !important; color: #fff !important; border-color: #D62828 !important; }\n.itext-order-row { display: flex; align-items: center; gap: 14px; border: 1.5px solid #eee; border-radius: 12px; padding: 12px 16px; margin-bottom: 10px; transition: border-color 0.2s, background 0.2s; }\n.itext-order-text { flex: 1; color: #003049; line-height: 1.5; }\n.itext-order-sel { width: 72px; padding: 10px; border: 1.5px solid #ddd; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size: 1rem; text-align: center; color: #003049; background: #fff; cursor: pointer; flex-shrink: 0; }\n.itext-order-sel:focus { outline: none; border-color: #FB6C13; }\n.itext-order-row.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-order-row.no { border-color: #D62828; background: #fbeaea; }\n.itext-btn { background: #003049; color: #fff; border: none; padding: 12px 32px; border-radius: 50px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 1rem; cursor: pointer; transition: 0.3s; margin-top: 18px; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.itext-btn:hover { background: #FB6C13; }\n.itext-btn.secondary { background: transparent; color: #003049; border: 1.5px solid #003049; margin-left: 10px; }\n.itext-btn.secondary:hover { background: #003049; color: #fff; }\n.itext-feedback-msg { margin-top: 14px; font-weight: 600; font-size: 1.05rem; line-height: 1.5; }\n.itext-download { text-align: center; margin-top: 10px; padding-top: 32px; border-top: 1px solid #eee; }\n.itext-download-text { color: #555; margin: 0 0 16px; font-size: 1.05rem; }\n.itext-btn-download { display: inline-block; text-decoration: none; margin-top: 10px; }\n\n\/* \u2500\u2500\u2500 INTERACTIVE LABYRINTH \u2500\u2500\u2500 *\/\n.labirint-wrap { margin: 0 0 40px; text-align: center; }\n.labirint-title { font-family: 'Playfair Display', serif; font-weight: 700; font-style: italic; color: #D62828; font-size: clamp(1.05rem, 2.6vw, 1.4rem); margin: 0 0 14px; line-height: 1.4; }\n.labirint-tools { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center; margin-bottom: 14px; }\n.lab-color { width: 32px; height: 32px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 2px #ddd; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s; -webkit-tap-highlight-color: transparent; padding: 0; }\n.lab-color.active { transform: scale(1.18); box-shadow: 0 0 0 3px #003049; }\n.lab-btn { background: #003049; color: #fff; border: none; padding: 9px 20px; border-radius: 50px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: 0.3s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.lab-btn:hover { background: #FB6C13; }\n.lab-btn.lab-done { background: #2E6B4F; }\n.labirint-stage { position: relative; display: inline-block; width: 100%; border-radius: 14px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,48,73,0.12); line-height: 0; }\n.labirint-stage img { width: 100%; height: auto; display: block; user-select: none; -webkit-user-drag: none; }\n.labirint-stage canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; touch-action: none; cursor: crosshair; }\n\n\/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n@media (max-width: 1024px) { .elegant-grid-5 { grid-template-columns: repeat(3, 1fr); } }\n@media (max-width: 768px) { .elegant-grid-5 { grid-template-columns: repeat(2, 1fr); } .content-stage-box { padding: 30px 20px; border-radius: 20px; } .btn-back-elegant { padding: 10px 24px; font-size: 0.9rem; } }\n@media (max-width: 560px) { .itext-fisa img { width: 130px; margin: 0 auto; } .itext-btn.secondary { margin-left: 0; margin-top: 12px; } }\n@media (max-width: 480px) { .elegant-grid-5 { grid-template-columns: 1fr; } .activity-hub-premium { margin: 30px auto; } .content-stage-box { padding: 24px 16px; border-radius: 16px; min-height: auto; } .opt-btn-elegant { padding: 15px 18px; border-radius: 14px; } .enigma-choices { gap: 14px; } }\n<\/style>\n\n<script>\n(function() {\n    const QUIZ_DATA = [\n    {\n        q: \"Dans quel pays Jeanne d\u2019Arc est-elle n\u00e9e ?\",\n        a: [\"Autriche\", \"Italie\", \"France\", \"Espagne\"],\n        c: 2\n    },\n    {\n        q: \"Qu\u2019a entendu Jeanne lorsqu\u2019elle \u00e9tait adolescente ?\",\n        a: [\"Une douce chanson\", \"Une voix myst\u00e9rieuse\", \"Le son d\u2019une trompette\", \"Les cris des soldats\"],\n        c: 1\n    },\n    {\n        q: \"Que lui ont demand\u00e9 les voix de faire ?\",\n        a: [\"Partir en voyage dans les montagnes\", \"Construire un ch\u00e2teau\", \"Sauver la France\", \"Devenir reine\"],\n        c: 2\n    },\n    {\n        q: \"Comment s\u2019appelait le prince que Jeanne devait aider ?\",\n        a: [\"Louis\", \"Charles\", \"Henri\", \"Philippe\"],\n        c: 1\n    },\n    {\n        q: \"Pourquoi Jeanne s\u2019est-elle coup\u00e9 les cheveux et habill\u00e9e comme un gar\u00e7on ?\",\n        a: [\n            \"Pour participer \u00e0 un concours\",\n            \"Pour tromper les gens\",\n            \"Pour voyager en s\u00e9curit\u00e9 avec les soldats\",\n            \"Parce qu\u2019elle aimait cela\"\n        ],\n        c: 2\n    },\n    {\n        q: \"Quelle ville a \u00e9t\u00e9 lib\u00e9r\u00e9e gr\u00e2ce \u00e0 l\u2019aide de Jeanne ?\",\n        a: [\"Paris\", \"Chinon\", \"Rouen\", \"Orl\u00e9ans\"],\n        c: 3\n    },\n    {\n        q: \"O\u00f9 Charles a-t-il \u00e9t\u00e9 couronn\u00e9 roi ?\",\n        a: [\"Reims\", \"Domr\u00e9my\", \"Vaucouleurs\", \"Rouen\"],\n        c: 0\n    },\n    {\n        q: \"Quel \u00e2ge avait Jeanne lorsqu\u2019elle a \u00e9t\u00e9 condamn\u00e9e ?\",\n        a: [\"36 ans\", \"11 ans\", \"19 ans\", \"45 ans\"],\n        c: 2\n    },\n    {\n        q: \"Quelles qualit\u00e9s de Jeanne d\u2019Arc sont mises en valeur dans l\u2019histoire ?\",\n        a: [\"Le courage et la foi\", \"La richesse et le pouvoir\", \"La ruse et l\u2019orgueil\", \"La c\u00e9l\u00e9brit\u00e9 et la beaut\u00e9\"],\n        c: 0\n    },\n    {\n        q: \"Que est devenue Jeanne d\u2019Arc apr\u00e8s sa mort ?\",\n        a: [\n            \"Une reine c\u00e9l\u00e8bre\",\n            \"Un symbole de courage, de foi et de libert\u00e9\",\n            \"Une grande \u00e9rudite\",\n            \"Une dirigeante de l\u2019Angleterre\"\n        ],\n        c: 1\n    }\n];\n\n    const LABELS = [\"A\", \"B\", \"C\", \"D\"];\n    const TOTAL = QUIZ_DATA.length;\n    const QUIZ_TITLE = \"Quiz\";\n    const QUIZ_LABEL = \"Question\";\n    const ACTIVITY_LABEL = \"Activit\u00e9\";\n    const SOON_LABEL = \"Bient\u00f4t disponible...\";\n    const START_LABEL = \"Commencer\";\n    const RETRY_LABEL = \"Refaire le test\";\n    function msgFinal(s) { return s === TOTAL ? \"10 Parfait !\" : s >= 7 ? \"Excellent !\" : \"Bravo ! Tu as termin\u00e9 le d\u00e9fi. R\u00e9essaie !\"; }\n    function emoji(s) { return s === TOTAL ? \"\ud83c\udfc6\" : s >= 7 ? \"\ud83e\udd47\" : s >= 5 ? \"\ud83c\udfaf\" : \"\ud83d\udcaa\"; }\n\n    let score = 0, currentIdx = 0;\n\n    \/\/ \u2500\u2500 Enigma images \u2500\u2500\n    const ENIGMA_CORRECT = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18.jpg\";\n    const ENIGMA_WRONG   = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/9.jpg\";\n\n    \/\/ \u2500\u2500 Labyrinth images (kept as-is) \u2500\u2500\n    const LABIRINT1_URL = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Jeanne_dArc_labyrinthes_romana-1.jpg\";\n    const LABIRINT2_URL = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Jeanne_dArc_labyrinthes_romana-2.jpg\";\n\n    \/\/ \u2500\u2500 Reading Comprehension data \u2014 Jeanne d'Arc \u2500\u2500\n    const IT_IMG = ENIGMA_CORRECT;\n    const IT_PDF  = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Darc-IT-Fr.pdf\";\n    const IT_PDF2 = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Jeanne_dArc_labyrinthes_romana.pdf\";\n    const IT_FISA = {\n        prenom:    [\"jeanne\", \"jehanne\"],\n        naissance: [\"1412\", \"domremy\"],\n        categorie: [\"paysan\", \"peuple\", \"populaire\", \"campagne\"],\n        contexte:  [\"guerre\", \"france\", \"angleterre\", \"cent\", \"royaume\"]\n    };\n    const IT_FISA_LABELS = {\n        prenom:    \"Pr\u00e9nom :\",\n        naissance: \"Ann\u00e9e et lieu de naissance :\",\n        categorie: \"Cat\u00e9gorie sociale :\",\n        contexte:  \"Contexte historique :\"\n    };\n    const IT_AF = [\n        { t: \"Jeanne \u00e9tait une fille lettr\u00e9e.\", correct: false },\n        { t: \"Jeanne combattait diff\u00e9remment des autres soldats.\", correct: true },\n        { t: \"Jeanne accepta facilement et imm\u00e9diatement sa mission.\", correct: false },\n        { t: \"Jeanne a perdu son proc\u00e8s et a \u00e9t\u00e9 condamn\u00e9e.\", correct: true }\n    ];\n    const ORDER_EVENTS = [\n        { t: \"Jeanne combat pour lib\u00e9rer Orl\u00e9ans.\", pos: 8 },\n        { t: \"Jeanne se rend chez Robert de Baudricourt.\", pos: 4 },\n        { t: \"Jeanne est captur\u00e9e et vendue aux Anglais.\", pos: 10 },\n        { t: \"Jeanne entend des voix de Saints.\", pos: 2 },\n        { t: \"Jeanne arrive \u00e0 la cour.\", pos: 6 },\n        { t: \"Un nouveau proc\u00e8s a lieu et Jeanne est d\u00e9clar\u00e9e innocente.\", pos: 12 },\n        { t: \"Jeanne entend une voix qui lui dit de sauver la France.\", pos: 1 },\n        { t: \"Jeanne se travestit pour voyager vers Chinon.\", pos: 5 },\n        { t: \"Jeanne quitte son village de Domr\u00e9my.\", pos: 3 },\n        { t: \"Charles, le dauphin, est sacr\u00e9 roi de France.\", pos: 9 },\n        { t: \"Jeanne est jug\u00e9e et condamn\u00e9e au b\u00fbcher.\", pos: 11 },\n        { t: \"Jeanne est mise \u00e0 l'\u00e9preuve par la cour.\", pos: 7 }\n    ];\n    const ORDER_N = ORDER_EVENTS.length;\n\n    function itextNorm(s) { return (s || \"\").normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '').toLowerCase(); }\n\n    window.launchActivity = function(type) {\n        document.getElementById('IconsHub').scrollIntoView({ behavior: 'smooth', block: 'start' });\n        document.getElementById('hub-menu').classList.remove('active-screen');\n        setTimeout(() => {\n            document.getElementById('hub-menu').style.display = 'none';\n            const stage = document.getElementById('activity-stage');\n            stage.style.display = 'block';\n            setTimeout(() => stage.classList.add('active-screen'), 50);\n            if(type === 'quiz') { score = 0; currentIdx = 0; window.showQuizIntro(); }\n            else if(type === 'x') { window.showEnigma(); }\n            else if(type === 'y') { window.showTextComprehension(); }\n            else if(type === 'w') { document.getElementById('activity-content-loader').innerHTML = '<style>@media (max-width:768px){#activity-content-loader .ei-game{margin:-30px -20px;}#activity-content-loader .ei-game iframe{height:calc(100svh - 110px);min-height:560px;border-radius:0 !important;}}@media (max-width:480px){#activity-content-loader .ei-game{margin:-24px -16px;}}<\/style><div class=\"ei-game\"><iframe src=\"https:\/\/match-makers-quest.lovable.app\" width=\"100%\" height=\"800\" style=\"border:0;display:block;border-radius:16px;\" allowfullscreen loading=\"lazy\" title=\"Jeu d\u2019association \u2013 Jeanne d\u2019Arc\"><\/iframe><\/div>'; }\n            else { document.getElementById('activity-content-loader').innerHTML = `<h2 class=\"playfair-main-title\">${ACTIVITY_LABEL} ${type.toUpperCase()}<\/h2><p style=\"text-align:center;\">${SOON_LABEL}<\/p>`; }\n        }, 500);\n    };\n\n    window.backToMenu = function() {\n        document.getElementById('IconsHub').scrollIntoView({ behavior: 'smooth', block: 'start' });\n        document.getElementById('activity-stage').classList.remove('active-screen');\n        setTimeout(() => {\n            document.getElementById('activity-stage').style.display = 'none';\n            const menu = document.getElementById('hub-menu');\n            menu.style.display = 'block';\n            setTimeout(() => menu.classList.add('active-screen'), 50);\n        }, 500);\n    };\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 ENIGMA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    window.showEnigma = function() {\n        const loader = document.getElementById('activity-content-loader');\n        const options = [\n            { img: ENIGMA_CORRECT, correct: true },\n            { img: ENIGMA_WRONG,   correct: false }\n        ];\n        if (Math.random() < 0.5) options.reverse();\n\n        loader.innerHTML = `\n            <div class=\"enigma-stage\">\n                <p class=\"enigma-quote\">\u00abToutes les batailles se gagnent ou se perdent d'abord dans l'esprit.\u00bb<\/p>\n                <p class=\"enigma-question\">Qui penses-tu aurait pu le dire ?<\/p>\n                <div class=\"enigma-choices\">\n                    ${options.map((o, i) => `\n                        <div class=\"enigma-choice\" data-correct=\"${o.correct}\" onclick=\"window.enigmaChoose(this)\">\n                            <img decoding=\"async\" src=\"${o.img}\" alt=\"Personnalit\u00e9 ${i + 1}\" loading=\"lazy\">\n                        <\/div>`).join('')}\n                <\/div>\n                <div class=\"enigma-feedback\" id=\"enigma-feedback\"><\/div>\n            <\/div>`;\n    };\n\n    window.enigmaChoose = function(el) {\n        const choices = document.querySelectorAll('.enigma-choice');\n        const isCorrect = el.dataset.correct === 'true';\n        choices.forEach(c => c.classList.add('locked'));\n\n        if (isCorrect) {\n            el.classList.add('correct-pick');\n            choices.forEach(c => { if (c !== el) c.classList.add('dim'); });\n            setTimeout(() => window.showEnigmaResult(), 800);\n        } else {\n            el.classList.add('wrong-pick');\n            choices.forEach(c => { if (c !== el) c.classList.add('dim'); });\n            document.getElementById('enigma-feedback').innerHTML = `\n                <p class=\"enigma-wrong-msg\">\u274c Faux ! R\u00e9essaie.<\/p>\n                <button class=\"btn-retry\" onclick=\"window.showEnigma()\">R\u00e9essaie<\/button>`;\n        }\n    };\n\n    window.showEnigmaResult = function() {\n        document.getElementById('activity-content-loader').innerHTML = `\n            <div class=\"enigma-result\">\n                <h2 class=\"enigma-result-title\">C'est Jeanne d'Arc<\/h2>\n                <img decoding=\"async\" src=\"${ENIGMA_CORRECT}\" alt=\"Jeanne d'Arc\">\n                <span class=\"enigma-playlist-label\">Le d\u00e9fi de la montagne<\/span>\n                <p>Dessine une montagne avec trois sections :<\/p>\n                <ol>\n                    <li><strong>\u00c0 la base :<\/strong> un d\u00e9fi que tu affrontes en ce moment (par exemple, une mati\u00e8re difficile, parler en public, apprendre une nouvelle comp\u00e9tence) ;<\/li>\n                    <li><strong>\u00c0 mi-hauteur de la montagne :<\/strong> des pens\u00e9es n\u00e9gatives qui pourraient t'arr\u00eater ;<\/li>\n                    <li><strong>Au sommet de la montagne :<\/strong> des pens\u00e9es positives et stimulantes.<\/li>\n                <\/ol>\n                <p>Puis \u00e9cris trois actions concr\u00e8tes qui t'aideront \u00e0 atteindre le sommet.<\/p>\n                <button class=\"btn-retry\" onclick=\"window.showEnigma()\">Rejouer<\/button>\n            <\/div>`;\n\n        if (typeof confetti === 'function') {\n            confetti({ particleCount: 90, spread: 75, origin: { y: 0.6 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n        }\n    };\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 READING COMPREHENSION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    function mazeWidget(id, title, url) {\n        return `\n            <div class=\"labirint-wrap\" id=\"${id}-wrap\">\n                <p class=\"labirint-title\">${title}<\/p>\n                <div class=\"labirint-tools\">\n                    <button class=\"lab-color active\" data-color=\"#D62828\" style=\"background:#D62828\" aria-label=\"Rouge\"><\/button>\n                    <button class=\"lab-color\" data-color=\"#003049\" style=\"background:#003049\" aria-label=\"Bleu\"><\/button>\n                    <button class=\"lab-color\" data-color=\"#2E6B4F\" style=\"background:#2E6B4F\" aria-label=\"Vert\"><\/button>\n                    <button class=\"lab-btn\" data-act=\"clear\">\ud83e\uddfd Effacer<\/button>\n                    <button class=\"lab-btn lab-done\" data-act=\"done\">J'ai r\u00e9ussi ! \ud83c\udf89<\/button>\n                <\/div>\n                <div class=\"labirint-stage\" id=\"${id}-stage\">\n                    <img decoding=\"async\" id=\"${id}-img\" src=\"${url}\" alt=\"${title}\">\n                    <canvas id=\"${id}-canvas\"><\/canvas>\n                <\/div>\n            <\/div>`;\n    }\n\n    window.initMaze = function(id) {\n        const wrap = document.getElementById(id + '-wrap');\n        const stage = document.getElementById(id + '-stage');\n        const img = document.getElementById(id + '-img');\n        const canvas = document.getElementById(id + '-canvas');\n        if (!wrap || !canvas) return;\n        const ctx = canvas.getContext('2d');\n        let drawing = false, color = '#D62828', last = null;\n\n        function sizeCanvas() {\n            let saved = null;\n            if (canvas.width && canvas.height) { try { saved = ctx.getImageData(0, 0, canvas.width, canvas.height); } catch (e) {} }\n            canvas.width = stage.clientWidth;\n            canvas.height = stage.clientHeight;\n            if (saved) { try { ctx.putImageData(saved, 0, 0); } catch (e) {} }\n        }\n        if (img.complete && img.naturalWidth) sizeCanvas(); else img.addEventListener('load', sizeCanvas);\n        window.addEventListener('resize', sizeCanvas);\n\n        function pos(e) {\n            const r = canvas.getBoundingClientRect();\n            const t = e.touches ? e.touches[0] : e;\n            return { x: (t.clientX - r.left) * (canvas.width \/ r.width), y: (t.clientY - r.top) * (canvas.height \/ r.height) };\n        }\n        function start(e) { drawing = true; last = pos(e); e.preventDefault(); }\n        function move(e) {\n            if (!drawing) return;\n            const p = pos(e);\n            ctx.strokeStyle = color;\n            ctx.lineWidth = Math.max(2, canvas.width * 0.004);\n            ctx.lineCap = 'round'; ctx.lineJoin = 'round';\n            ctx.beginPath(); ctx.moveTo(last.x, last.y); ctx.lineTo(p.x, p.y); ctx.stroke();\n            last = p; e.preventDefault();\n        }\n        function end() { drawing = false; }\n\n        canvas.addEventListener('mousedown', start);\n        canvas.addEventListener('mousemove', move);\n        window.addEventListener('mouseup', end);\n        canvas.addEventListener('touchstart', start, { passive: false });\n        canvas.addEventListener('touchmove', move, { passive: false });\n        canvas.addEventListener('touchend', end);\n\n        wrap.querySelectorAll('.lab-color').forEach(b => {\n            b.addEventListener('click', () => {\n                wrap.querySelectorAll('.lab-color').forEach(x => x.classList.remove('active'));\n                b.classList.add('active');\n                color = b.dataset.color;\n            });\n        });\n        wrap.querySelector('[data-act=\"clear\"]').addEventListener('click', () => ctx.clearRect(0, 0, canvas.width, canvas.height));\n        wrap.querySelector('[data-act=\"done\"]').addEventListener('click', () => {\n            if (typeof confetti === 'function') confetti({ particleCount: 120, spread: 80, origin: { y: 0.6 }, colors: ['#FB6C13', '#F9C80E', '#003049', '#2E6B4F'] });\n        });\n    };\n\n    window.showTextComprehension = function() {\n        const loader = document.getElementById('activity-content-loader');\n        const fisaRows = Object.keys(IT_FISA).map(k =>\n            `<div class=\"itext-field-row\"><label>${IT_FISA_LABELS[k]}<\/label><input class=\"itext-input\" id=\"fisa-${k}\" type=\"text\" autocomplete=\"off\"><\/div>`\n        ).join('');\n        const orderOpts = '<option value=\"\">\u2013<\/option>' + Array.from({length: ORDER_N}, (_, i) => i + 1).map(n => `<option value=\"${n}\">${n}<\/option>`).join('');\n\n        loader.innerHTML = `\n            <div class=\"itext-wrap\">\n                <h2 class=\"itext-main-title\">La voix, la victoire, le feu<\/h2>\n                <p class=\"itext-subtitle\">Compr\u00e9hension du texte \u00b7 Jeanne d'Arc<\/p>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-green\">1. Fiche de renseignement du personnage<\/div>\n                    <p class=\"itext-instruction\">\u00c0 partir du texte, compl\u00e8te la fiche de renseignement du personnage.<\/p>\n                    <div class=\"itext-fisa\">\n                        <img decoding=\"async\" src=\"${IT_IMG}\" alt=\"Jeanne d'Arc\">\n                        <div class=\"itext-fisa-fields\">${fisaRows}<\/div>\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckFisa()\">V\u00e9rifier la fiche<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"fisa-msg\"><\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-red\">2. Vrai ou faux ?<\/div>\n                    <div id=\"itext-af-list\">\n                        ${IT_AF.map((item, i) => `\n                            <div class=\"itext-af-row\">\n                                <div class=\"itext-af-text\">${item.t}<\/div>\n                                <div class=\"itext-af-btns\">\n                                    <button class=\"itext-af-btn\" onclick=\"window.itextAF(this, ${i}, true)\">V<\/button>\n                                    <button class=\"itext-af-btn\" onclick=\"window.itextAF(this, ${i}, false)\">F<\/button>\n                                <\/div>\n                            <\/div>`).join('')}\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-orange\">3. Ordre chronologique<\/div>\n                    <p class=\"itext-instruction\">R\u00e9tablis l'ordre chronologique de l'histoire en num\u00e9rotant les \u00e9v\u00e8nements (de 1 \u00e0 ${ORDER_N}).<\/p>\n                    ${ORDER_EVENTS.map((e) => `\n                        <div class=\"itext-order-row\">\n                            <div class=\"itext-order-text\">${e.t}<\/div>\n                            <select class=\"itext-order-sel\" data-pos=\"${e.pos}\">${orderOpts}<\/select>\n                        <\/div>`).join('')}\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckOrder()\">V\u00e9rifier l'ordre<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"order-msg\"><\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-navy\">4. Jeu interactif \u2014 Le Labyrinthe<\/div>\n                    <p class=\"itext-instruction\">Fais glisser ton doigt ou la souris pour dessiner le bon chemin dans le labyrinthe. Choisis une couleur et \u00e0 la fin, appuie sur \u00ab J'ai r\u00e9ussi ! \u00bb.<\/p>\n                    ${mazeWidget('lab1', \"Aide Jeanne d'Arc \u00e0 r\u00e9cup\u00e9rer la couronne pour le sacre de Charles !\", LABIRINT1_URL)}\n                    ${mazeWidget('lab2', \"Aide Jeanne d'Arc \u00e0 lib\u00e9rer la ville d'Orl\u00e9ans !\", LABIRINT2_URL)}\n                <\/div>\n\n                <div class=\"itext-download\">\n                    <p class=\"itext-download-text\">Les fiches en format PDF :<\/p>\n                    <a href=\"${IT_PDF}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download\">\ud83d\udcc4 Fiche 1 \u2014 Compr\u00e9hension du texte<\/a>\n                    <a href=\"${IT_PDF2}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download secondary\">\ud83d\udcc4 Fiche 2 \u2014 Labyrinthes<\/a>\n                <\/div>\n            <\/div>`;\n\n        window.initMaze('lab1');\n        window.initMaze('lab2');\n    };\n\n    window.itextCheckFisa = function() {\n        let allOk = true, filled = 0;\n        Object.keys(IT_FISA).forEach(k => {\n            const inp = document.getElementById('fisa-' + k);\n            const val = itextNorm(inp.value).trim();\n            if (val) filled++;\n            const ok = val && IT_FISA[k].some(a => val.includes(itextNorm(a)));\n            inp.classList.remove('ok', 'no');\n            inp.classList.add(ok ? 'ok' : 'no');\n            if (!ok) allOk = false;\n        });\n        const msg = document.getElementById('fisa-msg');\n        if (filled === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Compl\u00e8te d\\'abord les champs.';\n            document.querySelectorAll('.itext-input').forEach(i => i.classList.remove('no'));\n            return;\n        }\n        msg.style.color = allOk ? '#004F2D' : '#D62828';\n        msg.innerText = allOk ? '\u2705 Parfait ! Tu as bien compl\u00e9t\u00e9 la fiche.' : '\u274c V\u00e9rifie les champs en rouge et r\u00e9essaie.';\n    };\n\n    window.itextCheckOrder = function() {\n        const rows = document.querySelectorAll('.itext-order-row');\n        let ok = 0, answered = 0;\n        rows.forEach(row => {\n            const sel = row.querySelector('.itext-order-sel');\n            row.classList.remove('ok', 'no');\n            if (!sel.value) return;\n            answered++;\n            if (parseInt(sel.value, 10) === parseInt(sel.dataset.pos, 10)) { ok++; row.classList.add('ok'); }\n            else row.classList.add('no');\n        });\n        const msg = document.getElementById('order-msg');\n        if (answered < rows.length) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Compl\u00e8te les ' + rows.length + ' num\u00e9ros.';\n            return;\n        }\n        const allOk = ok === rows.length;\n        msg.style.color = allOk ? '#004F2D' : '#B26A00';\n        msg.innerText = allOk\n            ? '\u2705 Parfait ! Tu as mis tous les \u00e9v\u00e8nements dans le bon ordre.'\n            : `\ud83d\udd0e Tu as ${ok}\/${rows.length} corrects. Corrige ceux en rouge et r\u00e9essaie.`;\n    };\n\n    window.itextAF = function(btn, idx, chosen) {\n        const row = btn.closest('.itext-af-row');\n        const btns = row.querySelectorAll('.itext-af-btn');\n        btns.forEach(b => b.disabled = true);\n        const correct = IT_AF[idx].correct;\n        if (chosen === correct) {\n            btn.classList.add('af-correct');\n        } else {\n            btn.classList.add('af-wrong');\n            btns.forEach(b => { if (b.innerText === (correct ? 'V' : 'F')) b.classList.add('af-correct'); });\n        }\n    };\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 QUIZ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    window.showQuizIntro = function() {\n        score = 0; currentIdx = 0;\n        document.getElementById('activity-content-loader').innerHTML = `\n            <div class=\"quiz-splash-elegant\">\n                <div class=\"splash-emoji\">\ud83c\udfaf<\/div>\n                <h2>${QUIZ_TITLE}<\/h2>\n                <button onclick=\"window.startQuizNow()\" class=\"btn-start-hero\">${START_LABEL}<\/button>\n            <\/div>`;\n    };\n\n    window.startQuizNow = function() { renderNextQ(); };\n\n    function renderProgressBar(current, total) {\n        const pct = Math.round((current \/ total) * 100);\n        return `<div class=\"quiz-progress-wrap\">\n            <div class=\"quiz-progress-label\"><span>${QUIZ_LABEL} ${current + 1} \/ ${total}<\/span><span>${pct}%<\/span><\/div>\n            <div class=\"progress-track\"><div class=\"progress-fill\" style=\"width:${pct}%\"><\/div><\/div>\n        <\/div>`;\n    }\n\n    function renderNextQ() {\n        const data = QUIZ_DATA[currentIdx];\n        const loader = document.getElementById('activity-content-loader');\n        loader.innerHTML = `<div class=\"quiz-q-box\">${renderProgressBar(currentIdx, TOTAL)}<p class=\"quiz-question-text\">${data.q}<\/p><div id=\"opts-wrap\"><\/div><\/div>`;\n        requestAnimationFrame(() => {\n            const fill = loader.querySelector('.progress-fill');\n            if (fill) { const t = fill.style.width; fill.style.width = '0%'; requestAnimationFrame(() => { fill.style.width = t; }); }\n        });\n        data.a.forEach((opt, i) => {\n            const b = document.createElement('button');\n            b.className = 'opt-btn-elegant';\n            b.innerText = `${LABELS[i]}. ${opt}`;\n            b.onclick = () => validateAns(i, b);\n            document.getElementById('opts-wrap').appendChild(b);\n        });\n    }\n\n    function validateAns(idx, btn) {\n        const correct = QUIZ_DATA[currentIdx].c;\n        document.querySelectorAll('.opt-btn-elegant').forEach(b => { b.disabled = true; });\n        if(idx === correct) { score++; btn.classList.add('correct-style'); }\n        else { btn.classList.add('wrong-style'); document.querySelectorAll('.opt-btn-elegant')[correct].classList.add('correct-style'); }\n        setTimeout(() => { currentIdx++; if(currentIdx < TOTAL) renderNextQ(); else showFinalResult(); }, 1300);\n    }\n\n    function showFinalResult() {\n        const loader = document.getElementById('activity-content-loader');\n        loader.innerHTML = `<div class=\"quiz-result-box\">\n            <div class=\"quiz-result-emoji\">${emoji(score)}<\/div>\n            <p class=\"quiz-result-score\">Score : ${score} \/ ${TOTAL}<\/p>\n            <p class=\"quiz-result-msg\">${msgFinal(score)}<\/p>\n            <button onclick=\"window.showQuizIntro()\" class=\"btn-retry\">${RETRY_LABEL}<\/button>\n        <\/div>`;\n        if(score === TOTAL) {\n            const end = Date.now() + 4000;\n            (function frame() {\n                confetti({ particleCount: 3, angle: 60, spread: 55, origin: { x: 0 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n                confetti({ particleCount: 3, angle: 120, spread: 55, origin: { x: 1 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n                if (Date.now() < end) requestAnimationFrame(frame);\n            }());\n        }\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0d7101 e-flex e-con-boxed e-con e-parent\" data-id=\"a0d7101\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-336e17c elementor-widget elementor-widget-afd_audio_player\" data-id=\"336e17c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"afd_audio_player.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div\n        class=\"afd-ap\"\n        id=\"afd-ap-1\"\n        style=\"--afd-ap-color: #bc1823\"\n        data-tracks='[{&quot;src&quot;:&quot;https:\\\/\\\/afostodata.ro\\\/europeanicons\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Janne-D_ARC-GOOD-v1.mp3&quot;,&quot;title&quot;:&quot;Jeanne d&#039;Arc&quot;,&quot;subtitle&quot;:&quot;&quot;}]'\n        data-autoplay=\"0\"\n    >\n        <div class=\"afd-ap__bar\">\n            \n            <button class=\"afd-ap__btn afd-ap__btn--play\" type=\"button\" aria-label=\"Play\">\n                <svg class=\"afd-ap__icon-play\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7L8 5z\" fill=\"currentColor\"\/><\/svg>\n                <svg class=\"afd-ap__icon-pause\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" hidden><path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" fill=\"currentColor\"\/><\/svg>\n            <\/button>\n\n            \n            <div class=\"afd-ap__meta\">\n                                    <span class=\"afd-ap__sub\"><\/span>\n                                <span class=\"afd-ap__title\">\n                    Jeanne d&#039;Arc                <\/span>\n            <\/div>\n\n            <div class=\"afd-ap__progress\">\n                <span class=\"afd-ap__time afd-ap__time--now\">0:00<\/span>\n                <div class=\"afd-ap__scrub\" role=\"slider\" aria-label=\"Pozi\u021bie\" tabindex=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                    <div class=\"afd-ap__scrub-fill\"><\/div>\n                    <div class=\"afd-ap__scrub-thumb\"><\/div>\n                <\/div>\n                <span class=\"afd-ap__time afd-ap__time--total\">0:00<\/span>\n            <\/div>\n\n                            <div class=\"afd-ap__speed\">\n                    <button class=\"afd-ap__btn afd-ap__btn--speed\" type=\"button\" aria-haspopup=\"menu\" aria-expanded=\"false\" aria-label=\"Vitez\u0103\">\n                        <span class=\"afd-ap__speed-label\">1\u00d7<\/span>\n                    <\/button>\n                    <div class=\"afd-ap__speed-menu\" role=\"menu\" hidden>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"0.5\">0.5\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"0.75\">0.75\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"1\" class=\"is-active\">1\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"1.25\">1.25\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"1.5\">1.5\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"2\">2\u00d7<\/button>\n                    <\/div>\n                <\/div>\n            \n            \n            <audio class=\"afd-ap__audio\" preload=\"metadata\"><\/audio>\n        <\/div>\n\n            <\/div>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Courage \u2022 Foi \u2022 L\u00e9gende Jeanne d&#8217;Arc Maison &gt; Ioana d&rsquo;Arc La voix, la victoire, le feu Savais-tu que certaines h\u00e9ro\u00efnes ne naissent pas dans les palais, mais dans le silence des campagnes, l\u00e0 o\u00f9 personne ne regarde vraiment ? \u00c9COUTER LIRE ACTIVIT\u00c9 Regardez Savais-tu que certaines h\u00e9ro\u00efnes ne naissent pas dans les palais, mais [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-14104","page","type-page","status-publish","hentry"],"acf":[],"lang":"fr","translations":{"fr":14104,"en":13463,"ro":12674,"el":13649,"it":13841},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/comments?post=14104"}],"version-history":[{"count":25,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14104\/revisions"}],"predecessor-version":[{"id":17881,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14104\/revisions\/17881"}],"wp:attachment":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/media?parent=14104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}