{"id":14199,"date":"2026-02-17T18:31:30","date_gmt":"2026-02-17T16:31:30","guid":{"rendered":"https:\/\/afostodata.ro\/europeanicons\/?page_id=14199"},"modified":"2026-10-09T15:31:49","modified_gmt":"2026-10-09T13:31:49","slug":"sofocle","status":"publish","type":"page","link":"https:\/\/afostodata.ro\/europeanicons\/fr\/sofocle\/","title":{"rendered":"Sofocle"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14199\" class=\"elementor elementor-14199\" 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\/sofocle.webp\" class=\"elementor-element elementor-element-468f988 e-flex e-con-boxed e-con e-parent\" data-id=\"468f988\" 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-422623b elementor-widget elementor-widget-html\" data-id=\"422623b\" 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\">Tragique \u2022 R\u00e9flexion \u2022 \u00c9ternit\u00e9<\/span>\n    <div class=\"title-container\">\n        <h1 class=\"main-name-solid\">Sofocle<\/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-735e04c e-flex e-con-boxed e-con e-parent\" data-id=\"735e04c\" 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-bf39233 e-con-full e-flex e-con e-child\" data-id=\"bf39233\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-db61c42 e-con-full e-flex e-con e-child\" data-id=\"db61c42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bac469b elementor-widget elementor-widget-dce-breadcrumbs\" data-id=\"bac469b\" 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-14199\"><span class=\"bread-current bread-14199\"> Sofocle<\/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-1b39b2f elementor-widget elementor-widget-heading\" data-id=\"1b39b2f\" 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 trag\u00e9die grecque\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c17f82c elementor-widget elementor-widget-text-editor\" data-id=\"c17f82c\" 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;\">Sophocle fut l\u2019un des plus grands dramaturges de l\u2019Antiquit\u00e9, auteur de chefs-d\u2019\u0153uvre tels que <\/span><i><span style=\"font-weight: 400;\">\u0152dipe Roi<\/span><\/i><span style=\"font-weight: 400;\"> et <\/span><i><span style=\"font-weight: 400;\">Antigone<\/span><\/i><span style=\"font-weight: 400;\">, \u00e0 travers lesquels il a explor\u00e9 le destin, la morale et le conflit entre la loi humaine et la loi divine.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9e9c24 e-con-full e-flex e-con e-child\" data-id=\"f9e9c24\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c0ece6 elementor-widget elementor-widget-image\" data-id=\"0c0ece6\" 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\/9-1024x1024.jpg\" class=\"attachment-large size-large wp-image-12479\" alt=\"\" srcset=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/9-1024x1024.jpg 1024w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/9-300x300.jpg 300w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/9-150x150.jpg 150w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/9-768x768.jpg 768w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/9.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-fda7eed e-flex e-con-boxed e-con e-parent\" data-id=\"fda7eed\" 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-0f9dfa3 e-con-full e-flex e-con e-child\" data-id=\"0f9dfa3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#D62729\" class=\"elementor-element elementor-element-184093f elementor-align-justify buton-audio elementor-widget elementor-widget-button\" data-id=\"184093f\" 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-3cd017d e-con-full e-flex e-con e-child\" data-id=\"3cd017d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#FA6D12\" class=\"elementor-element elementor-element-708e109 elementor-align-justify buton-citeste elementor-widget elementor-widget-button\" data-id=\"708e109\" 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-0f95d88 e-con-full e-flex e-con e-child\" data-id=\"0f95d88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#F9C70C\" class=\"elementor-element elementor-element-908a5e5 elementor-align-justify buton-activitati elementor-widget elementor-widget-button\" data-id=\"908a5e5\" 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-3a01bc9 e-con-full e-flex e-con e-child\" data-id=\"3a01bc9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#01502B\" class=\"elementor-element elementor-element-a7306bf elementor-align-justify buton-vizioneaza elementor-widget elementor-widget-button\" data-id=\"a7306bf\" 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-af1a399 citeste e-flex e-con-boxed e-con e-parent\" data-id=\"af1a399\" 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-cd67e79 elementor-widget elementor-widget-html\" data-id=\"cd67e79\" 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            Dans les rues de l\u2019Ath\u00e8nes antique, l\u00e0 o\u00f9 les voix des citoyens se m\u00ealaient aux sons de l\u2019agora, des temples et des th\u00e9\u00e2tres, naquit un homme destin\u00e9 \u00e0 offrir \u00e0 l\u2019humanit\u00e9 des histoires plus fortes que le temps. Sophocle naquit vers 496 av. J.-C., \u00e0 une \u00e9poque o\u00f9 la ville se transformait en un centre mondial de la pens\u00e9e.\n        <\/p>\n\n        <p>Issu d'une famille ais\u00e9e, Sophocle re\u00e7ut une excellente \u00e9ducation en musique, en po\u00e9sie et en philosophie. On raconte qu\u2019apr\u00e8s la victoire de Salamine, c'est lui qui dirigea le ch\u0153ur des jeunes gens c\u00e9l\u00e9brant le triomphe d\u2019Ath\u00e8nes. Ce fut un moment hautement symbolique, comme si la cit\u00e9 reconnaissait d\u00e9j\u00e0 une voix qui l\u2019accompagnerait pour toujours.<\/p>\n\n        <p>Pour Sophocle, le th\u00e9\u00e2tre n'\u00e9tait pas un simple divertissement, mais un dialogue public sur l'homme et son destin. Lors des concours dramatiques, il finit par affronter le grand Eschyle. La victoire du jeune Sophocle marqua le d\u00e9but d'une nouvelle \u00e8re, o\u00f9 les personnages sur sc\u00e8ne devinrent plus humains et plus r\u00e9els.<\/p>\n\n        <blockquote class=\"dialogue\">\n            Sophocle apporta des innovations r\u00e9volutionnaires \u00e0 la trag\u00e9die : il introduisit le troisi\u00e8me acteur et la peinture de d\u00e9cors. Il ne pr\u00e9sentait pas des h\u00e9ros parfaits, mais des \u00eatres humains luttant contre la peur, le pouvoir et eux-m\u00eames.\n        <\/blockquote>\n\n        <div class=\"historical-moment\">\n            <p>De sa plume naquirent des figures immortelles qui d\u00e9fient l'esprit humain depuis des mill\u00e9naires. Ses h\u00e9ros n'\u00e9taient pas \u00e9loign\u00e9s de l'homme ; ils \u00e9taient l'homme lui-m\u00eame, avec toutes ses contradictions.<\/p>\n\n            <p class=\"announcement\">\n                Antigone, \u0152dipe et \u00c9lectre : des figures qui ont explor\u00e9 la question \u00e9ternelle du destin. L'homme peut-il \u00e9chapper \u00e0 ce qui est \u00e9crit, ou ses efforts le conduisent-ils l\u00e0 o\u00f9 il craint le plus d'aller ?\n            <\/p>\n        <\/div>\n\n        <p>En particulier, <em>\u0152dipe roi<\/em> est consid\u00e9r\u00e9 comme l\u2019une des \u0153uvres les plus importantes de tous les temps. Sophocle y explore les limites de la libert\u00e9 humaine, transformant la sc\u00e8ne en un miroir de l\u2019\u00e2me face \u00e0 l\u2019in\u00e9vitable.<\/p>\n\n        <p>Parall\u00e8lement \u00e0 son art, il servit Ath\u00e8nes comme strat\u00e8ge aux c\u00f4t\u00e9s de P\u00e9ricl\u00e8s, convaincu qu'un citoyen doit contribuer \u00e0 la vie publique. Malgr\u00e9 son immense renomm\u00e9e, il resta un homme calme et sage, \u00e9crivant plus d'une centaine de trag\u00e9dies jusqu'\u00e0 sa mort vers 406 av. J.-C.<\/p>\n\n        <p>\u00c0 sa disparition, Ath\u00e8nes perdit une voix qui osait parler de ce que les hommes craignent d'affronter. Aujourd'hui, ses \u0153uvres continuent de voyager bien au-del\u00e0 des fronti\u00e8res de la Gr\u00e8ce, \u00e9clairant la sc\u00e8ne du monde comme une flamme que le temps ne peut \u00e9teindre.<\/p>\n\n        <p class=\"conclusion-text\">\n            L'histoire de Sophocle nous enseigne que la vraie grandeur r\u00e9side dans le courage de chercher la v\u00e9rit\u00e9 et de rester debout, avec dignit\u00e9, face \u00e0 son propre destin.\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: #1a1a1a;\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 - Influence Grecque Antique *\/\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: #8B4513; \/* Brun terre cuite *\/\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 #DAA520; \/* Or antique *\/\n    background-color: rgba(218, 165, 32, 0.1); \n    font-style: italic;\n    font-family: 'Playfair Display', serif;\n    font-size: 1.3rem;\n}\n\n\/* Section Moment Historique *\/\n.historical-moment {\n    margin: 50px 0;\n    padding: 40px;\n    background-color: #2c3e50; \/* Gris-bleu pierre de temple *\/\n    color: #ecf0f1;\n    border-radius: 15px;\n    box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n}\n\n.historical-moment p {\n    color: #ecf0f1;\n    text-align: left;\n}\n\n.announcement {\n    border-top: 1px solid #DAA520;\n    padding-top: 20px;\n    font-weight: 700;\n    color: #DAA520 !important;\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: #5d4037; \/* Brun profond classique *\/\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-6e54912 activitati e-flex e-con-boxed e-con e-parent\" data-id=\"6e54912\" 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-2a9cd11 elementor-widget elementor-widget-html\" data-id=\"2a9cd11\" 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, .enigma-result ol { 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, .enigma-result ol 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 Sophocle ?\", a: [\"\u00c0 Sparte\", \"\u00c0 Colone, pr\u00e8s d'Ath\u00e8nes\", \"\u00c0 Rome\", \"\u00c0 Alexandrie\"], c: 1 },\n        { q: \"2. Quand est-il n\u00e9 ?\", a: [\"Ier si\u00e8cle av. J.-C.\", \"Vers 496 av. J.-C.\", \"Ve si\u00e8cle apr. J.-C.\", \"En 300 av. J.-C.\"], c: 1 },\n        { q: \"3. Que lui a offert sa famille ?\", a: [\"Le pouvoir politique\", \"Une grande richesse\", \"Une bonne \u00e9ducation\", \"Une carri\u00e8re militaire\"], c: 2 },\n        { q: \"4. Qu'est-ce qui le distinguait jeune ?\", a: [\"Sa force physique\", \"Son d\u00e9sir de pouvoir\", \"Sa capacit\u00e9 d'observation\", \"Son ambition de devenir roi\"], c: 2 },\n        { q: \"5. Quel r\u00f4le a-t-il eu apr\u00e8s Salamine ?\", a: [\"Soldat\", \"Chef du ch\u0153ur des jeunes\", \"G\u00e9n\u00e9ral\", \"\u00c9crivain\"], c: 1 },\n        { q: \"6. Que repr\u00e9sentait le th\u00e9\u00e2tre \u00e0 Ath\u00e8nes ?\", a: [\"Un simple divertissement\", \"Une activit\u00e9 religieuse\", \"Une mani\u00e8re de penser et de dialoguer\", \"Une comp\u00e9tition sportive\"], c: 2 },\n        { q: \"7. Quelle innovation a-t-il introduite ?\", a: [\"De plus grands d\u00e9cors\", \"De la musique en direct\", \"Un troisi\u00e8me acteur\", \"Des costumes color\u00e9s\"], c: 2 },\n        { q: \"8. Comment sont ses personnages ?\", a: [\"Parfaits et invincibles\", \"Simples\", \"Humains et complexes\", \"Mythologiques uniquement\"], c: 2 },\n        { q: \"9. Quel th\u00e8me traite \u0152dipe roi ?\", a: [\"La guerre\", \"L'amour\", \"Le destin et la libert\u00e9 humaine\", \"La politique\"], c: 2 },\n        { q: \"10. Que faisait-il en plus du th\u00e9\u00e2tre ?\", a: [\"Commer\u00e7ant\", \"Philosophe\", \"Strat\u00e8ge dans la vie publique\", \"Enseignant\"], c: 2 }\n    ];\n    const LABELS = [\"A\", \"B\", \"C\", \"D\"];\n    const TOTAL = QUIZ_DATA.length;\n    const QUIZ_TITLE = \"Quiz Sophocle\";\n    const QUIZ_SPLASH_EMOJI = \"\ud83c\udfad\";\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 v\u00e9ritable expert de l'histoire du th\u00e9\u00e2tre antique.\" : s >= 7 ? \"Excellent ! Tu connais tr\u00e8s bien la vie du grand dramaturge.\" : \"Bravo ! Tu as termin\u00e9 le d\u00e9fi sur le p\u00e8re de la trag\u00e9die grecque.\"; }\n    function emoji(s) { return s === TOTAL ? \"\ud83c\udfc6\" : s >= 7 ? \"\ud83e\udd47\" : s >= 5 ? \"\ud83c\udfad\" : \"\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\/9.jpg\";\n    const ENIGMA_WRONG   = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/19.jpg\";\n\n    \/\/ \u2500\u2500 Reading Comprehension data \u2014 Sophocle \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-10.pdf\";\n    const IT_FISA = {\n        nom:    [\"sophocle\", \"sofocle\", \"sophocles\", \"sofocles\"],\n        prenom: [\"sophocle\", \"sofocle\", \"sophocles\", \"sofocles\"],\n        annee:  [\"496\"],\n        lieu:   [\"colone\", \"athenes\", \"athene\"]\n    };\n    const IT_FISA_LABELS = { nom: \"Nom :\", prenom: \"Pr\u00e9nom :\", annee: \"Ann\u00e9e de naissance :\", lieu: \"Lieu de naissance :\" };\n    const IT_AF = [\n        { t: \"Sophocle a \u00e9t\u00e9 l'auteur de la trag\u00e9die \u00ab Antigone \u00bb.\", correct: true },\n        { t: \"Les pi\u00e8ces de Sophocle invitent les lecteurs \u00e0 r\u00e9fl\u00e9chir sur la justice et la responsabilit\u00e9.\", correct: true },\n        { t: \"Enfant, Sophocle voulait devenir navigateur et ne s'int\u00e9ressait pas au th\u00e9\u00e2tre.\", correct: false }\n    ];\n    \/\/ Section 2, column 1 \u2014 PERSONNAGES (characters created by Sophocle)\n    const IT_KW_REASONS = [\n        [\"oedipe\", \"\u0153dipe\"], [\"antigone\"], [\"electre\", \"\u00e9lectre\"]\n    ];\n    \/\/ Section 2, column 2 \u2014 TRAITS DE CARACT\u00c8RE\n    const IT_KW_TRASATURI = [\n        [\"observ\"], [\"calme\"], [\"sage\", \"sagesse\"], [\"talent\", \"genie\"], [\"innovat\", \"revolutionn\", \"revolution\"],\n        [\"courage\", \"courageu\"], [\"humain\", \"humanite\"], [\"engage\", \"citoyen\", \"public\"]\n    ];\n    \/\/ Section 4 \u2014 reasons why Sophocle revolutionized tragedy (accept ANY named in the text)\n    const IT_ITEMS = [\n        [\"troisieme acteur\", \"trois acteur\", \"acteur\"],\n        [\"decors\", \"peinture de decors\", \"peinture\"],\n        [\"personnages humains\", \"plus humains\", \"humains\", \"reels\", \"reel\", \"complexes\"]\n    ];\n    const IT_ITEM_ROWS = 3;\n    const IT_ITEM_MIN = 3;\n\n    function itextNorm(s) { return (s || \"\").normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '').toLowerCase(); }\n    function itextCountGroups(text, groups) {\n        const t = itextNorm(text);\n        let n = 0;\n        groups.forEach(variants => { if (variants.some(v => t.includes(itextNorm(v)))) n++; });\n        return n;\n    }\n\n    window.launchActivity = function(type) {\n        document.getElementById('IconsHub').scrollIntoView({ behavior: 'smooth', block: 'start' });\n        document.getElementById('hub-menu').classList.remove('active-screen');\n        setTimeout(() => {\n            document.getElementById('hub-menu').style.display = 'none';\n            const stage = document.getElementById('activity-stage');\n            stage.style.display = 'block';\n            setTimeout(() => stage.classList.add('active-screen'), 50);\n            if(type === 'quiz') { score = 0; currentIdx = 0; window.showQuizIntro(); }\n            else if(type === 'x') { window.showEnigma(); }\n            else if(type === 'y') { window.showTextComprehension(); }\n            else if(type === 'w') { document.getElementById('activity-content-loader').innerHTML = '<style>@media (max-width:768px){#activity-content-loader .ei-game{margin:-30px -20px;}#activity-content-loader .ei-game iframe{height:calc(100svh - 110px);min-height:560px;border-radius:0 !important;}}@media (max-width:480px){#activity-content-loader .ei-game{margin:-24px -16px;}}<\/style><div class=\"ei-game\"><iframe src=\"https:\/\/match-explorer-quest.lovable.app\" width=\"100%\" height=\"800\" style=\"border:0;display:block;border-radius:16px;\" allowfullscreen loading=\"lazy\" title=\"Jeu d\u2019association \u2013 Sophocles\"><\/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\">\u00abCe n'est pas une faiblesse, pour l'homme le plus sage, d'apprendre quand il a tort.\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 Sophocle<\/h2>\n                <img decoding=\"async\" src=\"${ENIGMA_CORRECT}\" alt=\"Sophocle\">\n                <span class=\"enigma-playlist-label\">Mon parcours d'apprentissage<\/span>\n                <p>Donne \u00e0 chaque \u00e9l\u00e8ve une fiche divis\u00e9e en trois sections :<\/p>\n                <ol>\n                    <li><strong>Une erreur que j'ai commise :<\/strong> les \u00e9l\u00e8ves d\u00e9crivent une erreur commise \u00e0 l'\u00e9cole, dans le sport ou dans la vie quotidienne.<\/li>\n                    <li><strong>Ce que j'ai appris :<\/strong> les \u00e9l\u00e8ves identifient la le\u00e7on tir\u00e9e de l'exp\u00e9rience.<\/li>\n                    <li><strong>Ce que je ferais diff\u00e9remment :<\/strong> les \u00e9l\u00e8ves expliquent comment ils aborderaient une situation similaire \u00e0 l'avenir.<\/li>\n                <\/ol>\n                <p>Souligne que le partage est volontaire et que l'objectif est d'apprendre, pas de juger.<\/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 trag\u00e9die grecque<\/h2>\n                <p class=\"itext-subtitle\">Compr\u00e9hension du texte \u00b7 Sophocle<\/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=\"Sophocle\">\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 noms de quelques personnages cr\u00e9\u00e9s par Sophocle et ses traits de caract\u00e8re.<\/p>\n                    <div class=\"itext-cols\">\n                        <div>\n                            <div class=\"itext-col-title pasiuni\">Personnages<\/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>Personnages :<\/strong> \u0152dipe (\u0152dipe roi), Antigone, \u00c9lectre.<br>\n                        <strong>Traits de caract\u00e8re :<\/strong> observateur, calme, sage, talentueux (g\u00e9nie), innovateur \/ r\u00e9volutionnaire, courageux, profond\u00e9ment humain, engag\u00e9 dans la vie publique (citoyen).\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 les raisons pour lesquelles Sophocle a r\u00e9volutionn\u00e9 la trag\u00e9die de son temps.<\/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>Raisons cit\u00e9es dans le texte (trois quelconques sont correctes) :<\/strong> il introduisit le troisi\u00e8me acteur ; il introduisit la peinture de d\u00e9cors ; il cr\u00e9a des personnages plus humains et r\u00e9els (pas des h\u00e9ros parfaits).\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} personnage(s) et ${t} traits de caract\u00e8re dans le texte.`\n            : `\ud83d\udd0e Tu as trouv\u00e9 ${r} personnage(s) et ${t} traits. Relis le texte et r\u00e9essaie (clique sur \u00abVoir des r\u00e9ponses possibles\u00bb si tu as besoin d'aide).`;\n    };\n\n    window.itextCheckItems = function() {\n        const used = [];\n        let ok = 0, filled = 0;\n        for (let i = 0; i < IT_ITEM_ROWS; i++) {\n            const inp = document.getElementById('item-' + i);\n            inp.classList.remove('ok', 'no');\n            if (!inp.value.trim()) continue;\n            filled++;\n            const val = itextNorm(inp.value);\n            let matched = -1;\n            IT_ITEMS.forEach((g, gi) => { if (matched === -1 && used.indexOf(gi) === -1 && g.some(f => val.includes(itextNorm(f)))) matched = gi; });\n            if (matched >= 0) { used.push(matched); ok++; inp.classList.add('ok'); }\n            else inp.classList.add('no');\n        }\n        const msg = document.getElementById('items-msg');\n        if (filled === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = '\u00c9cris d\\'abord tes r\u00e9ponses.';\n            return;\n        }\n        const allOk = ok >= IT_ITEM_MIN;\n        msg.style.color = allOk ? '#004F2D' : '#B26A00';\n        msg.innerText = allOk\n            ? '\u2705 Bravo ! Tu as trouv\u00e9 trois raisons cit\u00e9es 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-081bfe7 audio e-flex e-con-boxed e-con e-parent\" data-id=\"081bfe7\" 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-be47ba2 e-flex e-con-boxed e-con e-parent\" data-id=\"be47ba2\" 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-9f8262e elementor-widget elementor-widget-afd_audio_player\" data-id=\"9f8262e\" 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\\\/Sophocle-Good-3-v1.mp3&quot;,&quot;title&quot;:&quot;Sophocle&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                    Sophocle                <\/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>Tragique \u2022 R\u00e9flexion \u2022 \u00c9ternit\u00e9 Sofocle Maison &gt; Sofocle Le ma\u00eetre de la trag\u00e9die grecque Sophocle fut l\u2019un des plus grands dramaturges de l\u2019Antiquit\u00e9, auteur de chefs-d\u2019\u0153uvre tels que \u0152dipe Roi et Antigone, \u00e0 travers lesquels il a explor\u00e9 le destin, la morale et le conflit entre la loi humaine et la loi divine. \u00c9COUTER [&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-14199","page","type-page","status-publish","hentry"],"acf":[],"lang":"fr","translations":{"fr":14199,"en":13509,"ro":12638,"el":13614,"it":13873},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14199","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=14199"}],"version-history":[{"count":31,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14199\/revisions"}],"predecessor-version":[{"id":17939,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14199\/revisions\/17939"}],"wp:attachment":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/media?parent=14199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}