{"id":14125,"date":"2026-02-17T18:39:09","date_gmt":"2026-02-17T16:39:09","guid":{"rendered":"https:\/\/afostodata.ro\/europeanicons\/?page_id=14125"},"modified":"2026-10-09T15:32:11","modified_gmt":"2026-10-09T13:32:11","slug":"caravaggio","status":"publish","type":"page","link":"https:\/\/afostodata.ro\/europeanicons\/fr\/caravaggio\/","title":{"rendered":"Caravaggio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14125\" class=\"elementor elementor-14125\" 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\/caravagio.webp\" class=\"elementor-element elementor-element-a9fb5da e-flex e-con-boxed e-con e-parent\" data-id=\"a9fb5da\" 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-e966772 elementor-widget elementor-widget-html\" data-id=\"e966772\" 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\">Passion \u2022 Contraste \u2022 Ma\u00eetrise<\/span>\n    <div class=\"title-container\">\n        <h1 class=\"main-name-solid\">Caravage<\/h1>\n        <h1 class=\"main-name-stroke\"> <\/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-98192f0 e-flex e-con-boxed e-con e-parent\" data-id=\"98192f0\" 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-ec5627c e-con-full e-flex e-con e-child\" data-id=\"ec5627c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d48c774 e-con-full e-flex e-con e-child\" data-id=\"d48c774\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85689f7 elementor-widget elementor-widget-dce-breadcrumbs\" data-id=\"85689f7\" 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-14125\"><span class=\"bread-current bread-14125\"> Caravaggio<\/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-f403bf4 elementor-widget elementor-widget-heading\" data-id=\"f403bf4\" 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\">Le ma\u00eetre de la lumi\u00e8re et de l\u2019ombre\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da0e6d5 elementor-widget elementor-widget-text-editor\" data-id=\"da0e6d5\" 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;\">Caravage a r\u00e9volutionn\u00e9 la peinture baroque par son r\u00e9alisme dramatique et son usage intense du clair-obscur, repr\u00e9sentant des sc\u00e8nes religieuses et profanes avec une force \u00e9motionnelle et une humanit\u00e9 sans pr\u00e9c\u00e9dent<\/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-ec07449 e-con-full e-flex e-con e-child\" data-id=\"ec07449\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41bbb23 elementor-widget elementor-widget-image\" data-id=\"41bbb23\" 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\/14-1024x1024.jpg\" class=\"attachment-large size-large wp-image-12472\" alt=\"\" srcset=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/14-1024x1024.jpg 1024w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/14-300x300.jpg 300w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/14-150x150.jpg 150w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/14-768x768.jpg 768w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/14.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-54c07c6 e-flex e-con-boxed e-con e-parent\" data-id=\"54c07c6\" 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-83cfbc0 e-con-full e-flex e-con e-child\" data-id=\"83cfbc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#D62729\" class=\"elementor-element elementor-element-058cfe6 elementor-align-justify buton-audio elementor-widget elementor-widget-button\" data-id=\"058cfe6\" 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-55d9086 e-con-full e-flex e-con e-child\" data-id=\"55d9086\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#FA6D12\" class=\"elementor-element elementor-element-9f64372 elementor-align-justify buton-citeste elementor-widget elementor-widget-button\" data-id=\"9f64372\" 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-d2d1c2e e-con-full e-flex e-con e-child\" data-id=\"d2d1c2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#F9C70C\" class=\"elementor-element elementor-element-f8e3248 elementor-align-justify buton-activitati elementor-widget elementor-widget-button\" data-id=\"f8e3248\" 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-68c0f99 e-con-full e-flex e-con e-child\" data-id=\"68c0f99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#01502B\" class=\"elementor-element elementor-element-5e8fc61 elementor-align-justify buton-vizioneaza elementor-widget elementor-widget-button\" data-id=\"5e8fc61\" 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-00ce3f3 citeste e-flex e-con-boxed e-con e-parent\" data-id=\"00ce3f3\" data-element_type=\"container\" data-e-type=\"container\" id=\"citeste\" 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-9738361 elementor-widget elementor-widget-html\" data-id=\"9738361\" 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\">\n            On dit que le g\u00e9nie na\u00eet parfois dans les endroits les plus inattendus. Dans le cas de Caravage, il s\u2019agit d\u2019un monde dur, plein de contrastes : des tavernes sombres et des rues marqu\u00e9es par la pauvret\u00e9 et le danger. L\u00e0, dans cette Rome cach\u00e9e dans l\u2019ombre, le jeune artiste a trouv\u00e9 non seulement des mod\u00e8les, mais aussi la v\u00e9rit\u00e9 qu\u2019il allait transformer en art.\n        <\/p>\n\n        <p>N\u00e9 Michelangelo Merisi, Caravage est venu au monde \u00e0 Milan en 1571. Son nom n\u2019a pas \u00e9t\u00e9 choisi par hasard : on pense qu\u2019il est li\u00e9 \u00e0 sa date de naissance, le 29 septembre, jour d\u00e9di\u00e9 \u00e0 Saint Michel Archange. Le surnom \u00ab Caravage \u00bb lui a \u00e9t\u00e9 attribu\u00e9 plus tard afin de le distinguer du c\u00e9l\u00e8bre Michel-Ange Buonarroti.<\/p>\n\n        <p>Son enfance fut loin d\u2019\u00eatre facile. \u00c0 seulement six ans, sa famille s\u2019installe dans la ville de Caravaggio pour \u00e9chapper \u00e0 la peste bubonique qui ravageait la r\u00e9gion. La maladie emporta de nombreuses vies, y compris des membres de sa famille, et \u00e0 l\u2019\u00e2ge de huit ans, il perdit son p\u00e8re \u2014 une perte qui le marqua profond\u00e9ment.<\/p>\n\n        <p>Et pourtant, de ces ombres commen\u00e7a \u00e0 \u00e9merger une lumi\u00e8re : sa passion pour le dessin. Le jeune Michelangelo dessinait au charbon, capturant des visages et des formes avec une sensibilit\u00e9 remarquable. \u00c0 13 ans, il entra dans l\u2019atelier de Simone Peterzano, o\u00f9 il apprit l\u2019anatomie, la perspective ainsi que les techniques de la peinture \u00e0 l\u2019huile et de la fresque.<\/p>\n\n        <blockquote class=\"dialogue\">\n            En 1596, Caravage se trouvait \u00e0 Rome, travaillant dans des conditions difficiles. Ses \u0153uvres attir\u00e8rent l\u2019attention du cardinal Francesco Maria Del Monte, qui lui offrit une chambre et une rente mensuelle \u2014 un tournant d\u00e9cisif dans sa vie.\n        <\/blockquote>\n\n        <div class=\"historical-moment\">\n            <p>Quelques ann\u00e9es plus tard, il re\u00e7ut une commande majeure pour une s\u00e9rie consacr\u00e9e \u00e0 Saint Matthieu. Ce fut le moment de sa cons\u00e9cration artistique. Caravage r\u00e9volutionna la peinture gr\u00e2ce \u00e0 une technique qui allait d\u00e9finir une \u00e8re enti\u00e8re.<\/p>\n\n            <p class=\"announcement\">\n                Le Clair-obscur : le contraste dramatique entre la lumi\u00e8re et l\u2019ombre. Pour lui, la lumi\u00e8re n\u2019\u00e9tait pas d\u00e9corative, mais un personnage qui r\u00e9v\u00e9lait l\u2019\u00e9motion et la v\u00e9rit\u00e9 crue de la r\u00e9alit\u00e9.\n            <\/p>\n        <\/div>\n\n        <p>Cependant, des chefs-d'\u0153uvre tels que <em>La Mort de la Vierge<\/em> provoqu\u00e8rent un scandale, car Marie y \u00e9tait repr\u00e9sent\u00e9e \u00e0 partir d\u2019un mod\u00e8le r\u00e9el issu du peuple. Mais c\u2019\u00e9tait l\u00e0 l\u2019essence m\u00eame de Caravage : la r\u00e9alit\u00e9 plut\u00f4t que la beaut\u00e9 id\u00e9ale. Il peignait des saints aux pieds sales, trouvant le divin dans le quotidien le plus humble.<\/p>\n\n        <p>Sa vie fut aussi intense que son art. Violent et impulsif, il \u00e9tait souvent impliqu\u00e9 dans des conflits. En 1606, il tua un homme lors d\u2019une rixe et fut condamn\u00e9 \u00e0 mort, ce qui le for\u00e7a \u00e0 fuir Rome. Il erra entre Naples, Malte et la Sicile, cr\u00e9ant des chefs-d\u2019\u0153uvre m\u00eame en exil, comme <em>La D\u00e9collation de Saint Jean-Baptiste<\/em>.<\/p>\n\n        <p>En 1610, esp\u00e9rant obtenir le pardon du pape, il prit la route de Rome \u2014 mais n\u2019y arriva jamais. Il mourut \u00e0 39 ans dans des circonstances mysterieuses. Ironiquement, sa gr\u00e2ce fut accord\u00e9e peu apr\u00e8s sa mort, au moment m\u00eame o\u00f9 son influence commen\u00e7ait \u00e0 fa\u00e7onner l'art baroque \u00e0 travers toute l'Europe.<\/p>\n\n        <p class=\"conclusion-text\">\n            Caravage a chang\u00e9 notre mani\u00e8re de voir la r\u00e9alit\u00e9 : il nous a montr\u00e9 que la beaut\u00e9 r\u00e9side dans l\u2019imperfection et que la lumi\u00e8re n\u2019existe qu\u2019aux c\u00f4t\u00e9s de l\u2019ombre.\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; \/* Dark Blue *\/\n}\n\n.story-content p {\n    margin-bottom: 25px;\n    font-size: 1.15rem;\n    text-align: justify;\n}\n\n\/* Lettrine stylis\u00e9e *\/\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; \/* Red *\/\n    font-weight: 900;\n}\n\n\/* Bloc de citation stylis\u00e9 *\/\n.dialogue {\n    margin: 40px 0;\n    padding: 20px 40px;\n    border-left: 5px solid #FB6C13; \/* Orange *\/\n    background-color: rgba(245, 224, 183, 0.3); \/* Beige Transparent *\/\n    font-style: italic;\n    font-family: 'Playfair Display', serif;\n    font-size: 1.3rem;\n}\n\n\/* Section Moment Historique (Clair-obscur) *\/\n.historical-moment {\n    margin: 50px 0;\n    padding: 40px;\n    background-color: #003049; \/* Dark Blue *\/\n    color: #F5E0B7; \/* Beige *\/\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; \/* Yellow *\/\n    padding-top: 20px;\n    font-weight: 700;\n    color: #F9C80E !important; \/* Yellow *\/\n    font-size: 1.4rem !important;\n    text-align: center !important;\n}\n\n\/* Texte de conclusion *\/\n.conclusion-text {\n    margin-top: 60px;\n    padding: 30px;\n    background-color: #432818; \/* Brun profond rappelant la palette de l'artiste *\/\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-a5f00b8 activitati e-flex e-con-boxed e-con e-parent\" data-id=\"a5f00b8\" data-element_type=\"container\" data-e-type=\"container\" id=\"activitati\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d470242 elementor-widget elementor-widget-html\" data-id=\"d470242\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\n\n<div class=\"activity-hub-premium\" id=\"IconsHub\">\n    <div id=\"hub-menu\" class=\"hub-screen active-screen\">\n        <div class=\"hub-header\">\n            <h2 class=\"playfair-main-title\">Activit\u00e9s<\/h2>\n        <\/div>\n        <div class=\"elegant-grid-5\">\n            <div class=\"elegant-card featured-quiz\" onclick=\"launchActivity('quiz')\">\n                <div class=\"card-icon-wrapper\">\ud83c\udfaf<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Quiz<\/h3>\n                    <span class=\"elegant-btn\">Commencer<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('x')\">\n                <div class=\"card-icon-wrapper\">\ud83e\udde9<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">\u00c9nigme<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('y')\">\n                <div class=\"card-icon-wrapper\">\ud83d\udcda<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Compr\u00e9hension du texte<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('z')\">\n                <div class=\"card-icon-wrapper\">\ud83d\udd52\ufe0f<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Chronologie<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('w')\">\n                <div class=\"card-icon-wrapper\">\ud83c\udfae<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Game<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div id=\"activity-stage\" class=\"hub-screen\" style=\"display:none;\">\n        <button onclick=\"backToMenu()\" class=\"btn-back-elegant\">\u2190 Retour au menu<\/button>\n        <div id=\"activity-content-loader\" class=\"content-stage-box\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap');\n*, *::before, *::after { box-sizing: border-box; }\n.activity-hub-premium { max-width: 1200px; margin: 60px auto; padding: 0 16px; font-family: 'Montserrat', sans-serif; color: #003049; scroll-margin-top: 120px; }\n.playfair-main-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 4vw, 3.2rem); font-weight: 700; text-align: center; margin-bottom: 60px; line-height: 1.2; text-transform: none; }\n.hub-screen { opacity: 0; transition: all 0.5s ease; display: none; }\n.active-screen { display: block !important; opacity: 1 !important; }\n.elegant-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }\n.elegant-card { background: #ffffff; border-radius: 25px; padding: 50px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; cursor: pointer; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); box-shadow: 0 5px 25px rgba(0, 48, 73, 0.05); border: 1px solid rgba(0, 48, 73, 0.08); -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.elegant-card:hover { transform: translateY(-12px); box-shadow: 0 25px 50px rgba(0, 48, 73, 0.15); border-color: #FB6C13; }\n.playfair-card-title { font-family: 'Playfair Display', serif; font-size: clamp(1rem, 2vw, 1.5rem); font-weight: 700; margin: 20px 0; text-transform: none; }\n.card-icon-wrapper { font-size: 4rem; margin-bottom: 10px; }\n.elegant-btn { font-size: 0.9rem; font-weight: 600; color: #FB6C13; padding: 10px 35px; border: 1.5px solid #FB6C13; border-radius: 50px; transition: 0.3s; display: inline-block; text-transform: none; }\n.elegant-card:hover .elegant-btn { background: #FB6C13; color: #fff; }\n.featured-quiz { background: #003049; color: #fff; border: none; }\n.featured-quiz .playfair-card-title { color: #fff; }\n.featured-quiz .elegant-btn { color: #F9C80E; border-color: #F9C80E; }\n.featured-quiz:hover .elegant-btn { background: #F9C80E; color: #003049; }\n.content-stage-box { background: #fff; border-radius: 35px; padding: 60px 50px; box-shadow: 0 40px 100px rgba(0,0,0,0.08); min-height: 500px; overflow: hidden; }\n.btn-back-elegant { background: transparent; color: #003049; border: 1.5px solid #003049; padding: 12px 35px; border-radius: 50px; font-weight: 600; cursor: pointer; margin-bottom: 30px; transition: 0.3s; font-family: 'Montserrat', sans-serif; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.btn-back-elegant:hover { background: #003049; color: #fff; }\n.quiz-splash-elegant { text-align: center; padding: 20px 0; display: flex; flex-direction: column; align-items: center; gap: 10px; }\n.quiz-splash-elegant .splash-emoji { font-size: clamp(4rem, 10vw, 7rem); }\n.quiz-splash-elegant h2 { font-family: 'Playfair Display', serif; font-size: clamp(2rem, 6vw, 4rem); margin: 10px 0 30px; text-transform: none; }\n.btn-start-hero { background: #003049; color: #fff; border: none; padding: 20px 60px; border-radius: 60px; font-family: 'Playfair Display', serif; font-size: clamp(1.3rem, 3vw, 2.2rem); cursor: pointer; transition: 0.4s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; max-width: 100%; }\n.btn-start-hero:hover, .btn-start-hero:active { background: #FB6C13; transform: scale(1.05); }\n.quiz-progress-wrap { margin-bottom: 28px; }\n.quiz-progress-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }\n.quiz-progress-label span { font-weight: 600; font-size: 0.85rem; color: #FB6C13; letter-spacing: 0.05em; text-transform: uppercase; }\n.progress-track { width: 100%; height: 8px; background: #f0f0f0; border-radius: 99px; overflow: hidden; }\n.progress-fill { height: 100%; background: linear-gradient(90deg, #FB6C13, #F9C80E); border-radius: 99px; transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1); }\n.quiz-q-box { width: 100%; }\n.quiz-question-text { font-family: 'Playfair Display', serif; font-size: clamp(1.2rem, 3vw, 2rem); font-weight: 700; color: #003049; margin-bottom: 30px; line-height: 1.35; word-break: break-word; hyphens: auto; }\n#opts-wrap { display: flex; flex-direction: column; gap: 12px; }\n.opt-btn-elegant { width: 100%; padding: 18px 24px; border: 1.5px solid #e8e8e8; border-radius: 18px; font-family: 'Montserrat', sans-serif; font-weight: 500; cursor: pointer; text-align: left; font-size: clamp(0.9rem, 2vw, 1.1rem); transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s; background: #fff; color: #003049; line-height: 1.4; word-break: break-word; -webkit-tap-highlight-color: transparent; touch-action: manipulation; -webkit-text-size-adjust: 100%; }\n.opt-btn-elegant:hover:not(:disabled) { background: #003049 !important; color: #fff !important; border-color: #003049 !important; transform: translateX(4px); }\n.opt-btn-elegant:active:not(:disabled) { transform: scale(0.98); }\n.correct-style { background: #004F2D !important; color: #fff !important; border-color: #004F2D !important; }\n.wrong-style { background: #D62828 !important; color: #fff !important; border-color: #D62828 !important; }\n.quiz-result-box { text-align: center; padding: 10px 0 20px; display: flex; flex-direction: column; align-items: center; gap: 16px; }\n.quiz-result-emoji { font-size: clamp(3.5rem, 10vw, 6rem); }\n.quiz-result-score { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 900; color: #003049; margin: 0; }\n.quiz-result-msg { font-size: clamp(0.95rem, 2.5vw, 1.4rem); color: #555; margin: 0 0 10px; max-width: 500px; line-height: 1.5; }\n.btn-retry { background: #003049; color: #fff; border: none; padding: 16px 50px; border-radius: 60px; font-family: 'Playfair Display', serif; font-size: clamp(1.1rem, 2.5vw, 1.6rem); cursor: pointer; transition: 0.4s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; max-width: 100%; display: inline-block; }\n.btn-retry:hover, .btn-retry:active { background: #FB6C13; transform: scale(1.05); }\n\n\/* \u2500\u2500\u2500 ENIGMA \u2500\u2500\u2500 *\/\n.enigma-stage { width: 100%; text-align: center; }\n.enigma-quote { font-family: 'Playfair Display', serif; font-size: clamp(1.3rem, 3.5vw, 2.3rem); font-weight: 700; color: #003049; line-height: 1.4; max-width: 720px; margin: 0 auto 12px; text-align: center !important; }\n.enigma-question { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 700; color: #004F2D; font-size: clamp(1.05rem, 2.8vw, 1.6rem); margin: 0 auto 35px; max-width: 720px; text-align: center !important; }\n.enigma-choices { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 620px; margin: 0 auto; }\n.enigma-choice { border: 4px solid transparent; border-radius: 20px; overflow: hidden; cursor: pointer; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s, opacity 0.3s; background: #fff; padding: 0; line-height: 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.enigma-choice img { width: 100%; height: auto; display: block; aspect-ratio: 1 \/ 1; object-fit: cover; }\n.enigma-choice:hover:not(.locked) { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 48, 73, 0.2); border-color: #FB6C13; }\n.enigma-choice.locked { pointer-events: none; }\n.enigma-choice.correct-pick { border-color: #004F2D; box-shadow: 0 0 0 4px rgba(0,79,45,0.25); }\n.enigma-choice.wrong-pick { border-color: #D62828; box-shadow: 0 0 0 4px rgba(214,40,40,0.25); }\n.enigma-choice.dim { opacity: 0.4; }\n.enigma-feedback { margin-top: 30px; }\n.enigma-wrong-msg { color: #D62828; font-family: 'Playfair Display', serif; font-weight: 700; font-size: clamp(1.2rem, 3vw, 1.8rem); margin: 0 0 18px; }\n.enigma-result { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 10px 0; }\n.enigma-result-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 900; color: #003049; margin: 0; }\n.enigma-result img { width: min(320px, 80%); border-radius: 20px; box-shadow: 0 15px 40px rgba(0,48,73,0.2); }\n.enigma-playlist-label { font-weight: 600; letter-spacing: 0.1em; color: #FB6C13; text-transform: uppercase; font-size: 1rem; font-family: 'Playfair Display', serif; font-style: italic; }\n.enigma-result p { color: #333; font-size: clamp(0.95rem, 2.5vw, 1.2rem); line-height: 1.6; max-width: 620px; margin: 0; }\n.enigma-result 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 Caravage ?\", a: [\"\u00c0 Rome\", \"\u00c0 Milan\", \"\u00c0 Venise\"], c: 1 },\n        { q: \"2. Quel est son vrai nom ?\", a: [\"L\u00e9onard de Vinci\", \"Michel-Ange Buonarroti\", \"Michelangelo Merisi\"], c: 2 },\n        { q: \"3. Pourquoi a-t-il re\u00e7u le nom Michelangelo ?\", a: [\"D'apr\u00e8s un peintre c\u00e9l\u00e8bre\", \"D'apr\u00e8s le jour de Saint Michel Archange\", \"D'apr\u00e8s son p\u00e8re\"], c: 1 },\n        { q: \"4. Pourquoi a-t-il quitt\u00e9 Milan dans son enfance ?\", a: [\"Une guerre\", \"Une famine\", \"La peste bubonique\"], c: 2 },\n        { q: \"5. \u00c0 quel \u00e2ge est-il entr\u00e9 dans l'atelier de Simone Peterzano ?\", a: [\"10 ans\", \"13 ans\", \"16 ans\"], c: 1 },\n        { q: \"6. Dans quelle ville se trouvait-il en 1596 ?\", a: [\"Florence\", \"Rome\", \"Naples\"], c: 1 },\n        { q: \"7. Qui l'a soutenu et h\u00e9berg\u00e9 \u00e0 Rome ?\", a: [\"Le pape\", \"Un roi\", \"Le cardinal Francesco Maria Del Monte\"], c: 2 },\n        { q: \"8. Quelle technique a rendu sa peinture c\u00e9l\u00e8bre ?\", a: [\"La fresque\", \"Le clair-obscur\", \"La mosa\u00efque\"], c: 1 },\n        { q: \"9. Que s'est-il pass\u00e9 en 1606 ?\", a: [\"Il est devenu c\u00e9l\u00e8bre\", \"Il a peint un chef-d'\u0153uvre\", \"Il a tu\u00e9 un homme et a fui Rome\"], c: 2 },\n        { q: \"10. \u00c0 quel \u00e2ge est-il mort ?\", a: [\"39 ans\", \"50 ans\", \"60 ans\"], c: 0 }\n    ];\n    const LABELS = [\"A\", \"B\", \"C\", \"D\"];\n    const TOTAL = QUIZ_DATA.length;\n    const QUIZ_TITLE = \"Quiz Caravage\";\n    const QUIZ_SPLASH_EMOJI = \"\ud83c\udfa8\";\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 ? \"Score parfait ! Tu es un expert de l'art et de la vie de Michelangelo Merisi da Caravaggio.\" : s >= 7 ? \"Excellent ! Tu connais tr\u00e8s bien la vie du grand artiste.\" : \"Bravo pour tes efforts ! Caravage reste un personnage fascinant \u00e0 \u00e9tudier.\"; }\n    function emoji(s) { return s === TOTAL ? \"\ud83c\udfc6\" : s >= 7 ? \"\ud83e\udd47\" : s >= 5 ? \"\ud83c\udfa8\" : \"\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\/14.jpg\";\n    const ENIGMA_WRONG   = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/1.jpg\";\n\n    \/\/ \u2500\u2500 Reading Comprehension data \u2014 Caravage \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-1.pdf\";\n    const IT_FISA = {\n        nom:        [\"merisi\", \"caravag\"],\n        prenom:     [\"michelangelo\", \"michel-ange\", \"michel ange\"],\n        annee:      [\"1571\"],\n        profession: [\"peintre\", \"artist\"]\n    };\n    const IT_FISA_LABELS = { nom: \"Nom :\", prenom: \"Pr\u00e9nom :\", annee: \"Ann\u00e9e de naissance :\", profession: \"Profession :\" };\n    const IT_AF = [\n        { t: \"Caravaggio est devenu c\u00e9l\u00e8bre pour la fa\u00e7on dont il utilisait la lumi\u00e8re et l'ombre dans ses tableaux.\", correct: true },\n        { t: \"Caravaggio est l'un des plus importants peintres du style baroque.\", correct: true },\n        { t: \"L'artiste a \u00e9t\u00e9 un temps le prot\u00e9g\u00e9 du cardinal Francesco Maria Del Monte.\", correct: true }\n    ];\n    \/\/ Section 2, column 1 \u2014 LIEUX (places named in the text)\n    const IT_KW_REASONS = [\n        [\"milan\"], [\"caravaggio\"], [\"rome\"], [\"naples\"], [\"malte\"], [\"sicile\"]\n    ];\n    \/\/ Section 2, column 2 \u2014 TRAITS DE CARACT\u00c8RE\n    const IT_KW_TRASATURI = [\n        [\"passion\"], [\"sensib\"], [\"violent\", \"violence\"], [\"impulsi\"], [\"realis\"],\n        [\"rebelle\", \"revolutionn\", \"revolution\"], [\"talent\", \"genie\", \"genial\"], [\"dramatique\", \"intense\"]\n    ];\n    \/\/ Section 4 \u2014 three elements that define the clair-obscur technique (accept ANY named in the text)\n    const IT_ITEMS = [\n        [\"contraste\"],\n        [\"lumiere\"],\n        [\"ombre\"],\n        [\"emotion\", \"emotionn\"],\n        [\"verite\", \"realite\", \"realisme\", \"reel\", \"drame\", \"dramatique\"]\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:\/\/smart-pairs-quest.lovable.app\" width=\"100%\" height=\"800\" style=\"border:0;display:block;border-radius:16px;\" allowfullscreen loading=\"lazy\" title=\"Jeu d\u2019association \u2013 Caravaggio\"><\/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\">\u00abL'art na\u00eet de la lumi\u00e8re et de l'ombre.\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 le Caravage<\/h2>\n                <img decoding=\"async\" src=\"${ENIGMA_CORRECT}\" alt=\"Le Caravage\">\n                <span class=\"enigma-playlist-label\">Lumi\u00e8re et ombre<\/span>\n                <p>Tu cr\u00e9eras un dessin r\u00e9aliste d'un objet simple en utilisant uniquement la lumi\u00e8re et l'ombre pour montrer la forme, en t'inspirant de la fa\u00e7on dont des artistes comme L\u00e9onard de Vinci et Le Caravage utilisaient le contraste pour donner vie \u00e0 leurs \u0153uvres.<\/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\">Le ma\u00eetre de la lumi\u00e8re et de l'ombre<\/h2>\n                <p class=\"itext-subtitle\">Compr\u00e9hension du texte \u00b7 Le Caravage<\/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=\"Le Caravage\">\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 lieux li\u00e9s \u00e0 sa vie et les traits de caract\u00e8re de l'artiste.<\/p>\n                    <div class=\"itext-cols\">\n                        <div>\n                            <div class=\"itext-col-title pasiuni\">Lieux<\/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>Lieux :<\/strong> Milan, Caravaggio, Rome, Naples, Malte, la Sicile.<br>\n                        <strong>Traits de caract\u00e8re :<\/strong> passionn\u00e9, sensible, violent, impulsif, r\u00e9aliste, rebelle \/ r\u00e9volutionnaire, talentueux (g\u00e9nie), dramatique \/ intense.\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 trois \u00e9l\u00e9ments qui d\u00e9finissent la technique du clair-obscur.<\/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>\u00c9l\u00e9ments cit\u00e9s dans le texte (trois quelconques sont corrects) :<\/strong> le contraste (dramatique), la lumi\u00e8re, l'ombre, l'\u00e9motion, la v\u00e9rit\u00e9 crue de la r\u00e9alit\u00e9 (le r\u00e9alisme).\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} lieu(x) et ${t} traits de caract\u00e8re dans le texte.`\n            : `\ud83d\udd0e Tu as trouv\u00e9 ${r} lieu(x) 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 trois \u00e9l\u00e9ments cit\u00e9s dans le texte.'\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-e6cecf3 audio e-flex e-con-boxed e-con e-parent\" data-id=\"e6cecf3\" data-element_type=\"container\" data-e-type=\"container\" id=\"audio\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b775347 e-flex e-con-boxed e-con e-parent\" data-id=\"b775347\" 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-cb9a3ca elementor-widget elementor-widget-afd_audio_player\" data-id=\"cb9a3ca\" 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\\\/Caravaggio-Good-1-v1.mp3&quot;,&quot;title&quot;:&quot;Caravaggio&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                    Caravaggio                <\/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>Passion \u2022 Contraste \u2022 Ma\u00eetrise Caravage Maison &gt; Caravaggio Le ma\u00eetre de la lumi\u00e8re et de l\u2019ombre Caravage a r\u00e9volutionn\u00e9 la peinture baroque par son r\u00e9alisme dramatique et son usage intense du clair-obscur, repr\u00e9sentant des sc\u00e8nes religieuses et profanes avec une force \u00e9motionnelle et une humanit\u00e9 sans pr\u00e9c\u00e9dent \u00c9COUTER LIRE ACTIVIT\u00c9 Regardez On dit que [&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-14125","page","type-page","status-publish","hentry"],"acf":[],"lang":"fr","translations":{"fr":14125,"en":13478,"ro":12672,"el":13675,"it":13771},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14125","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=14125"}],"version-history":[{"count":34,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14125\/revisions"}],"predecessor-version":[{"id":17919,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14125\/revisions\/17919"}],"wp:attachment":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/media?parent=14125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}