API-Lux – Top Banner<\/title>\n <style>\n body {\n margin: 0;\n font-family: 'Open Sans', sans-serif;\n }\n .top-banner {\n background-color: #febd6d;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 20px;\n flex-wrap: wrap;\n border-radius: 16px; \/* Bords arrondis ajout\u00e9s *\/\n }\n .top-banner img {\n max-height: 120px;\n }\n .top-banner-text {\n flex: 1;\n color: #383d75;\n font-size: 1.5rem;\n font-weight: 600;\n margin-left: 20px;\n }\n @media (max-width: 768px) {\n .top-banner {\n flex-direction: column;\n text-align: center;\n }\n .top-banner img {\n margin-bottom: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"top-banner\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-23-avr.-2025-10_40_34-1-1.png\" alt=\"Image\">\n <div class=\"top-banner-text\">\n Soutenir les enfants et jeunes de 0 \u00e0 23 ans et leur entourage, face au trouble du d\u00e9veloppement intellectuel.\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\">\n <title>API-Lux – Outils<\/title>\n <style>\n body {\n margin: 0;\n font-family: 'Open Sans', sans-serif;\n }\n .tools-section {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 20px;\n margin: 30px auto;\n max-width: 1000px;\n }\n .tool-button {\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 20px;\n border-radius: 16px;\n text-decoration: none;\n font-weight: bold;\n font-size: 1.1rem;\n transition: 0.3s;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n background-color: #383d75;\n color: #fa526c;\n text-align: center;\n }\n .tool-button img {\n max-height: 60px;\n margin-bottom: 10px;\n }\n .tool-button:hover {\n transform: translateY(-8px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n }\n @media (max-width: 768px) {\n .tools-section {\n flex-direction: column;\n align-items: stretch;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"tools-section\">\n <a class=\"tool-button\" href=\"https:\/\/api-lux.be\/index.php\/ensemble-des-fiches-outils\/outils-pour-les-professionnels\/\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-23-avr.-2025-10_32_43-1.png\" alt=\"Pro\">\n Outils pour les professionnels\n <\/a>\n <a class=\"tool-button\" href=\"https:\/\/api-lux.be\/index.php\/ensemble-des-fiches-outils\/outils-pour-les-aidants-proches\/\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/famille-enfant-bouton-1-1.png\" alt=\"Aidant\">\n Outils pour les aidants proches\n <\/a>\n <a class=\"tool-button\" href=\"https:\/\/api-lux.be\/index.php\/ensemble-des-fiches-outils\/outils-pour-les-jeunes\/\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-25-avr.-2025-a-08_50_57.png\" alt=\"Jeune\">\n Soutien pour les jeunes\n <\/a>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<div style=\"background-color: #e0e0e0; border-radius: 16px; padding: 40px 20px; width: 100%; box-sizing: border-box;\">\n\n <div style=\"max-width: 900px; margin: 0 auto;\">\n\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/matilda_di_apilux_535.png\" alt=\"Logo\" style=\"max-height: 100px; display:block; margin: 0 auto 20px;\">\n \n <div style=\"text-align:center; color: #383d75; font-size: 1rem; line-height: 1.6;\">\n <p><strong>API-Lux – Accompagner, Pr\u00e9venir, Informer en province de Luxembourg<\/strong><\/p>\n <p><strong>Parce que<\/strong> les jeunes porteurs d\u2019une d\u00e9ficience intellectuelle, d\u2019un retard global de d\u00e9veloppement ou d\u2019une fragilit\u00e9 intellectuelle sont plus expos\u00e9s aux troubles en sant\u00e9 mentale, <strong>nous soutenons ceux qui les accompagnent<\/strong> au quotidien.<\/p>\n <p><strong>Parents, proches, professionnels<\/strong> : notre service est l\u00e0 pour vous outiller, vous informer et vous connecter, afin que chaque enfant ou jeune puisse b\u00e9n\u00e9ficier d\u2019un environnement <strong>plus adapt\u00e9, plus compr\u00e9hensif, et plus bienveillant<\/strong>.<\/p>\n <p>Retrouvez sur notre plateforme des outils, des bonnes postures, un agenda des stages\/plaines inclusifs, ainsi que les \u00e9v\u00e9nements du r\u00e9seau.<\/p>\n\n <p style=\"margin-top: 20px; font-style: italic; color: #2f3364;\">\n <strong>Ces outils sont l\u00e0 pour vous inspirer : \u00e0 vous de les ajuster avec sensibilit\u00e9 et cr\u00e9ativit\u00e9, en tenant compte du contexte et des besoins uniques de chaque enfant.<\/strong>\n <\/p>\n <\/div>\n\n <div style=\"text-align: center; margin-top: 30px;\">\n <video width=\"100%\" height=\"auto\" controls style=\"max-width: 100%; border-radius: 16px;\">\n <source src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/06\/Video-plateforme-API-Lux-2-3.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n\n\n<div style=\"background-color: #e0e0e0; border-radius: 16px; padding: 40px 20px; width: 100%; box-sizing: border-box; margin: 40px 0;\">\n <div style=\"max-width: 900px; margin: 0 auto;\">\n\n <div class=\"missions\">\n <h2>Nos missions actuelles<\/h2>\n\n \n <div class=\"mission-row\" style=\"justify-content: center; flex-wrap: nowrap;\">\n <div class=\"mission-item\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-22-avr.-2025-13_30_36.png\" alt=\"Mission 1\">\n <div class=\"mission-text\">\n <strong>Promotion et gestion de la plateforme API-Lux<\/strong>\n Alimenter, mettre \u00e0 jour et partager les ressources disponibles.\n <\/div>\n <\/div>\n <div class=\"mission-item\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-22-avr.-2025-13_34_57.png\" alt=\"Mission 2\">\n <div class=\"mission-text\">\n <strong>Offrir un soutien concret aux familles et professionnels<\/strong>\n Intervenir \u00e0 vos c\u00f4t\u00e9s dans les situations difficiles li\u00e9es \u00e0 la d\u00e9ficience intellectuelle.\n <\/div>\n <\/div>\n <div class=\"mission-item\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-22-avr.-2025-13_57_13.png\" alt=\"Mission 3\">\n <div class=\"mission-text\">\n <strong>Organisation de demi-journ\u00e9es d\u2019\u00e9change<\/strong>\n Encourager le partage d\u2019outils, de bonnes pratiques et d\u2019astuces entre professionnels et\/ou entre parents.\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mission-row\" style=\"justify-content: center; flex-wrap: nowrap; margin-top: 20px;\">\n <div class=\"mission-item\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-22-avr.-2025-14_09_19.png\" alt=\"Mission 4\">\n <div class=\"mission-text\">\n <strong>Recenser et diffuser les ressources existantes<\/strong>\n Tisser du lien et orienter familles et professionnels vers les services les plus adapt\u00e9s.\n <\/div>\n <\/div>\n <div class=\"mission-item\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-22-avr.-2025-14_16_20.png\" alt=\"Mission 5\">\n <div class=\"mission-text\">\n <strong>Sensibiliser et informer<\/strong>\n Concevoir et animer des modules autour des th\u00e9matiques li\u00e9es \u00e0 la d\u00e9ficience intellectuelle.\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/div>\n\n<style>\n.missions {\n text-align: center;\n}\n.missions h2 {\n color: #383d75;\n margin-bottom: 20px;\n}\n.mission-row {\n display: flex;\n justify-content: center;\n gap: 20px;\n}\n.mission-item {\n background-color: #f5f5f5;\n border-radius: 16px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.05);\n padding: 15px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n width: 300px;\n}\n.mission-item img {\n max-width: 100px;\n margin-bottom: 10px;\n}\n.mission-text {\n color: #383d75;\n}\n.mission-text strong {\n display: block;\n margin-bottom: 5px;\n}\n\n@media (max-width: 768px) {\n .mission-row {\n flex-direction: column;\n align-items: center;\n }\n}\n<\/style>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\">\n <title>Citation Pleine Largeur<\/title>\n <style>\n body {\n margin: 0;\n font-family: 'Open Sans', sans-serif;\n background-color: white;\n }\n .quote-banner {\n width: 100%;\n background-color: #febd6d;\n color: #383d75;\n text-align: center;\n font-style: italic;\n font-size: 1.3rem;\n font-weight: 500;\n padding: 40px 20px;\n box-sizing: border-box;\n border-radius: 20px; \/* coins arrondis *\/\n }\n .quote-banner p {\n max-width: 900px;\n margin: 0 auto;\n line-height: 1.6;\n }\n .quote-banner span {\n display: block;\n margin-top: 20px;\n font-style: normal;\n font-weight: 600;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"quote-banner\">\n <p>\n \u00ab Chaque enfant est diff\u00e9rent des autres enfants, mais certains ont une diff\u00e9rence qui fait d\u2019eux des enfants particuliers, on dit qu\u2019ils ont un handicap. \u00bb\n <span>\u2013 Catherine Dolto-Tolitch<\/span>\n <\/p>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<div class=\"agenda-wrapper\" style=\"margin-top: 40px; margin-bottom: 40px;\">\n <div class=\"agenda-section\">\n <h2>Notre agenda<\/h2>\n <div class=\"agenda-links\">\n <a href=\"https:\/\/api-lux.be\/index.php\/agenda-stages-loisirs-inclusifs\/\/\">Inclusion stages\/loisirs inclusifs<\/a>\n <a href=\"https:\/\/api-lux.be\/index.php\/calendrier\/categorie\/evenement-reseau\/\">\u00c9v\u00e9nements du r\u00e9seau<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<style>\n.agenda-wrapper {\n width: 100%;\n background-color: #e0e0e0; \/* fond gris clair *\/\n border-radius: 16px;\n padding: 40px 0;\n box-sizing: border-box;\n}\n\n.agenda-section {\n max-width: 900px; \/* largeur du contenu = top-banner *\/\n margin: 0 auto;\n text-align: center;\n padding: 0 20px;\n}\n\n.agenda-section h2 {\n color: #383d75;\n margin-bottom: 30px;\n font-size: 2rem;\n}\n\n.agenda-links {\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n}\n\n.agenda-links a {\n background-color: #febd6d; \/* boutons orange *\/\n color: #383d75; \/* texte couleur top-banner *\/\n padding: 15px 25px;\n border-radius: 12px;\n font-weight: bold;\n text-decoration: none;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n}\n\n.agenda-links a:hover {\n background-color: #fae1b0;\n transform: translateY(-3px);\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\n}\n<\/style>\n\n\n\n<div class=\"tips-section\">\n <div class=\"tip-carousel\">\n <h2 style=\"margin-bottom: 0.5rem; font-size: 1.4rem; color: #383d75;\">Trucs et astuces<\/h2>\n <div class=\"icon\">\ud83d\udca1<\/div>\n\n <button class=\"tip-arrow left\" onclick=\"changeTip(-1)\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#fa526c\"\/>\n <path fill=\"#fff\" d=\"M14.5 6l-1.41 1.41L17.67 12l-4.58 4.59L14.5 18l6-6z\" transform=\"rotate(180, 12, 12)\"\/>\n <\/svg>\n <\/button>\n\n <div class=\"tip-wrapper\">\n <div class=\"tip-slider\">\n <div class=\"tip-content\"><strong>Valorisez chaque progr\u00e8s :<\/strong><br \/> Encouragez et f\u00e9licitez l\u2019enfant pour ses efforts, pas seulement pour les r\u00e9ussites.<\/div>\n <div class=\"tip-content\"><strong>Adaptez votre communication :<\/strong><br \/> Utilisez des mots simples, parlez lentement et accompagnez vos paroles de gestes.<\/div>\n <div class=\"tip-content\"><strong>Mettez en place des routines claires :<\/strong><br \/> Une routine aide \u00e0 se sentir en s\u00e9curit\u00e9 et \u00e0 mieux comprendre leur environnement.<\/div>\n <div class=\"tip-content\"><strong>Donnez-leur du temps :<\/strong><br \/> Respectez leur rythme. Ils ont parfois besoin de plus de temps pour comprendre.<\/div>\n <div class=\"tip-content\"><strong>Favorisez l\u2019autonomie, pas \u00e0 pas :<\/strong><br \/> Encouragez-les \u00e0 essayer par eux-m\u00eames, m\u00eame si cela prend plus de temps.<\/div>\n <div class=\"tip-content\"><strong>\u00c9coutez-les, m\u00eame sans mots :<\/strong><br \/> Les comportements sont souvent une forme de communication.<\/div>\n <div class=\"tip-content\"><strong>Collaborez avec les services :<\/strong><br \/> Une approche coh\u00e9rente entre maison et \u00e9cole renforce les progr\u00e8s.<\/div>\n <div class=\"tip-content\"><strong>Prenez soin de vous :<\/strong><br \/> Prenez le temps de vous reposer et de demander du soutien.<\/div>\n <div class=\"tip-content\"><strong>Croyez en leur potentiel :<\/strong><br \/> Chaque enfant a des capacit\u00e9s uniques et peut progresser.<\/div>\n <div class=\"tip-content\"><strong>Octroyez vous le droit \u00e0 l\u2019erreur :<\/strong><br \/> L\u2019accompagnement est un apprentissage pour tout le monde.<\/div>\n <\/div>\n <\/div>\n\n <button class=\"tip-arrow right\" onclick=\"changeTip(1)\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#fa526c\"\/>\n <path fill=\"#fff\" d=\"M14.5 6l-1.41 1.41L17.67 12l-4.58 4.59L14.5 18l6-6z\"\/>\n <\/svg>\n <\/button>\n\n <div class=\"dots\" id=\"tip-dots\"><\/div>\n <\/div>\n<\/div>\n\n<style>\n .tips-section {\n width: 100%;\n background: #383d75; \/* couleur bleu *\/\n padding: 2rem 1rem;\n border-radius: 20px; \/* coins arrondis *\/\n }\n\n .tip-carousel {\n max-width: 900px;\n margin: 0 auto;\n background: #fff;\n border-radius: 20px;\n padding: 2rem 3rem;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);\n position: relative;\n text-align: center;\n color: #383d75;\n overflow: hidden;\n }\n\n .icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n color: #fa526c;\n }\n\n .tip-wrapper {\n overflow: hidden;\n position: relative;\n height: 120px;\n }\n\n .tip-slider {\n display: flex;\n transition: transform 0.6s ease-in-out;\n }\n\n .tip-content {\n min-width: 100%;\n box-sizing: border-box;\n padding: 0 2rem;\n font-size: 1.05rem;\n line-height: 1.5;\n opacity: 0.6;\n transition: opacity 0.3s ease;\n }\n\n .tip-content.active {\n opacity: 1;\n }\n\n .tip-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: none;\n border: none;\n cursor: pointer;\n z-index: 5;\n }\n\n .tip-arrow.left {\n left: 10px;\n }\n\n .tip-arrow.right {\n right: 10px;\n }\n\n .tip-arrow svg {\n filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));\n transition: transform 0.2s ease;\n }\n\n .tip-arrow:hover svg {\n transform: scale(1.15);\n }\n\n .dots {\n margin-top: 1.2rem;\n text-align: center;\n }\n\n .dots span {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 0 5px;\n background-color: #ccc;\n border-radius: 50%;\n transition: background-color 0.3s;\n cursor: pointer;\n }\n\n .dots span.active {\n background-color: #fa526c;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .tip-carousel {\n padding: 1.5rem 1.5rem;\n }\n\n .tip-wrapper {\n height: auto;\n min-height: 140px;\n }\n\n .tip-content {\n font-size: 1rem;\n padding: 0 1rem;\n }\n\n .tip-arrow svg {\n width: 24px;\n height: 24px;\n }\n\n \/* D\u00e9placement des fl\u00e8ches pour mobile *\/\n .tip-arrow.left {\n left: -10px;\n top: 50%;\n }\n\n .tip-arrow.right {\n right: -10px;\n top: 50%;\n }\n }\n\n @media (max-width: 480px) {\n .tip-content {\n font-size: 0.95rem;\n }\n\n .tip-arrow svg {\n width: 22px;\n height: 22px;\n }\n\n .icon {\n font-size: 2.5rem;\n }\n\n .tip-arrow.left {\n left: -8px;\n }\n\n .tip-arrow.right {\n right: -8px;\n }\n }\n<\/style>\n\n<script>\n const slider = document.querySelector('.tip-slider');\n const tips = document.querySelectorAll('.tip-slider .tip-content');\n const dotsContainer = document.getElementById('tip-dots');\n let current = 0;\n\n tips.forEach((_, index) => {\n const dot = document.createElement('span');\n dot.addEventListener('click', () => goToTip(index));\n dotsContainer.appendChild(dot);\n });\n\n const dots = dotsContainer.querySelectorAll('span');\n\n function updateCarousel() {\n tips.forEach(t => t.classList.remove('active'));\n tips[current].classList.add('active');\n slider.style.transform = `translateX(-${current * 100}%)`;\n\n dots.forEach(d => d.classList.remove('active'));\n dots[current].classList.add('active');\n }\n\n function changeTip(direction) {\n current = (current + direction + tips.length) % tips.length;\n updateCarousel();\n }\n\n function goToTip(index) {\n current = index;\n updateCarousel();\n }\n\n updateCarousel();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>API-Lux – Top Banner Soutenir les enfants et jeunes de 0 \u00e0 23 ans et leur entourage, face au trouble du d\u00e9veloppement intellectuel. API-Lux – Outils Outils pour les professionnels […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":4298,"footnotes":""},"class_list":["post-75","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/pages\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":409,"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":8460,"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/pages\/75\/revisions\/8460"}],"wp:attachment":[{"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":75,"date":"2024-12-08T14:41:15","date_gmt":"2024-12-08T13:41:15","guid":{"rendered":"http:\/\/192.168.1.195\/mdi_w\/?page_id=75"},"modified":"2025-11-24T09:03:49","modified_gmt":"2025-11-24T08:03:49","slug":"api-lux-plateforme-outil-enfant-deficience-intellectuelle","status":"publish","type":"page","link":"https:\/\/api-lux.be\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n\n\n\n \n API-Lux – Top Banner<\/title>\n <style>\n body {\n margin: 0;\n font-family: 'Open Sans', sans-serif;\n }\n .top-banner {\n background-color: #febd6d;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 20px;\n flex-wrap: wrap;\n border-radius: 16px; \/* Bords arrondis ajout\u00e9s *\/\n }\n .top-banner img {\n max-height: 120px;\n }\n .top-banner-text {\n flex: 1;\n color: #383d75;\n font-size: 1.5rem;\n font-weight: 600;\n margin-left: 20px;\n }\n @media (max-width: 768px) {\n .top-banner {\n flex-direction: column;\n text-align: center;\n }\n .top-banner img {\n margin-bottom: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"top-banner\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-23-avr.-2025-10_40_34-1-1.png\" alt=\"Image\">\n <div class=\"top-banner-text\">\n Soutenir les enfants et jeunes de 0 \u00e0 23 ans et leur entourage, face au trouble du d\u00e9veloppement intellectuel.\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\">\n <title>API-Lux – Outils<\/title>\n <style>\n body {\n margin: 0;\n font-family: 'Open Sans', sans-serif;\n }\n .tools-section {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 20px;\n margin: 30px auto;\n max-width: 1000px;\n }\n .tool-button {\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 20px;\n border-radius: 16px;\n text-decoration: none;\n font-weight: bold;\n font-size: 1.1rem;\n transition: 0.3s;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n background-color: #383d75;\n color: #fa526c;\n text-align: center;\n }\n .tool-button img {\n max-height: 60px;\n margin-bottom: 10px;\n }\n .tool-button:hover {\n transform: translateY(-8px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n }\n @media (max-width: 768px) {\n .tools-section {\n flex-direction: column;\n align-items: stretch;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"tools-section\">\n <a class=\"tool-button\" href=\"https:\/\/api-lux.be\/index.php\/ensemble-des-fiches-outils\/outils-pour-les-professionnels\/\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-23-avr.-2025-10_32_43-1.png\" alt=\"Pro\">\n Outils pour les professionnels\n <\/a>\n <a class=\"tool-button\" href=\"https:\/\/api-lux.be\/index.php\/ensemble-des-fiches-outils\/outils-pour-les-aidants-proches\/\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/famille-enfant-bouton-1-1.png\" alt=\"Aidant\">\n Outils pour les aidants proches\n <\/a>\n <a class=\"tool-button\" href=\"https:\/\/api-lux.be\/index.php\/ensemble-des-fiches-outils\/outils-pour-les-jeunes\/\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-25-avr.-2025-a-08_50_57.png\" alt=\"Jeune\">\n Soutien pour les jeunes\n <\/a>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<div style=\"background-color: #e0e0e0; border-radius: 16px; padding: 40px 20px; width: 100%; box-sizing: border-box;\">\n\n <div style=\"max-width: 900px; margin: 0 auto;\">\n\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/matilda_di_apilux_535.png\" alt=\"Logo\" style=\"max-height: 100px; display:block; margin: 0 auto 20px;\">\n \n <div style=\"text-align:center; color: #383d75; font-size: 1rem; line-height: 1.6;\">\n <p><strong>API-Lux – Accompagner, Pr\u00e9venir, Informer en province de Luxembourg<\/strong><\/p>\n <p><strong>Parce que<\/strong> les jeunes porteurs d\u2019une d\u00e9ficience intellectuelle, d\u2019un retard global de d\u00e9veloppement ou d\u2019une fragilit\u00e9 intellectuelle sont plus expos\u00e9s aux troubles en sant\u00e9 mentale, <strong>nous soutenons ceux qui les accompagnent<\/strong> au quotidien.<\/p>\n <p><strong>Parents, proches, professionnels<\/strong> : notre service est l\u00e0 pour vous outiller, vous informer et vous connecter, afin que chaque enfant ou jeune puisse b\u00e9n\u00e9ficier d\u2019un environnement <strong>plus adapt\u00e9, plus compr\u00e9hensif, et plus bienveillant<\/strong>.<\/p>\n <p>Retrouvez sur notre plateforme des outils, des bonnes postures, un agenda des stages\/plaines inclusifs, ainsi que les \u00e9v\u00e9nements du r\u00e9seau.<\/p>\n\n <p style=\"margin-top: 20px; font-style: italic; color: #2f3364;\">\n <strong>Ces outils sont l\u00e0 pour vous inspirer : \u00e0 vous de les ajuster avec sensibilit\u00e9 et cr\u00e9ativit\u00e9, en tenant compte du contexte et des besoins uniques de chaque enfant.<\/strong>\n <\/p>\n <\/div>\n\n <div style=\"text-align: center; margin-top: 30px;\">\n <video width=\"100%\" height=\"auto\" controls style=\"max-width: 100%; border-radius: 16px;\">\n <source src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/06\/Video-plateforme-API-Lux-2-3.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n\n\n<div style=\"background-color: #e0e0e0; border-radius: 16px; padding: 40px 20px; width: 100%; box-sizing: border-box; margin: 40px 0;\">\n <div style=\"max-width: 900px; margin: 0 auto;\">\n\n <div class=\"missions\">\n <h2>Nos missions actuelles<\/h2>\n\n \n <div class=\"mission-row\" style=\"justify-content: center; flex-wrap: nowrap;\">\n <div class=\"mission-item\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-22-avr.-2025-13_30_36.png\" alt=\"Mission 1\">\n <div class=\"mission-text\">\n <strong>Promotion et gestion de la plateforme API-Lux<\/strong>\n Alimenter, mettre \u00e0 jour et partager les ressources disponibles.\n <\/div>\n <\/div>\n <div class=\"mission-item\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-22-avr.-2025-13_34_57.png\" alt=\"Mission 2\">\n <div class=\"mission-text\">\n <strong>Offrir un soutien concret aux familles et professionnels<\/strong>\n Intervenir \u00e0 vos c\u00f4t\u00e9s dans les situations difficiles li\u00e9es \u00e0 la d\u00e9ficience intellectuelle.\n <\/div>\n <\/div>\n <div class=\"mission-item\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-22-avr.-2025-13_57_13.png\" alt=\"Mission 3\">\n <div class=\"mission-text\">\n <strong>Organisation de demi-journ\u00e9es d\u2019\u00e9change<\/strong>\n Encourager le partage d\u2019outils, de bonnes pratiques et d\u2019astuces entre professionnels et\/ou entre parents.\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mission-row\" style=\"justify-content: center; flex-wrap: nowrap; margin-top: 20px;\">\n <div class=\"mission-item\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-22-avr.-2025-14_09_19.png\" alt=\"Mission 4\">\n <div class=\"mission-text\">\n <strong>Recenser et diffuser les ressources existantes<\/strong>\n Tisser du lien et orienter familles et professionnels vers les services les plus adapt\u00e9s.\n <\/div>\n <\/div>\n <div class=\"mission-item\">\n <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-22-avr.-2025-14_16_20.png\" alt=\"Mission 5\">\n <div class=\"mission-text\">\n <strong>Sensibiliser et informer<\/strong>\n Concevoir et animer des modules autour des th\u00e9matiques li\u00e9es \u00e0 la d\u00e9ficience intellectuelle.\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/div>\n\n<style>\n.missions {\n text-align: center;\n}\n.missions h2 {\n color: #383d75;\n margin-bottom: 20px;\n}\n.mission-row {\n display: flex;\n justify-content: center;\n gap: 20px;\n}\n.mission-item {\n background-color: #f5f5f5;\n border-radius: 16px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.05);\n padding: 15px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n width: 300px;\n}\n.mission-item img {\n max-width: 100px;\n margin-bottom: 10px;\n}\n.mission-text {\n color: #383d75;\n}\n.mission-text strong {\n display: block;\n margin-bottom: 5px;\n}\n\n@media (max-width: 768px) {\n .mission-row {\n flex-direction: column;\n align-items: center;\n }\n}\n<\/style>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\">\n <title>Citation Pleine Largeur<\/title>\n <style>\n body {\n margin: 0;\n font-family: 'Open Sans', sans-serif;\n background-color: white;\n }\n .quote-banner {\n width: 100%;\n background-color: #febd6d;\n color: #383d75;\n text-align: center;\n font-style: italic;\n font-size: 1.3rem;\n font-weight: 500;\n padding: 40px 20px;\n box-sizing: border-box;\n border-radius: 20px; \/* coins arrondis *\/\n }\n .quote-banner p {\n max-width: 900px;\n margin: 0 auto;\n line-height: 1.6;\n }\n .quote-banner span {\n display: block;\n margin-top: 20px;\n font-style: normal;\n font-weight: 600;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"quote-banner\">\n <p>\n \u00ab Chaque enfant est diff\u00e9rent des autres enfants, mais certains ont une diff\u00e9rence qui fait d\u2019eux des enfants particuliers, on dit qu\u2019ils ont un handicap. \u00bb\n <span>\u2013 Catherine Dolto-Tolitch<\/span>\n <\/p>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<div class=\"agenda-wrapper\" style=\"margin-top: 40px; margin-bottom: 40px;\">\n <div class=\"agenda-section\">\n <h2>Notre agenda<\/h2>\n <div class=\"agenda-links\">\n <a href=\"https:\/\/api-lux.be\/index.php\/agenda-stages-loisirs-inclusifs\/\/\">Inclusion stages\/loisirs inclusifs<\/a>\n <a href=\"https:\/\/api-lux.be\/index.php\/calendrier\/categorie\/evenement-reseau\/\">\u00c9v\u00e9nements du r\u00e9seau<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<style>\n.agenda-wrapper {\n width: 100%;\n background-color: #e0e0e0; \/* fond gris clair *\/\n border-radius: 16px;\n padding: 40px 0;\n box-sizing: border-box;\n}\n\n.agenda-section {\n max-width: 900px; \/* largeur du contenu = top-banner *\/\n margin: 0 auto;\n text-align: center;\n padding: 0 20px;\n}\n\n.agenda-section h2 {\n color: #383d75;\n margin-bottom: 30px;\n font-size: 2rem;\n}\n\n.agenda-links {\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n}\n\n.agenda-links a {\n background-color: #febd6d; \/* boutons orange *\/\n color: #383d75; \/* texte couleur top-banner *\/\n padding: 15px 25px;\n border-radius: 12px;\n font-weight: bold;\n text-decoration: none;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n}\n\n.agenda-links a:hover {\n background-color: #fae1b0;\n transform: translateY(-3px);\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\n}\n<\/style>\n\n\n\n<div class=\"tips-section\">\n <div class=\"tip-carousel\">\n <h2 style=\"margin-bottom: 0.5rem; font-size: 1.4rem; color: #383d75;\">Trucs et astuces<\/h2>\n <div class=\"icon\">\ud83d\udca1<\/div>\n\n <button class=\"tip-arrow left\" onclick=\"changeTip(-1)\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#fa526c\"\/>\n <path fill=\"#fff\" d=\"M14.5 6l-1.41 1.41L17.67 12l-4.58 4.59L14.5 18l6-6z\" transform=\"rotate(180, 12, 12)\"\/>\n <\/svg>\n <\/button>\n\n <div class=\"tip-wrapper\">\n <div class=\"tip-slider\">\n <div class=\"tip-content\"><strong>Valorisez chaque progr\u00e8s :<\/strong><br \/> Encouragez et f\u00e9licitez l\u2019enfant pour ses efforts, pas seulement pour les r\u00e9ussites.<\/div>\n <div class=\"tip-content\"><strong>Adaptez votre communication :<\/strong><br \/> Utilisez des mots simples, parlez lentement et accompagnez vos paroles de gestes.<\/div>\n <div class=\"tip-content\"><strong>Mettez en place des routines claires :<\/strong><br \/> Une routine aide \u00e0 se sentir en s\u00e9curit\u00e9 et \u00e0 mieux comprendre leur environnement.<\/div>\n <div class=\"tip-content\"><strong>Donnez-leur du temps :<\/strong><br \/> Respectez leur rythme. Ils ont parfois besoin de plus de temps pour comprendre.<\/div>\n <div class=\"tip-content\"><strong>Favorisez l\u2019autonomie, pas \u00e0 pas :<\/strong><br \/> Encouragez-les \u00e0 essayer par eux-m\u00eames, m\u00eame si cela prend plus de temps.<\/div>\n <div class=\"tip-content\"><strong>\u00c9coutez-les, m\u00eame sans mots :<\/strong><br \/> Les comportements sont souvent une forme de communication.<\/div>\n <div class=\"tip-content\"><strong>Collaborez avec les services :<\/strong><br \/> Une approche coh\u00e9rente entre maison et \u00e9cole renforce les progr\u00e8s.<\/div>\n <div class=\"tip-content\"><strong>Prenez soin de vous :<\/strong><br \/> Prenez le temps de vous reposer et de demander du soutien.<\/div>\n <div class=\"tip-content\"><strong>Croyez en leur potentiel :<\/strong><br \/> Chaque enfant a des capacit\u00e9s uniques et peut progresser.<\/div>\n <div class=\"tip-content\"><strong>Octroyez vous le droit \u00e0 l\u2019erreur :<\/strong><br \/> L\u2019accompagnement est un apprentissage pour tout le monde.<\/div>\n <\/div>\n <\/div>\n\n <button class=\"tip-arrow right\" onclick=\"changeTip(1)\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#fa526c\"\/>\n <path fill=\"#fff\" d=\"M14.5 6l-1.41 1.41L17.67 12l-4.58 4.59L14.5 18l6-6z\"\/>\n <\/svg>\n <\/button>\n\n <div class=\"dots\" id=\"tip-dots\"><\/div>\n <\/div>\n<\/div>\n\n<style>\n .tips-section {\n width: 100%;\n background: #383d75; \/* couleur bleu *\/\n padding: 2rem 1rem;\n border-radius: 20px; \/* coins arrondis *\/\n }\n\n .tip-carousel {\n max-width: 900px;\n margin: 0 auto;\n background: #fff;\n border-radius: 20px;\n padding: 2rem 3rem;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);\n position: relative;\n text-align: center;\n color: #383d75;\n overflow: hidden;\n }\n\n .icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n color: #fa526c;\n }\n\n .tip-wrapper {\n overflow: hidden;\n position: relative;\n height: 120px;\n }\n\n .tip-slider {\n display: flex;\n transition: transform 0.6s ease-in-out;\n }\n\n .tip-content {\n min-width: 100%;\n box-sizing: border-box;\n padding: 0 2rem;\n font-size: 1.05rem;\n line-height: 1.5;\n opacity: 0.6;\n transition: opacity 0.3s ease;\n }\n\n .tip-content.active {\n opacity: 1;\n }\n\n .tip-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: none;\n border: none;\n cursor: pointer;\n z-index: 5;\n }\n\n .tip-arrow.left {\n left: 10px;\n }\n\n .tip-arrow.right {\n right: 10px;\n }\n\n .tip-arrow svg {\n filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));\n transition: transform 0.2s ease;\n }\n\n .tip-arrow:hover svg {\n transform: scale(1.15);\n }\n\n .dots {\n margin-top: 1.2rem;\n text-align: center;\n }\n\n .dots span {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 0 5px;\n background-color: #ccc;\n border-radius: 50%;\n transition: background-color 0.3s;\n cursor: pointer;\n }\n\n .dots span.active {\n background-color: #fa526c;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .tip-carousel {\n padding: 1.5rem 1.5rem;\n }\n\n .tip-wrapper {\n height: auto;\n min-height: 140px;\n }\n\n .tip-content {\n font-size: 1rem;\n padding: 0 1rem;\n }\n\n .tip-arrow svg {\n width: 24px;\n height: 24px;\n }\n\n \/* D\u00e9placement des fl\u00e8ches pour mobile *\/\n .tip-arrow.left {\n left: -10px;\n top: 50%;\n }\n\n .tip-arrow.right {\n right: -10px;\n top: 50%;\n }\n }\n\n @media (max-width: 480px) {\n .tip-content {\n font-size: 0.95rem;\n }\n\n .tip-arrow svg {\n width: 22px;\n height: 22px;\n }\n\n .icon {\n font-size: 2.5rem;\n }\n\n .tip-arrow.left {\n left: -8px;\n }\n\n .tip-arrow.right {\n right: -8px;\n }\n }\n<\/style>\n\n<script>\n const slider = document.querySelector('.tip-slider');\n const tips = document.querySelectorAll('.tip-slider .tip-content');\n const dotsContainer = document.getElementById('tip-dots');\n let current = 0;\n\n tips.forEach((_, index) => {\n const dot = document.createElement('span');\n dot.addEventListener('click', () => goToTip(index));\n dotsContainer.appendChild(dot);\n });\n\n const dots = dotsContainer.querySelectorAll('span');\n\n function updateCarousel() {\n tips.forEach(t => t.classList.remove('active'));\n tips[current].classList.add('active');\n slider.style.transform = `translateX(-${current * 100}%)`;\n\n dots.forEach(d => d.classList.remove('active'));\n dots[current].classList.add('active');\n }\n\n function changeTip(direction) {\n current = (current + direction + tips.length) % tips.length;\n updateCarousel();\n }\n\n function goToTip(index) {\n current = index;\n updateCarousel();\n }\n\n updateCarousel();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>API-Lux – Top Banner Soutenir les enfants et jeunes de 0 \u00e0 23 ans et leur entourage, face au trouble du d\u00e9veloppement intellectuel. API-Lux – Outils Outils pour les professionnels […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":4298,"footnotes":""},"class_list":["post-75","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/pages\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":409,"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":8460,"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/pages\/75\/revisions\/8460"}],"wp:attachment":[{"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}