{"id":14087,"date":"2026-02-17T18:38:22","date_gmt":"2026-02-17T16:38:22","guid":{"rendered":"https:\/\/afostodata.ro\/europeanicons\/?page_id=14087"},"modified":"2026-10-09T15:30:47","modified_gmt":"2026-10-09T13:30:47","slug":"auguste-rodin","status":"publish","type":"page","link":"https:\/\/afostodata.ro\/europeanicons\/fr\/auguste-rodin\/","title":{"rendered":"Auguste Rodin"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14087\" class=\"elementor elementor-14087\" 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\/rodin.png\" class=\"elementor-element elementor-element-0aafb9b e-flex e-con-boxed e-con e-parent\" data-id=\"0aafb9b\" 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-edeea28 elementor-widget elementor-widget-html\" data-id=\"edeea28\" 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\">Cr\u00e9ation \u2022 Profondeur \u2022 Intensit\u00e9<\/span>\n    <div class=\"title-container\">\n        <h1 class=\"main-name-solid\">Auguste<\/h1>\n        <h1 class=\"main-name-stroke\"> Rodin<\/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-9485745 e-flex e-con-boxed e-con e-parent\" data-id=\"9485745\" 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-1fedab3 e-con-full e-flex e-con e-child\" data-id=\"1fedab3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2fee7b4 e-con-full e-flex e-con e-child\" data-id=\"2fee7b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eea00c7 elementor-widget elementor-widget-dce-breadcrumbs\" data-id=\"eea00c7\" 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-14087\"><span class=\"bread-current bread-14087\"> Auguste Rodin<\/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-0a0f760 elementor-widget elementor-widget-heading\" data-id=\"0a0f760\" 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\u2019homme qui \u00e9coutait la pierre\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ba1695 elementor-widget elementor-widget-text-editor\" data-id=\"4ba1695\" 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 \u0153uvres naissent d\u2019un combat silencieux, entre des mains couvertes de poussi\u00e8re et une pierre qui r\u00e9siste ?<\/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-03dcec8 e-con-full e-flex e-con e-child\" data-id=\"03dcec8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbe0b72 elementor-widget elementor-widget-image\" data-id=\"dbe0b72\" 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\/19-1024x1024.jpg\" class=\"attachment-large size-large wp-image-12471\" alt=\"\" srcset=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/19-1024x1024.jpg 1024w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/19-300x300.jpg 300w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/19-150x150.jpg 150w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/19-768x768.jpg 768w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/19.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-8698f60 e-flex e-con-boxed e-con e-parent\" data-id=\"8698f60\" 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-a07ab3d e-con-full e-flex e-con e-child\" data-id=\"a07ab3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#D62729\" class=\"elementor-element elementor-element-c8d3d3a elementor-align-justify buton-audio elementor-widget elementor-widget-button\" data-id=\"c8d3d3a\" 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-c52deba e-con-full e-flex e-con e-child\" data-id=\"c52deba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#FA6D12\" class=\"elementor-element elementor-element-3da1388 elementor-align-justify buton-citeste elementor-widget elementor-widget-button\" data-id=\"3da1388\" 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-733c123 e-con-full e-flex e-con e-child\" data-id=\"733c123\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#F9C70C\" class=\"elementor-element elementor-element-e3438af elementor-align-justify buton-activitati elementor-widget elementor-widget-button\" data-id=\"e3438af\" 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-9e6fed9 e-con-full e-flex e-con e-child\" data-id=\"9e6fed9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#01502B\" class=\"elementor-element elementor-element-0cbc52d elementor-align-justify buton-vizioneaza elementor-widget elementor-widget-button\" data-id=\"0cbc52d\" 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-ee9c797 citeste e-flex e-con-boxed e-con e-parent\" data-id=\"ee9c797\" 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-032cff9 elementor-widget elementor-widget-html\" data-id=\"032cff9\" 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=\"eminescu-story-container\">\r\n    <section class=\"story-content\">\r\n        <p class=\"intro-paragraph\">\r\n            Savais-tu que certaines \u0153uvres naissent d\u2019un combat silencieux, entre des mains couvertes de poussi\u00e8re et une pierre qui r\u00e9siste ? \r\n            \u2014 \u00ab La sculpture est la plus difficile des arts, car elle exige de lutter contre la mati\u00e8re \u00bb, disait souvent Rodin.\r\n            Auguste naquit \u00e0 Paris en 1840, dans une famille simple. Son p\u00e8re \u00e9tait employ\u00e9 de police, sa m\u00e8re femme au foyer. Rien, en apparence, ne le destinait \u00e0 devenir l\u2019un des plus grands sculpteurs de tous les temps. Enfant, Auguste n\u2019\u00e9tait pas un \u00e9l\u00e8ve brillant. Il dessinait dans les marges de ses cahiers, r\u00eavait en regardant les rues de Paris, et pr\u00e9f\u00e9rait les formes aux mots. \r\n        <\/p>\r\n\r\n        <p>\u2014 \u00ab Je ne suis pas un acad\u00e9micien, je suis un artiste \u00bb, affirmait-il souvent.<\/p>\r\n\r\n        <p>Il voyait le monde autrement. Tr\u00e8s jeune, il comprit qu\u2019il voulait cr\u00e9er avec ses mains. \u00c9tant donn\u00e9 qu'il pr\u00e9f\u00e9rait griffonner des dessins sur ses cahiers, ses parents l'inscrivirent \u00e0 l\u2019\u00e2ge de 14 ans \u00e0 l'\u00c9cole sp\u00e9ciale de dessin et de math\u00e9matiques \u00e0 Paris. Sa vocation se r\u00e9v\u00e9la lorsqu'il poussa la porte d'une salle de cours o\u00f9 les \u00e9l\u00e8ves \u00e9taient en train de p\u00e9trir la glaise. L\u2019ann\u00e9e d\u2019apr\u00e8s, il d\u00e9couvrit la sculpture avec Antoine-Louis Barye, puis avec Albert-Ernest Carrier-Belleuse. Il se rendait alors r\u00e9guli\u00e8rement au cours de dessin de la Manufacture des Gobelins, o\u00f9 il travailla le nu.<\/p>\r\n\r\n        <blockquote class=\"dialogue\">\r\n            \u2014 \u00ab C\u2019est l\u00e0 que j\u2019ai commenc\u00e9 \u00e0 vraiment comprendre le langage du corps \u00bb, se souvenait-il parfois.\r\n        <\/blockquote>\r\n\r\n        <p>Son r\u00eave allait plus loin : il tenta \u00e0 plusieurs reprises d\u2019entrer \u00e0 l\u2019\u00c9cole des Beaux-Arts ; mais il \u00e9choua \u00e0 trois reprises. Les jurys jugeaient son travail trop brut, trop vivant, trop \u00e9loign\u00e9 des r\u00e8gles acad\u00e9miques.<\/p>\r\n\r\n        <blockquote class=\"dialogue\">\r\n            \u2014 \u00ab On me refuse parce que je suis diff\u00e9rent \u00bb, murmurait Rodin, d\u00e9\u00e7u.\r\n        <\/blockquote>\r\n\r\n        <p>Rodin en souffrit. Autour de lui, d\u2019autres avan\u00e7aient plus vite. Lui restait \u00e0 la porte. Mais Auguste ne renon\u00e7a pas. Pour vivre, il travailla comme ouvrier d\u00e9corateur. Il sculptait pour les autres, dans l\u2019ombre, fa\u00e7onnant des ornements, des fa\u00e7ades, des d\u00e9tails que peu regardaient. Ses mains apprirent la patience, ses yeux, la v\u00e9rit\u00e9 du corps.<\/p>\r\n\r\n        <blockquote class=\"dialogue\">\r\n            \u2014 \u00ab Ces travaux obscurs ont \u00e9t\u00e9 une \u00e9cole formidable. J\u2019ai appris \u00e0 conna\u00eetre la mati\u00e8re, \u00e0 sentir ses r\u00e9sistances, ses possibilit\u00e9s\u2026 \u00bb, confiait-il.\r\n        <\/blockquote>\r\n\r\n        <div class=\"historical-moment\">\r\n            <p>Puis vint la guerre de 1870. La France fut bless\u00e9e. Rodin mobilis\u00e9. \u00c0 son retour, il voyagea en Italie. L\u00e0-bas, il d\u00e9couvrit Michel-Ange ; ce fut une r\u00e9v\u00e9lation. Il comprit que la sculpture pouvait exprimer la force, la douleur, le mouvement, l\u2019\u00e2me humaine tout enti\u00e8re.<\/p>\r\n\r\n            <p>\u2014 \u00ab Michel-Ange m\u2019a appris \u00e0 voir au-del\u00e0 de la surface \u00bb, confiait Rodin \u00e0 ses \u00e9l\u00e8ves.<\/p>\r\n\r\n            <p>\u00c0 partir de ce jour, il d\u00e9cida de suivre sa propre voie. Il sculpta un homme nu, pench\u00e9, tendu, vibrant de vie. Il l\u2019appela L\u2019\u00c2ge d\u2019airain. Lorsque l\u2019\u0153uvre fut expos\u00e9e, le scandale \u00e9clata. On accusa Rodin d\u2019avoir trich\u00e9, d\u2019avoir moul\u00e9 directement le corps d\u2019un mod\u00e8le vivant. Personne ne croyait qu\u2019une sculpture puisse \u00eatre aussi r\u00e9elle.<\/p>\r\n\r\n            <p class=\"announcement\">\r\n                \u2014 \u00ab Je n\u2019ai rien copi\u00e9 \u00bb, disait-il. \u00ab J\u2019ai observ\u00e9. \u00bb\r\n            <\/p>\r\n\r\n            <p>\u2014 \u00ab Mais comment expliquer cette v\u00e9rit\u00e9 si saisissante, cette musculature si parfaite ? \u00bb, s'interrogeait un critique d'art de l'\u00e9poque.<\/p>\r\n        <\/div>\r\n\r\n        <p>Rodin fut bless\u00e9, mais il tint bon. Peu \u00e0 peu, la v\u00e9rit\u00e9 s\u2019imposa. Les commandes arriv\u00e8rent. On lui confia une \u0153uvre immense : La Porte de l\u2019Enfer. Rodin y travailla pendant des d\u00e9cennies, sans jamais la consid\u00e9rer comme achev\u00e9e. De cette porte naquirent des figures c\u00e9l\u00e8bres : Le Penseur, Le Baiser, Les Trois Ombres.<\/p>\r\n\r\n        <blockquote class=\"dialogue\">\r\n            \u2014 \u00ab Ce projet est mon testament, j\u2019y verserai toute ma vie \u00bb, affirmait-il souvent.\r\n        <\/blockquote>\r\n\r\n        <p>Rodin sculptait comme on \u00e9crit un po\u00e8me sans fin. Il ne cherchait pas la perfection lisse, mais la vie. Les corps semblaient sortir de la mati\u00e8re, inachev\u00e9s, vibrants, vrais. Beaucoup furent choqu\u00e9s.<\/p>\r\n\r\n        <blockquote class=\"dialogue\">\r\n            \u2014 \u00ab Ce n\u2019est pas beau \u00bb, disaient certains. <br><br>\r\n            \u2014 \u00ab Ce n\u2019est pas la beaut\u00e9 que je cherche, c\u2019est l\u2019expression \u00bb, r\u00e9pondait Rodin.\r\n        <\/blockquote>\r\n\r\n        <p>Parmi ses \u00e9l\u00e8ves et collaborateurs se trouvait Camille Claudel. Elle \u00e9tait brillante, passionn\u00e9e, et profond\u00e9ment li\u00e9e \u00e0 Rodin. Leur relation fut faite de cr\u00e9ation et de douleur, de lumi\u00e8re et d\u2019ombre. Le succ\u00e8s de Rodin grandissait, tandis que Camille s\u2019effa\u00e7ait.<\/p>\r\n\r\n        <blockquote class=\"dialogue\">\r\n            \u2014 \u00ab Il me soutient, il me comprend, il me pousse \u00e0 me d\u00e9passer \u00bb, confiait Camille \u00e0 une amie.\r\n        <\/blockquote>\r\n\r\n        <p>Mais les tensions montaient, nourries par l'ambition et les frustrations.<\/p>\r\n\r\n        <p>Rodin en souffrit. Mais il continua \u00e0 travailler. Il s\u2019int\u00e9ressa aussi \u00e0 la repr\u00e9sentation du mouvement et de l\u2019\u00e9motion, comme dans Les Bourgeois de Calais en 1889, command\u00e9e par la ville pour comm\u00e9morer le si\u00e8ge de Calais pendant la guerre de Cent Ans.<\/p>\r\n\r\n        <blockquote class=\"dialogue\">\r\n            \u2014 \u00ab Il faut donner l\u2019impression que ces hommes quittent Calais, pr\u00eats \u00e0 mourir pour sauver leur ville \u00bb, expliquait Rodin \u00e0 ses proches.\r\n        <\/blockquote>\r\n\r\n        <p>\u00c0 la fin de sa vie, il \u00e9tait enfin reconnu. On venait du monde entier pour voir ses \u0153uvres. Il vivait entour\u00e9 de pl\u00e2tre, de marbre et de silence.<\/p>\r\n\r\n        <blockquote class=\"dialogue\">\r\n            \u2014 \u00ab Rien n\u2019est jamais fini \u00bb, disait-il.\r\n        <\/blockquote>\r\n\r\n        <p>Auguste Rodin mourut en 1917. Mais ses sculptures rest\u00e8rent. Elles parlent encore. Elles racontent le poids de la pens\u00e9e, la force de l\u2019amour, la fatigue des corps, la grandeur de l\u2019homme.<\/p>\r\n\r\n        <blockquote class=\"dialogue\">\r\n            \u2014 \u00ab Je sculpte la vie, pas la mort \u00bb, disait-il souvent.\r\n        <\/blockquote>\r\n\r\n        <p class=\"conclusion-text\">\r\n            Rodin n\u2019a pas seulement sculpt\u00e9 la pierre. Il a sculpt\u00e9 l\u2019humanit\u00e9. Et quelque part, dans un atelier, un jeune artiste h\u00e9site devant un bloc de mati\u00e8re. S\u2019il \u00e9coute bien, peut-\u00eatre entendra-t-il, comme Rodin autrefois, la forme qui demande \u00e0 na\u00eetre.<br><br>\r\n            \u2014 \u00ab Laisse la pierre te parler \u00bb, conseillait-il \u00e0 ses jeunes apprentis.\r\n        <\/p>\r\n    <\/section>\r\n<\/article>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap');\r\n\r\n.eminescu-story-container {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    padding: 40px 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.story-content 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.intro-paragraph::first-letter {\r\n    float: left;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 4.5rem;\r\n    line-height: 1;\r\n    padding-right: 15px;\r\n    color: #D62828;\r\n    font-weight: 900;\r\n}\r\n\r\n.dialogue {\r\n    margin: 40px 0;\r\n    padding: 20px 40px;\r\n    border-left: 5px solid #FB6C13;\r\n    background-color: rgba(245, 224, 183, 0.3);\r\n    font-style: italic;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 1.3rem;\r\n    font-weight: 400;\r\n}\r\n\r\n.historical-moment {\r\n    margin: 50px 0;\r\n    padding: 40px;\r\n    background-color: #003049;\r\n    color: #F5E0B7;\r\n    border-radius: 15px;\r\n    box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n.historical-moment p {\r\n    color: #F5E0B7;\r\n    text-align: left;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n.announcement {\r\n    border-top: 1px solid #F9C80E;\r\n    padding-top: 20px;\r\n    font-weight: 700 !important;\r\n    color: #F9C80E !important;\r\n    font-size: 1.4rem !important;\r\n    text-align: center !important;\r\n}\r\n\r\n.conclusion-text {\r\n    margin-top: 60px;\r\n    padding: 30px;\r\n    background-color: #004F2D;\r\n    color: white !important;\r\n    font-weight: 700 !important;\r\n    text-align: center;\r\n    border-radius: 10px;\r\n    font-size: 1.25rem !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .eminescu-story-container { padding: 20px; }\r\n    .intro-paragraph::first-letter { font-size: 3.5rem; }\r\n    .dialogue { padding: 15px 25px; font-size: 1.15rem; }\r\n    .announcement { font-size: 1.1rem !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-ae688f0 activitati e-flex e-con-boxed e-con e-parent\" data-id=\"ae688f0\" 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-265f21d elementor-widget elementor-widget-html\" data-id=\"265f21d\" 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\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: 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\n\/* \u2500\u2500\u2500 \u00ceN\u021aELEGEREA TEXTULUI \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-yellow { background: #F9C80E; color: #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: 130px; }\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; background: #fff; 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, .itext-num-input.ok, .itext-blank.ok { border-color: #004F2D !important; background: #eaf6ef !important; }\n.itext-input.no, .itext-num-input.no, .itext-blank.no { border-color: #D62828 !important; background: #fbeaea !important; }\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; padding: 0; -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-num-table { border: 1px solid #e3e3e3; border-radius: 12px; overflow: hidden; }\n.itext-num-head { display: flex; justify-content: space-between; background: #003049; color: #fff; font-weight: 600; padding: 12px 18px; }\n.itext-num-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 18px; border-top: 1px solid #eee; }\n.itext-num-row span { flex: 1; color: #003049; line-height: 1.5; }\n.itext-num-input { width: 110px !important; flex: 0 0 110px !important; max-width: 110px; padding: 10px 12px; border: 1.5px solid #ddd; border-radius: 12px; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 600; color: #003049; text-align: center; background: #fff; }\n.itext-num-input:focus { outline: none; border-color: #FB6C13; }\n.itext-bank { background: #FFF8E1; border: 1.5px solid #F9C80E; border-radius: 12px; padding: 14px 18px; text-align: center; color: #003049; font-weight: 600; line-height: 1.8; margin-bottom: 20px; }\n.itext-cloze { color: #003049; font-size: clamp(1rem, 2.3vw, 1.12rem); line-height: 2.4; }\n.itext-blank { display: inline-block; width: auto !important; min-width: 150px; padding: 4px 10px; margin: 0 2px; border: 1.5px solid #ccc; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size: 0.95rem; color: #003049; background: #fff; vertical-align: middle; cursor: pointer; }\n.itext-blank:focus { outline: none; border-color: #FB6C13; }\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; color: #fff; }\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-download-btns { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }\n.itext-btn-download { display: inline-block; text-decoration: none; margin-top: 0; color: #fff !important; }\n.itext-btn-download.gallery { background: #FB6C13; }\n.itext-btn-download.gallery:hover { background: #003049; }\n@media (max-width: 560px) { .itext-fisa img { width: 130px; margin: 0 auto; } .itext-btn.secondary { margin-left: 0; margin-top: 12px; } .itext-blank { min-width: 130px; } .itext-btn-download { width: 100%; text-align: center; } }\n\/* \u2500\u2500\u2500 Galerie cronologic\u0103 \u2500\u2500\u2500 *\/\n.itext-head-navy { background: #003049; }\n.itext-gal-group { margin-bottom: 30px; }\n.itext-gal-title { color: #fff; font-weight: 700; font-size: clamp(0.9rem, 2.2vw, 1.05rem); text-transform: uppercase; letter-spacing: 0.03em; padding: 10px 18px; border-radius: 10px; margin-bottom: 16px; }\n.gal-green { background: #2E6B4F; } .gal-red { background: #D62828; } .gal-orange { background: #FB6C13; } .gal-navy { background: #003049; }\n.itext-gal-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }\n.itext-gal-card { margin: 0; background: #fff; border: 1px solid #e3e3e3; border-radius: 16px; padding: 14px; display: flex; flex-direction: column; box-shadow: 0 6px 18px rgba(0,48,73,0.06); }\n.itext-gal-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\n.itext-gal-num { width: 32px; height: 32px; border-radius: 50%; color: #fff; font-weight: 700; font-size: 0.85rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.itext-gal-year { color: #FB6C13; font-weight: 700; }\n.itext-gal-img { height: 260px; display: flex; align-items: center; justify-content: center; background: #fafafa; border-radius: 10px; overflow: hidden; }\n.itext-gal-img img { max-width: 100%; max-height: 100%; width: auto !important; height: auto; object-fit: contain; display: block; }\n.itext-gal-card figcaption { font-style: normal; text-align: center; margin-top: 12px; display: flex; flex-direction: column; gap: 2px; }\n.itext-gal-card figcaption strong { font-family: 'Playfair Display', serif; color: #003049; font-size: 1.15rem; }\n.itext-gal-card figcaption span { color: #666; font-size: 0.9rem; }\n.itext-timeline { display: grid; grid-template-columns: repeat(10, 1fr); gap: 4px; position: relative; padding: 6px 0 4px; }\n.itext-timeline::after { content: \"\"; position: absolute; left: 5%; right: 5%; bottom: 20px; height: 2px; background: #003049; z-index: 0; }\n.itext-tl-item { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 6px; text-align: center; position: relative; z-index: 1; }\n.itext-tl-year { font-size: 0.75rem; font-weight: 700; color: #003049; line-height: 1.2; }\n.itext-tl-dot { width: 30px; height: 30px; border-radius: 50%; background: #FB6C13; color: #fff; font-size: 0.75rem; font-weight: 700; display: flex; align-items: center; justify-content: center; }\n.itext-tl-dot.navy { background: #003049; }\n.itext-gal-note { color: #666; font-size: 0.88rem; line-height: 1.5; margin: 16px 0 0; }\n@media (max-width: 560px) {\n  .itext-gal-grid { grid-template-columns: 1fr; }\n  .itext-gal-img { height: 240px; }\n  .itext-timeline { grid-template-columns: repeat(5, 1fr); row-gap: 14px; }\n  .itext-timeline::after { display: none; }\n}\n<\/style>\n\n<script>\n(function() {\n    const QUIZ_DATA = [\n    {\n        q: \"Dans quelle ville Auguste Rodin est-il n\u00e9 ?\",\n        a: [\"Londres\", \"Rome\", \"Paris\", \"Madrid\"],\n        c: 2\n    },\n    {\n        q: \"Quel \u00e9tait le m\u00e9tier du p\u00e8re de Rodin ?\",\n        a: [\"Enseignant\", \"M\u00e9decin\", \"Employ\u00e9 de police\", \"Peintre\"],\n        c: 2\n    },\n    {\n        q: \"Comment \u00e9tait Auguste \u00e0 l\u2019\u00e9cole ?\",\n        a: [\"Un \u00e9l\u00e8ve brillant dans toutes les mati\u00e8res\", \"Un \u00e9l\u00e8ve timide et r\u00eaveur\", \"Un bon sportif\", \"Un musicien talentueux\"],\n        c: 1\n    },\n    {\n        q: \"\u00c0 quoi Rodin pr\u00eatait-il une attention particuli\u00e8re ?\",\n        a: [\"\u00c0 la musique\", \"Aux formes\", \"Aux nombres\", \"Aux jeux\"],\n        c: 1\n    },\n    {\n        q: \"Que disait Rodin \u00e0 propos de la sculpture ?\",\n        a: [\n            \"C\u2019est le plus facile des arts.\",\n            \"C\u2019est le plus beau des arts.\",\n            \"C\u2019est le plus difficile des arts, car il faut lutter contre la mati\u00e8re.\",\n            \"C\u2019est r\u00e9serv\u00e9 aux personnes talentueuses.\"\n        ],\n        c: 2\n    },\n    {\n        q: \"Quelle qualit\u00e9 a aid\u00e9 Auguste Rodin \u00e0 poursuivre son r\u00eave ?\",\n        a: [\"La pers\u00e9v\u00e9rance et la passion pour l\u2019art\", \"La richesse de sa famille\", \"Sa popularit\u00e9 \u00e0 l\u2019\u00e9cole\", \"La chance\"],\n        c: 0\n    },\n    {\n        q: \"Qu\u2019a d\u00e9couvert Auguste Rodin d\u00e8s son enfance ?\",\n        a: [\n            \"Qu\u2019il aimait naviguer en mer\",\n            \"Qu\u2019il aimait jouer du piano\",\n            \"Qu\u2019il voyait le monde \u00e0 travers les formes et les images\",\n            \"Qu\u2019il voulait devenir soldat\"\n        ],\n        c: 2\n    },\n    {\n        q: \"Que faisait Auguste Rodin lorsque les cours \u00e0 l\u2019\u00e9cole l\u2019ennuyaient ?\",\n        a: [\"Il sortait jouer dehors\", \"Il dessinait et r\u00eavait les yeux ouverts\", \"Il lisait des livres d\u2019aventures\", \"Il dormait\"],\n        c: 1\n    },\n    {\n        q: \"Qu\u2019est-ce qui l\u2019a le plus impressionn\u00e9 lorsqu\u2019il est entr\u00e9 dans la salle d\u2019art ?\",\n        a: [\n            \"Les livres sur les \u00e9tag\u00e8res\",\n            \"Les professeurs c\u00e9l\u00e8bres\",\n            \"Les \u00e9l\u00e8ves qui transformaient l\u2019argile en formes et en visages\",\n            \"Les grandes fen\u00eatres du b\u00e2timent\"\n        ],\n        c: 2\n    },\n    {\n        q: \"Choisis le nom d\u2019une sculpture c\u00e9l\u00e8bre de Rodin !\",\n        a: [\"Le Penseur\", \"Le R\u00eaveur\", \"L\u2019Amoureux des oiseaux\", \"L\u2019Oiseau merveilleux\"],\n        c: 0\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\/19.jpg\";\n    const ENIGMA_WRONG   = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/4.jpg\";\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:\/\/trivia-matcher-quest.lovable.app\" width=\"100%\" height=\"800\" style=\"border:0;display:block;border-radius:16px;\" allowfullscreen loading=\"lazy\" title=\"Jeu d\u2019association \u2013 Auguste Rodin\"><\/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\">\u00abRien n'est une perte de temps si tu utilises l'exp\u00e9rience avec sagesse.\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 Auguste Rodin<\/h2>\n                <img decoding=\"async\" src=\"${ENIGMA_CORRECT}\" alt=\"Auguste Rodin\">\n                <span class=\"enigma-playlist-label\">Des chefs-d'\u0153uvre \u00e0 partir de d\u00e9chets<\/span>\n                <p>Demande \u00e0 tes \u00e9l\u00e8ves de rassembler tout ce qui peut \u00eatre d\u00e9crit comme un d\u00e9chet et de cr\u00e9er leur propre chef-d'\u0153uvre avec cela.<\/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 QUIZ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    \/* Texts + answers \u2014 Auguste Rodin, FRENCH (answers grounded in the FR story) *\/\n    const L = {\n        title: \"L\u2019homme qui \u00e9coutait la pierre\",\n        subtitle: \"Compr\u00e9hension du texte \u00b7 Auguste Rodin\",\n        h1: \"1. Fiche de renseignement du personnage\",\n        i1: \"\u00c0 partir du texte, compl\u00e8te la fiche de renseignement du personnage.\",\n        fisa: [\n            { k: 'nume', label: 'Nom :', exact: ['rodin'] },\n            { k: 'prenume', label: 'Pr\u00e9nom :', exact: ['auguste'] },\n            { k: 'an', label: 'Ann\u00e9e et lieu de naissance :', all: [['1840'], ['paris']] },\n            { k: 'prof', label: 'Profession :', all: [['sculpt', 'artiste']] }\n        ],\n        b1: \"V\u00e9rifier la fiche\",\n        h2: \"2. Vrai ou faux ?\",\n        T: \"V\", F: \"F\",\n        af: [\n            { t: \"Auguste Rodin \u00e9tait un bon \u00e9l\u00e8ve.\", correct: false },\n            { t: \"Il aimait dessiner.\", correct: true },\n            { t: \"Il \u00e9tait r\u00eaveur.\", correct: true }\n        ],\n        h3: \"3. Retrouve le nombre associ\u00e9 \u00e0 chaque \u00e9v\u00e8nement\",\n        colEvent: \"\u00c9v\u00e8nement\", colNum: \"Nombre\",\n        num: [\n            { t: \"Entr\u00e9e \u00e0 l\u2019\u00c9cole sp\u00e9ciale de dessin et de math\u00e9matique :\", a: ['1854', '14', 'quatorze'] },\n            { t: \"Nombre de tentatives d\u2019entr\u00e9e \u00e0 l\u2019\u00c9cole des Beaux-Arts :\", a: ['3', 'trois'] },\n            { t: \"Ann\u00e9e de guerre :\", a: ['1870'] }\n        ],\n        b3: \"V\u00e9rifier les nombres\",\n        h4: \"4. Quel m\u00e9tier Rodin a-t-il exerc\u00e9 pour subvenir \u00e0 ses besoins ?\",\n        ph4: \"Ta r\u00e9ponse...\",\n        job: ['decorat', 'ouvrier', 'ornement', 'facade', 'pour les autres'],\n        b4: \"V\u00e9rifier la r\u00e9ponse\",\n        h5: \"5. Compl\u00e8te le texte avec les mots manquants\",\n        choose: \"\u2014 choisis \u2014\",\n        bank: ['reconnaissance', 'voie', 'nu', 'd\u00e9couverte', 'vie', 'succ\u00e8s', 'voyage', 'talent', 'renomm\u00e9e', 'moul\u00e9'],\n        cloze: [\n            \"Rodin partit en \", 0, \" en Italie. L\u00e0-bas, il fit la \", 1, \" d\u2019un artiste de grande \", 2,\n            \" : Michel-Ange. Gr\u00e2ce \u00e0 lui il d\u00e9cida de suivre sa propre \", 3,\n            \". Il r\u00e9alisa alors une sculpture repr\u00e9sentant un homme \", 4,\n            \" et tendu. Il l\u2019appela L\u2019\u00c2ge d\u2019airain. Lorsque l\u2019\u0153uvre fut expos\u00e9e, certains critiques l\u2019accus\u00e8rent d\u2019avoir \", 5,\n            \" directement le corps d\u2019un mod\u00e8le vivant. Rodin cherchait \u00e0 donner \", 6, \" \u00e0 ses sculptures. Sa pers\u00e9v\u00e9rance lui permit d\u2019atteindre le \", 7,\n            \" et la \", 8, \" que m\u00e9ritait son \", 9, \".\"\n        ],\n        clozeAns: ['voyage', 'd\u00e9couverte', 'renomm\u00e9e', 'voie', 'nu', 'moul\u00e9', 'vie', 'succ\u00e8s', 'reconnaissance', 'talent'],\n        b5: \"V\u00e9rifier le texte\",\n        showSol: \"Voir la solution\", hideSol: \"Masquer la solution\",\n        solution: \"Rodin partit en <strong>voyage<\/strong> en Italie. L\u00e0-bas, il fit la <strong>d\u00e9couverte<\/strong> d\u2019un artiste de grande <strong>renomm\u00e9e<\/strong> : Michel-Ange. Gr\u00e2ce \u00e0 lui il d\u00e9cida de suivre sa propre <strong>voie<\/strong>. Il r\u00e9alisa alors une sculpture repr\u00e9sentant un homme <strong>nu<\/strong> et tendu. Il l\u2019appela L\u2019\u00c2ge d\u2019airain. Lorsque l\u2019\u0153uvre fut expos\u00e9e, certains critiques l\u2019accus\u00e8rent d\u2019avoir <strong>moul\u00e9<\/strong> directement le corps d\u2019un mod\u00e8le vivant. Rodin cherchait \u00e0 donner <strong>vie<\/strong> \u00e0 ses sculptures. Sa pers\u00e9v\u00e9rance lui permit d\u2019atteindre le <strong>succ\u00e8s<\/strong> et la <strong>reconnaissance<\/strong> que m\u00e9ritait son <strong>talent<\/strong>.\",\n        galTitle: \"Galerie chronologique\",\n        galIntro: \"De 1876 \u00e0 1911 \u2022 dix \u0153uvres pour suivre l\u2019\u00e9volution du geste sculptural\",\n        galGroups: [\"1. Les ann\u00e9es de formation \u2022 1876\u20131881\", \"2. Maturit\u00e9 et figures monumentales \u2022 1885\u20131898\", \"3. Le corps en mouvement \u2022 1910\u20131911\"],\n        works: [[\"1876\", \"L\u2019\u00c2ge d\u2019airain\"], [\"1880\", \"Le Penseur\"], [\"1880\u20131881\", \"Adam\"], [\"1881\", \"Eve\"],\n            [\"1885\", \"Pierre de Wiessant\"], [\"avant 1886\", \"Les Trois Ombres\"], [\"1890\", \"D\u00e9sespoir\"], [\"1898\", \"La Grande Ombre\"],\n            [\"1910\", \"Mouvement de danse\"], [\"1911\", \"Mouvement de danse\"]],\n        galMilestones: \"Rep\u00e8res chronologiques\",\n        galNote: \"Note : \u00ab Les Trois Ombres \u00bb est dat\u00e9e \u00ab avant 1886 \u00bb dans le document source ; elle est plac\u00e9e ici apr\u00e8s l\u2019\u0153uvre dat\u00e9e 1885 pour conserver une progression lisible.\",\n        dlText: \"Tu veux aussi travailler la fiche sur papier ?\",\n        pdfs: [\n            { label: \"\ud83d\udcc4 Fiche d\u2019exercices (PDF)\", url: \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/09\/Rodin-fiche-exercices-illustree-FR.pdf\" },\n            { label: \"\ud83d\uddbc\ufe0f Galerie chronologique (PDF)\", url: \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/09\/Rodin-galerie-chronologique-FR.pdf\", cls: \"gallery\" }\n        ],\n        m: {\n            fill: \"Compl\u00e8te d\u2019abord les champs.\",\n            fisaOk: \"\u2705 Parfait ! Tu as bien compl\u00e9t\u00e9 la fiche.\",\n            fisaNo: \"\u274c V\u00e9rifie les champs en rouge et r\u00e9essaie.\",\n            numFill: \"\u00c9cris d\u2019abord les nombres dans les cases.\",\n            numOk: \"\u2705 Bravo ! Tu as retrouv\u00e9 tous les nombres du texte.\",\n            numNo: (ok, n) => `\ud83d\udd0e Tu as ${ok}\/${n} bonnes r\u00e9ponses. Cherche encore dans le texte les nombres des cases en rouge.`,\n            jobFill: \"\u00c9cris d\u2019abord ta r\u00e9ponse.\",\n            jobOk: \"\u2705 Correct ! Pour vivre, Rodin travailla comme ouvrier d\u00e9corateur : il sculptait pour les autres des ornements et des fa\u00e7ades.\",\n            jobNo: \"\ud83d\udd0e Cherche encore dans le texte : que fit Rodin \u00ab pour vivre \u00bb ?\",\n            clozeFill: \"Choisis d\u2019abord les mots dans la liste.\",\n            clozeOk: \"\u2705 Excellent ! Tu as compl\u00e9t\u00e9 tout le texte correctement.\",\n            clozeNo: (ok, n) => `\ud83d\udd0e Tu as ${ok}\/${n} mots corrects. Change les mots dans les cases en rouge.`\n        }\n    };\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 READING COMPREHENSION \u2014 Auguste Rodin (engine; texts in L) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    const IT_IMG = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/19.jpg\";\n    const IT_GAL_BASE = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/09\/\";\n    const IT_GAL_FILES = [\"rodin-01-varsta-bronzului.jpg\", \"rodin-02-ganditorul.jpg\", \"rodin-03-adam.jpg\", \"rodin-04-eva.jpg\",\n        \"rodin-05-pierre-de-wissant.jpg\", \"rodin-06-cele-trei-umbre.jpg\", \"rodin-07-disperare.jpg\", \"rodin-08-marea-umbra.jpg\",\n        \"rodin-09-miscare-de-dans-1910.jpg\", \"rodin-10-miscare-de-dans-1911.jpg\"];\n    const IT_GAL_GROUPS = [{ c: \"green\", n: [0, 1, 2, 3] }, { c: \"red\", n: [4, 5, 6, 7] }, { c: \"orange\", n: [8, 9] }];\n\n    function itextNorm(s) { return (s || \"\").normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '').toLowerCase().replace(\/\\s+\/g, ' ').trim(); }\n    function itextStrip(s) { return itextNorm(s).replace(\/[\u2019'\\s.\\-]\/g, ''); }\n    function itextMsg(id, ok, txt) { const m = document.getElementById(id); m.style.color = ok === null ? '#D62828' : (ok ? '#004F2D' : '#B26A00'); m.innerText = txt; }\n\n    window.showTextComprehension = function() {\n        const loader = document.getElementById('activity-content-loader');\n        const fisaRows = L.fisa.map(f =>\n            `<div class=\"itext-field-row\"><label>${f.label}<\/label><input class=\"itext-input\" id=\"fisa-${f.k}\" type=\"text\" autocomplete=\"off\"><\/div>`\n        ).join('');\n        const opts = `<option value=\"\">${L.choose}<\/option>` + L.bank.map(w => `<option value=\"${w}\">${w}<\/option>`).join('');\n        const cloze = L.cloze.map(p => typeof p === 'number'\n            ? `<select class=\"itext-blank\" id=\"blank-${p}\" aria-label=\"${p + 1}\">${opts}<\/select>` : p).join('');\n        const works = L.works;\n\n        loader.innerHTML = `\n            <div class=\"itext-wrap\">\n                <h2 class=\"itext-main-title\">${L.title}<\/h2>\n                <p class=\"itext-subtitle\">${L.subtitle}<\/p>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-green\">${L.h1}<\/div>\n                    <p class=\"itext-instruction\">${L.i1}<\/p>\n                    <div class=\"itext-fisa\">\n                        <img decoding=\"async\" src=\"${IT_IMG}\" alt=\"Auguste Rodin\">\n                        <div class=\"itext-fisa-fields\">${fisaRows}<\/div>\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckFisa()\">${L.b1}<\/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\">${L.h2}<\/div>\n                    ${L.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)\">${L.T}<\/button>\n                                <button class=\"itext-af-btn\" onclick=\"window.itextAF(this, ${i}, false)\">${L.F}<\/button>\n                            <\/div>\n                        <\/div>`).join('')}\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-red\">${L.h3}<\/div>\n                    <div class=\"itext-num-table\">\n                        <div class=\"itext-num-head\"><span>${L.colEvent}<\/span><span>${L.colNum}<\/span><\/div>\n                        ${L.num.map((r, i) => `\n                            <div class=\"itext-num-row\">\n                                <span>${r.t}<\/span>\n                                <input class=\"itext-num-input\" id=\"num-${i}\" type=\"text\" inputmode=\"numeric\" autocomplete=\"off\">\n                            <\/div>`).join('')}\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckNum()\">${L.b3}<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"num-msg\"><\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-orange\">${L.h4}<\/div>\n                    <input class=\"itext-input\" id=\"it-job\" type=\"text\" autocomplete=\"off\" placeholder=\"${L.ph4}\" style=\"width:100%;\">\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckJob()\">${L.b4}<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"job-msg\"><\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-yellow\">${L.h5}<\/div>\n                    <div class=\"itext-bank\">${L.bank.join(' \u2013 ')}<\/div>\n                    <div class=\"itext-cloze\">${cloze}<\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckCloze()\">${L.b5}<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"${L.showSol}\" onclick=\"window.itextToggleExamples('ex-cloze', this)\">${L.showSol}<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"cloze-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-cloze\">${L.solution}<\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-navy\">\ud83d\uddbc\ufe0f ${L.galTitle}<\/div>\n                    <p class=\"itext-instruction\">${L.galIntro}<\/p>\n                    ${IT_GAL_GROUPS.map((g, gi) => `\n                        <div class=\"itext-gal-group\">\n                            <div class=\"itext-gal-title gal-${g.c}\">${L.galGroups[gi]}<\/div>\n                            <div class=\"itext-gal-grid\">\n                                ${g.n.map(n => `\n                                    <figure class=\"itext-gal-card\">\n                                        <div class=\"itext-gal-meta\"><span class=\"itext-gal-num gal-${g.c}\">${String(n + 1).padStart(2, '0')}<\/span><span class=\"itext-gal-year\">${works[n][0]}<\/span><\/div>\n                                        <div class=\"itext-gal-img\"><img decoding=\"async\" src=\"${IT_GAL_BASE + IT_GAL_FILES[n]}\" alt=\"${works[n][1]} \u2013 Auguste Rodin\" loading=\"lazy\"><\/div>\n                                        <figcaption><strong>${works[n][1]}<\/strong><span>Auguste Rodin<\/span><\/figcaption>\n                                    <\/figure>`).join('')}\n                            <\/div>\n                        <\/div>`).join('')}\n                    <div class=\"itext-gal-title gal-navy\">${L.galMilestones}<\/div>\n                    <div class=\"itext-timeline\">\n                        ${works.map((w, i) => `\n                            <div class=\"itext-tl-item\"><span class=\"itext-tl-year\">${w[0]}<\/span><span class=\"itext-tl-dot ${i % 2 ? 'navy' : ''}\">${String(i + 1).padStart(2, '0')}<\/span><\/div>`).join('')}\n                    <\/div>\n                    <p class=\"itext-gal-note\">${L.galNote}<\/p>\n                <\/div>\n\n                <div class=\"itext-download\">\n                    <p class=\"itext-download-text\">${L.dlText}<\/p>\n                    <div class=\"itext-download-btns\">\n                        ${(L.pdfs || [{ label: '\ud83d\udcc4 ' + L.dlSheet, url: L.pdf }, { label: '\ud83d\uddbc\ufe0f ' + L.dlGal, url: L.pdfGal, cls: 'gallery' }]).map(d =>\n                            `<a href=\"${d.url}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"itext-btn itext-btn-download ${d.cls || ''}\">${d.label}<\/a>`).join('')}\n                    <\/div>\n                <\/div>\n            <\/div>`;\n    };\n\n    window.itextCheckFisa = function() {\n        let allOk = true, filled = 0;\n        L.fisa.forEach(f => {\n            const inp = document.getElementById('fisa-' + f.k);\n            inp.classList.remove('ok', 'no');\n            if (inp.value.trim()) filled++;\n            const ok = f.exact\n                ? f.exact.some(a => itextStrip(inp.value) === itextStrip(a))\n                : f.all.every(g => g.some(v => itextNorm(inp.value).includes(itextNorm(v))));\n            inp.classList.add(ok ? 'ok' : 'no');\n            if (!ok) allOk = false;\n        });\n        if (filled === 0) { document.querySelectorAll('.itext-fisa .itext-input').forEach(i => i.classList.remove('no')); return itextMsg('fisa-msg', null, L.m.fill); }\n        itextMsg('fisa-msg', allOk, allOk ? L.m.fisaOk : L.m.fisaNo);\n    };\n\n    window.itextAF = function(btn, idx, chosen) {\n        const btns = btn.closest('.itext-af-row').querySelectorAll('.itext-af-btn');\n        btns.forEach(b => b.disabled = true);\n        const correct = L.af[idx].correct;\n        if (chosen === correct) btn.classList.add('af-correct');\n        else {\n            btn.classList.add('af-wrong');\n            btns.forEach(b => { if (b.innerText === (correct ? L.T : L.F)) b.classList.add('af-correct'); });\n        }\n    };\n\n    window.itextCheckNum = function() {\n        let ok = 0, filled = 0;\n        L.num.forEach((r, i) => {\n            const inp = document.getElementById('num-' + i);\n            inp.classList.remove('ok', 'no');\n            if (!inp.value.trim()) return;\n            filled++;\n            const good = r.a.some(a => itextStrip(inp.value) === itextStrip(a));\n            inp.classList.add(good ? 'ok' : 'no');\n            if (good) ok++;\n        });\n        if (filled === 0) return itextMsg('num-msg', null, L.m.numFill);\n        itextMsg('num-msg', ok === L.num.length, ok === L.num.length ? L.m.numOk : L.m.numNo(ok, L.num.length));\n    };\n\n    window.itextCheckJob = function() {\n        const inp = document.getElementById('it-job');\n        inp.classList.remove('ok', 'no');\n        if (!inp.value.trim()) return itextMsg('job-msg', null, L.m.jobFill);\n        const v = itextNorm(inp.value);\n        const good = L.job.some(k => v.includes(itextNorm(k)));\n        inp.classList.add(good ? 'ok' : 'no');\n        itextMsg('job-msg', good, good ? L.m.jobOk : L.m.jobNo);\n    };\n\n    window.itextCheckCloze = function() {\n        let ok = 0, filled = 0;\n        const val = i => document.getElementById('blank-' + i).value;\n        const sw = L.swap; \/\/ two blanks whose words may be swapped\n        const swapOk = sw && val(sw[0]) === L.clozeAns[sw[1]] && val(sw[1]) === L.clozeAns[sw[0]];\n        \/\/ blanks in a group accept their words in any order (as long as each word is used once)\n        const groupOk = (L.groups || []).filter(g => g.map(val).sort().join('|') === g.map(i => L.clozeAns[i]).sort().join('|')).flat();\n        L.clozeAns.forEach((a, i) => {\n            const sel = document.getElementById('blank-' + i);\n            sel.classList.remove('ok', 'no');\n            if (!sel.value) return;\n            filled++;\n            const good = sel.value === a || (swapOk && sw.indexOf(i) !== -1) || groupOk.indexOf(i) !== -1;\n            sel.classList.add(good ? 'ok' : 'no');\n            if (good) ok++;\n        });\n        if (filled === 0) return itextMsg('cloze-msg', null, L.m.clozeFill);\n        const all = ok === L.clozeAns.length;\n        itextMsg('cloze-msg', all, all ? L.m.clozeOk : L.m.clozeNo(ok, L.clozeAns.length));\n        if (all && typeof confetti === 'function') confetti({ particleCount: 90, spread: 75, origin: { y: 0.6 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\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') ? L.hideSol : btn.dataset.label;\n    };\n\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-d22c68b e-flex e-con-boxed e-con e-parent\" data-id=\"d22c68b\" 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-c05512b elementor-widget elementor-widget-afd_audio_player\" data-id=\"c05512b\" 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\\\/Auguste-Rodin-Good-v1.mp3&quot;,&quot;title&quot;:&quot;Auguste Rodin&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                    Auguste Rodin                <\/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>Cr\u00e9ation \u2022 Profondeur \u2022 Intensit\u00e9 Auguste Rodin Maison &gt; Auguste Rodin L\u2019homme qui \u00e9coutait la pierre Savais-tu que certaines \u0153uvres naissent d\u2019un combat silencieux, entre des mains couvertes de poussi\u00e8re et une pierre qui r\u00e9siste ? \u00c9COUTER LIRE ACTIVIT\u00c9 Regardez Savais-tu que certaines \u0153uvres naissent d\u2019un combat silencieux, entre des mains couvertes de poussi\u00e8re et [&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-14087","page","type-page","status-publish","hentry"],"acf":[],"lang":"fr","translations":{"fr":14087,"en":13458,"ro":12664,"el":13644,"it":13836},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14087","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=14087"}],"version-history":[{"count":37,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14087\/revisions"}],"predecessor-version":[{"id":18361,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14087\/revisions\/18361"}],"wp:attachment":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/media?parent=14087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}