La sorci\u00e8re<\/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 sorci\u00e8re<\/h1>\n <p class=\"banner-text\">Identifier la sorci\u00e8re choisie par le maitre du jeu.<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/memory_sorciere\" 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’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>Animaux fantastiques<\/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\">Animaux fantastiques<\/h1>\n <p class=\"banner-text\">Identifier l\u2019animal fantastique choisi par le maitre du jeu.<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/jeu_memory_animaux-fantastique\" 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’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>D\u00e9voiler des images.<\/strong><\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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>R\u00e9v\u00e9lateur<\/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\">R\u00e9v\u00e9lateur<\/h1>\n <p class=\"banner-text\">D\u00e9couvrir progressivement une image carr\u00e9e cach\u00e9e par 4 \u00e0 100 carr\u00e9s.<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/image_devoilement_carre\" 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’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>Rideau<\/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\">Rideau<\/h1>\n <p class=\"banner-text\">D\u00e9couvrir graduellement une image cach\u00e9e derri\u00e8re un rideau.\n<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/image_rideau\" 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’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>Lampe magique<\/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\">Lampe magique<\/h1>\n <p class=\"banner-text\">D\u00e9couvrir graduellement une image cach\u00e9e en d\u00e9pla\u00e7ant une \u00ab lampe magique \u00bb.<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/image_lampe_magique\" 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’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>Jouer avec les images<\/strong><\/summary>\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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>N\u00e9gatif color\u00e9<\/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\">N\u00e9gatif color\u00e9<\/h1>\n <p class=\"banner-text\">Transformer vos images en leur donnant de nouvelles couleur!<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/image_negatif_colore\" 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’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>Pixel<\/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\">Pixel<\/h1>\n <p class=\"banner-text\">Pix\u00e9liser vos images.<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/image_pixelisation\" 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’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>Vieillir une image<\/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\">Vieillir une image<\/h1>\n <p class=\"banner-text\">Modifier une image pour lui donner un aspect vintage.<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/image_vieillissement\" 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’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>Effacer le fond d’une image<\/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: #F0E68C;\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, #f0e68c 0%, #ffffbf 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: #f0e68c;\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\">Effacer le fond d’une image<\/h1>\n <p class=\"banner-text\">Le site Removebg permet d’effacer le fond d’une image.<\/p>\n <a href=\"https:\/\/www.remove.bg\/fr\" 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’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>Jeu sur le th\u00e8me de l’IA<\/strong><\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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’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’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’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’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’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><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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’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’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-9d6595d7 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’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’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’\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’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-9d6595d7 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-9d6595d7 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><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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’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’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-9d6595d7 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’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’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’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><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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’histoire en faisant glisser les personnages de l’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’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’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, […]<\/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":154,"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/posts\/7449\/revisions"}],"predecessor-version":[{"id":7804,"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/posts\/7449\/revisions\/7804"}],"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}]}}

\n\n\n\n \n \n La sorci\u00e8re<\/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 sorci\u00e8re<\/h1>\n <p class=\"banner-text\">Identifier la sorci\u00e8re choisie par le maitre du jeu.<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/memory_sorciere\" 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’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>Animaux fantastiques<\/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\">Animaux fantastiques<\/h1>\n <p class=\"banner-text\">Identifier l\u2019animal fantastique choisi par le maitre du jeu.<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/jeu_memory_animaux-fantastique\" 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’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>D\u00e9voiler des images.<\/strong><\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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>R\u00e9v\u00e9lateur<\/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\">R\u00e9v\u00e9lateur<\/h1>\n <p class=\"banner-text\">D\u00e9couvrir progressivement une image carr\u00e9e cach\u00e9e par 4 \u00e0 100 carr\u00e9s.<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/image_devoilement_carre\" 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’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>Rideau<\/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\">Rideau<\/h1>\n <p class=\"banner-text\">D\u00e9couvrir graduellement une image cach\u00e9e derri\u00e8re un rideau.\n<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/image_rideau\" 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’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>Lampe magique<\/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\">Lampe magique<\/h1>\n <p class=\"banner-text\">D\u00e9couvrir graduellement une image cach\u00e9e en d\u00e9pla\u00e7ant une \u00ab lampe magique \u00bb.<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/image_lampe_magique\" 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’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>Jouer avec les images<\/strong><\/summary>\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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>N\u00e9gatif color\u00e9<\/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\">N\u00e9gatif color\u00e9<\/h1>\n <p class=\"banner-text\">Transformer vos images en leur donnant de nouvelles couleur!<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/image_negatif_colore\" 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’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>Pixel<\/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\">Pixel<\/h1>\n <p class=\"banner-text\">Pix\u00e9liser vos images.<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/image_pixelisation\" 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’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>Vieillir une image<\/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\">Vieillir une image<\/h1>\n <p class=\"banner-text\">Modifier une image pour lui donner un aspect vintage.<\/p>\n <a href=\"https:\/\/krole.forge.apps.education.fr\/image_vieillissement\" 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’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>Effacer le fond d’une image<\/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: #F0E68C;\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, #f0e68c 0%, #ffffbf 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: #f0e68c;\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\">Effacer le fond d’une image<\/h1>\n <p class=\"banner-text\">Le site Removebg permet d’effacer le fond d’une image.<\/p>\n <a href=\"https:\/\/www.remove.bg\/fr\" 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’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>Jeu sur le th\u00e8me de l’IA<\/strong><\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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’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’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’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’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’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><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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’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’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-9d6595d7 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’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’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’\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’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-9d6595d7 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-9d6595d7 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><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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’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’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-9d6595d7 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’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’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’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><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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’histoire en faisant glisser les personnages de l’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’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’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, […]<\/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":154,"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/posts\/7449\/revisions"}],"predecessor-version":[{"id":7804,"href":"https:\/\/sites.ac-corse.fr\/1d2b\/wp-json\/wp\/v2\/posts\/7449\/revisions\/7804"}],"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}]}}