spb/lou-ka Public
Lou·Ka — tous les logements à louer du Québec, un seul endroit.
HTML 99.7%
1<!DOCTYPE html><html lang="fr"> <head><!-- GTM + Google Ads — chargés uniquement sur le domaine de prod (anti-pollution staging/preview/local) --><script>2 window.dataLayer = window.dataLayer || [];3 function gtag(){dataLayer.push(arguments);}4 (function () {5 // Consentement D68 (opt-out, chat-gi Phase 1) : un refus explicite stocké coupe les tags6 // Google pour ce navigateur — effet au chargement de page. Source : lib/consent-client.ts.7 try {8 var consent = JSON.parse(localStorage.getItem('locator:consent:v1') || 'null');9 if (consent && consent.choice === 'refused') return;10 } catch (e) { /* storage bloqué : comportement par défaut (opt-out) */ }11 var h = location.hostname;12 if (h !== 'locationdi.com' && !h.endsWith('.locationdi.com')) return;13 // Google Tag Manager14 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':15 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],16 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=17 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);18 })(window,document,'script','dataLayer','GTM-N23V72B2');19 // Google Ads (gtag.js) — suivi de conversion20 var ad=document.createElement('script');ad.async=true;21 ad.src='https://www.googletagmanager.com/gtag/js?id=AW-18179616586';22 document.head.appendChild(ad);23 gtag('js', new Date());24 gtag('config', 'AW-18179616586');25 })();26 </script><!-- End GTM + Google Ads --><meta charset="utf-8"><link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="shortcut icon" href="/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Location DI"><link rel="manifest" href="/site.webmanifest"><meta name="theme-color" content="#2F5D2E"><link rel="canonical" href="https://locationdi.com/logements/3-1934-rue-saint-philippe-9-553926"><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content"><meta name="description" content="Logement 3½ situé à Trois-Rivières. 1 chambre, 1 salle de bain, 500 pi², 3e étage. Loyer : 1175 $/mois. Disponible le 1er juillet 2026."><meta name="robots" content="noindex, follow"><title>3½ à louer — 1934 Rue Saint Philippe, app. 9, Trois-Rivières | Location DI</title><meta property="og:type" content="article"><meta property="og:url" content="https://locationdi.com/logements/3-1934-rue-saint-philippe-9-553926"><meta property="og:title" content="3½ à louer — 1934 Rue Saint Philippe, app. 9, Trois-Rivières | Location DI"><meta property="og:description" content="Logement 3½ situé à Trois-Rivières. 1 chambre, 1 salle de bain, 500 pi², 3e étage. Loyer : 1175 $/mois. Disponible le 1er juillet 2026."><meta property="og:image" content="https://cdn.sanity.io/images/4ae0mkdu/production/4080777fd4167bb9b06ae3012ea0764151c431de-1500x1000.jpg?w=1200&h=630&fit=crop&auto=format"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="3½ à louer — 1934 Rue Saint Philippe, app. 9 — photo principale"><meta property="og:locale" content="fr_CA"><meta property="og:site_name" content="Location DI"><meta property="fb:app_id" content="966242223397117"><!-- Verification de propriete du domaine locationdi.com (Meta Business Suite > Brand safety > Domaines) --><meta name="facebook-domain-verification" content="v1ucjmyd65qg1q7ehlgt2zu4gi4ocj"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://locationdi.com/logements/3-1934-rue-saint-philippe-9-553926"><meta name="twitter:title" content="3½ à louer — 1934 Rue Saint Philippe, app. 9, Trois-Rivières | Location DI"><meta name="twitter:description" content="Logement 3½ situé à Trois-Rivières. 1 chambre, 1 salle de bain, 500 pi², 3e étage. Loyer : 1175 $/mois. Disponible le 1er juillet 2026."><meta name="twitter:image" content="https://cdn.sanity.io/images/4ae0mkdu/production/4080777fd4167bb9b06ae3012ea0764151c431de-1500x1000.jpg?w=1200&h=630&fit=crop&auto=format"><meta name="twitter:image:alt" content="3½ à louer — 1934 Rue Saint Philippe, app. 9 — photo principale"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"Apartment","name":"3½ à louer — 1934 Rue Saint Philippe, app. 9","description":"Logement 3½ situé à Trois-Rivières. 1 chambre, 1 salle de bain, 500 pi², 3e étage. Loyer : 1175 $/mois. Disponible le 1er juillet 2026.","url":"https://locationdi.com/logements/3-1934-rue-saint-philippe-9-553926","numberOfRooms":1,"floorSize":{"@type":"QuantitativeValue","value":500,"unitCode":"FTK"},"address":{"@type":"PostalAddress","streetAddress":"1934 Rue Saint Philippe","addressLocality":"Trois-Rivières","addressRegion":"QC","addressCountry":"CA"},"image":["https://cdn.sanity.io/images/4ae0mkdu/production/4080777fd4167bb9b06ae3012ea0764151c431de-1500x1000.jpg","https://cdn.sanity.io/images/4ae0mkdu/production/5cc76e4dbf40b6be76a0a771c0413a4113045fec-556x585.png","https://cdn.sanity.io/images/4ae0mkdu/production/b7e99c7d063165919b308f3c26ce53c16bd34348-1500x1000.jpg","https://cdn.sanity.io/images/4ae0mkdu/production/e36675babda8d407f9eee658d9fe19d32734d336-1500x1000.jpg","https://cdn.sanity.io/images/4ae0mkdu/production/935bb7771e232a63c11afc9acf2bc7be000b5baa-1500x1000.jpg"]}</script> <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Logements","item":"https://locationdi.com/logements"},{"@type":"ListItem","position":2,"name":"1934 Rue Saint Philippe, app. 9","item":"https://locationdi.com/logements/3-1934-rue-saint-philippe-9-553926"}]}</script> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script><link rel="stylesheet" href="/_astro/Layout.Bk6kjvn7.css?dpl=6a770c5aa9d6f6000809ad95"></head> <body class="min-h-screen bg-cream font-sans text-warm-900 antialiased"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N23V72B2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="sticky top-0 z-50"> <header id="site-header" class="border-b border-warm-200/60 bg-cream/95 backdrop-blur-sm transition-shadow"> <nav class="mx-auto flex max-w-[1800px] items-center gap-4 px-4 py-4 sm:gap-8 sm:px-8"> <!-- Logo à gauche --> <a href="/" class="shrink-0" aria-label="Location DI - logements à louer"> <img src="/logo-location-di.png" alt="Location DI - logements à louer" class="block h-auto w-44 max-w-full lg:w-52"> </a> <!-- Nav links centrés dans l'espace disponible --> <div class="hidden flex-1 items-center justify-center gap-14 md:flex"> <a href="/" class="text-xl transition-colors border-b-2 pb-1 pt-[6px] font-medium text-warm-600 border-transparent hover:text-accent-600"> Accueil </a><div class="group relative"> <a href="/logements" class="inline-flex items-center gap-1 text-xl transition-colors border-b-2 pb-1 pt-[6px] font-semibold text-warm-900 border-accent-500">27Logements28<svg class="h-4 w-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </a> <!-- Méga-menu (CSS hover ; le pt-4 garde le survol continu entre le lien et le panneau) --> <div class="invisible absolute left-1/2 top-full z-50 -translate-x-1/2 pt-4 opacity-0 transition-all duration-150 group-hover:visible group-hover:opacity-100"> <div class="w-[min(92vw,720px)] rounded-2xl border border-warm-200 bg-white p-6 shadow-xl shadow-warm-300/40"> <a href="/logements" class="inline-flex items-center gap-1 text-sm font-semibold text-accent-700 transition hover:text-accent-800">29Voir tous les logements30<svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg> </a> <div class="mt-4 grid grid-cols-3 gap-6 border-t border-warm-100 pt-4"> <div> <a href="/logements/region/lanaudiere" class="block text-sm font-semibold text-warm-900 transition hover:text-accent-600">Lanaudière</a> <ul class="mt-2 space-y-1.5"> <li> <a href="/logements/region/lanaudiere/berthierville" class="block text-sm text-warm-600 transition hover:text-accent-600">Berthierville</a> </li><li> <a href="/logements/region/lanaudiere/saint-ambroise-de-kildare" class="block text-sm text-warm-600 transition hover:text-accent-600">Saint-Ambroise-de-Kildare</a> </li><li> <a href="/logements/region/lanaudiere/saint-charles-borromee" class="block text-sm text-warm-600 transition hover:text-accent-600">Saint-Charles-Borromée</a> </li><li> <a href="/logements/region/lanaudiere/saint-felix-de-valois" class="block text-sm text-warm-600 transition hover:text-accent-600">Saint-Félix-de-Valois</a> </li><li> <a href="/logements/region/lanaudiere/saint-gabriel-de-brandon" class="block text-sm text-warm-600 transition hover:text-accent-600">Saint-Gabriel-de-Brandon</a> </li><li class="js-ville-extra hidden"> <a href="/logements/region/lanaudiere/saint-jean-de-matha" class="block text-sm text-warm-600 transition hover:text-accent-600">Saint-Jean-de-Matha</a> </li><li class="js-ville-extra hidden"> <a href="/logements/region/lanaudiere/sainte-elisabeth" class="block text-sm text-warm-600 transition hover:text-accent-600">Sainte-Élisabeth</a> </li> <li> <button type="button" class="js-villes-toggle inline-flex items-center gap-1 text-sm font-medium text-accent-700 transition hover:text-accent-800" aria-expanded="false" data-count="2"> <span class="js-villes-toggle-label">+ 2 autres</span> <svg class="js-villes-toggle-chevron h-3.5 w-3.5 transition-transform" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </button> </li> </ul> </div><div> <a href="/logements/region/laurentides" class="block text-sm font-semibold text-warm-900 transition hover:text-accent-600">Laurentides</a> <ul class="mt-2 space-y-1.5"> <li> <a href="/logements/region/laurentides/lachute" class="block text-sm text-warm-600 transition hover:text-accent-600">Lachute</a> </li> </ul> </div><div> <a href="/logements/region/mauricie" class="block text-sm font-semibold text-warm-900 transition hover:text-accent-600">Mauricie</a> <ul class="mt-2 space-y-1.5"> <li> <a href="/logements/region/mauricie/becancour" class="block text-sm text-warm-600 transition hover:text-accent-600">Bécancour</a> </li><li> <a href="/logements/region/mauricie/trois-rivieres" class="block text-sm text-warm-600 transition hover:text-accent-600">Trois-Rivières</a> </li> </ul> </div><div> <a href="/logements/region/montreal" class="block text-sm font-semibold text-warm-900 transition hover:text-accent-600">Montréal</a> <ul class="mt-2 space-y-1.5"> </ul> </div> </div> </div> </div> </div><a href="/notre-entreprise" class="text-xl transition-colors border-b-2 pb-1 pt-[6px] font-medium text-warm-600 border-transparent hover:text-accent-600"> Notre entreprise </a><a href="/contact" class="text-xl transition-colors border-b-2 pb-1 pt-[6px] font-medium text-warm-600 border-transparent hover:text-accent-600"> Contact </a> </div> <!-- CTA à droite --> <div class="hidden shrink-0 items-end gap-4 md:flex"> <a href="/logements" class="rounded-xl bg-accent-500 px-6 py-3 text-base font-semibold text-white shadow-sm transition hover:bg-accent-400 hover:shadow-md hover:-translate-y-0.5">31Trouve ton logement ici32</a> <a href="/contact?mode=proprietaire" class="text-sm text-warm-500 transition-colors hover:text-warm-700">33Propriétaires?34</a> </div> <button id="mobile-menu-btn-e" class="flex h-11 w-11 items-center justify-center rounded-lg text-warm-700 transition hover:bg-warm-100 md:hidden" aria-label="Menu" aria-expanded="false"> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </nav> <div id="mobile-menu-e" class="hidden border-t border-warm-200/60 bg-cream px-4 pb-4 md:hidden"> <a href="/" class="block py-3 text-sm font-medium transition-colors hover:text-accent-600 text-warm-600"> Accueil </a><div class="border-b border-warm-200/60"> <button id="mobile-logements-toggle" class="flex w-full items-center justify-between py-3 text-sm font-medium text-warm-600 transition hover:text-accent-600" aria-expanded="false" aria-controls="mobile-logements-sub">35Logements36<svg id="mobile-logements-chevron" class="h-4 w-4 transition-transform" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </button> <div id="mobile-logements-sub" class="hidden pb-2"> <a href="/logements" class="block py-2 text-sm font-semibold text-accent-700">Voir tous les logements</a> <div class="mt-1"> <a href="/logements/region/lanaudiere" class="block py-1.5 text-sm font-semibold text-warm-800 hover:text-accent-600">Lanaudière</a> <a href="/logements/region/lanaudiere/berthierville" class="block py-1 pl-3 text-sm text-warm-500 hover:text-accent-600">Berthierville</a><a href="/logements/region/lanaudiere/saint-ambroise-de-kildare" class="block py-1 pl-3 text-sm text-warm-500 hover:text-accent-600">Saint-Ambroise-de-Kildare</a><a href="/logements/region/lanaudiere/saint-charles-borromee" class="block py-1 pl-3 text-sm text-warm-500 hover:text-accent-600">Saint-Charles-Borromée</a><a href="/logements/region/lanaudiere/saint-felix-de-valois" class="block py-1 pl-3 text-sm text-warm-500 hover:text-accent-600">Saint-Félix-de-Valois</a><a href="/logements/region/lanaudiere/saint-gabriel-de-brandon" class="block py-1 pl-3 text-sm text-warm-500 hover:text-accent-600">Saint-Gabriel-de-Brandon</a><a href="/logements/region/lanaudiere/saint-jean-de-matha" class="block py-1 pl-3 text-sm text-warm-500 hover:text-accent-600">Saint-Jean-de-Matha</a><a href="/logements/region/lanaudiere/sainte-elisabeth" class="block py-1 pl-3 text-sm text-warm-500 hover:text-accent-600">Sainte-Élisabeth</a> </div><div class="mt-1"> <a href="/logements/region/laurentides" class="block py-1.5 text-sm font-semibold text-warm-800 hover:text-accent-600">Laurentides</a> <a href="/logements/region/laurentides/lachute" class="block py-1 pl-3 text-sm text-warm-500 hover:text-accent-600">Lachute</a> </div><div class="mt-1"> <a href="/logements/region/mauricie" class="block py-1.5 text-sm font-semibold text-warm-800 hover:text-accent-600">Mauricie</a> <a href="/logements/region/mauricie/becancour" class="block py-1 pl-3 text-sm text-warm-500 hover:text-accent-600">Bécancour</a><a href="/logements/region/mauricie/trois-rivieres" class="block py-1 pl-3 text-sm text-warm-500 hover:text-accent-600">Trois-Rivières</a> </div><div class="mt-1"> <a href="/logements/region/montreal" class="block py-1.5 text-sm font-semibold text-warm-800 hover:text-accent-600">Montréal</a> </div> </div> </div><a href="/notre-entreprise" class="block py-3 text-sm font-medium transition-colors hover:text-accent-600 text-warm-600"> Notre entreprise </a><a href="/contact" class="block py-3 text-sm font-medium transition-colors hover:text-accent-600 text-warm-600"> Contact </a> <div class="mt-3 flex flex-col gap-3 border-t border-warm-200 pt-4"> <a href="/contact?mode=proprietaire" class="text-sm text-warm-500 transition-colors hover:text-warm-700">37Propriétaires?38</a> <a href="/logements" class="rounded-xl bg-accent-500 px-5 py-3 text-center text-sm font-semibold text-white shadow-sm transition hover:bg-accent-400 hover:shadow-md">39Trouve ton logement ici40</a> </div> </div> </header> <script type="module">const s=document.getElementById("mobile-menu-btn-e"),n=document.getElementById("mobile-menu-e");s&&n&&s.addEventListener("click",()=>{const e=!n.classList.contains("hidden");n.classList.toggle("hidden"),s.setAttribute("aria-expanded",String(!e))});const l=document.getElementById("mobile-logements-toggle"),o=document.getElementById("mobile-logements-sub"),a=document.getElementById("mobile-logements-chevron");l&&o&&l.addEventListener("click",()=>{const e=!o.classList.contains("hidden");o.classList.toggle("hidden"),l.setAttribute("aria-expanded",String(!e)),a?.classList.toggle("rotate-180",!e)});const i=document.getElementById("site-header");if(i){const e=()=>{window.scrollY>4?i.classList.add("is-scrolled"):i.classList.remove("is-scrolled")};window.addEventListener("scroll",e,{passive:!0}),e()}document.querySelectorAll(".js-villes-toggle").forEach(e=>{e.addEventListener("click",()=>{const c=e.closest("ul");if(!c)return;const t=e.getAttribute("aria-expanded")==="true";c.querySelectorAll(".js-ville-extra").forEach(r=>r.classList.toggle("hidden",t)),e.setAttribute("aria-expanded",String(!t));const d=e.querySelector(".js-villes-toggle-label");d&&(d.textContent=t?`+ ${e.getAttribute("data-count")} autres`:"voir moins"),e.querySelector(".js-villes-toggle-chevron")?.classList.toggle("rotate-180",!t)})});</script> </div> <main class="pb-16 md:pb-0"> <section class="py-12"> <div class="mx-auto max-w-7xl px-4 sm:px-6"> <nav class="mb-6 text-sm text-warm-500"> <a href="/logements" class="inline-block py-3 -my-3 hover:text-accent-600">Logements</a> <span class="mx-2">›</span> <span class="text-warm-900">1934 Rue Saint Philippe, app. 9</span> </nav> <div class="grid gap-10 lg:grid-cols-2"> <div class="relative min-w-0"> <span class="animate-promo-pulse absolute left-3 top-3 z-20 inline-flex items-center gap-1.5 rounded-full border border-amber-300/60 bg-amber-500 px-3 py-1.5 text-xs font-bold uppercase tracking-wide text-white shadow-lg"> <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="1.8" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M21 11.25v8.25a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5v-8.25M12 4.875A2.625 2.625 0 1 0 9.375 7.5H12m0-2.625V7.5m0-2.625A2.625 2.625 0 1 1 14.625 7.5H12m0 0V21m-8.625-9.75h18c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"></path></svg> 1 mois gratuit </span> <div class="photo-gallery relative"> <div class="aspect-[4/3] overflow-hidden rounded-2xl"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/4080777fd4167bb9b06ae3012ea0764151c431de-1500x1000.jpg" alt="3½ à louer — 1934 Rue Saint Philippe, app. 9 - photo 1" class="gallery-slide absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-100" data-slide="0" loading="eager"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/5cc76e4dbf40b6be76a0a771c0413a4113045fec-556x585.png" alt="3½ à louer — 1934 Rue Saint Philippe, app. 9 - photo 2" class="gallery-slide absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0" data-slide="1" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/b7e99c7d063165919b308f3c26ce53c16bd34348-1500x1000.jpg" alt="3½ à louer — 1934 Rue Saint Philippe, app. 9 - photo 3" class="gallery-slide absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0" data-slide="2" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/e36675babda8d407f9eee658d9fe19d32734d336-1500x1000.jpg" alt="3½ à louer — 1934 Rue Saint Philippe, app. 9 - photo 4" class="gallery-slide absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0" data-slide="3" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/935bb7771e232a63c11afc9acf2bc7be000b5baa-1500x1000.jpg" alt="3½ à louer — 1934 Rue Saint Philippe, app. 9 - photo 5" class="gallery-slide absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0" data-slide="4" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/df8a3c85fc685a09d518c4bb861246bdcf373f5f-1500x1000.jpg" alt="3½ à louer — 1934 Rue Saint Philippe, app. 9 - photo 6" class="gallery-slide absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0" data-slide="5" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/1c3b2613fc0e6d913314afce413617e7d97417d9-1500x1000.jpg" alt="3½ à louer — 1934 Rue Saint Philippe, app. 9 - photo 7" class="gallery-slide absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0" data-slide="6" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/b02cf41f9b3100e1873ba90b043a77f79e358bb0-1500x1000.jpg" alt="3½ à louer — 1934 Rue Saint Philippe, app. 9 - photo 8" class="gallery-slide absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0" data-slide="7" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/112c71a2967f835b03663422ec1802c0a5653787-1500x1000.jpg" alt="3½ à louer — 1934 Rue Saint Philippe, app. 9 - photo 9" class="gallery-slide absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0" data-slide="8" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/7a3150374bb2b29c5d0242331a7af9c87fc6d093-1500x1000.jpg" alt="3½ à louer — 1934 Rue Saint Philippe, app. 9 - photo 10" class="gallery-slide absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0" data-slide="9" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/8b0695ae1d87ccf7ee534661bc5a16930ca1b37c-1500x1000.jpg" alt="3½ à louer — 1934 Rue Saint Philippe, app. 9 - photo 11" class="gallery-slide absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0" data-slide="10" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/cabca291ca3c0902f38a868902fe0910e36d7ea4-1500x1000.jpg" alt="3½ à louer — 1934 Rue Saint Philippe, app. 9 - photo 12" class="gallery-slide absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0" data-slide="11" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/c0e6690157a75827aa197d56c28cd6814c6a2d24-1500x1000.jpg" alt="3½ à louer — 1934 Rue Saint Philippe, app. 9 - photo 13" class="gallery-slide absolute inset-0 h-full w-full object-cover transition-opacity duration-500 opacity-0" data-slide="12" loading="lazy"> <button type="button" class="gallery-prev absolute left-3 top-1/2 z-10 -translate-y-1/2 rounded-full bg-white/90 p-2 text-warm-700 shadow-lg transition hover:bg-white" aria-label="Photo précédente"> <svg class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path></svg> </button> <button type="button" class="gallery-next absolute right-3 top-1/2 z-10 -translate-y-1/2 rounded-full bg-white/90 p-2 text-warm-700 shadow-lg transition hover:bg-white" aria-label="Photo suivante"> <svg class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg> </button> <div class="absolute bottom-3 right-3 z-10 rounded-full bg-warm-900/70 px-3 py-1 text-xs font-medium text-white backdrop-blur-sm"> <span class="gallery-counter">1</span> / 13 </div> </div> <div class="relative mt-3"> <button type="button" class="thumbs-nav-prev absolute left-0 top-1/2 z-20 hidden -translate-y-1/2 items-center justify-center rounded-full bg-white p-1.5 text-warm-700 shadow-md transition hover:bg-warm-50 sm:flex" aria-label="Miniatures précédentes"> <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path></svg> </button> <div class="gallery-thumbs flex gap-2 overflow-x-auto scroll-smooth pb-1"> <button type="button" class="gallery-thumb relative h-16 w-16 shrink-0 cursor-pointer overflow-hidden rounded-lg opacity-50 transition data-[active=true]:z-10 data-[active=true]:scale-110 data-[active=true]:opacity-100 data-[active=true]:shadow-lg" data-thumb="0" data-active="true"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/4080777fd4167bb9b06ae3012ea0764151c431de-1500x1000.jpg" alt="Miniature 1" class="h-full w-full object-cover" loading="lazy"> </button><button type="button" class="gallery-thumb relative h-16 w-16 shrink-0 cursor-pointer overflow-hidden rounded-lg opacity-50 transition data-[active=true]:z-10 data-[active=true]:scale-110 data-[active=true]:opacity-100 data-[active=true]:shadow-lg" data-thumb="1" data-active="false"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/5cc76e4dbf40b6be76a0a771c0413a4113045fec-556x585.png" alt="Miniature 2" class="h-full w-full object-cover" loading="lazy"> </button><button type="button" class="gallery-thumb relative h-16 w-16 shrink-0 cursor-pointer overflow-hidden rounded-lg opacity-50 transition data-[active=true]:z-10 data-[active=true]:scale-110 data-[active=true]:opacity-100 data-[active=true]:shadow-lg" data-thumb="2" data-active="false"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/b7e99c7d063165919b308f3c26ce53c16bd34348-1500x1000.jpg" alt="Miniature 3" class="h-full w-full object-cover" loading="lazy"> </button><button type="button" class="gallery-thumb relative h-16 w-16 shrink-0 cursor-pointer overflow-hidden rounded-lg opacity-50 transition data-[active=true]:z-10 data-[active=true]:scale-110 data-[active=true]:opacity-100 data-[active=true]:shadow-lg" data-thumb="3" data-active="false"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/e36675babda8d407f9eee658d9fe19d32734d336-1500x1000.jpg" alt="Miniature 4" class="h-full w-full object-cover" loading="lazy"> </button><button type="button" class="gallery-thumb relative h-16 w-16 shrink-0 cursor-pointer overflow-hidden rounded-lg opacity-50 transition data-[active=true]:z-10 data-[active=true]:scale-110 data-[active=true]:opacity-100 data-[active=true]:shadow-lg" data-thumb="4" data-active="false"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/935bb7771e232a63c11afc9acf2bc7be000b5baa-1500x1000.jpg" alt="Miniature 5" class="h-full w-full object-cover" loading="lazy"> </button><button type="button" class="gallery-thumb relative h-16 w-16 shrink-0 cursor-pointer overflow-hidden rounded-lg opacity-50 transition data-[active=true]:z-10 data-[active=true]:scale-110 data-[active=true]:opacity-100 data-[active=true]:shadow-lg" data-thumb="5" data-active="false"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/df8a3c85fc685a09d518c4bb861246bdcf373f5f-1500x1000.jpg" alt="Miniature 6" class="h-full w-full object-cover" loading="lazy"> </button><button type="button" class="gallery-thumb relative h-16 w-16 shrink-0 cursor-pointer overflow-hidden rounded-lg opacity-50 transition data-[active=true]:z-10 data-[active=true]:scale-110 data-[active=true]:opacity-100 data-[active=true]:shadow-lg" data-thumb="6" data-active="false"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/1c3b2613fc0e6d913314afce413617e7d97417d9-1500x1000.jpg" alt="Miniature 7" class="h-full w-full object-cover" loading="lazy"> </button><button type="button" class="gallery-thumb relative h-16 w-16 shrink-0 cursor-pointer overflow-hidden rounded-lg opacity-50 transition data-[active=true]:z-10 data-[active=true]:scale-110 data-[active=true]:opacity-100 data-[active=true]:shadow-lg" data-thumb="7" data-active="false"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/b02cf41f9b3100e1873ba90b043a77f79e358bb0-1500x1000.jpg" alt="Miniature 8" class="h-full w-full object-cover" loading="lazy"> </button><button type="button" class="gallery-thumb relative h-16 w-16 shrink-0 cursor-pointer overflow-hidden rounded-lg opacity-50 transition data-[active=true]:z-10 data-[active=true]:scale-110 data-[active=true]:opacity-100 data-[active=true]:shadow-lg" data-thumb="8" data-active="false"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/112c71a2967f835b03663422ec1802c0a5653787-1500x1000.jpg" alt="Miniature 9" class="h-full w-full object-cover" loading="lazy"> </button><button type="button" class="gallery-thumb relative h-16 w-16 shrink-0 cursor-pointer overflow-hidden rounded-lg opacity-50 transition data-[active=true]:z-10 data-[active=true]:scale-110 data-[active=true]:opacity-100 data-[active=true]:shadow-lg" data-thumb="9" data-active="false"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/7a3150374bb2b29c5d0242331a7af9c87fc6d093-1500x1000.jpg" alt="Miniature 10" class="h-full w-full object-cover" loading="lazy"> </button><button type="button" class="gallery-thumb relative h-16 w-16 shrink-0 cursor-pointer overflow-hidden rounded-lg opacity-50 transition data-[active=true]:z-10 data-[active=true]:scale-110 data-[active=true]:opacity-100 data-[active=true]:shadow-lg" data-thumb="10" data-active="false"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/8b0695ae1d87ccf7ee534661bc5a16930ca1b37c-1500x1000.jpg" alt="Miniature 11" class="h-full w-full object-cover" loading="lazy"> </button><button type="button" class="gallery-thumb relative h-16 w-16 shrink-0 cursor-pointer overflow-hidden rounded-lg opacity-50 transition data-[active=true]:z-10 data-[active=true]:scale-110 data-[active=true]:opacity-100 data-[active=true]:shadow-lg" data-thumb="11" data-active="false"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/cabca291ca3c0902f38a868902fe0910e36d7ea4-1500x1000.jpg" alt="Miniature 12" class="h-full w-full object-cover" loading="lazy"> </button><button type="button" class="gallery-thumb relative h-16 w-16 shrink-0 cursor-pointer overflow-hidden rounded-lg opacity-50 transition data-[active=true]:z-10 data-[active=true]:scale-110 data-[active=true]:opacity-100 data-[active=true]:shadow-lg" data-thumb="12" data-active="false"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/c0e6690157a75827aa197d56c28cd6814c6a2d24-1500x1000.jpg" alt="Miniature 13" class="h-full w-full object-cover" loading="lazy"> </button> </div> <button type="button" class="thumbs-nav-next absolute right-0 top-1/2 z-20 hidden -translate-y-1/2 items-center justify-center rounded-full bg-white p-1.5 text-warm-700 shadow-md transition hover:bg-warm-50 sm:flex" aria-label="Miniatures suivantes"> <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg> </button> </div> </div> </div> <div class="min-w-0"> <span class="mb-4 inline-block rounded-full bg-emerald-600 px-3 py-1 text-xs font-semibold text-white">41Disponible42</span> <span class="mb-4 ml-1 inline-block rounded-full bg-sky-500 px-3 py-1 text-xs font-semibold text-white">43Immeuble récent44</span> <h1 class="text-2xl font-bold tracking-tight sm:text-3xl">3½ à louer — 1934 Rue Saint Philippe, app. 9</h1> <p class="mt-2 text-warm-600">Trois-Rivières, QC</p> <p class="mt-6 text-3xl font-bold text-accent-600">45À partir de 1 025$46<span class="text-base font-normal text-warm-500">/ mois</span> </p> <p class="mt-2 text-base font-bold text-warm-800">Disponible dès maintenant</p> <div class="mt-6 overflow-hidden rounded-2xl bg-white ring-1 ring-accent-200"> <div class="flex items-center gap-2 bg-accent-50 px-4 py-2"> <svg class="h-4 w-4 text-accent-700" fill="none" stroke="currentColor" stroke-width="1.8" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"></path> </svg> <p class="text-[11px] font-semibold uppercase tracking-[0.12em] text-accent-700">Offres en cours</p> </div> <div class="flex flex-wrap items-center gap-x-3 gap-y-1.5 px-4 py-3.5"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-white shadow-sm bg-amber-500 shadow-amber-500/30"> <svg class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="1.8" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M21 11.25v8.25a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5v-8.25M12 4.875A2.625 2.625 0 1 0 9.375 7.5H12m0-2.625V7.5m0-2.625A2.625 2.625 0 1 1 14.625 7.5H12m0 0V21m-8.625-9.75h18c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"></path></svg> </span> <div class="min-w-[10rem] flex-1"> <p class="text-[15px] font-semibold leading-tight text-warm-900">1 mois gratuit</p> <p class="mt-0.5 text-[13px] leading-relaxed text-warm-500">Promo estivale — sur toutes nos unités.</p> </div> <span class="inline-flex shrink-0 items-center gap-1.5 rounded-full bg-accent-100 px-2.5 py-1 text-[11px] font-semibold text-accent-700"> <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path> </svg>47Jusqu'au 21 sept. 2026 </span> </div> <div class="mx-4 h-px bg-warm-100" aria-hidden="true"></div><div class="flex flex-wrap items-center gap-x-3 gap-y-1.5 px-4 py-3.5"> <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-white shadow-sm bg-accent-600 shadow-accent-600/30"> <svg class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="1.8" viewBox="0 0 24 24" aria-hidden="true"><rect x="5.25" y="2.25" width="13.5" height="19.5" rx="1.5"></rect><path stroke-linecap="round" d="M5.25 9h13.5M8.25 5.25v1.5M8.25 12v2.25"></path></svg> </span> <div class="min-w-[10rem] flex-1"> <p class="text-[15px] font-semibold leading-tight text-warm-900">5 électroménagers à 100$/mois</p> <p class="mt-0.5 text-[13px] leading-relaxed text-warm-500">Frigo, cuisinière, lave-vaisselle, laveuse, sécheuse.</p> </div> <span class="inline-flex shrink-0 items-center gap-1.5 rounded-full bg-accent-100 px-2.5 py-1 text-[11px] font-semibold text-accent-700"> <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path> </svg>48Jusqu'au 1er déc. 2026 </span> </div> </div> <div class="mt-6 grid grid-cols-2 gap-4 rounded-xl bg-warm-50 p-4"> <div> <p class="text-xs text-warm-500">Type</p> <p class="font-semibold">3½</p> </div> <div> <p class="text-xs text-warm-500">Chambres</p> <p class="font-semibold">1</p> </div> <div> <p class="text-xs text-warm-500">Salles de bain</p> <p class="font-semibold">1</p> </div> <div> <p class="text-xs text-warm-500">Superficie</p> <p class="font-semibold">500 pi²</p> </div> <div> <p class="text-xs text-warm-500">Étage</p> <p class="font-semibold">3e Étage</p> </div> <div> <p class="text-xs text-warm-500">Région</p> <p class="font-semibold">Mauricie</p> </div> </div> <a href="/contact?mode=logement&tab=candidature&intent=demande&logement=3%C2%BD+%E2%80%94+1934+Rue+Saint+Philippe&slug=3-1934-rue-saint-philippe-9-553926&source=fiche-logement" class="mt-8 block rounded-xl bg-accent-500 px-6 py-3 text-center text-sm font-semibold text-white transition hover:bg-accent-400">49Je veux faire une demande pour ce logement50</a> <a href="https://mphotographie.view.property/public/vtour/display/2202003?a=1#!/" target="_blank" rel="noopener noreferrer" class="mt-3 flex items-center justify-center gap-2 rounded-xl border border-accent-500 bg-white px-6 py-3 text-sm font-semibold text-accent-600 transition hover:bg-accent-50"> <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M9 10l5 2-5 2V10z"></path> </svg>51Visite virtuelle 3D52<svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M14 3h7v7M10 14L21 3M21 14v7H3V3h7"></path> </svg> </a> <button type="button" data-open-chat class="mt-4 block w-full text-center text-xs text-warm-500 underline-offset-2 transition hover:text-accent-600 hover:underline">53Des questions sur ce logement? Clavarde avec nous.54</button> </div> </div> <div class="mt-12 grid gap-6 md:grid-cols-2 md:items-start"> <div> <h2 class="text-lg font-semibold">Commodités et inclusions</h2> <div class="mt-4 space-y-5 rounded-2xl border border-warm-200 bg-white p-6"> <div class="flex gap-3"> <svg viewBox="0 0 2048 1797" class="mt-0.5 h-7 w-7 shrink-0 text-accent-600" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">5556<path transform="translate(938,45)" d="m0 0 10 1 11 6 12 11 8 8 6 10 1 3 1 187 8-8 6-5 7-8 32-32 8-7 11-11 11-9 17-13 8-4 7 1 14 8 12 11 9 10 5 10 1 8-2 8-8 15-9 12-6 7-8 7-29 29-7 8-11 13-10 9-11 9-17 17-7 8-7 7-9 11-8 10-5 6-2 6v255l-1 55 8-7 9-10 7-8 13-13 4-5 8-7 30-30 7-8 53-53 7-8 11-12 30-30 8-7 9-10 9-11 4-8 2-210 3-7 7-8 7-7 10-6 11-3h12l13 5 13 10 6 8 5 12 1 35 1 60 1 20 8-4 13-14 9-11 36-36 8-7 37-37 13-9 11-5 3-1h12l12 5 8 6 9 9 7 11 3 8v12l-7 14-10 13-8 8-4 5-8 7-5 5-8 9-8 7-35 35-7 8-14 15-11 11-6 5h65l47 1 14 1 9 3 10 7 6 7 8 16 2 8v9l-4 9-7 9-7 6-15 7-15 2-27 1h-164l-9 2-9 9-7 8-14 14-11 9-22 22-9 11-9 10-7 8-15 14-8 7-15 15-7 8-9 10-7 8-49 49-7 8-8 8-2 5 44 2 50 1h193l14-1 8-4 14-14 7-8 9-10 35-35 8-7 9-10 11-12 13-13 8-7 11-11 11-9 12-10 12-7 6-2 8 1 14 7 14 12 8 10 6 12v10l-10 14-11 13-7 8-24 26-7 8-21 21-7 8-5 4-3 5 8-1h22l64 1h89l6 3 8 9 8 15 4 12 1 11-3 10-7 11-8 8-11 6-8 2-27 2-144 1 3 5 17 16 37 37 7 8 9 10 13 17 8 14 2 7-1 6-9 11-7 7-11 9-14 10-7 4h-5l-10-9-14-11-15-12-9-7-12-11-13-14-7-8-12-13-16-15-8-7-22-22-7-8-9-10-7-7-11-7-5-1h-296l3 6 9 9 9 11 16 17 14 14 8 7 16 16 7 8 7 7 7 8 25 25 8 7 11 11 9 11 13 14 7 8 11 11 8 7 13 12 14 11 7 4 6 1 23 1h148l18 1 10 2 14 7 9 7 7 11 4 10 1 10-3 10-7 10-8 7-16 8-11 3-18 2h-96l4 5 11 9 14 14 7 8 16 17 27 27 7 8 9 9 7 8 12 14 12 18 5 11 1 3v9l-6 11-8 9-12 9-15 8-7 1-8-4-14-10-15-14-8-7-67-67-7-8-25-25-1 1-2 47v59l-1 18-3 10-5 8-8 7-17 8h-13l-14-5-8-5-7-6-4-6-3-11-3-38-2-74v-31l1-47-1-18-6-12-12-14-9-10-30-30-7-8-14-15-24-24-8-7-12-13-9-10-7-8-3-3v-2l-4-2-7-8-8-7-15-14-17-17-7-8-11-11-5-6-2-1v229l1 72 1 14 2 6 9 11 9 10 10 10v2h2l4 5 2 1v2l4 2 38 38 7 8 8 8 7 8 19 19 7 8 12 15 10 15 2 4-1 10-8 16-8 11-8 6-13 7-12-1-12-5-10-7-10-9-15-14-12-11-23-23-8-7-9-10-3-4-1 9-1 38-1 101-1 26-2 17-5 10-9 10-12 9-10 5h-14l-9-3-10-6-8-8-6-9-2-9-1-30v-139l-1-152v-178l1-213v-66l-1-101-1-67v-133l1-78 1-333 4-8 8-9 11-8 11-5z" fill="currentColor"/>57<path transform="translate(842,333)" d="m0 0h5v50l-1 38-27 4-43 10-26 8-39 14-25 11-29 16-12 8-13 10-11 10-11 9-14 12-23 23-9 12-10 14-14 19-14 22-12 22-10 21-12 33-10 36-7 35-5 37v41l3 23 9 41 11 38 12 35 10 21 11 20 19 28 14 19 9 11 12 14 8 8 8 7 12 11 11 9 13 11 15 11 22 13 17 9 26 11 38 13 52 15 40 10 4 2v63l-1 25-16-2-22-4-14-2-23-6-41-13-26-9-26-11-29-13-23-12-21-13-20-14-14-11-10-8-13-11-11-10-8-7-18-18-9-11-11-13-20-26-12-18-12-19-11-19-8-16-10-24-9-25-7-24-11-42-7-33-3-23-1-17v-20l2-33 4-30 6-28 10-38 11-35 10-28 10-23 13-25 12-19 16-24 10-13 11-14 13-15 9-10 7-8 13-13 8-7 14-12 14-11 19-14 17-11 22-13 23-12 27-13 21-8 26-8 28-7 39-8z" fill="currentColor"/>58<path transform="translate(137,776)" d="m0 0h57l52 3 22 2 10 3 8 6 8 11 5 11 2 7v11l-4 11-6 9-5 5-5 4-8 3-11 2-33 2h-115l-15-3-12-6-5-5-7-10-3-8-1-13 3-14 6-11 9-10 9-5 15-3z" fill="currentColor"/>59<path transform="translate(336,1070)" d="m0 0 7 1 6 4 7 6 12 16 7 14 1 3v12l-7 12-8 9-14 11-22 14-26 15-21 12-23 13-28 15-17 6-10-2-13-10-7-8-6-12-3-11v-11l3-10 6-8 8-7 33-22 21-13 28-16 26-15 22-12 14-5z" fill="currentColor"/>60<path transform="translate(205,413)" d="m0 0h7l16 6 25 13 23 13 22 12 28 17 17 10 10 8 10 9 7 10 4 8 1 4v9l-4 8-8 11-9 10-14 14-3 4-6-2-22-12-21-13-21-12-25-14-28-17-10-7-14-10-12-12-6-12-2-8 1-12 4-10 8-11 8-7z" fill="currentColor"/>61<path transform="translate(539,1300)" d="m0 0h14l12 5 10 8 8 8 5 8 2 6v9l-7 21-14 29-8 16-12 23-10 17-12 19-9 12-9 10-7 6-12 6-10 1-13-4-14-9-7-7-7-12-2-7v-7l5-16 8-17 13-23 15-27 14-24 8-14 10-15 12-13 11-7z" fill="currentColor"/>62<path transform="translate(483,140)" d="m0 0h10l10 5 12 11 11 14 11 18 9 15 16 28 15 27 11 21 7 16 3 10v6l-6 8-9 8-14 10-15 9-9 1-9-5-13-11-12-15-10-15-21-35-12-21-17-32-8-20-2-8v-10l5-10 10-11 14-9 9-4z" fill="currentColor"/>63</svg> <div class="min-w-0"> <h3 class="text-xs font-semibold uppercase tracking-wide text-warm-500">Confort & climat</h3> <div class="mt-2 space-y-3"> <div> <p class="flex flex-wrap items-center gap-x-2 gap-y-1 text-sm font-semibold text-warm-900"> Insonorisation supérieure </p> <p class="mt-0.5 whitespace-pre-line text-sm leading-relaxed text-warm-600">Chape de béton et faible transmission du son : le calme d’un vrai chez-soi.</p> </div><div> <p class="flex flex-wrap items-center gap-x-2 gap-y-1 text-sm font-semibold text-warm-900"> Thermopompe </p> <p class="mt-0.5 whitespace-pre-line text-sm leading-relaxed text-warm-600">Haute performance : confort été comme hiver.</p> </div><div> <p class="flex flex-wrap items-center gap-x-2 gap-y-1 text-sm font-semibold text-warm-900"> Échangeur d’air (VRC) </p> <p class="mt-0.5 whitespace-pre-line text-sm leading-relaxed text-warm-600">Air frais et sain dans tout le logement, à l’année.</p> </div> </div> </div> </div><div class="flex gap-3"> <svg viewBox="0 0 2048 1677" class="mt-0.5 h-7 w-7 shrink-0 text-accent-600" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">6465<path transform="translate(1009,755)" d="m0 0h41l25 4 24 7 16 7 15 8 14 10 13 11 10 10 11 14 14 21 11 19 15 27 16 26 13 18 14 17 12 13 21 21 11 9 15 13 10 8 13 11 11 9 11 10 8 7 24 24 13 17 10 15 10 21 6 18 3 15 1 8v27l-3 18-5 17-8 18-8 14-9 12-9 10-9 9-14 11-15 10-21 10-18 6-21 4-11 1h-18l-19-2-19-4-36-12-36-14-28-10-24-7-29-6-26-3h-46l-26 3-31 6-31 9-36 13-34 13-26 8-19 4-18 2h-19l-18-2-21-5-20-8-15-8-17-12-15-14-11-12-12-17-8-16-6-14-5-19-2-14v-24l2-15 4-17 6-16 10-19 8-12 10-13 22-24 8-7 12-11 11-9 13-11 11-9 17-14 11-9 7-7 8-7 10-10 7-8 11-13 14-19 14-22 12-21 15-27 13-21 12-16 9-10 13-13 18-13 23-12 19-7 26-6z" fill="#ffffff"/>66<path transform="translate(1012,689)" d="m0 0h30l25 2 19 3 24 6 20 7 25 12 14 8 18 13 15 13 13 13 9 11 13 17 11 17 13 22 14 25 11 18 11 16 10 13 11 13 23 23 11 9 14 12 14 11 14 12 11 9 15 14 8 7 13 13 7 8 11 13 12 17 9 15 8 16 10 25 6 24 3 23v35l-3 22-6 23-8 21-8 16-8 14-14 19-13 15-15 15-14 11-17 12-22 12-19 8-18 6-22 5-22 3h-36l-22-3-23-5-23-7-42-16-24-9-21-7-23-6-25-4-10-1h-38l-23 3-23 5-33 10-33 12-35 13-27 8-25 5-16 2h-38l-21-3-25-6-22-8-21-10-18-11-12-9-11-9-13-12-9-9-9-11-14-19-10-17-9-21-5-15-6-25-2-17v-33l3-24 7-28 9-22 8-16 9-15 10-14 9-11 9-10 7-8 14-14 8-7 13-12 11-9 13-11 14-11 14-12 8-7 10-9 17-17 11-14 12-16 12-20 8-14 13-23 11-18 8-12 14-19 10-11 7-8 16-15 13-10 15-10 18-10 24-10 20-6 21-5 22-3zm-3 66-25 4-22 6-19 8-17 9-15 11-10 9-13 13-14 19-15 25-15 27-13 22-14 21-9 12-11 13-7 8-9 10-9 9-8 7-10 9-14 11-14 12-22 18-15 13-7 7-8 7-7 8-11 12-13 18-12 22-6 15-4 15-2 10-1 10v24l3 18 5 17 7 17 8 14 12 16 11 12 7 7 14 11 18 11 15 7 18 6 21 4 11 1h19l24-3 24-6 26-9 42-16 30-10 23-6 26-5 26-3h46l26 3 29 6 24 7 31 11 41 16 28 9 19 4 19 2h18l17-2 18-4 15-5 21-10 12-8 13-10 12-11 8-8 11-15 9-16 8-19 5-18 2-14v-27l-3-19-5-17-8-18-9-16-14-19-12-13-22-22-11-9-11-10-11-9-17-14-13-11-11-9-28-28-9-11-10-12-13-19-13-21-13-23-10-18-12-19-10-14-12-14-10-10-17-13-13-8-19-9-21-7-25-5-8-1z" fill="currentColor"/>67<path transform="translate(1244,214)" d="m0 0h16l17 2 22 6 16 7 11 6 13 9 13 11 12 12 13 17 9 15 8 16 8 20 7 25 4 26 1 11v41l-3 26-4 19-7 25-10 26-8 16-10 18-11 16-13 16-12 13-13 12-18 13-22 12-15 6-17 5-19 3h-29l-17-3-17-5-23-11-14-10-11-10-7-6-7-8-13-17-11-19-8-18-8-24-5-22-3-22-1-14v-29l2-21 5-28 6-22 9-25 14-29 10-16 10-14 9-11 11-12 10-10 17-13 15-10 25-12 21-6z" fill="currentColor"/>68<path transform="translate(798,214)" d="m0 0h16l17 2 20 5 16 6 19 10 12 8 14 11 15 14 10 11 12 16 11 17 10 18 9 20 10 30 6 26 4 27 1 16v19l-2 26-4 23-7 26-10 25-9 17-12 17-9 11-16 16-15 11-16 9-17 7-16 4-14 2h-26l-20-3-20-6-18-8-16-9-16-12-14-12-9-9-18-22-11-17-9-16-12-25-10-30-6-26-3-22-1-12v-40l3-24 6-26 7-21 9-20 8-14 10-14 9-11 14-14 17-13 14-8 15-7 20-6 11-2z" fill="currentColor"/>69<path transform="translate(1532,546)" d="m0 0h33l17 3 21 7 15 8 11 8 10 9 8 8 10 13 8 13 8 17 7 22 4 21 1 9v39l-3 23-6 25-7 21-10 23-10 19-14 21-10 13-12 14-13 13-11 9-15 11-18 10-16 7-20 6-17 3h-30l-18-3-18-6-17-9-12-9-13-12-11-14-10-16-9-19-6-18-4-20-2-16v-36l4-27 5-21 9-27 11-24 11-19 8-12 9-12 12-14 13-13 11-9 16-12 19-11 18-8 21-6z" fill="currentColor"/>70<path transform="translate(491,546)" d="m0 0h32l18 3 24 8 16 8 14 8 12 9 10 8 15 14 7 7 9 11 11 15 11 18 11 21 9 23 7 22 5 24 2 15 1 15v12l-2 25-5 25-7 20-12 23-10 14-11 12-7 7-14 10-12 7-19 7-20 4-11 1h-11l-22-3-19-5-16-6-19-10-12-8-14-11-15-14-9-10-13-16-12-18-12-21-9-19-10-28-6-27-3-21-1-14v-17l2-22 4-19 8-24 8-16 9-14 8-10 15-15 14-10 15-8 17-6 13-3z" fill="currentColor"/>71<path transform="translate(795,280)" d="m0 0h23l15 4 12 5 13 8 14 11 10 10 11 14 10 15 12 23 8 21 6 22 4 22 1 12v32l-4 26-6 21-9 21-9 14-9 11-7 7-14 10-11 5-16 4h-20l-17-4-16-7-16-11-12-11-11-11-12-16-11-19-8-17-9-27-5-23-2-16v-39l3-20 4-17 7-19 9-17 8-11 9-10 9-8 15-9 15-5z" fill="#ffffff"/>72<path transform="translate(1243,280)" d="m0 0h18l14 3 12 5 10 6 11 9 7 7 10 14 9 17 7 19 5 20 3 25v22l-2 22-6 28-6 18-8 18-10 19-12 17-13 15-11 10-16 11-14 7-16 5-6 1h-20l-16-4-16-8-11-9-9-9-9-13-7-12-9-23-5-21-2-14-1-13v-19l2-21 4-22 6-21 8-21 11-21 10-15 9-11 17-17 14-10 15-8 17-5z" fill="#ffffff"/>73<path transform="translate(1543,611)" d="m0 0h13l14 3 14 7 10 8 7 8 8 14 5 12 4 17 1 7v32l-3 19-6 23-10 24-10 19-11 16-12 14-14 14-13 10-16 9-16 6-10 2h-21l-13-4-11-6-11-10-10-14-7-16-4-15-2-14v-27l3-21 5-20 8-22 8-17 12-19 9-11 9-10 9-9 13-10 15-9 14-6 11-3z" fill="#ffffff"/>74<path transform="translate(500,611)" d="m0 0h15l15 3 15 6 11 6 14 10 12 11 8 8 11 14 10 15 8 16 6 13 8 24 4 20 2 20v16l-2 17-4 15-6 14-9 13-6 7-12 9-11 5-7 2-12 1-16-2-16-5-16-8-16-12-12-11-10-11-11-15-8-13-9-17-9-23-6-25-3-24v-16l2-17 4-16 7-16 8-11 10-10 13-8 12-4z" fill="#ffffff"/>75<path transform="translate(879,827)" d="m0 0 8 2-3 3-7 3v1l4 5-2 5-1-4v-2l-6 2-4 8h-2l-1 6-2 1-3 9-1 4 2 4-1 3-6 4-2 4h-5v9l-5 2-1 2h-2l-2 5h2v2h-2v3h-3l-6 9 1 4-4 1-5 11h-2v4 2l11 2v1l-19 1-7 7v-3l9-11 12-17 13-21 14-25 13-23 12-19z" fill="#ffffff"/>76<path transform="translate(988,539)" d="m0 0 3 4 1 3-3 1-1 8h-2l-1 7h-2l1 3-2 4h-2l-1 5h-2l1 3-2 6-4 5-5 2-2 5-4 7 1 3h-5l-2 4-4 7-2 2-1-1-2 5-3 3h-2l-2 6-4 2-4 4-6 1-1 3-4 1-1 2-5 2-9 4-1-2 15-9 14-11 16-16 12-16 8-13 9-17 9-24z" fill="#ffffff"/>77<path transform="translate(1497,1115)" d="m0 0 2 4 7 24 1 14 2 7h-2l3 9 1 8 2 4-2 7-1 8-2 10h2l2 2v-4l-3-1 1-4 4 2 1 7-5 9h-3l1 8-5 1 2-17 1-9v-35l-3-23-6-24-1-6z" fill="#ffffff"/>78<path transform="translate(675,1382)" d="m0 0 6 2 25 10 21 6 22 4 9 1 35 1-3 1v4l-8-1-3 1-6-2-25-1-14-3-3-2-24-1-1-5-11-3-20-10z" fill="#ffffff"/>79<path transform="translate(503,842)" d="m0 0 1 2 9 3 3 2v2l4 2v2l5 1 1 4h3l4-1 6 2 2 5h5l3 1 9-1 1-2 1 10 26-1-4 2-12 1-16-2-16-5-16-8-16-12-5-5z" fill="#ffffff"/>80<path transform="translate(550,1172)" d="m0 0h1l1 32 3 22v4l-13-1 4-13 1-5v-32l-2-2v-3l-7 1-6-1v-1z" fill="#ffffff"/>81<path transform="translate(1392,311)" d="m0 0h3l4 11 7 16 7 8 2 9h2l2 7v6l-7 1-2 2-5-23-8-24z" fill="#ffffff"/>82<path transform="translate(479,541)" d="m0 0h11l6 1 1-1h5v4h22l7 1v1h-40l-16 3-15 5-13 6h-2l1-4v-2l-1-5 2-1 1-2 1 3 2 1-2 1 3 3 5-2v-2l9-1 8-3 4-3z" fill="#ffffff"/>83<path transform="translate(700,824)" d="m0 0 2 4v8l-3 13 1 7-5 4-4 4-4 7h2l-1 5-3 3-6 4-3 3v-3l9-16 7-15 6-19z" fill="#ffffff"/>84<path transform="translate(1622,543)" d="m0 0 7 1-5 5h-2l-2 13 6 3 5 4 6 2 2 6 1 4 4 2 2 4 4 2 1 3 3 3-1 3-11-13-10-10-14-10-15-8-8-3 2-3v2l5 1 11 5 4 1 1-7 1-3-1-4z" fill="#ffffff"/>85<path transform="translate(908,253)" d="m0 0 7 1 3 5 9 8 5 5v2h2v2l4 2 1 3 5 1 4 3v2l4 2 1 8 3 6 5 2 1 5h-2l-2 2-8-12-12-16-12-14-8-8-10-8z" fill="#ffffff"/>86<path transform="translate(622,708)" d="m0 0 2 2 9 27 4 20 1 16-1-2-4-1-1-4 2-16-2-1v-5l-2-6-3-3-5-3-2-16h-2l1-3h4z" fill="#ffffff"/>87<path transform="translate(715,367)" d="m0 0 3 1 8 1-2 4-4 2-2 6v9l-4 11-1 3v13h-2l2 27v8h-1l-2-16v-39l3-20z" fill="#ffffff"/>88<path transform="translate(1243,280)" d="m0 0h18l14 3 12 5 10 6 11 9 2 3-2 2-9-4-6-4-5-5-5-4-4-2v-2l-36-6z" fill="#ffffff"/>89<path transform="translate(588,654)" d="m0 0 5 5 8 10 10 15 7 14-1 15h-8l-1-2 3-3h2l2-8-1-5-3-1v-3l-4-2v-3h2l-3-4v-3h-2l-6-7-6-4-3-5-7-6 4-2z" fill="#ffffff"/>90<path transform="translate(626,598)" d="m0 0 5 1v2l3 1v2l2 1 4 1 1 2 3 1v2h2v2l2 1 3 5 2 2 5 11 4-1-1 6 4 5 4 6h3l-2 3 4 5 1 8-3-4-12-20-10-14-9-11-11-12z" fill="#ffffff"/>91<path transform="translate(1382,885)" d="m0 0 4 4 7 9 9 10 12 10 11 7-3 2-2-1v-2h-5l-3-3-8-2-5-6-8-7-4-5-2-7-4-4z" fill="#ffffff"/>92<path transform="translate(1362,712)" d="m0 0 1 3-5 21-4 27-1 33h-1l-1-25-3-2 2-9 1-17 3-17 4-6 1-6z" fill="#ffffff"/>93<path transform="translate(962,1356)" d="m0 0 3 1h-2l-1 5-14 6-23 3-7 2v2l-5 1-8 1-1-2 37-13z" fill="#ffffff"/>94<path transform="translate(446,884)" d="m0 0 7 6 11 10 16 12 19 11 4 3-1 2-4-2-10-6 1 2h-6l-2-5-3-2h-2l-1-3-5-2v-2l-8-2-5-4-4-7-5-4h-3v-6z" fill="#ffffff"/>95<path transform="translate(1350,597)" d="m0 0 1 3-6 7-2 2-4 5 1 3 8-1-2 3h-7l-3-3-3 7-6 7-6 4-8 1v2h-3l-1 2-1-4 17-13 15-14z" fill="#ffffff"/>96<path transform="translate(1414,397)" d="m0 0h1v29l3 1-3 33-1 9v13l-6 2-2 7-1-4 4-17 3-21 1-11z" fill="#ffffff"/>97<path transform="translate(949,770)" d="m0 0 3 1-3 4h-6l-2 4-3 4-6 3-3 1v2l-10 2-1 1 2 1-2 3h-6l-10 8-13 13v-3l19-19 18-13z" fill="#ffffff"/>98<path transform="translate(680,1059)" d="m0 0 2 1-6 6-1 10h-2v-2l-4 2-7 7 2 1-1 2h-5l-2 5h-2l1 3-4 5-3 4v3l-1 8-1 1h-9l6-12 14-19 12-13z" fill="#ffffff"/>99<path transform="translate(619,1165)" d="m0 0h1l1 7h3l-1 13-1 4h-2l2 12 3-2 1 7v4l-3 1v-3 4l1 2v5l4 7 8 2v1l-8 1-2 4-6-21-2-14v-24z" fill="#ffffff"/>100<path transform="translate(1011,1347)" d="m0 0h38l24 3 6 1-3 3-8-2-18-1-5 2-9-1-1 1-11 2-3 1-1-7-9-1z" fill="#ffffff"/>101<path transform="translate(405,827)" d="m0 0 3 4 11 18 12 16 9 11 6 6-1 2-3 1v-4l-5-1-1-4-3 1-3-5-2-3 2-1-5-3-6-7v-2h-2l-4-9-4-6-2-7-5-3z" fill="#ffffff"/>102<path transform="translate(1427,828)" d="m0 0 4 4 2 5 4 4 10 15 6 5 12 3 2 4h3l2 3 9 2 17 1v1h-21l-13-4-11-6-11-10-10-14-5-11z" fill="#ffffff"/>103<path transform="translate(500,611)" d="m0 0h15l15 3 15 6 11 6 5 4-2 3-7-1-2-1v-2h-2v-2l-5-2-6-4-1-3-4 1-2 1v-4l-14-1h-10l-3 1-1-4z" fill="#ffffff"/>104<path transform="translate(1530,541)" d="m0 0 2 1-1 2-1 1 9-2v2l11-1 23 2v1h-41l-20 4-18 6-11 5h-2l1-3 4-1 2-2h4l2-4 8-4h6l7-3 5-2 8 1z" fill="#ffffff"/>105<path transform="translate(1543,611)" d="m0 0h13l14 3 14 7 10 8 4 4-1 2-4-2v-2l-4-2-9-4-2-1v-2l-8-1-3-3-10-4h-12v3h-2v-2l-8-2v-1z" fill="#ffffff"/>106<path transform="translate(1009,755)" d="m0 0h41l8 1v1h-38l-15 2-1 2-5-1-7 3-13 2-7 1-13 1 3-2 22-6z" fill="#ffffff"/>107<path transform="translate(650,479)" d="m0 0 2 4 6 22 9 25 5 10-1 2-9-2-2-18-4-10v-2h-2v-12l-3-1-1-9-1-5z" fill="#ffffff"/>108<path transform="translate(931,428)" d="m0 0h1l2 19v32l-4 26-6 21-7 17-3-4 3-4h2l1-8 5-16 2-6 2-16h-3l-1-2 2-3h5v-36z" fill="#ffffff"/>109<path transform="translate(1384,1287)" d="m0 0h15l-6 7-10 9-15 11h-2v-5l5-1 3-3h2l2-6 3-5 1-5-4-1z" fill="#ffffff"/>110<path transform="translate(873,310)" d="m0 0 7 6 11 13 10 15 5 8-1 3h-2l-2-4-4-1-6-9-4-5-3-9-2-3-4-5-5-7z" fill="#ffffff"/>111<path transform="translate(1246,1404)" d="m0 0 16 1h36l17-1v1l-7 2-4 1-5 2-14-1-10 1h-22l-2-1v-4h-5z" fill="#ffffff"/>112<path transform="translate(452,770)" d="m0 0 3 3 5 12 2 4 4 1-1 2 4 4v3h2l7 8 2 2 2 11 3 1 1 5 2 1-2 2-11-14-10-16-9-17-4-10z" fill="#ffffff"/>113<path transform="translate(561,552)" d="m0 0 6 3v2l9 2 2 2 4-1 1 4 11 4v2h6l4 2 2 4 5 5 5 2h1l1 6h-3l-13-10-15-10-15-8-15-6z" fill="#ffffff"/>114<path transform="translate(736,1011)" d="m0 0 2 1-5 5-1 6-5 1-3 1v2l-8 7-7 5-3 1 1 2-4 2-3 1-1 3h-2l-1 2h-2l-2 3h-2v3l2 1-9 1 6-7 11-10 11-9 13-11 11-9z" fill="#ffffff"/>115<path transform="translate(903,1303)" d="m0 0h6l-3 2-43 16-13 5-3-1 2-2 6-2 13-5 5-4 4-4 12-3 12-1z" fill="#ffffff"/>116<path transform="translate(1610,655)" d="m0 0 2 3 4 12 3 17v32l-1 8h-1v-9l1-5h-4l2-9v-16l-4-10-3-14-1-8z" fill="#ffffff"/>117<path transform="translate(904,559)" d="m0 0 2 2-9 11-7 7-14 10-11 5-16 4h-20v-1h19l1-3 10-1 7-2 1-3 5-3 9-4 5-3 5-6 8-6z" fill="#ffffff"/>118<path transform="translate(1058,475)" d="m0 0h1l2 23 4 23 4 16-1 4-3-2-3-14-2-2-1-15-1-2-3-1-1-8 3-3v-11z" fill="#ffffff"/>119<path transform="translate(1313,309)" d="m0 0 5 5 10 15 8 17 7 21-1 3v-2h-2l-4-12-5-6-4-8-2-9-2-7-10-15z" fill="#ffffff"/>120<path transform="translate(1654,598)" d="m0 0h2v2l7 1v4l-1-2v3 2h2l4 5v2l3 1 5 10v7l3 9 1-3 3 2-1 8-2 5-2-3-8-24-10-19-6-9z" fill="#ffffff"/>121<path transform="translate(377,653)" d="m0 0 1 4-3 15-2 22v29h-1v-10h-3l-1-4v-11l1-3 2-28 3-10 3-1z" fill="#ffffff"/>122<path transform="translate(1073,366)" d="m0 0 1 3-6 20-6 29-2 15h-1l-1-8 1-9h-2l1-11 1-2 3-1 1-9 1-7 2-10 4-7z" fill="#ffffff"/>123<path transform="translate(1021,1262)" d="m0 0h1l1 7h2l-1 5v1l4 2 30 2h7l12 2 2 3-25-2-43-1v-1h10z" fill="#ffffff"/>124<path transform="translate(1194,588)" d="m0 0 7 1 6 3 5 1 6 2h13l7-2 10-3h5l-2 2-16 5-6 1h-20l-16-4-5-2 3-1 2 1z" fill="#ffffff"/>125<path transform="translate(993,686)" d="m0 0h24l3 1 22 1v1l-30 1-29 3-15 3h-5l1-2 12-3 5-3z" fill="#ffffff"/>126<path transform="translate(1386,655)" d="m0 0 1 2-9 17-10 25-2 3v-10l3-5 1-3-1-13 7-6h2l2-4 4-5z" fill="#ffffff"/>127<path transform="translate(888,655)" d="m0 0 4 1-2 4-7 3-19 3-2 1-9-1-2 2-3-1v-1l-22-1-8-1v-1h35l19-3z" fill="#ffffff"/>128<path transform="translate(1236,210)" d="m0 0h14l1 3h6v1l-30 3-23 6-10 4-2-1 2-5 9-3 20-3 9-2z" fill="#ffffff"/>129<path transform="translate(1685,686)" d="m0 0h1l1 27 1 3-1 13-2 9v15l-3 8-1 7 2 2-7 1 2-11 4-20 2-17z" fill="#ffffff"/>130<path transform="translate(675,548)" d="m0 0 3 4 9 16 11 16 8 10 2 4h-4l-3-5-9-6-7-12-1-2v-6l-2-1-1-5-2-1-2-3v-3h-2z" fill="#ffffff"/>131<path transform="translate(747,539)" d="m0 0 8 3 1 5 2 1v3l7 7h2l5 6 2 1v3l3-1 2 1v2l10 2 1 2v8l-4-2-11-8-18-18-10-13z" fill="#ffffff"/>132<path transform="translate(647,367)" d="m0 0 1 4-3 24-1 40h-1l-1-9-1-1-1-10v-19l-1-8 2-5h2l2-13 2-1z" fill="#ffffff"/>133<path transform="translate(844,219)" d="m0 0h9l16 6 10 6 7 1 11 8 2 1v2l6 2v5l-4-2-15-10-19-10-19-7z" fill="#ffffff"/>134<path transform="translate(786,213)" d="m0 0 12 1v1l-17 2-19 5-15 6-12 6h-2v-11l6 1 14-2 15-5z" fill="#ffffff"/>135<path transform="translate(729,1332)" d="m0 0 11 1 10 1h9l5 3 3-1 2-4 1 4 20-1v3h8v1l-11 1h-19l-18-2-21-5z" fill="#ffffff"/>136<path transform="translate(1078,688)" d="m0 0 5 1 7 3 12 4h6l4 3 13 4 4 1h3l3 2v2l6 1 8 6-2 1-17-8-27-9-22-5-7-1 4-1z" fill="#ffffff"/>137<path transform="translate(795,280)" d="m0 0h23l15 4 12 5 4 3-4 2-5-2-7-4-5-1-8-3-16-2-7 2-5 1-3-3v-1z" fill="#ffffff"/>138<path transform="translate(763,885)" d="m0 0 3 1-10 14-9 11-9 10-6 5 2-6 3-1 1-2h2l2-4 4-5v-2l3-1 4-8v-11z" fill="#ffffff"/>139<path transform="translate(694,711)" d="m0 0 3 3 5 13 1 8 2 7v13l2 9 3 5-5 2-1 4-2-23-4-23-4-15z" fill="#ffffff"/>140<path transform="translate(1096,311)" d="m0 0h4l-2 5-12 23-7 16h-1v-14l3-1 5-12 3-8 2-1 3-7z" fill="#ffffff"/>141<path transform="translate(1251,1332)" d="m0 0 4 1 1 1 19 3h9l2-2h5v1h8l9-2v2l4 1-12 2-11 1h-18l-19-2-6-1v-1h5z" fill="#ffffff"/>142<path transform="translate(703,254)" d="m0 0 4 1-13 13-10 13-8 12-1-4 3-4 2-10 9-8 6-5 5-4z" fill="#ffffff"/>143<path transform="translate(913,368)" d="m0 0 3 4 9 25 6 26v5l-3-4-2-12-6-13-1-10-3-8-2-5-4-2-1-4z" fill="#ffffff"/>144<path transform="translate(1134,785)" d="m0 0 5 2 11 9 10 9 7 7 11 14v3l-5-2-1-3-3-3v-3h-2l-4-6-4-5-7-5-1-2-9-5-6-1z" fill="#ffffff"/>145<path transform="translate(1348,405)" d="m0 0h1v22l-2 22-6 28-5 15-1-3 2-6-2-1 4-8 5-25 1-10-1-13h4z" fill="#ffffff"/>146<path transform="translate(788,965)" d="m0 0 1 3-6 6h-2l-2 4-8 11h-2l-1 3-7 5h-3l1 3h-8l5-5 13-12 10-9z" fill="#ffffff"/>147<path transform="translate(1566,828)" d="m0 0h5l-2 4-16 16-13 10-2-1 1-6 7-1 3-4h2l2-4h2v-2l4-4 3-7z" fill="#ffffff"/>148<path transform="translate(615,933)" d="m0 0 3 1-2 3h-7l-1 3h-2v2l-12 1h-33l-6-1v-1h20l18-2 16-4z" fill="#ffffff"/>149<path transform="translate(962,317)" d="m0 0 5 5 4 1-1 3 2 1v2h2v2l-2 1 3 5 3 7 4 7 4 14 1 4-2 3-7-20-11-24-5-9z" fill="#ffffff"/>150<path transform="translate(1078,564)" d="m0 0 2 3 10 19 7 11v1h-7l-3-5-3-9-5-9-1-3z" fill="#ffffff"/>151<path transform="translate(1387,538)" d="m0 0 2 2 4 1v3l-5 3h-3l1 4-3 2h3l-1 2-5 1-2 7-2 1 1 4-4 2-5 11h-2l-1-4 10-16 10-18z" fill="#ffffff"/>152<path transform="translate(1537,932)" d="m0 0 3 1h-2v2l-16 4-4 3-6 1h-30l-9-1v-1l30-1 17-3z" fill="#ffffff"/>153<path transform="translate(755,298)" d="m0 0 2 1-11 11-3 12-6 8-4 1-2-4 10-14 9-10z" fill="#ffffff"/>154<path transform="translate(1419,769)" d="m0 0 1 2h3v44h-1l-3-19z" fill="#ffffff"/>155<path transform="translate(1127,425)" d="m0 0 2 1 1 8-2 9-1 10v17l1 6-1 8-2 1-1-13v-19l2-21z" fill="#ffffff"/>156<path transform="translate(1292,885)" d="m0 0 8 1 2 5 6 2 1 15-5-5-12-17z" fill="#ffffff"/>157<path transform="translate(1357,826)" d="m0 0h1l5 19 5 12-1 3-3-1-4-10-5-13-2-1-1-4-2-2 7-1z" fill="#ffffff"/>158<path transform="translate(1135,637)" d="m0 0 11 7 23 11v1h-8l-7-5h-5v4l-3-1 3-5h-5l-8-4z" fill="#ffffff"/>159<path transform="translate(672,974)" d="m0 0h5l-5 5-11 9-11 10-5 3 2-4 4-4 3-5h2v-3l5-5 7-3z" fill="#ffffff"/>160<path transform="translate(1086,1285)" d="m0 0 11 1 16 1h6l3 3v2l5 1 12 5-3 1-23-7-27-6z" fill="#ffffff"/>161<path transform="translate(560,1249)" d="m0 0 2 4 8 20 6 12v2h-7l-1-9-3-7-3-9-2-3z" fill="#ffffff"/>162<path transform="translate(998,426)" d="m0 0 2 1 1 3 1 24v29h-2l-1 2v-34z" fill="#ffffff"/>163<path transform="translate(1076,760)" d="m0 0 10 2 21 7-3 2-14-1v-2l-6-1v-2h-6v-4z" fill="#ffffff"/>164<path transform="translate(439,683)" d="m0 0h1v25l4 15v21h-1l-4-24-1-10v-16z" fill="#ffffff"/>165<path transform="translate(615,1026)" d="m0 0 3 1-4 6-10 11-11 15-3-3 3-3v-2h2l1-3h2l4-7 3-4 3-2 2-1 1-5h3z" fill="#ffffff"/>166<path transform="translate(1345,942)" d="m0 0 11 1 1 5 3 5 5 3 1 6-8-6-14-12z" fill="#ffffff"/>167<path transform="translate(401,598)" d="m0 0 3 1-9 14-7 14h-1v-8l2-7 5-6 2-3h2l1-4z" fill="#ffffff"/>168<path transform="translate(720,482)" d="m0 0 7 3 1 12 3 7 1 1v8l-3-4-9-24z" fill="#ffffff"/>169<path transform="translate(1436,1344)" d="m0 0 27 1-2 2h-10l-7 1-10 3-5 3h-2v2l-4-1z" fill="#ffffff"/>170<path transform="translate(1433,711)" d="m0 0 1 2h2l-2 7v2l-2 4-2 3v5l-2 1-2 9-2 7v2h-2l1-10 6-21z" fill="#ffffff"/>171<path transform="translate(1193,850)" d="m0 0 4 5 13 24 3 5-1 2-4-1-2-6-7-15-4 1 1-6-3-3z" fill="#ffffff"/>172<path transform="translate(1194,743)" d="m0 0 6 2 3 3v3h2l6 7 3 5 6 7h-3l-11-12-8-8-6-5z" fill="#ffffff"/>173<path transform="translate(1192,1390)" d="m0 0 37 10 5 1v1h-13v-2l-24-4-4-1z" fill="#ffffff"/>174<path transform="translate(1465,1057)" d="m0 0 4 1 3 5 4 2 3 6v2h2v10l-3-4-10-16-3-4z" fill="#ffffff"/>175<path transform="translate(1145,1301)" d="m0 0 8 1 9 3 12 5 18 7 2 3-10-3-31-12-8-3z" fill="#ffffff"/>176<path transform="translate(1365,1389)" d="m0 0 2 1-2 3-17 5-5 3v1h-17l4-2 22-6z" fill="#ffffff"/>177<path transform="translate(1432,1229)" d="m0 0 1 3-8 19-2-1 1-10 3-1 1-4h-4v-5z" fill="#ffffff"/>178<path transform="translate(1145,366)" d="m0 0 5 4-2 2-2 5h-2l-2 5-7 16-1-3 8-22z" fill="#ffffff"/>179<path transform="translate(1297,1415)" d="m0 0 1 3h3l1 10 3 3-4 2-5-5v-3l-2 1z" fill="#ffffff"/>180<path transform="translate(734,1326)" d="m0 0 5 2 6 2h5l1-2 6 1 2 2-2 2-5-1h-2l-1 2-11-2-5-1z" fill="#ffffff"/>181<path transform="translate(1132,516)" d="m0 0 2 3 6 13 6 5 1 3-4 2 1 4-3-3-9-23z" fill="#ffffff"/>182<path transform="translate(845,1396)" d="m0 0h3v2l-5 3-1 1-17 1-13 1v-1l25-5z" fill="#ffffff"/>183<path transform="translate(658,1286)" d="m0 0 11 2 1 3v2l1 4 4 2-1 3-10-9z" fill="#ffffff"/>184<path transform="translate(1271,654)" d="m0 0 3 1 1 3h-7l-4 3-12 2-6-1v-1l19-5z" fill="#ffffff"/>185<path transform="translate(1196,300)" d="m0 0 2 1-4 4-1 6-7 1-14 14v-3l19-19z" fill="#ffffff"/>186<path transform="translate(569,1345)" d="m0 0h24l-2 1v2h-7l-1 1h-10l-2-1v-2z" fill="#ffffff"/>187<path transform="translate(453,901)" d="m0 0 2 1v2l4 2 6 4-4 1v-2h-4l-1 2-5-1-3-5 2-2h3z" fill="#ffffff"/>188<path transform="translate(381,769)" d="m0 0 2 4 6 17-1 3-3-3-4-10-2-2v-7h2z" fill="#ffffff"/>189<path transform="translate(1610,884)" d="m0 0 5 2-1 2-3 2-5 4-7 4-4 1 5-5z" fill="#ffffff"/>190<path transform="translate(629,828)" d="m0 0h2l-3 9-7 11-3 3-1-2 1-7 5-3 4-6z" fill="#ffffff"/>191<path transform="translate(799,827)" d="m0 0 1 2-9 16h-1v-9l1-2h2v-5z" fill="#ffffff"/>192<path transform="translate(729,1332)" d="m0 0 11 1 10 1 8 1-1 3h-7l-21-5z" fill="#ffffff"/>193<path transform="translate(1217,1271)" d="m0 0h6v2l2 1-1 1 1 3v2l-5-2-2-2-1 2-4 1-1-4z" fill="#ffffff"/>194<path transform="translate(1375,906)" d="m0 0 7 3 1 5-1 3h-2v-2l-3 1-3-4v-5z" fill="#ffffff"/>195<path transform="translate(320,959)" d="m0 0h6l2 6-4 2-4 1-1-5z" fill="#ffffff"/>196<path transform="translate(688,871)" d="m0 0 1 3-3 5-4 2-6 5v-3l6-8h2l1-3z" fill="#ffffff"/>197<path transform="translate(1342,1258)" d="m0 0h6l3 2v2l-2 1v3l-4 1-4-5z" fill="#ffffff"/>198<path transform="translate(1147,253)" d="m0 0 2 2-12 11h-1v-7l6-3z" fill="#ffffff"/>199<path transform="translate(874,853)" d="m0 0 1 3-2 6-4 2h-6v-6h3l1 4 3-5z" fill="#ffffff"/>200<path transform="translate(1352,609)" d="m0 0 7 1v13l1 3h-3l-2-1 1-8v-3h-2l-3-4z" fill="#ffffff"/>201<path transform="translate(1350,253)" d="m0 0 7 1 2 5 2 1 2 4 3 3-1 3-9-10z" fill="#ffffff"/>202<path transform="translate(1482,1285)" d="m0 0 2 4v20l1 2h-2v5h-1v-26h-2z" fill="#ffffff"/>203<path transform="translate(1255,811)" d="m0 0 1 3-2 3 2 6h2l4 5-4 1-8-13 1-3h4z" fill="#ffffff"/>204<path transform="translate(1059,1364)" d="m0 0h2l3 6-1 1h-9v-4l1-2z" fill="#ffffff"/>205<path transform="translate(1603,771)" d="m0 0h2l-1 5-7 15-1-4 1-7 4-4z" fill="#ffffff"/>206<path transform="translate(1433,711)" d="m0 0 1 2h2l-2 7v2l-2 4-3-1 2-9z" fill="#ffffff"/>207<path transform="translate(620,950)" d="m0 0h8l5 2 4 2-2 2-10-4-2 3h-3l-1-4z" fill="#ffffff"/>208<path transform="translate(1482,640)" d="m0 0 2 1-5 7-4 1-2 6-6 1 6-7z" fill="#ffffff"/>209<path transform="translate(1058,475)" d="m0 0h1l1 23-2 4-1-11z" fill="#ffffff"/>210<path transform="translate(659,1083)" d="m0 0 5 1-1 2h-5l-2 5h-2l1 3-4 2v-4z" fill="#ffffff"/>211<path transform="translate(731,383)" d="m0 0h1v16l-3-4-1-6-1-3 1-2z" fill="#ffffff"/>212<path transform="translate(662,1429)" d="m0 0 2 1-5 5v3l4 2-3 3-2-2-1-3h-2v-3l-2-1 6-1v-2z" fill="#ffffff"/>213<path transform="translate(449,649)" d="m0 0 1 3-2 4 2 1-4 9-1 5-2-4 1-6z" fill="#ffffff"/>214<path transform="translate(724,931)" d="m0 0 3 1-7 7-7 5-1-3 11-9z" fill="#ffffff"/>215<path transform="translate(870,1300)" d="m0 0 3 3 1 2 2 1-2 2h-3l-1 2v-2h-2l1-7z" fill="#ffffff"/>216<path transform="translate(1196,955)" d="m0 0 4 2 2 2v4l-8-2z" fill="#ffffff"/>217<path transform="translate(946,647)" d="m0 0h2v2h2l1 4-1 2-5-1-1-2-2-1z" fill="#ffffff"/>218<path transform="translate(1194,1460)" d="m0 0h12l-3 1v2l-2 2-6-1z" fill="#ffffff"/>219<path transform="translate(1187,1166)" d="m0 0 6 1v5h-8l1-4 1-1z" fill="#ffffff"/>220<path transform="translate(684,1115)" d="m0 0 8 1v3l4 1 3-1-1 3-4 1-7-4-1-3z" fill="#ffffff"/>221<path transform="translate(816,1281)" d="m0 0 5 1 2 5h-7l-1-5z" fill="#ffffff"/>222<path transform="translate(902,1223)" d="m0 0 3 1-1 5h-6l-2-5z" fill="#ffffff"/>223<path transform="translate(900,945)" d="m0 0 3 1 1 7-3 1-3-6v-2z" fill="#ffffff"/>224<path transform="translate(1301,1300)" d="m0 0 3 1-1 3-5 4-2-1v-4l4-2z" fill="#ffffff"/>225<path transform="translate(1090,943)" d="m0 0 2 1-3 5-5-1-1-4z" fill="#ffffff"/>226<path transform="translate(846,761)" d="m0 0 2 1-9 10-1-2 1-3-2-3 3-1h4z" fill="#ffffff"/>227<path transform="translate(784,654)" d="m0 0 9 2-3 1-1 6-1-3h-2v-2l-3-1z" fill="#ffffff"/>228<path transform="translate(1461,303)" d="m0 0h5l2 7-4 1v-4h-2v-2l-4-1z" fill="#ffffff"/>229<path transform="translate(1336,636)" d="m0 0h8l1 7-5-1v-3l-4-2z" fill="#ffffff"/>230<path transform="translate(1034,299)" d="m0 0 1 2-3 5h-7l5-5z" fill="#ffffff"/>231<path transform="translate(1969,1174)" d="m0 0 2 1 1 4-4 2-5-3 2-2z" fill="#ffffff"/>232<path transform="translate(736,1072)" d="m0 0h2v7l-2 4-3-1 1-5z" fill="#ffffff"/>233<path transform="translate(601,1030)" d="m0 0 5 1-3 1v3h-3v3l-4 1 1-4h2v-3h2z" fill="#ffffff"/>234<path transform="translate(1140,1420)" d="m0 0 4 3 1 5-2 1-1-1-5-2 3-2-2-1 1-2z" fill="#ffffff"/>235<path transform="translate(651,1111)" d="m0 0h6l1 4h-9v-3z" fill="#ffffff"/>236<path transform="translate(656,975)" d="m0 0 3 2-4 3h-2l-1 4-3-3 2-4h5z" fill="#ffffff"/>237<path transform="translate(1412 1e3)" d="m0 0h4l5 6 2 1-1 3-8-7z" fill="#ffffff"/>238<path transform="translate(298,981)" d="m0 0h3v5l-1 1h-5l-1-3z" fill="#ffffff"/>239<path transform="translate(441,990)" d="m0 0 2 1v5l-4 1-3-1 2-1v-3z" fill="#ffffff"/>240<path transform="translate(1907,641)" d="m0 0h6v3l-7 2-1-3z" fill="#ffffff"/>241<path transform="translate(722,613)" d="m0 0 8 6 4 5h-3l-9-9z" fill="#ffffff"/>242<path transform="translate(1191,159)" d="m0 0h2v8l-3 1-2-2 1-4v-2z" fill="#ffffff"/>243<path transform="translate(919,1266)" d="m0 0h3l1 6 2 1 2 5-3-1-5-8z" fill="#ffffff"/>244<path transform="translate(1029,1257)" d="m0 0 4 2 1 4-4-1-1 3-2-6h2z" fill="#ffffff"/>245<path transform="translate(743,1111)" d="m0 0 7 1 1 3h-8z" fill="#ffffff"/>246<path transform="translate(894,659)" d="m0 0 6 3v3h-6z" fill="#ffffff"/>247<path transform="translate(1626,82)" d="m0 0h10l1 2-8 2-3-2z" fill="#ffffff"/>248<path transform="translate(1345,1486)" d="m0 0h3l3 4 2 1-5 2-3-3z" fill="#ffffff"/>249<path transform="translate(737,1290)" d="m0 0 9 2 1 2-8 2-2-3z" fill="#ffffff"/>250<path transform="translate(1124,943)" d="m0 0h6v5l-2 1-3-1z" fill="#ffffff"/>251<path transform="translate(1936,625)" d="m0 0h3l1 6-5-1v-4z" fill="#ffffff"/>252<path transform="translate(447,547)" d="m0 0 2 1v2l2 1-2 1 1 4-4-1-1-5 2-1z" fill="#ffffff"/>253<path transform="translate(1467,1366)" d="m0 0h2l2 3-1 4-4-1-1-3h2z" fill="#ffffff"/>254<path transform="translate(1351,1268)" d="m0 0 4 2-2 2-5 2-2 1 2-6z" fill="#ffffff"/>255<path transform="translate(944,627)" d="m0 0 2 3-1 4-9 3 3-3 4-2z" fill="#ffffff"/>256<path transform="translate(1367,591)" d="m0 0 1 2h3l1 5h-5l-1-2z" fill="#ffffff"/>257<path transform="translate(1201,569)" d="m0 0h1l1 6-4 1v-3l-4-2z" fill="#ffffff"/>258<path transform="translate(764,474)" d="m0 0 4 2-3 2h-6l-1-3z" fill="#ffffff"/>259</svg> <div class="min-w-0"> <p class="flex flex-wrap items-center gap-x-2 gap-y-1 text-sm font-semibold text-warm-900"> Animaux acceptés </p> <p class="mt-0.5 whitespace-pre-line text-sm leading-relaxed text-warm-600">Chiens et chats bienvenus (sous certaines conditions).</p> </div> </div><div class="flex gap-3"> <svg viewBox="0 0 2048 1853" class="mt-0.5 h-7 w-7 shrink-0 text-accent-600" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">260261<path transform="translate(1026,381)" d="m0 0h211l23 1 22 3 14 5 10 7 8 9 6 12 1 4v18l-3 10-7 12-9 9-10 6-13 4-21 3-35 1h-38v103l1 5 8 2 49 8 38 8 35 9 42 13 34 13 26 12 22 11 23 13 25 15 11 7 30 20 12 9 13 10 14 11 12 11 10 9 27 27 7 8 11 12 9 11 11 13 15 20 10 14 19 29 12 20 12 21 14 27 11 23 11 27 9 25 8 27 8 32 9 46 5 38 4 35 1 14v35l-3 16-7 14-6 5-9 2-18 1-83 1h-1144l-21-1-14-3-8-7-8-16-3-15-1-8v-28l3-31 8-49 8-41 10-40 12-38 9-25 12-27 24-48 14-24 10-17 13-19 16-21 9-12 8-10 11-13 7-8 56-56 11-9 9-8 28-22 19-14 21-13 25-14 29-15 26-13 28-12 33-12 35-10 37-9 48-9 41-7h2l-2-40-2-59-1-7h-84l-10-1-12-8-9-8-10-14-6-12-2-7v-18l5-12 4-6 9-10 8-5 11-3 8-1z" fill="#ffffff"/>262<path transform="translate(713,1389)" d="m0 0h862l137 1 25 1 26 3 18 4 19 7 21 11 13 9 15 13 12 11 7 8 13 16 10 15 10 17 10 22 6 23 4 26 2 24v43l-3 17-6 10-6 7-9 4-16 2-38 1h-113l-237-1-78-1h-354l-146 1h-84l-129 1h-280l-29-1-12-3-6-3-8-9-5-10-4-17-2-20v-15l2-23 5-29 7-28 8-19 10-17 12-17 9-11 10-11 4-5 8-7 10-9 18-13 20-11 20-8 15-4 24-3 18-1z" fill="currentColor"/>263<path transform="translate(1026,381)" d="m0 0h211l23 1 22 3 14 5 10 7 8 9 6 12 1 4v18l-3 10-7 12-9 9-10 6-13 4-21 3-35 1h-38v103l1 5 8 2 49 8 38 8 35 9 42 13 34 13 26 12 22 11 23 13 25 15 11 7 30 20 12 9 13 10 14 11 12 11 10 9 27 27 7 8 11 12 9 11 11 13 15 20 10 14 19 29 12 20 12 21 14 27 11 23 11 27 9 25 8 27 8 32 9 46 5 38 4 35 1 14v35l-3 16-7 14-6 5-9 2-18 1-83 1h-1144l-21-1-14-3-8-7-8-16-3-15-1-8v-28l3-31 8-49 8-41 10-40 12-38 9-25 12-27 24-48 14-24 10-17 13-19 16-21 9-12 8-10 11-13 7-8 56-56 11-9 9-8 28-22 19-14 21-13 25-14 29-15 26-13 28-12 33-12 35-10 37-9 48-9 41-7h2l-2-40-2-59-1-7h-84l-10-1-12-8-9-8-10-14-6-12-2-7v-18l5-12 4-6 9-10 8-5 11-3 8-1zm98 296-29 2-38 6-43 9-40 10-30 10-28 12-29 13-22 12-19 11-15 9-11 8-18 13-19 14-17 14-13 12-44 44-9 11-11 15-13 19-11 16-8 11-8 13-18 32-8 16-12 29-10 24-10 28-6 21-10 48-8 48-3 22v5l1 1 12 1h914l195-1 32-1 1-5-8-50-11-55-9-36-9-27-12-29-13-28-12-22-11-20-14-23-10-15-13-18-8-10-11-13-12-14-15-16-19-19-8-7-14-12-14-11-17-13-17-12-22-14-22-13-24-13-29-14-19-8-25-9-27-7-62-14-35-6-24-3-15-1z" fill="currentColor"/>264<path transform="translate(673,1470)" d="m0 0h788l149 1 101 1 32 2 17 4 16 8 12 9 14 12 12 15 9 15 8 17 6 19 3 15v9l-1 1-7 1-43 1-109 1h-1228l-9-2-1-10 5-20 7-20 8-16 7-11 12-14 9-9 13-10 14-9 12-5 19-3 18-1z" fill="#ffffff"/>265<path transform="translate(979,793)" d="m0 0 8 2 9 6 10 12 8 14 3 6v9l-8 15-8 9-14 9-15 8-16 8-14 8-21 13-13 8-11 7-12 9-12 11-10 10-7 8-4 5-10 10h-2v2h-2l-2 4-8 9-10 15-13 24-14 27-14 29-17 34-8 11-7 6-6 4-11 1-14-5-11-7-8-8-6-10-3-7v-12l5-19 12-33 11-25 11-21 13-22 10-15 11-17 9-11 22-22 7-8 15-16 8-8 14-11 15-11 12-8 20-14 19-12 27-13 23-10 17-6z" fill="currentColor"/>266<path transform="translate(2045,1842)" d="m0 0h3v11h-10l2-6z" fill="currentColor"/>267</svg> <div class="min-w-0"> <p class="flex flex-wrap items-center gap-x-2 gap-y-1 text-sm font-semibold text-warm-900"> Service & support </p> <p class="mt-0.5 whitespace-pre-line text-sm leading-relaxed text-warm-600">Gestionnaire dédié, urgence 24/7 et 2 appels de service inclus (2 h chacun).</p> </div> </div><div class="flex gap-3"> <svg viewBox="0 0 2048 1533" class="mt-0.5 h-7 w-7 shrink-0 text-accent-600" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">268269<path transform="translate(1e3 178)" d="m0 0h78l43 2 55 4 40 5 42 8 49 11 44 11 35 11 25 9 41 16 26 11 22 10 16 8 46 24 22 12 28 16 25 16 22 15 14 10 18 13 16 12 17 14 14 12 11 9 10 9 8 7 10 9 13 12 7 8 9 11 8 15 2 6v13l-6 15-7 11-10 9-20 10-12 1-13-4-11-7-16-13-11-10-8-7-13-11-14-12-11-10-14-11-21-16-36-26-15-10-25-16-19-12-26-15-24-13-24-11-21-9-26-12-28-11-38-13-40-12-38-9-50-10-39-6-38-4-35-3-19-1h-62l-54 2-42 3-40 5-41 7-27 6-27 7-56 17-32 11-28 11-19 9-41 18-28 14-23 13-19 12-20 13-21 13-15 10-13 10-17 13-11 8-11 9-13 11-15 13-11 9-13 12-8 7-14 12-13 9-12 6-9 3h-9l-12-4-11-6-11-11-7-11-5-13v-17l4-11 9-13 12-13 13-12 12-11 8-7 13-11 11-9 13-11 14-11 15-12 18-13 20-14 18-12 19-12 24-14 27-15 47-25 23-11 31-14 35-14 27-10 47-15 37-10 48-11 41-8 35-5 36-4 42-3z" fill="currentColor"/>270<path transform="translate(1060,462)" d="m0 0 40 3 35 5 66 12 45 10 47 13 33 11 29 13 19 10 36 17 23 13 18 11 22 15 15 10 16 11 18 13 12 9 11 9 14 12 15 13 18 18 11 16 5 11 2 7v8l-5 12-8 13-9 10-12 9-11 6h-7l-10-4-11-7-17-14-13-10-16-13-20-16-16-13-17-13-15-11-20-12-28-16-18-10-23-12-19-9-24-9-36-12-37-12-25-7-11-3-54-9-30-3-16-1-33-1-39 1-13 1-21 1-24 3-32 6-46 12-45 14-29 10-26 11-34 16-18 10-13 8-21 12-16 10-14 10-13 10-11 9-14 12-10 8-39 33-14 10-10 6-8 3-10-1-16-8-13-12-9-14-5-12v-14l5-14 10-16 19-19 11-9 15-13 11-9 18-14 17-12 37-25 16-11 22-14 23-11 15-7 41-20 27-11 36-12 39-11 33-8 40-8 46-7 44-5 20-1z" fill="currentColor"/>271<path transform="translate(1048,751)" d="m0 0h12l5 1 24 2 26 4 38 8 42 11 32 11 26 11 25 12 20 12 48 32 16 12 14 12 7 7 7 8 10 12 8 14 3 11-1 10-5 10-8 10-7 8-13 10-12 6h-10l-13-5-10-6-10-8-21-16-13-10-36-24-21-12-48-24-15-6-29-8-34-6-24-3-17-1h-44l-34 4-27 5-24 6-20 7-18 8-28 13-16 8-14 9-15 10-17 12-14 12-13 11-16 12-10 6-9 4-7 2-7-1-10-2-8-5-10-9-11-14-6-12-2-9v-7l4-11 6-9 14-15 17-17 14-11 17-13 21-14 22-14 13-8 17-9 28-12 26-10 30-10 23-6 40-9 26-4 26-2z" fill="currentColor"/>272<path transform="translate(1033,1039)" d="m0 0h27l17 2 21 5 16 7 15 8 13 10 13 12 9 10 10 14 8 14 8 17 6 19 4 19 1 8v21l-4 19-7 20-8 17-11 18-11 13-9 10-12 10-18 12-15 8-21 8-17 4-7 1h-11l-23-3-21-5-20-7-21-11-16-12-12-11-9-10-12-17-9-19-5-16-4-20-2-16v-21l2-19 8-24 8-16 8-14 9-11 13-14 11-9 13-10 15-9 15-6 16-4z" fill="currentColor"/>273<path transform="translate(1044,1137)" d="m0 0 13 1 11 4 11 6 10 10 6 10 4 10 1 4v16l-2 9-7 14-9 10-14 9-10 3-16 1-13-2-12-6-6-5-7-10-6-13-2-7v-19l4-13 7-12 9-9 10-6 12-4z" fill="#ffffff"/>274</svg> <div class="min-w-0"> <p class="flex flex-wrap items-center gap-x-2 gap-y-1 text-sm font-semibold text-warm-900"> Internet Wi-Fi <span class="rounded-full bg-warm-100 px-2 py-0.5 text-[11px] font-medium text-warm-500">$ en sus</span> </p> <p class="mt-0.5 whitespace-pre-line text-sm leading-relaxed text-warm-600">Wi-Fi disponible (20 $/mois).</p> </div> </div> </div> </div> <div> <div class="flex items-center justify-between gap-4"> <div class="flex items-center gap-2"> <svg class="h-6 w-6 text-accent-600" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a2 2 0 01-2.828 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg> <h2 class="text-lg font-semibold">Localisation</h2> </div> <a href="https://www.google.com/maps/search/?api=1&query=1934%20Rue%20Saint%20Philippe" target="_blank" rel="noopener noreferrer" class="text-sm font-semibold text-accent-600 hover:text-accent-500">275Ouvrir dans Google Maps →276</a> </div> <div class="mt-4 aspect-square overflow-hidden rounded-2xl border border-warm-200 bg-warm-100"> <iframe title="Carte de 1934 Rue Saint Philippe, app. 9" src="https://www.google.com/maps?q=46.3377507,-72.5453194&z=16&output=embed" class="h-full w-full border-0" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </div> </div> <div class="mt-16"> <h2 class="text-2xl font-bold">Logements similaires</h2> <div class="mt-8 grid gap-6 sm:grid-cols-2 lg:grid-cols-3"> <a href="/logements/3-261-rue-beauvilliers-003-626595" class="logement-card group block overflow-hidden rounded-2xl border border-warm-200 bg-white transition-all duration-300 hover:scale-[1.02] hover:shadow-xl hover:shadow-warm-300/40"> <div class="relative aspect-[4/3] overflow-hidden bg-warm-100"> <div class="carousel-container relative h-full w-full"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/52e052a8c456e330f4d0d5010517e0e9730082c8-960x640.jpg" alt="3½ – photo 1" class="carousel-slide absolute inset-0 h-full w-full object-cover transition-all duration-500 group-hover:scale-105 opacity-100" data-slide="0" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/5ac01f2ddb4a227056a235ba3113c69d0dd6949e-960x640.jpg" alt="3½ – photo 2" class="carousel-slide absolute inset-0 h-full w-full object-cover transition-all duration-500 group-hover:scale-105 opacity-0" data-slide="1" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/872cbbfc44bf49448129f70b1093ae4d7df9764c-960x640.jpg" alt="3½ – photo 3" class="carousel-slide absolute inset-0 h-full w-full object-cover transition-all duration-500 group-hover:scale-105 opacity-0" data-slide="2" loading="lazy"> <button type="button" class="carousel-prev absolute left-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white/80 p-1.5 text-warm-700 shadow backdrop-blur-sm transition hover:bg-white group-hover:md:block" aria-label="Photo précédente"> <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path></svg> </button> <button type="button" class="carousel-next absolute right-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white/80 p-1.5 text-warm-700 shadow backdrop-blur-sm transition hover:bg-white group-hover:md:block" aria-label="Photo suivante"> <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg> </button> <div class="absolute bottom-2 left-1/2 z-10 flex -translate-x-1/2 items-center gap-1.5 md:hidden md:group-hover:flex"> <span class="carousel-dot pointer-events-none block h-1.5 w-1.5 rounded-full transition-all duration-300 bg-white scale-125" data-dot="0"></span><span class="carousel-dot pointer-events-none block h-1.5 w-1.5 rounded-full transition-all duration-300 bg-white/50" data-dot="1"></span><span class="carousel-dot pointer-events-none block h-1.5 w-1.5 rounded-full transition-all duration-300 bg-white/50" data-dot="2"></span> </div> </div> <span class="absolute bottom-2.5 right-2.5 z-10 flex items-center gap-1 rounded-full bg-warm-900/70 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm"> <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 7h2l2-3h10l2 3h2a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V8a1 1 0 011-1z"></path><circle cx="12" cy="13" r="4"></circle></svg> 16 </span> <span class="absolute bottom-2.5 left-2.5 z-10 flex items-center gap-1 rounded-full bg-accent-600/90 px-2.5 py-1 text-xs font-semibold text-white backdrop-blur-sm"> <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 12l9-9 9 9M4 11v8a1 1 0 001 1h4v-5h6v5h4a1 1 0 001-1v-8"></path></svg>2773D278</span> <div class="absolute left-3 right-3 top-3 z-10 flex flex-wrap items-start gap-1.5"> <span class="rounded-full bg-sky-500/90 px-2 py-1 text-[10px] font-semibold text-white backdrop-blur-sm sm:px-2.5 sm:py-1 sm:text-xs"> <span class="sm:hidden">Récent</span> <span class="hidden sm:inline">Immeuble récent</span> </span> </div> </div> <div class="p-3 sm:p-5"> <div class="flex items-center gap-3"> <p class="text-xl sm:text-2xl font-bold text-accent-600"> <span class="block text-xs font-medium uppercase tracking-wide text-warm-500">À partir de</span> 950$279<span class="text-sm font-normal text-warm-500"> / mois</span> </p> <span class="inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-semibold bg-[#D9F5DC] text-[#2E6E1F] ring-1 ring-[#7BCB67]"> <span class="h-1.5 w-1.5 rounded-full bg-[#00C776]"></span> Disponible dès maintenant </span> </div> <p class="mt-2 text-sm text-warm-600"> <span class="text-base font-semibold text-warm-800">3½</span> <span> · 750 pi² · 1er Étage</span> </p> <div class="mt-2"> <p class="text-xs text-warm-400">261 Rue Beauvilliers, app. 3</p> <p class="text-sm text-warm-500">Saint-Gabriel-de-Brandon</p> </div> </div> </a> <script type="module">function p(){document.querySelectorAll(".logement-card").forEach(v=>{const c=v.querySelector(".carousel-container");if(!c)return;const a=c.querySelectorAll(".carousel-slide");if(a.length<=1)return;const y=c.querySelectorAll(".carousel-dot"),i=c.querySelector(".carousel-prev"),d=c.querySelector(".carousel-next");let n=0;const s=a.length;function r(t){a.forEach((e,o)=>{e.style.opacity=o===t?"1":"0"}),y.forEach((e,o)=>{e.style.opacity=o===t?"1":"0.5",e.style.transform=o===t?"scale(1.25)":"scale(1)"}),n=t}function f(t){t.preventDefault(),t.stopPropagation()}i&&i.addEventListener("click",t=>{f(t),r((n-1+s)%s)}),d&&d.addEventListener("click",t=>{f(t),r((n+1)%s)});let l=0,h=0,u=!1;c.addEventListener("touchstart",t=>{l=t.touches[0].clientX,h=t.touches[0].clientY,u=!1},{passive:!0}),c.addEventListener("touchmove",t=>{const e=t.touches[0].clientX-l,o=t.touches[0].clientY-h;Math.abs(e)>Math.abs(o)&&Math.abs(e)>10&&(u=!0,t.preventDefault())},{passive:!1}),c.addEventListener("touchend",t=>{const e=t.changedTouches[0].clientX-l;u&&Math.abs(e)>50&&(e<0?r((n+1)%s):r((n-1+s)%s),t.preventDefault())})})}p();document.addEventListener("astro:after-swap",p);</script><a href="/logements/3-261-rue-beauvilliers-005-626597" class="logement-card group block overflow-hidden rounded-2xl border border-warm-200 bg-white transition-all duration-300 hover:scale-[1.02] hover:shadow-xl hover:shadow-warm-300/40"> <div class="relative aspect-[4/3] overflow-hidden bg-warm-100"> <div class="carousel-container relative h-full w-full"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/52e052a8c456e330f4d0d5010517e0e9730082c8-960x640.jpg" alt="3½ – photo 1" class="carousel-slide absolute inset-0 h-full w-full object-cover transition-all duration-500 group-hover:scale-105 opacity-100" data-slide="0" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/5ac01f2ddb4a227056a235ba3113c69d0dd6949e-960x640.jpg" alt="3½ – photo 2" class="carousel-slide absolute inset-0 h-full w-full object-cover transition-all duration-500 group-hover:scale-105 opacity-0" data-slide="1" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/872cbbfc44bf49448129f70b1093ae4d7df9764c-960x640.jpg" alt="3½ – photo 3" class="carousel-slide absolute inset-0 h-full w-full object-cover transition-all duration-500 group-hover:scale-105 opacity-0" data-slide="2" loading="lazy"> <button type="button" class="carousel-prev absolute left-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white/80 p-1.5 text-warm-700 shadow backdrop-blur-sm transition hover:bg-white group-hover:md:block" aria-label="Photo précédente"> <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path></svg> </button> <button type="button" class="carousel-next absolute right-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white/80 p-1.5 text-warm-700 shadow backdrop-blur-sm transition hover:bg-white group-hover:md:block" aria-label="Photo suivante"> <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg> </button> <div class="absolute bottom-2 left-1/2 z-10 flex -translate-x-1/2 items-center gap-1.5 md:hidden md:group-hover:flex"> <span class="carousel-dot pointer-events-none block h-1.5 w-1.5 rounded-full transition-all duration-300 bg-white scale-125" data-dot="0"></span><span class="carousel-dot pointer-events-none block h-1.5 w-1.5 rounded-full transition-all duration-300 bg-white/50" data-dot="1"></span><span class="carousel-dot pointer-events-none block h-1.5 w-1.5 rounded-full transition-all duration-300 bg-white/50" data-dot="2"></span> </div> </div> <span class="absolute bottom-2.5 right-2.5 z-10 flex items-center gap-1 rounded-full bg-warm-900/70 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm"> <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 7h2l2-3h10l2 3h2a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V8a1 1 0 011-1z"></path><circle cx="12" cy="13" r="4"></circle></svg> 16 </span> <span class="absolute bottom-2.5 left-2.5 z-10 flex items-center gap-1 rounded-full bg-accent-600/90 px-2.5 py-1 text-xs font-semibold text-white backdrop-blur-sm"> <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 12l9-9 9 9M4 11v8a1 1 0 001 1h4v-5h6v5h4a1 1 0 001-1v-8"></path></svg>2803D281</span> <div class="absolute left-3 right-3 top-3 z-10 flex flex-wrap items-start gap-1.5"> <span class="rounded-full bg-sky-500/90 px-2 py-1 text-[10px] font-semibold text-white backdrop-blur-sm sm:px-2.5 sm:py-1 sm:text-xs"> <span class="sm:hidden">Récent</span> <span class="hidden sm:inline">Immeuble récent</span> </span> </div> </div> <div class="p-3 sm:p-5"> <div class="flex items-center gap-3"> <p class="text-xl sm:text-2xl font-bold text-accent-600"> <span class="block text-xs font-medium uppercase tracking-wide text-warm-500">À partir de</span> 950$282<span class="text-sm font-normal text-warm-500"> / mois</span> </p> <span class="inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-semibold bg-[#D9F5DC] text-[#2E6E1F] ring-1 ring-[#7BCB67]"> <span class="h-1.5 w-1.5 rounded-full bg-[#00C776]"></span> Disponible dès maintenant </span> </div> <p class="mt-2 text-sm text-warm-600"> <span class="text-base font-semibold text-warm-800">3½</span> <span> · 750 pi² · 2e Étage</span> </p> <div class="mt-2"> <p class="text-xs text-warm-400">261 Rue Beauvilliers, app. 5</p> <p class="text-sm text-warm-500">Saint-Gabriel-de-Brandon</p> </div> </div> </a> <a href="/logements/3-655-rue-saint-christophe-3-864226" class="logement-card group block overflow-hidden rounded-2xl border border-warm-200 bg-white transition-all duration-300 hover:scale-[1.02] hover:shadow-xl hover:shadow-warm-300/40"> <div class="relative aspect-[4/3] overflow-hidden bg-warm-100"> <div class="carousel-container relative h-full w-full"> <img src="https://cdn.sanity.io/images/4ae0mkdu/production/ed01996639d09df99a096ad3bbd66909834068f9-1500x1000.jpg" alt="3½ – photo 1" class="carousel-slide absolute inset-0 h-full w-full object-cover transition-all duration-500 group-hover:scale-105 opacity-100" data-slide="0" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/32c05f34e90b1e4e1fb93d1a040449280dca47c2-1111x705.png" alt="3½ – photo 2" class="carousel-slide absolute inset-0 h-full w-full object-cover transition-all duration-500 group-hover:scale-105 opacity-0" data-slide="1" loading="lazy"><img src="https://cdn.sanity.io/images/4ae0mkdu/production/457d70267c359d2d92425db9918bd83c5579a2a5-1500x1000.jpg" alt="3½ – photo 3" class="carousel-slide absolute inset-0 h-full w-full object-cover transition-all duration-500 group-hover:scale-105 opacity-0" data-slide="2" loading="lazy"> <button type="button" class="carousel-prev absolute left-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white/80 p-1.5 text-warm-700 shadow backdrop-blur-sm transition hover:bg-white group-hover:md:block" aria-label="Photo précédente"> <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path></svg> </button> <button type="button" class="carousel-next absolute right-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white/80 p-1.5 text-warm-700 shadow backdrop-blur-sm transition hover:bg-white group-hover:md:block" aria-label="Photo suivante"> <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg> </button> <div class="absolute bottom-2 left-1/2 z-10 flex -translate-x-1/2 items-center gap-1.5 md:hidden md:group-hover:flex"> <span class="carousel-dot pointer-events-none block h-1.5 w-1.5 rounded-full transition-all duration-300 bg-white scale-125" data-dot="0"></span><span class="carousel-dot pointer-events-none block h-1.5 w-1.5 rounded-full transition-all duration-300 bg-white/50" data-dot="1"></span><span class="carousel-dot pointer-events-none block h-1.5 w-1.5 rounded-full transition-all duration-300 bg-white/50" data-dot="2"></span> </div> </div> <span class="absolute bottom-2.5 right-2.5 z-10 flex items-center gap-1 rounded-full bg-warm-900/70 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm"> <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 7h2l2-3h10l2 3h2a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V8a1 1 0 011-1z"></path><circle cx="12" cy="13" r="4"></circle></svg> 9 </span> <span class="absolute bottom-2.5 left-2.5 z-10 flex items-center gap-1 rounded-full bg-accent-600/90 px-2.5 py-1 text-xs font-semibold text-white backdrop-blur-sm"> <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 12l9-9 9 9M4 11v8a1 1 0 001 1h4v-5h6v5h4a1 1 0 001-1v-8"></path></svg>2833D284</span> <div class="absolute left-3 right-3 top-3 z-10 flex flex-wrap items-start gap-1.5"> <span class="rounded-full bg-blue-600/90 px-2 py-1 text-[10px] font-semibold text-white backdrop-blur-sm sm:px-2.5 sm:py-1 sm:text-xs"> <span class="sm:hidden">Neuf</span> <span class="hidden sm:inline">Construction neuve</span> </span> </div> </div> <div class="p-3 sm:p-5"> <div class="flex items-center gap-3"> <p class="text-xl sm:text-2xl font-bold text-accent-600"> <span class="block text-xs font-medium uppercase tracking-wide text-warm-500">À partir de</span> 1 015$285<span class="text-sm font-normal text-warm-500"> / mois</span> </p> <span class="inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-semibold bg-[#D9F5DC] text-[#2E6E1F] ring-1 ring-[#7BCB67]"> <span class="h-1.5 w-1.5 rounded-full bg-[#00C776]"></span> Disponible dès maintenant </span> </div> <p class="mt-2 text-sm text-warm-600"> <span class="text-base font-semibold text-warm-800">3½</span> <span> · 850 pi² · 1er Étage</span> </p> <div class="mt-2"> <p class="text-xs text-warm-400">655 Rue Saint Christophe, app. 3</p> <p class="text-sm text-warm-500">Trois-Rivières</p> </div> </div> </a> </div> </div> <nav class="mt-10 -mx-4 overflow-x-auto px-4 sm:mx-0 sm:overflow-x-visible sm:px-0" aria-label="Voir aussi"><div class="flex flex-nowrap items-center gap-2 text-sm sm:flex-wrap sm:gap-3"><span class="shrink-0 text-xs font-semibold uppercase tracking-wider text-warm-500">Voir aussi</span><a href="/logements/region/mauricie" class="shrink-0 rounded-full border border-warm-300 bg-white px-4 py-1.5 text-warm-700 transition hover:border-accent-400 hover:text-accent-600">Logements dans la Mauricie</a></div></nav> </div> </section> <section class="relative overflow-hidden"> <img src="/images/bg-studio-2500.webp" srcset="/images/bg-studio-640.webp 640w, /images/bg-studio-1280.webp 1280w, /images/bg-studio-2500.webp 2500w" sizes="100vw" alt="" class="absolute inset-0 h-full w-full object-cover object-bottom" loading="lazy"> <div class="absolute inset-x-0 top-0 h-1/3 bg-gradient-to-b from-cream to-transparent"></div> <div class="absolute inset-0 bg-warm-900/50"></div> <div class="relative px-4 py-20 sm:px-6"> <div class="mx-auto max-w-2xl text-center"> <h2 class="text-3xl font-bold text-white sm:text-4xl">Le logement que tu cherches est ici.</h2> <p class="mt-4 text-lg leading-relaxed text-warm-200">Notre équipe est là pour te guider</p> <div class="mt-8 flex flex-col justify-center gap-4 sm:flex-row"> <a href="/logements" class="group flex h-14 w-56 items-center justify-center gap-2 rounded-xl bg-accent-500 text-base font-bold text-white shadow-lg shadow-accent-900/30 transition hover:scale-105 hover:bg-accent-400 hover:shadow-xl">Trouver mon logement <span class="inline-block transition-transform group-hover:translate-x-1">→</span></a> <a href="/contact#chat-humain" class="flex h-14 w-56 flex-col items-center justify-center rounded-xl border border-white/30 bg-white/20 text-white backdrop-blur-sm transition hover:bg-white/30"> <span class="text-base font-bold">Clavarde</span><span class="text-xs font-medium">avec nous</span> </a> </div> </div> </div> </section> <script type="module">document.querySelector("[data-open-chat]")?.addEventListener("click",()=>{window.dispatchEvent(new CustomEvent("open-chat"))});function b(){const t=document.querySelector(".photo-gallery");if(!t)return;const o=t.querySelectorAll(".gallery-slide");if(o.length<=1)return;const l=t.querySelectorAll(".gallery-thumb"),i=t.querySelector(".gallery-counter"),d=t.querySelector(".gallery-prev"),r=t.querySelector(".gallery-next");let s=0;const c=o.length;function a(e){o.forEach((f,y)=>{f.style.opacity=y===e?"1":"0"}),l.forEach((f,y)=>{f.dataset.active=y===e?"true":"false"});const n=l[e];n&&n.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"}),i&&(i.textContent=String(e+1)),s=e}d?.addEventListener("click",()=>a((s-1+c)%c)),r?.addEventListener("click",()=>a((s+1)%c)),l.forEach(e=>{e.addEventListener("click",()=>{const n=Number(e.dataset.thumb);isNaN(n)||a(n)})});const m=t.querySelector(".gallery-thumbs"),S=t.querySelector(".thumbs-nav-prev"),E=t.querySelector(".thumbs-nav-next"),p=216;S?.addEventListener("click",()=>{m?.scrollBy({left:-p,behavior:"smooth"})}),E?.addEventListener("click",()=>{m?.scrollBy({left:p,behavior:"smooth"})}),document.addEventListener("keydown",e=>{e.key==="ArrowLeft"&&a((s-1+c)%c),e.key==="ArrowRight"&&a((s+1)%c)});let h=0,v=!1;const u=o[0]?.parentElement;u&&(u.addEventListener("touchstart",e=>{h=e.touches[0].clientX,v=!1},{passive:!0}),u.addEventListener("touchmove",e=>{const n=e.touches[0].clientX-h;Math.abs(n)>10&&(v=!0)},{passive:!0}),u.addEventListener("touchend",e=>{const n=e.changedTouches[0].clientX-h;v&&Math.abs(n)>50&&(n<0?a((s+1)%c):a((s-1+c)%c))}))}b();function g(){const t=document.querySelector(".visite3d-container");if(t){const l=t.querySelector(".visite3d-launch"),i=t.dataset.visite3dUrl,d=t.dataset.visite3dTitle??"Visite virtuelle 3D";l?.addEventListener("click",()=>{if(!i)return;const r=document.createElement("iframe");r.src=i,r.title=d,r.className="h-full w-full border-0",r.loading="lazy",r.setAttribute("allow","fullscreen; accelerometer; gyroscope"),r.setAttribute("allowfullscreen",""),t.innerHTML="",t.appendChild(r)})}const o=document.querySelector(".visite3d-iframe-wrapper");if(o){const l=o.querySelector(".visite3d-unlock"),i=o.querySelector(".visite3d-iframe");l?.addEventListener("click",()=>{i?.classList.remove("pointer-events-none"),l.remove()})}}g();</script> </main> <footer class="border-t border-warm-200 bg-warm-100"> <div class="mx-auto max-w-7xl px-4 py-12 sm:px-6"> <div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4"> <!-- Col 1 : Logo + tagline --> <div> <img src="/logo-location-di.png" alt="Location DI" class="h-12"> <p class="mt-3 text-sm font-semibold text-warm-800">Bien logé, bien accompagné.</p> <p class="mt-2 max-w-xs text-sm leading-relaxed text-warm-600">286Une équipe locative à échelle humaine pour t'accompagner.287</p> </div> <!-- Col 2 : Coordonnées + Confiance --> <div> <p class="text-sm font-semibold text-warm-900">Coordonnées</p> <div class="mt-2 space-y-1 text-sm text-warm-600"> <p>544 Rue Notre-Dame</p><p>Repentigny, QC J6A 2T8</p><p>Local 101</p> <p class="mt-2"> <a href="tel:4388123694" class="hover:text-accent-600">438-812-3694</a> </p> <p> <a href="mailto:location@spheredi.com" class="hover:text-accent-600">location@spheredi.com</a> </p> </div> <div class="mt-5"> <p class="text-sm font-semibold text-warm-900">Confiance</p> <div class="mt-2 space-y-1.5 text-sm text-warm-600"> <p class="flex gap-2"> <span class="text-accent-600">✓</span> <span>Plus de 750 logements à louer à travers le Québec</span> </p><p class="flex gap-2"> <span class="text-accent-600">✓</span> <span>Moderne et abordable</span> </p><p class="flex gap-2"> <span class="text-accent-600">✓</span> <a href="https://spheredi.com" target="_blank" rel="noopener noreferrer" class="hover:text-accent-600"> Groupe Sphère DI – Promoteur immobilier d'expérience </a> </p> </div> </div> </div> <!-- Col 3 : Disponibilités + Sociaux + CTA --> <div> <p class="text-sm font-semibold text-warm-900">Disponibilités</p> <div class="mt-2 space-y-1 text-sm text-warm-600"> <p>Lun-ven 8h à 16h</p> <p class="text-warm-500">Soirs et fins de semaine couverts</p> </div> <div class="mt-5"> <p class="text-sm font-semibold text-warm-900">Suis-nous</p> <div class="mt-2 flex gap-3"> <a href="https://www.facebook.com/1018488254690464" target="_blank" rel="noopener noreferrer" aria-label="Page Facebook Location DI - Gestionnaire d'immeubles" class="flex h-8 w-8 items-center justify-center rounded-full border border-warm-300 text-warm-400 transition hover:border-accent-400 hover:text-accent-600"> <svg class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg> </a> </div> </div> <a href="/logements" class="mt-5 inline-flex items-center justify-center rounded-xl bg-accent-500 px-5 py-2.5 text-sm font-semibold text-white transition hover:bg-accent-400">288Voir les logements289</a> </div> <!-- Col 4 : Navigation --> <div> <p class="text-sm font-semibold text-warm-900">Navigation</p> <div class="mt-2 space-y-1 text-sm"> <a href="/" class="block text-warm-600 hover:text-accent-600">Accueil</a> <a href="/logements" class="block text-warm-600 hover:text-accent-600">Logements</a> <a href="/notre-entreprise" class="block text-warm-600 hover:text-accent-600">Notre entreprise</a> <a href="/contact" class="block text-warm-600 hover:text-accent-600">Contact</a> <a href="/contact?mode=proprietaire" class="block text-warm-500 hover:text-warm-700">Propriétaires?</a> </div> <div class="mt-5"> <p class="text-sm font-semibold text-warm-900">Régions</p> <div class="mt-2 space-y-1 text-sm"> <a href="/logements/region/lanaudiere" class="block text-warm-600 hover:text-accent-600"> Lanaudière </a><a href="/logements/region/laurentides" class="block text-warm-600 hover:text-accent-600"> Laurentides </a><a href="/logements/region/mauricie" class="block text-warm-600 hover:text-accent-600"> Mauricie </a><a href="/logements/region/montreal" class="block text-warm-600 hover:text-accent-600"> Montréal </a> </div> </div> </div> </div> <div class="mt-10 flex flex-col items-center justify-between gap-4 border-t border-warm-200 pt-6 sm:flex-row"> <div class="flex flex-wrap justify-center gap-x-4 gap-y-2 text-sm text-warm-500 sm:justify-start"> <a href="/politique-confidentialite" class="hover:text-warm-700">Politique de confidentialité</a> <span>·</span> <a href="/conditions-utilisation" class="hover:text-warm-700">Conditions d'utilisation</a> <span>·</span> <a href="/suppression-donnees" class="hover:text-warm-700">Suppression des données</a> <span>·</span> <a href="#" data-consent-manage class="hover:text-warm-700">Gérer mes préférences</a> <span>·</span> <a href="https://spheredi.com" target="_blank" rel="noopener noreferrer" class="hover:text-warm-700">290Groupe Sphère DI ↗291</a> </div> <p class="text-sm text-warm-400">© 2026 Location DI - Tous droits réservés</p> </div> </div> </footer> <nav class="fixed inset-x-0 bottom-0 z-40 flex border-t border-warm-200/60 bg-cream/95 shadow-[0_-2px_8px_rgba(0,0,0,0.04)] backdrop-blur-sm md:hidden" style="padding-bottom: env(safe-area-inset-bottom);" aria-label="Navigation mobile principale"> <a href="/logements" class="flex flex-1 flex-col items-center justify-center gap-1 py-3 text-xs font-semibold text-warm-700 transition hover:text-accent-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent-500"> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-4.35-4.35M17 11a6 6 0 11-12 0 6 6 0 0112 0z"></path> </svg> <span>Trouve ton logement</span> </a> <a href="/contact" class="flex flex-1 flex-col items-center justify-center gap-1 border-l border-warm-200/60 py-3 text-xs font-semibold text-warm-700 transition hover:text-accent-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent-500"> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> <span>Contact</span> </a> </nav> <!-- Floating chat button + panel --><div id="chat-humain" class="fixed right-4 z-50 bottom-[calc(5rem+env(safe-area-inset-bottom))] flex flex-col items-end gap-3 sm:bottom-6 sm:right-6" data-messenger-page-id="1018488254690464" data-astro-cid-ryytxnzt> <!-- Panel (hidden by default) --> <div id="chat-panel" class="hidden flex flex-col bg-white fixed inset-x-0 z-50 w-full h-[var(--vv-h,100dvh)] top-[var(--vv-offset-top,0px)] bottom-auto sm:relative sm:inset-auto sm:top-auto sm:bottom-auto sm:w-[400px] sm:h-auto sm:max-h-[580px] sm:rounded-2xl sm:border sm:border-warm-200 sm:shadow-xl" role="dialog" aria-modal="true" aria-label="Clavardage avec Lea" data-astro-cid-ryytxnzt> <!-- Header (sticky en haut, safe area iOS top, swipe-to-close mobile) --> <div id="chat-header" class="shrink-0 z-10 border-b border-warm-100 bg-accent-50 px-5 py-4 touch-none" style="padding-top: max(1rem, env(safe-area-inset-top));" data-astro-cid-ryytxnzt> <!-- Handle bar mobile only (visual cue swipe-to-close pattern Messenger natif) --> <div id="chat-header-handle" class="mx-auto mb-2 h-1.5 w-12 rounded-full bg-warm-300 sm:hidden" data-astro-cid-ryytxnzt></div> <div class="flex items-center justify-between gap-2" data-astro-cid-ryytxnzt> <h3 class="font-serif text-lg font-bold text-warm-900" data-astro-cid-ryytxnzt>Chat avec nous</h3> <div class="flex items-center gap-1" data-astro-cid-ryytxnzt> <!-- Mutation 2b#2 (Codex) : Porte de sortie humaine persistante.292 Bouton compact "Équipe" dans le header, mobile = icône seule (économie d'espace),293 desktop = icône + label. Same handler que chat-trigger-team-contact welcome. --> <button id="chat-header-team" class="flex h-11 items-center justify-center gap-1.5 rounded-full px-3 text-xs font-semibold text-accent-700 transition hover:bg-accent-100 sm:h-8" aria-label="Texter l'équipe (SMS)" data-astro-cid-ryytxnzt> <svg class="h-4 w-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-ryytxnzt> <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 9.75h4.5m-4.5 3H12m6.75-6.75c1.243 0 2.25 1.007 2.25 2.25v6c0 1.243-1.007 2.25-2.25 2.25h-2.69l-3.31 2.48V15.75H5.25A2.25 2.25 0 013 13.5v-6c0-1.243 1.007-2.25 2.25-2.25h13.5z" data-astro-cid-ryytxnzt></path> </svg> <span class="hidden sm:inline" data-astro-cid-ryytxnzt>Texter</span> </button> <button id="chat-close" class="flex h-11 w-11 items-center justify-center rounded-full text-warm-400 transition hover:bg-warm-100 hover:text-warm-600 sm:h-7 sm:w-7" aria-label="Fermer le chat" data-astro-cid-ryytxnzt> <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-ryytxnzt> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" data-astro-cid-ryytxnzt></path> </svg> </button> </div> </div> <div id="chat-header-meta" class="mt-1.5 flex items-center gap-2" data-astro-cid-ryytxnzt> <!-- Badge (C''' non-retour) : « Assistant IA » par défaut, remplacé définitivement par294 « Équipe Location DI » (même style) dès l'état HUMAIN (setHeaderHumain) — le laisser295 dire « IA » contredirait le point de non-retour. Jamais reversé (aller simple). --> <span id="chat-header-ia-badge" class="inline-flex items-center gap-1 rounded-full bg-accent-100 px-2.5 py-0.5 text-xs font-semibold text-accent-700" data-astro-cid-ryytxnzt> <span class="h-1.5 w-1.5 rounded-full bg-accent-500" data-astro-cid-ryytxnzt></span> <span id="chat-header-ia-badge-label" data-astro-cid-ryytxnzt>Assistant IA</span> </span> <!-- Porte-état (D69) : « Équipe en ligne » seulement quand la présence GI est PROUVÉE296 (gi_disponible, maj par maybeUpdateWelcomeForEtat) ; « Vous êtes avec l'équipe »297 (générique, C''') en état HUMAIN — défaut/repli honnête ci-dessous sinon. --> <span id="chat-header-status" class="text-xs text-warm-500" data-astro-cid-ryytxnzt>Assistante virtuelle 24/7</span> </div> </div> <!-- Messages area --> <div id="chat-messages" class="flex-1 overflow-y-auto [overflow-anchor:auto] px-4 py-4 space-y-3 min-h-0 sm:min-h-[200px] sm:max-h-[320px]" data-astro-cid-ryytxnzt> <!-- Welcome message (2 bulles aerees - T03d ajustement esthetique) --> <div id="chat-welcome" data-astro-cid-ryytxnzt> <div id="chat-welcome-intro" class="mb-2 rounded-xl bg-warm-50 px-3.5 py-2.5 text-sm text-warm-700 max-w-[80%]" data-astro-cid-ryytxnzt>298Bonjour! Je suis Léa, l'assistante virtuelle de Location DI.299</div> <div id="chat-welcome-role" class="mb-3 rounded-xl bg-warm-50 px-3.5 py-2.5 text-sm text-warm-700 max-w-[80%]" data-astro-cid-ryytxnzt>300Je prépare votre demande pour notre équipe humaine.301</div> <!-- Action rapide texto (G2-express, D74 amendée : le texto précède la voix). Masquée302 quand la présence d'équipe est PROUVÉE (vibe ACCUEIL : écrire ici EST la ligne303 directe — setVibeEquipeEnLigne).304 Rétrogradation 2026-07-11 (finding « widget vs texté », SCOPE MOBILE) : sur mobile,305 « Texter l'équipe » ouvre l'app SMS → deux canaux en parallèle avec le champ. On306 rétrograde donc le CTA en LIEN DISCRET sur mobile (le champ = le geste), tout en307 gardant le BOUTON visible sur desktop (`sm:`), où le clic n'ouvre pas d'app SMS (repli308 numéro/formulaire) → aucune confusion. Icône bulle de texto sur les deux. La ligne309 d'invite est retirée (le placeholder « Posez votre question » la rendait redondante).310 Ids conservés (JS : toggle hidden + handler). --> <div id="chat-welcome-team-cta" class="flex flex-col mb-3 w-full sm:max-w-[80%]" data-astro-cid-ryytxnzt> <button id="chat-trigger-team-contact" class="chat-quick-action inline-flex items-center gap-1.5 self-start text-xs font-medium text-accent-600 transition hover:text-accent-700 hover:underline sm:gap-2.5 sm:rounded-xl sm:border sm:border-accent-200 sm:bg-accent-50 sm:px-3 sm:py-2 sm:text-sm sm:text-accent-700 sm:no-underline sm:hover:border-accent-300 sm:hover:bg-accent-100 sm:hover:no-underline" aria-label="Texter l'équipe (SMS)" data-astro-cid-ryytxnzt> <svg class="h-4 w-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-ryytxnzt> <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 9.75h4.5m-4.5 3H12m6.75-6.75c1.243 0 2.25 1.007 2.25 2.25v6c0 1.243-1.007 2.25-2.25 2.25h-2.69l-3.31 2.48V15.75H5.25A2.25 2.25 0 013 13.5v-6c0-1.243 1.007-2.25 2.25-2.25h13.5z" data-astro-cid-ryytxnzt></path> </svg>311Ou texter l'équipe312</button> </div> </div> </div> <!-- Typing indicator (hidden) --> <div id="chat-typing" class="hidden px-4 pb-2" data-astro-cid-ryytxnzt> <div class="flex items-center gap-1.5 rounded-xl bg-warm-50 px-3.5 py-2.5 max-w-[80%]" data-astro-cid-ryytxnzt> <span class="h-2 w-2 rounded-full bg-warm-400 animate-bounce" style="animation-delay: 0ms" data-astro-cid-ryytxnzt></span> <span class="h-2 w-2 rounded-full bg-warm-400 animate-bounce" style="animation-delay: 150ms" data-astro-cid-ryytxnzt></span> <span class="h-2 w-2 rounded-full bg-warm-400 animate-bounce" style="animation-delay: 300ms" data-astro-cid-ryytxnzt></span> </div> </div> <!-- Input area (sticky bas, safe area iOS bottom) --> <div class="shrink-0 border-t border-warm-100 bg-white px-4 py-3" style="padding-bottom: max(0.75rem, env(safe-area-inset-bottom));" data-astro-cid-ryytxnzt> <!-- Bandeau « Répondre à » (reply-to, D65) : visible seulement quand une bulle GI a été313 choisie via le bouton « Répondre » ; annulable via le X. --> <div id="chat-reply-banner" class="hidden mb-2 items-start gap-2 rounded-lg bg-warm-50 px-3 py-2" data-astro-cid-ryytxnzt> <div class="min-w-0 flex-1" data-astro-cid-ryytxnzt> <p class="text-[10px] font-bold uppercase tracking-wider text-accent-600" data-astro-cid-ryytxnzt>Réponse à</p> <p id="chat-reply-banner-text" class="truncate text-xs text-warm-600" data-astro-cid-ryytxnzt></p> </div> <button id="chat-reply-banner-cancel" type="button" class="shrink-0 text-warm-400 hover:text-warm-600" aria-label="Annuler la réponse" data-astro-cid-ryytxnzt> <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-ryytxnzt> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" data-astro-cid-ryytxnzt></path> </svg> </button> </div> <!-- Ancrage Turnstile (fix conversion 2026-07-06, trace validation-2026-07-06) : quand314 Cloudflare exige une interaction, la case se rend ICI, collée au champ de saisie —315 l'ancien conteneur position:fixed bas-GAUCHE sur <body> la rendait invisible du chat316 (suspect n° 1 du trou 75 % ouvre→écrit). Vide = zéro hauteur (empty:hidden). --> <div id="chat-turnstile-anchor" class="empty:hidden mb-2 flex justify-center" data-astro-cid-ryytxnzt></div> <form id="chat-form" class="flex items-center gap-2" data-astro-cid-ryytxnzt> <!-- Honeypot anti-bot (garde adaptative « B+ », 2026-07-14) : champ leurre invisible et hors317 tabulation. Un humain ne le voit jamais (hors écran, aria-hidden, tabindex -1) ; un bot qui318 remplit les champs le remplit -> la route /tour le lit comme signal de risque. --> <input id="chat-hp" type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true" class="absolute left-[-9999px] top-0 h-0 w-0 opacity-0" data-astro-cid-ryytxnzt> <input id="chat-input" type="text" placeholder="Posez votre question..." maxlength="2000" autocomplete="off" autocorrect="on" spellcheck="true" enterkeyhint="send" class="flex-1 rounded-xl border border-warm-200 bg-warm-50 px-3.5 py-2.5 text-base sm:text-sm text-warm-800 placeholder:text-warm-400 outline-none transition focus:border-accent-300 focus:ring-2 focus:ring-accent-100" data-astro-cid-ryytxnzt> <button id="chat-send" type="submit" class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-accent-500 text-white transition hover:bg-accent-400 disabled:opacity-50 disabled:cursor-not-allowed sm:h-10 sm:w-10" aria-label="Envoyer" data-astro-cid-ryytxnzt> <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-ryytxnzt> <path stroke-linecap="round" stroke-linejoin="round" d="M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5" data-astro-cid-ryytxnzt></path> </svg> </button> </form> </div> </div> <!-- Floating trigger button --> <button id="chat-toggle" class="relative flex h-14 w-14 items-center justify-center rounded-full bg-accent-500 text-white shadow-lg transition hover:bg-accent-400 hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-accent-300 focus:ring-offset-2 sm:flex" aria-label="Clavardez avec nous" data-astro-cid-ryytxnzt> <!-- Chat icon (default) --> <svg id="chat-icon-open" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-ryytxnzt> <path stroke-linecap="round" stroke-linejoin="round" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" data-astro-cid-ryytxnzt></path> </svg> <!-- Close icon (when open) --> <svg id="chat-icon-close" class="hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-astro-cid-ryytxnzt> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" data-astro-cid-ryytxnzt></path> </svg> <!-- Badge non-lu (E3, tranche E P5-T22) : COMPTE des réponses GI arrivées panneau fermé OU319 onglet caché (SSE et polling passent par le même entonnoir public) ; « 9+ » au320 delà de 9 ; remis à zéro à l'ouverture du panneau. Le « 1 » ci-dessous n'est qu'un321 contenu initial : updateUnreadBadge() pose toujours le vrai compte AVANT d'afficher. --> <span id="chat-unread-badge" class="hidden absolute -top-1 -right-1 h-5 min-w-[1.25rem] items-center justify-center rounded-full bg-red-500 px-1 text-[11px] font-bold text-white" aria-hidden="true" data-astro-cid-ryytxnzt>1</span> </button> </div> <script type="module" src="/_astro/ChatWidget.astro_astro_type_script_index_0_lang.C0_536Sr.js?dpl=6a770c5aa9d6f6000809ad95"></script> <aside id="consent-banner" class="fixed inset-x-0 bottom-0 z-[60] hidden" role="region" aria-label="Préférences de confidentialité"> <div class="mx-auto max-w-[1800px] px-4 pb-4 sm:px-8"> <div class="rounded-2xl border border-warm-200 bg-white/95 px-4 py-3 shadow-lg backdrop-blur sm:px-6 sm:py-4"> <div class="flex flex-col gap-3 sm:flex-row sm:items-center"> <p class="min-w-0 flex-1 text-sm leading-relaxed text-warm-700">322Nous utilisons des témoins (cookies) pour la mesure d'audience et un signal de présence323 pour vous offrir le service en direct avec notre équipe.324<a href="/politique-confidentialite" class="whitespace-nowrap text-accent-600 hover:underline">325Politique de confidentialité326</a> </p> <div class="flex shrink-0 items-center gap-2"> <button type="button" id="consent-refuse" class="rounded-full border border-warm-300 px-4 py-1.5 text-xs font-semibold text-warm-700 transition hover:bg-warm-100">327Refuser328</button> <button type="button" id="consent-accept" class="rounded-full bg-accent-700 px-5 py-1.5 text-xs font-semibold text-white shadow-sm transition hover:bg-accent-800">329OK330</button> </div> </div> </div> </div> </aside> <script type="module" src="/_astro/ConsentBanner.astro_astro_type_script_index_0_lang.DnUHoAqY.js?dpl=6a770c5aa9d6f6000809ad95"></script> </body></html>