{"id":14150,"date":"2026-02-17T18:38:56","date_gmt":"2026-02-17T16:38:56","guid":{"rendered":"https:\/\/afostodata.ro\/europeanicons\/?page_id=14150"},"modified":"2026-10-09T15:30:30","modified_gmt":"2026-10-09T13:30:30","slug":"saint-francois-dassise","status":"publish","type":"page","link":"https:\/\/afostodata.ro\/europeanicons\/fr\/saint-francois-dassise\/","title":{"rendered":"Saint Fran\u00e7ois d\u2019Assise"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14150\" class=\"elementor elementor-14150\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-dce-background-overlay-color=\"#003049\" data-dce-background-image-url=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/francisc-sfant.webp\" class=\"elementor-element elementor-element-010bb91 e-flex e-con-boxed e-con e-parent\" data-id=\"010bb91\" 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-4434e78 elementor-widget elementor-widget-html\" data-id=\"4434e78\" 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\">Humilit\u00e9 \u2022 Compassion \u2022 D\u00e9vouement<\/span>\n    <div class=\"title-container\">\n        <h1 class=\"main-name-solid\">Saint Fran\u00e7ois\n<\/h1>\n        <h1 class=\"main-name-stroke\"> d\u2019Assise<\/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, 7rem);\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-3135f73 e-flex e-con-boxed e-con e-parent\" data-id=\"3135f73\" 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-a14defa e-con-full e-flex e-con e-child\" data-id=\"a14defa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5e8afb9 e-con-full e-flex e-con e-child\" data-id=\"5e8afb9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fcf636 elementor-widget elementor-widget-dce-breadcrumbs\" data-id=\"4fcf636\" 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-14150\"><span class=\"bread-current bread-14150\"> Saint Fran\u00e7ois d\u2019Assise<\/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-40efcca elementor-widget elementor-widget-heading\" data-id=\"40efcca\" 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\">L\u2019ap\u00f4tre de l\u2019humilit\u00e9\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0b9155 elementor-widget elementor-widget-text-editor\" data-id=\"a0b9155\" 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><span style=\"font-weight: 400;\">Saint Fran\u00e7ois d\u2019Assise fut un symbole de simplicit\u00e9 et de compassion, consacrant sa vie \u00e0 la foi, \u00e0 l\u2019aide aux pauvres et \u00e0 la promotion du respect envers tous les \u00eatres vivants et la cr\u00e9ation divine.<\/span><\/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-5045156 e-con-full e-flex e-con e-child\" data-id=\"5045156\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eade0e3 elementor-widget elementor-widget-image\" data-id=\"eade0e3\" 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\/13-1024x1024.jpg\" class=\"attachment-large size-large wp-image-12473\" alt=\"\" srcset=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/13-1024x1024.jpg 1024w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/13-300x300.jpg 300w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/13-150x150.jpg 150w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/13-768x768.jpg 768w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/13.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-beef5d7 e-flex e-con-boxed e-con e-parent\" data-id=\"beef5d7\" 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-1530c92 e-con-full e-flex e-con e-child\" data-id=\"1530c92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#D62729\" class=\"elementor-element elementor-element-52afc5f elementor-align-justify buton-audio elementor-widget elementor-widget-button\" data-id=\"52afc5f\" 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-60d9b0c e-con-full e-flex e-con e-child\" data-id=\"60d9b0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#FA6D12\" class=\"elementor-element elementor-element-e386726 elementor-align-justify buton-citeste elementor-widget elementor-widget-button\" data-id=\"e386726\" 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-2ba4f81 e-con-full e-flex e-con e-child\" data-id=\"2ba4f81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#F9C70C\" class=\"elementor-element elementor-element-204201b elementor-align-justify buton-activitati elementor-widget elementor-widget-button\" data-id=\"204201b\" 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-a1c9595 e-con-full e-flex e-con e-child\" data-id=\"a1c9595\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#01502B\" class=\"elementor-element elementor-element-10ee6b2 elementor-align-justify buton-vizioneaza elementor-widget elementor-widget-button\" data-id=\"10ee6b2\" 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-ef2af2d citeste e-flex e-con-boxed e-con e-parent\" data-id=\"ef2af2d\" 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-fb787c9 elementor-widget elementor-widget-html\" data-id=\"fb787c9\" 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=\"nadia-story-container\">\n    <section class=\"story-content\">\n        <p class=\"intro-paragraph\">Imaginez un jeune chevalier v\u00eatu de soie, l\u2019\u00e9p\u00e9e \u00e0 la ceinture et le c\u0153ur rempli de r\u00eaves de gloire. On dirait le d\u00e9but d\u2019un film d\u2019aventure, n\u2019est-ce pas ? Pourtant, ce n\u2019est pas tout \u00e0 fait cela. L\u2019histoire de Fran\u00e7ois d\u2019Assise n\u2019est pas faite de batailles gagn\u00e9es avec des armes, mais d\u2019une r\u00e9volution silencieuse qui a chang\u00e9 le monde pour toujours.\n        <\/p>\n\n        <p>Fran\u00e7ois d\u2019Assise n\u2019a pas cherch\u00e9 de recettes magiques. Il a d\u00e9couvert le secret de la vraie joie : se sentir fr\u00e8re de chaque cr\u00e9ature et porter un id\u00e9al de paix pour lequel il vaut la peine de se battre.<\/p>\n\n        <p>Fran\u00e7ois naquit \u00e0 Assise entre 1181 et 1182, dans une maison qui sentait les \u00e9toffes pr\u00e9cieuses. Son p\u00e8re, Pietro di Bernardone, \u00e9tait un riche marchand qui faisait fortune gr\u00e2ce au commerce avec la France. \u00c0 son retour d\u2019un de ses voyages, il d\u00e9cida de l\u2019appeler \u00ab Francesco \u00bb \u2013 \u00ab le Fran\u00e7ais \u00bb \u2013 en hommage \u00e0 la terre qui apportait richesse et prosp\u00e9rit\u00e9 \u00e0 la famille.<\/p>\n\n        <p>Jeune gar\u00e7on, Fran\u00e7ois \u00e9tait l\u2019\u00e2me de la ville. Il jouait des musiques douces, dansait et charmait tout le monde par son talent de vendeur. Mais dans son c\u0153ur se cachait un autre r\u00eave : devenir un noble chevalier.<\/p>\n\n        <p>La tranquillit\u00e9 d\u2019Assise fut boulevers\u00e9e par la guerre. Fran\u00e7ois fut captur\u00e9 et emprisonn\u00e9 \u00e0 P\u00e9rouse. L\u00e0, dans le froid et la maladie, le monde de soie et de richesse qu\u2019il connaissait commen\u00e7a \u00e0 s\u2019effacer. Entre les murs de cette prison, sa vie changea. Dans le silence et la souffrance, il comprit peu \u00e0 peu que la richesse ne pouvait pas apporter la v\u00e9ritable paix. Lorsqu\u2019il retrouva enfin la libert\u00e9, quelque chose dans son c\u0153ur avait chang\u00e9 pour toujours.<\/p>\n\n        <p>Un jour d\u2019hiver, alors qu\u2019il marchait dans la campagne autour d\u2019Assise, envelopp\u00e9 dans ses v\u00eatements \u00e9l\u00e9gants, il rencontra un vieil homme pauvre et malade qui tremblait de froid. Fran\u00e7ois ne passa pas son chemin. Il s\u2019arr\u00eata, regarda l\u2019homme dans les yeux et ressentit sa douleur comme si elle \u00e9tait la sienne. Sans dire un mot, il \u00f4ta son lourd manteau de laine et le posa sur les \u00e9paules du vieil homme. \u00c0 cet instant, il comprit que donner procure une chaleur qu\u2019aucun tissu pr\u00e9cieux ne peut \u00e9galer.<\/p>\n\n        <p>Le moment de son choix d\u00e9finitif arriva dans la petite \u00e9glise de San Damiano, o\u00f9 une voix lui demanda de r\u00e9parer la maison de Dieu. Avec sa d\u00e9termination habituelle, Fran\u00e7ois vendit les tissus de son p\u00e8re pour acheter des pierres et des briques. Son p\u00e8re, pensant qu\u2019il avait perdu la raison, le tra\u00eena devant l\u2019\u00e9v\u00eaque.<\/p>\n\n        <p>Sur la place principale d\u2019Assise, devant l\u2019\u00e9v\u00eaque et toute la ville, Fran\u00e7ois accomplit son geste le plus audacieux : il retira ses v\u00eatements \u00e9l\u00e9gants, les rendit \u00e0 son p\u00e8re et d\u00e9clara d\u2019une voix ferme :<\/p>\n        \n        <blockquote class=\"dialogue\">\n            \u2014 Jusqu\u2019\u00e0 pr\u00e9sent je t\u2019ai appel\u00e9 mon p\u00e8re sur la terre ; d\u00e9sormais je peux dire avec certitude : \u201cNotre P\u00e8re qui es aux cieux\u201d, car en Lui j\u2019ai plac\u00e9 tout mon tr\u00e9sor.\n        <\/blockquote>\n\n        <p>Nous sommes en 1207, et bient\u00f4t d\u2019autres commenc\u00e8rent \u00e0 le suivre, attir\u00e9s par la coh\u00e9rence de sa vie. Bernard de Quintavalle, un riche magistrat, fut profond\u00e9ment touch\u00e9 en voyant Fran\u00e7ois prier toute la nuit. Ensemble, ils d\u00e9cid\u00e8rent de vendre tout ce qu\u2019ils poss\u00e9daient et de vivre en aidant les autres. \u00c0 ceux qui voulaient le suivre, il disait :<\/p>\n\n        <blockquote class=\"dialogue\">\n            \u2014 Notre vie est d\u2019observer l\u2019\u00c9vangile : nous vivrons dans l\u2019ob\u00e9issance, l\u2019humilit\u00e9 et sans poss\u00e9der quoi que ce soit.\n        <\/blockquote>\n\n        <div class=\"historical-moment\">\n            <p>Alors que le monde \u00e9tait boulevers\u00e9 par les Croisades, Fran\u00e7ois d\u00e9cida de faire un geste impensable. En 1219, il arriva en \u00c9gypte et, sans arme, traversa les lignes ennemies pour rencontrer le sultan Malik al-Kamil. Les gardes voulurent l\u2019arr\u00eater, mais ils furent frapp\u00e9s par sa douceur. Devant le puissant sultan, Fran\u00e7ois ne parla pas de guerre, mais de fraternit\u00e9 :<\/p>\n            \n            <p class=\"announcement\">\n                \u2014 Paix \u00e0 toi, grand sultan. Je ne viens pas comme un ennemi, mais comme un fr\u00e8re qui souhaite te parler de la paix que Dieu seul peut donner.\n            <\/p>\n            \n            <p>Le sultan, touch\u00e9 par son courage, l\u2019accueillit avec respect. Il ne se convertit pas, mais permit \u00e0 Fran\u00e7ois de repartir sain et sauf. Ce fut l\u2019un des premiers grands exemples de dialogue entre cultures diff\u00e9rentes : la preuve que la parole peut \u00eatre plus forte que l\u2019\u00e9p\u00e9e.<\/p>\n        <\/div>\n\n        <p>M\u00eame le pape Fran\u00e7ois a rappel\u00e9 cette rencontre en 2019 comme source d\u2019inspiration pour la fraternit\u00e9 humaine. Si aujourd\u2019hui la cr\u00e8che fait partie des traditions de No\u00ebl, nous le devons \u00e0 Fran\u00e7ois d\u2019Assise.<\/p>\n\n        <p>C\u2019\u00e9tait en 1223. Fran\u00e7ois se trouvait en retraite pr\u00e8s du petit village de Greccio. Fran\u00e7ois \u00e9tait malade des yeux et presque aveugle. Ses compagnons lui disaient : \u00ab Fran\u00e7ois, nous devons trouver un endroit plus confortable pour toi ! \u00bb<\/p>\n\n        <p>Il accepta finalement de descendre de la montagne et choisit une simple grotte comme demeure. \u00c0 Bethl\u00e9em, il avait visit\u00e9 la grotte o\u00f9 l\u2019on croit que J\u00e9sus est n\u00e9, et cela l\u2019avait profond\u00e9ment \u00e9mu. Il dit alors aux fr\u00e8res :<\/p>\n\n        <blockquote class=\"dialogue\">\n            \u2014 Je voudrais repr\u00e9senter l\u2019Enfant ne \u00e0 Bethl\u00e9em. Pr\u00e9parez ce que je vous ai demand\u00e9, et nous passerons l\u00e0 la nuit de No\u00ebl.\n        <\/blockquote>\n\n        <p>Ainsi naquit la premi\u00e8re cr\u00e8che vivante : une mangeoire plac\u00e9e entre un b\u0153uf et un \u00e2ne dans une grotte. L\u2019objectif \u00e9tait de faire sortir le myst\u00e8re de No\u00ebl des \u00e9glises et de le rendre accessible au peuple.<\/p>\n\n        <div class=\"historical-moment\">\n            <p>Imaginez maintenant la ville de Gubbio il y a huit cents ans. Dans la for\u00eat r\u00f4de un \u00e9norme loup f\u00e9roce qui n\u2019\u00e9pargne personne. Les habitants crient : \u00ab Nous devons le tuer ! C\u2019est un monstre ! \u00bb. Mais Fran\u00e7ois sort des portes de la ville seul, sans \u00e9p\u00e9e ni bouclier. \u00c0 la lisi\u00e8re du bois, le loup surgit. Fran\u00e7ois ne fuit pas. Il l\u00e8ve doucement la main et dit :<\/p>\n            \n            <p class=\"announcement\">\n                \u2014 Viens ici, fr\u00e8re Loup. Au nom de Dieu, je t\u2019ordonne de ne faire de mal ni \u00e0 moi ni \u00e0 personne.\n            <\/p>\n\n            <p>L\u2019incroyable se produit. Le loup s\u2019arr\u00eate, baisse la t\u00eate et se couche aux pieds de Fran\u00e7ois. Fran\u00e7ois lui parle avec douceur : \u00ab Fr\u00e8re Loup, tu as fait beaucoup de mal ici. Mais je sais pourquoi : tu as faim. La col\u00e8re est souvent le cri de quelqu\u2019un qui se sent seul et affam\u00e9. \u00bb<\/p>\n        <\/div>\n\n        <p>Puis il propose un pacte : \u00ab Les habitants te donneront \u00e0 manger chaque jour, et toi tu ne feras plus de mal \u00e0 personne. \u00bb Le loup posa sa patte dans la main de Fran\u00e7ois. Ce jour-l\u00e0, Gubbio apprit une grande le\u00e7on : le \u00ab monstre \u00bb est souvent quelqu\u2019un qui souffre, et la seule fa\u00e7on de vaincre un ennemi est d\u2019en faire un fr\u00e8re.<\/p>\n\n        <p>Fran\u00e7ois ne voulait pas que la beaut\u00e9 du monde soit un secret r\u00e9serv\u00e9 aux savants. C\u2019est pourquoi il \u00e9crivit le Cantique des Cr\u00e9atures dans la langue simple du peuple. Ainsi chacun pouvait comprendre et remercier Fr\u00e8re Soleil et S\u0153ur Lune.<\/p>\n\n        <p>\u00c9crit vers 1224, ce texte est un joyau de la litt\u00e9rature mondiale. Son esprit vit encore aujourd\u2019hui dans la c\u00e9l\u00e8bre chanson \u00ab Dolce \u00e8 sentire \u00bb, interpr\u00e9t\u00e9e par de grands artistes comme Andrea Bocelli et Luciano Pavarotti.<\/p>\n\n        <p>Fran\u00e7ois mourut \u00e0 Assise le 3 octobre 1226. En 1979, le pape Jean-Paul II l\u2019a proclam\u00e9 patron des \u00e9cologistes, car il nous a appris que respecter la nature et les autres est la seule mani\u00e8re d\u2019\u00eatre vraiment heureux.<\/p>\n\n        <p class=\"conclusion-text\">\n            Commencez par faire ce qui est n\u00e9cessaire, puis ce qui est possible. Et soudain, vous vous surprendrez \u00e0 faire l\u2019impossible.\n        <\/p>\n    <\/section>\n<\/article>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');\n\n.nadia-story-container {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 40px 20px;\n    font-family: 'Playfair Display', serif;\n    line-height: 1.8;\n    color: #003049;\n}\n\n.story-content p {\n    margin-bottom: 25px;\n    font-size: 1.15rem;\n    text-align: justify;\n}\n\n\/* Drop Cap Stilizat - Acum va ag\u0103\u021ba litera \"I\" de la Imaginez *\/\n.intro-paragraph::first-letter {\n    float: left;\n    font-family: 'Playfair Display', serif;\n    font-size: 4.5rem;\n    line-height: 1;\n    padding-right: 15px;\n    color: #D62828;\n    font-weight: 900;\n}\n\n.dialogue {\n    margin: 40px 0;\n    padding: 20px 40px;\n    border-left: 5px solid #FB6C13;\n    background-color: rgba(245, 224, 183, 0.3);\n    font-style: italic;\n    font-family: 'Playfair Display', serif;\n    font-size: 1.3rem;\n}\n\n.historical-moment {\n    margin: 50px 0;\n    padding: 40px;\n    background-color: #003049;\n    color: #F5E0B7;\n    border-radius: 15px;\n    box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n}\n\n.historical-moment p {\n    color: #F5E0B7;\n    text-align: left;\n}\n\n.announcement {\n    border-top: 1px solid #F9C80E;\n    padding-top: 20px;\n    font-weight: 700;\n    color: #F9C80E !important;\n    font-size: 1.4rem !important;\n    text-align: center !important;\n}\n\n.conclusion-text {\n    margin-top: 60px;\n    padding: 30px;\n    background-color: #004F2D;\n    color: white;\n    font-weight: 700;\n    text-align: center;\n    border-radius: 10px;\n    font-size: 1.25rem !important;\n}\n\n@media (max-width: 768px) {\n    .nadia-story-container { padding: 20px; }\n    .intro-paragraph::first-letter { font-size: 3.5rem; }\n    .dialogue { padding: 15px 25px; font-size: 1.15rem; }\n    .announcement { font-size: 1.1rem !important; }\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 class=\"elementor-element elementor-element-e0c2c5b activitati e-flex e-con-boxed e-con e-parent\" data-id=\"e0c2c5b\" 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-a990aeb elementor-widget elementor-widget-html\" data-id=\"a990aeb\" 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(1.6rem, 5vw, 3rem); margin: 10px 0 30px; text-transform: none; line-height: 1.2; }\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 ul { text-align: left; color: #333; font-size: clamp(0.95rem, 2.3vw, 1.15rem); line-height: 1.6; max-width: 620px; margin: 0 auto; padding-left: 22px; }\n.enigma-result ul li { margin-bottom: 8px; }\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.5rem, 4vw, 2.4rem); font-weight: 900; color: #003049; text-align: center; margin: 0 0 6px; line-height: 1.25; }\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: 180px; }\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-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n.itext-col-title { text-align: center; color: #fff; font-weight: 600; padding: 10px; border-radius: 12px 12px 0 0; }\n.itext-col-title.pasiuni { background: #FB6C13; }\n.itext-col-title.trasaturi { background: #F9C80E; color: #003049; }\n.itext-textarea { width: 100%; min-height: 130px; padding: 14px; border: 1.5px solid #ddd; border-top: none; border-radius: 0 0 12px 12px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; resize: vertical; line-height: 1.6; }\n.itext-textarea:focus { outline: none; border-color: #FB6C13; }\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-list-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }\n.itext-list-num { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background: #003049; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }\n.itext-list-input { flex: 1; padding: 12px 16px; border: 1.5px solid #ddd; border-radius: 12px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; }\n.itext-list-input:focus { outline: none; border-color: #FB6C13; }\n.itext-list-input.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-list-input.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-examples { margin-top: 16px; background: #f6f8fa; border-left: 4px solid #FB6C13; border-radius: 0 12px 12px 0; padding: 16px 20px; color: #333; line-height: 1.7; display: none; }\n.itext-examples.show { display: block; }\n.itext-examples strong { color: #003049; }\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 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-cols { grid-template-columns: 1fr; } .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        { q: \"1. O\u00f9 est n\u00e9 Fran\u00e7ois d'Assise ?\", a: [\"Rome\", \"Assise\", \"Florence\", \"Naples\"], c: 1 },\n        { q: \"2. Quel \u00e9tait le m\u00e9tier du p\u00e8re de Fran\u00e7ois ?\", a: [\"Soldat\", \"Peintre\", \"Marchand de tissus\", \"Pr\u00eatre\"], c: 2 },\n        { q: \"3. Pourquoi l'appelait-on Francesco (\u00ab le Fran\u00e7ais \u00bb) ?\", a: [\"Parce qu'il est n\u00e9 en France\", \"Parce que sa famille vivait en France\", \"Parce que son p\u00e8re commer\u00e7ait avec la France\", \"Parce que sa m\u00e8re \u00e9tait fran\u00e7aise\"], c: 2 },\n        { q: \"4. Quel \u00e9tait le r\u00eave de Fran\u00e7ois lorsqu'il \u00e9tait jeune ?\", a: [\"Devenir artiste\", \"Devenir chevalier\", \"Devenir moine\", \"Devenir m\u00e9decin\"], c: 1 },\n        { q: \"5. Dans quelle ville Fran\u00e7ois fut-il emprisonn\u00e9 apr\u00e8s la guerre ?\", a: [\"P\u00e9rouse\", \"Milan\", \"Pise\", \"Sienne\"], c: 0 },\n        { q: \"6. Que fit Fran\u00e7ois lorsqu'il rencontra un vieil homme pauvre qui tremblait de froid ?\", a: [\"Il lui donna de l'argent\", \"Il l'emmena chez lui\", \"Il lui donna son manteau\", \"Il lui apporta de la nourriture\"], c: 2 },\n        { q: \"7. Dans quelle \u00e9glise Fran\u00e7ois entendit-il l'appel \u00e0 \u00ab r\u00e9parer la maison de Dieu \u00bb ?\", a: [\"Saint-Pierre\", \"San Damiano\", \"Sainte-Marie\", \"Saint-Marc\"], c: 1 },\n        { q: \"8. Qui Fran\u00e7ois rencontra-t-il en \u00c9gypte pendant les croisades ?\", a: [\"Un empereur\", \"Un roi\", \"Le sultan Malik al-Kamil\", \"Un g\u00e9n\u00e9ral\"], c: 2 },\n        { q: \"9. O\u00f9 la premi\u00e8re cr\u00e8che de No\u00ebl fut-elle cr\u00e9\u00e9e ?\", a: [\"Assise\", \"Rome\", \"Greccio\", \"Naples\"], c: 2 },\n        { q: \"10. Quel animal Fran\u00e7ois apprivoisa-t-il \u00e0 Gubbio ?\", a: [\"Un ours\", \"Un loup\", \"Un lion\", \"Un chien\"], c: 1 }\n    ];\n    const LABELS = [\"A\", \"B\", \"C\", \"D\"];\n    const TOTAL = QUIZ_DATA.length;\n    const QUIZ_TITLE = \"Quiz Fran\u00e7ois d'Assise\";\n    const QUIZ_SPLASH_EMOJI = \"\ud83d\udd4a\ufe0f\";\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 ? \"Excellent ! Tu connais parfaitement la vie de Saint Fran\u00e7ois.\" : s >= 7 ? \"Beau travail ! Tu as beaucoup appris sur le chevalier de la paix.\" : \"Bel effort ! Lis encore un peu et r\u00e9essaie.\"; }\n    function emoji(s) { return s === TOTAL ? \"\ud83c\udfc6\" : s >= 7 ? \"\ud83e\udd47\" : s >= 5 ? \"\ud83d\udd4a\ufe0f\" : \"\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\/13.jpg\";\n    const ENIGMA_WRONG   = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/18.jpg\";\n\n    \/\/ \u2500\u2500 Reading Comprehension data \u2014 Fran\u00e7ois d'Assise \u2500\u2500\n    const IT_IMG = ENIGMA_CORRECT;\n    const IT_PDF = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Intelegerea-textului-in-FR-3.pdf\";\n    const IT_FISA = {\n        nom:        [\"assise\", \"bernardone\"],\n        prenom:     [\"francois\", \"francesco\", \"francisc\"],\n        annee:      [\"1181\", \"1182\"],\n        profession: [\"saint\", \"moine\", \"religieu\", \"fondateur\", \"frere\", \"predicateur\", \"apotre\"]\n    };\n    const IT_FISA_LABELS = { nom: \"Nom :\", prenom: \"Pr\u00e9nom :\", annee: \"Ann\u00e9e de naissance :\", profession: \"Profession :\" };\n    const IT_AF = [\n        { t: \"Saint Fran\u00e7ois a renonc\u00e9 \u00e0 la richesse pour mener une vie simple.\", correct: true },\n        { t: \"Enfant, Fran\u00e7ois voulait devenir peintre et a pass\u00e9 sa vie \u00e0 r\u00e9aliser des tableaux.\", correct: false },\n        { t: \"Saint Fran\u00e7ois d'Assise est connu pour son amour de la nature et des animaux.\", correct: true }\n    ];\n    \/\/ Section 2, column 1 \u2014 LANGUES PARL\u00c9ES\n    const IT_KW_REASONS = [\n        [\"francais\", \"france\"], [\"italien\", \"langue du peuple\", \"langue simple\", \"peuple\"], [\"latin\"]\n    ];\n    \/\/ Section 2, column 2 \u2014 TRAITS DE CARACT\u00c8RE\n    const IT_KW_TRASATURI = [\n        [\"humb\", \"humilite\"], [\"simpl\"], [\"compassion\", \"compatiss\", \"genereu\", \"charitab\"], [\"courage\", \"courageu\", \"audac\"],\n        [\"determin\"], [\"paix\", \"pacifi\"], [\"aimant\", \"amour\", \"fraternite\", \"frere\"], [\"joie\", \"joyeu\", \"douceur\"]\n    ];\n    \/\/ Section 4 \u2014 three specific answers: winter custom \/ religious movement \/ tamed animal\n    const IT_ITEMS = [\n        [\"creche\", \"creche vivante\", \"creche de noel\"],\n        [\"franciscain\", \"freres mineurs\", \"ordre franciscain\", \"ordre\"],\n        [\"loup\"]\n    ];\n    const IT_ITEM_ROWS = 3;\n    const IT_ITEM_MIN = 3;\n\n    function itextNorm(s) { return (s || \"\").normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '').toLowerCase(); }\n    function itextCountGroups(text, groups) {\n        const t = itextNorm(text);\n        let n = 0;\n        groups.forEach(variants => { if (variants.some(v => t.includes(itextNorm(v)))) n++; });\n        return n;\n    }\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-maker-story.lovable.app\" width=\"100%\" height=\"800\" style=\"border:0;display:block;border-radius:16px;\" allowfullscreen loading=\"lazy\" title=\"Jeu d\u2019association \u2013 Francesco d\u2019Assisi\"><\/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\">\u00abCommence par faire ce qui est n\u00e9cessaire ; puis fais ce qui est possible ; et soudain tu feras l'impossible.\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 Fran\u00e7ois d'Assise<\/h2>\n                <img decoding=\"async\" src=\"${ENIGMA_CORRECT}\" alt=\"Fran\u00e7ois d'Assise\">\n                <span class=\"enigma-playlist-label\">Apprends \u00e0 prioriser<\/span>\n                <p>Les \u00e9l\u00e8ves suivront le conseil de Fran\u00e7ois pour cr\u00e9er leur propre tableau personnel afin de prioriser leurs objectifs et leurs besoins.<\/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    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\n        loader.innerHTML = `\n            <div class=\"itext-wrap\">\n                <h2 class=\"itext-main-title\">L'ap\u00f4tre de l'humilit\u00e9<\/h2>\n                <p class=\"itext-subtitle\">Compr\u00e9hension du texte \u00b7 Fran\u00e7ois d'Assise<\/p>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-green\">1. Fiche du personnage<\/div>\n                    <p class=\"itext-instruction\">Compl\u00e8te la fiche suivante, \u00e0 partir de l'histoire.<\/p>\n                    <div class=\"itext-fisa\">\n                        <img decoding=\"async\" src=\"${IT_IMG}\" alt=\"Fran\u00e7ois d'Assise\">\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. Rel\u00e8ve dans le texte<\/div>\n                    <p class=\"itext-instruction\">Rel\u00e8ve dans le texte les langues que parlait le saint et ses traits de caract\u00e8re.<\/p>\n                    <div class=\"itext-cols\">\n                        <div>\n                            <div class=\"itext-col-title pasiuni\">Langues parl\u00e9es<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-pasiuni\" placeholder=\"\u00c9cris ici...\"><\/textarea>\n                        <\/div>\n                        <div>\n                            <div class=\"itext-col-title trasaturi\">Traits de caract\u00e8re<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-trasaturi\" placeholder=\"\u00c9cris ici...\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckDescopera()\">V\u00e9rifier la r\u00e9ponse<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"Voir des r\u00e9ponses possibles\" onclick=\"window.itextToggleExamples('ex-descopera', this)\">Voir des r\u00e9ponses possibles<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"descopera-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-descopera\">\n                        <strong>Langues parl\u00e9es :<\/strong> le fran\u00e7ais (on l'appelait \u00ab le Fran\u00e7ais \u00bb), l'italien (le Cantique des Cr\u00e9atures \u00e9crit dans la langue simple du peuple), le latin (la langue de l'\u00c9glise et de l'\u00c9vangile).<br>\n                        <strong>Traits de caract\u00e8re :<\/strong> humble, simple, compatissant \/ g\u00e9n\u00e9reux, courageux, d\u00e9termin\u00e9, pacifique, aimant (la nature et les animaux), joyeux et doux.\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-red\">3. 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\">4. Compl\u00e8te avec des informations du texte !<\/div>\n                    <p class=\"itext-instruction\">Rel\u00e8ve dans le texte une coutume d'hiver qui subsiste gr\u00e2ce au saint, le nom du mouvement religieux qu'il a fond\u00e9 et l'animal qu'il a apprivois\u00e9.<\/p>\n                    ${Array.from({length: IT_ITEM_ROWS}).map((_, i) => `\n                        <div class=\"itext-list-row\">\n                            <div class=\"itext-list-num\">${i + 1}<\/div>\n                            <input class=\"itext-list-input\" id=\"item-${i}\" type=\"text\" autocomplete=\"off\" placeholder=\"Ta r\u00e9ponse...\">\n                        <\/div>`).join('')}\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckItems()\">V\u00e9rifier les r\u00e9ponses<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"Voir des exemples\" onclick=\"window.itextToggleExamples('ex-items', this)\">Voir des exemples<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"items-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-items\">\n                        <strong>R\u00e9ponses attendues :<\/strong> la cr\u00e8che (de No\u00ebl) ; l'ordre des Franciscains (les fr\u00e8res mineurs) ; le loup (de Gubbio).\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-download\">\n                    <p class=\"itext-download-text\">Tu veux travailler la fiche aussi sur papier ?<\/p>\n                    <a href=\"${IT_PDF}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download\">\ud83d\udcc4 T\u00e9l\u00e9charger la fiche PDF<\/a>\n                <\/div>\n            <\/div>`;\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.itextCheckDescopera = function() {\n        const rTxt = document.getElementById('it-pasiuni').value;\n        const tTxt = document.getElementById('it-trasaturi').value;\n        const msg = document.getElementById('descopera-msg');\n        if (!rTxt.trim() && !tTxt.trim()) {\n            msg.style.color = '#D62828';\n            msg.innerText = '\u00c9cris d\\'abord tes r\u00e9ponses dans les cases.';\n            return;\n        }\n        const r = itextCountGroups(rTxt, IT_KW_REASONS);\n        const t = itextCountGroups(tTxt, IT_KW_TRASATURI);\n        const ok = r >= 1 && t >= 2;\n        msg.style.color = ok ? '#004F2D' : '#B26A00';\n        msg.innerHTML = ok\n            ? `\u2705 Bravo ! Tu as relev\u00e9 ${r} langue(s) et ${t} traits de caract\u00e8re dans le texte.`\n            : `\ud83d\udd0e Tu as trouv\u00e9 ${r} langue(s) et ${t} traits. Relis le texte et r\u00e9essaie (clique sur \u00abVoir des r\u00e9ponses possibles\u00bb si tu as besoin d'aide).`;\n    };\n\n    window.itextCheckItems = function() {\n        const used = [];\n        let ok = 0, filled = 0;\n        for (let i = 0; i < IT_ITEM_ROWS; i++) {\n            const inp = document.getElementById('item-' + i);\n            inp.classList.remove('ok', 'no');\n            if (!inp.value.trim()) continue;\n            filled++;\n            const val = itextNorm(inp.value);\n            let matched = -1;\n            IT_ITEMS.forEach((g, gi) => { if (matched === -1 && used.indexOf(gi) === -1 && g.some(f => val.includes(itextNorm(f)))) matched = gi; });\n            if (matched >= 0) { used.push(matched); ok++; inp.classList.add('ok'); }\n            else inp.classList.add('no');\n        }\n        const msg = document.getElementById('items-msg');\n        if (filled === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = '\u00c9cris d\\'abord tes r\u00e9ponses.';\n            return;\n        }\n        const allOk = ok >= IT_ITEM_MIN;\n        msg.style.color = allOk ? '#004F2D' : '#B26A00';\n        msg.innerText = allOk\n            ? '\u2705 Bravo ! Tu as trouv\u00e9 les trois informations demand\u00e9es.'\n            : `\ud83d\udd0e Tu en as reconnu ${ok}\/${IT_ITEM_MIN}. V\u00e9rifie ceux en rouge (clique sur \u00abVoir des exemples\u00bb si tu as besoin d'aide).`;\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    window.itextToggleExamples = function(id, btn) {\n        const box = document.getElementById(id);\n        box.classList.toggle('show');\n        btn.innerText = box.classList.contains('show') ? 'Masquer' : btn.dataset.label;\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\">${QUIZ_SPLASH_EMOJI}<\/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-ccee46a e-flex e-con-boxed e-con e-parent\" data-id=\"ccee46a\" 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-1d82c53 elementor-widget elementor-widget-afd_audio_player\" data-id=\"1d82c53\" 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\\\/Saint-Francois-d_Assise-1-v1.mp3&quot;,&quot;title&quot;:&quot;Saint Francois d&#039;Assise&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                    Saint Francois d&#039;Assise                <\/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>Humilit\u00e9 \u2022 Compassion \u2022 D\u00e9vouement Saint Fran\u00e7ois d\u2019Assise Maison &gt; Saint Fran\u00e7ois d\u2019Assise L\u2019ap\u00f4tre de l\u2019humilit\u00e9 Saint Fran\u00e7ois d\u2019Assise fut un symbole de simplicit\u00e9 et de compassion, consacrant sa vie \u00e0 la foi, \u00e0 l\u2019aide aux pauvres et \u00e0 la promotion du respect envers tous les \u00eatres vivants et la cr\u00e9ation divine. \u00c9COUTER LIRE ACTIVIT\u00c9 [&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-14150","page","type-page","status-publish","hentry"],"acf":[],"lang":"fr","translations":{"fr":14150,"en":13483,"ro":12670,"el":13683,"it":13787},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14150","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=14150"}],"version-history":[{"count":28,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14150\/revisions"}],"predecessor-version":[{"id":17923,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14150\/revisions\/17923"}],"wp:attachment":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/media?parent=14150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}