{"id":7449,"date":"2025-11-03T14:00:52","date_gmt":"2025-11-03T13:00:52","guid":{"rendered":"https:\/\/sites.ac-corse.fr\/1d2b\/?p=7449"},"modified":"2026-10-13T08:37:52","modified_gmt":"2026-10-13T06:37:52","slug":"applications","status":"publish","type":"post","link":"https:\/\/sites.ac-corse.fr\/1d2b\/2025\/11\/03\/applications\/","title":{"rendered":"Applications"},"content":{"rendered":"\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\"><strong>Pr\u00e9sentation<\/strong><\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Un fonctionnement en ligne<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les applications propos\u00e9es sur cette page sont principalement des applications web. Leur utilisation n\u00e9cessite donc une connexion Internet, ce qui suppose d\u2019anticiper la qualit\u00e9 et la stabilit\u00e9 du r\u00e9seau disponible en classe ou dans l\u2019\u00e9tablissement, en particulier pour un usage collectif. Aucun t\u00e9l\u00e9chargement n\u2019est requis pour la majorit\u00e9 d\u2019entre elles, cependant certaines  sont \u00e9galement \u00eatre propos\u00e9es en version t\u00e9l\u00e9chargeable. Les informations manipul\u00e9es restent stock\u00e9es localement dans le navigateur et ne font pas l\u2019objet d\u2019une m\u00e9morisation ou d\u2019un enregistrement des donn\u00e9es, ce qui limite les enjeux li\u00e9s \u00e0 la conservation des informations.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Une utilisation flexible en classe<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les applications peuvent \u00eatre utilis\u00e9es&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>en collectif<\/strong>, projet\u00e9e sur un TBI ou un ENI, pour lancer une activit\u00e9 commune, d\u00e9battre autour d\u2019une image ou construire un texte \u00e0 plusieurs ;<\/li>\n\n\n\n<li><strong>en individuel<\/strong>, sur tablette ou ordinateur, permettant aux \u00e9l\u00e8ves de travailler \u00e0 leur rythme, en autonomie ou dans le cadre d\u2019un atelier diff\u00e9renci\u00e9.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Cette souplesse d\u2019usage permet d\u2019adapter l\u2019outil aux besoins r\u00e9els de la classe : rem\u00e9diation, entra\u00eenement, production \u00e9crite ou activit\u00e9 de d\u00e9couverte.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>\u00c0 garder en t\u00eate<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les applications constituent des <strong>outils <\/strong>d&rsquo;appui, utiles pour varier les supports et les modalit\u00e9s de travail. Elles ne remplacent ni l\u2019enseignement explicite, ni les \u00e9changes p\u00e9dagogiques.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour toute remarque (dysfonctionnement, am\u00e9lioration) \u00e9crire \u00e0 num3rique.2b@ac-corse.fr<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\"><strong>Les applications<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choisissez votre cat\u00e9gorie puis cliquez sur l&rsquo;image pour acc\u00e9der \u00e0 l&rsquo;application d\u00e9sir\u00e9e.<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Jeu du \u00ab\u00a0<\/strong><strong>Qui est-ce&nbsp;?<\/strong>\u00ab\u00a0<\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/krole.forge.apps.education.fr\/memory_sorciere\/\" target=\"_blank\" rel=\"noopener\"><strong>       La sorci\u00e8re   <\/strong>     <\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Identifier la sorci\u00e8re choisie par la ma\u00eetre du jeu.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/krole.forge.apps.education.fr\/jeu_memory_animaux-fantastique\/\" target=\"_blank\" rel=\"noopener\"><strong>Animaux fantastiques<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Identifier l&rsquo;animal fantastique choisi par le ma\u00eetre du jeu.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>D\u00e9voiler des images.<\/strong><\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/krole.forge.apps.education.fr\/image_devoilement_carre\/\" target=\"_blank\" rel=\"noopener\">   <strong>R\u00e9v\u00e9lateur<\/strong>    <\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">D\u00e9couvrir progressivement une image cach\u00e9e par 4 \u00e0 100 carr\u00e9s.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/krole.forge.apps.education.fr\/image_rideau\/\" target=\"_blank\" rel=\"noopener\">       <strong>Rideau<\/strong>      <\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">D\u00e9couvrir graduellement une image cach\u00e9e derri\u00e8re un rideau.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/krole.forge.apps.education.fr\/image_lampe_magique\/\" target=\"_blank\" rel=\"noopener\">        <strong>Lampe <\/strong>        <\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">D\u00e9couvrir graduellement une image cach\u00e9e en d\u00e9pla\u00e7ant une \u00ab\u00a0lampe magique\u00a0\u00bb<\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Jouer avec les images<\/strong><\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/krole.forge.apps.education.fr\/image_negatif_colore\/\" target=\"_blank\" rel=\"noopener\"><strong>N\u00e9gatif color\u00e9<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Transformer vos images en leur donnant de nouvelles couleurs.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/krole.forge.apps.education.fr\/image_pixelisation\/\" target=\"_blank\" rel=\"noopener\"><strong>Pixeliser vos images<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Modifier une image en la pixelisant.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/krole.forge.apps.education.fr\/image_vieillissement\/\" target=\"_blank\" rel=\"noopener\"><strong>Vieillir une image<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Modifier une image pour lui donner un aspect vintage.<\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.remove.bg\/fr\" target=\"_blank\" rel=\"noopener\"><strong>Effacer le fond<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Effacer le fond d&rsquo;une image avec sur le site RemoveBG.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Jeu sur le th\u00e8me de l&rsquo;IA<\/strong><\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Vocabulaire de l&rsquo;IA<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f5f5;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .banner-container {\n            width: 5cm;\n            height: 5cm;\n            background: linear-gradient(135deg, #8fbc8f 0%, #c2efc2 100%);\n            border-radius: 20px;\n            padding: 15px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .banner-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 250px;\n            height: 250px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .banner-title {\n            font-size: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            margin: 0;\n        }\n\n        .banner-text {\n            font-size: 11px;\n            line-height: 1.4;\n            opacity: 0.95;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 0;\n        }\n\n        .app-link {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: white;\n            color: #8fbc8f;\n            padding: 10px 18px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            white-space: nowrap;\n            align-self: center;\n        }\n\n        .app-link:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);\n            background: #ffffff;\n        }\n\n        .app-icon {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-title\">Vocabulaire de l&rsquo;IA<\/h1>\n            <p class=\"banner-text\">Un jeu d\u2019appariement pour mieux maitriser le vocabulaire autour des IA.\n<\/p>\n            <a href=\"https:\/\/krole.forge.apps.education.fr\/ia_vocabulaire\" class=\"app-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <svg class=\"app-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\n                    <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Acc\u00e9der \u00e0 l&rsquo;application\n            <\/a>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Tri de formes g\u00e9om\u00e9triques<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f5f5;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .banner-container {\n            width: 5cm;\n            height: 5cm;\n            background: linear-gradient(135deg, #8fbc8f 0%, #c2efc2 100%);\n            border-radius: 20px;\n            padding: 15px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .banner-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 250px;\n            height: 250px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .banner-title {\n            font-size: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            margin: 0;\n        }\n\n        .banner-text {\n            font-size: 11px;\n            line-height: 1.4;\n            opacity: 0.95;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 0;\n        }\n\n        .app-link {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: white;\n            color: #8fbc8f;\n            padding: 10px 18px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            white-space: nowrap;\n            align-self: center;\n        }\n\n        .app-link:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);\n            background: #ffffff;\n        }\n\n        .app-icon {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-title\">Tri de formes g\u00e9om\u00e9triques<\/h1>\n            <p class=\"banner-text\">Trouver un crit\u00e8re de tri et \u00e9crire l&rsquo;algorithme correspondant.<\/p>\n            <a href=\"https:\/\/krole.forge.apps.education.fr\/ia_tri_forme_geometrique\" class=\"app-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <svg class=\"app-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\n                    <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Acc\u00e9der \u00e0 l&rsquo;application\n            <\/a>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>EMI<\/strong><\/summary>\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Bonnes pratiques-EMI<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f5f5;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .banner-container {\n            width: 5cm;\n            height: 5cm;\n            background: linear-gradient(135deg, #8fbc8f 0%, #c2efc2 100%);\n            border-radius: 20px;\n            padding: 15px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .banner-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 250px;\n            height: 250px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .banner-title {\n            font-size: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            margin: 0;\n        }\n\n        .banner-text {\n            font-size: 11px;\n            line-height: 1.4;\n            opacity: 0.95;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 0;\n        }\n\n        .app-link {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: white;\n            color: #8fbc8f;\n            padding: 10px 18px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            white-space: nowrap;\n            align-self: center;\n        }\n\n        .app-link:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);\n            background: #ffffff;\n        }\n\n        .app-icon {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-title\">Bonnes pratiques-EMI<\/h1>\n            <p class=\"banner-text\">Trouver la d\u00e9finition d&rsquo;un mot, lui associer un exemple et la bonne pratique.<\/p>\n            <a href=\"https:\/\/krole.forge.apps.education.fr\/bonnes-pratiques\/\" class=\"app-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <svg class=\"app-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\n                    <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Acc\u00e9der \u00e0 l&rsquo;application\n            <\/a>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Orthographe<\/strong><\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Ecris ton mot<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f5f5;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .banner-container {\n            width: 5cm;\n            height: 5cm;\n            background: linear-gradient(135deg, #8fbc8f 0%, #c2efc2 100%);\n            border-radius: 20px;\n            padding: 15px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .banner-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 250px;\n            height: 250px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .banner-title {\n            font-size: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            margin: 0;\n        }\n\n        .banner-text {\n            font-size: 11px;\n            line-height: 1.4;\n            opacity: 0.95;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 0;\n        }\n\n        .app-link {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: white;\n            color: #8fbc8f;\n            padding: 10px 18px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            white-space: nowrap;\n            align-self: center;\n        }\n\n        .app-link:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);\n            background: #ffffff;\n        }\n\n        .app-icon {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-title\">Ecris ton mot<\/h1>\n            <p class=\"banner-text\">Ecrire des mots de 2 \u00e0 20 lettres<\/p>\n            <a href=\"https:\/\/krole.forge.apps.education.fr\/fran_maternelle_cycle2_ecrire_des_mots\" class=\"app-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <svg class=\"app-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\n                    <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Acc\u00e9der \u00e0 l&rsquo;application\n            <\/a>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Pseudo-mots<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f5f5;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .banner-container {\n            width: 5cm;\n            height: 5cm;\n            background: linear-gradient(135deg, #8fbc8f 0%, #c2efc2 100%);\n            border-radius: 20px;\n            padding: 15px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .banner-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 250px;\n            height: 250px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .banner-title {\n            font-size: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            margin: 0;\n        }\n\n        .banner-text {\n            font-size: 11px;\n            line-height: 1.4;\n            opacity: 0.95;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 0;\n        }\n\n        .app-link {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: white;\n            color: #8fbc8f;\n            padding: 10px 18px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            white-space: nowrap;\n            align-self: center;\n        }\n\n        .app-link:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);\n            background: #ffffff;\n        }\n\n        .app-icon {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-title\">Pseudo-mots<\/h1>\n            <p class=\"banner-text\">G\u00e9n\u00e9rer et lire des listes de pseudo-mots.<\/p>\n            <a href=\"https:\/\/krole.forge.apps.education.fr\/fran_lire_pseudos_mots\" class=\"app-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <svg class=\"app-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\n                    <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Acc\u00e9der \u00e0 l&rsquo;application\n            <\/a>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Liste Dubois-Buyse<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f5f5;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .banner-container {\n            width: 5cm;\n            height: 5cm;\n            background: linear-gradient(135deg, #8fbc8f 0%, #c2efc2 100%);\n            border-radius: 20px;\n            padding: 15px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .banner-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 250px;\n            height: 250px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .banner-title {\n            font-size: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            margin: 0;\n        }\n\n        .banner-text {\n            font-size: 11px;\n            line-height: 1.4;\n            opacity: 0.95;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 0;\n        }\n\n        .app-link {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: white;\n            color: #8fbc8f;\n            padding: 10px 18px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            white-space: nowrap;\n            align-self: center;\n        }\n\n        .app-link:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);\n            background: #ffffff;\n        }\n\n        .app-icon {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-title\">Liste Dubois-Buyse<\/h1>\n            <p class=\"banner-text\">G\u00e9n\u00e9rer des listes de mots \u00e0 partir de l&rsquo;\u00e9chelle Dubois-Buyse<\/p>\n            <a href=\"https:\/\/krole.forge.apps.education.fr\/fran_lecture_liste_dubois_buyse\" class=\"app-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <svg class=\"app-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\n                    <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Acc\u00e9der \u00e0 l&rsquo;application\n            <\/a>\n        <\/div>\n    <\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Lire et comprendre<\/strong><\/summary>\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Dessine un monstre<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f5f5;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .banner-container {\n            width: 5cm;\n            height: 5cm;\n            background: linear-gradient(135deg, #8fbc8f 0%, #c2efc2 100%);\n            border-radius: 20px;\n            padding: 15px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .banner-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 250px;\n            height: 250px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .banner-title {\n            font-size: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            margin: 0;\n        }\n\n        .banner-text {\n            font-size: 11px;\n            line-height: 1.4;\n            opacity: 0.95;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 0;\n        }\n\n        .app-link {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: white;\n            color: #8fbc8f;\n            padding: 10px 18px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            white-space: nowrap;\n            align-self: center;\n        }\n\n        .app-link:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);\n            background: #ffffff;\n        }\n\n        .app-icon {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-title\">Dessine un monstre<\/h1>\n            <p class=\"banner-text\">Dessiner le monstre correspondant \u00e0 la description g\u00e9n\u00e9r\u00e9e<\/p>\n            <a href=\"https:\/\/krole.forge.apps.education.fr\/fran_lecture_dessine_monstre\/\" class=\"app-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <svg class=\"app-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\n                    <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Acc\u00e9der \u00e0 l&rsquo;application\n            <\/a>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Possible, impossible<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f5f5;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .banner-container {\n            width: 5cm;\n            height: 5cm;\n            background: linear-gradient(135deg, #8fbc8f 0%, #c2efc2 100%);\n            border-radius: 20px;\n            padding: 15px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .banner-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 250px;\n            height: 250px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .banner-title {\n            font-size: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            margin: 0;\n        }\n\n        .banner-text {\n            font-size: 11px;\n            line-height: 1.4;\n            opacity: 0.95;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 0;\n        }\n\n        .app-link {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: white;\n            color: #8fbc8f;\n            padding: 10px 18px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            white-space: nowrap;\n            align-self: center;\n        }\n\n        .app-link:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);\n            background: #ffffff;\n        }\n\n        .app-icon {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-title\">Possible, impossible<\/h1>\n            <p class=\"banner-text\">Lire et comprendre des phrases<\/p>\n            <a href=\"https:\/\/krole.forge.apps.education.fr\/fran_lire_possible_impossible\" class=\"app-link\">\n                <svg class=\"app-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\n                    <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Acc\u00e9der \u00e0 l&rsquo;application\n            <\/a>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Calculer<\/strong><\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Les animaux<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f5f5;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .banner-container {\n            width: 5cm;\n            height: 5cm;\n            background: linear-gradient(135deg, #8fbc8f 0%, #c2efc2 100%);\n            border-radius: 20px;\n            padding: 15px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .banner-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 250px;\n            height: 250px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .banner-title {\n            font-size: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            margin: 0;\n        }\n\n        .banner-text {\n            font-size: 11px;\n            line-height: 1.4;\n            opacity: 0.95;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 0;\n        }\n\n        .app-link {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: white;\n            color: #8fbc8f;\n            padding: 10px 18px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            white-space: nowrap;\n            align-self: center;\n        }\n\n        .app-link:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);\n            background: #ffffff;\n        }\n\n        .app-icon {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-title\">Les animaux<\/h1>\n            <p class=\"banner-text\">Composer et d\u00e9composer  des collections jusqu\u2019\u00e0 10.<\/p>\n            <a href=\"https:\/\/krole.forge.apps.education.fr\/maternelle_numeration_animaux\/\" class=\"app-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <svg class=\"app-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\n                    <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Acc\u00e9der \u00e0 l&rsquo;application\n            <\/a>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Les fruits<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f5f5;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .banner-container {\n            width: 5cm;\n            height: 5cm;\n            background: linear-gradient(135deg, #8fbc8f 0%, #c2efc2 100%);\n            border-radius: 20px;\n            padding: 15px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .banner-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 250px;\n            height: 250px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .banner-title {\n            font-size: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            margin: 0;\n        }\n\n        .banner-text {\n            font-size: 11px;\n            line-height: 1.4;\n            opacity: 0.95;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 0;\n        }\n\n        .app-link {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: white;\n            color: #8fbc8f;\n            padding: 10px 18px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            white-space: nowrap;\n            align-self: center;\n        }\n\n        .app-link:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);\n            background: #ffffff;\n        }\n\n        .app-icon {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-title\">Les fruits<\/h1>\n            <p class=\"banner-text\">Constituer deux collections \u00e9quipotentes \u2264 10.<\/p>\n            <a href=\"https:\/\/krole.forge.apps.education.fr\/maternelle_numeration_fruit_autant\" class=\"app-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <svg class=\"app-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\n                    <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Acc\u00e9der \u00e0 l&rsquo;application\n            <\/a>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Multiplication<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f5f5;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .banner-container {\n            width: 5cm;\n            height: 5cm;\n            background: linear-gradient(135deg, #8fbc8f 0%, #c2efc2 100%);\n            border-radius: 20px;\n            padding: 15px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .banner-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 250px;\n            height: 250px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .banner-title {\n            font-size: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            margin: 0;\n        }\n\n        .banner-text {\n            font-size: 11px;\n            line-height: 1.4;\n            opacity: 0.95;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 0;\n        }\n\n        .app-link {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: white;\n            color: #8fbc8f;\n            padding: 10px 18px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            white-space: nowrap;\n            align-self: center;\n        }\n\n        .app-link:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);\n            background: #ffffff;\n        }\n\n        .app-icon {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-title\">Multiplication<\/h1>\n            <p class=\"banner-text\">R\u00e9viser les tables de multiplication.\n<\/p>\n            <a href=\"https:\/\/krole.forge.apps.education.fr\/math_tables_multiplications\" class=\"app-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <svg class=\"app-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\n                    <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Acc\u00e9der \u00e0 l&rsquo;application\n            <\/a>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary><strong>Maternelle<\/strong><\/summary>\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>La moufle<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f5f5;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .banner-container {\n            width: 5cm;\n            height: 5cm;\n            background: linear-gradient(135deg, #8fbc8f 0%, #c2efc2 100%);\n            border-radius: 20px;\n            padding: 15px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .banner-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 250px;\n            height: 250px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .banner-title {\n            font-size: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            margin: 0;\n        }\n\n        .banner-text {\n            font-size: 11px;\n            line-height: 1.4;\n            opacity: 0.95;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 0;\n        }\n\n        .app-link {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: white;\n            color: #8fbc8f;\n            padding: 10px 18px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            white-space: nowrap;\n            align-self: center;\n        }\n\n        .app-link:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);\n            background: #ffffff;\n        }\n\n        .app-icon {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-title\">La moufle<\/h1>\n            <p class=\"banner-text\">Raconter l&rsquo;histoire en faisant glisser les personnages de l&rsquo;histoire dans la moufle.<\/p>\n            <a href=\"https:\/\/krole.forge.apps.education.fr\/fran_maternelle_moufle\" class=\"app-link\">\n                <svg class=\"app-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\n                    <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Acc\u00e9der \u00e0 l&rsquo;application\n            <\/a>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Les pr\u00e9sents<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f5f5f5;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .banner-container {\n            width: 5cm;\n            height: 5cm;\n            background: linear-gradient(135deg, #8fbc8f 0%, #c2efc2 100%);\n            border-radius: 20px;\n            padding: 15px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .banner-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 250px;\n            height: 250px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .banner-title {\n            font-size: 20px;\n            font-weight: bold;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            margin: 0;\n        }\n\n        .banner-text {\n            font-size: 11px;\n            line-height: 1.4;\n            opacity: 0.95;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            text-align: center;\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 10px 0;\n        }\n\n        .app-link {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: white;\n            color: #8fbc8f;\n            padding: 10px 18px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 11px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            white-space: nowrap;\n            align-self: center;\n        }\n\n        .app-link:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);\n            background: #ffffff;\n        }\n\n        .app-icon {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-title\">Les pr\u00e9sents<\/h1>\n            <p class=\"banner-text\">Activit\u00e9 rituelle : les pr\u00e9sents<\/p>\n            <a href=\"https:\/\/krole.forge.apps.education.fr\/maternelle_presents\" class=\"app-link\">\n                <svg class=\"app-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\n                    <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                Acc\u00e9der \u00e0 l&rsquo;application\n            <\/a>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"<p>Pr\u00e9sentation Un fonctionnement en ligne Les applications propos\u00e9es sur cette page sont principalement des applications web. Leur utilisation n\u00e9cessite donc une connexion Internet, ce qui suppose d\u2019anticiper la qualit\u00e9 et la stabilit\u00e9 du r\u00e9seau disponible en classe ou dans l\u2019\u00e9tablissement, en particulier pour un usage collectif. Aucun t\u00e9l\u00e9chargement n\u2019est requis pour la majorit\u00e9 d\u2019entre elles, [&hellip;]<\/p>\n","protected":false},"author":85,"featured_media":7471,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43,44,8],"tags":[116,119,166,165,159,212,105,248,276,185,277,45,275,278],"class_list":["post-7449","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-numerique","category-tablettes","category-tbi","tag-application","tag-calcul","tag-cycle-1","tag-cycle-2","tag-cycle-3","tag-images","tag-langage","tag-lecture","tag-lire","tag-maternelle","tag-numeration","tag-numerique","tag-orthographe","tag-rituels"],"_links":{"self":[{"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/posts\/7449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/users\/85"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/comments?post=7449"}],"version-history":[{"count":11,"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/posts\/7449\/revisions"}],"predecessor-version":[{"id":11169,"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/posts\/7449\/revisions\/11169"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/media\/7471"}],"wp:attachment":[{"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/media?parent=7449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/categories?post=7449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/tags?post=7449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}