{"id":14112,"date":"2026-02-17T18:38:34","date_gmt":"2026-02-17T16:38:34","guid":{"rendered":"https:\/\/afostodata.ro\/europeanicons\/?page_id=14112"},"modified":"2026-10-09T15:30:41","modified_gmt":"2026-10-09T13:30:41","slug":"zinedine-zidane","status":"publish","type":"page","link":"https:\/\/afostodata.ro\/europeanicons\/fr\/zinedine-zidane\/","title":{"rendered":"Zinedine Zidane"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14112\" class=\"elementor elementor-14112\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-dce-background-overlay-color=\"#003049\" data-dce-background-image-url=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/zidane.webp\" class=\"elementor-element elementor-element-7693a71 e-flex e-con-boxed e-con e-parent\" data-id=\"7693a71\" 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-c349256 elementor-widget elementor-widget-html\" data-id=\"c349256\" 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 Vision \u2022 Pr\u00e9cision<\/span>\n    <div class=\"title-container\">\n        <h1 class=\"main-name-solid\">Zinedine<\/h1>\n        <h1 class=\"main-name-stroke\"> Zidane<\/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-49375bb e-flex e-con-boxed e-con e-parent\" data-id=\"49375bb\" 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-aec181d e-con-full e-flex e-con e-child\" data-id=\"aec181d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-55f9196 e-con-full e-flex e-con e-child\" data-id=\"55f9196\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcc5020 elementor-widget elementor-widget-dce-breadcrumbs\" data-id=\"fcc5020\" 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-14112\"><span class=\"bread-current bread-14112\"> Zinedine Zidane<\/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-c0000ad elementor-widget elementor-widget-heading\" data-id=\"c0000ad\" 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 gar\u00e7on qui faisait danser le ballon\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-248b963 elementor-widget elementor-widget-text-editor\" data-id=\"248b963\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Savais-tu que certaines grandes histoires commencent sur un terrain poussi\u00e9reux, entre deux immeubles gris, avec un ballon us\u00e9 et beaucoup de r\u00eaves ?<\/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-466c5f8 e-con-full e-flex e-con e-child\" data-id=\"466c5f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd7bb0e elementor-widget elementor-widget-image\" data-id=\"bd7bb0e\" 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\/20-1024x1024.jpg\" class=\"attachment-large size-large wp-image-12480\" alt=\"\" srcset=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20-1024x1024.jpg 1024w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20-300x300.jpg 300w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20-150x150.jpg 150w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20-768x768.jpg 768w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20.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-3375138 e-flex e-con-boxed e-con e-parent\" data-id=\"3375138\" 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-2d67625 e-con-full e-flex e-con e-child\" data-id=\"2d67625\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#D62729\" class=\"elementor-element elementor-element-f61e0dc elementor-align-justify buton-audio elementor-widget elementor-widget-button\" data-id=\"f61e0dc\" 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-51f3a48 e-con-full e-flex e-con e-child\" data-id=\"51f3a48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#FA6D12\" class=\"elementor-element elementor-element-d757a6f elementor-align-justify buton-citeste elementor-widget elementor-widget-button\" data-id=\"d757a6f\" 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-91cd8a0 e-con-full e-flex e-con e-child\" data-id=\"91cd8a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#F9C70C\" class=\"elementor-element elementor-element-d962efb elementor-align-justify buton-activitati elementor-widget elementor-widget-button\" data-id=\"d962efb\" 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-8c03649 e-con-full e-flex e-con e-child\" data-id=\"8c03649\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#01502B\" class=\"elementor-element elementor-element-32546d0 elementor-align-justify buton-vizioneaza elementor-widget elementor-widget-button\" data-id=\"32546d0\" 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-b1f209b citeste e-flex e-con-boxed e-con e-parent\" data-id=\"b1f209b\" 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-e144bf2 elementor-widget elementor-widget-html\" data-id=\"e144bf2\" 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=\"aslan-full-story\">\r\n    <section class=\"story-wrapper\">\r\n        <p class=\"intro-p\">\r\n            Savais-tu que certaines grandes histoires commencent sur un terrain poussi\u00e9reux, entre deux immeubles gris, avec un ballon us\u00e9 et beaucoup de r\u00eaves ?\r\n        <\/p>\r\n\r\n        <p>Zinedine naquit \u00e0 Marseille en 1972, dans le quartier de la Castellane, au sein d\u2019une famille modeste venue d\u2019Alg\u00e9rie. Son p\u00e8re, Smail, travaillait dur, et sa m\u00e8re, Malika, veillait avec douceur sur ses enfants. \u00c0 la maison, on parlait de respect, de patience et de travail. Dehors, Zinedine parlait surtout au ballon.<\/p>\r\n\r\n        <p>Il n\u2019\u00e9tait pas le plus grand, ni le plus bruyant. Souvent silencieux, presque timide, il observait le jeu avant d\u2019y entrer. D\u00e8s lors que ses pieds touchaient le ballon, quelque chose changeait. Le cuir semblait lui ob\u00e9ir. Il avan\u00e7ait calmement, dribblait sans gestes inutiles, comme s\u2019il dansait.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            \u2014 \u00ab Zidane, passe ! \u00bb criaient les autres enfants.\r\n        <\/blockquote>\r\n\r\n        <p>Il passait. Toujours au bon moment.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            \u2014 \u00ab Regarde-le, il est diff\u00e9rent \u00bb, disait un des enfants du quartier, les yeux riv\u00e9s sur Zinedine. \u00ab Il fait danser le ballon, tu vois ? \u00bb\r\n        <\/blockquote>\r\n\r\n        <p>Tr\u00e8s t\u00f4t, les \u00e9ducateurs remarqu\u00e8rent ce gar\u00e7on discret qui voyait le jeu plus vite que les autres. \u00c0 dix ans, il entra dans un club de football. \u00c0 treize ans, il quitta sa famille pour rejoindre un centre de formation \u00e0 Cannes.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            \u2014 \u00ab Tu vas nous manquer, mon fils \u00bb, lui dit sa m\u00e8re, les larmes aux yeux. \u00ab Mais je sais que tu feras de grandes choses. \u00bb\r\n        <\/blockquote>\r\n\r\n        <p>Le d\u00e9part fut une \u00e9preuve. Pour la premi\u00e8re fois, il dormait loin de sa famille. Certains soirs, la solitude lui pesait. Alors, il pensait \u00e0 sa m\u00e8re, \u00e0 ses fr\u00e8res et s\u0153urs, \u00e0 son quartier. Chaque matin, il s\u2019entra\u00eenait encore plus fort.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            \u2014 \u00ab Je veux devenir le meilleur, pour eux \u00bb, se disait-il en serrant les poings.\r\n        <\/blockquote>\r\n\r\n        <p>Encore. Et encore.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            \u2014 \u00ab Je veux devenir meilleur \u00bb, se r\u00e9p\u00e9tait-il.\r\n        <\/blockquote>\r\n\r\n        <p>\u00c0 dix-sept ans, il joua son premier match professionnel. Son talent \u00e9clata aux yeux de tous. Il n\u2019\u00e9tait pas seulement fort : il rendait le jeu plus beau.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            \u2014 \u00ab Ce gar\u00e7on a du g\u00e9nie ! \u00bb s'exclama un commentateur sportif.\r\n        <\/blockquote>\r\n\r\n        <p>Tr\u00e8s vite, de grands clubs s\u2019int\u00e9ress\u00e8rent \u00e0 lui. Il partit \u00e0 Bordeaux, puis traversa les Alpes pour rejoindre la Juventus de Turin. L\u00e0-bas, en Italie, il devint une star. Il gagna des championnats, impressionna l\u2019Europe, et confirma ce que beaucoup savaient d\u00e9j\u00e0 : Zinedine Zidane \u00e9tait diff\u00e9rent.<\/p>\r\n\r\n        <div class=\"highlight-block\">\r\n            <p>Mais le plus grand rendez-vous l\u2019attendait sous le maillot bleu.<\/p>\r\n\r\n            <p>En 1998, la Coupe du monde se d\u00e9roulait en France. Tout un pays retenait son souffle. Zinedine, d\u00e9sormais meneur de jeu de l\u2019\u00e9quipe nationale, portait les espoirs de millions de personnes.<\/p>\r\n\r\n            <p>\u2014 \u00ab On compte sur toi, Zizou \u00bb lui lan\u00e7a un supporter en le serrant dans ses bras.<\/p>\r\n\r\n            <p>Le soir de la finale, au Stade de France, l\u2019atmosph\u00e8re \u00e9tait \u00e9lectrique. Face au Br\u00e9sil, grand favori, la France devait r\u00e9aliser l\u2019impossible.<\/p>\r\n\r\n            <p>Sur un corner, Zinedine s\u2019\u00e9leva dans les airs.<\/p>\r\n\r\n            <p>Premier coup de t\u00eate. But.<\/p>\r\n\r\n            <p>Quelques minutes plus tard, encore un corner.<\/p>\r\n\r\n            <p>Deuxi\u00e8me coup de t\u00eate. But.<\/p>\r\n\r\n            <p>Le stade explosa. La France aussi.<\/p>\r\n\r\n            <p>Ce soir-l\u00e0, le gar\u00e7on de la Castellane devint un h\u00e9ros national. La France remporta sa premi\u00e8re Coupe du monde. On ne disait plus seulement Zinedine ; on l\u2019appelait d\u00e9sormais Zizou.<\/p>\r\n\r\n            <p>\u2014 \u00ab Je fais mon travail \u00bb, disait-il simplement, humble malgr\u00e9 la gloire.<\/p>\r\n        <\/div>\r\n\r\n        <p>Les ann\u00e9es suivantes confirm\u00e8rent sa l\u00e9gende. Il gagna le Ballon d\u2019Or, remporta l\u2019Euro 2000, puis rejoignit le Real Madrid. L\u00e0-bas, sous le maillot blanc, il marqua l\u2019un des plus beaux buts de l\u2019histoire du football, une reprise de vol\u00e9e parfaite en finale de la Ligue des champions.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            \u2014 \u00ab Incroyable ! Une \u0153uvre d'art ! \u00bb murmura un commentateur, stup\u00e9fait.\r\n        <\/blockquote>\r\n\r\n        <p>Pourtant, m\u00eame les contes ont leurs ombres.<\/p>\r\n\r\n        <p>En 2006, lors de sa derni\u00e8re comp\u00e9tition, Zizou mena une nouvelle fois la France jusqu\u2019en finale de la Coupe du monde. Il marqua d\u2019abord un penalty audacieux, lent, presque insolent.<\/p>\r\n\r\n        <p>Puis vint le geste.<\/p>\r\n\r\n        <p>Un instant.<\/p>\r\n\r\n        <p>Un coup de t\u00eate.<\/p>\r\n\r\n        <p>Le rouge.<\/p>\r\n\r\n        <p>Zinedine quitta le terrain en silence, passant devant la Coupe qu\u2019il ne toucherait plus.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            \u2014 \u00ab Je suis d\u00e9sol\u00e9\u2026 \u00bb, pensa-t-il, le c\u0153ur lourd.\r\n        <\/blockquote>\r\n\r\n        <p>Le monde resta fig\u00e9.<\/p>\r\n\r\n        <p>Ainsi se terminait le conte du joueur. Mais pas celui de l\u2019homme.<\/p>\r\n\r\n        <div class=\"fame-section\">\r\n            <p>Apr\u00e8s sa carri\u00e8re de joueur, Zinedine ne quitta pas le football. Il devint entra\u00eeneur. Au Real Madrid, il guida son \u00e9quipe vers des sommets jamais atteints, remportant plusieurs Ligues des champions cons\u00e9cutives.<\/p>\r\n\r\n            <p>\u2014 \u00ab Il a une vision du jeu incroyable \u00bb, commenta un de ses joueurs. \u00ab On apprend tellement avec lui. \u00bb<\/p>\r\n\r\n            <p>Toujours calme. Toujours respect\u00e9.<\/p>\r\n        <\/div>\r\n\r\n        <p>Zinedine Zidane n\u2019\u00e9tait pas seulement un champion. Il \u00e9tait un symbole : celui d\u2019un enfant de quartier devenu l\u00e9gende sans jamais oublier d\u2019o\u00f9 il venait.<\/p>\r\n\r\n        <p class=\"conclusion-box\">\r\n            Son histoire nous rappelle que le talent ouvre des portes, mais que le travail, l\u2019humilit\u00e9 et la pers\u00e9v\u00e9rance construisent les plus grands destins. Et quelque part, sur un terrain de b\u00e9ton, un enfant frappe aujourd\u2019hui dans un ballon en r\u00eavant. Car les contes modernes commencent parfois ainsi.\r\n        <\/p>\r\n    <\/section>\r\n<\/article>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');\r\n\r\n.aslan-full-story {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    background-color: transparent;\r\n    font-family: 'Playfair Display', sans-serif;\r\n    color: #003049;\r\n    line-height: 1.8;\r\n}\r\n\r\n.story-wrapper p {\r\n    margin-bottom: 25px;\r\n    font-size: 1.15rem;\r\n    text-align: justify;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n\/* Drop Cap Stilizat *\/\r\n.intro-p::first-letter {\r\n    float: left;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 5rem;\r\n    line-height: 1;\r\n    padding-right: 15px;\r\n    color: #D62828;\r\n    font-weight: 900;\r\n}\r\n\r\n\/* Dialogue \/ Quotes *\/\r\n.story-quote {\r\n    margin: 40px 0;\r\n    padding: 20px 40px;\r\n    border-left: 6px solid #FB6C13;\r\n    background-color: rgba(245, 224, 183, 0.4);\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    font-size: 1.35rem;\r\n    border-radius: 0 15px 15px 0;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* Caseta evidentiata pentru Coupe du Monde *\/\r\n.highlight-block {\r\n    margin: 50px 0;\r\n    padding: 40px;\r\n    background-color: #004F2D;\r\n    color: #F5E0B7;\r\n    border-radius: 20px;\r\n    box-shadow: 15px 15px 0 #F9C80E;\r\n}\r\n\r\n.highlight-block p {\r\n    color: #ffffff;\r\n    margin-bottom: 20px;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n\/* Caseta Real Madrid *\/\r\n.fame-section {\r\n    margin: 60px 0;\r\n    padding: 35px;\r\n    border: 3px solid #003049;\r\n    border-radius: 15px;\r\n    background: radial-gradient(#F5E0B7 1px, transparent 1px);\r\n    background-size: 20px 20px;\r\n}\r\n\r\n.fame-section p {\r\n    font-weight: 700;\r\n    color: #003049;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* Concluzie Final\u0103 *\/\r\n.conclusion-box {\r\n    margin-top: 80px;\r\n    padding: 40px;\r\n    background-color: #003049;\r\n    color: #F5E0B7 !important;\r\n    text-align: center;\r\n    border-radius: 5px;\r\n    font-weight: 700 !important;\r\n    font-size: 1.3rem !important;\r\n    border-bottom: 8px solid #F9C80E;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .intro-p::first-letter {\r\n        font-size: 3.5rem;\r\n    }\r\n\r\n    .story-quote {\r\n        padding: 20px;\r\n        font-size: 1.15rem;\r\n    }\r\n\r\n    .highlight-block {\r\n        padding: 25px;\r\n        box-shadow: 8px 8px 0 #F9C80E;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b88591 activitati e-flex e-con-boxed e-con e-parent\" data-id=\"4b88591\" 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-6355624 elementor-widget elementor-widget-html\" data-id=\"6355624\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\n\n<div class=\"activity-hub-premium\" id=\"IconsHub\">\n    <div id=\"hub-menu\" class=\"hub-screen active-screen\">\n        <div class=\"hub-header\">\n            <h2 class=\"playfair-main-title\">Activit\u00e9s<\/h2>\n        <\/div>\n        <div class=\"elegant-grid-5\">\n            <div class=\"elegant-card featured-quiz\" onclick=\"launchActivity('quiz')\">\n                <div class=\"card-icon-wrapper\">\ud83c\udfaf<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Quiz<\/h3>\n                    <span class=\"elegant-btn\">Commencer<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('x')\">\n                <div class=\"card-icon-wrapper\">\ud83e\udde9<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">\u00c9nigme<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('y')\">\n                <div class=\"card-icon-wrapper\">\ud83d\udcda<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Compr\u00e9hension du texte<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('z')\">\n                <div class=\"card-icon-wrapper\">\ud83d\udd52\ufe0f<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Chronologie<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('w')\">\n                <div class=\"card-icon-wrapper\">\ud83c\udfae<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Game<\/h3>\n                    <span class=\"elegant-btn\">Voir<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div id=\"activity-stage\" class=\"hub-screen\" style=\"display:none;\">\n        <button onclick=\"backToMenu()\" class=\"btn-back-elegant\">\u2190 Retour au menu<\/button>\n        <div id=\"activity-content-loader\" class=\"content-stage-box\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap');\n*, *::before, *::after { box-sizing: border-box; }\n.activity-hub-premium { max-width: 1200px; margin: 60px auto; padding: 0 16px; font-family: 'Montserrat', sans-serif; color: #003049; scroll-margin-top: 120px; }\n.playfair-main-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 4vw, 3.2rem); font-weight: 700; text-align: center; margin-bottom: 60px; line-height: 1.2; text-transform: none; }\n.hub-screen { opacity: 0; transition: all 0.5s ease; display: none; }\n.active-screen { display: block !important; opacity: 1 !important; }\n.elegant-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }\n.elegant-card { background: #ffffff; border-radius: 25px; padding: 50px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; cursor: pointer; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); box-shadow: 0 5px 25px rgba(0, 48, 73, 0.05); border: 1px solid rgba(0, 48, 73, 0.08); -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.elegant-card:hover { transform: translateY(-12px); box-shadow: 0 25px 50px rgba(0, 48, 73, 0.15); border-color: #FB6C13; }\n.playfair-card-title { font-family: 'Playfair Display', serif; font-size: clamp(1rem, 2vw, 1.5rem); font-weight: 700; margin: 20px 0; text-transform: none; }\n.card-icon-wrapper { font-size: 4rem; margin-bottom: 10px; }\n.elegant-btn { font-size: 0.9rem; font-weight: 600; color: #FB6C13; padding: 10px 35px; border: 1.5px solid #FB6C13; border-radius: 50px; transition: 0.3s; display: inline-block; text-transform: none; }\n.elegant-card:hover .elegant-btn { background: #FB6C13; color: #fff; }\n.featured-quiz { background: #003049; color: #fff; border: none; }\n.featured-quiz .playfair-card-title { color: #fff; }\n.featured-quiz .elegant-btn { color: #F9C80E; border-color: #F9C80E; }\n.featured-quiz:hover .elegant-btn { background: #F9C80E; color: #003049; }\n.content-stage-box { background: #fff; border-radius: 35px; padding: 60px 50px; box-shadow: 0 40px 100px rgba(0,0,0,0.08); min-height: 500px; overflow: hidden; }\n.btn-back-elegant { background: transparent; color: #003049; border: 1.5px solid #003049; padding: 12px 35px; border-radius: 50px; font-weight: 600; cursor: pointer; margin-bottom: 30px; transition: 0.3s; font-family: 'Montserrat', sans-serif; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.btn-back-elegant:hover { background: #003049; color: #fff; }\n.quiz-splash-elegant { text-align: center; padding: 20px 0; display: flex; flex-direction: column; align-items: center; gap: 10px; }\n.quiz-splash-elegant .splash-emoji { font-size: clamp(4rem, 10vw, 7rem); }\n.quiz-splash-elegant h2 { font-family: 'Playfair Display', serif; font-size: clamp(2rem, 6vw, 4rem); margin: 10px 0 30px; text-transform: none; }\n.btn-start-hero { background: #003049; color: #fff; border: none; padding: 20px 60px; border-radius: 60px; font-family: 'Playfair Display', serif; font-size: clamp(1.3rem, 3vw, 2.2rem); cursor: pointer; transition: 0.4s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; max-width: 100%; }\n.btn-start-hero:hover, .btn-start-hero:active { background: #FB6C13; transform: scale(1.05); }\n.quiz-progress-wrap { margin-bottom: 28px; }\n.quiz-progress-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }\n.quiz-progress-label span { font-weight: 600; font-size: 0.85rem; color: #FB6C13; letter-spacing: 0.05em; text-transform: uppercase; }\n.progress-track { width: 100%; height: 8px; background: #f0f0f0; border-radius: 99px; overflow: hidden; }\n.progress-fill { height: 100%; background: linear-gradient(90deg, #FB6C13, #F9C80E); border-radius: 99px; transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1); }\n.quiz-q-box { width: 100%; }\n.quiz-question-text { font-family: 'Playfair Display', serif; font-size: clamp(1.2rem, 3vw, 2rem); font-weight: 700; color: #003049; margin-bottom: 30px; line-height: 1.35; word-break: break-word; hyphens: auto; }\n#opts-wrap { display: flex; flex-direction: column; gap: 12px; }\n.opt-btn-elegant { width: 100%; padding: 18px 24px; border: 1.5px solid #e8e8e8; border-radius: 18px; font-family: 'Montserrat', sans-serif; font-weight: 500; cursor: pointer; text-align: left; font-size: clamp(0.9rem, 2vw, 1.1rem); transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s; background: #fff; color: #003049; line-height: 1.4; word-break: break-word; -webkit-tap-highlight-color: transparent; touch-action: manipulation; -webkit-text-size-adjust: 100%; }\n.opt-btn-elegant:hover:not(:disabled) { background: #003049 !important; color: #fff !important; border-color: #003049 !important; transform: translateX(4px); }\n.opt-btn-elegant:active:not(:disabled) { transform: scale(0.98); }\n.correct-style { background: #004F2D !important; color: #fff !important; border-color: #004F2D !important; }\n.wrong-style { background: #D62828 !important; color: #fff !important; border-color: #D62828 !important; }\n.quiz-result-box { text-align: center; padding: 10px 0 20px; display: flex; flex-direction: column; align-items: center; gap: 16px; }\n.quiz-result-emoji { font-size: clamp(3.5rem, 10vw, 6rem); }\n.quiz-result-score { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 900; color: #003049; margin: 0; }\n.quiz-result-msg { font-size: clamp(0.95rem, 2.5vw, 1.4rem); color: #555; margin: 0 0 10px; max-width: 500px; line-height: 1.5; }\n.btn-retry { background: #003049; color: #fff; border: none; padding: 16px 50px; border-radius: 60px; font-family: 'Playfair Display', serif; font-size: clamp(1.1rem, 2.5vw, 1.6rem); cursor: pointer; transition: 0.4s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; max-width: 100%; display: inline-block; }\n.btn-retry:hover, .btn-retry:active { background: #FB6C13; transform: scale(1.05); }\n\n\/* \u2500\u2500\u2500 ENIGMA \u2500\u2500\u2500 *\/\n.enigma-stage { width: 100%; text-align: center; }\n.enigma-quote { font-family: 'Playfair Display', serif; font-size: clamp(1.3rem, 3.5vw, 2.3rem); font-weight: 700; color: #003049; line-height: 1.4; max-width: 720px; margin: 0 auto 12px; text-align: center !important; }\n.enigma-question { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 700; color: #004F2D; font-size: clamp(1.05rem, 2.8vw, 1.6rem); margin: 0 auto 35px; max-width: 720px; text-align: center !important; }\n.enigma-choices { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 620px; margin: 0 auto; }\n.enigma-choice { border: 4px solid transparent; border-radius: 20px; overflow: hidden; cursor: pointer; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s, opacity 0.3s; background: #fff; padding: 0; line-height: 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.enigma-choice img { width: 100%; height: auto; display: block; aspect-ratio: 1 \/ 1; object-fit: cover; }\n.enigma-choice:hover:not(.locked) { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 48, 73, 0.2); border-color: #FB6C13; }\n.enigma-choice.locked { pointer-events: none; }\n.enigma-choice.correct-pick { border-color: #004F2D; box-shadow: 0 0 0 4px rgba(0,79,45,0.25); }\n.enigma-choice.wrong-pick { border-color: #D62828; box-shadow: 0 0 0 4px rgba(214,40,40,0.25); }\n.enigma-choice.dim { opacity: 0.4; }\n.enigma-feedback { margin-top: 30px; }\n.enigma-wrong-msg { color: #D62828; font-family: 'Playfair Display', serif; font-weight: 700; font-size: clamp(1.2rem, 3vw, 1.8rem); margin: 0 0 18px; }\n.enigma-result { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 10px 0; }\n.enigma-result-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 900; color: #003049; margin: 0; }\n.enigma-result img { width: min(320px, 80%); border-radius: 20px; box-shadow: 0 15px 40px rgba(0,48,73,0.2); }\n.enigma-playlist-label { font-weight: 600; letter-spacing: 0.1em; color: #FB6C13; text-transform: uppercase; font-size: 1rem; font-family: 'Playfair Display', serif; font-style: italic; }\n.enigma-result p { color: #333; font-size: clamp(0.95rem, 2.5vw, 1.2rem); line-height: 1.6; max-width: 620px; margin: 0; }\n.enigma-result ol, .enigma-result ul { text-align: left; max-width: 600px; margin: 0 auto; color: #333; line-height: 1.7; font-size: clamp(0.95rem, 2.5vw, 1.12rem); }\n\n\/* \u2500\u2500\u2500 READING COMPREHENSION \u2500\u2500\u2500 *\/\n.itext-wrap { width: 100%; max-width: 800px; margin: 0 auto; }\n.itext-main-title { font-family: 'Playfair Display', serif; font-size: clamp(1.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: 210px; }\n.itext-input { flex: 1; min-width: 140px; padding: 12px 16px; border: 1.5px solid #ddd; border-radius: 12px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; transition: border-color 0.2s, background 0.2s; -webkit-text-size-adjust: 100%; }\n.itext-input:focus { outline: none; border-color: #FB6C13; }\n.itext-input.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-input.no { border-color: #D62828; background: #fbeaea; }\n.itext-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\/* Years *\/\n.itext-year-row { display: flex; align-items: center; gap: 14px; border: 1.5px solid #eee; border-radius: 12px; padding: 12px 16px; margin-bottom: 10px; transition: border-color 0.2s, background 0.2s; }\n.itext-year-text { flex: 1 1 auto; color: #003049; line-height: 1.5; }\n.itext-year-input { flex: 0 0 110px; width: 110px !important; max-width: 110px; padding: 10px; border: 1.5px solid #ddd; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size: 1rem; text-align: center; color: #003049; }\n.itext-year-input:focus { outline: none; border-color: #FB6C13; }\n.itext-year-row.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-year-row.no { border-color: #D62828; background: #fbeaea; }\n\/* Riddles *\/\n.itext-enigma-item { border: 1.5px solid #eee; border-radius: 12px; padding: 14px 18px; margin-bottom: 12px; }\n.itext-enigma-head { font-weight: 600; color: #003049; margin-bottom: 8px; }\n.itext-enigma-code { font-family: monospace; background: #f6f8fa; padding: 8px 12px; border-radius: 8px; display: inline-block; margin-bottom: 10px; color: #003049; letter-spacing: 1px; font-size: 0.95rem; }\n.itext-enigma-hint { color: #666; font-size: 0.9rem; margin: 6px 0 10px; }\n.itext-enigma-input { width: 100%; padding: 11px 14px; border: 1.5px solid #ddd; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; }\n.itext-enigma-input:focus { outline: none; border-color: #FB6C13; }\n.itext-enigma-input.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-enigma-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; } .itext-year-input { flex: 0 0 90px; width: 90px !important; max-width: 90px; } }\n@media (max-width: 480px) { .elegant-grid-5 { grid-template-columns: 1fr; } .activity-hub-premium { margin: 30px auto; } .content-stage-box { padding: 24px 16px; border-radius: 16px; min-height: auto; } .opt-btn-elegant { padding: 15px 18px; border-radius: 14px; } .enigma-choices { gap: 14px; } }\n<\/style>\n\n<script>\n(function() {\n    const QUIZ_DATA = [\n    {\n        q: \"De quel pays \u00e9tait originaire la famille de Zidane ?\",\n        a: [\"Maroc\", \"Tunisie\", \"\u00c9gypte\", \"Alg\u00e9rie\"],\n        c: 3\n    },\n    {\n        q: \"Que disait-on de sa mani\u00e8re de jouer au football ?\",\n        a: [\n            \"Qu\u2019il courait tr\u00e8s vite\",\n            \"Que le ballon semblait danser \u00e0 ses pieds\",\n            \"Qu\u2019il marquait uniquement sur coups francs\",\n            \"Qu\u2019il ne faisait jamais de passes\"\n        ],\n        c: 1\n    },\n    {\n        q: \"\u00c0 quel \u00e2ge est-il entr\u00e9 dans un club de football ?\",\n        a: [\"8 ans\", \"10 ans\", \"12 ans\", \"15 ans\"],\n        c: 1\n    },\n    {\n        q: \"Quel \u00e9tait le surnom de Zidane ?\",\n        a: [\"Zizou\", \"Zizi\", \"Zed\", \"Zino\"],\n        c: 0\n    },\n    {\n        q: \"Contre quelle \u00e9quipe la France a-t-elle jou\u00e9 la finale de la Coupe du monde 1998 ?\",\n        a: [\"Allemagne\", \"Italie\", \"Argentine\", \"Br\u00e9sil\"],\n        c: 3\n    },\n    {\n        q: \"Combien de buts Zidane a-t-il marqu\u00e9s lors de la finale de la Coupe du monde 1998 ?\",\n        a: [\"Aucun\", \"Un but\", \"Deux buts\", \"Trois buts\"],\n        c: 2\n    },\n    {\n        q: \"Dans quel grand club Zidane a-t-il jou\u00e9 apr\u00e8s la Juventus ?\",\n        a: [\"Barcelone\", \"Manchester United\", \"Real Madrid\", \"Bayern Munich\"],\n        c: 2\n    },\n    {\n        q: \"Que est devenu Zidane apr\u00e8s sa retraite de joueur ?\",\n        a: [\"Arbitre\", \"Commentateur sportif\", \"Entra\u00eeneur\", \"M\u00e9decin du sport\"],\n        c: 2\n    },\n    {\n        q: \"Que nous enseigne l\u2019histoire de Zinedine Zidane ?\",\n        a: [\n            \"Que seul le talent compte\",\n            \"Que le travail, la patience et l\u2019humilit\u00e9 sont tout aussi importants que le talent\",\n            \"Que le succ\u00e8s arrive du jour au lendemain\",\n            \"Qu\u2019il faut \u00eatre riche pour r\u00e9ussir\"\n        ],\n        c: 1\n    },\n    {\n        q: \"Quelle importante r\u00e9compense Zidane a-t-il remport\u00e9e au cours de sa carri\u00e8re ?\",\n        a: [\"Le Soulier d\u2019Or\", \"Le Ballon d\u2019Or\", \"La Coupe Davis\", \"Le Prix Laureus de l\u2019Entra\u00eeneur de l\u2019Ann\u00e9e\"],\n        c: 1\n    }\n];\n\n    const LABELS = [\"A\", \"B\", \"C\", \"D\"];\n    const TOTAL = QUIZ_DATA.length;\n    const QUIZ_TITLE = \"Quiz\";\n    const QUIZ_LABEL = \"Question\";\n    const ACTIVITY_LABEL = \"Activit\u00e9\";\n    const SOON_LABEL = \"Bient\u00f4t disponible...\";\n    const START_LABEL = \"Commencer\";\n    const RETRY_LABEL = \"Refaire le test\";\n    function msgFinal(s) { return s === TOTAL ? \"10 Parfait !\" : s >= 7 ? \"Excellent !\" : \"Bravo ! Tu as termin\u00e9 le d\u00e9fi. R\u00e9essaie !\"; }\n    function emoji(s) { return s === TOTAL ? \"\ud83c\udfc6\" : s >= 7 ? \"\ud83e\udd47\" : s >= 5 ? \"\ud83c\udfaf\" : \"\ud83d\udcaa\"; }\n\n    let score = 0, currentIdx = 0;\n\n    \/\/ \u2500\u2500 Enigma images \u2500\u2500\n    const ENIGMA_CORRECT = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20.jpg\";\n    const ENIGMA_WRONG   = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/1.jpg\";\n\n    \/\/ \u2500\u2500 Reading Comprehension data \u2014 Zidane \u2500\u2500\n    const IT_IMG = ENIGMA_CORRECT;\n    const IT_PDF  = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Zidane-1-IT-Fr.pdf\";\n    const IT_PDF2 = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Zidane-2-IT-Fr.pdf\";\n    const IT_FISA = {\n        nom:        [\"zidane\", \"zidan\"],\n        prenom:     [\"zinedine\", \"zinedin\"],\n        naissance:  [\"1972\", \"marseille\"],\n        origine:    [\"algerie\", \"algerien\"],\n        surnom:     [\"zizou\"],\n        profession: [\"footballeur\", \"football\", \"entraineur\", \"joueur\", \"athlete\"]\n    };\n    const IT_FISA_LABELS = {\n        nom:        \"Nom :\",\n        prenom:     \"Pr\u00e9nom :\",\n        naissance:  \"Ann\u00e9e et lieu de naissance :\",\n        origine:    \"Origine :\",\n        surnom:     \"Surnom :\",\n        profession: \"Profession :\"\n    };\n    const IT_AF = [\n        { t: \"Il ne passait jamais la balle.\", correct: false },\n        { t: \"Il s'est entra\u00een\u00e9 durement.\", correct: true },\n        { t: \"Il est rapidement devenu une star.\", correct: false }\n    ];\n    const IT_KW_VALORI = [\n        [\"respect\"], [\"patience\"], [\"travail\"],\n        [\"douceur\", \"amour\", \"veillait\", \"tendresse\"], [\"humilit\", \"modest\"]\n    ];\n    const IT_KW_TRASATURI = [\n        [\"silencieux\", \"timide\", \"discret\"], [\"talent\", \"genie\"], [\"calme\", \"tranquil\"],\n        [\"humble\", \"humilit\", \"modest\"], [\"perseveran\", \"travail\", \"entrain\"], [\"elegan\", \"danse\", \"beau\"], [\"respect\"]\n    ];\n    const IT_YEARS = [\n        { t: \"1\u00e8re coupe du monde\", year: \"1998\" },\n        { t: \"Entr\u00e9e dans un club de foot\", year: \"1982\" },\n        { t: \"Victoire de l'Euro\", year: \"2000\" },\n        { t: \"Premier match professionnel\", year: \"1989\" },\n        { t: \"2\u00e8me coupe du monde\", year: \"2006\" },\n        { t: \"Entr\u00e9e au centre de formation\", year: \"1985\" }\n    ];\n    const IT_ENIGME = [\n        { id: \"en-ville\", head: \"a) La ville\", code: \"43.296174 N  5.369953 E\", hint: \"\", accept: [\"marseille\"] },\n        { id: \"en-sport\", head: \"b) Le sport\", code: \"6 - 15 - 15 - 20 - 2 - 1 - 12 - 12\", hint: \"Indice : A=1, B=2, C=3 \u2026 (chaque nombre correspond \u00e0 une lettre).\", accept: [\"football\", \"footbal\"] },\n        { id: \"en-pers\", head: \"c) Le personnage principal\", code: \"\", hint: \"R\u00e9sous le r\u00e9bus de la fiche d'\u00e9nigmes (Fiche 2) et \u00e9cris le personnage principal.\", accept: [\"zinedinezidane\", \"zidane\"] }\n    ];\n\n    function itextNorm(s) { return (s || \"\").normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '').toLowerCase(); }\n    function itextStrip(s) { return itextNorm(s).replace(\/[\u2019'\\s.\\-]\/g, '').trim(); }\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-learn-spark.lovable.app\" width=\"100%\" height=\"800\" style=\"border:0;display:block;border-radius:16px;\" allowfullscreen loading=\"lazy\" title=\"Jeu d\u2019association \u2013 Zinedine Zidane\"><\/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\">\u00abC'est mon p\u00e8re qui nous a appris qu'un immigr\u00e9 doit travailler deux fois plus que n'importe qui d'autre.\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 Zinedine Zidane<\/h2>\n                <img decoding=\"async\" src=\"${ENIGMA_CORRECT}\" alt=\"Zinedine Zidane\">\n                <span class=\"enigma-playlist-label\">Histoires de r\u00e9ussite<\/span>\n                <p>Demande aux groupes de cr\u00e9er une courte histoire sur un \u00e9l\u00e8ve, un travailleur, un scientifique, un artiste ou un athl\u00e8te immigr\u00e9. Leur histoire doit inclure :<\/p>\n                <ul>\n                    <li>Un d\u00e9fi ;<\/li>\n                    <li>Un obstacle \u00e0 surmonter ;<\/li>\n                    <li>Un moment de pers\u00e9v\u00e9rance ;<\/li>\n                    <li>Un r\u00e9sultat positif.<\/li>\n                <\/ul>\n                <p>Les groupes pr\u00e9sentent leurs histoires \u00e0 la classe.<\/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 gar\u00e7on qui faisait danser le ballon<\/h2>\n                <p class=\"itext-subtitle\">Compr\u00e9hension du texte \u00b7 Zinedine Zidane<\/p>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-green\">1. Fiche de renseignement du personnage<\/div>\n                    <p class=\"itext-instruction\">\u00c0 partir du texte, compl\u00e8te la fiche de renseignement du personnage.<\/p>\n                    <div class=\"itext-fisa\">\n                        <img decoding=\"async\" src=\"${IT_IMG}\" alt=\"Zinedine Zidane\">\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 valeurs transmises \u00e0 la maison et les traits de caract\u00e8re du personnage.<\/p>\n                    <div class=\"itext-cols\">\n                        <div>\n                            <div class=\"itext-col-title pasiuni\">Valeurs transmises \u00e0 la maison<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-valori\" 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>Valeurs transmises \u00e0 la maison :<\/strong> le respect, la patience, le travail ; la douceur \/ l'amour (sa m\u00e8re veillait avec douceur) ; l'humilit\u00e9.<br>\n                        <strong>Traits de caract\u00e8re :<\/strong> silencieux et timide, talentueux (du g\u00e9nie), calme, humble, pers\u00e9v\u00e9rant, \u00e9l\u00e9gant (il faisait danser le ballon).\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. Retrouve l'ann\u00e9e de chaque \u00e9v\u00e8nement<\/div>\n                    <p class=\"itext-instruction\">\u00c9cris la bonne ann\u00e9e \u00e0 c\u00f4t\u00e9 de chaque \u00e9v\u00e8nement.<\/p>\n                    ${IT_YEARS.map((e) => `\n                        <div class=\"itext-year-row\">\n                            <div class=\"itext-year-text\">${e.t}<\/div>\n                            <input class=\"itext-year-input\" data-year=\"${e.year}\" type=\"text\" inputmode=\"numeric\" placeholder=\"Ann\u00e9e\">\n                        <\/div>`).join('')}\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckYears()\">V\u00e9rifier les ann\u00e9es<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"Voir les ann\u00e9es\" onclick=\"window.itextToggleExamples('ex-years', this)\">Voir les ann\u00e9es<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"years-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-years\">\n                        ${IT_YEARS.map(e => `<strong>${e.t} :<\/strong> ${e.year}<br>`).join('')}\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-navy\">5. Fiche d'\u00e9nigmes<\/div>\n                    <p class=\"itext-instruction\">R\u00e9sous les \u00e9nigmes pour d\u00e9couvrir le personnage principal.<\/p>\n                    ${IT_ENIGME.map(e => `\n                        <div class=\"itext-enigma-item\">\n                            <div class=\"itext-enigma-head\">${e.head}<\/div>\n                            ${e.code ? `<span class=\"itext-enigma-code\">${e.code}<\/span>` : ''}\n                            ${e.hint ? `<p class=\"itext-enigma-hint\">${e.hint}<\/p>` : ''}\n                            <input class=\"itext-enigma-input\" id=\"${e.id}\" type=\"text\" autocomplete=\"off\" placeholder=\"Ta r\u00e9ponse...\">\n                        <\/div>`).join('')}\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckEnigme()\">V\u00e9rifier les \u00e9nigmes<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"enigme-msg\"><\/div>\n                <\/div>\n\n                <div class=\"itext-download\">\n                    <p class=\"itext-download-text\">Les fiches en format PDF :<\/p>\n                    <a href=\"${IT_PDF}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download\">\ud83d\udcc4 Fiche 1 \u2014 Compr\u00e9hension du texte<\/a>\n                    <a href=\"${IT_PDF2}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download secondary\">\ud83d\udcc4 Fiche 2 \u2014 \u00c9nigmes<\/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 vTxt = document.getElementById('it-valori').value;\n        const tTxt = document.getElementById('it-trasaturi').value;\n        const msg = document.getElementById('descopera-msg');\n        if (!vTxt.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 v = itextCountGroups(vTxt, IT_KW_VALORI);\n        const t = itextCountGroups(tTxt, IT_KW_TRASATURI);\n        const ok = v >= 1 && t >= 2;\n        msg.style.color = ok ? '#004F2D' : '#B26A00';\n        msg.innerHTML = ok\n            ? `\u2705 Bravo ! Tu as relev\u00e9 ${v} valeur(s) et ${t} traits de caract\u00e8re dans le texte.`\n            : `\ud83d\udd0e Tu as trouv\u00e9 ${v} valeur(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.itextCheckYears = function() {\n        const rows = document.querySelectorAll('.itext-year-row');\n        let ok = 0, answered = 0;\n        rows.forEach(row => {\n            const inp = row.querySelector('.itext-year-input');\n            row.classList.remove('ok', 'no');\n            if (!inp.value.trim()) return;\n            answered++;\n            if (inp.value.trim() === inp.dataset.year) { ok++; row.classList.add('ok'); }\n            else row.classList.add('no');\n        });\n        const msg = document.getElementById('years-msg');\n        if (answered === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Compl\u00e8te d\\'abord les ann\u00e9es.';\n            return;\n        }\n        const allOk = ok === rows.length;\n        msg.style.color = allOk ? '#004F2D' : '#B26A00';\n        msg.innerText = allOk\n            ? '\u2705 Parfait ! Tu as \u00e9crit toutes les ann\u00e9es correctement.'\n            : `\ud83d\udd0e Tu as ${ok}\/${rows.length} corrects. Corrige ceux en rouge (clique sur \u00abVoir les ann\u00e9es\u00bb si tu as besoin d'aide).`;\n    };\n\n    window.itextCheckEnigme = function() {\n        let ok = 0, answered = 0;\n        IT_ENIGME.forEach(e => {\n            const inp = document.getElementById(e.id);\n            inp.classList.remove('ok', 'no');\n            if (!inp.value.trim()) return;\n            answered++;\n            const val = itextStrip(inp.value);\n            const good = e.accept.some(a => val === itextStrip(a));\n            inp.classList.add(good ? 'ok' : 'no');\n            if (good) ok++;\n        });\n        const msg = document.getElementById('enigme-msg');\n        if (answered === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'R\u00e9sous d\\'abord les \u00e9nigmes.';\n            return;\n        }\n        const allOk = ok === IT_ENIGME.length;\n        msg.style.color = allOk ? '#004F2D' : '#B26A00';\n        msg.innerText = allOk\n            ? '\u2705 Bravo ! Tu as r\u00e9solu toutes les \u00e9nigmes \u2014 le personnage principal est Zinedine Zidane !'\n            : `\ud83d\udd0e Tu as ${ok}\/${IT_ENIGME.length} corrects. R\u00e9essaie ceux en rouge.`;\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\">\ud83c\udfaf<\/div>\n                <h2>${QUIZ_TITLE}<\/h2>\n                <button onclick=\"window.startQuizNow()\" class=\"btn-start-hero\">${START_LABEL}<\/button>\n            <\/div>`;\n    };\n\n    window.startQuizNow = function() { renderNextQ(); };\n\n    function renderProgressBar(current, total) {\n        const pct = Math.round((current \/ total) * 100);\n        return `<div class=\"quiz-progress-wrap\">\n            <div class=\"quiz-progress-label\"><span>${QUIZ_LABEL} ${current + 1} \/ ${total}<\/span><span>${pct}%<\/span><\/div>\n            <div class=\"progress-track\"><div class=\"progress-fill\" style=\"width:${pct}%\"><\/div><\/div>\n        <\/div>`;\n    }\n\n    function renderNextQ() {\n        const data = QUIZ_DATA[currentIdx];\n        const loader = document.getElementById('activity-content-loader');\n        loader.innerHTML = `<div class=\"quiz-q-box\">${renderProgressBar(currentIdx, TOTAL)}<p class=\"quiz-question-text\">${data.q}<\/p><div id=\"opts-wrap\"><\/div><\/div>`;\n        requestAnimationFrame(() => {\n            const fill = loader.querySelector('.progress-fill');\n            if (fill) { const t = fill.style.width; fill.style.width = '0%'; requestAnimationFrame(() => { fill.style.width = t; }); }\n        });\n        data.a.forEach((opt, i) => {\n            const b = document.createElement('button');\n            b.className = 'opt-btn-elegant';\n            b.innerText = `${LABELS[i]}. ${opt}`;\n            b.onclick = () => validateAns(i, b);\n            document.getElementById('opts-wrap').appendChild(b);\n        });\n    }\n\n    function validateAns(idx, btn) {\n        const correct = QUIZ_DATA[currentIdx].c;\n        document.querySelectorAll('.opt-btn-elegant').forEach(b => { b.disabled = true; });\n        if(idx === correct) { score++; btn.classList.add('correct-style'); }\n        else { btn.classList.add('wrong-style'); document.querySelectorAll('.opt-btn-elegant')[correct].classList.add('correct-style'); }\n        setTimeout(() => { currentIdx++; if(currentIdx < TOTAL) renderNextQ(); else showFinalResult(); }, 1300);\n    }\n\n    function showFinalResult() {\n        const loader = document.getElementById('activity-content-loader');\n        loader.innerHTML = `<div class=\"quiz-result-box\">\n            <div class=\"quiz-result-emoji\">${emoji(score)}<\/div>\n            <p class=\"quiz-result-score\">Score : ${score} \/ ${TOTAL}<\/p>\n            <p class=\"quiz-result-msg\">${msgFinal(score)}<\/p>\n            <button onclick=\"window.showQuizIntro()\" class=\"btn-retry\">${RETRY_LABEL}<\/button>\n        <\/div>`;\n        if(score === TOTAL) {\n            const end = Date.now() + 4000;\n            (function frame() {\n                confetti({ particleCount: 3, angle: 60, spread: 55, origin: { x: 0 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n                confetti({ particleCount: 3, angle: 120, spread: 55, origin: { x: 1 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n                if (Date.now() < end) requestAnimationFrame(frame);\n            }());\n        }\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-433e11b e-flex e-con-boxed e-con e-parent\" data-id=\"433e11b\" 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-cd47e7b elementor-widget elementor-widget-afd_audio_player\" data-id=\"cd47e7b\" 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\\\/Zinedine-Zidane-1-v1.mp3&quot;,&quot;title&quot;:&quot;Zinedine Zidane&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                    Zinedine Zidane                <\/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 Vision \u2022 Pr\u00e9cision Zinedine Zidane Maison &gt; Zinedine Zidane Le gar\u00e7on qui faisait danser le ballon Savais-tu que certaines grandes histoires commencent sur un terrain poussi\u00e9reux, entre deux immeubles gris, avec un ballon us\u00e9 et beaucoup de r\u00eaves ? \u00c9COUTER LIRE ACTIVIT\u00c9 Regardez Savais-tu que certaines grandes histoires commencent sur un terrain poussi\u00e9reux, [&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-14112","page","type-page","status-publish","hentry"],"acf":[],"lang":"fr","translations":{"fr":14112,"en":13468,"ro":12666,"el":13659,"it":13862},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14112","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=14112"}],"version-history":[{"count":28,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14112\/revisions"}],"predecessor-version":[{"id":17887,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/14112\/revisions\/17887"}],"wp:attachment":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/media?parent=14112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}