Centre de Loisirs 6-12 ans \u2014 Plan\u00e8te Sciences M\u00e9diterran\u00e9e<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@400;600;700;800&family=Nunito:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --green-deep: #1a4a2e;\r\n --green-mid: #2d7a4f;\r\n --green-light: #4aaa6e;\r\n --green-pale: #c8ecd6;\r\n --earth: #7a5c3a;\r\n --earth-light: #c8a47a;\r\n --sky: #4a9bc8;\r\n --sky-light: #a8d8f0;\r\n --sun: #f5c842;\r\n --sun-warm: #f09633;\r\n --cream: #f7f3eb;\r\n --white: #ffffff;\r\n --text-dark: #1e2e1e;\r\n --text-mid: #3a5a3a;\r\n }\r\n\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'Nunito', sans-serif;\r\n color: var(--text-dark);\r\n overflow-x: hidden;\r\n }\r\n\r\n\r\n\r\n \/* ===== HERO ===== *\/\r\n .hero {\r\n min-height: 0vh;\r\n background:\r\n radial-gradient(ellipse at 20% 60%, rgba(74,170,110,0.25) 0%, transparent 60%),\r\n radial-gradient(ellipse at 80% 30%, rgba(74,155,200,0.2) 0%, transparent 50%),\r\n linear-gradient(160deg, var(--green-deep) 0%, #0e3320 40%, #1a3d2a 70%, #2a5a3a 100%);\r\n position: relative;\r\n display: flex; align-items: center;\r\n overflow: hidden;\r\n padding: 4rem 2rem 4rem;\r\n }\r\n\r\n \/* Floating nature decorations *\/\r\n .hero-nature {\r\n position: absolute; inset: 0; pointer-events: none;\r\n overflow: hidden;\r\n }\r\n\r\n .leaf {\r\n position: absolute;\r\n font-size: 2rem;\r\n opacity: 0.15;\r\n animation: float 8s ease-in-out infinite;\r\n }\r\n .leaf:nth-child(1) { top: 10%; left: 5%; animation-delay: 0s; font-size: 3rem; }\r\n .leaf:nth-child(2) { top: 25%; right: 8%; animation-delay: 2s; font-size: 2.5rem; }\r\n .leaf:nth-child(3) { bottom: 30%; left: 12%; animation-delay: 4s; }\r\n .leaf:nth-child(4) { top: 60%; right: 15%; animation-delay: 1s; font-size: 2.8rem; }\r\n .leaf:nth-child(5) { bottom: 15%; right: 5%; animation-delay: 3s; font-size: 4rem; }\r\n .leaf:nth-child(6) { top: 15%; left: 40%; animation-delay: 5s; font-size: 2rem; }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0) rotate(0deg); }\r\n 50% { transform: translateY(-20px) rotate(8deg); }\r\n }\r\n\r\n .hero-content {\r\n max-width: 1100px; margin: 0 auto;\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 4rem;\r\n align-items: center; position: relative; z-index: 2; width: 100%;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n background: rgba(245,200,66,0.2); border: 1.5px solid rgba(245,200,66,0.4);\r\n color: var(--sun); padding: 0.4rem 1rem; border-radius: 20px;\r\n font-size: 0.82rem; font-weight: 700; letter-spacing: 0.08em;\r\n text-transform: uppercase; margin-bottom: 1.2rem;\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Baloo 2', cursive;\r\n font-size: clamp(2.2rem, 4vw, 3.4rem);\r\n font-weight: 800; color: var(--white);\r\n line-height: 1.15; margin-bottom: 0.5rem;\r\n }\r\n\r\n .hero h1 em {\r\n color: var(--sun); font-style: normal;\r\n display: block;\r\n }\r\n\r\n .hero-sub {\r\n font-size: 1.05rem; color: rgba(255,255,255,0.75);\r\n line-height: 1.7; margin-bottom: 2rem;\r\n max-width: 480px;\r\n }\r\n\r\n .hero-actions {\r\n display: flex; flex-wrap: wrap; gap: 1rem;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n background: var(--sun); color: var(--green-deep);\r\n padding: 0.85rem 1.8rem; border-radius: 50px;\r\n font-weight: 800; font-size: 0.95rem; text-decoration: none;\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n box-shadow: 0 4px 20px rgba(245,200,66,0.4);\r\n }\r\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(245,200,66,0.5); }\r\n\r\n .btn-secondary {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n background: rgba(255,255,255,0.1); color: var(--white);\r\n border: 1.5px solid rgba(255,255,255,0.3);\r\n padding: 0.85rem 1.8rem; border-radius: 50px;\r\n font-weight: 700; font-size: 0.95rem; text-decoration: none;\r\n transition: all 0.2s;\r\n }\r\n .btn-secondary:hover { background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.5); }\r\n\r\n .btn-ghost {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n background: rgba(74,155,200,0.2); color: var(--sky-light);\r\n border: 1.5px solid rgba(74,155,200,0.4);\r\n padding: 0.85rem 1.8rem; border-radius: 50px;\r\n font-weight: 700; font-size: 0.95rem; text-decoration: none;\r\n transition: all 0.2s;\r\n }\r\n .btn-ghost:hover { background: rgba(74,155,200,0.35); }\r\n\r\n \/* Hero visual side *\/\r\n .hero-visual {\r\n display: flex; flex-direction: column; gap: 1rem; align-items: flex-end;\r\n }\r\n\r\n .hero-card {\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.15);\r\n border-radius: 20px;\r\n padding: 1.2rem 1.5rem;\r\n backdrop-filter: blur(10px);\r\n color: var(--white);\r\n transition: transform 0.3s;\r\n }\r\n .hero-card:hover { transform: translateX(-6px); }\r\n .hero-card h3 { font-family: 'Baloo 2', cursive; font-size: 1rem; font-weight: 700; margin-bottom: 0.3rem; }\r\n .hero-card p { font-size: 0.83rem; color: rgba(255,255,255,0.65); line-height: 1.5; }\r\n .hero-card .icon { font-size: 1.8rem; margin-bottom: 0.5rem; }\r\n\r\n .hero-stat-row {\r\n display: flex; gap: 1rem; width: 100%; justify-content: flex-end;\r\n }\r\n\r\n .stat-pill {\r\n background: rgba(245,200,66,0.15);\r\n border: 1px solid rgba(245,200,66,0.3);\r\n border-radius: 50px;\r\n padding: 0.6rem 1.2rem;\r\n text-align: center;\r\n color: var(--white);\r\n }\r\n .stat-pill strong { display: block; font-family: 'Baloo 2', cursive; font-size: 1.5rem; color: var(--sun); }\r\n .stat-pill span { font-size: 0.75rem; opacity: 0.7; }\r\n\r\n \/* ===== SECTIONS ===== *\/\r\n section { padding: 5rem 2rem; }\r\n\r\n .section-inner { max-width: 1100px; margin: 0 auto; }\r\n\r\n .section-label {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n color: var(--green-mid); font-weight: 800; font-size: 0.8rem;\r\n text-transform: uppercase; letter-spacing: 0.1em;\r\n margin-bottom: 0.8rem;\r\n }\r\n .section-label::before {\r\n content: ''; width: 24px; height: 3px;\r\n background: var(--green-light); border-radius: 2px;\r\n }\r\n\r\n h2.section-title {\r\n font-family: 'Baloo 2', cursive;\r\n font-size: clamp(1.8rem, 3vw, 2.6rem);\r\n font-weight: 800; color: var(--green-deep);\r\n line-height: 1.2; margin-bottom: 1rem;\r\n }\r\n\r\n \/* ===== CONCEPT SECTION ===== *\/\r\n .concept {\r\n background: var(--white);\r\n position: relative; overflow: hidden;\r\n }\r\n\r\n .concept::before {\r\n content: '';\r\n position: absolute; top: 0; right: 0;\r\n width: 400px; height: 400px;\r\n background: radial-gradient(circle, var(--green-pale) 0%, transparent 70%);\r\n border-radius: 50%;\r\n transform: translate(30%, -30%);\r\n }\r\n\r\n .concept-grid {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 4rem;\r\n align-items: center;\r\n }\r\n\r\n .concept-text p {\r\n font-size: 1.02rem; line-height: 1.85;\r\n color: var(--text-mid); margin-bottom: 1.2rem;\r\n }\r\n\r\n .concept-text p strong { color: var(--green-deep); font-weight: 700; }\r\n\r\n .concept-features {\r\n display: grid; gap: 1rem;\r\n }\r\n\r\n .feature-card {\r\n display: flex; align-items: flex-start; gap: 1rem;\r\n background: var(--cream); border-radius: 16px;\r\n padding: 1.2rem; border: 1px solid var(--green-pale);\r\n transition: border-color 0.2s, transform 0.2s;\r\n }\r\n .feature-card:hover { border-color: var(--green-light); transform: translateX(4px); }\r\n\r\n .feature-icon {\r\n width: 48px; height: 48px;\r\n background: var(--green-deep); border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 1.4rem; flex-shrink: 0;\r\n }\r\n\r\n .feature-card h4 {\r\n font-family: 'Baloo 2', cursive;\r\n font-size: 1rem; font-weight: 700; color: var(--green-deep);\r\n margin-bottom: 0.2rem;\r\n }\r\n .feature-card p { font-size: 0.85rem; color: var(--text-mid); line-height: 1.5; }\r\n\r\n \/* ===== LIEU ===== *\/\r\n .lieu {\r\n background: linear-gradient(135deg, var(--green-deep) 0%, #0e3320 100%);\r\n position: relative; overflow: hidden;\r\n }\r\n\r\n .lieu::after {\r\n content: '\ud83c\udf3f';\r\n position: absolute; right: 5%; bottom: 10%;\r\n font-size: 8rem; opacity: 0.08; pointer-events: none;\r\n transform: rotate(-15deg);\r\n }\r\n\r\n .lieu .section-label { color: var(--green-pale); }\r\n .lieu h2.section-title { color: var(--white); }\r\n\r\n .lieu-grid {\r\n display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5rem;\r\n margin-top: 2.5rem;\r\n }\r\n\r\n .lieu-card {\r\n background: rgba(255,255,255,0.07);\r\n border: 1px solid rgba(255,255,255,0.12);\r\n border-radius: 20px; padding: 1.8rem;\r\n transition: background 0.3s, transform 0.3s;\r\n }\r\n .lieu-card:hover { background: rgba(255,255,255,0.12); transform: translateY(-4px); }\r\n\r\n .lieu-card .big-icon { font-size: 2.5rem; margin-bottom: 1rem; }\r\n .lieu-card h3 {\r\n font-family: 'Baloo 2', cursive; font-weight: 700;\r\n font-size: 1.1rem; color: var(--sun); margin-bottom: 0.6rem;\r\n }\r\n .lieu-card p { font-size: 0.88rem; color: rgba(255,255,255,0.7); line-height: 1.6; }\r\n\r\n .lieu-desc {\r\n font-size: 1.02rem; color: rgba(255,255,255,0.75);\r\n line-height: 1.85; max-width: 680px; margin-bottom: 2.5rem;\r\n }\r\n .lieu-desc strong { color: var(--green-pale); }\r\n\r\n \/* ===== ACTIVIT\u00c9S ===== *\/\r\n .activites { background: var(--cream); }\r\n\r\n .activites-intro {\r\n font-size: 1.05rem; color: var(--text-mid);\r\n line-height: 1.8; max-width: 700px; margin-bottom: 3rem;\r\n }\r\n\r\n .activites-grid {\r\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem;\r\n }\r\n\r\n .activite-chip {\r\n background: var(--white);\r\n border: 2px solid transparent;\r\n background-clip: padding-box;\r\n border-radius: 16px; padding: 1.5rem;\r\n text-align: center;\r\n transition: all 0.25s;\r\n cursor: default;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .activite-chip::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: linear-gradient(135deg, var(--green-pale), var(--sky-light));\r\n opacity: 0; transition: opacity 0.3s;\r\n border-radius: 14px;\r\n }\r\n\r\n .activite-chip:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(45,122,79,0.15); }\r\n .activite-chip:hover::before { opacity: 1; }\r\n\r\n .activite-chip > * { position: relative; z-index: 1; }\r\n .activite-chip .emoji { font-size: 2.5rem; display: block; margin-bottom: 0.7rem; }\r\n .activite-chip h4 {\r\n font-family: 'Baloo 2', cursive; font-size: 0.95rem;\r\n font-weight: 700; color: var(--green-deep); margin-bottom: 0.3rem;\r\n }\r\n .activite-chip p { font-size: 0.8rem; color: var(--text-mid); line-height: 1.4; }\r\n\r\n .activites-more {\r\n margin-top: 2rem;\r\n background: linear-gradient(135deg, var(--green-mid), var(--green-deep));\r\n border-radius: 20px; padding: 2rem;\r\n display: flex; align-items: center; justify-content: space-between;\r\n gap: 1rem;\r\n }\r\n\r\n .activites-more p {\r\n color: var(--white); font-size: 1rem; font-weight: 600;\r\n line-height: 1.5;\r\n }\r\n .activites-more p span { opacity: 0.8; font-size: 0.9rem; font-weight: 400; display: block; }\r\n\r\n \/* ===== PRATIQUE ===== *\/\r\n .pratique {\r\n background: var(--white);\r\n }\r\n\r\n .pratique-grid {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;\r\n margin-top: 2.5rem;\r\n }\r\n\r\n .info-block {\r\n background: var(--cream); border-radius: 20px; padding: 2rem;\r\n border-left: 4px solid var(--green-light);\r\n }\r\n\r\n .info-block h3 {\r\n font-family: 'Baloo 2', cursive; font-size: 1.15rem;\r\n font-weight: 700; color: var(--green-deep);\r\n margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem;\r\n }\r\n\r\n .info-block ul { list-style: none; }\r\n .info-block ul li {\r\n padding: 0.45rem 0;\r\n border-bottom: 1px dashed rgba(45,122,79,0.2);\r\n font-size: 0.92rem; color: var(--text-mid);\r\n display: flex; gap: 0.5rem; align-items: flex-start;\r\n }\r\n .info-block ul li:last-child { border-bottom: none; }\r\n .info-block ul li::before { content: '\u2192'; color: var(--green-light); font-weight: 700; flex-shrink: 0; }\r\n\r\n \/* ===== CTA SECTION ===== *\/\r\n .cta-section {\r\n background: linear-gradient(135deg, #0e2d1a 0%, var(--green-deep) 50%, #1a4535 100%);\r\n text-align: center; padding: 5rem 2rem; position: relative; overflow: hidden;\r\n }\r\n\r\n .cta-section::before {\r\n content: '\ud83c\udf31';\r\n position: absolute; font-size: 15rem; opacity: 0.04;\r\n top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n pointer-events: none;\r\n }\r\n\r\n .cta-section h2 {\r\n font-family: 'Baloo 2', cursive;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n font-weight: 800; color: var(--white);\r\n margin-bottom: 1rem;\r\n }\r\n .cta-section h2 span { color: var(--sun); }\r\n\r\n .cta-section p {\r\n color: rgba(255,255,255,0.7); font-size: 1.05rem;\r\n max-width: 520px; margin: 0 auto 2.5rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .cta-buttons {\r\n display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem;\r\n }\r\n\r\n \/* ===== FOOTER ===== *\/\r\n footer {\r\n background: #0a1f10; color: rgba(255,255,255,0.5);\r\n padding: 2.5rem; text-align: center; font-size: 0.82rem;\r\n }\r\n footer a { color: var(--green-pale); text-decoration: none; }\r\n footer a:hover { color: var(--sun); }\r\n footer .footer-links { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-bottom: 1rem; }\r\n\r\n \/* ===== ANIMATIONS ===== *\/\r\n .reveal {\r\n opacity: 0; transform: translateY(30px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n }\r\n .reveal.visible { opacity: 1; transform: translateY(0); }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 900px) {\r\n .hero-content { grid-template-columns: 1fr; gap: 2rem; }\r\n .hero-visual { align-items: flex-start; }\r\n .hero-stat-row { justify-content: flex-start; }\r\n .concept-grid { grid-template-columns: 1fr; }\r\n .lieu-grid { grid-template-columns: 1fr 1fr; }\r\n .activites-grid { grid-template-columns: repeat(2, 1fr); }\r\n .pratique-grid { grid-template-columns: 1fr; }\r\n .activites-more { flex-direction: column; text-align: center; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n nav .nav-links { display: none; }\r\n .lieu-grid { grid-template-columns: 1fr; }\r\n .activites-grid { grid-template-columns: 1fr 1fr; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n\r\n<section class=\"hero\" id=\"accueil\">\r\n <div class=\"hero-nature\">\r\n <div class=\"leaf\">\ud83c\udf43<\/div>\r\n <div class=\"leaf\">\ud83c\udf3f<\/div>\r\n <div class=\"leaf\">\ud83c\udf40<\/div>\r\n <div class=\"leaf\">\ud83c\udf31<\/div>\r\n <div class=\"leaf\">\ud83c\udf3e<\/div>\r\n <div class=\"leaf\">\ud83c\udf42<\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-text\">\r\n <h1>Les Explorateurs <em>en Herbe !<\/em><\/h1>\r\n <div class=\"hero-badge\">\ud83d\udd2d Centre de Loisirs \u00b7 6 \u00e0 12 ans<\/div>\r\n \r\n <p class=\"hero-sub\">\r\n Un accueil de loisirs au c\u0153ur de la nature, sur le plateau de Roquevignon (Grasse). \r\n Chaque mercredi et pendant toutes les vacances scolaires.\r\n <\/p>\r\n <div style=\"display:flex; flex-wrap:wrap; gap:1rem; margin-top:1.5rem;\">\r\n <a href=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2026\/02\/Dossier-d-inscription-2026.pdf\" class=\"mtli_attachment mtli_pdf\"\r\n style=\"display:inline-flex; align-items:center; gap:0.5rem; background:#f5c842; color:#1a4a2e; padding:0.85rem 1.8rem; border-radius:50px; font-weight:800; font-size:0.95rem; text-decoration:none;\">\r\n \ud83d\udccb Dossier d'inscription\r\n <\/a>\r\n <a href=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2026\/04\/ALSH-Planning.pdf\" class=\"mtli_attachment mtli_pdf\"\r\n style=\"display:inline-flex; align-items:center; gap:0.5rem; background:rgba(74,155,200,0.2); color:#a8d8f0; border:1.5px solid rgba(74,155,200,0.4); padding:0.85rem 1.8rem; border-radius:50px; font-weight:700; font-size:0.95rem; text-decoration:none;\">\r\n \ud83d\udcc5 Voir le planning\r\n <\/a>\r\n <a href=\"mailto:cecile.grecco @ planete-sciences.org\"\r\n style=\"display:inline-flex; align-items:center; gap:0.5rem; background:rgba(255,255,255,0.1); color:#ffffff; border:1.5px solid rgba(255,255,255,0.3); padding:0.85rem 1.8rem; border-radius:50px; font-weight:700; font-size:0.95rem; text-decoration:none;\">\r\n \ud83d\udce9 cecile.grecco @ planete-sciences.org\r\n <\/a>\r\n <a href=\"tel:0673929771\"\r\n style=\"display:inline-flex; align-items:center; gap:0.6rem; background:rgba(255,255,255,0.1); color:#ffffff; border:1.5px solid rgba(255,255,255,0.3); padding:0.9rem 2rem; border-radius:50px; font-weight:700; font-size:1rem; text-decoration:none;\">\r\n \ud83d\udcde 06 73 92 97 71\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\">\r\n <div class=\"hero-card\">\r\n <div class=\"icon\">\ud83c\udf33<\/div>\r\n <h3>Espace Jardin\u00e9 de Roquevignon<\/h3>\r\n <p>1 hectare en pleine nature, au-dessus de Grasse \u2014 Chalet, mare p\u00e9dagogique, potager, toilettes s\u00e8ches et panneaux solaires.<\/p>\r\n <\/div>\r\n <div class=\"hero-stat-row\">\r\n <div class=\"stat-pill\"><strong>6\u201312<\/strong><span>ans<\/span><\/div>\r\n <div class=\"stat-pill\"><strong>\u2697\ufe0f<\/strong><span>Sciences & Nature<\/span><\/div>\r\n <div class=\"stat-pill\"><strong>\ud83c\udf3f<\/strong><span>Plein air<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"concept\" id=\"concept\">\r\n <div class=\"section-inner\">\r\n <div class=\"concept-grid\">\r\n <div class=\"concept-text reveal\">\r\n <div class=\"section-label\">Notre concept<\/div>\r\n <h2 class=\"section-title\">Sciences, nature & aventure \u2014 m\u00eal\u00e9s avec plaisir<\/h2>\r\n <p>Notre centre de loisirs accueille les enfants entre 6 et 12 ans sur les p\u00e9riodes p\u00e9riscolaires (les <strong>mercredis et pendant les vacances scolaires<\/strong>) dans un cadre id\u00e9al, loin de l'agitation urbaine et en plein air.<\/p>\r\n <p><strong>Les activit\u00e9s stimulent le plaisir de la d\u00e9couverte<\/strong>, l'observation \u00e0 l'aide de mat\u00e9riel sp\u00e9cifique, la manipulation, le jeu \u2014 par des approches scientifiques et techniques.<\/p>\r\n <p>L'objectif : <strong>susciter la passion des sciences<\/strong> par une approche exp\u00e9rimentale et le d\u00e9veloppement de projets en petits groupes. M\u00ealer agr\u00e9ablement sciences et d\u00e9tente pour vivre une v\u00e9ritable aventure !<\/p>\r\n <\/div>\r\n <div class=\"concept-features reveal\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udd2c<\/div>\r\n <div>\r\n <h4>Approche exp\u00e9rimentale<\/h4>\r\n <p>Manipulation, observation, conception de projets \u2014 les enfants apprennent en faisant.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udf3f<\/div>\r\n <div>\r\n <h4>Environnement naturel<\/h4>\r\n <p>Un espace forestier am\u00e9nag\u00e9, loin de la ville, propice \u00e0 la d\u00e9couverte et \u00e0 la concentration.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udc65<\/div>\r\n <div>\r\n <h4>Petits groupes<\/h4>\r\n <p>Des projets men\u00e9s en \u00e9quipes pour d\u00e9velopper la coop\u00e9ration et la cr\u00e9ativit\u00e9.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\u267b\ufe0f<\/div>\r\n <div>\r\n <h4>D\u00e9marche durable<\/h4>\r\n <p>\u00c9nergie solaire, composteur, tri des d\u00e9chets \u2014 le d\u00e9veloppement durable est v\u00e9cu, pas seulement \u00e9tudi\u00e9.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"lieu\" id=\"lieu\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">O\u00f9 sommes-nous ?<\/div>\r\n <h2 class=\"section-title\">Un centre au c\u0153ur de la nature<\/h2>\r\n <p class=\"lieu-desc\">\r\n Situ\u00e9 au-dessus de la ville de Grasse, sur le <strong>plateau de Roquevignon<\/strong>, l'Espace Jardin\u00e9 a \u00e9t\u00e9 mis \u00e0 disposition de Plan\u00e8te Sciences M\u00e9diterran\u00e9e par la commune. Cet espace d'un hectare correspond \u00e0 d'anciennes terrasses cultiv\u00e9es et pr\u00e9sente diff\u00e9rents milieux naturels.\r\n <\/p>\r\n\r\n <div class=\"lieu-grid\">\r\n <div class=\"lieu-card reveal\">\r\n <div class=\"big-icon\">\ud83c\udfd5\ufe0f<\/div>\r\n <h3>\u00c9quipements<\/h3>\r\n <p>Chalet am\u00e9nag\u00e9, toilettes s\u00e8ches, panneaux photovolta\u00efque. Toutes les commodit\u00e9s pour l'accueil du public.<\/p>\r\n <\/div>\r\n <div class=\"lieu-card reveal\">\r\n <div class=\"big-icon\">\ud83c\udf31<\/div>\r\n <h3>Milieux naturels<\/h3>\r\n <p>Pelouse s\u00e8che \u00e0 lavande et sarriette, garrigue buissonnante, zone foresti\u00e8re\u2026 une diversit\u00e9 exceptionnelle \u00e0 explorer.<\/p>\r\n <\/div>\r\n <div class=\"lieu-card reveal\">\r\n <div class=\"big-icon\">\ud83c\udf3b<\/div>\r\n <h3>Espaces p\u00e9dagogiques<\/h3>\r\n <p>Potager, mare p\u00e9dagogique, composteur et syst\u00e8me de tri des d\u00e9chets \u2014 pour apprendre le vivant en le pratiquant.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"activites\" id=\"activites\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Au programme<\/div>\r\n <h2 class=\"section-title\">Des activit\u00e9s pour apprendre en s'amusant<\/h2>\r\n <p class=\"activites-intro\">\r\n Les activit\u00e9s visent \u00e0 stimuler le plaisir de la d\u00e9couverte dans un espace forestier am\u00e9nag\u00e9. Par des approches \u00e0 la fois <strong>ludiques, scientifiques et techniques<\/strong>, les enfants explorent, cr\u00e9ent et exp\u00e9rimentent.\r\n <\/p>\r\n\r\n <div class=\"activites-grid\">\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83c\udf3f<\/span>\r\n <h4>Environnement<\/h4>\r\n <p>Jardinage, entomologie, botanique, observation du vivant<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\u26a1<\/span>\r\n <h4>\u00c9nergies renouvelables<\/h4>\r\n <p>Petites machines solaires, \u00e9oliennes et hydrauliques<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83d\ude80<\/span>\r\n <h4>Fus\u00e9es \u00e0 eau<\/h4>\r\n <p>Construction, lancement et observation de trajectoires<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83e\ude81<\/span>\r\n <h4>Cerfs-volants<\/h4>\r\n <p>Conception et exp\u00e9rimentation a\u00e9rodynamique<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83c\udfb5<\/span>\r\n <h4>Instruments de musique<\/h4>\r\n <p>Fabrication d'instruments \u00e0 partir de mat\u00e9riaux naturels<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83c\udfad<\/span>\r\n <h4>Arts & Expression<\/h4>\r\n <p>Th\u00e9\u00e2tre, peinture, musique et activit\u00e9s artistiques<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83c\udfc3<\/span>\r\n <h4>Jeux de plein air<\/h4>\r\n <p>Grands jeux, jeux collectifs, randonn\u00e9es en nature<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83d\udd2d<\/span>\r\n <h4>Sciences & Techno<\/h4>\r\n <p>De nombreuses autres th\u00e9matiques scientifiques et techniques<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\u26bd<\/span>\r\n <h4>Sports & Randonn\u00e9es<\/h4>\r\n <p>Jeux collectifs, sorties nature et d\u00e9couverte du territoire<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"activites-more reveal\">\r\n <p>\r\n \ud83c\udf1f Et bien d'autres surprises au programme !\r\n <span>Chaque s\u00e9jour r\u00e9serve de nouvelles d\u00e9couvertes adapt\u00e9es aux saisons et aux envies des groupes.<\/span>\r\n <\/p>\r\n <a href=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2026\/03\/ALSH-Planning.pdf\" class=\"mtli_attachment mtli_pdf\"\r\n style=\"display:inline-flex; align-items:center; gap:0.5rem; background:#f5c842; color:#1a4a2e; padding:0.85rem 1.8rem; border-radius:50px; font-weight:800; font-size:0.95rem; text-decoration:none; white-space:nowrap;\">\r\n \ud83d\udcc5 Voir le planning complet\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"pratique\" id=\"pratique\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Infos pratiques<\/div>\r\n <h2 class=\"section-title\">Tout ce qu'il faut savoir<\/h2>\r\n\r\n <div class=\"pratique-grid\">\r\n <div class=\"info-block reveal\">\r\n <h3>\ud83d\udcc5 Quand ?<\/h3>\r\n <ul>\r\n <li>Tous les mercredis (journ\u00e9es p\u00e9riscolaires)<\/li>\r\n <li>Pendant toutes les vacances scolaires (Sauf No\u00ebl)<\/li>\r\n <li>Zone A (acad\u00e9mie de Nice et Aix-Marseille)<\/li>\r\n <li>Consultez le planning pour les dates 2026<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"info-block reveal\">\r\n <h3>\ud83e\uddd2\ud83d\udc67 Pour qui ?<\/h3>\r\n <ul>\r\n <li>Enfants de 6 \u00e0 12 ans<\/li>\r\n <li>Accueil en petits groupes<\/li>\r\n <li>Encadrement par des animateurs qualifi\u00e9s<\/li>\r\n <li>Accessibilit\u00e9 tarifaire (CAF, quotient familial)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"info-block reveal\">\r\n <h3>\ud83d\udccd O\u00f9 ?<\/h3>\r\n <ul>\r\n <li>Espace Jardin\u00e9 de Roquevignon<\/li>\r\n <li>Au-dessus de Grasse (06), Alpes-Maritimes<\/li>\r\n <li>Cadre naturel en plein air<\/li>\r\n <li>\u00c9quipements sur place (Chalet, sanitaires\u2026)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"info-block reveal\">\r\n <h3>\ud83d\udccb Comment s'inscrire ?<\/h3>\r\n <ul>\r\n <li>T\u00e9l\u00e9charger le dossier d'inscription 2026<\/li>\r\n <li>Remplir et renvoyer le dossier complet<\/li>\r\n <li>Nous contacter pour toute question<\/li>\r\n <li>Adh\u00e9sion \u00e0 l'association requise<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n \/\/ Scroll reveal\r\n const reveals = document.querySelectorAll('.reveal');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry, i) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => entry.target.classList.add('visible'), i * 80);\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\n reveals.forEach(el => observer.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d990a7e elementor-widget elementor-widget-heading\" data-id=\"d990a7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nous d\u00e9couvrir en image<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-771cae4 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"771cae4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"slides_to_show":"4","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","speed":500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel d\u2019images\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2025\/09\/3-93x200.png\" alt=\"AL - nous d\u00e9couvrir 3\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2025\/09\/1-1-159x200.png\" alt=\"AL - nous d\u00e9couvrir 2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2025\/09\/2-1-90x200.png\" alt=\"AL - nous d\u00e9couvrir 1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2025\/09\/5-90x200.png\" alt=\"5\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2025\/09\/3-1-90x200.png\" alt=\"3\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2025\/09\/4-90x200.png\" alt=\"4\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83aeebd elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"83aeebd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b7490a elementor-widget elementor-widget-heading\" data-id=\"0b7490a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 style=\"text-align: center\"><span style=\"color: #00519e\"> Nos partenaires<\/span><span style=\"font-size: 16px;text-align: start\"><\/span><\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-665aeb9 e-grid e-con-boxed e-con e-child\" data-id=\"665aeb9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cc7d32 elementor-widget elementor-widget-image\" data-id=\"8cc7d32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/elementor\/thumbs\/Logo-ville-de-GRASSE-q6b9s12aoto7ospdndxzew23nr5r2svjss2ztyubue.jpg\" title=\"Logo ville de GRASSE\" alt=\"logo-ville-de-grasse\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2265a79 elementor-widget elementor-widget-image\" data-id=\"2265a79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"625\" height=\"361\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-1024x591.jpg\" class=\"attachment-large size-large wp-image-4601\" alt=\"\" srcset=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-1024x591.jpg 1024w, https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-300x173.jpg 300w, https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-768x443.jpg 768w, https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-200x115.jpg 200w, https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-600x346.jpg 600w, https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-624x360.jpg 624w, https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI.jpg 1489w\" sizes=\"(max-width: 625px) 100vw, 625px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbd0e03 elementor-widget elementor-widget-image\" data-id=\"fbd0e03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/elementor\/thumbs\/caf-06-avec-caf-fr-Copie-r0od711bx5oxfegpwa7zpmf3d98dbllho1d8o3df4o.jpg\" title=\"caf-06-avec-caf-fr – Copie\" alt=\"caf-06-avec-caf-fr - Copie\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Centre de Loisirs 6-12 ans \u2014 Plan\u00e8te Sciences M\u00e9diterran\u00e9e 🍃 🌿 🍀 🌱 🌾 🍂 Les Explorateurs en Herbe ! 🔭 Centre de Loisirs \u00b7 6 \u00e0 12 ans Un accueil de loisirs au c\u0153ur de la nature, sur le plateau de Roquevignon (Grasse). Chaque mercredi et pendant toutes les vacances scolaires. 📋 Dossier d’inscription […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"_acf_changed":false,"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-207","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/pages\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":171,"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/pages\/207\/revisions"}],"predecessor-version":[{"id":7614,"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/pages\/207\/revisions\/7614"}],"wp:attachment":[{"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/media?parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nCentre de Loisirs 6-12 ans \u2014 Plan\u00e8te Sciences M\u00e9diterran\u00e9e<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@400;600;700;800&family=Nunito:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --green-deep: #1a4a2e;\r\n --green-mid: #2d7a4f;\r\n --green-light: #4aaa6e;\r\n --green-pale: #c8ecd6;\r\n --earth: #7a5c3a;\r\n --earth-light: #c8a47a;\r\n --sky: #4a9bc8;\r\n --sky-light: #a8d8f0;\r\n --sun: #f5c842;\r\n --sun-warm: #f09633;\r\n --cream: #f7f3eb;\r\n --white: #ffffff;\r\n --text-dark: #1e2e1e;\r\n --text-mid: #3a5a3a;\r\n }\r\n\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'Nunito', sans-serif;\r\n color: var(--text-dark);\r\n overflow-x: hidden;\r\n }\r\n\r\n\r\n\r\n \/* ===== HERO ===== *\/\r\n .hero {\r\n min-height: 0vh;\r\n background:\r\n radial-gradient(ellipse at 20% 60%, rgba(74,170,110,0.25) 0%, transparent 60%),\r\n radial-gradient(ellipse at 80% 30%, rgba(74,155,200,0.2) 0%, transparent 50%),\r\n linear-gradient(160deg, var(--green-deep) 0%, #0e3320 40%, #1a3d2a 70%, #2a5a3a 100%);\r\n position: relative;\r\n display: flex; align-items: center;\r\n overflow: hidden;\r\n padding: 4rem 2rem 4rem;\r\n }\r\n\r\n \/* Floating nature decorations *\/\r\n .hero-nature {\r\n position: absolute; inset: 0; pointer-events: none;\r\n overflow: hidden;\r\n }\r\n\r\n .leaf {\r\n position: absolute;\r\n font-size: 2rem;\r\n opacity: 0.15;\r\n animation: float 8s ease-in-out infinite;\r\n }\r\n .leaf:nth-child(1) { top: 10%; left: 5%; animation-delay: 0s; font-size: 3rem; }\r\n .leaf:nth-child(2) { top: 25%; right: 8%; animation-delay: 2s; font-size: 2.5rem; }\r\n .leaf:nth-child(3) { bottom: 30%; left: 12%; animation-delay: 4s; }\r\n .leaf:nth-child(4) { top: 60%; right: 15%; animation-delay: 1s; font-size: 2.8rem; }\r\n .leaf:nth-child(5) { bottom: 15%; right: 5%; animation-delay: 3s; font-size: 4rem; }\r\n .leaf:nth-child(6) { top: 15%; left: 40%; animation-delay: 5s; font-size: 2rem; }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0) rotate(0deg); }\r\n 50% { transform: translateY(-20px) rotate(8deg); }\r\n }\r\n\r\n .hero-content {\r\n max-width: 1100px; margin: 0 auto;\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 4rem;\r\n align-items: center; position: relative; z-index: 2; width: 100%;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n background: rgba(245,200,66,0.2); border: 1.5px solid rgba(245,200,66,0.4);\r\n color: var(--sun); padding: 0.4rem 1rem; border-radius: 20px;\r\n font-size: 0.82rem; font-weight: 700; letter-spacing: 0.08em;\r\n text-transform: uppercase; margin-bottom: 1.2rem;\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Baloo 2', cursive;\r\n font-size: clamp(2.2rem, 4vw, 3.4rem);\r\n font-weight: 800; color: var(--white);\r\n line-height: 1.15; margin-bottom: 0.5rem;\r\n }\r\n\r\n .hero h1 em {\r\n color: var(--sun); font-style: normal;\r\n display: block;\r\n }\r\n\r\n .hero-sub {\r\n font-size: 1.05rem; color: rgba(255,255,255,0.75);\r\n line-height: 1.7; margin-bottom: 2rem;\r\n max-width: 480px;\r\n }\r\n\r\n .hero-actions {\r\n display: flex; flex-wrap: wrap; gap: 1rem;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n background: var(--sun); color: var(--green-deep);\r\n padding: 0.85rem 1.8rem; border-radius: 50px;\r\n font-weight: 800; font-size: 0.95rem; text-decoration: none;\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n box-shadow: 0 4px 20px rgba(245,200,66,0.4);\r\n }\r\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(245,200,66,0.5); }\r\n\r\n .btn-secondary {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n background: rgba(255,255,255,0.1); color: var(--white);\r\n border: 1.5px solid rgba(255,255,255,0.3);\r\n padding: 0.85rem 1.8rem; border-radius: 50px;\r\n font-weight: 700; font-size: 0.95rem; text-decoration: none;\r\n transition: all 0.2s;\r\n }\r\n .btn-secondary:hover { background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.5); }\r\n\r\n .btn-ghost {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n background: rgba(74,155,200,0.2); color: var(--sky-light);\r\n border: 1.5px solid rgba(74,155,200,0.4);\r\n padding: 0.85rem 1.8rem; border-radius: 50px;\r\n font-weight: 700; font-size: 0.95rem; text-decoration: none;\r\n transition: all 0.2s;\r\n }\r\n .btn-ghost:hover { background: rgba(74,155,200,0.35); }\r\n\r\n \/* Hero visual side *\/\r\n .hero-visual {\r\n display: flex; flex-direction: column; gap: 1rem; align-items: flex-end;\r\n }\r\n\r\n .hero-card {\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.15);\r\n border-radius: 20px;\r\n padding: 1.2rem 1.5rem;\r\n backdrop-filter: blur(10px);\r\n color: var(--white);\r\n transition: transform 0.3s;\r\n }\r\n .hero-card:hover { transform: translateX(-6px); }\r\n .hero-card h3 { font-family: 'Baloo 2', cursive; font-size: 1rem; font-weight: 700; margin-bottom: 0.3rem; }\r\n .hero-card p { font-size: 0.83rem; color: rgba(255,255,255,0.65); line-height: 1.5; }\r\n .hero-card .icon { font-size: 1.8rem; margin-bottom: 0.5rem; }\r\n\r\n .hero-stat-row {\r\n display: flex; gap: 1rem; width: 100%; justify-content: flex-end;\r\n }\r\n\r\n .stat-pill {\r\n background: rgba(245,200,66,0.15);\r\n border: 1px solid rgba(245,200,66,0.3);\r\n border-radius: 50px;\r\n padding: 0.6rem 1.2rem;\r\n text-align: center;\r\n color: var(--white);\r\n }\r\n .stat-pill strong { display: block; font-family: 'Baloo 2', cursive; font-size: 1.5rem; color: var(--sun); }\r\n .stat-pill span { font-size: 0.75rem; opacity: 0.7; }\r\n\r\n \/* ===== SECTIONS ===== *\/\r\n section { padding: 5rem 2rem; }\r\n\r\n .section-inner { max-width: 1100px; margin: 0 auto; }\r\n\r\n .section-label {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n color: var(--green-mid); font-weight: 800; font-size: 0.8rem;\r\n text-transform: uppercase; letter-spacing: 0.1em;\r\n margin-bottom: 0.8rem;\r\n }\r\n .section-label::before {\r\n content: ''; width: 24px; height: 3px;\r\n background: var(--green-light); border-radius: 2px;\r\n }\r\n\r\n h2.section-title {\r\n font-family: 'Baloo 2', cursive;\r\n font-size: clamp(1.8rem, 3vw, 2.6rem);\r\n font-weight: 800; color: var(--green-deep);\r\n line-height: 1.2; margin-bottom: 1rem;\r\n }\r\n\r\n \/* ===== CONCEPT SECTION ===== *\/\r\n .concept {\r\n background: var(--white);\r\n position: relative; overflow: hidden;\r\n }\r\n\r\n .concept::before {\r\n content: '';\r\n position: absolute; top: 0; right: 0;\r\n width: 400px; height: 400px;\r\n background: radial-gradient(circle, var(--green-pale) 0%, transparent 70%);\r\n border-radius: 50%;\r\n transform: translate(30%, -30%);\r\n }\r\n\r\n .concept-grid {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 4rem;\r\n align-items: center;\r\n }\r\n\r\n .concept-text p {\r\n font-size: 1.02rem; line-height: 1.85;\r\n color: var(--text-mid); margin-bottom: 1.2rem;\r\n }\r\n\r\n .concept-text p strong { color: var(--green-deep); font-weight: 700; }\r\n\r\n .concept-features {\r\n display: grid; gap: 1rem;\r\n }\r\n\r\n .feature-card {\r\n display: flex; align-items: flex-start; gap: 1rem;\r\n background: var(--cream); border-radius: 16px;\r\n padding: 1.2rem; border: 1px solid var(--green-pale);\r\n transition: border-color 0.2s, transform 0.2s;\r\n }\r\n .feature-card:hover { border-color: var(--green-light); transform: translateX(4px); }\r\n\r\n .feature-icon {\r\n width: 48px; height: 48px;\r\n background: var(--green-deep); border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 1.4rem; flex-shrink: 0;\r\n }\r\n\r\n .feature-card h4 {\r\n font-family: 'Baloo 2', cursive;\r\n font-size: 1rem; font-weight: 700; color: var(--green-deep);\r\n margin-bottom: 0.2rem;\r\n }\r\n .feature-card p { font-size: 0.85rem; color: var(--text-mid); line-height: 1.5; }\r\n\r\n \/* ===== LIEU ===== *\/\r\n .lieu {\r\n background: linear-gradient(135deg, var(--green-deep) 0%, #0e3320 100%);\r\n position: relative; overflow: hidden;\r\n }\r\n\r\n .lieu::after {\r\n content: '\ud83c\udf3f';\r\n position: absolute; right: 5%; bottom: 10%;\r\n font-size: 8rem; opacity: 0.08; pointer-events: none;\r\n transform: rotate(-15deg);\r\n }\r\n\r\n .lieu .section-label { color: var(--green-pale); }\r\n .lieu h2.section-title { color: var(--white); }\r\n\r\n .lieu-grid {\r\n display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5rem;\r\n margin-top: 2.5rem;\r\n }\r\n\r\n .lieu-card {\r\n background: rgba(255,255,255,0.07);\r\n border: 1px solid rgba(255,255,255,0.12);\r\n border-radius: 20px; padding: 1.8rem;\r\n transition: background 0.3s, transform 0.3s;\r\n }\r\n .lieu-card:hover { background: rgba(255,255,255,0.12); transform: translateY(-4px); }\r\n\r\n .lieu-card .big-icon { font-size: 2.5rem; margin-bottom: 1rem; }\r\n .lieu-card h3 {\r\n font-family: 'Baloo 2', cursive; font-weight: 700;\r\n font-size: 1.1rem; color: var(--sun); margin-bottom: 0.6rem;\r\n }\r\n .lieu-card p { font-size: 0.88rem; color: rgba(255,255,255,0.7); line-height: 1.6; }\r\n\r\n .lieu-desc {\r\n font-size: 1.02rem; color: rgba(255,255,255,0.75);\r\n line-height: 1.85; max-width: 680px; margin-bottom: 2.5rem;\r\n }\r\n .lieu-desc strong { color: var(--green-pale); }\r\n\r\n \/* ===== ACTIVIT\u00c9S ===== *\/\r\n .activites { background: var(--cream); }\r\n\r\n .activites-intro {\r\n font-size: 1.05rem; color: var(--text-mid);\r\n line-height: 1.8; max-width: 700px; margin-bottom: 3rem;\r\n }\r\n\r\n .activites-grid {\r\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem;\r\n }\r\n\r\n .activite-chip {\r\n background: var(--white);\r\n border: 2px solid transparent;\r\n background-clip: padding-box;\r\n border-radius: 16px; padding: 1.5rem;\r\n text-align: center;\r\n transition: all 0.25s;\r\n cursor: default;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .activite-chip::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: linear-gradient(135deg, var(--green-pale), var(--sky-light));\r\n opacity: 0; transition: opacity 0.3s;\r\n border-radius: 14px;\r\n }\r\n\r\n .activite-chip:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(45,122,79,0.15); }\r\n .activite-chip:hover::before { opacity: 1; }\r\n\r\n .activite-chip > * { position: relative; z-index: 1; }\r\n .activite-chip .emoji { font-size: 2.5rem; display: block; margin-bottom: 0.7rem; }\r\n .activite-chip h4 {\r\n font-family: 'Baloo 2', cursive; font-size: 0.95rem;\r\n font-weight: 700; color: var(--green-deep); margin-bottom: 0.3rem;\r\n }\r\n .activite-chip p { font-size: 0.8rem; color: var(--text-mid); line-height: 1.4; }\r\n\r\n .activites-more {\r\n margin-top: 2rem;\r\n background: linear-gradient(135deg, var(--green-mid), var(--green-deep));\r\n border-radius: 20px; padding: 2rem;\r\n display: flex; align-items: center; justify-content: space-between;\r\n gap: 1rem;\r\n }\r\n\r\n .activites-more p {\r\n color: var(--white); font-size: 1rem; font-weight: 600;\r\n line-height: 1.5;\r\n }\r\n .activites-more p span { opacity: 0.8; font-size: 0.9rem; font-weight: 400; display: block; }\r\n\r\n \/* ===== PRATIQUE ===== *\/\r\n .pratique {\r\n background: var(--white);\r\n }\r\n\r\n .pratique-grid {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;\r\n margin-top: 2.5rem;\r\n }\r\n\r\n .info-block {\r\n background: var(--cream); border-radius: 20px; padding: 2rem;\r\n border-left: 4px solid var(--green-light);\r\n }\r\n\r\n .info-block h3 {\r\n font-family: 'Baloo 2', cursive; font-size: 1.15rem;\r\n font-weight: 700; color: var(--green-deep);\r\n margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem;\r\n }\r\n\r\n .info-block ul { list-style: none; }\r\n .info-block ul li {\r\n padding: 0.45rem 0;\r\n border-bottom: 1px dashed rgba(45,122,79,0.2);\r\n font-size: 0.92rem; color: var(--text-mid);\r\n display: flex; gap: 0.5rem; align-items: flex-start;\r\n }\r\n .info-block ul li:last-child { border-bottom: none; }\r\n .info-block ul li::before { content: '\u2192'; color: var(--green-light); font-weight: 700; flex-shrink: 0; }\r\n\r\n \/* ===== CTA SECTION ===== *\/\r\n .cta-section {\r\n background: linear-gradient(135deg, #0e2d1a 0%, var(--green-deep) 50%, #1a4535 100%);\r\n text-align: center; padding: 5rem 2rem; position: relative; overflow: hidden;\r\n }\r\n\r\n .cta-section::before {\r\n content: '\ud83c\udf31';\r\n position: absolute; font-size: 15rem; opacity: 0.04;\r\n top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n pointer-events: none;\r\n }\r\n\r\n .cta-section h2 {\r\n font-family: 'Baloo 2', cursive;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n font-weight: 800; color: var(--white);\r\n margin-bottom: 1rem;\r\n }\r\n .cta-section h2 span { color: var(--sun); }\r\n\r\n .cta-section p {\r\n color: rgba(255,255,255,0.7); font-size: 1.05rem;\r\n max-width: 520px; margin: 0 auto 2.5rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .cta-buttons {\r\n display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem;\r\n }\r\n\r\n \/* ===== FOOTER ===== *\/\r\n footer {\r\n background: #0a1f10; color: rgba(255,255,255,0.5);\r\n padding: 2.5rem; text-align: center; font-size: 0.82rem;\r\n }\r\n footer a { color: var(--green-pale); text-decoration: none; }\r\n footer a:hover { color: var(--sun); }\r\n footer .footer-links { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-bottom: 1rem; }\r\n\r\n \/* ===== ANIMATIONS ===== *\/\r\n .reveal {\r\n opacity: 0; transform: translateY(30px);\r\n transition: opacity 0.6s ease, transform 0.6s ease;\r\n }\r\n .reveal.visible { opacity: 1; transform: translateY(0); }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 900px) {\r\n .hero-content { grid-template-columns: 1fr; gap: 2rem; }\r\n .hero-visual { align-items: flex-start; }\r\n .hero-stat-row { justify-content: flex-start; }\r\n .concept-grid { grid-template-columns: 1fr; }\r\n .lieu-grid { grid-template-columns: 1fr 1fr; }\r\n .activites-grid { grid-template-columns: repeat(2, 1fr); }\r\n .pratique-grid { grid-template-columns: 1fr; }\r\n .activites-more { flex-direction: column; text-align: center; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n nav .nav-links { display: none; }\r\n .lieu-grid { grid-template-columns: 1fr; }\r\n .activites-grid { grid-template-columns: 1fr 1fr; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n\r\n<section class=\"hero\" id=\"accueil\">\r\n <div class=\"hero-nature\">\r\n <div class=\"leaf\">\ud83c\udf43<\/div>\r\n <div class=\"leaf\">\ud83c\udf3f<\/div>\r\n <div class=\"leaf\">\ud83c\udf40<\/div>\r\n <div class=\"leaf\">\ud83c\udf31<\/div>\r\n <div class=\"leaf\">\ud83c\udf3e<\/div>\r\n <div class=\"leaf\">\ud83c\udf42<\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-text\">\r\n <h1>Les Explorateurs <em>en Herbe !<\/em><\/h1>\r\n <div class=\"hero-badge\">\ud83d\udd2d Centre de Loisirs \u00b7 6 \u00e0 12 ans<\/div>\r\n \r\n <p class=\"hero-sub\">\r\n Un accueil de loisirs au c\u0153ur de la nature, sur le plateau de Roquevignon (Grasse). \r\n Chaque mercredi et pendant toutes les vacances scolaires.\r\n <\/p>\r\n <div style=\"display:flex; flex-wrap:wrap; gap:1rem; margin-top:1.5rem;\">\r\n <a href=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2026\/02\/Dossier-d-inscription-2026.pdf\" class=\"mtli_attachment mtli_pdf\"\r\n style=\"display:inline-flex; align-items:center; gap:0.5rem; background:#f5c842; color:#1a4a2e; padding:0.85rem 1.8rem; border-radius:50px; font-weight:800; font-size:0.95rem; text-decoration:none;\">\r\n \ud83d\udccb Dossier d'inscription\r\n <\/a>\r\n <a href=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2026\/04\/ALSH-Planning.pdf\" class=\"mtli_attachment mtli_pdf\"\r\n style=\"display:inline-flex; align-items:center; gap:0.5rem; background:rgba(74,155,200,0.2); color:#a8d8f0; border:1.5px solid rgba(74,155,200,0.4); padding:0.85rem 1.8rem; border-radius:50px; font-weight:700; font-size:0.95rem; text-decoration:none;\">\r\n \ud83d\udcc5 Voir le planning\r\n <\/a>\r\n <a href=\"mailto:cecile.grecco @ planete-sciences.org\"\r\n style=\"display:inline-flex; align-items:center; gap:0.5rem; background:rgba(255,255,255,0.1); color:#ffffff; border:1.5px solid rgba(255,255,255,0.3); padding:0.85rem 1.8rem; border-radius:50px; font-weight:700; font-size:0.95rem; text-decoration:none;\">\r\n \ud83d\udce9 cecile.grecco @ planete-sciences.org\r\n <\/a>\r\n <a href=\"tel:0673929771\"\r\n style=\"display:inline-flex; align-items:center; gap:0.6rem; background:rgba(255,255,255,0.1); color:#ffffff; border:1.5px solid rgba(255,255,255,0.3); padding:0.9rem 2rem; border-radius:50px; font-weight:700; font-size:1rem; text-decoration:none;\">\r\n \ud83d\udcde 06 73 92 97 71\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\">\r\n <div class=\"hero-card\">\r\n <div class=\"icon\">\ud83c\udf33<\/div>\r\n <h3>Espace Jardin\u00e9 de Roquevignon<\/h3>\r\n <p>1 hectare en pleine nature, au-dessus de Grasse \u2014 Chalet, mare p\u00e9dagogique, potager, toilettes s\u00e8ches et panneaux solaires.<\/p>\r\n <\/div>\r\n <div class=\"hero-stat-row\">\r\n <div class=\"stat-pill\"><strong>6\u201312<\/strong><span>ans<\/span><\/div>\r\n <div class=\"stat-pill\"><strong>\u2697\ufe0f<\/strong><span>Sciences & Nature<\/span><\/div>\r\n <div class=\"stat-pill\"><strong>\ud83c\udf3f<\/strong><span>Plein air<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"concept\" id=\"concept\">\r\n <div class=\"section-inner\">\r\n <div class=\"concept-grid\">\r\n <div class=\"concept-text reveal\">\r\n <div class=\"section-label\">Notre concept<\/div>\r\n <h2 class=\"section-title\">Sciences, nature & aventure \u2014 m\u00eal\u00e9s avec plaisir<\/h2>\r\n <p>Notre centre de loisirs accueille les enfants entre 6 et 12 ans sur les p\u00e9riodes p\u00e9riscolaires (les <strong>mercredis et pendant les vacances scolaires<\/strong>) dans un cadre id\u00e9al, loin de l'agitation urbaine et en plein air.<\/p>\r\n <p><strong>Les activit\u00e9s stimulent le plaisir de la d\u00e9couverte<\/strong>, l'observation \u00e0 l'aide de mat\u00e9riel sp\u00e9cifique, la manipulation, le jeu \u2014 par des approches scientifiques et techniques.<\/p>\r\n <p>L'objectif : <strong>susciter la passion des sciences<\/strong> par une approche exp\u00e9rimentale et le d\u00e9veloppement de projets en petits groupes. M\u00ealer agr\u00e9ablement sciences et d\u00e9tente pour vivre une v\u00e9ritable aventure !<\/p>\r\n <\/div>\r\n <div class=\"concept-features reveal\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udd2c<\/div>\r\n <div>\r\n <h4>Approche exp\u00e9rimentale<\/h4>\r\n <p>Manipulation, observation, conception de projets \u2014 les enfants apprennent en faisant.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udf3f<\/div>\r\n <div>\r\n <h4>Environnement naturel<\/h4>\r\n <p>Un espace forestier am\u00e9nag\u00e9, loin de la ville, propice \u00e0 la d\u00e9couverte et \u00e0 la concentration.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udc65<\/div>\r\n <div>\r\n <h4>Petits groupes<\/h4>\r\n <p>Des projets men\u00e9s en \u00e9quipes pour d\u00e9velopper la coop\u00e9ration et la cr\u00e9ativit\u00e9.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\u267b\ufe0f<\/div>\r\n <div>\r\n <h4>D\u00e9marche durable<\/h4>\r\n <p>\u00c9nergie solaire, composteur, tri des d\u00e9chets \u2014 le d\u00e9veloppement durable est v\u00e9cu, pas seulement \u00e9tudi\u00e9.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"lieu\" id=\"lieu\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">O\u00f9 sommes-nous ?<\/div>\r\n <h2 class=\"section-title\">Un centre au c\u0153ur de la nature<\/h2>\r\n <p class=\"lieu-desc\">\r\n Situ\u00e9 au-dessus de la ville de Grasse, sur le <strong>plateau de Roquevignon<\/strong>, l'Espace Jardin\u00e9 a \u00e9t\u00e9 mis \u00e0 disposition de Plan\u00e8te Sciences M\u00e9diterran\u00e9e par la commune. Cet espace d'un hectare correspond \u00e0 d'anciennes terrasses cultiv\u00e9es et pr\u00e9sente diff\u00e9rents milieux naturels.\r\n <\/p>\r\n\r\n <div class=\"lieu-grid\">\r\n <div class=\"lieu-card reveal\">\r\n <div class=\"big-icon\">\ud83c\udfd5\ufe0f<\/div>\r\n <h3>\u00c9quipements<\/h3>\r\n <p>Chalet am\u00e9nag\u00e9, toilettes s\u00e8ches, panneaux photovolta\u00efque. Toutes les commodit\u00e9s pour l'accueil du public.<\/p>\r\n <\/div>\r\n <div class=\"lieu-card reveal\">\r\n <div class=\"big-icon\">\ud83c\udf31<\/div>\r\n <h3>Milieux naturels<\/h3>\r\n <p>Pelouse s\u00e8che \u00e0 lavande et sarriette, garrigue buissonnante, zone foresti\u00e8re\u2026 une diversit\u00e9 exceptionnelle \u00e0 explorer.<\/p>\r\n <\/div>\r\n <div class=\"lieu-card reveal\">\r\n <div class=\"big-icon\">\ud83c\udf3b<\/div>\r\n <h3>Espaces p\u00e9dagogiques<\/h3>\r\n <p>Potager, mare p\u00e9dagogique, composteur et syst\u00e8me de tri des d\u00e9chets \u2014 pour apprendre le vivant en le pratiquant.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"activites\" id=\"activites\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Au programme<\/div>\r\n <h2 class=\"section-title\">Des activit\u00e9s pour apprendre en s'amusant<\/h2>\r\n <p class=\"activites-intro\">\r\n Les activit\u00e9s visent \u00e0 stimuler le plaisir de la d\u00e9couverte dans un espace forestier am\u00e9nag\u00e9. Par des approches \u00e0 la fois <strong>ludiques, scientifiques et techniques<\/strong>, les enfants explorent, cr\u00e9ent et exp\u00e9rimentent.\r\n <\/p>\r\n\r\n <div class=\"activites-grid\">\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83c\udf3f<\/span>\r\n <h4>Environnement<\/h4>\r\n <p>Jardinage, entomologie, botanique, observation du vivant<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\u26a1<\/span>\r\n <h4>\u00c9nergies renouvelables<\/h4>\r\n <p>Petites machines solaires, \u00e9oliennes et hydrauliques<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83d\ude80<\/span>\r\n <h4>Fus\u00e9es \u00e0 eau<\/h4>\r\n <p>Construction, lancement et observation de trajectoires<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83e\ude81<\/span>\r\n <h4>Cerfs-volants<\/h4>\r\n <p>Conception et exp\u00e9rimentation a\u00e9rodynamique<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83c\udfb5<\/span>\r\n <h4>Instruments de musique<\/h4>\r\n <p>Fabrication d'instruments \u00e0 partir de mat\u00e9riaux naturels<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83c\udfad<\/span>\r\n <h4>Arts & Expression<\/h4>\r\n <p>Th\u00e9\u00e2tre, peinture, musique et activit\u00e9s artistiques<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83c\udfc3<\/span>\r\n <h4>Jeux de plein air<\/h4>\r\n <p>Grands jeux, jeux collectifs, randonn\u00e9es en nature<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\ud83d\udd2d<\/span>\r\n <h4>Sciences & Techno<\/h4>\r\n <p>De nombreuses autres th\u00e9matiques scientifiques et techniques<\/p>\r\n <\/div>\r\n <div class=\"activite-chip reveal\">\r\n <span class=\"emoji\">\u26bd<\/span>\r\n <h4>Sports & Randonn\u00e9es<\/h4>\r\n <p>Jeux collectifs, sorties nature et d\u00e9couverte du territoire<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"activites-more reveal\">\r\n <p>\r\n \ud83c\udf1f Et bien d'autres surprises au programme !\r\n <span>Chaque s\u00e9jour r\u00e9serve de nouvelles d\u00e9couvertes adapt\u00e9es aux saisons et aux envies des groupes.<\/span>\r\n <\/p>\r\n <a href=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2026\/03\/ALSH-Planning.pdf\" class=\"mtli_attachment mtli_pdf\"\r\n style=\"display:inline-flex; align-items:center; gap:0.5rem; background:#f5c842; color:#1a4a2e; padding:0.85rem 1.8rem; border-radius:50px; font-weight:800; font-size:0.95rem; text-decoration:none; white-space:nowrap;\">\r\n \ud83d\udcc5 Voir le planning complet\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"pratique\" id=\"pratique\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Infos pratiques<\/div>\r\n <h2 class=\"section-title\">Tout ce qu'il faut savoir<\/h2>\r\n\r\n <div class=\"pratique-grid\">\r\n <div class=\"info-block reveal\">\r\n <h3>\ud83d\udcc5 Quand ?<\/h3>\r\n <ul>\r\n <li>Tous les mercredis (journ\u00e9es p\u00e9riscolaires)<\/li>\r\n <li>Pendant toutes les vacances scolaires (Sauf No\u00ebl)<\/li>\r\n <li>Zone A (acad\u00e9mie de Nice et Aix-Marseille)<\/li>\r\n <li>Consultez le planning pour les dates 2026<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"info-block reveal\">\r\n <h3>\ud83e\uddd2\ud83d\udc67 Pour qui ?<\/h3>\r\n <ul>\r\n <li>Enfants de 6 \u00e0 12 ans<\/li>\r\n <li>Accueil en petits groupes<\/li>\r\n <li>Encadrement par des animateurs qualifi\u00e9s<\/li>\r\n <li>Accessibilit\u00e9 tarifaire (CAF, quotient familial)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"info-block reveal\">\r\n <h3>\ud83d\udccd O\u00f9 ?<\/h3>\r\n <ul>\r\n <li>Espace Jardin\u00e9 de Roquevignon<\/li>\r\n <li>Au-dessus de Grasse (06), Alpes-Maritimes<\/li>\r\n <li>Cadre naturel en plein air<\/li>\r\n <li>\u00c9quipements sur place (Chalet, sanitaires\u2026)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"info-block reveal\">\r\n <h3>\ud83d\udccb Comment s'inscrire ?<\/h3>\r\n <ul>\r\n <li>T\u00e9l\u00e9charger le dossier d'inscription 2026<\/li>\r\n <li>Remplir et renvoyer le dossier complet<\/li>\r\n <li>Nous contacter pour toute question<\/li>\r\n <li>Adh\u00e9sion \u00e0 l'association requise<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n \/\/ Scroll reveal\r\n const reveals = document.querySelectorAll('.reveal');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry, i) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => entry.target.classList.add('visible'), i * 80);\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\n reveals.forEach(el => observer.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d990a7e elementor-widget elementor-widget-heading\" data-id=\"d990a7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nous d\u00e9couvrir en image<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-771cae4 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"771cae4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"slides_to_show":"4","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","speed":500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel d\u2019images\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2025\/09\/3-93x200.png\" alt=\"AL - nous d\u00e9couvrir 3\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2025\/09\/1-1-159x200.png\" alt=\"AL - nous d\u00e9couvrir 2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2025\/09\/2-1-90x200.png\" alt=\"AL - nous d\u00e9couvrir 1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2025\/09\/5-90x200.png\" alt=\"5\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2025\/09\/3-1-90x200.png\" alt=\"3\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2025\/09\/4-90x200.png\" alt=\"4\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83aeebd elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"83aeebd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b7490a elementor-widget elementor-widget-heading\" data-id=\"0b7490a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 style=\"text-align: center\"><span style=\"color: #00519e\"> Nos partenaires<\/span><span style=\"font-size: 16px;text-align: start\"><\/span><\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-665aeb9 e-grid e-con-boxed e-con e-child\" data-id=\"665aeb9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cc7d32 elementor-widget elementor-widget-image\" data-id=\"8cc7d32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/elementor\/thumbs\/Logo-ville-de-GRASSE-q6b9s12aoto7ospdndxzew23nr5r2svjss2ztyubue.jpg\" title=\"Logo ville de GRASSE\" alt=\"logo-ville-de-grasse\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2265a79 elementor-widget elementor-widget-image\" data-id=\"2265a79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"625\" height=\"361\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-1024x591.jpg\" class=\"attachment-large size-large wp-image-4601\" alt=\"\" srcset=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-1024x591.jpg 1024w, https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-300x173.jpg 300w, https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-768x443.jpg 768w, https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-200x115.jpg 200w, https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-600x346.jpg 600w, https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI-624x360.jpg 624w, https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/2014\/07\/LOGO-2-QUADRI.jpg 1489w\" sizes=\"(max-width: 625px) 100vw, 625px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbd0e03 elementor-widget elementor-widget-image\" data-id=\"fbd0e03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.planete-sciences.org\/mediterranee\/wp-content\/uploads\/elementor\/thumbs\/caf-06-avec-caf-fr-Copie-r0od711bx5oxfegpwa7zpmf3d98dbllho1d8o3df4o.jpg\" title=\"caf-06-avec-caf-fr – Copie\" alt=\"caf-06-avec-caf-fr - Copie\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Centre de Loisirs 6-12 ans \u2014 Plan\u00e8te Sciences M\u00e9diterran\u00e9e 🍃 🌿 🍀 🌱 🌾 🍂 Les Explorateurs en Herbe ! 🔭 Centre de Loisirs \u00b7 6 \u00e0 12 ans Un accueil de loisirs au c\u0153ur de la nature, sur le plateau de Roquevignon (Grasse). Chaque mercredi et pendant toutes les vacances scolaires. 📋 Dossier d’inscription […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"_acf_changed":false,"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-207","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/pages\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":171,"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/pages\/207\/revisions"}],"predecessor-version":[{"id":7614,"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/pages\/207\/revisions\/7614"}],"wp:attachment":[{"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/media?parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}