<turbo-stream action="replace" target="search-list"><template><turbo-frame id="search-list" data-catalog-search-target="frame" data-controller="catalog-search-list">

  <div id="list-container" class="list-container">
    <div class="hidden" id="data-lots" data-catalog-search-target="lots"
         data-lots="[{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:3160,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;4dc5982d&quot;,&quot;short_public_uid&quot;:&quot;2133A&quot;,&quot;lot_id&quot;:3160,&quot;slug&quot;:&quot;/colocation/venissieux/8-avenue-marcel-cachin-4dc5982d&quot;,&quot;available_date&quot;:&quot;2026-04-28&quot;,&quot;city&quot;:&quot;Vénissieux&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;69200&quot;,&quot;address_street&quot;:&quot;8 Avenue Marcel Cachin&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.6924755,&quot;lon&quot;:4.876967},&quot;loyer_cc&quot;:450.0,&quot;honoraires_frais_mise_en_location&quot;:225.0,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t6&quot;,&quot;property_area&quot;:&quot;95.0&quot;,&quot;nb_available_rooms&quot;:3,&quot;nb_bedrooms&quot;:6,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;],&quot;additional_spaces&quot;:[&quot;buanderie&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/yxm3darkyx1fxrkvlwt7dd2mjp6k&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:450.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:8147,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;27f03467&quot;,&quot;short_public_uid&quot;:&quot;8879G&quot;,&quot;lot_id&quot;:8147,&quot;slug&quot;:&quot;/colocation/merignac/3-place-vincent-van-gogh-27f03467&quot;,&quot;available_date&quot;:&quot;2026-05-15&quot;,&quot;city&quot;:&quot;Mérignac&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;33700&quot;,&quot;address_street&quot;:&quot;3 Place Vincent Van Gogh&quot;,&quot;departement&quot;:&quot;gironde&quot;,&quot;region&quot;:&quot;nouvelle-aquitaine&quot;,&quot;location&quot;:{&quot;lat&quot;:44.841112,&quot;lon&quot;:-0.653256},&quot;loyer_cc&quot;:430.0,&quot;honoraires_frais_mise_en_location&quot;:215.0,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;70.0&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;],&quot;additional_spaces&quot;:[&quot;balcon&quot;,&quot;buanderie&quot;,&quot;parking&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;,&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/3d56mbxhsjuk78z7pabbjavevkv9&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:430.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:22647,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;292cf7a0&quot;,&quot;short_public_uid&quot;:&quot;2882C&quot;,&quot;lot_id&quot;:22647,&quot;slug&quot;:&quot;/location/montpellier/t4-421-rue-de-la-croix-de-las-cazes-292cf7a0&quot;,&quot;available_date&quot;:&quot;2026-06-05&quot;,&quot;city&quot;:&quot;Montpellier&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;34000&quot;,&quot;address_street&quot;:&quot;421 Rue de la Croix de Las Cazes&quot;,&quot;departement&quot;:&quot;herault&quot;,&quot;region&quot;:&quot;occitanie&quot;,&quot;location&quot;:{&quot;lat&quot;:43.617278,&quot;lon&quot;:3.848418},&quot;loyer_cc&quot;:1550.0,&quot;honoraires_frais_mise_en_location&quot;:775.0,&quot;is_single_lot&quot;:true,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t4&quot;,&quot;property_area&quot;:&quot;79.76&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:3,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;lave-linge&quot;,&quot;television&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;refrigerateur&quot;],&quot;additional_spaces&quot;:[&quot;balcon&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/wgozbntm4f0ssx01snfrdsx8p17f&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;location&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:1550.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:1898,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;8695e79e&quot;,&quot;short_public_uid&quot;:&quot;4980M&quot;,&quot;lot_id&quot;:1898,&quot;slug&quot;:&quot;/colocation/lyon-8/79-rue-philippe-fabia-8695e79e&quot;,&quot;available_date&quot;:&quot;2026-06-20&quot;,&quot;city&quot;:&quot;Lyon 8eme arrondissement&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69008&quot;,&quot;address_street&quot;:&quot;79 rue Philippe Fabia&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7254769,&quot;lon&quot;:4.8719893},&quot;loyer_cc&quot;:490.0,&quot;honoraires_frais_mise_en_location&quot;:246.0,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;75.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[],&quot;additional_spaces&quot;:[],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/u5aflyxm2o6tvr9ob253sqdnwkys&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:490.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:24226,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;89d9c60a&quot;,&quot;short_public_uid&quot;:&quot;8607A&quot;,&quot;lot_id&quot;:24226,&quot;slug&quot;:&quot;/colocation/talence/236-rue-de-suzon-89d9c60a&quot;,&quot;available_date&quot;:&quot;2026-07-01&quot;,&quot;city&quot;:&quot;Talence&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;33400&quot;,&quot;address_street&quot;:&quot;236 Rue de Suzon&quot;,&quot;departement&quot;:&quot;gironde&quot;,&quot;region&quot;:&quot;nouvelle-aquitaine&quot;,&quot;location&quot;:{&quot;lat&quot;:44.811974,&quot;lon&quot;:-0.576295},&quot;loyer_cc&quot;:570.0,&quot;honoraires_frais_mise_en_location&quot;:278.8,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;85.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[],&quot;additional_spaces&quot;:[],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/4l6a507jh47byfupdcd9l70774p6&quot;,&quot;habitat_type&quot;:&quot;coliving&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;coliving&quot;],&quot;encadrement_loyer_cc&quot;:570.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:5310,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;3ae8259d&quot;,&quot;short_public_uid&quot;:&quot;7906C&quot;,&quot;lot_id&quot;:5310,&quot;slug&quot;:&quot;/location/le-havre/studio-74-rue-labedoyere-3ae8259d&quot;,&quot;available_date&quot;:&quot;2026-07-08&quot;,&quot;city&quot;:&quot;Le Havre&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;76600&quot;,&quot;address_street&quot;:&quot;74 Rue Labédoyère&quot;,&quot;departement&quot;:&quot;seine-maritime&quot;,&quot;region&quot;:&quot;normandie&quot;,&quot;location&quot;:{&quot;lat&quot;:49.496633,&quot;lon&quot;:0.134211},&quot;loyer_cc&quot;:400.0,&quot;honoraires_frais_mise_en_location&quot;:200.0,&quot;is_single_lot&quot;:true,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;studio&quot;,&quot;property_area&quot;:&quot;21.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:0,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[],&quot;additional_spaces&quot;:[&quot;terrasse&quot;],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/pe9jfw01e5ndlyigmhz0gsgtysan&quot;,&quot;habitat_type&quot;:&quot;maison&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;location&quot;,&quot;maison&quot;],&quot;encadrement_loyer_cc&quot;:400.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:18724,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;c40bc9f2&quot;,&quot;short_public_uid&quot;:&quot;3475N&quot;,&quot;lot_id&quot;:18724,&quot;slug&quot;:&quot;/location/saint-etienne/t2-39-rue-basse-des-rives-c40bc9f2&quot;,&quot;available_date&quot;:&quot;2026-07-14&quot;,&quot;city&quot;:&quot;Saint-Étienne&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;42100&quot;,&quot;address_street&quot;:&quot;39 Rue Basse Des Rives&quot;,&quot;departement&quot;:&quot;loire&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.425043,&quot;lon&quot;:4.395012},&quot;loyer_cc&quot;:440.89,&quot;honoraires_frais_mise_en_location&quot;:330.67,&quot;is_single_lot&quot;:true,&quot;is_furnished&quot;:false,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t2&quot;,&quot;property_area&quot;:&quot;43.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:1,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;internet&quot;,&quot;plaque-de-cuisson&quot;],&quot;additional_spaces&quot;:[],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/y5g2zf6iyi7ykwfjbm3e98cc6omj&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;location&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:440.89,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:23780,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;b7a10b2d&quot;,&quot;short_public_uid&quot;:&quot;3340H&quot;,&quot;lot_id&quot;:23780,&quot;slug&quot;:&quot;/location/nantes/studio-29-chaussee-de-la-madeleine-b7a10b2d&quot;,&quot;available_date&quot;:&quot;2026-07-16&quot;,&quot;city&quot;:&quot;Nantes&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;44000&quot;,&quot;address_street&quot;:&quot;29 Chaussée de la Madeleine&quot;,&quot;departement&quot;:&quot;loire-atlantique&quot;,&quot;region&quot;:&quot;pays-de-la-loire&quot;,&quot;location&quot;:{&quot;lat&quot;:47.210351,&quot;lon&quot;:-1.550965},&quot;loyer_cc&quot;:650.0,&quot;honoraires_frais_mise_en_location&quot;:302.4,&quot;is_single_lot&quot;:true,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;studio&quot;,&quot;property_area&quot;:&quot;30.24&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:0,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;lave-linge&quot;,&quot;television&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;dressing&quot;],&quot;additional_spaces&quot;:[],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/ytqqt3mgq2uppaq9ae6x339fnqx3&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;location&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:650.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:24559,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;8a6786bd&quot;,&quot;short_public_uid&quot;:&quot;3725S&quot;,&quot;lot_id&quot;:24559,&quot;slug&quot;:&quot;/colocation/orvault-44700/95-rue-de-la-patouillerie-8a6786bd&quot;,&quot;available_date&quot;:&quot;2026-08-08&quot;,&quot;city&quot;:&quot;Orvault&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;44700&quot;,&quot;address_street&quot;:&quot;95 Rue de la Patouillerie&quot;,&quot;departement&quot;:&quot;loire-atlantique&quot;,&quot;region&quot;:&quot;pays-de-la-loire&quot;,&quot;location&quot;:{&quot;lat&quot;:47.246141,&quot;lon&quot;:-1.580671},&quot;loyer_cc&quot;:450.0,&quot;honoraires_frais_mise_en_location&quot;:311.6,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t6&quot;,&quot;property_area&quot;:&quot;95.0&quot;,&quot;nb_available_rooms&quot;:3,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;,&quot;television&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;refrigerateur&quot;,&quot;internet&quot;],&quot;additional_spaces&quot;:[],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;,&quot;ascenseur&quot;,&quot;gardien&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/ekgv6iigoljrzhrfqmw5c18p0qxe&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:450.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:24819,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;1d7705a4&quot;,&quot;short_public_uid&quot;:&quot;4992S&quot;,&quot;lot_id&quot;:24819,&quot;slug&quot;:&quot;/colocation/pontoise/20-les-hauts-de-marcouville-1d7705a4&quot;,&quot;available_date&quot;:&quot;2026-08-10&quot;,&quot;city&quot;:&quot;Pontoise&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;95300&quot;,&quot;address_street&quot;:&quot;20 Les Hauts de Marcouville&quot;,&quot;departement&quot;:&quot;val-d-oise&quot;,&quot;region&quot;:&quot;ile-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:49.051187,&quot;lon&quot;:2.079602},&quot;loyer_cc&quot;:550.0,&quot;honoraires_frais_mise_en_location&quot;:206.42,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t7&quot;,&quot;property_area&quot;:&quot;94.4&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;:6,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;bureau&quot;,&quot;refrigerateur&quot;],&quot;additional_spaces&quot;:[&quot;balcon&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/ww0hjo7eawol0z5zg8bkej513mvw&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:550.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:24767,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;39010c19&quot;,&quot;short_public_uid&quot;:&quot;5603D&quot;,&quot;lot_id&quot;:24767,&quot;slug&quot;:&quot;/colocation/sainte-genevieve-des-bois-91700/21-rue-paul-eluard-39010c19&quot;,&quot;available_date&quot;:&quot;2026-08-14&quot;,&quot;city&quot;:&quot;Sainte-Geneviève-des-Bois&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;91700&quot;,&quot;address_street&quot;:&quot;21 Rue Paul Éluard&quot;,&quot;departement&quot;:&quot;essonne&quot;,&quot;region&quot;:&quot;ile-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:48.643059,&quot;lon&quot;:2.343766},&quot;loyer_cc&quot;:595.0,&quot;honoraires_frais_mise_en_location&quot;:297.5,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t3&quot;,&quot;property_area&quot;:&quot;54.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:2,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;,&quot;seche-linge&quot;,&quot;television&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;bureau&quot;,&quot;dressing&quot;,&quot;fer-a-repasser&quot;,&quot;refrigerateur&quot;],&quot;additional_spaces&quot;:[&quot;buanderie&quot;,&quot;cave&quot;,&quot;jardin&quot;,&quot;parking&quot;],&quot;common_equipments&quot;:[&quot;gardien&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/8h7nqh3933ff6o929c60my15yfyl&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:595.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:24370,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;cb15eb41&quot;,&quot;short_public_uid&quot;:&quot;3508J&quot;,&quot;lot_id&quot;:24370,&quot;slug&quot;:&quot;/colocation/villejuif-94800/26-rue-ambroise-croizat-cb15eb41&quot;,&quot;available_date&quot;:&quot;2026-09-01&quot;,&quot;city&quot;:&quot;Villejuif&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;94800&quot;,&quot;address_street&quot;:&quot;26 Rue Ambroise Croizat&quot;,&quot;departement&quot;:&quot;val-de-marne&quot;,&quot;region&quot;:&quot;ile-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:48.802301,&quot;lon&quot;:2.36289},&quot;loyer_cc&quot;:900.0,&quot;honoraires_frais_mise_en_location&quot;:321.09,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t10&quot;,&quot;property_area&quot;:&quot;191.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:9,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;lave-vaisselle&quot;,&quot;television&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;fer-a-repasser&quot;,&quot;internet&quot;,&quot;lave-linge&quot;,&quot;seche-linge&quot;,&quot;plaque-de-cuisson&quot;,&quot;refrigerateur&quot;],&quot;additional_spaces&quot;:[&quot;buanderie&quot;,&quot;grenier&quot;,&quot;jardin&quot;,&quot;parking&quot;,&quot;terrasse&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/mfm0qmcaous665djx2n5b854ww2h&quot;,&quot;habitat_type&quot;:&quot;maison&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;maison&quot;],&quot;encadrement_loyer_cc&quot;:900.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:8052,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;98e1f0bc&quot;,&quot;short_public_uid&quot;:&quot;6094Y&quot;,&quot;lot_id&quot;:8052,&quot;slug&quot;:&quot;/colocation/bron/32-rue-edouard-branly-98e1f0bc&quot;,&quot;available_date&quot;:&quot;2026-09-02&quot;,&quot;city&quot;:&quot;Bron&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;69500&quot;,&quot;address_street&quot;:&quot;32 Rue Édouard Branly&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7321081,&quot;lon&quot;:4.8915813},&quot;loyer_cc&quot;:513.71,&quot;honoraires_frais_mise_en_location&quot;:256.86,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;86.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:5,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;],&quot;additional_spaces&quot;:[&quot;loggia&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;,&quot;gardien&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/uey0sud25uu4vljbsfq29xqicpbf&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:513.71,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:24431,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;8bbcec2e&quot;,&quot;short_public_uid&quot;:&quot;4261Q&quot;,&quot;lot_id&quot;:24431,&quot;slug&quot;:&quot;/colocation/villeurbanne/429-cours-emile-zola-8bbcec2e&quot;,&quot;available_date&quot;:&quot;2026-09-21&quot;,&quot;city&quot;:&quot;Villeurbanne&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69100&quot;,&quot;address_street&quot;:&quot;429 Cours Émile Zola&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.764068,&quot;lon&quot;:4.911811},&quot;loyer_cc&quot;:470.0,&quot;honoraires_frais_mise_en_location&quot;:253.71,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;77.35&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;lave-linge&quot;,&quot;four&quot;,&quot;plaque-de-cuisson&quot;,&quot;refrigerateur&quot;,&quot;internet&quot;,&quot;lave-vaisselle&quot;,&quot;micro-ondes&quot;],&quot;additional_spaces&quot;:[],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/md5a9n08gwg56sea9sryw34gy6hc&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:470.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:918,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;39565237&quot;,&quot;short_public_uid&quot;:&quot;8172X&quot;,&quot;lot_id&quot;:918,&quot;slug&quot;:&quot;/colocation/cenon/13-rue-du-11-novembre-1918-39565237&quot;,&quot;available_date&quot;:&quot;2026-09-22&quot;,&quot;city&quot;:&quot;Cenon&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;33150&quot;,&quot;address_street&quot;:&quot;13 Rue du 11 novembre 1918&quot;,&quot;departement&quot;:&quot;gironde&quot;,&quot;region&quot;:&quot;nouvelle-aquitaine&quot;,&quot;location&quot;:{&quot;lat&quot;:44.85093,&quot;lon&quot;:-0.515227},&quot;loyer_cc&quot;:495.0,&quot;honoraires_frais_mise_en_location&quot;:247.5,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t5&quot;,&quot;property_area&quot;:&quot;94.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[],&quot;additional_spaces&quot;:[],&quot;common_equipments&quot;:[&quot;gardien&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/wlyk6lvnt9f1dhtoyapjv57qnins&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:495.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:25224,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;41472deb&quot;,&quot;short_public_uid&quot;:&quot;6354R&quot;,&quot;lot_id&quot;:25224,&quot;slug&quot;:&quot;/location/bron/t3-32-rue-des-lads-41472deb&quot;,&quot;available_date&quot;:&quot;2026-09-22&quot;,&quot;city&quot;:&quot;Bron&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;69500&quot;,&quot;address_street&quot;:&quot;32 Rue des Lads&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.718939,&quot;lon&quot;:4.911894},&quot;loyer_cc&quot;:990.0,&quot;honoraires_frais_mise_en_location&quot;:643.5,&quot;is_single_lot&quot;:true,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t3&quot;,&quot;property_area&quot;:&quot;60.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:2,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[],&quot;additional_spaces&quot;:[&quot;loggia&quot;],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/tf1721zpr8mhxa6kfg0v086bccw6&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;location&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:990.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:7822,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;e8744d49&quot;,&quot;short_public_uid&quot;:&quot;1932L&quot;,&quot;lot_id&quot;:7822,&quot;slug&quot;:&quot;/colocation/toulon/24-boulevard-michel-de-bourges-e8744d49&quot;,&quot;available_date&quot;:&quot;2026-10-01&quot;,&quot;city&quot;:&quot;Toulon&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;83200&quot;,&quot;address_street&quot;:&quot;24 Boulevard Michel De Bourges&quot;,&quot;departement&quot;:&quot;var&quot;,&quot;region&quot;:&quot;provence-alpes-cote-d-azur&quot;,&quot;location&quot;:{&quot;lat&quot;:43.1290512,&quot;lon&quot;:5.9171168},&quot;loyer_cc&quot;:435.0,&quot;honoraires_frais_mise_en_location&quot;:217.5,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t4&quot;,&quot;property_area&quot;:&quot;69.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:3,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;],&quot;additional_spaces&quot;:[&quot;cave&quot;],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/aoqyprite6krinzzreknvp5rzynh&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:435.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:21513,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;85d4225b&quot;,&quot;short_public_uid&quot;:&quot;9305X&quot;,&quot;lot_id&quot;:21513,&quot;slug&quot;:&quot;/colocation/bordeaux/46-rue-de-la-compagnie-du-midi-85d4225b&quot;,&quot;available_date&quot;:&quot;2026-10-01&quot;,&quot;city&quot;:&quot;Bordeaux&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;33800&quot;,&quot;address_street&quot;:&quot;46 Rue de la Compagnie du Midi&quot;,&quot;departement&quot;:&quot;gironde&quot;,&quot;region&quot;:&quot;nouvelle-aquitaine&quot;,&quot;location&quot;:{&quot;lat&quot;:44.821668,&quot;lon&quot;:-0.559335},&quot;loyer_cc&quot;:545.03,&quot;honoraires_frais_mise_en_location&quot;:324.72,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t4&quot;,&quot;property_area&quot;:&quot;99.0&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;,&quot;seche-linge&quot;,&quot;television&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;refrigerateur&quot;],&quot;additional_spaces&quot;:[&quot;parking&quot;,&quot;terrasse&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;,&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/gjg5lqvkbxqjaifmmoz3v9izql71&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:545.03,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:25175,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;727c0b31&quot;,&quot;short_public_uid&quot;:&quot;0592A&quot;,&quot;lot_id&quot;:25175,&quot;slug&quot;:&quot;/colocation/pessac/2-rue-leo-ferre-727c0b31&quot;,&quot;available_date&quot;:&quot;2026-10-02&quot;,&quot;city&quot;:&quot;Pessac&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;33600&quot;,&quot;address_street&quot;:&quot;2 Rue Léo Ferre&quot;,&quot;departement&quot;:&quot;gironde&quot;,&quot;region&quot;:&quot;nouvelle-aquitaine&quot;,&quot;location&quot;:{&quot;lat&quot;:44.794325,&quot;lon&quot;:-0.609415},&quot;loyer_cc&quot;:600.0,&quot;honoraires_frais_mise_en_location&quot;:344.49,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t4&quot;,&quot;property_area&quot;:&quot;78.77&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:3,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;lave-linge&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;bureau&quot;,&quot;dressing&quot;,&quot;fer-a-repasser&quot;,&quot;refrigerateur&quot;,&quot;internet&quot;],&quot;additional_spaces&quot;:[&quot;balcon&quot;,&quot;buanderie&quot;],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/wls3prwbtx9nsw1y901xcxoaqfrq&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;colocation&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:600.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:14447,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;5ae7f2de&quot;,&quot;short_public_uid&quot;:&quot;5088N&quot;,&quot;lot_id&quot;:14447,&quot;slug&quot;:&quot;/location/clermont-ferrand/t3-21-rue-du-docteur-hospital-5ae7f2de&quot;,&quot;available_date&quot;:&quot;2026-10-06&quot;,&quot;city&quot;:&quot;Clermont-Ferrand&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;63100&quot;,&quot;address_street&quot;:&quot;21 Rue Du Docteur Hospital&quot;,&quot;departement&quot;:&quot;puy-de-dome&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.788692,&quot;lon&quot;:3.085625},&quot;loyer_cc&quot;:995.0,&quot;honoraires_frais_mise_en_location&quot;:743.7,&quot;is_single_lot&quot;:true,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t3&quot;,&quot;property_area&quot;:&quot;67.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:2,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;],&quot;additional_spaces&quot;:[&quot;box-interieur&quot;,&quot;cave&quot;,&quot;terrasse&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/ip9zof0mv8c00iwk937fv7at5jqo&quot;,&quot;habitat_type&quot;:&quot;copropriete&quot;,&quot;type_usage&quot;:&quot;habitation&quot;,&quot;housing_attributes&quot;:[&quot;location&quot;,&quot;copropriete&quot;],&quot;encadrement_loyer_cc&quot;:995.0,&quot;dispo_status&quot;:&quot;free&quot;}]"></div>

    
<a id="catalog_ad_card_4dc5982d" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_4dc5982d" target="_blank" href="/colocation/venissieux/8-avenue-marcel-cachin-4dc5982d">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/yxm3darkyx1fxrkvlwt7dd2mjp6k)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 3 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">95m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">6</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Vénissieux</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_27f03467" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_27f03467" target="_blank" href="/colocation/merignac/3-place-vincent-van-gogh-27f03467">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/3d56mbxhsjuk78z7pabbjavevkv9)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">70m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
            <span class="text-sm font-md text-secondary">Balcon</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Mérignac</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_292cf7a0" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_292cf7a0" target="_blank" href="/location/montpellier/t4-421-rue-de-la-croix-de-las-cazes-292cf7a0">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/wgozbntm4f0ssx01snfrdsx8p17f)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Appartement T4 - location meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">79m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">3</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
            <span class="text-sm font-md text-secondary">Balcon</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Montpellier</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_8695e79e" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_8695e79e" target="_blank" href="/colocation/lyon-8/79-rue-philippe-fabia-8695e79e">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/u5aflyxm2o6tvr9ob253sqdnwkys)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 4 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">75m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Lyon 8eme arrondissement</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_89d9c60a" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_89d9c60a" target="_blank" href="/colocation/talence/236-rue-de-suzon-89d9c60a">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/4l6a507jh47byfupdcd9l70774p6)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 3 - coliving</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">85m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Talence</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_3ae8259d" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_3ae8259d" target="_blank" href="/location/le-havre/studio-74-rue-labedoyere-3ae8259d">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/pe9jfw01e5ndlyigmhz0gsgtysan)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Maison - location meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">21m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">0</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Le Havre</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_c40bc9f2" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_c40bc9f2" target="_blank" href="/location/saint-etienne/t2-39-rue-basse-des-rives-c40bc9f2">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/y5g2zf6iyi7ykwfjbm3e98cc6omj)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Appartement T2 - location nue</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">43m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">1</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Saint-Étienne</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_b7a10b2d" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_b7a10b2d" target="_blank" href="/location/nantes/studio-29-chaussee-de-la-madeleine-b7a10b2d">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/ytqqt3mgq2uppaq9ae6x339fnqx3)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Appartement Studio - location meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">30m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">0</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Nantes</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_8a6786bd" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_8a6786bd" target="_blank" href="/colocation/orvault-44700/95-rue-de-la-patouillerie-8a6786bd">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/ekgv6iigoljrzhrfqmw5c18p0qxe)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">95m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Orvault</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_1d7705a4" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_1d7705a4" target="_blank" href="/colocation/pontoise/20-les-hauts-de-marcouville-1d7705a4">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/ww0hjo7eawol0z5zg8bkej513mvw)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 6 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">94m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">6</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
            <span class="text-sm font-md text-secondary">Balcon</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Pontoise</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_39010c19" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_39010c19" target="_blank" href="/colocation/sainte-genevieve-des-bois-91700/21-rue-paul-eluard-39010c19">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/8h7nqh3933ff6o929c60my15yfyl)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">54m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">2</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M6.61969 8.33997L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.31996C8.12969 7.78996 7.21969 7.78996 6.61969 8.32996V8.33997Z" fill="currentColor"></path>
<path d="M9.23973 12.76H6.21973V15.78H9.23973V12.76Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.61969 8.34001L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.32001C8.12969 7.79001 7.21969 7.79001 6.61969 8.33001V8.34001Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10.9199 8.37001L14.6399 4.26001L19.6199 9.73001H16.7599L20.7699 14.78H17.2099L21.8199 19.74H14.8699" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">Jardin</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Sainte-Geneviève-des-Bois</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_cb15eb41" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_cb15eb41" target="_blank" href="/colocation/villejuif-94800/26-rue-ambroise-croizat-cb15eb41">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/mfm0qmcaous665djx2n5b854ww2h)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 6 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">191m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">9</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M6.61969 8.33997L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.31996C8.12969 7.78996 7.21969 7.78996 6.61969 8.32996V8.33997Z" fill="currentColor"></path>
<path d="M9.23973 12.76H6.21973V15.78H9.23973V12.76Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.61969 8.34001L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.32001C8.12969 7.79001 7.21969 7.79001 6.61969 8.33001V8.34001Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10.9199 8.37001L14.6399 4.26001L19.6199 9.73001H16.7599L20.7699 14.78H17.2099L21.8199 19.74H14.8699" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">Jardin</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Villejuif</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_98e1f0bc" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_98e1f0bc" target="_blank" href="/colocation/bron/32-rue-edouard-branly-98e1f0bc">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/uey0sud25uu4vljbsfq29xqicpbf)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 1 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">86m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">5</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Bron</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_8bbcec2e" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_8bbcec2e" target="_blank" href="/colocation/villeurbanne/429-cours-emile-zola-8bbcec2e">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/md5a9n08gwg56sea9sryw34gy6hc)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">77m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Villeurbanne</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_39565237" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_39565237" target="_blank" href="/colocation/cenon/13-rue-du-11-novembre-1918-39565237">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/wlyk6lvnt9f1dhtoyapjv57qnins)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">94m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Cenon</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_41472deb" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_41472deb" target="_blank" href="/location/bron/t3-32-rue-des-lads-41472deb">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/tf1721zpr8mhxa6kfg0v086bccw6)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Appartement T3 - location meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">60m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">2</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Bron</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_e8744d49" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_e8744d49" target="_blank" href="/colocation/toulon/24-boulevard-michel-de-bourges-e8744d49">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/aoqyprite6krinzzreknvp5rzynh)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">69m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">3</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" class="w-6 text-utility-brand-600">
  <path d="M28.5205 3.47998V28.52H3.48047V22.6666H8.1738V17.88H13.1871V12.92H17.8005V8.31998H22.7605V3.47998H28.5205Z" fill="currentColor" opacity="0.4"></path>
  <path d="M28.5205 3.47998V28.52H3.48047V22.6666H8.1738V17.88H13.1871V12.92H17.8005V8.31998H22.7605V3.47998H28.5205Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M23.9203 16.32L16.9736 23.2666V18.48" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M16.9736 23.2666H21.8403" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M3.48047 19.08V3.47998H17.9471" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">Cave</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Toulon</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_85d4225b" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_85d4225b" target="_blank" href="/colocation/bordeaux/46-rue-de-la-compagnie-du-midi-85d4225b">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/gjg5lqvkbxqjaifmmoz3v9izql71)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 1 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">99m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">4</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M12.0001 19.63C16.2141 19.63 19.6301 16.2139 19.6301 12C19.6301 7.78606 16.2141 4.37 12.0001 4.37C7.78618 4.37 4.37012 7.78606 4.37012 12C4.37012 16.2139 7.78618 19.63 12.0001 19.63Z" fill="currentColor"></path>
<path d="M12.0001 21.4C17.1916 21.4 21.4001 17.1915 21.4001 12C21.4001 6.8085 17.1916 2.59998 12.0001 2.59998C6.80862 2.59998 2.6001 6.8085 2.6001 12C2.6001 17.1915 6.80862 21.4 12.0001 21.4Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68017 16.7099V7.28992H12.1902C13.9202 7.28992 15.3202 8.68992 15.3202 10.4199C15.3202 12.1399 13.9402 13.5299 12.2202 13.5499L8.67017 13.5899" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">Parking</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Bordeaux</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_727c0b31" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_727c0b31" target="_blank" href="/colocation/pessac/2-rue-leo-ferre-727c0b31">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/wls3prwbtx9nsw1y901xcxoaqfrq)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">78m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">3</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
            <span class="text-sm font-md text-secondary">Balcon</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Pessac</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_5ae7f2de" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_5ae7f2de" target="_blank" href="/location/clermont-ferrand/t3-21-rue-du-docteur-hospital-5ae7f2de">
  <div class="p-2 flex rounded-3xl border border-primary h-28 max-w-[384px] w-full bg-white">
    <div class="rounded-xl bg-center shrink-0 grow-0 flex h-full w-28 items-end aspect-[39/20] p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/ip9zof0mv8c00iwk937fv7at5jqo)">
      <div class="w-full">
        <div class="oq-badge badge--size-xs badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
      </div>
    </div>

    <div class="flex flex-col p-2 px-4 w-full h-full justify-between overflow-x-hidden">
      <span class="text-md font-semibold text-primary overflow-x-hidden whitespace-nowrap text-ellipsis">Appartement T3 - location meublée</span>
      <div class="flex items-center gap-4">
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">67m²</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
            <span class="text-sm font-md text-secondary">2</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M14.3499 10.92H11.3099C9.84636 10.92 8.65991 12.1065 8.65991 13.57V17.65C8.65991 19.1136 9.84636 20.3 11.3099 20.3H14.3499C15.8135 20.3 16.9999 19.1136 16.9999 17.65V13.57C16.9999 12.1065 15.8135 10.92 14.3499 10.92Z" fill="currentColor"></path>
<path d="M16.9901 8.58997H11.2601C9.76889 8.58997 8.56006 9.7988 8.56006 11.29V17.89C8.56006 19.3811 9.76889 20.59 11.2601 20.59H16.9901C18.4812 20.59 19.6901 19.3811 19.6901 17.89V11.29C19.6901 9.7988 18.4812 8.58997 16.9901 8.58997Z" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.60991 3.50001L6.65991 5.12001H19.2999L17.5299 3.39001L19.2999 5.12001L17.6999 6.77001" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.65991 6.77L6.65991 5.12" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35999 18.73L4.97999 20.59V8.58997L3.23999 10.26L4.97999 8.58997L6.62999 10.1" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62998 18.6899L4.97998 20.5899" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">Box</span>
          </div>
      </div>
      <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-x-hidden">
        <div class="flex items-center gap-2 mr-2 w-full">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary whitespace-nowrap text-ellipsis w-full">Clermont-Ferrand</span>
        </div>
      </div>
    </div>
  </div>
</a>

    <div class="flex flex-col grow md:overflow-y-auto overflow-x-hidden">

      <div class="flex flex-col flex-grow px-4 md:p-8 pt-0 mb-8 md:mb-0">
        <div class="loading-placeholder hidden w-full animate-pulse space-y-4">
            <div class="flex rounded-3xl bg-gray-100 h-40 p-3">
              <div class="flex rounded-2xl w-48 h-full bg-gray-300 mr-4"></div>
              <div class="flex flex-col grow space-y-2 pt-4">
                <div class="h-4 bg-gray-300 rounded w-1/4"></div>
                <div class="h-4 bg-gray-300 rounded w-full"></div>
                <div class="h-4 bg-gray-300 rounded w-2/3"></div>
              </div>
            </div>
            <div class="flex rounded-3xl bg-gray-100 h-40 p-3">
              <div class="flex rounded-2xl w-48 h-full bg-gray-300 mr-4"></div>
              <div class="flex flex-col grow space-y-2 pt-4">
                <div class="h-4 bg-gray-300 rounded w-1/4"></div>
                <div class="h-4 bg-gray-300 rounded w-full"></div>
                <div class="h-4 bg-gray-300 rounded w-2/3"></div>
              </div>
            </div>
            <div class="flex rounded-3xl bg-gray-100 h-40 p-3">
              <div class="flex rounded-2xl w-48 h-full bg-gray-300 mr-4"></div>
              <div class="flex flex-col grow space-y-2 pt-4">
                <div class="h-4 bg-gray-300 rounded w-1/4"></div>
                <div class="h-4 bg-gray-300 rounded w-full"></div>
                <div class="h-4 bg-gray-300 rounded w-2/3"></div>
              </div>
            </div>
        </div>

        <div class="flex flex-col lots-list gap-6">
              <span class="text-xl font-bold">
              Zone sélectionnée • 8060 biens trouvés
            </span>
            <div class="flex flex-col gap-3">
                


  <div class="sm:hidden w-full">
    

<a href="/colocation/venissieux/8-avenue-marcel-cachin-4dc5982d">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 8 Avenue Marcel Cachin, Vénissieux" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/yxm3darkyx1fxrkvlwt7dd2mjp6k)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 3 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">95m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">6</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Vénissieux</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">450 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="4dc5982d" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/venissieux/8-avenue-marcel-cachin-4dc5982d">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 8 Avenue Marcel Cachin, Vénissieux" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/yxm3darkyx1fxrkvlwt7dd2mjp6k)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 3 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">95m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">6</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Vénissieux</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">450 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/colocation/merignac/3-place-vincent-van-gogh-27f03467">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 3 Place Vincent Van Gogh, Mérignac" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/3d56mbxhsjuk78z7pabbjavevkv9)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 2 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">70m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                <span class="text-sm font-md text-secondary">Balcon</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Mérignac</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">430 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="27f03467" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/merignac/3-place-vincent-van-gogh-27f03467">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 3 Place Vincent Van Gogh, Mérignac" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/3d56mbxhsjuk78z7pabbjavevkv9)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">70m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Balcon</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Mérignac</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">430 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/location/montpellier/t4-421-rue-de-la-croix-de-las-cazes-292cf7a0">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 421 Rue de la Croix de Las Cazes, Montpellier" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/wgozbntm4f0ssx01snfrdsx8p17f)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Appartement T4 - location meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">79m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">3</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                <span class="text-sm font-md text-secondary">Balcon</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Montpellier</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">1 550 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="292cf7a0" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/location/montpellier/t4-421-rue-de-la-croix-de-las-cazes-292cf7a0">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 421 Rue de la Croix de Las Cazes, Montpellier" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/wgozbntm4f0ssx01snfrdsx8p17f)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Appartement T4 - location meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">79m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">3</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Balcon</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Montpellier</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">1 550 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/colocation/lyon-8/79-rue-philippe-fabia-8695e79e">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 79 rue Philippe Fabia, Lyon 8eme arrondissement" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/u5aflyxm2o6tvr9ob253sqdnwkys)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 4 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">75m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Lyon 8eme arrondissement</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">490 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="8695e79e" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/lyon-8/79-rue-philippe-fabia-8695e79e">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 79 rue Philippe Fabia, Lyon 8eme arrondissement" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/u5aflyxm2o6tvr9ob253sqdnwkys)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 4 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">75m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Lyon 8eme arrondissement</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">490 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/colocation/talence/236-rue-de-suzon-89d9c60a">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 236 Rue de Suzon, Talence" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/4l6a507jh47byfupdcd9l70774p6)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 3 - coliving</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">85m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Talence</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">570 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="89d9c60a" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/talence/236-rue-de-suzon-89d9c60a">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 236 Rue de Suzon, Talence" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/4l6a507jh47byfupdcd9l70774p6)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 3 - coliving</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">85m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Talence</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">570 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/location/le-havre/studio-74-rue-labedoyere-3ae8259d">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 74 Rue Labédoyère, Le Havre" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/pe9jfw01e5ndlyigmhz0gsgtysan)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Maison - location meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">21m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">0</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Le Havre</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">400 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="3ae8259d" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/location/le-havre/studio-74-rue-labedoyere-3ae8259d">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 74 Rue Labédoyère, Le Havre" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/pe9jfw01e5ndlyigmhz0gsgtysan)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Maison - location meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">21m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">0</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Le Havre</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">400 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/location/saint-etienne/t2-39-rue-basse-des-rives-c40bc9f2">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 39 Rue Basse Des Rives, Saint-Étienne" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/y5g2zf6iyi7ykwfjbm3e98cc6omj)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Appartement T2 - location nue</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">43m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">1</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Saint-Étienne</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">441 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="c40bc9f2" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/location/saint-etienne/t2-39-rue-basse-des-rives-c40bc9f2">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 39 Rue Basse Des Rives, Saint-Étienne" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/y5g2zf6iyi7ykwfjbm3e98cc6omj)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Appartement T2 - location nue</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">43m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">1</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Saint-Étienne</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">441 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/location/nantes/studio-29-chaussee-de-la-madeleine-b7a10b2d">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 29 Chaussée de la Madeleine, Nantes" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/ytqqt3mgq2uppaq9ae6x339fnqx3)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Appartement Studio - location meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">30m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">0</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Nantes</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">650 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="b7a10b2d" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/location/nantes/studio-29-chaussee-de-la-madeleine-b7a10b2d">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 29 Chaussée de la Madeleine, Nantes" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/ytqqt3mgq2uppaq9ae6x339fnqx3)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Appartement Studio - location meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">30m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">0</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Nantes</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">650 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/colocation/orvault-44700/95-rue-de-la-patouillerie-8a6786bd">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 95 Rue de la Patouillerie, Orvault" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/ekgv6iigoljrzhrfqmw5c18p0qxe)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 2 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">95m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Orvault</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">450 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="8a6786bd" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/orvault-44700/95-rue-de-la-patouillerie-8a6786bd">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 95 Rue de la Patouillerie, Orvault" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/ekgv6iigoljrzhrfqmw5c18p0qxe)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">95m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Orvault</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">450 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/colocation/pontoise/20-les-hauts-de-marcouville-1d7705a4">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 20 Les Hauts de Marcouville, Pontoise" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/ww0hjo7eawol0z5zg8bkej513mvw)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 6 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">94m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">6</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                <span class="text-sm font-md text-secondary">Balcon</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Pontoise</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">550 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="1d7705a4" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/pontoise/20-les-hauts-de-marcouville-1d7705a4">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 20 Les Hauts de Marcouville, Pontoise" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/ww0hjo7eawol0z5zg8bkej513mvw)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 6 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">94m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">6</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Balcon</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Pontoise</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">550 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/colocation/sainte-genevieve-des-bois-91700/21-rue-paul-eluard-39010c19">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 21 Rue Paul Éluard, Sainte-Geneviève-des-Bois" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/8h7nqh3933ff6o929c60my15yfyl)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 2 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">54m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">2</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M6.61969 8.33997L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.31996C8.12969 7.78996 7.21969 7.78996 6.61969 8.32996V8.33997Z" fill="currentColor"></path>
<path d="M9.23973 12.76H6.21973V15.78H9.23973V12.76Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.61969 8.34001L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.32001C8.12969 7.79001 7.21969 7.79001 6.61969 8.33001V8.34001Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10.9199 8.37001L14.6399 4.26001L19.6199 9.73001H16.7599L20.7699 14.78H17.2099L21.8199 19.74H14.8699" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">Jardin</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Sainte-Geneviève-des-Bois</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">595 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="39010c19" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/sainte-genevieve-des-bois-91700/21-rue-paul-eluard-39010c19">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 21 Rue Paul Éluard, Sainte-Geneviève-des-Bois" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/8h7nqh3933ff6o929c60my15yfyl)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">54m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">2</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M6.61969 8.33997L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.31996C8.12969 7.78996 7.21969 7.78996 6.61969 8.32996V8.33997Z" fill="currentColor"></path>
<path d="M9.23973 12.76H6.21973V15.78H9.23973V12.76Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.61969 8.34001L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.32001C8.12969 7.79001 7.21969 7.79001 6.61969 8.33001V8.34001Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10.9199 8.37001L14.6399 4.26001L19.6199 9.73001H16.7599L20.7699 14.78H17.2099L21.8199 19.74H14.8699" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Jardin</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Sainte-Geneviève-des-Bois</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">595 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/colocation/villejuif-94800/26-rue-ambroise-croizat-cb15eb41">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 26 Rue Ambroise Croizat, Villejuif" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/mfm0qmcaous665djx2n5b854ww2h)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 6 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">191m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">9</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M6.61969 8.33997L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.31996C8.12969 7.78996 7.21969 7.78996 6.61969 8.32996V8.33997Z" fill="currentColor"></path>
<path d="M9.23973 12.76H6.21973V15.78H9.23973V12.76Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.61969 8.34001L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.32001C8.12969 7.79001 7.21969 7.79001 6.61969 8.33001V8.34001Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10.9199 8.37001L14.6399 4.26001L19.6199 9.73001H16.7599L20.7699 14.78H17.2099L21.8199 19.74H14.8699" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">Jardin</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Villejuif</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">900 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="cb15eb41" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/villejuif-94800/26-rue-ambroise-croizat-cb15eb41">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 26 Rue Ambroise Croizat, Villejuif" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/mfm0qmcaous665djx2n5b854ww2h)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 6 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">191m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">9</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M6.61969 8.33997L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.31996C8.12969 7.78996 7.21969 7.78996 6.61969 8.32996V8.33997Z" fill="currentColor"></path>
<path d="M9.23973 12.76H6.21973V15.78H9.23973V12.76Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.61969 8.34001L2.80969 11.77C2.40969 12.13 2.17969 12.64 2.17969 13.18V18.39C2.17969 19.14 2.77969 19.74 3.52969 19.74H11.9197C12.6697 19.74 13.2697 19.14 13.2697 18.39V13.19C13.2697 12.64 13.0397 12.13 12.6297 11.76L8.72969 8.32001C8.12969 7.79001 7.21969 7.79001 6.61969 8.33001V8.34001Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10.9199 8.37001L14.6399 4.26001L19.6199 9.73001H16.7599L20.7699 14.78H17.2099L21.8199 19.74H14.8699" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Jardin</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Villejuif</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">900 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/colocation/bron/32-rue-edouard-branly-98e1f0bc">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 32 Rue Édouard Branly, Bron" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/uey0sud25uu4vljbsfq29xqicpbf)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 1 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">86m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">5</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Bron</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">514 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="98e1f0bc" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/bron/32-rue-edouard-branly-98e1f0bc">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 32 Rue Édouard Branly, Bron" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/uey0sud25uu4vljbsfq29xqicpbf)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 1 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">86m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">5</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Bron</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">514 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/colocation/villeurbanne/429-cours-emile-zola-8bbcec2e">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 429 Cours Émile Zola, Villeurbanne" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/md5a9n08gwg56sea9sryw34gy6hc)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 2 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">77m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Villeurbanne</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">470 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="8bbcec2e" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/villeurbanne/429-cours-emile-zola-8bbcec2e">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 429 Cours Émile Zola, Villeurbanne" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/md5a9n08gwg56sea9sryw34gy6hc)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">77m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Villeurbanne</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">470 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/colocation/cenon/13-rue-du-11-novembre-1918-39565237">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 13 Rue du 11 novembre 1918, Cenon" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/wlyk6lvnt9f1dhtoyapjv57qnins)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 2 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">94m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Cenon</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">495 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="39565237" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/cenon/13-rue-du-11-novembre-1918-39565237">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 13 Rue du 11 novembre 1918, Cenon" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/wlyk6lvnt9f1dhtoyapjv57qnins)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">94m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Cenon</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">495 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/location/bron/t3-32-rue-des-lads-41472deb">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 32 Rue des Lads, Bron" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/tf1721zpr8mhxa6kfg0v086bccw6)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Appartement T3 - location meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">60m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">2</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Bron</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">990 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="41472deb" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/location/bron/t3-32-rue-des-lads-41472deb">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 32 Rue des Lads, Bron" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/tf1721zpr8mhxa6kfg0v086bccw6)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Appartement T3 - location meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">60m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">2</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Bron</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">990 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/colocation/toulon/24-boulevard-michel-de-bourges-e8744d49">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 24 Boulevard Michel De Bourges, Toulon" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/aoqyprite6krinzzreknvp5rzynh)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 2 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">69m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">3</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" class="w-6 text-utility-brand-600">
  <path d="M28.5205 3.47998V28.52H3.48047V22.6666H8.1738V17.88H13.1871V12.92H17.8005V8.31998H22.7605V3.47998H28.5205Z" fill="currentColor" opacity="0.4"></path>
  <path d="M28.5205 3.47998V28.52H3.48047V22.6666H8.1738V17.88H13.1871V12.92H17.8005V8.31998H22.7605V3.47998H28.5205Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M23.9203 16.32L16.9736 23.2666V18.48" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M16.9736 23.2666H21.8403" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M3.48047 19.08V3.47998H17.9471" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">Cave</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Toulon</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">435 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="e8744d49" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/toulon/24-boulevard-michel-de-bourges-e8744d49">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 24 Boulevard Michel De Bourges, Toulon" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/aoqyprite6krinzzreknvp5rzynh)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">69m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">3</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" class="w-6 text-utility-brand-600">
  <path d="M28.5205 3.47998V28.52H3.48047V22.6666H8.1738V17.88H13.1871V12.92H17.8005V8.31998H22.7605V3.47998H28.5205Z" fill="currentColor" opacity="0.4"></path>
  <path d="M28.5205 3.47998V28.52H3.48047V22.6666H8.1738V17.88H13.1871V12.92H17.8005V8.31998H22.7605V3.47998H28.5205Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M23.9203 16.32L16.9736 23.2666V18.48" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M16.9736 23.2666H21.8403" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M3.48047 19.08V3.47998H17.9471" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Cave</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Toulon</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">435 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/colocation/bordeaux/46-rue-de-la-compagnie-du-midi-85d4225b">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 46 Rue de la Compagnie du Midi, Bordeaux" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/gjg5lqvkbxqjaifmmoz3v9izql71)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 1 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">99m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">4</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M12.0001 19.63C16.2141 19.63 19.6301 16.2139 19.6301 12C19.6301 7.78606 16.2141 4.37 12.0001 4.37C7.78618 4.37 4.37012 7.78606 4.37012 12C4.37012 16.2139 7.78618 19.63 12.0001 19.63Z" fill="currentColor"></path>
<path d="M12.0001 21.4C17.1916 21.4 21.4001 17.1915 21.4001 12C21.4001 6.8085 17.1916 2.59998 12.0001 2.59998C6.80862 2.59998 2.6001 6.8085 2.6001 12C2.6001 17.1915 6.80862 21.4 12.0001 21.4Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68017 16.7099V7.28992H12.1902C13.9202 7.28992 15.3202 8.68992 15.3202 10.4199C15.3202 12.1399 13.9402 13.5299 12.2202 13.5499L8.67017 13.5899" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">Parking</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Bordeaux</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">545 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="85d4225b" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/bordeaux/46-rue-de-la-compagnie-du-midi-85d4225b">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 46 Rue de la Compagnie du Midi, Bordeaux" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/gjg5lqvkbxqjaifmmoz3v9izql71)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 1 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">99m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">4</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M12.0001 19.63C16.2141 19.63 19.6301 16.2139 19.6301 12C19.6301 7.78606 16.2141 4.37 12.0001 4.37C7.78618 4.37 4.37012 7.78606 4.37012 12C4.37012 16.2139 7.78618 19.63 12.0001 19.63Z" fill="currentColor"></path>
<path d="M12.0001 21.4C17.1916 21.4 21.4001 17.1915 21.4001 12C21.4001 6.8085 17.1916 2.59998 12.0001 2.59998C6.80862 2.59998 2.6001 6.8085 2.6001 12C2.6001 17.1915 6.80862 21.4 12.0001 21.4Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.68017 16.7099V7.28992H12.1902C13.9202 7.28992 15.3202 8.68992 15.3202 10.4199C15.3202 12.1399 13.9402 13.5299 12.2202 13.5499L8.67017 13.5899" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Parking</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Bordeaux</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">545 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/colocation/pessac/2-rue-leo-ferre-727c0b31">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 2 Rue Léo Ferre, Pessac" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/wls3prwbtx9nsw1y901xcxoaqfrq)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
          <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none" class="w-7 mt-auto ml-auto">
<g clip-path="url(#clip0_2802_3567)">
<path d="M14 28L10.1263 25.3436L5.35064 25.3219L3.85852 21.0058L0 18.3267L1.46133 14L0 9.67325L3.85902 6.99424L5.35064 2.67805L10.1263 2.65645L14 0L17.8737 2.65645L22.6494 2.67805L24.1415 6.99424L28 9.67325L26.5387 14L28 18.3267L24.141 21.0058L22.6494 25.3219L17.8737 25.3436L14 28Z" fill="#FAA307"></path>
<path d="M14.5656 27.6122C14.2247 27.8459 13.7753 27.8459 13.4344 27.6122L10.3799 25.5174C10.2147 25.4041 10.0192 25.3431 9.81887 25.3422L6.0596 25.3252C5.63491 25.3232 5.25776 25.0533 5.119 24.6519L3.96517 21.3143C3.89587 21.1138 3.76461 20.9406 3.59038 20.8196L0.617743 18.7557C0.251872 18.5016 0.0981172 18.0362 0.240642 17.6142L1.35326 14.32C1.42336 14.1124 1.42336 13.8876 1.35326 13.68L0.240658 10.3858C0.0981253 9.96378 0.251904 9.49837 0.617809 9.24436L3.5908 7.18045C3.76509 7.05945 3.89637 6.88616 3.96568 6.68562L5.11905 3.3482C5.25778 2.94677 5.63495 2.67677 6.05967 2.67484L9.81887 2.65784C10.0192 2.65693 10.2147 2.59587 10.3799 2.48256L13.4344 0.387845C13.7753 0.154121 14.2247 0.154121 14.5656 0.387845L17.6201 2.48256C17.7853 2.59587 17.9808 2.65693 18.1811 2.65784L21.9404 2.67484C22.3651 2.67677 22.7422 2.94672 22.881 3.3481L24.0348 6.68572C24.1041 6.8862 24.2354 7.05944 24.4096 7.18041L27.3823 9.24435C27.7481 9.49837 27.9019 9.96376 27.7594 10.3858L26.6467 13.68C26.5766 13.8876 26.5766 14.1124 26.6467 14.32L27.7593 17.6142C27.9019 18.0362 27.7481 18.5016 27.3822 18.7556L24.4092 20.8196C24.2349 20.9405 24.1036 21.1138 24.0343 21.3144L22.881 24.6518C22.7422 25.0532 22.3651 25.3232 21.9403 25.3252L18.1811 25.3422C17.9808 25.3431 17.7853 25.4041 17.6201 25.5174L14.5656 27.6122Z" fill="#FAA307"></path>
<path d="M14 23.625C19.3157 23.625 23.625 19.3157 23.625 14C23.625 8.68426 19.3157 4.375 14 4.375C8.68426 4.375 4.375 8.68426 4.375 14C4.375 19.3157 8.68426 23.625 14 23.625Z" fill="#FFD100"></path>
<path d="M10.9154 12.5954C11.7208 12.5954 12.3737 11.9425 12.3737 11.137C12.3737 10.3316 11.7208 9.67871 10.9154 9.67871C10.1099 9.67871 9.45703 10.3316 9.45703 11.137C9.45703 11.9425 10.1099 12.5954 10.9154 12.5954Z" fill="#5B30F3"></path>
<path d="M16.7493 18.4284C17.5548 18.4284 18.2077 17.7755 18.2077 16.9701C18.2077 16.1646 17.5548 15.5117 16.7493 15.5117C15.9439 15.5117 15.291 16.1646 15.291 16.9701C15.291 17.7755 15.9439 18.4284 16.7493 18.4284Z" fill="#5B30F3"></path>
<path d="M10.1869 17.6995C10.0913 17.604 10.0156 17.4905 9.96413 17.3656C9.91262 17.2406 9.88632 17.1068 9.88672 16.9716C9.88713 16.8365 9.91424 16.7028 9.9665 16.5782C10.0188 16.4536 10.0951 16.3406 10.1912 16.2456L16.062 10.4497C16.2454 10.2726 16.491 10.1746 16.7459 10.1768C17.0008 10.179 17.2446 10.2813 17.4249 10.4615C17.6051 10.6418 17.7074 10.8856 17.7096 11.1405C17.7118 11.3954 17.6138 11.641 17.4367 11.8244L11.6408 17.6952C11.5458 17.7913 11.4328 17.8676 11.3082 17.9199C11.1836 17.9722 11.0499 17.9993 10.9148 17.9997C10.7796 18.0001 10.6458 17.9738 10.5209 17.9223C10.3959 17.8708 10.2824 17.7951 10.1869 17.6995Z" fill="#5B30F3"></path>
</g>
<defs>
<clipPath id="clip0_2802_3567">
<rect width="28" height="28" fill="white"></rect>
</clipPath>
</defs>
</svg>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Chambre 2 - colocation meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">78m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">3</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                <span class="text-sm font-md text-secondary">Balcon</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Pessac</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">600 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="727c0b31" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/pessac/2-rue-leo-ferre-727c0b31">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 2 Rue Léo Ferre, Pessac" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/wls3prwbtx9nsw1y901xcxoaqfrq)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none" class="w-7 mt-auto ml-auto">
<g clip-path="url(#clip0_2802_3567)">
<path d="M14 28L10.1263 25.3436L5.35064 25.3219L3.85852 21.0058L0 18.3267L1.46133 14L0 9.67325L3.85902 6.99424L5.35064 2.67805L10.1263 2.65645L14 0L17.8737 2.65645L22.6494 2.67805L24.1415 6.99424L28 9.67325L26.5387 14L28 18.3267L24.141 21.0058L22.6494 25.3219L17.8737 25.3436L14 28Z" fill="#FAA307"></path>
<path d="M14.5656 27.6122C14.2247 27.8459 13.7753 27.8459 13.4344 27.6122L10.3799 25.5174C10.2147 25.4041 10.0192 25.3431 9.81887 25.3422L6.0596 25.3252C5.63491 25.3232 5.25776 25.0533 5.119 24.6519L3.96517 21.3143C3.89587 21.1138 3.76461 20.9406 3.59038 20.8196L0.617743 18.7557C0.251872 18.5016 0.0981172 18.0362 0.240642 17.6142L1.35326 14.32C1.42336 14.1124 1.42336 13.8876 1.35326 13.68L0.240658 10.3858C0.0981253 9.96378 0.251904 9.49837 0.617809 9.24436L3.5908 7.18045C3.76509 7.05945 3.89637 6.88616 3.96568 6.68562L5.11905 3.3482C5.25778 2.94677 5.63495 2.67677 6.05967 2.67484L9.81887 2.65784C10.0192 2.65693 10.2147 2.59587 10.3799 2.48256L13.4344 0.387845C13.7753 0.154121 14.2247 0.154121 14.5656 0.387845L17.6201 2.48256C17.7853 2.59587 17.9808 2.65693 18.1811 2.65784L21.9404 2.67484C22.3651 2.67677 22.7422 2.94672 22.881 3.3481L24.0348 6.68572C24.1041 6.8862 24.2354 7.05944 24.4096 7.18041L27.3823 9.24435C27.7481 9.49837 27.9019 9.96376 27.7594 10.3858L26.6467 13.68C26.5766 13.8876 26.5766 14.1124 26.6467 14.32L27.7593 17.6142C27.9019 18.0362 27.7481 18.5016 27.3822 18.7556L24.4092 20.8196C24.2349 20.9405 24.1036 21.1138 24.0343 21.3144L22.881 24.6518C22.7422 25.0532 22.3651 25.3232 21.9403 25.3252L18.1811 25.3422C17.9808 25.3431 17.7853 25.4041 17.6201 25.5174L14.5656 27.6122Z" fill="#FAA307"></path>
<path d="M14 23.625C19.3157 23.625 23.625 19.3157 23.625 14C23.625 8.68426 19.3157 4.375 14 4.375C8.68426 4.375 4.375 8.68426 4.375 14C4.375 19.3157 8.68426 23.625 14 23.625Z" fill="#FFD100"></path>
<path d="M10.9154 12.5954C11.7208 12.5954 12.3737 11.9425 12.3737 11.137C12.3737 10.3316 11.7208 9.67871 10.9154 9.67871C10.1099 9.67871 9.45703 10.3316 9.45703 11.137C9.45703 11.9425 10.1099 12.5954 10.9154 12.5954Z" fill="#5B30F3"></path>
<path d="M16.7493 18.4284C17.5548 18.4284 18.2077 17.7755 18.2077 16.9701C18.2077 16.1646 17.5548 15.5117 16.7493 15.5117C15.9439 15.5117 15.291 16.1646 15.291 16.9701C15.291 17.7755 15.9439 18.4284 16.7493 18.4284Z" fill="#5B30F3"></path>
<path d="M10.1869 17.6995C10.0913 17.604 10.0156 17.4905 9.96413 17.3656C9.91262 17.2406 9.88632 17.1068 9.88672 16.9716C9.88713 16.8365 9.91424 16.7028 9.9665 16.5782C10.0188 16.4536 10.0951 16.3406 10.1912 16.2456L16.062 10.4497C16.2454 10.2726 16.491 10.1746 16.7459 10.1768C17.0008 10.179 17.2446 10.2813 17.4249 10.4615C17.6051 10.6418 17.7074 10.8856 17.7096 11.1405C17.7118 11.3954 17.6138 11.641 17.4367 11.8244L11.6408 17.6952C11.5458 17.7913 11.4328 17.8676 11.3082 17.9199C11.1836 17.9722 11.0499 17.9993 10.9148 17.9997C10.7796 18.0001 10.6458 17.9738 10.5209 17.9223C10.3959 17.8708 10.2824 17.7951 10.1869 17.6995Z" fill="#5B30F3"></path>
</g>
<defs>
<clipPath id="clip0_2802_3567">
<rect width="28" height="28" fill="white"></rect>
</clipPath>
</defs>
</svg>
        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Chambre 2 - colocation meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">78m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">3</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M19.9605 15.3701H3.98047V21.2401H19.9605V15.3701Z" fill="currentColor"></path>
<path d="M2.41016 21.25H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M2.41016 15.37H21.5902" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M6.04004 15.37V4.31C6.04004 3.45 6.74004 2.75 7.60004 2.75H16.4C17.26 2.75 17.96 3.45 17.96 4.31V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M3.98047 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M7.96973 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M12 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M15.9297 21.25V15.37" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
<path d="M19.9502 15.37V21.25" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Balcon</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Pessac</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">600 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

                


  <div class="sm:hidden w-full">
    

<a href="/location/clermont-ferrand/t3-21-rue-du-docteur-hospital-5ae7f2de">
  <div class=" w-full lg:w-85 flex flex-col rounded-3xl bg-gray-true-100 border border-primary">
    <div class="bg-white w-full rounded-3xl pt-2 px-2 max-h-[85%] h-full flex flex-col">
      <div role="img" aria-label="Photo du 21 Rue Du Docteur Hospital, Clermont-Ferrand" class="rounded-2xl bg-center shrink-0 grow-0 flex w-full h-44 p-2.5 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/ip9zof0mv8c00iwk937fv7at5jqo)">
        <div class="w-full">
          <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
        </div>
      </div>
      <div class="flex flex-col w-full p-4 px-2 justify-between h-full">
        <span class="text-md font-semibold text-primary h-12 overflow-hidden mb-2">Appartement T3 - location meublée</span>
          <div class="flex items-center gap-4">
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">67m²</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                <span class="text-sm font-md text-secondary">2</span>
              </div>
              <div class="flex items-center gap-1">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M14.3499 10.92H11.3099C9.84636 10.92 8.65991 12.1065 8.65991 13.57V17.65C8.65991 19.1136 9.84636 20.3 11.3099 20.3H14.3499C15.8135 20.3 16.9999 19.1136 16.9999 17.65V13.57C16.9999 12.1065 15.8135 10.92 14.3499 10.92Z" fill="currentColor"></path>
<path d="M16.9901 8.58997H11.2601C9.76889 8.58997 8.56006 9.7988 8.56006 11.29V17.89C8.56006 19.3811 9.76889 20.59 11.2601 20.59H16.9901C18.4812 20.59 19.6901 19.3811 19.6901 17.89V11.29C19.6901 9.7988 18.4812 8.58997 16.9901 8.58997Z" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.60991 3.50001L6.65991 5.12001H19.2999L17.5299 3.39001L19.2999 5.12001L17.6999 6.77001" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.65991 6.77L6.65991 5.12" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35999 18.73L4.97999 20.59V8.58997L3.23999 10.26L4.97999 8.58997L6.62999 10.1" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62998 18.6899L4.97998 20.5899" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">Box</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full min-h-[62px] p-4 text-sm font-medium text-secondary">
        <div class="flex items-center gap-2 mr-2 overflow-hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
          <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Clermont-Ferrand</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">995 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="5ae7f2de" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/location/clermont-ferrand/t3-21-rue-du-docteur-hospital-5ae7f2de">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 21 Rue Du Docteur Hospital, Clermont-Ferrand" class="rounded-xl bg-center shrink-0 grow-0 flex aspect-[39/20] w-full max-w-1/2 sm:max-w-[224px] h-full p-2 bg-cover" style="background-color: #F2EEE3; background-image: url(https://cdn.oqoro.com/ip9zof0mv8c00iwk937fv7at5jqo)">
          <div class="w-full">
            <div class="oq-badge badge--size-md badge--color-success badge--type-pill with-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" class="badge__icon shrink-0 stroke-2">
  <circle cx="12" cy="12" r="6" fill-rule="nonzero"></circle>
</svg>Disponible</div>
          </div>

        </div>

        <div class="flex flex-col p-2 px-4 w-full h-full justify-between">
          <span class="text-md font-semibold text-primary overflow-hidden whitespace-nowrap text-ellipsis">Appartement T3 - location meublée</span>
            <div class="flex items-center gap-4 flex-wrap">
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-width="1.2" class="w-6 text-utility-brand-600">
<path d="M14.3502 10.9199H11.3102C9.8466 10.9199 8.66016 12.1064 8.66016 13.5699V17.6499C8.66016 19.1135 9.8466 20.2999 11.3102 20.2999H14.3502C15.8137 20.2999 17.0002 19.1135 17.0002 17.6499V13.5699C17.0002 12.1064 15.8137 10.9199 14.3502 10.9199Z" fill="#B8B2FF"></path>
<path d="M16.9886 8.58984H11.2586C9.76742 8.58984 8.55859 9.79867 8.55859 11.2898V17.8898C8.55859 19.381 9.76742 20.5898 11.2586 20.5898H16.9886C18.4798 20.5898 19.6886 19.381 19.6886 17.8898V11.2898C19.6886 9.79867 18.4798 8.58984 16.9886 8.58984Z" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.61016 3.49965L6.66016 5.11965H19.3002L17.5302 3.38965L19.3002 5.11965L17.7002 6.76965" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.66016 6.77012L6.66016 5.12012" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35828 18.7298L4.97828 20.5898V8.58984L3.23828 10.2598L4.97828 8.58984L6.62828 10.0998" stroke="#5B30F3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62656 18.6895L4.97656 20.5895" stroke="#5B30F3" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">67m²</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
  <path opacity="0.3" d="M4.06996 10.5601L2.57996 14.9701H21.33L19.89 10.5601H4.06996Z" fill="#5B30F3"></path>
  <path d="M19.14 2.70996C19.89 2.70996 20.51 3.27996 20.57 4.02996V9.73996L21.89 13.7C21.92 13.81 21.95 13.92 21.97 14.03L21.99 14.2V14.37V21.28H20.56V19.85H3.43V21.28H2V14.37C2 14.2 2.02 14.03 2.06 13.86L2.1 13.7L3.42 9.73996V4.13996C3.42 3.42996 3.94 2.82996 4.63 2.72996H4.74L4.85 2.71996H19.14V2.70996ZM20.57 15.57H3.43V18.43H20.57V15.57ZM19.58 11.29H4.43L3.47 14.15H20.54L19.58 11.29ZM19.14 4.13996H4.86V9.84996H6.29V6.98996C6.29 6.23996 6.86 5.61996 7.61 5.55996H16.29C17.04 5.55996 17.66 6.12996 17.72 6.87996V9.83996H19.15V4.12996L19.14 4.13996ZM11.29 6.99996H7.72V9.85996H11.29V6.99996ZM16.29 6.99996H12.72V9.85996H16.29V6.99996Z" fill="#5B30F3"></path>
</svg>
                  <span class="text-sm font-md text-secondary">2</span>
                </div>
                <div class="flex items-center gap-1">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path opacity="0.4" d="M14.3499 10.92H11.3099C9.84636 10.92 8.65991 12.1065 8.65991 13.57V17.65C8.65991 19.1136 9.84636 20.3 11.3099 20.3H14.3499C15.8135 20.3 16.9999 19.1136 16.9999 17.65V13.57C16.9999 12.1065 15.8135 10.92 14.3499 10.92Z" fill="currentColor"></path>
<path d="M16.9901 8.58997H11.2601C9.76889 8.58997 8.56006 9.7988 8.56006 11.29V17.89C8.56006 19.3811 9.76889 20.59 11.2601 20.59H16.9901C18.4812 20.59 19.6901 19.3811 19.6901 17.89V11.29C19.6901 9.7988 18.4812 8.58997 16.9901 8.58997Z" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M8.60991 3.50001L6.65991 5.12001H19.2999L17.5299 3.39001L19.2999 5.12001L17.6999 6.77001" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.65991 6.77L6.65991 5.12" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
<path d="M3.35999 18.73L4.97999 20.59V8.58997L3.23999 10.26L4.97999 8.58997L6.62999 10.1" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.62998 18.6899L4.97998 20.5899" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Box</span>
                </div>
            </div>
            <div class="flex items-center flex-wrap justify-between w-full text-sm font-medium text-secondary overflow-hidden">
              <div class="flex items-center gap-2 mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="w-4 shrink-0 text-secondary">
  <path d="M9.99999 10.8334C11.3807 10.8334 12.5 9.71413 12.5 8.33342C12.5 6.9527 11.3807 5.83341 9.99999 5.83341C8.61928 5.83341 7.49999 6.9527 7.49999 8.33342C7.49999 9.71413 8.61928 10.8334 9.99999 10.8334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M9.99999 18.3334C13.3333 15.0001 16.6667 12.0153 16.6667 8.33342C16.6667 4.65152 13.6819 1.66675 9.99999 1.66675C6.3181 1.66675 3.33333 4.65152 3.33333 8.33342C3.33333 12.0153 6.66666 15.0001 9.99999 18.3334Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm text-secondary overflow-hidden whitespace-nowrap text-ellipsis">Clermont-Ferrand</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">995 €
                  <span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
            </div>
        </div>
      </div>
</a>  </div>

            </div>
            <nav class="pagy-nav pagination" aria-label="pager"><span class="page prev disabled">&lsaquo;&nbsp;Précédent</span> <span class="page active">1</span> <span class="page"><a href="/recherche?page=2"   rel="next" >2</a></span> <span class="page"><a href="/recherche?page=3"   >3</a></span> <span class="page"><a href="/recherche?page=4"   >4</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/recherche?page=10"   >10</a></span> <span class="page"><a href="/recherche?page=20"   >20</a></span> <span class="page"><a href="/recherche?page=30"   >30</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/recherche?page=403"   >403</a></span> <span class="page next"><a href="/recherche?page=2"   rel="next" aria-label="next">Suivant&nbsp;&rsaquo;</a></span></nav>
        </div>
      </div>
    </div>
  </div>
</turbo-frame>
</template></turbo-stream><turbo-stream action="replace" target="search-filters"><template>
<turbo-frame id="search-filters">


  <div
  data-controller="hotkeys slide-over--component"
  data-hotkeys-bindings-value='{"Escape": "slide-over--component#escKeyPressed"}'
  data-slide-over--component-name-value="filters"
  data-slide-over--component-open-value="false"
  class="oq-slide-over align--left" aria-labelledby="slide-over-title-fed3dacb" role="dialog" aria-modal="true" tabindex="1">
  <div class="backdrop" data-slide-over--component-target="backdrop" data-action="click->slide-over--component#close"></div>
  <div class="absolute inset-0 overflow-hidden">
    <div class="pointer-events-none fixed inset-y-0 flex max-w-full left-0 pr-10 sm:pr-16">
      <div class="panel" data-slide-over--component-target="panel">
        <div class="flex h-full flex-col bg-gray-50 shadow-xl">
          <div class="shrink-0">
            <div class="panel__header">
                <button name="button" type="button" aria-label="Retour" data-action="click-&gt;slide-over--component#close" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-gray btn--size-md btn--rounded btn--icon-only"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" class="btn__icon stroke-2 shrink-0 stroke-2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg></button>
              <div class="flex flex-col grow gap-2">
                <span id="slide-over-title-fed3dacb" class="text-lg font-semibold text-gray-900 leading-6">Votre recherche</span>
              </div>
              <div class="flex items-center gap-2">
                
              </div>
            </div>
          </div>
          <div class="panel__content">
            

  <form class="oq-form orientation--vertical filters" data-controller="form--component " data-turbo="true" data-turbo-action="advance" enctype="multipart/form-data" action="/recherche" accept-charset="UTF-8" method="get">
    <div class="flex flex-col relative pb-12">
      <input name="bbox" value="" type="hidden" id="filters_bbox" />
      <input name="query" type="hidden" id="filters_query" />
      <input name="city" type="hidden" id="filters_city" />

      <div class="flex flex-col">
        <span class="text-lg font-semibold text-blue-main mb-3">Que recherchez-vous&nbsp;?</span>

        <div class="oq-form-group single_lot"><div class="oq-input-group"><div class="oq-check-buttons" data-controller="form--collection-check-buttons--component" data-form--collection-check-buttons--component-initial-value-value="[]"><div class="hidden" data-form--collection-check-buttons--component-target="inputList"></div><template data-form--collection-check-buttons--component-target="inputTemplate"><input multiple="multiple" value="${value}" type="hidden" name="filters[single_lot][]" id="filters_single_lot" /></template><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="location" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">Logement entier</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="colocation" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">Colocation</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="coliving" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">Coliving</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="residence-etudiante" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">Résidence étudiante</span></button></div></div></div>

        <span class="text-lg font-semibold text-blue-main mt-6 mb-3">Meublé&nbsp;?</span>

        <div class="oq-form-group furnished"><div class="oq-input-group"><div class="oq-check-buttons" data-controller="form--collection-check-buttons--component" data-form--collection-check-buttons--component-initial-value-value="[]"><div class="hidden" data-form--collection-check-buttons--component-target="inputList"></div><template data-form--collection-check-buttons--component-target="inputTemplate"><input multiple="multiple" value="${value}" type="hidden" name="filters[furnished][]" id="filters_furnished" /></template><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="true" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">Meublé</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="false" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">Non meublé</span></button></div></div></div>

        <span class="text-lg font-semibold text-blue-main mt-6 mb-3">Montant du loyer</span>

        <div class="oq-form-group loyer"><div class="oq-input-group"><div class="oq-range" data-controller="form--range--component" data-form--range--component-min-value="0" data-form--range--component-max-value="3000"><div class="oq-input with-suffix" data-controller="form--text-field--component"><input placeholder="Minimum" aria-label="Montant du loyer minimum" data-form--range--component-target="fromInput" data-action="change-&gt;form--range--component#changeFrom blur-&gt;form--range--component#changeFrom" type="number" step="any" class="oq-input with-suffix" name="filters[loyer][from]" id="filters_loyer_from" /><span class="input-suffix">€</span></div><div class="oq-input with-suffix" data-controller="form--text-field--component"><input placeholder="Maximum" aria-label="Montant du loyer maximum" data-form--range--component-target="toInput" data-action="change-&gt;form--range--component#changeTo blur-&gt;form--range--component#changeTo" type="number" step="any" class="oq-input with-suffix" name="filters[loyer][to]" id="filters_loyer_to" /><span class="input-suffix">€</span></div></div></div></div>

        <span class="text-lg font-semibold text-blue-main mt-6 mb-3">Nombre de pièces</span>

        <div class="oq-form-group type"><div class="oq-input-group"><div class="oq-check-buttons" data-controller="form--collection-check-buttons--component" data-form--collection-check-buttons--component-initial-value-value="[]"><div class="hidden" data-form--collection-check-buttons--component-target="inputList"></div><template data-form--collection-check-buttons--component-target="inputTemplate"><input multiple="multiple" value="${value}" type="hidden" name="filters[type][]" id="filters_type" /></template><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="studio" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">Studio</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t1" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T1</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t1-bis" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T1 bis</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t2" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T2</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t3" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T3</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t4" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T4</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t5" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T5</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t6" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T6</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t7" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T7</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t8" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T8</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t9" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T9</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t10" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T10</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t11" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T11</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t12" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T12</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t13" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T13</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t14" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T14</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t15" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T15</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="t16" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">T16</span></button></div></div></div>

        <span class="text-lg font-semibold text-blue-main mt-6 mb-3">Superficie</span>

        <div class="oq-form-group area"><div class="oq-input-group"><div class="oq-range" data-controller="form--range--component" data-form--range--component-min-value="0" data-form--range--component-max-value="500"><div class="oq-input with-suffix" data-controller="form--text-field--component"><input placeholder="Minimum" aria-label="Superficie minimum" data-form--range--component-target="fromInput" data-action="change-&gt;form--range--component#changeFrom blur-&gt;form--range--component#changeFrom" type="number" step="any" class="oq-input with-suffix" name="filters[area][from]" id="filters_area_from" /><span class="input-suffix">m2</span></div><div class="oq-input with-suffix" data-controller="form--text-field--component"><input placeholder="Maximum" aria-label="Superficie maximum" data-form--range--component-target="toInput" data-action="change-&gt;form--range--component#changeTo blur-&gt;form--range--component#changeTo" type="number" step="any" class="oq-input with-suffix" name="filters[area][to]" id="filters_area_to" /><span class="input-suffix">m2</span></div></div></div></div>

        <span class="text-lg font-semibold text-blue-main mt-6 mb-3">Nombre de chambres disponibles</span>

        <div class="flex items-center space-x-2">
        <div class="oq-form-group rooms"><div class="oq-input-group"><div class="oq-counter" data-controller="form--counter-field--component" data-form--counter-field--component-min-value="0" data-form--counter-field--component-max-value="10" data-form--counter-field--component-step-value="1"><button name="button" type="button" aria-label="Diminuer" data-action="form--counter-field--component#decrement" data-form--counter-field--component-target="decrementBtn" class="oq-btn btn--variant-tertiary btn--appearance-solid btn--color-primary btn--size-sm btn--icon-only"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" class="btn__icon stroke-2 shrink-0 stroke-2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6"></path>
</svg></button><div class="oq-form-group rooms"><div class="oq-input-group"><div class="oq-input" data-controller="form--text-field--component"><input value="0" aria-label="Nombre de chambres disponibles" data-form--counter-field--component-target="input" data-action="change-&gt;form--counter-field--component#update" type="number" step="any" class="oq-input" name="filters[rooms]" id="filters_rooms" /></div></div></div><button name="button" type="button" aria-label="Augmenter" data-action="form--counter-field--component#increment" data-form--counter-field--component-target="incrementBtn" class="oq-btn btn--variant-tertiary btn--appearance-solid btn--color-primary btn--size-sm btn--icon-only"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="btn__icon stroke-2 shrink-0 stroke-2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
</svg></button></div></div></div>
          <span class="text-light text-sm">chambres disponibles</span>
        </div>

        <span class="text-lg font-semibold text-blue-main mt-6 mb-3">Espaces additionnels</span>
        <div class="oq-form-group additional_spaces"><div class="oq-input-group"><div class="oq-select multiple form-control" value="" data-controller="form--collection-select--component" data-form--collection-select--component-prompt-value="Sélectionner..." data-form--collection-select--component-multiple-value="true" data-form--collection-select--component-include-blank-value="false" data-form--collection-select--component-submit-on-change-value="false" data-form--collection-select--component-required-value="false" data-form--collection-select--component-grouped-value="false" data-form--collection-select--component-collection-value="[{&quot;value&quot;:&quot;balcon&quot;,&quot;text&quot;:&quot;Balcon&quot;},{&quot;value&quot;:&quot;box-interieur&quot;,&quot;text&quot;:&quot;Box (clos et disposant d&#39;un verrou - intérieur / sous sol)&quot;},{&quot;value&quot;:&quot;buanderie&quot;,&quot;text&quot;:&quot;Buanderie&quot;},{&quot;value&quot;:&quot;cave&quot;,&quot;text&quot;:&quot;Cave&quot;},{&quot;value&quot;:&quot;garage-exterieur&quot;,&quot;text&quot;:&quot;Garage (emplacement clos et disposant d&#39;un verrou - extérieur)&quot;},{&quot;value&quot;:&quot;grenier&quot;,&quot;text&quot;:&quot;Grenier&quot;},{&quot;value&quot;:&quot;jardin&quot;,&quot;text&quot;:&quot;Jardin&quot;},{&quot;value&quot;:&quot;loggia&quot;,&quot;text&quot;:&quot;Loggia&quot;},{&quot;value&quot;:&quot;parking&quot;,&quot;text&quot;:&quot;Place de parking (non close / ouverte)&quot;},{&quot;value&quot;:&quot;terrasse&quot;,&quot;text&quot;:&quot;Terrasse&quot;}]"><div class="hidden" data-form--collection-select--component-target="inputList"></div><template data-form--collection-select--component-target="inputTemplate"><input value="${value}" multiple="multiple" type="hidden" name="filters[additional_spaces][]" id="filters_additional_spaces" /></template><div data-form--collection-select--component-target="dropdown" data-controller="dropdown--component" class="oq-dropdown align--left size--md"><div class="dropdown__toggler flex items-center cursor-pointer select-none " data-dropdown--component-target="toggler" data-action="click-&gt;dropdown--component#toggle"><div class="oq-select__prompt grow" data-form--collection-select--component-target="prompt">Sélectionner...</div><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="shrink-0 h-5 w-5 text-light stroke-2 shrink-0 stroke-2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"></path>
</svg></div><div class="dropdown__menu" data-dropdown--component-target="menu" data-transition-enter-from="opacity-0 scale-95" data-transition-enter-to="opacity-100 scale-100" data-transition-leave-from="opacity-100 scale-100" data-transition-leave-to="opacity-0 scale-95"><template data-form--collection-select--component-target="optionTemplate"><div class="menu__item option" data-action="click-&gt;form--collection-select--component#selectOption click-&gt;dropdown--component#toggle" data-form--collection-select--component-value-param="${value}" data-form--collection-select--component-text-param="${text}"><span>${text}</span></div></template><template data-form--collection-select--component-target="displayOptionTemplate"><div class="display-option"><span>${text}</span><button name="button" type="button" aria-label="Retirer ${text}" data-action="click-&gt;form--collection-select--component#selectOption" data-form--collection-select--component-value-param="${value}" data-form--collection-select--component-text-param="${text}" class="oq-btn btn--variant-primary btn--appearance-ghost btn--color-gray btn--size-xs btn--icon-only"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="btn__icon stroke-2 shrink-0 stroke-2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg></button></div></template><div class="overflow-y-scroll" data-dropdown--component-target="list"><div class="menu__item option" data-action="click-&gt;form--collection-select--component#selectOption click-&gt;dropdown--component#toggle" data-form--collection-select--component-value-param="balcon" data-form--collection-select--component-text-param="Balcon"><span>Balcon</span></div><div class="menu__item option" data-action="click-&gt;form--collection-select--component#selectOption click-&gt;dropdown--component#toggle" data-form--collection-select--component-value-param="box-interieur" data-form--collection-select--component-text-param="Box (clos et disposant d&#39;un verrou - intérieur / sous sol)"><span>Box (clos et disposant d'un verrou - intérieur / sous sol)</span></div><div class="menu__item option" data-action="click-&gt;form--collection-select--component#selectOption click-&gt;dropdown--component#toggle" data-form--collection-select--component-value-param="buanderie" data-form--collection-select--component-text-param="Buanderie"><span>Buanderie</span></div><div class="menu__item option" data-action="click-&gt;form--collection-select--component#selectOption click-&gt;dropdown--component#toggle" data-form--collection-select--component-value-param="cave" data-form--collection-select--component-text-param="Cave"><span>Cave</span></div><div class="menu__item option" data-action="click-&gt;form--collection-select--component#selectOption click-&gt;dropdown--component#toggle" data-form--collection-select--component-value-param="garage-exterieur" data-form--collection-select--component-text-param="Garage (emplacement clos et disposant d&#39;un verrou - extérieur)"><span>Garage (emplacement clos et disposant d'un verrou - extérieur)</span></div><div class="menu__item option" data-action="click-&gt;form--collection-select--component#selectOption click-&gt;dropdown--component#toggle" data-form--collection-select--component-value-param="grenier" data-form--collection-select--component-text-param="Grenier"><span>Grenier</span></div><div class="menu__item option" data-action="click-&gt;form--collection-select--component#selectOption click-&gt;dropdown--component#toggle" data-form--collection-select--component-value-param="jardin" data-form--collection-select--component-text-param="Jardin"><span>Jardin</span></div><div class="menu__item option" data-action="click-&gt;form--collection-select--component#selectOption click-&gt;dropdown--component#toggle" data-form--collection-select--component-value-param="loggia" data-form--collection-select--component-text-param="Loggia"><span>Loggia</span></div><div class="menu__item option" data-action="click-&gt;form--collection-select--component#selectOption click-&gt;dropdown--component#toggle" data-form--collection-select--component-value-param="parking" data-form--collection-select--component-text-param="Place de parking (non close / ouverte)"><span>Place de parking (non close / ouverte)</span></div><div class="menu__item option" data-action="click-&gt;form--collection-select--component#selectOption click-&gt;dropdown--component#toggle" data-form--collection-select--component-value-param="terrasse" data-form--collection-select--component-text-param="Terrasse"><span>Terrasse</span></div></div></div></div></div></div></div>

        <span class="text-lg font-semibold text-blue-main mt-6 mb-3">Équipements des parties communes</span>

        <div class="oq-form-group common_equipments"><div class="oq-input-group"><div class="oq-check-buttons" data-controller="form--collection-check-buttons--component" data-form--collection-check-buttons--component-initial-value-value="[]"><div class="hidden" data-form--collection-check-buttons--component-target="inputList"></div><template data-form--collection-check-buttons--component-target="inputTemplate"><input multiple="multiple" value="${value}" type="hidden" name="filters[common_equipments][]" id="filters_common_equipments" /></template><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="ascenseur" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">Ascenseur</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="gardien" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">Gardien</span></button><button name="button" type="button" data-action="click-&gt;form--collection-check-buttons--component#toggleSelect" data-form--collection-check-buttons--component-value-param="local-a-velo" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-primary btn--size-md"><span class="btn__label">Local à vélo</span></button></div></div></div>

        <span class="text-lg font-semibold text-blue-main mt-6 mb-3">Disponible à partir du</span>

        <div class="oq-form-group available_date"><div class="oq-input-group"><div class="oq-input" data-controller="form--text-field--component"><input type="date" aria-label="Disponible à partir du" class="oq-input" name="filters[available_date]" id="filters_available_date" /></div></div></div>

        <span class="text-lg font-semibold text-blue-main mt-6 mb-3">Promotions</span>

        <div class="flex flex-row items-center space-x-2 fields">
          <div class="oq-form-group promotion"><div class="oq-check-box "><label class="oq-form-label" for="filters_promotion"><input name="filters[promotion]" type="hidden" value="0" /><input type="checkbox" value="1" name="filters[promotion]" id="filters_promotion" /><span><label class="oq-form-label" for="filters_promotion">Mettre en avant les promotions sur honoraires</label></span></label></div></div>
        </div>

      </div>

      <div class="fixed flex flex-col items-center w-full left-0 right-0 bottom-4">
        <button name="button" type="submit" class="oq-btn btn--variant-primary btn--appearance-solid btn--color-brand btn--size-md"><span class="btn__label">Actualiser ma recherche</span></button>
      </div>
    </div>

</form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


  <div class="flex flex-col items-center justify-center bg-purple-100 border-t border-grey shrink-0">
    <div class="flex items-center w-full  px-6 py-2.5 justify-between ">
      <div class="flex items-center max-w-7xl mr-2">

        <div class="grow hidden md:flex">
          <form data-controller="form--component " class="oq-form orientation--vertical " enctype="multipart/form-data" action="/recherche" accept-charset="UTF-8" method="get">
  <div class="flex w-full items-center justify-center gap-4">
    <div class="flex items-center border bg-white rounded-md border-grey shrink-0 w-full max-w-[85%]">
      <div class="map-autocomplete w-full" data-controller="map-autocomplete--component" data-map-autocomplete--component-display-map-value="false" data-map-autocomplete--component-map-container-id-value="map_00a4e4d1" data-map-autocomplete--component-query-types-value="[&quot;address&quot;,&quot;place&quot;,&quot;locality&quot;,&quot;neighborhood&quot;,&quot;poi&quot;]" data-map-autocomplete--component-submit-on-select-value="true" data-map-autocomplete--component-search-in-database-value="true" data-map-autocomplete--component-countries-scope-value="FR" data-map-autocomplete--component-mapbox-token-value="pk.eyJ1IjoibW9uYmVsYXBwYXJ0IiwiYSI6ImNrb2xvZzQyOTA0dmcydW81eml3bnpvd3UifQ.U2RJWt9EPio7VFk6gwH8iw" data-map-autocomplete--component-search-api-url-value="https://www.oqoro.com/search_api"><div class="oq-dropdown align--left size--md w-full" data-controller="dropdown--component"><div class="dropdown__toggler" data-dropdown--component-target="toggler" data-action="click-&gt;dropdown--component#toggle">
        <div class="oq-input with-icon appearance--ghost" data-controller="form--text-field--component"><input placeholder="Rechercher une ville, une école..." autocomplete="off" required="required" class="w-full oq-input with-icon appearance--ghost" icon="search" data-map-autocomplete--component-target="autocompleteInput" data-action="click-&gt;map-autocomplete--component#toggleDropdown" type="text" name="query" id="query" /><span class="input__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" class=" shrink-0 stroke-2">
  <path d="M19 19L14.65 14.65M17 9C17 13.4183 13.4183 17 9 17C4.58172 17 1 13.4183 1 9C1 4.58172 4.58172 1 9 1C13.4183 1 17 4.58172 17 9Z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span></div>

        <input label="false" data-map-autocomplete--component-target="bboxInput" type="hidden" name="bbox" id="bbox" />
        <input label="false" data-map-autocomplete--component-target="centerInput" type="hidden" name="center" id="center" />
        <input label="false" data-map-autocomplete--component-target="citySlugInput" type="hidden" name="city" id="city" />
</div><div class="dropdown__menu" data-dropdown--component-target="menu" data-transition-enter-from="opacity-0 scale-95" data-transition-enter-to="opacity-100 scale-100" data-transition-leave-from="opacity-100 scale-100" data-transition-leave-to="opacity-0 scale-95"><ul class="map__autocomplete-list" data-map-autocomplete--component-target="autocompleteList"></ul><div class="overflow-y-scroll" data-dropdown--component-target="list"></div></div></div><div id="map_00a4e4d1" class="map__map hidden" data-map-autocomplete--component-target="map"></div></div>    </div>
    <button name="button" type="submit" aria-label="Rechercher" class="oq-btn btn--variant-primary btn--appearance-solid btn--color-primary btn--size-md btn--icon-only"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" class="btn__icon stroke-2 shrink-0 stroke-2">
  <path d="M19 19L14.65 14.65M17 9C17 13.4183 13.4183 17 9 17C4.58172 17 1 13.4183 1 9C1 4.58172 4.58172 1 9 1C13.4183 1 17 4.58172 17 9Z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></button>
  </div>
</form>
        </div>

        <div class="flex items-center space-x-2 md:ml-6">
          <div class="hidden md:flex items-center space-x-2">
              <div
                class="hidden lg:block cursor-pointer shrink-0 rounded-2xl bg-grey-100 text-md font-medium px-4 py-2 border border-grey text-blue-main"
                data-slide-over="filters"
              >
                Type de bien
              </div>
              <div
                class="hidden lg:block cursor-pointer shrink-0 rounded-2xl bg-grey-100 text-md font-medium px-4 py-2 border border-grey text-blue-main"
                data-slide-over="filters"
              >
                Meublé ?
              </div>
              <div
                class="hidden lg:block cursor-pointer shrink-0 rounded-2xl bg-grey-100 text-md font-medium px-4 py-2 border border-grey text-blue-main"
                data-slide-over="filters"
              >
                Loyer
              </div>
              <div
                class="hidden lg:block cursor-pointer shrink-0 rounded-2xl bg-grey-100 text-md font-medium px-4 py-2 border border-grey text-blue-main"
                data-slide-over="filters"
              >
                Nb de pièces
              </div>
          </div>
          <div
            class="cursor-pointer rounded-2xl bg-grey-100 text-md font-medium px-2 sm:px-4 py-2 border border-grey text-blue-main"
            data-slide-over="filters"
          >
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" class="w-5 h-5 stroke-1.5 md:hidden">
  <path d="M10.33 16.5929H4.0293" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M13.1406 6.90036H19.4413" stroke-linecap="round" stroke-linejoin="round"></path>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.72629 6.84625C8.72629 5.5506 7.66813 4.5 6.36314 4.5C5.05816 4.5 4 5.5506 4 6.84625C4 8.14191 5.05816 9.19251 6.36314 9.19251C7.66813 9.19251 8.72629 8.14191 8.72629 6.84625Z" stroke-linecap="round" stroke-linejoin="round"></path>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9997 16.5538C19.9997 15.2581 18.9424 14.2075 17.6374 14.2075C16.3316 14.2075 15.2734 15.2581 15.2734 16.5538C15.2734 17.8494 16.3316 18.9 17.6374 18.9C18.9424 18.9 19.9997 17.8494 19.9997 16.5538Z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
            <span class="hidden md:block">+ de filtres</span>
          </div>
        </div>
      </div>

      


 <!-- cities is an array of City instances -->



<turbo-frame id="alert-modal-content">
  <div class="oq-modal size--md" data-controller="modal--component" data-modal--component-name-value="alertModal" data-modal--component-closable-value="true" data-modal--component-detach-value="true" data-modal--component-remove-on-close-value="false" data-modal--component-confetti-value="false">
  <div class="modal__overlay fixed inset-0 bg-primary-solid/50 transition-opacity" data-action="click->modal--component#close"></div>
  <div class="fixed inset-0 z-10 overflow-y-auto">
    <div class="modal__container">

      <div class="modal__content">

        <div data-modal--component-target="content" class="flex flex-col grow pt-5 sm:py-6 sm:pb-4 bg-white ">
            <button name="button" type="button" class="oq-btn btn--variant-primary btn--appearance-ghost btn--color-gray btn--size-2xl btn--icon-only close-button" aria-label="Fermer" data-action="click-&gt;modal--component#close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="btn__icon stroke-2 shrink-0 stroke-2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg></button>
          
          
    <div class="p-2 bg-brand-primary-alt rounded-lg w-10 h-10 mx-auto">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" class="text-fg-brand-primary w-full h-full stroke-2">
  <path d="M12.5001 15.8333C12.5001 17.214 11.3808 18.3333 10.0001 18.3333C8.61941 18.3333 7.50013 17.214 7.50013 15.8333M11.4972 5.1988C11.8601 4.82387 12.0835 4.31301 12.0835 3.75C12.0835 2.5994 11.1507 1.66666 10.0001 1.66666C8.84953 1.66666 7.91679 2.5994 7.91679 3.75C7.91679 4.31301 8.14013 4.82387 8.50304 5.1988M2.12248 6.9358C2.11052 5.72634 2.76259 4.59693 3.81599 4.00255M17.8778 6.9358C17.8897 5.72634 17.2377 4.59692 16.1843 4.00255M15.0001 9.33333C15.0001 8.18406 14.4733 7.08186 13.5357 6.2692C12.598 5.45654 11.3262 5 10.0001 5C8.67404 5 7.40227 5.45654 6.46459 6.2692C5.52691 7.08186 5.00013 8.18406 5.00013 9.33333C5.00013 11.2348 4.52857 12.6255 3.94018 13.6206C3.26957 14.7547 2.93427 15.3217 2.94751 15.4572C2.96266 15.6122 2.99056 15.6611 3.11624 15.753C3.2261 15.8333 3.77805 15.8333 4.88195 15.8333H15.1183C16.2222 15.8333 16.7742 15.8333 16.884 15.753C17.0097 15.6611 17.0376 15.6122 17.0527 15.4572C17.066 15.3217 16.7307 14.7547 16.0601 13.6206C15.4717 12.6255 15.0001 11.2348 15.0001 9.33333Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    </div>
    <div class="flex flex-col text-center gap-2 mt-6 px-4">
      <span class="text-xl font-semibold">Ne manquez plus aucune annonce</span>
      <span class="text-sm">Saisissez votre adresse email et recevez dès maintenant toutes les annonces personnalisées pour votre recherche.</span>
    </div>


    <div class="py-6 my-6 flex flex-col items-center border-y mx-4">
        <p class="text-md font-medium text-blue-main">Vous n'avez aucun filtre dans votre alerte</p>
    </div>

    <div class="flex flex-col h-full">
      <form class="oq-form orientation--vertical h-full" data-controller="form--component " enctype="multipart/form-data" action="/availability_alerts" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NPLK9bfksOhTmJiK4inQotrZZgIQ2lvDw67e4zaeK9caIFOWVMhluJMIltGpM7N43AMZLLt-jC6G0X-K-cKmGw" />
        <div class="px-4">
          <label class="oq-form-label" for="availability_alert_email">Email</label>
          <div class="oq-input with-icon" data-controller="form--text-field--component"><input placeholder="alerte@oqoro.com" icon="envelop" autocomplete="off" required="required" class="oq-input with-icon" type="text" name="availability_alert[email]" id="availability_alert_email" /><span class="input__icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" class=" shrink-0 stroke-2">
  <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></div>
        </div>
        <input value="{&quot;cities&quot;:[],&quot;property_types&quot;:null,&quot;lots_length&quot;:null,&quot;surface_max&quot;:null,&quot;surface_min&quot;:null,&quot;loyer_min&quot;:null,&quot;loyer_max&quot;:null,&quot;is_furnished&quot;:false,&quot;nb_rooms&quot;:null,&quot;list_url&quot;:&quot;https://www.oqoro.com/recherche&quot;}" type="hidden" name="availability_alert[preferences]" id="availability_alert_preferences" />

        <div class="mt-6 mx-auto h-full mb-16">
          <div data-controller="lazy-recaptcha"
               data-lazy-recaptcha-sitekey-value="6Lesm3gbAAAAAAvc0A7waIzfhX0hRY3d7IzX_zwt">
          </div>
        </div>

        <div class="flex items-center justify-end gap-3 border-t p-4 mt-auto">
          <button name="button" type="button" data-turbo="false" data-action="click-&gt;modal--component#close" class="oq-btn btn--variant-primary btn--appearance-outline btn--color-gray btn--size-md"><span class="btn__label">Annuler</span></button>
          <button name="button" type="submit" data-turbo="false" data-form="modalForm" class="oq-btn btn--variant-primary btn--appearance-solid btn--color-brand btn--size-md btn--icon--left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor" class="btn__icon stroke-2 shrink-0 stroke-2">
  <path opacity="0.6" d="M19.8399 14.4884L18.8399 12.8284C18.6299 12.4584 18.4399 11.7584 18.4399 11.3484V8.81844C18.4399 5.55844 15.7899 2.89844 12.5199 2.89844C9.24994 2.89844 6.59994 5.55844 6.59994 8.81844V11.3484C6.59994 11.7584 6.40994 12.4584 6.19994 12.8184L5.18994 14.4884C4.78994 15.1584 4.69994 15.8984 4.94994 16.5784C5.18994 17.2484 5.75994 17.7684 6.49994 18.0184C8.43994 18.6784 10.4799 18.9984 12.5199 18.9984C14.5599 18.9984 16.5999 18.6784 18.5399 18.0284C19.2399 17.7984 19.7799 17.2684 20.0399 16.5784C20.2999 15.8884 20.2299 15.1284 19.8399 14.4884Z"></path>
  <path d="M14.7508 3.32C14.0608 3.05 13.3108 2.9 12.5208 2.9C11.7408 2.9 10.9908 3.04 10.3008 3.32C10.7308 2.51 11.5808 2 12.5208 2C13.4708 2 14.3108 2.51 14.7508 3.32Z"></path>
  <path d="M15.3297 20.01C14.9097 21.17 13.7997 22 12.4997 22C11.7097 22 10.9297 21.68 10.3797 21.11C10.0597 20.81 9.81969 20.41 9.67969 20C9.80969 20.02 9.93969 20.03 10.0797 20.05C10.3097 20.08 10.5497 20.11 10.7897 20.13C11.3597 20.18 11.9397 20.21 12.5197 20.21C13.0897 20.21 13.6597 20.18 14.2197 20.13C14.4297 20.11 14.6397 20.1 14.8397 20.07C14.9997 20.05 15.1597 20.03 15.3297 20.01Z"></path>
</svg><span class="btn__label">Activer mon alerte</span></button>
        </div>
</form>    </div>

          
          
        </div>
      </div>

    </div>
  </div>
</div></turbo-frame>

      <button name="button" type="button" data-toggle="modal" data-modal="alertModal" class="oq-btn btn--variant-primary btn--appearance-solid btn--color-danger btn--size-md btn--icon--left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor" class="btn__icon stroke-2 shrink-0 stroke-2">
  <path opacity="0.6" d="M19.8399 14.4884L18.8399 12.8284C18.6299 12.4584 18.4399 11.7584 18.4399 11.3484V8.81844C18.4399 5.55844 15.7899 2.89844 12.5199 2.89844C9.24994 2.89844 6.59994 5.55844 6.59994 8.81844V11.3484C6.59994 11.7584 6.40994 12.4584 6.19994 12.8184L5.18994 14.4884C4.78994 15.1584 4.69994 15.8984 4.94994 16.5784C5.18994 17.2484 5.75994 17.7684 6.49994 18.0184C8.43994 18.6784 10.4799 18.9984 12.5199 18.9984C14.5599 18.9984 16.5999 18.6784 18.5399 18.0284C19.2399 17.7984 19.7799 17.2684 20.0399 16.5784C20.2999 15.8884 20.2299 15.1284 19.8399 14.4884Z"></path>
  <path d="M14.7508 3.32C14.0608 3.05 13.3108 2.9 12.5208 2.9C11.7408 2.9 10.9908 3.04 10.3008 3.32C10.7308 2.51 11.5808 2 12.5208 2C13.4708 2 14.3108 2.51 14.7508 3.32Z"></path>
  <path d="M15.3297 20.01C14.9097 21.17 13.7997 22 12.4997 22C11.7097 22 10.9297 21.68 10.3797 21.11C10.0597 20.81 9.81969 20.41 9.67969 20C9.80969 20.02 9.93969 20.03 10.0797 20.05C10.3097 20.08 10.5497 20.11 10.7897 20.13C11.3597 20.18 11.9397 20.21 12.5197 20.21C13.0897 20.21 13.6597 20.18 14.2197 20.13C14.4297 20.11 14.6397 20.1 14.8397 20.07C14.9997 20.05 15.1597 20.03 15.3297 20.01Z"></path>
</svg><span class="btn__label">Créer une alerte</span></button>

    </div>
  </div>
</turbo-frame>
</template></turbo-stream>