1e:I[868422,["/_next/static/chunks/0htwjvoph0498.js","/_next/static/chunks/3cmvik1zogxvy.js","/_next/static/chunks/0op9flae642fi.js","/_next/static/chunks/3jtkuz33a278i.js","/_next/static/chunks/3cn85recchj3h.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://sites.super.so/depo/style.css","style"] :HL["https://rinconelloinc.github.io/super/components/password-page.css","style"] :HL["https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/Floating-TOC/floating-v2.css","style"] 11:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:16px}"}}] 12:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 13:["$","link","font-preload-Inter-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Inter-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link",null,{"rel":"preload","href":"https://sites.super.so/depo/style.css","as":"style"}] 16:["$","link",null,{"rel":"preload","href":"https://rinconelloinc.github.io/super/components/password-page.css","as":"style"}] 17:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/Floating-TOC/floating-v2.css","as":"style"}] 18:["$","link","link-https://sites.super.so/depo/style.css",{"rel":"stylesheet","href":"https://sites.super.so/depo/style.css","precedence":"custom"}] 19:["$","link","link-https://rinconelloinc.github.io/super/components/password-page.css",{"rel":"stylesheet","href":"https://rinconelloinc.github.io/super/components/password-page.css","precedence":"custom"}] 1a:["$","link","link-https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/Floating-TOC/floating-v2.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/Floating-TOC/floating-v2.css","precedence":"custom"}] 1b:["$","script","6",{"dangerouslySetInnerHTML":{"__html":"\n window.SuperPasswordPageConfig = {\n \n defaultMessage: \"Pour rentrer, il faut dire le mot magique 🧙\"\n };\n"},"children":null}] 1c:["$","script","8",{"defer":true,"src":"https://cloud.umami.is/script.js","data-website-id":"747e5c21-5410-4c98-8398-1c73a8daa57a","children":null}] 1f:T14b2,@charset "UTF-8"; .notion-dropdown__menu-header, .notion-dropdown__option-icon, .notion-dropdown__button svg:first-of-type { display: none !important; } /*------------------------------------*\ /*------------------------------------*\ Pillules dans la base de données Auteur: Anthony T. \*------------------------------------*/ .notion-pill { font-weight: !important; border-radius: 10px !important; font-size: 14px !important; padding: 6px !important; justify-content: center !important; align-items: center !important; line-height: 12pt !important; } /*---------------------------------*\ Alignement nom événement galerie database Auteur: Anthony T. \*---------------------------------*/ .notion-collection-gallery { text-align: center; } .gallery.notion-collection-card .notion-property__title { align-items: center !important; justify-content: center !important; font-size: 16px !important; } /*Items*/ .notion-collection-list__item { background: var(--list-bg) !important; color: var(--list-text) !important; border-radius: var(--list-radius) !important; padding: var(--list-padding) !important; margin: 0px !important; border: var(--list-border) !important; transition: 0.3s ease-in-out !important; } /* Barre des vues / filtres */ .notion-dropdown__menu-wrapper { width: 100% !important; display: flex !important; justify-content: center !important; } .notion-dropdown__button { margin: 0 auto !important; } /*---------------------------------*\ Transformer le Dropdown des vues en ligne de boutons \*---------------------------------*/ /* 1. On cache l'icône et le bouton déroulant initial, comme vous l'aviez fait */ .notion-dropdown__menu-header, .notion-dropdown__option-icon, .notion-dropdown__button svg:first-of-type, .notion-dropdown__button { display: none !important; } /* 2. On cible le conteneur du menu pour le centrer */ .notion-dropdown__menu-wrapper { width: 100% !important; display: flex !important; justify-content: center !important; margin-bottom: 20px !important; position: relative !important; /* Annule le positionnement absolu du dropdown */ top: 0 !important; left: 0 !important; box-shadow: none !important; /* Enlève l'ombre du menu */ } /* 3. On force la liste déroulante elle-même à s'afficher en ligne (flex row) */ .notion-dropdown__menu { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; /* Permet aux filtres de passer à la ligne sur mobile */ justify-content: center !important; align-items: center !important; gap: 10px !important; /* Espace entre les pilules */ width: 100% !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; transform: none !important; /* Annule les animations/décalages de Super */ } /* 4. On transforme chaque option (filtre) en bouton type "pilule" */ .notion-dropdown__option { display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 8px 16px !important; border-radius: 20px !important; /* Arrondi des boutons */ width: auto !important; /* Empêche le bouton de prendre toute la largeur */ transition: 0.2s ease !important; } /* Optionnel : Effet au survol */ .notion-dropdown__option:hover { background: #e0e0e0 !important; } /*---------------------------------*\ Alignement du contenu des cartes (Galerie) \*---------------------------------*/ /* 1. Centre le conteneur global des propriétés dans la carte */ .notion-collection-card__content { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } /* 2. Centre chaque ligne de propriété (date, lieu, personnes...) */ .notion-collection-card .notion-property { display: flex !important; justify-content: center !important; text-align: center !important; width: 100% !important; margin-bottom: 8px !important; /* Ajoute un peu d'espace entre chaque ligne */ } /* 3. Centre les groupes d'éléments (quand il y a plusieurs pilules sur la même ligne comme "PAE" et "Emploi") */ .notion-collection-card .notion-property > div { display: !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 5px !important; /* Espace entre les pilules d'une même ligne */ } /* 4. Ajustement spécifique pour les propriétés contenant une icône (comme les noms d'intervenants) */ .notion-collection-card .notion-property__title { display: flex !important; justify-content: center !important; align-items: center !important; gap: 6px !important; } /*---------------------------------*\ Customisation page mot de passe Auteur: Anthony T. /*-------------------------------*/ /* Password page background */ .super-password-protection { background: radial-gradient(125% 125% at 50% 10%, #ffffff 40%, #f59e0b 100%) !important; } /* Password title */ .super-password-protection__title { color: #111827 !important; font-size: 48px !important; font-weight: 800 !important; } /* Password input text */ .super-password-protection__input input { color: #111827 !important; font-size: 17px !important; font-weight: 400 !important; }1d:["$","body",null,{"children":[["$","$L1e",null,{"settings":{"siteId":"a9c56a05-3c42-4133-952c-fa54c5e47337","userId":"30e8ee05-90a5-41d7-863f-00999ae1ef6b","domainName":"lecompas.app","name":"Le Compas","active":true,"free":false,"tier":"pro","favicon":"https://assets.super.so/a9c56a05-3c42-4133-952c-fa54c5e47337/uploads/favicon/70a47306-7b28-420a-9a70-c4d3f347d178.png","fontFamily":"Inter","legacyTheme":null,"language":"fr","languages":[],"notionPage":"0fd60d60b1264098b1be3992f592a561","indexPageId":"a9c56a05-3c42-4133-952c-fa54c5e47337:::6813ce29-8eec-4342-b01d-ef93ee1ef4f6","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":false,"advancedSearch":true,"themeToggle":true,"mondayFirst":true,"loadLimits":false,"disableLoadMore":false,"hidePersonInfo":true,"showPropertyIcons":false,"filterRedirectsFromSearch":false,"cookieConsent":{"enabled":false,"position":"bar","texts":[],"categories":{"preferences":true,"statistics":true,"marketing":true}},"redirectSubdomain":null,"canonicalDomain":null,"analytics":true,"noIndex":false,"viewsExceeded":false,"pagesExceeded":false,"manualSync":false,"syncStatus":"unsynced","publishedAt":"2026-10-05T13:12:25.456Z","custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"passwordConfigured":true,"navbar":{"type":"minimal","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"726f187a-a2b6-4a2b-afdb-5b0eb100de73","type":"list","label":"Le Compas ?","icon":"Compass","list":[{"id":"c9e0170a-16e2-4c79-9774-a8f86a0d4f4d","type":"page","label":"Qu'est-ce-que c'est ?","link":"/quest-ce-que-cest","pageId":"a9c56a05-3c42-4133-952c-fa54c5e47337:::6744fd9f-8d18-49a5-8d01-8ab7a3fbe0ec","icon":"Lightbulb","description":"Mais c'est quoi exactement Le Compas ? Clique ici, je vais tâcher de t'expliquer.","list":[]},{"id":"d57d15b9-ed15-4690-8ff5-bfb72ed5b773","type":"page","label":"L'équipe MLV","link":"/lquipe-mlv-1","pageId":"a9c56a05-3c42-4133-952c-fa54c5e47337:::2c472f84-7294-4883-9c47-690d2290e456","icon":"CircleUserRound","description":"Découvrez l'ensemble de l'équipe, avec coordonnées complètes pour un contact facile et personnalisé.","list":[]},{"id":"e7ff01f3-ae31-416e-b434-e042d4c36d78","type":"page","label":"La boîte à questions jeunes","link":"/boite-questions-jeunes","pageId":"a9c56a05-3c42-4133-952c-fa54c5e47337:::f75921e9-a7a2-4be8-a3dc-2c44ad613313","icon":"MessageCircleQuestion","description":"Tu as une question ? Ne cherche pas plus long, c'est ici.","list":[]}]},{"id":"f7c985e5-4ff2-4d89-ab01-f1eb5f77ff94","type":"page","label":"Assistance","link":"/assistance-2","pageId":"a9c56a05-3c42-4133-952c-fa54c5e47337:::11a4d6f9-c880-4c62-b857-38031572b1a8","icon":"HelpCircle","list":[]},{"id":"24648051-5d3a-425c-9823-326fa0a461b9","type":"list","label":"Informations pratiques","icon":"Flag","list":[{"id":"8b55e76a-2787-483f-b71f-d40ccb9d5c54","type":"url","label":"Les liens utiles","link":"https://www.mlvaulx.org/outils/","icon":"Link","description":"","list":[]},{"id":"22167b1d-0139-4d32-8614-487c6b72b89a","type":"url","label":"Reporting TT","link":"https://forms.office.com/pages/responsepage.aspx?id=B0ckLVNsdEWP8eBDOeHCkPSglAZKQ8tHtX3gT9yBNNBUODNCSVJMSlRaV0tFTFNDR05GN1BQMFI0MiQlQCN0PWcu&route=shorturl","icon":"Send","description":"","list":[]},{"id":"db4105cc-75cd-45d9-bdfd-70429ba0b14d","type":"page","label":"Mentions légales","link":"/mentions-legales","pageId":"a9c56a05-3c42-4133-952c-fa54c5e47337:::3b4c0b0d-5667-4c64-a2d1-dbeb6bb86c98","icon":"ScrollText","description":"","list":[]},{"id":"a3045232-5e3f-4687-8f99-32332f95f843","type":"page","label":"Miscellanées","link":"/miscellanees","pageId":"a9c56a05-3c42-4133-952c-fa54c5e47337:::4e959b1c-19b8-4109-8ce9-7a1d84471f0b","icon":"Heart","description":"","list":[]},{"id":"8c3a1f65-6471-4fbd-b7d3-debce0e80484","type":"page","label":"Accessibilité","link":"/accessibilit","pageId":"a9c56a05-3c42-4133-952c-fa54c5e47337:::03b38bee-6614-4950-ae63-3c47bb08ffc7","icon":"HeartHandshake","description":"","list":[]},{"id":"f8614070-7629-4e29-b3f6-549a5b299a5c","type":"page","label":"Données personnelles et cookies","link":"/donnees-personnelles-et-cookies-1","pageId":"a9c56a05-3c42-4133-952c-fa54c5e47337:::bae047f6-68ae-4725-8f9f-89eded086aac","icon":"GraduationCap","description":"","list":[]},{"id":"c9202f12-3281-4c02-9c2a-84e6283680aa","type":"url","label":"État du système","link":"https://statuts.lecompas.app/","icon":"Globe","description":"","list":[]}]}],"logo":{"type":"image","width":158,"fontSize":8,"textContent":" ","imageContent":"https://assets.super.so/a9c56a05-3c42-4133-952c-fa54c5e47337/uploads/logo/bee16665-7927-4543-94c7-5aeb1ce05173.png","imageContentDark":"https://assets.super.so/a9c56a05-3c42-4133-952c-fa54c5e47337/uploads/logo/c7726ef6-a37a-4cfc-9b4c-353bd0cb86f1.png","disabled":false},"cta":{"type":"page","label":"","link":"/","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"corners","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[{"id":"e468a0ef-c091-4ded-974d-eefbb2543b3b","type":"page","label":"Accessibilité : non conforme","pageId":"a9c56a05-3c42-4133-952c-fa54c5e47337:::de952fae-09a4-42b7-8d30-ac07abca046b","icon":"HeartHandshake","list":[]},{"id":"e5a790e7-e2eb-430f-967f-8a59d0b771ec","type":"page","label":"Mentions légales","link":"/mentions-legales","pageId":"a9c56a05-3c42-4133-952c-fa54c5e47337:::3b4c0b0d-5667-4c64-a2d1-dbeb6bb86c98","icon":"","list":[]},{"id":"7f53248d-dcf4-4a4a-9e44-321fe54fec6a","type":"page","label":"Données personnelles et cookies","link":"/donnees-personnelles-et-cookies-1","pageId":"a9c56a05-3c42-4133-952c-fa54c5e47337:::bae047f6-68ae-4725-8f9f-89eded086aac","icon":"ShieldCheck","list":[]},{"id":"7b78e737-8d10-4485-8f95-4638fba70c35","type":"page","label":"Miscellanées","link":"/miscellanees","pageId":"a9c56a05-3c42-4133-952c-fa54c5e47337:::4e959b1c-19b8-4109-8ce9-7a1d84471f0b","icon":"Brush","list":[]},{"id":"c0099b9a-85bc-41e4-a6f5-5edd9ef8f042","type":"url","label":"Cartographie Rés'in","link":"https://resin.grandlyon.com/acteurs?structure=mission-locale-vaulx-en-velin","icon":"MapPinned","list":[]},{"id":"2423634a-eb53-439e-9e30-634b571f9729","type":"url","label":"État du système","link":"https://statuts.lecompas.app/","icon":"CheckCircle2","list":[]}],"logo":{"type":"image","width":180,"fontSize":16,"textContent":"Le Compas","imageContent":"https://assets.super.so/a9c56a05-3c42-4133-952c-fa54c5e47337/uploads/logo/67c4579a-65ce-4c3f-9c70-ad1fabea4153.png","imageContentDark":"https://assets.super.so/a9c56a05-3c42-4133-952c-fa54c5e47337/uploads/logo/003a31d8-9907-48c5-b172-20c9b9af5670.png","disabled":false},"socials":[{"type":"facebook","link":"https://fr-fr.facebook.com/missionlocale.vaulx/"},{"type":"linkedin","link":"https://www.linkedin.com/company/mission-locale-de-vaulx-en-velin/"},{"type":"instagram","link":"https://www.instagram.com/mission_locale_vaulxenvelin/"}],"footnote":"Fait à Vaulx-en-Velin avec 💙 par Antho © Le Compas — Version 2026.3 I Fabriqué et hébergé dans l'UE 🇪🇺","divider":false},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":{"type":"image","width":180,"fontSize":16,"textContent":"Le Compas","imageContent":"https://assets.super.so/a9c56a05-3c42-4133-952c-fa54c5e47337/uploads/logo/541168c0-e4e4-4cb6-a563-7f1e58c8be14.png","imageContentDark":null,"disabled":true},"searchEnabled":false},"theme":{"colorMode":"light","layout":{"paddingLayout":1.1,"layoutMaxWidth":900,"columnSpacing":46,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":14,"pageDisplay":"flex"},"header":{"coverHeight":30,"titleAlign":"center","iconAlign":"-112px 0 0 0","display":"none"},"collectionCard":{"gap":32,"shadow":"rgba(0, 0, 0, 0.06) 0px 20px 40px -10px","coverHeightLarge":260,"coverHeightMedium":172,"coverHeightSmall":128,"titleSize":1.038,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"none"},"callout":{"iconDisplay":"block","shadow":"none"},"typography":{"primaryFont":"Inter","secondaryFont":"Inter","fonts":[],"baseSize":16,"titleSize":3.12,"headingSize":1.35,"quoteSize":1.22,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":74,"shadow":"rgba(0, 0, 0, 0.05) 0px 4px 8px -2px"},"footer":{"height":0},"sidebar":{"width":263,"shadow":"none"},"colors":{"light":{"text":"#101017","textLight":"#7d7c78","background":"#f5f7fa","borderColor":"#f5f7fa","checkboxBackground":"#2eaadc","hoverBackground":"#efefef","scrollbar":{"background":"#ebe9f0","handle":"#d0d0d0","border":"#f5f7fa"},"navbar":{"text":"#37352f","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#12131c","hoverBackground":null},"footer":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#141622","ctaText":"#37352f","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#f5f7fa"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#ffffff","textLight":"#aeaeae","background":"#111111","borderColor":"#111111","checkboxBackground":"#2EAADC","hoverBackground":"#111111","scrollbar":{"background":"#151515","handle":"#1d1d1d","border":"#101010"},"navbar":{"text":"#e1e1e1","background":"#111111","buttonText":"#111111","buttonBackground":"#c6c6c6","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#ffffff","ctaText":"#2f2f2f","background":"#111111","hoverBackground":"#484848","ctaBackground":"#656565","border":"#111111"},"database":{"cardBackground":"#212121","cardHoverBackground":"#686868","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"a9c56a05-3c42-4133-952c-fa54c5e47337:::54379c63-6ad8-444e-9e56-5ae51419a128","content":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"}],"head":[],"body":[{"id":"a9c56a05-3c42-4133-952c-fa54c5e47337:::4e1c7c44-ab1c-4c09-af66-87492c7fe010","content":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"}],"style":[],"css":"$1f"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":["$L20",null,"$L21","$L22","$L23","$L24","$L25"]}],"$L26"]}]

La vue pour mobile

La vue pour mobile