{"id":221,"date":"2024-12-10T15:23:17","date_gmt":"2024-12-10T14:23:17","guid":{"rendered":"http:\/\/localhost\/mdi_w\/?page_id=221"},"modified":"2025-04-25T09:33:48","modified_gmt":"2025-04-25T07:33:48","slug":"outils-pour-les-jeunes","status":"publish","type":"page","link":"https:\/\/api-lux.be\/index.php\/ensemble-des-fiches-outils\/outils-pour-les-jeunes\/","title":{"rendered":"Soutien pour les jeunes"},"content":{"rendered":"\n<section style=\"background-color: white; padding: 4rem 1rem;\">\n  <div style=\"max-width: 1000px; margin: 0 auto; text-align: center;\">\n\n    <h1 style=\"font-size: 2.4rem; color: #383d75; margin-bottom: 1rem;\">Tu as entre 0 et 23 ans ? Besoin d\u2019un coup de main ?<\/h1>\n    <p style=\"font-size: 1.3rem; margin-bottom: 2.5rem;\">Tu n\u2019es pas seul\u00b7e, nous sommes l\u00e0 pour toi !<br>Que tu aies besoin de :<\/p>\n\n    <div class=\"alveole-grid\">\n      <div class=\"alveole\" style=\"--bg:#fa526c;\">\ud83d\udcda<span>Aide pour l\u2019\u00e9cole<\/span><\/div>\n      <div class=\"alveole\" style=\"--bg:#94d3be;\">\u2764\ufe0f<span>Un soutien pour ta sant\u00e9<\/span><\/div>\n      <div class=\"alveole\" style=\"--bg:#febd6d;\">\ud83c\udfe0<span>Un lieu o\u00f9 vivre<\/span><\/div>\n      <div class=\"alveole\" style=\"--bg:#e2bcbb;\">\ud83c\udfa8<span>Une activit\u00e9 ou un loisir<\/span><\/div>\n      <div class=\"alveole\" style=\"--bg:#fa526c;\">\ud83d\udde3\ufe0f<span>Parler \u00e0 quelqu\u2019un<\/span><\/div>\n      <div class=\"alveole\" style=\"--bg:#94d3be;\">\ud83e\udd1d<span>Un peu d\u2019aide ?<\/span><\/div>\n    <\/div>\n\n    <p style=\"font-size: 1.2rem; margin-top: 3rem; margin-bottom: 2rem;\">Contacte-nous d\u00e8s maintenant !<br>On est l\u00e0 pour t\u2019\u00e9couter et t\u2019accompagner ! \ud83d\udc99<\/p>\n\n    <img decoding=\"async\" src=\"https:\/\/api-lux.be\/wp-content\/uploads\/2025\/04\/matilda_di_F_500-1.png\" alt=\"Logo API-Lux\" style=\"width: 120px; margin-bottom: 1.5rem;\">\n\n    <div class=\"btn-container\">\n      <a href=\"tel:+32490084563\" class=\"api-btn\">\ud83d\udcde Appeler le 0490\/08.45.63<\/a>\n      <a href=\"mailto:contact@api-lux.be\" class=\"api-btn\">\u2709\ufe0f Envoie-nous un mail : contact@api-lux.be<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .alveole-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2rem;\n    justify-items: center;\n    align-items: center;\n    margin-top: 1rem;\n  }\n\n  .alveole {\n    background-color: var(--bg);\n    color: #000;\n    font-weight: bold;\n    font-size: 1rem;\n    padding: 1.5rem;\n    border-radius: 40% \/ 50%;\n    width: 180px;\n    min-height: 120px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    cursor: pointer;\n  }\n\n  .alveole:hover {\n    transform: scale(1.08);\n    box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n  }\n\n  .alveole span {\n    margin-top: 0.5rem;\n    text-align: center;\n  }\n\n  .btn-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 1rem;\n  }\n\n  .api-btn {\n    background-color: #94d3be;\n    color: #000;\n    text-decoration: none;\n    padding: 1rem 1.5rem;\n    border-radius: 50px;\n    font-weight: bold;\n    font-size: 1rem;\n    box-shadow: 2px 2px 8px rgba(0,0,0,0.1);\n    transition: background-color 0.3s, color 0.3s, transform 0.2s;\n  }\n\n  .api-btn:hover {\n    background-color: #fa526c;\n    color: #fff;\n    transform: scale(1.05);\n  }\n\n  @media (max-width: 800px) {\n    .alveole-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .alveole-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .alveole {\n      width: 90%;\n      font-size: 1.1rem;\n      padding: 1.2rem;\n    }\n\n    .btn-container {\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .api-btn {\n      width: 90%;\n      text-align: center;\n      font-size: 1.1rem;\n    }\n  }\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"<p>Tu as entre 0 et 23 ans ? Besoin d\u2019un coup de main ? Tu n\u2019es pas seul\u00b7e, nous sommes l\u00e0 pour toi !Que tu aies besoin de : \ud83d\udcdaAide [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":156,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":259,"footnotes":""},"class_list":["post-221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/pages\/221","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=221"}],"version-history":[{"count":45,"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/pages\/221\/revisions"}],"predecessor-version":[{"id":5950,"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/pages\/221\/revisions\/5950"}],"up":[{"embeddable":true,"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/pages\/156"}],"wp:attachment":[{"href":"https:\/\/api-lux.be\/index.php\/wp-json\/wp\/v2\/media?parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}