Oasis Urbaine \u2013 Agence de s\u00e9r\u00e9nit\u00e9 urbaine en ville<\/title>\r\n<style>\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n:root {\r\n --teal: #00A182; --teal-dark: #00846B; --pink: #F9B4A5; --pink-dark: #C7634B;\r\n --white: #ffffff; --dark: #0f1923; --gray: #f4f6f4; --text: #2d3748;\r\n}\r\nhtml { scroll-behavior: smooth; margin: 0; padding: 0; }\r\nbody { font-family: \"Montserrat\", sans-serif; color: var(--text); overflow-x: hidden; margin: 0; padding: 0; }\r\n\r\nnav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 999;\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 18px 60px;\r\n background: rgba(255,255,255,0.95); backdrop-filter: blur(12px);\r\n box-shadow: 0 2px 20px rgba(0,0,0,0.08);\r\n}\r\n.nav-logo { font-family:\"Montserrat\",sans-serif; font-weight:800; font-size:1.35rem; color:var(--teal); text-decoration:none; letter-spacing:-0.5px; }\r\n.nav-links { display:flex; gap:32px; list-style:none; }\r\n.nav-links a { color:var(--text); text-decoration:none; font-size:0.9rem; font-weight:400; transition:color 0.2s; }\r\n.nav-links a:hover { color: var(--teal); }\r\n\r\n.hamburger { display:none; flex-direction:column; justify-content:center; gap:5px; cursor:pointer; padding:6px; background:none; border:none; z-index:1001; }\r\n.hamburger span { display:block; width:22px; height:2px; background:#2d3748; border-radius:2px; transition:all 0.3s ease; }\r\n.hamburger.open span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }\r\n.hamburger.open span:nth-child(2) { opacity:0; }\r\n.hamburger.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }\r\n.mob-menu { display:none; position:fixed; top:56px; left:0; right:0; background:rgba(255,255,255,0.98); backdrop-filter:blur(16px); z-index:997; box-shadow:0 8px 32px rgba(0,0,0,0.12); flex-direction:column; padding:8px 0 16px; border-top:1px solid rgba(0,0,0,0.06); }\r\n.mob-menu.open { display:flex; }\r\n.mob-menu a { display:block; padding:15px 28px; color:#2d3748; text-decoration:none; font-family:\"Montserrat\",sans-serif; font-size:1rem; font-weight:600; border-bottom:1px solid rgba(0,0,0,0.05); }\r\n.mob-menu a:last-child { border-bottom:none; }\r\n.mob-menu a:hover { color:var(--teal); }\r\n@media (max-width: 768px) {\r\n .hamburger { display:flex !important; }\r\n .nav-links { display:none !important; }\r\n nav { padding:14px 20px !important; }\r\n}\r\n\r\n\r\n\r\n.section { padding:90px 60px; }\r\n.section-inner { max-width:1160px; margin:0 auto; }\r\n.section-label { font-size:0.75rem; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--teal-dark); margin-bottom:14px; }\r\n.section-title { font-family:\"Montserrat\",sans-serif; font-size:clamp(1.7rem,3.5vw,2.5rem); font-weight:700; color:var(--dark); line-height:1.3; margin-bottom:20px; }\r\n.section-body { font-size:1rem; line-height:1.85; color:#4a5568; max-width:680px; margin-bottom:20px; }\r\n.intro-block { text-align:center; }\r\n.intro-block .section-label, .intro-block .section-title, .intro-block .section-body { margin-left:auto; margin-right:auto; }\r\n.section.bg-gray { background:var(--gray); width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }\r\n\r\n.feature-block { display:flex; align-items:center; gap:56px; padding:50px 0; }\r\n.feature-block.reverse { flex-direction:row-reverse; }\r\n.feature-img { flex:1.2; border-radius:20px; overflow:hidden; box-shadow:0 12px 36px rgba(0,0,0,0.1); }\r\n.feature-img img { width:100%; height:440px; object-fit:cover; display:block; }\r\n.feature-text { flex:1; }\r\n.feature-tag { display:inline-block; font-size:0.75rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; padding:6px 16px; border-radius:50px; margin-bottom:18px; }\r\n.feature-tag.teal { background:#e0faf5; color:var(--teal-dark); }\r\n.feature-tag.pink { background:#fef4f2; color:var(--pink-dark); }\r\n.feature-title { font-family:\"Montserrat\",sans-serif; font-size:clamp(1.4rem,2.5vw,1.9rem); font-weight:800; color:var(--dark); margin-bottom:18px; line-height:1.3; }\r\n.feature-text p { font-size:0.98rem; line-height:1.8; color:#4a5568; margin-bottom:14px; }\r\n.feature-list { list-style:none; margin-top:18px; }\r\n.feature-list li { font-size:0.95rem; color:#4a5568; padding-left:26px; position:relative; margin-bottom:10px; line-height:1.6; }\r\n.feature-list li::before { content:\"\"; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:50%; background:var(--teal); }\r\n.btn-contact { display:inline-block; margin-top:22px; padding:13px 30px; border-radius:50px; font-weight:700; font-size:0.9rem; text-decoration:none; background:var(--teal); color:white; transition:transform 0.2s; }\r\n.btn-contact:hover { transform:translateY(-2px); }\r\n\r\n.contact { background:var(--dark); color:white; width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }\r\n.contact-inner { max-width:700px; margin:0 auto; text-align:center; padding:90px 60px; }\r\n.contact .section-label { color:var(--teal); }\r\n.contact .section-title { color:white; margin:0 auto 16px; }\r\n.contact .section-body { color:rgba(255,255,255,0.7); margin:0 auto 40px; }\r\n.btn-contact-white { display:inline-block; padding:14px 36px; border-radius:50px; background:var(--teal); color:white; font-family:\"Montserrat\",sans-serif; font-weight:700; font-size:0.95rem; text-decoration:none; transition:transform 0.2s; }\r\n.btn-contact-white:hover { transform:translateY(-2px); }\r\n\r\nfooter { background:#080f14; color:rgba(255,255,255,0.5); text-align:center; padding:30px 60px; font-size:0.85rem; width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }\r\nfooter strong { color:var(--teal); }\r\n.footer-links { display:flex; gap:24px; justify-content:center; margin-bottom:12px; flex-wrap:wrap; }\r\n.footer-links a { color:rgba(255,255,255,0.45); text-decoration:none; font-size:0.82rem; transition:color 0.2s; }\r\n.footer-links a:hover { color:white; }\r\n\r\n@media (max-width: 768px) {\r\n .section { padding:60px 20px; }\r\n .feature-block, .feature-block.reverse { flex-direction:column; gap:28px; padding:30px 0; }\r\n .feature-img img { height:260px; }\r\n .contact-inner { padding:60px 20px; }\r\n footer { padding:20px 16px; }\r\n .footer-links { gap:10px 16px; padding:0 16px; }\r\n}\r\n#wpadminbar { display:none !important; }\r\nhtml { margin-top:0 !important; }\r\n.site-header, header.site-header, #masthead, #site-header, .elementor-location-header { display:none !important; }\r\n\r\n\/* BANNI\u00c8RE *\/\r\n.hero {\r\n position: relative;\r\n width: 100vw;\r\n height: 45vh;\r\n min-height: 300px;\r\n max-height: 420px;\r\n overflow: hidden;\r\n margin-left: calc(-50vw + 50%);\r\n margin-right: calc(-50vw + 50%);\r\n margin-top: 56px;\r\n}\r\n.hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n.hero-link {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 10;\r\n cursor: pointer;\r\n text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;0,800;1,600&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n\r\n<nav>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/accueil\/\" class=\"nav-logo\">Am\u00e9lie BONNET<\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"https:\/\/wild-spark.fr\/index.php\/accueil\/\">Accueil<\/a><\/li>\r\n <li><a href=\"#\">Oasis Urbaine<\/a><\/li>\r\n <li><a href=\"https:\/\/wild-spark.fr\/index.php\/wild-spark\/\">Wild Spark<\/a><\/li>\r\n <li><a href=\"https:\/\/wild-spark.fr\/index.php\/a-propos\/\">\u00c0 propos<\/a><\/li>\r\n <li><a href=\"https:\/\/wild-spark.fr\/index.php\/actualites\/\">Actualit\u00e9s<\/a><\/li>\r\n <li><a href=\"https:\/\/wild-spark.fr\/index.php\/contact\/\">Contact<\/a><\/li>\r\n <\/ul>\r\n <button class=\"hamburger\" id=\"hamburger\" onclick=\"toggleMobMenu()\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n<\/nav>\r\n\r\n<div class=\"mob-menu\" id=\"mobMenu\">\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/accueil\/\">Accueil<\/a>\r\n <a href=\"#\">Oasis Urbaine<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/wild-spark\/\">Wild Spark<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/a-propos\/\">\u00c0 propos<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/actualites\/\">Actualit\u00e9s<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/contact\/\">Contact<\/a>\r\n<\/div>\r\n\r\n\r\n<div style=\"position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;margin-top:56px;\">\r\n <img decoding=\"async\" src=\"http:\/\/wild-spark.fr\/wp-content\/uploads\/2026\/09\/baniere-oasis-final.jpeg\" alt=\"banni\u00e8re\" style=\"width:100%;height:auto;display:block;\">\r\n<\/div>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/contact\/\" class=\"hero-link\" aria-label=\"Nous contacter\"><\/a>\r\n<\/div>\r\n\r\n<section class=\"section\">\r\n <div class=\"section-inner intro-block\">\r\n <p class=\"section-label\">Oasis Urbaine<\/p>\r\n <h1 class=\"section-title\">Conseil et accompagnement en urbanisme environnemental<\/h1>\r\n <p class=\"section-body\">Oasis urbaine est une agence de s\u00e9r\u00e9nit\u00e9 urbaine, au service de la transition environnementale en ville ! Nous accompagnons les collectivit\u00e9s pour intensifier la s\u00e9r\u00e9nit\u00e9, la convivialit\u00e9 et la r\u00e9silience dans l'espace public afin de mieux traverser les fluctuations climatiques.<\/p>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/contact\/\" class=\"btn-contact\">Nous contacter \u2192<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section bg-gray\">\r\n <div class=\"section-inner\">\r\n <div class=\"feature-block\">\r\n <div class=\"feature-img\">\r\n <img decoding=\"async\" src=\"http:\/\/wild-spark.fr\/wp-content\/uploads\/2026\/06\/o1.jpeg\" alt=\"Balade Urbaine Engag\u00e9e\">\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <span class=\"feature-tag teal\">Offre 01<\/span>\r\n <h2 class=\"feature-title\">Balade Urbaine Engag\u00e9e<\/h2>\r\n <p>Oasis Urbaine propose une balade urbaine sous l'angle de la ville solidaire, r\u00e9siliente et conviviale :<\/p>\r\n <ul class=\"feature-list\">\r\n <li>2h d'exploration dans le 14e arrondissement de Paris<\/li>\r\n <li>D\u00e9couverte des communs et de leurs histoires<\/li>\r\n <li>Rencontre d'acteurs locaux engag\u00e9s<\/li>\r\n <li>Id\u00e9al comme s\u00e9minaire d'\u00e9quipe<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section\">\r\n <div class=\"section-inner\">\r\n <div class=\"feature-block reverse\">\r\n <div class=\"feature-img\">\r\n <img decoding=\"async\" src=\"http:\/\/wild-spark.fr\/wp-content\/uploads\/2026\/06\/image-3-1.jpg\" alt=\"Conf\u00e9rence\">\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <span class=\"feature-tag pink\">Offre 02<\/span>\r\n <h2 class=\"feature-title\">Conf\u00e9rence<\/h2>\r\n <p>Oasis Urbaine propose une conf\u00e9rence <em>\"S\u00e9r\u00e9nit\u00e9 en ville : comment s'adapter aux fluctuations climatiques dans nos M\u00e9tropoles ?\"<\/em><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section bg-gray\">\r\n <div class=\"section-inner\">\r\n <div class=\"feature-block\">\r\n <div class=\"feature-img\">\r\n <img decoding=\"async\" src=\"http:\/\/wild-spark.fr\/wp-content\/uploads\/2026\/09\/nouvelle-offre.jpeg\" alt=\"Acupuncture urbaine\">\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <span class=\"feature-tag teal\">Offre 03<\/span>\r\n <h2 class=\"feature-title\">Acupuncture urbaine<\/h2>\r\n <p>Oasis Urbaine d\u00e9veloppe une offre d'acupuncture urbaine pour plus de r\u00e9silience, de v\u00e9g\u00e9talisation et de convivialit\u00e9 dans l'espace public. Plus d'informations \u00e0 venir !<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section\">\r\n <div class=\"section-inner\">\r\n <div class=\"feature-block reverse\">\r\n <div class=\"feature-img\">\r\n <img decoding=\"async\" src=\"http:\/\/wild-spark.fr\/wp-content\/uploads\/2026\/06\/o2.jpeg\" alt=\"Conseil et AMO\">\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <span class=\"feature-tag teal\">Offre 04<\/span>\r\n <h2 class=\"feature-title\">Conseil et Assistance \u00e0 Ma\u00eetrise d'Ouvrage<\/h2>\r\n <p>Oasis Urbaine vous accompagne en trois temps :<\/p>\r\n <ul class=\"feature-list\">\r\n <li>Diagnostic<\/li>\r\n <li>Activation<\/li>\r\n <li>H\u00e9ritage<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div id=\"contact\" class=\"contact\">\r\n <div class=\"contact-inner\">\r\n <p class=\"section-label\">Oasis Urbaine<\/p>\r\n <h2 class=\"section-title\">Envie d'activer une oasis urbaine sur votre territoire ?<\/h2>\r\n <p class=\"section-body\">Discutons de vos enjeux et imaginons ensemble le format le plus adapt\u00e9.<\/p>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/contact\/\" class=\"btn-contact-white\">Nous contacter \u2192<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<footer>\r\n <div class=\"footer-links\">\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/accueil\/\">Accueil<\/a>\r\n <a href=\"#\">Oasis Urbaine<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/wild-spark\/\">Wild Spark<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/a-propos\/\">\u00c0 propos<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/actualites\/\">Actualit\u00e9s<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/contact\/\">Contact<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/mentions-legales\/\" style=\"color:rgba(255,255,255,0.35);font-size:0.78rem;\">Mentions l\u00e9gales<\/a>\r\n <\/div>\r\n <p>\u00a9 2026 <strong>Wild Spark<\/strong> \u00b7 Am\u00e9lie BONNET \u00b7 Tous droits r\u00e9serv\u00e9s<\/p>\r\n<\/footer>\r\n\r\n<script>\r\nfunction toggleMobMenu(){var m=document.getElementById('mobMenu'),b=document.getElementById('hamburger');m.classList.toggle('open');b.classList.toggle('open');}\r\ndocument.addEventListener('DOMContentLoaded',function(){document.querySelectorAll('.mob-menu a').forEach(function(a){a.addEventListener('click',function(){document.getElementById('mobMenu').classList.remove('open');document.getElementById('hamburger').classList.remove('open');});});});\r\n<\/script>\r\n<\/body>\r\n<\/html>\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","protected":false},"excerpt":{"rendered":"<p>Oasis Urbaine \u2013 Agence de s\u00e9r\u00e9nit\u00e9 urbaine en ville Am\u00e9lie BONNET Accueil Oasis Urbaine Wild Spark \u00c0 propos Actualit\u00e9s Contact Accueil Oasis Urbaine Wild Spark \u00c0 propos Actualit\u00e9s Contact Oasis Urbaine Conseil et accompagnement en urbanisme environnemental Oasis urbaine est une agence de s\u00e9r\u00e9nit\u00e9 urbaine, au service de la transition environnementale en ville ! Nous […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-66","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/pages\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/comments?post=66"}],"version-history":[{"count":26,"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/pages\/66\/revisions"}],"predecessor-version":[{"id":305,"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/pages\/66\/revisions\/305"}],"wp:attachment":[{"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/media?parent=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nOasis Urbaine \u2013 Agence de s\u00e9r\u00e9nit\u00e9 urbaine en ville<\/title>\r\n<style>\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n:root {\r\n --teal: #00A182; --teal-dark: #00846B; --pink: #F9B4A5; --pink-dark: #C7634B;\r\n --white: #ffffff; --dark: #0f1923; --gray: #f4f6f4; --text: #2d3748;\r\n}\r\nhtml { scroll-behavior: smooth; margin: 0; padding: 0; }\r\nbody { font-family: \"Montserrat\", sans-serif; color: var(--text); overflow-x: hidden; margin: 0; padding: 0; }\r\n\r\nnav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 999;\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 18px 60px;\r\n background: rgba(255,255,255,0.95); backdrop-filter: blur(12px);\r\n box-shadow: 0 2px 20px rgba(0,0,0,0.08);\r\n}\r\n.nav-logo { font-family:\"Montserrat\",sans-serif; font-weight:800; font-size:1.35rem; color:var(--teal); text-decoration:none; letter-spacing:-0.5px; }\r\n.nav-links { display:flex; gap:32px; list-style:none; }\r\n.nav-links a { color:var(--text); text-decoration:none; font-size:0.9rem; font-weight:400; transition:color 0.2s; }\r\n.nav-links a:hover { color: var(--teal); }\r\n\r\n.hamburger { display:none; flex-direction:column; justify-content:center; gap:5px; cursor:pointer; padding:6px; background:none; border:none; z-index:1001; }\r\n.hamburger span { display:block; width:22px; height:2px; background:#2d3748; border-radius:2px; transition:all 0.3s ease; }\r\n.hamburger.open span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }\r\n.hamburger.open span:nth-child(2) { opacity:0; }\r\n.hamburger.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }\r\n.mob-menu { display:none; position:fixed; top:56px; left:0; right:0; background:rgba(255,255,255,0.98); backdrop-filter:blur(16px); z-index:997; box-shadow:0 8px 32px rgba(0,0,0,0.12); flex-direction:column; padding:8px 0 16px; border-top:1px solid rgba(0,0,0,0.06); }\r\n.mob-menu.open { display:flex; }\r\n.mob-menu a { display:block; padding:15px 28px; color:#2d3748; text-decoration:none; font-family:\"Montserrat\",sans-serif; font-size:1rem; font-weight:600; border-bottom:1px solid rgba(0,0,0,0.05); }\r\n.mob-menu a:last-child { border-bottom:none; }\r\n.mob-menu a:hover { color:var(--teal); }\r\n@media (max-width: 768px) {\r\n .hamburger { display:flex !important; }\r\n .nav-links { display:none !important; }\r\n nav { padding:14px 20px !important; }\r\n}\r\n\r\n\r\n\r\n.section { padding:90px 60px; }\r\n.section-inner { max-width:1160px; margin:0 auto; }\r\n.section-label { font-size:0.75rem; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--teal-dark); margin-bottom:14px; }\r\n.section-title { font-family:\"Montserrat\",sans-serif; font-size:clamp(1.7rem,3.5vw,2.5rem); font-weight:700; color:var(--dark); line-height:1.3; margin-bottom:20px; }\r\n.section-body { font-size:1rem; line-height:1.85; color:#4a5568; max-width:680px; margin-bottom:20px; }\r\n.intro-block { text-align:center; }\r\n.intro-block .section-label, .intro-block .section-title, .intro-block .section-body { margin-left:auto; margin-right:auto; }\r\n.section.bg-gray { background:var(--gray); width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }\r\n\r\n.feature-block { display:flex; align-items:center; gap:56px; padding:50px 0; }\r\n.feature-block.reverse { flex-direction:row-reverse; }\r\n.feature-img { flex:1.2; border-radius:20px; overflow:hidden; box-shadow:0 12px 36px rgba(0,0,0,0.1); }\r\n.feature-img img { width:100%; height:440px; object-fit:cover; display:block; }\r\n.feature-text { flex:1; }\r\n.feature-tag { display:inline-block; font-size:0.75rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; padding:6px 16px; border-radius:50px; margin-bottom:18px; }\r\n.feature-tag.teal { background:#e0faf5; color:var(--teal-dark); }\r\n.feature-tag.pink { background:#fef4f2; color:var(--pink-dark); }\r\n.feature-title { font-family:\"Montserrat\",sans-serif; font-size:clamp(1.4rem,2.5vw,1.9rem); font-weight:800; color:var(--dark); margin-bottom:18px; line-height:1.3; }\r\n.feature-text p { font-size:0.98rem; line-height:1.8; color:#4a5568; margin-bottom:14px; }\r\n.feature-list { list-style:none; margin-top:18px; }\r\n.feature-list li { font-size:0.95rem; color:#4a5568; padding-left:26px; position:relative; margin-bottom:10px; line-height:1.6; }\r\n.feature-list li::before { content:\"\"; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:50%; background:var(--teal); }\r\n.btn-contact { display:inline-block; margin-top:22px; padding:13px 30px; border-radius:50px; font-weight:700; font-size:0.9rem; text-decoration:none; background:var(--teal); color:white; transition:transform 0.2s; }\r\n.btn-contact:hover { transform:translateY(-2px); }\r\n\r\n.contact { background:var(--dark); color:white; width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }\r\n.contact-inner { max-width:700px; margin:0 auto; text-align:center; padding:90px 60px; }\r\n.contact .section-label { color:var(--teal); }\r\n.contact .section-title { color:white; margin:0 auto 16px; }\r\n.contact .section-body { color:rgba(255,255,255,0.7); margin:0 auto 40px; }\r\n.btn-contact-white { display:inline-block; padding:14px 36px; border-radius:50px; background:var(--teal); color:white; font-family:\"Montserrat\",sans-serif; font-weight:700; font-size:0.95rem; text-decoration:none; transition:transform 0.2s; }\r\n.btn-contact-white:hover { transform:translateY(-2px); }\r\n\r\nfooter { background:#080f14; color:rgba(255,255,255,0.5); text-align:center; padding:30px 60px; font-size:0.85rem; width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }\r\nfooter strong { color:var(--teal); }\r\n.footer-links { display:flex; gap:24px; justify-content:center; margin-bottom:12px; flex-wrap:wrap; }\r\n.footer-links a { color:rgba(255,255,255,0.45); text-decoration:none; font-size:0.82rem; transition:color 0.2s; }\r\n.footer-links a:hover { color:white; }\r\n\r\n@media (max-width: 768px) {\r\n .section { padding:60px 20px; }\r\n .feature-block, .feature-block.reverse { flex-direction:column; gap:28px; padding:30px 0; }\r\n .feature-img img { height:260px; }\r\n .contact-inner { padding:60px 20px; }\r\n footer { padding:20px 16px; }\r\n .footer-links { gap:10px 16px; padding:0 16px; }\r\n}\r\n#wpadminbar { display:none !important; }\r\nhtml { margin-top:0 !important; }\r\n.site-header, header.site-header, #masthead, #site-header, .elementor-location-header { display:none !important; }\r\n\r\n\/* BANNI\u00c8RE *\/\r\n.hero {\r\n position: relative;\r\n width: 100vw;\r\n height: 45vh;\r\n min-height: 300px;\r\n max-height: 420px;\r\n overflow: hidden;\r\n margin-left: calc(-50vw + 50%);\r\n margin-right: calc(-50vw + 50%);\r\n margin-top: 56px;\r\n}\r\n.hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n.hero-link {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 10;\r\n cursor: pointer;\r\n text-decoration: none;\r\n}\r\n\r\n<\/style>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;0,800;1,600&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n\r\n<nav>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/accueil\/\" class=\"nav-logo\">Am\u00e9lie BONNET<\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"https:\/\/wild-spark.fr\/index.php\/accueil\/\">Accueil<\/a><\/li>\r\n <li><a href=\"#\">Oasis Urbaine<\/a><\/li>\r\n <li><a href=\"https:\/\/wild-spark.fr\/index.php\/wild-spark\/\">Wild Spark<\/a><\/li>\r\n <li><a href=\"https:\/\/wild-spark.fr\/index.php\/a-propos\/\">\u00c0 propos<\/a><\/li>\r\n <li><a href=\"https:\/\/wild-spark.fr\/index.php\/actualites\/\">Actualit\u00e9s<\/a><\/li>\r\n <li><a href=\"https:\/\/wild-spark.fr\/index.php\/contact\/\">Contact<\/a><\/li>\r\n <\/ul>\r\n <button class=\"hamburger\" id=\"hamburger\" onclick=\"toggleMobMenu()\" aria-label=\"Menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n<\/nav>\r\n\r\n<div class=\"mob-menu\" id=\"mobMenu\">\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/accueil\/\">Accueil<\/a>\r\n <a href=\"#\">Oasis Urbaine<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/wild-spark\/\">Wild Spark<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/a-propos\/\">\u00c0 propos<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/actualites\/\">Actualit\u00e9s<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/contact\/\">Contact<\/a>\r\n<\/div>\r\n\r\n\r\n<div style=\"position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;margin-top:56px;\">\r\n <img decoding=\"async\" src=\"http:\/\/wild-spark.fr\/wp-content\/uploads\/2026\/09\/baniere-oasis-final.jpeg\" alt=\"banni\u00e8re\" style=\"width:100%;height:auto;display:block;\">\r\n<\/div>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/contact\/\" class=\"hero-link\" aria-label=\"Nous contacter\"><\/a>\r\n<\/div>\r\n\r\n<section class=\"section\">\r\n <div class=\"section-inner intro-block\">\r\n <p class=\"section-label\">Oasis Urbaine<\/p>\r\n <h1 class=\"section-title\">Conseil et accompagnement en urbanisme environnemental<\/h1>\r\n <p class=\"section-body\">Oasis urbaine est une agence de s\u00e9r\u00e9nit\u00e9 urbaine, au service de la transition environnementale en ville ! Nous accompagnons les collectivit\u00e9s pour intensifier la s\u00e9r\u00e9nit\u00e9, la convivialit\u00e9 et la r\u00e9silience dans l'espace public afin de mieux traverser les fluctuations climatiques.<\/p>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/contact\/\" class=\"btn-contact\">Nous contacter \u2192<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section bg-gray\">\r\n <div class=\"section-inner\">\r\n <div class=\"feature-block\">\r\n <div class=\"feature-img\">\r\n <img decoding=\"async\" src=\"http:\/\/wild-spark.fr\/wp-content\/uploads\/2026\/06\/o1.jpeg\" alt=\"Balade Urbaine Engag\u00e9e\">\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <span class=\"feature-tag teal\">Offre 01<\/span>\r\n <h2 class=\"feature-title\">Balade Urbaine Engag\u00e9e<\/h2>\r\n <p>Oasis Urbaine propose une balade urbaine sous l'angle de la ville solidaire, r\u00e9siliente et conviviale :<\/p>\r\n <ul class=\"feature-list\">\r\n <li>2h d'exploration dans le 14e arrondissement de Paris<\/li>\r\n <li>D\u00e9couverte des communs et de leurs histoires<\/li>\r\n <li>Rencontre d'acteurs locaux engag\u00e9s<\/li>\r\n <li>Id\u00e9al comme s\u00e9minaire d'\u00e9quipe<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section\">\r\n <div class=\"section-inner\">\r\n <div class=\"feature-block reverse\">\r\n <div class=\"feature-img\">\r\n <img decoding=\"async\" src=\"http:\/\/wild-spark.fr\/wp-content\/uploads\/2026\/06\/image-3-1.jpg\" alt=\"Conf\u00e9rence\">\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <span class=\"feature-tag pink\">Offre 02<\/span>\r\n <h2 class=\"feature-title\">Conf\u00e9rence<\/h2>\r\n <p>Oasis Urbaine propose une conf\u00e9rence <em>\"S\u00e9r\u00e9nit\u00e9 en ville : comment s'adapter aux fluctuations climatiques dans nos M\u00e9tropoles ?\"<\/em><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section bg-gray\">\r\n <div class=\"section-inner\">\r\n <div class=\"feature-block\">\r\n <div class=\"feature-img\">\r\n <img decoding=\"async\" src=\"http:\/\/wild-spark.fr\/wp-content\/uploads\/2026\/09\/nouvelle-offre.jpeg\" alt=\"Acupuncture urbaine\">\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <span class=\"feature-tag teal\">Offre 03<\/span>\r\n <h2 class=\"feature-title\">Acupuncture urbaine<\/h2>\r\n <p>Oasis Urbaine d\u00e9veloppe une offre d'acupuncture urbaine pour plus de r\u00e9silience, de v\u00e9g\u00e9talisation et de convivialit\u00e9 dans l'espace public. Plus d'informations \u00e0 venir !<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section\">\r\n <div class=\"section-inner\">\r\n <div class=\"feature-block reverse\">\r\n <div class=\"feature-img\">\r\n <img decoding=\"async\" src=\"http:\/\/wild-spark.fr\/wp-content\/uploads\/2026\/06\/o2.jpeg\" alt=\"Conseil et AMO\">\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <span class=\"feature-tag teal\">Offre 04<\/span>\r\n <h2 class=\"feature-title\">Conseil et Assistance \u00e0 Ma\u00eetrise d'Ouvrage<\/h2>\r\n <p>Oasis Urbaine vous accompagne en trois temps :<\/p>\r\n <ul class=\"feature-list\">\r\n <li>Diagnostic<\/li>\r\n <li>Activation<\/li>\r\n <li>H\u00e9ritage<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div id=\"contact\" class=\"contact\">\r\n <div class=\"contact-inner\">\r\n <p class=\"section-label\">Oasis Urbaine<\/p>\r\n <h2 class=\"section-title\">Envie d'activer une oasis urbaine sur votre territoire ?<\/h2>\r\n <p class=\"section-body\">Discutons de vos enjeux et imaginons ensemble le format le plus adapt\u00e9.<\/p>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/contact\/\" class=\"btn-contact-white\">Nous contacter \u2192<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<footer>\r\n <div class=\"footer-links\">\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/accueil\/\">Accueil<\/a>\r\n <a href=\"#\">Oasis Urbaine<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/wild-spark\/\">Wild Spark<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/a-propos\/\">\u00c0 propos<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/actualites\/\">Actualit\u00e9s<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/contact\/\">Contact<\/a>\r\n <a href=\"https:\/\/wild-spark.fr\/index.php\/mentions-legales\/\" style=\"color:rgba(255,255,255,0.35);font-size:0.78rem;\">Mentions l\u00e9gales<\/a>\r\n <\/div>\r\n <p>\u00a9 2026 <strong>Wild Spark<\/strong> \u00b7 Am\u00e9lie BONNET \u00b7 Tous droits r\u00e9serv\u00e9s<\/p>\r\n<\/footer>\r\n\r\n<script>\r\nfunction toggleMobMenu(){var m=document.getElementById('mobMenu'),b=document.getElementById('hamburger');m.classList.toggle('open');b.classList.toggle('open');}\r\ndocument.addEventListener('DOMContentLoaded',function(){document.querySelectorAll('.mob-menu a').forEach(function(a){a.addEventListener('click',function(){document.getElementById('mobMenu').classList.remove('open');document.getElementById('hamburger').classList.remove('open');});});});\r\n<\/script>\r\n<\/body>\r\n<\/html>\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","protected":false},"excerpt":{"rendered":"<p>Oasis Urbaine \u2013 Agence de s\u00e9r\u00e9nit\u00e9 urbaine en ville Am\u00e9lie BONNET Accueil Oasis Urbaine Wild Spark \u00c0 propos Actualit\u00e9s Contact Accueil Oasis Urbaine Wild Spark \u00c0 propos Actualit\u00e9s Contact Oasis Urbaine Conseil et accompagnement en urbanisme environnemental Oasis urbaine est une agence de s\u00e9r\u00e9nit\u00e9 urbaine, au service de la transition environnementale en ville ! Nous […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-66","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/pages\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/comments?post=66"}],"version-history":[{"count":26,"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/pages\/66\/revisions"}],"predecessor-version":[{"id":305,"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/pages\/66\/revisions\/305"}],"wp:attachment":[{"href":"https:\/\/wild-spark.fr\/index.php\/wp-json\/wp\/v2\/media?parent=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}