<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;:3213,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;7a46bd26&quot;,&quot;short_public_uid&quot;:&quot;5883G&quot;,&quot;lot_id&quot;:3213,&quot;slug&quot;:&quot;/colocation/grenoble/22-rue-gerard-philipe-7a46bd26&quot;,&quot;available_date&quot;:&quot;2025-07-28&quot;,&quot;city&quot;:&quot;Grenoble&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;38100&quot;,&quot;address_street&quot;:&quot;22 Rue Gérard Philipe&quot;,&quot;departement&quot;:&quot;isere&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.1697543,&quot;lon&quot;:5.733526},&quot;loyer_cc&quot;:400.0,&quot;honoraires_frais_mise_en_location&quot;:200.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;114.0&quot;,&quot;nb_available_rooms&quot;:1,&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;cave&quot;,&quot;parking&quot;,&quot;terrasse&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/iuix2anrkpngqnddcvgquo4k4q3q&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;:400.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:530,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;94505b42&quot;,&quot;short_public_uid&quot;:&quot;5057I&quot;,&quot;lot_id&quot;:530,&quot;slug&quot;:&quot;/colocation/eysines/24-rue-sarah-bernhardt-94505b42&quot;,&quot;available_date&quot;:&quot;2025-10-03&quot;,&quot;city&quot;:&quot;Eysines&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;33320&quot;,&quot;address_street&quot;:&quot;24 Rue Sarah Bernhardt&quot;,&quot;departement&quot;:&quot;gironde&quot;,&quot;region&quot;:&quot;nouvelle-aquitaine&quot;,&quot;location&quot;:{&quot;lat&quot;:44.8812615,&quot;lon&quot;:-0.6399451},&quot;loyer_cc&quot;:400.0,&quot;honoraires_frais_mise_en_location&quot;:524.8,&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;120.0&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;:3,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[],&quot;additional_spaces&quot;:[&quot;jardin&quot;,&quot;parking&quot;],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/ptve0zv7r5544k8v4c6ggzkdsg9p&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;:400.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:2016,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;75d72b4d&quot;,&quot;short_public_uid&quot;:&quot;0071B&quot;,&quot;lot_id&quot;:2016,&quot;slug&quot;:&quot;/colocation/oullins-pierre-benite/27-rue-ferrer-75d72b4d&quot;,&quot;available_date&quot;:&quot;2025-11-02&quot;,&quot;city&quot;:&quot;Oullins-Pierre-Bénite&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;69600&quot;,&quot;address_street&quot;:&quot;27 Rue Ferrer&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.720295,&quot;lon&quot;:4.803379},&quot;loyer_cc&quot;:500.0,&quot;honoraires_frais_mise_en_location&quot;:250.0,&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;150.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:7,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;],&quot;additional_spaces&quot;:[],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/txyhh1n7rsrckw8wqoahj7fq88cb&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;:500.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:10133,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;0f89b5d9&quot;,&quot;short_public_uid&quot;:&quot;9324V&quot;,&quot;lot_id&quot;:10133,&quot;slug&quot;:&quot;/colocation/vaulx-en-velin/2-rue-du-19-mars-1962-0f89b5d9&quot;,&quot;available_date&quot;:&quot;2025-12-20&quot;,&quot;city&quot;:&quot;Vaulx-en-Velin&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;69120&quot;,&quot;address_street&quot;:&quot;2 Rue Du 19 Mars 1962&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.784566,&quot;lon&quot;:4.931803},&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;t4&quot;,&quot;property_area&quot;:&quot;76.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;garage-exterieur&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/p3zulh22f2jmt1fdos9k2vhk1xca&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;:7923,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;d8de37f7&quot;,&quot;short_public_uid&quot;:&quot;0994Z&quot;,&quot;lot_id&quot;:7923,&quot;slug&quot;:&quot;/colocation/loos/8-rue-notre-dame-de-grace-d8de37f7&quot;,&quot;available_date&quot;:&quot;2025-12-23&quot;,&quot;city&quot;:&quot;Loos&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;59120&quot;,&quot;address_street&quot;:&quot;8 Rue Notre-Dame-De-Grâce&quot;,&quot;departement&quot;:&quot;nord&quot;,&quot;region&quot;:&quot;hauts-de-france&quot;,&quot;location&quot;:{&quot;lat&quot;:50.6105186,&quot;lon&quot;:3.0123781},&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;147.0&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;lave-vaisselle&quot;,&quot;internet&quot;],&quot;additional_spaces&quot;:[&quot;jardin&quot;],&quot;common_equipments&quot;:[],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/ldbu3gxpvltt1eusgebdhi60w0qg&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;:450.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:3140,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;aa5b6366&quot;,&quot;short_public_uid&quot;:&quot;5210A&quot;,&quot;lot_id&quot;:3140,&quot;slug&quot;:&quot;/colocation/venissieux/82-avenue-viviani-aa5b6366&quot;,&quot;available_date&quot;:&quot;2026-01-06&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;82 Avenue Viviani&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7231627,&quot;lon&quot;:4.8735407},&quot;loyer_cc&quot;:499.0,&quot;honoraires_frais_mise_en_location&quot;:249.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;68.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;cave&quot;,&quot;jardin&quot;,&quot;loggia&quot;,&quot;parking&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;,&quot;gardien&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/qi29qk858p02virzh6j05h5hrofo&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;:499.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:19056,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;a7e96d5b&quot;,&quot;short_public_uid&quot;:&quot;2320E&quot;,&quot;lot_id&quot;:19056,&quot;slug&quot;:&quot;/colocation/lormont/1-rue-albert-camus-a7e96d5b&quot;,&quot;available_date&quot;:&quot;2026-01-12&quot;,&quot;city&quot;:&quot;Lormont&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;33310&quot;,&quot;address_street&quot;:&quot;1 Rue Albert Camus&quot;,&quot;departement&quot;:&quot;gironde&quot;,&quot;region&quot;:&quot;nouvelle-aquitaine&quot;,&quot;location&quot;:{&quot;lat&quot;:44.875004,&quot;lon&quot;:-0.518881},&quot;loyer_cc&quot;:450.0,&quot;honoraires_frais_mise_en_location&quot;:328.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;100.0&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&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;refrigerateur&quot;,&quot;internet&quot;],&quot;additional_spaces&quot;:[&quot;balcon&quot;,&quot;cave&quot;],&quot;common_equipments&quot;:[&quot;gardien&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/zap00dadshyfmxgta8g3alj23crh&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;:1872,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;20d990c2&quot;,&quot;short_public_uid&quot;:&quot;4201U&quot;,&quot;lot_id&quot;:1872,&quot;slug&quot;:&quot;/colocation/villeurbanne/21-rue-alfred-brinon-20d990c2&quot;,&quot;available_date&quot;:&quot;2026-01-18&quot;,&quot;city&quot;:&quot;Villeurbanne&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69100&quot;,&quot;address_street&quot;:&quot;21 Rue Alfred Brinon&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7772735,&quot;lon&quot;:4.8950744},&quot;loyer_cc&quot;:490.0,&quot;honoraires_frais_mise_en_location&quot;:245.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;96.0&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[],&quot;additional_spaces&quot;:[&quot;balcon&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;,&quot;ascenseur&quot;,&quot;gardien&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/j1ls17z14i06yf2gona8aefidxn7&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;:12885,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;120337aa&quot;,&quot;short_public_uid&quot;:&quot;1924H&quot;,&quot;lot_id&quot;:12885,&quot;slug&quot;:&quot;/colocation/rennes/18-rue-frederic-mistral-120337aa&quot;,&quot;available_date&quot;:&quot;2026-03-20&quot;,&quot;city&quot;:&quot;Rennes&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;35200&quot;,&quot;address_street&quot;:&quot;18 Rue Frédéric Mistral&quot;,&quot;departement&quot;:&quot;ille-et-vilaine&quot;,&quot;region&quot;:&quot;bretagne&quot;,&quot;location&quot;:{&quot;lat&quot;:48.091664,&quot;lon&quot;:-1.656375},&quot;loyer_cc&quot;:430.0,&quot;honoraires_frais_mise_en_location&quot;:301.76,&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;92.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;balcon&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/vgmvd8kcf7n04ezqyumw3k8iiunv&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;:8840,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;f63b5a8b&quot;,&quot;short_public_uid&quot;:&quot;9149B&quot;,&quot;lot_id&quot;:8840,&quot;slug&quot;:&quot;/colocation/villeurbanne/30-rue-frederic-fays-f63b5a8b&quot;,&quot;available_date&quot;:&quot;2026-03-29&quot;,&quot;city&quot;:&quot;Villeurbanne&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69100&quot;,&quot;address_street&quot;:&quot;30 Rue Frédéric Fays&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7638868,&quot;lon&quot;:4.9042589},&quot;loyer_cc&quot;:550.0,&quot;honoraires_frais_mise_en_location&quot;:268.96,&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;82.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:4,&quot;nb_private_bathrooms&quot;:1,&quot;equipments&quot;:[&quot;internet&quot;,&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;],&quot;additional_spaces&quot;:[&quot;balcon&quot;,&quot;box-interieur&quot;,&quot;parking&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;,&quot;ascenseur&quot;,&quot;gardien&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/0o5xg8yfpnq66gwn8swww2h68m31&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;:21458,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;d79df04d&quot;,&quot;short_public_uid&quot;:&quot;3441U&quot;,&quot;lot_id&quot;:21458,&quot;slug&quot;:&quot;/colocation/rennes/27-square-des-hautes-chalais-d79df04d&quot;,&quot;available_date&quot;:&quot;2026-04-03&quot;,&quot;city&quot;:&quot;Rennes&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;35200&quot;,&quot;address_street&quot;:&quot;27 Square des Hautes Chalais&quot;,&quot;departement&quot;:&quot;ille-et-vilaine&quot;,&quot;region&quot;:&quot;bretagne&quot;,&quot;location&quot;:{&quot;lat&quot;:48.09137,&quot;lon&quot;:-1.67799},&quot;loyer_cc&quot;:470.0,&quot;honoraires_frais_mise_en_location&quot;:250.62,&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;76.41&quot;,&quot;nb_available_rooms&quot;:1,&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;seche-linge&quot;,&quot;four&quot;,&quot;micro-ondes&quot;,&quot;plaque-de-cuisson&quot;,&quot;bureau&quot;,&quot;dressing&quot;,&quot;refrigerateur&quot;],&quot;additional_spaces&quot;:[&quot;buanderie&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/6hsolusxrjx5obffz2bgf1ftfw17&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;:19682,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;55ba38f3&quot;,&quot;short_public_uid&quot;:&quot;3104G&quot;,&quot;lot_id&quot;:19682,&quot;slug&quot;:&quot;/colocation/lyon-9/7-rue-de-la-chapelle-55ba38f3&quot;,&quot;available_date&quot;:&quot;2026-04-06&quot;,&quot;city&quot;:&quot;Lyon 9eme arrondissement&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69009&quot;,&quot;address_street&quot;:&quot;7 Rue De La Chapelle&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.764736,&quot;lon&quot;:4.790262},&quot;loyer_cc&quot;:520.0,&quot;honoraires_frais_mise_en_location&quot;:260.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;89.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;bureau&quot;,&quot;dressing&quot;,&quot;refrigerateur&quot;,&quot;internet&quot;],&quot;additional_spaces&quot;:[&quot;buanderie&quot;,&quot;cave&quot;,&quot;loggia&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/fc2iocztj2yfz2cpz52cjchp3jaj&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;:520.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:112,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;54c9e7b0&quot;,&quot;short_public_uid&quot;:&quot;9255O&quot;,&quot;lot_id&quot;:112,&quot;slug&quot;:&quot;/colocation/villeurbanne/427-cours-emile-zola-54c9e7b0&quot;,&quot;available_date&quot;:&quot;2026-04-07&quot;,&quot;city&quot;:&quot;Villeurbanne&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;69100&quot;,&quot;address_street&quot;:&quot;427 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.764114,&quot;lon&quot;:4.911226},&quot;loyer_cc&quot;:475.0,&quot;honoraires_frais_mise_en_location&quot;:237.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;83.0&quot;,&quot;nb_available_rooms&quot;:1,&quot;nb_bedrooms&quot;:3,&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/awmr2zb1nriaswjlrwclkffiga80&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;:475.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:9993,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;0ef2a240&quot;,&quot;short_public_uid&quot;:&quot;7363C&quot;,&quot;lot_id&quot;:9993,&quot;slug&quot;:&quot;/location/saint-etienne/t4-61-rue-marengo-0ef2a240&quot;,&quot;available_date&quot;:&quot;2026-04-13&quot;,&quot;city&quot;:&quot;Saint-Étienne&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;42000&quot;,&quot;address_street&quot;:&quot;61 Rue Marengo&quot;,&quot;departement&quot;:&quot;loire&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.447371,&quot;lon&quot;:4.383508},&quot;loyer_cc&quot;:799.0,&quot;honoraires_frais_mise_en_location&quot;:399.5,&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;133.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;lave-vaisselle&quot;],&quot;additional_spaces&quot;:[&quot;balcon&quot;,&quot;buanderie&quot;,&quot;cave&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/llkyfc8xibpvjhtpowkdfdr3h2vb&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;:799.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:12106,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;1f4a41d6&quot;,&quot;short_public_uid&quot;:&quot;2492S&quot;,&quot;lot_id&quot;:12106,&quot;slug&quot;:&quot;/colocation/brest-29200/33-rue-auguste-kervern-1f4a41d6&quot;,&quot;available_date&quot;:&quot;2026-04-16&quot;,&quot;city&quot;:&quot;Brest&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;29200&quot;,&quot;address_street&quot;:&quot;33 Rue Auguste Kervern&quot;,&quot;departement&quot;:&quot;finistere&quot;,&quot;region&quot;:&quot;bretagne&quot;,&quot;location&quot;:{&quot;lat&quot;:48.400828,&quot;lon&quot;:-4.488896},&quot;loyer_cc&quot;:399.0,&quot;honoraires_frais_mise_en_location&quot;:188.7,&quot;is_single_lot&quot;:false,&quot;is_furnished&quot;:true,&quot;is_featured&quot;:true,&quot;property_type&quot;:&quot;t8&quot;,&quot;property_area&quot;:&quot;153.0&quot;,&quot;nb_available_rooms&quot;:5,&quot;nb_bedrooms&quot;:8,&quot;nb_private_bathrooms&quot;:0,&quot;equipments&quot;:[&quot;lave-linge&quot;,&quot;lave-vaisselle&quot;],&quot;additional_spaces&quot;:[&quot;buanderie&quot;,&quot;jardin&quot;,&quot;terrasse&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/gc2ixvatmpwy9csuwcjbi9ffeaf0&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;:399.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:19310,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;09cf5869&quot;,&quot;short_public_uid&quot;:&quot;5791Z&quot;,&quot;lot_id&quot;:19310,&quot;slug&quot;:&quot;/colocation/grenoble/60-place-des-geants-09cf5869&quot;,&quot;available_date&quot;:&quot;2026-04-19&quot;,&quot;city&quot;:&quot;Grenoble&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;38100&quot;,&quot;address_street&quot;:&quot;60 Place Des Géants&quot;,&quot;departement&quot;:&quot;isere&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.161711,&quot;lon&quot;:5.739104},&quot;loyer_cc&quot;:372.0,&quot;honoraires_frais_mise_en_location&quot;:279.0,&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;75.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;Climatisation&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;refrigerateur&quot;],&quot;additional_spaces&quot;:[&quot;terrasse&quot;],&quot;common_equipments&quot;:[&quot;ascenseur&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/63xvpyq2xvikdtx342bq9g6y95xg&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;:372.0,&quot;dispo_status&quot;:&quot;free&quot;},{&quot;model_name&quot;:&quot;Lot&quot;,&quot;model_id&quot;:1123,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;e4b13651&quot;,&quot;short_public_uid&quot;:&quot;4917P&quot;,&quot;lot_id&quot;:1123,&quot;slug&quot;:&quot;/colocation/pierre-benite/33-rue-henri-brosse-e4b13651&quot;,&quot;available_date&quot;:&quot;2026-04-25&quot;,&quot;city&quot;:&quot;Pierre-Bénite&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;69310&quot;,&quot;address_street&quot;:&quot;33 rue Henri Brosse&quot;,&quot;departement&quot;:&quot;rhone&quot;,&quot;region&quot;:&quot;auvergne-rhone-alpes&quot;,&quot;location&quot;:{&quot;lat&quot;:45.7041142,&quot;lon&quot;:4.8155348},&quot;loyer_cc&quot;:495.0,&quot;honoraires_frais_mise_en_location&quot;:244.2,&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;66.0&quot;,&quot;nb_available_rooms&quot;:2,&quot;nb_bedrooms&quot;:3,&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/0kwpnnvegy1k4snsa7q6p3pc06h1&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;:571,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;9bfaf969&quot;,&quot;short_public_uid&quot;:&quot;8213E&quot;,&quot;lot_id&quot;:571,&quot;slug&quot;:&quot;/colocation/bordeaux/66-cours-edouard-vaillant-9bfaf969&quot;,&quot;available_date&quot;:&quot;2026-04-28&quot;,&quot;city&quot;:&quot;Bordeaux&quot;,&quot;city_encadrement&quot;:true,&quot;postal_code&quot;:&quot;33000&quot;,&quot;address_street&quot;:&quot;66 cours Edouard Vaillant&quot;,&quot;departement&quot;:&quot;gironde&quot;,&quot;region&quot;:&quot;nouvelle-aquitaine&quot;,&quot;location&quot;:{&quot;lat&quot;:44.8608715,&quot;lon&quot;:-0.5587012},&quot;loyer_cc&quot;:550.0,&quot;honoraires_frais_mise_en_location&quot;:215.17,&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;82.0&quot;,&quot;nb_available_rooms&quot;:3,&quot;nb_bedrooms&quot;:6,&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/pkvml37b9a7h0g8q8797vs3gn4we&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;: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;:18071,&quot;catalog_ad_id&quot;:null,&quot;public_uid&quot;:&quot;5721d96f&quot;,&quot;short_public_uid&quot;:&quot;5612K&quot;,&quot;lot_id&quot;:18071,&quot;slug&quot;:&quot;/colocation/rennes/13-square-des-cloteaux-5721d96f&quot;,&quot;available_date&quot;:&quot;2026-05-01&quot;,&quot;city&quot;:&quot;Rennes&quot;,&quot;city_encadrement&quot;:false,&quot;postal_code&quot;:&quot;35000&quot;,&quot;address_street&quot;:&quot;13 Square Des Cloteaux&quot;,&quot;departement&quot;:&quot;ille-et-vilaine&quot;,&quot;region&quot;:&quot;bretagne&quot;,&quot;location&quot;:{&quot;lat&quot;:48.084655,&quot;lon&quot;:-1.693802},&quot;loyer_cc&quot;:469.0,&quot;honoraires_frais_mise_en_location&quot;:234.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;80.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;buanderie&quot;],&quot;common_equipments&quot;:[&quot;local-a-velo&quot;],&quot;thumbnail&quot;:&quot;https://cdn.oqoro.com/225ghr92xj2vakm0oo4dhc6c7c7n&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;:469.0,&quot;dispo_status&quot;:&quot;free&quot;}]"></div>

    
<a id="catalog_ad_card_7a46bd26" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_7a46bd26" target="_blank" href="/colocation/grenoble/22-rue-gerard-philipe-7a46bd26">
  <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/iuix2anrkpngqnddcvgquo4k4q3q)">
      <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">114m²</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="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">Grenoble</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_94505b42" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_94505b42" target="_blank" href="/colocation/eysines/24-rue-sarah-bernhardt-94505b42">
  <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/ptve0zv7r5544k8v4c6ggzkdsg9p)">
      <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">120m²</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="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">Eysines</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_75d72b4d" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_75d72b4d" target="_blank" href="/colocation/oullins-pierre-benite/27-rue-ferrer-75d72b4d">
  <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/txyhh1n7rsrckw8wqoahj7fq88cb)">
      <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 5 - 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">150m²</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">7</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">Oullins-Pierre-Bénite</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_0f89b5d9" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_0f89b5d9" target="_blank" href="/colocation/vaulx-en-velin/2-rue-du-19-mars-1962-0f89b5d9">
  <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/p3zulh22f2jmt1fdos9k2vhk1xca)">
      <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">76m²</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="M4.69996 10.08H19.21C20.31 10.08 21.2 10.97 21.2 12.07V16.89H2.70996V12.07C2.70996 10.97 3.59996 10.08 4.69996 10.08Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.68994 13.4401C4.68994 12.954 5.08393 12.5601 5.56994 12.5601C6.05595 12.5601 6.44994 12.954 6.44994 13.4401C6.44994 13.9261 6.05595 14.3201 5.56994 14.3201C5.08393 14.3201 4.68994 13.9261 4.68994 13.4401Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.55 13.4401C17.55 12.954 17.944 12.5601 18.43 12.5601C18.9161 12.5601 19.31 12.9541 19.31 13.4401C19.31 13.9261 18.9161 14.3201 18.43 14.3201C17.944 14.3201 17.55 13.9261 17.55 13.4401Z" fill="currentColor"></path>
<path d="M7.70996 13.4401H16.29" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M2.69995 17.0001H21.34V12.7701C21.34 11.1401 20.02 9.82007 18.39 9.82007H5.64995C4.01995 9.82007 2.69995 11.1401 2.69995 12.7701V17.0001Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M2.69995 17V19.17C2.69995 19.55 3.00995 19.86 3.38995 19.86H4.86995C5.24995 19.86 5.55995 19.55 5.55995 19.17V17" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M21.3399 17V19.1C21.3399 19.48 21.0299 19.79 20.6499 19.79H19.1299C18.7499 19.79 18.4399 19.48 18.4399 19.1V17" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M4.02002 10.31L6.29002 4.14001H17.59L20.05 10.33" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M2 8.45007H4.7" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M22 8.45007H19.3" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">Garage</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">Vaulx-en-Velin</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_d8de37f7" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_d8de37f7" target="_blank" href="/colocation/loos/8-rue-notre-dame-de-grace-d8de37f7">
  <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/ldbu3gxpvltt1eusgebdhi60w0qg)">
      <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">147m²</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="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">Loos</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_aa5b6366" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_aa5b6366" target="_blank" href="/colocation/venissieux/82-avenue-viviani-aa5b6366">
  <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/qi29qk858p02virzh6j05h5hrofo)">
      <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">68m²</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="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">Vénissieux</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_a7e96d5b" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_a7e96d5b" target="_blank" href="/colocation/lormont/1-rue-albert-camus-a7e96d5b">
  <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/zap00dadshyfmxgta8g3alj23crh)">
      <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">100m²</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">Lormont</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_20d990c2" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_20d990c2" target="_blank" href="/colocation/villeurbanne/21-rue-alfred-brinon-20d990c2">
  <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/j1ls17z14i06yf2gona8aefidxn7)">
      <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">96m²</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">Villeurbanne</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_120337aa" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_120337aa" target="_blank" href="/colocation/rennes/18-rue-frederic-mistral-120337aa">
  <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/vgmvd8kcf7n04ezqyumw3k8iiunv)">
      <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">92m²</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 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">Rennes</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_f63b5a8b" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_f63b5a8b" target="_blank" href="/colocation/villeurbanne/30-rue-frederic-fays-f63b5a8b">
  <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/0o5xg8yfpnq66gwn8swww2h68m31)">
      <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">82m²</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" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path d="M14.5205 6.61035H9.48047V10.3604H14.5205V6.61035Z" fill="currentColor"></path>
<path d="M14.5509 6.61035H9.46094V13.9704H14.5509V6.61035Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M9.46094 10.1502H3.85094C3.21094 10.1502 2.69094 9.63016 2.69094 8.99016C2.69094 8.35016 3.21094 7.83016 3.85094 7.83016L9.46094 7.83016V10.1602V10.1502Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M14.543 7.82055H20.153C20.793 7.82055 21.313 8.34055 21.313 8.98055C21.313 9.62055 20.793 10.1405 20.153 10.1405H14.543V7.81055V7.82055Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M14.5509 12.0703H9.46094V13.9603H14.5509V12.0703Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M3.85156 10.1504L4.30156 13.7604C4.47156 15.0904 5.60156 16.0804 6.94156 16.0804H16.9616C18.2716 16.0804 19.3816 15.1304 19.5816 13.8304L20.1516 10.1504" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M6.72266 16.0703V17.3903" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17.3203 16.0703V17.3903" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
            <span class="text-sm font-md text-secondary">Sdb</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_d79df04d" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_d79df04d" target="_blank" href="/colocation/rennes/27-square-des-hautes-chalais-d79df04d">
  <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/6hsolusxrjx5obffz2bgf1ftfw17)">
      <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">76m²</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">Rennes</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_55ba38f3" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_55ba38f3" target="_blank" href="/colocation/lyon-9/7-rue-de-la-chapelle-55ba38f3">
  <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/fc2iocztj2yfz2cpz52cjchp3jaj)">
      <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">89m²</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" 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">Lyon 9eme arrondissement</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_54c9e7b0" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_54c9e7b0" target="_blank" href="/colocation/villeurbanne/427-cours-emile-zola-54c9e7b0">
  <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/awmr2zb1nriaswjlrwclkffiga80)">
      <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">83m²</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>
      <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_0ef2a240" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_0ef2a240" target="_blank" href="/location/saint-etienne/t4-61-rue-marengo-0ef2a240">
  <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/llkyfc8xibpvjhtpowkdfdr3h2vb)">
      <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">133m²</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="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">Saint-Étienne</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_1f4a41d6" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_1f4a41d6" target="_blank" href="/colocation/brest-29200/33-rue-auguste-kervern-1f4a41d6">
  <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/gc2ixvatmpwy9csuwcjbi9ffeaf0)">
      <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">153m²</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">8</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">Brest</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_09cf5869" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_09cf5869" target="_blank" href="/colocation/grenoble/60-place-des-geants-09cf5869">
  <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/63xvpyq2xvikdtx342bq9g6y95xg)">
      <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">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">3</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">Grenoble</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_e4b13651" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_e4b13651" target="_blank" href="/colocation/pierre-benite/33-rue-henri-brosse-e4b13651">
  <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/0kwpnnvegy1k4snsa7q6p3pc06h1)">
      <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">66m²</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>
      <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">Pierre-Bénite</span>
        </div>
      </div>
    </div>
  </div>
</a>
<a id="catalog_ad_card_9bfaf969" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_9bfaf969" target="_blank" href="/colocation/bordeaux/66-cours-edouard-vaillant-9bfaf969">
  <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/pkvml37b9a7h0g8q8797vs3gn4we)">
      <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">82m²</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">Bordeaux</span>
        </div>
      </div>
    </div>
  </div>
</a>
<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_5721d96f" class="catalog-ad-card" style="display: none;" data-id="catalog_ad_card_5721d96f" target="_blank" href="/colocation/rennes/13-square-des-cloteaux-5721d96f">
  <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/225ghr92xj2vakm0oo4dhc6c7c7n)">
      <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">80m²</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">Rennes</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 • 8064 biens trouvés
            </span>
            <div class="flex flex-col gap-3">
                


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

<a href="/colocation/grenoble/22-rue-gerard-philipe-7a46bd26">
  <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 22 Rue Gérard Philipe, Grenoble" 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/iuix2anrkpngqnddcvgquo4k4q3q)">
        <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">114m²</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="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 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">Grenoble</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="7a46bd26" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/grenoble/22-rue-gerard-philipe-7a46bd26">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 22 Rue Gérard Philipe, Grenoble" 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/iuix2anrkpngqnddcvgquo4k4q3q)">
          <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">114m²</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="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">Grenoble</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="/colocation/eysines/24-rue-sarah-bernhardt-94505b42">
  <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 Rue Sarah Bernhardt, Eysines" 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/ptve0zv7r5544k8v4c6ggzkdsg9p)">
        <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">120m²</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="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 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">Eysines</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="94505b42" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/eysines/24-rue-sarah-bernhardt-94505b42">
      <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 Rue Sarah Bernhardt, Eysines" 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/ptve0zv7r5544k8v4c6ggzkdsg9p)">
          <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">120m²</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="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">Eysines</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="/colocation/oullins-pierre-benite/27-rue-ferrer-75d72b4d">
  <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 27 Rue Ferrer, Oullins-Pierre-Bénite" 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/txyhh1n7rsrckw8wqoahj7fq88cb)">
        <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 5 - 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">150m²</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">7</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full 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">Oullins-Pierre-Bénite</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">500 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="75d72b4d" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/oullins-pierre-benite/27-rue-ferrer-75d72b4d">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 27 Rue Ferrer, Oullins-Pierre-Bénite" 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/txyhh1n7rsrckw8wqoahj7fq88cb)">
          <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 5 - 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">150m²</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">7</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">Oullins-Pierre-Bénite</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">500 €
                  <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/vaulx-en-velin/2-rue-du-19-mars-1962-0f89b5d9">
  <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 Du 19 Mars 1962, Vaulx-en-Velin" 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/p3zulh22f2jmt1fdos9k2vhk1xca)">
        <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">76m²</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="M4.69996 10.08H19.21C20.31 10.08 21.2 10.97 21.2 12.07V16.89H2.70996V12.07C2.70996 10.97 3.59996 10.08 4.69996 10.08Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.68994 13.4401C4.68994 12.954 5.08393 12.5601 5.56994 12.5601C6.05595 12.5601 6.44994 12.954 6.44994 13.4401C6.44994 13.9261 6.05595 14.3201 5.56994 14.3201C5.08393 14.3201 4.68994 13.9261 4.68994 13.4401Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.55 13.4401C17.55 12.954 17.944 12.5601 18.43 12.5601C18.9161 12.5601 19.31 12.9541 19.31 13.4401C19.31 13.9261 18.9161 14.3201 18.43 14.3201C17.944 14.3201 17.55 13.9261 17.55 13.4401Z" fill="currentColor"></path>
<path d="M7.70996 13.4401H16.29" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M2.69995 17.0001H21.34V12.7701C21.34 11.1401 20.02 9.82007 18.39 9.82007H5.64995C4.01995 9.82007 2.69995 11.1401 2.69995 12.7701V17.0001Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M2.69995 17V19.17C2.69995 19.55 3.00995 19.86 3.38995 19.86H4.86995C5.24995 19.86 5.55995 19.55 5.55995 19.17V17" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M21.3399 17V19.1C21.3399 19.48 21.0299 19.79 20.6499 19.79H19.1299C18.7499 19.79 18.4399 19.48 18.4399 19.1V17" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M4.02002 10.31L6.29002 4.14001H17.59L20.05 10.33" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M2 8.45007H4.7" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M22 8.45007H19.3" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">Garage</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full 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">Vaulx-en-Velin</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="0f89b5d9" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/vaulx-en-velin/2-rue-du-19-mars-1962-0f89b5d9">
      <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 Du 19 Mars 1962, Vaulx-en-Velin" 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/p3zulh22f2jmt1fdos9k2vhk1xca)">
          <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">76m²</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="M4.69996 10.08H19.21C20.31 10.08 21.2 10.97 21.2 12.07V16.89H2.70996V12.07C2.70996 10.97 3.59996 10.08 4.69996 10.08Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.68994 13.4401C4.68994 12.954 5.08393 12.5601 5.56994 12.5601C6.05595 12.5601 6.44994 12.954 6.44994 13.4401C6.44994 13.9261 6.05595 14.3201 5.56994 14.3201C5.08393 14.3201 4.68994 13.9261 4.68994 13.4401Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.55 13.4401C17.55 12.954 17.944 12.5601 18.43 12.5601C18.9161 12.5601 19.31 12.9541 19.31 13.4401C19.31 13.9261 18.9161 14.3201 18.43 14.3201C17.944 14.3201 17.55 13.9261 17.55 13.4401Z" fill="currentColor"></path>
<path d="M7.70996 13.4401H16.29" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M2.69995 17.0001H21.34V12.7701C21.34 11.1401 20.02 9.82007 18.39 9.82007H5.64995C4.01995 9.82007 2.69995 11.1401 2.69995 12.7701V17.0001Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M2.69995 17V19.17C2.69995 19.55 3.00995 19.86 3.38995 19.86H4.86995C5.24995 19.86 5.55995 19.55 5.55995 19.17V17" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M21.3399 17V19.1C21.3399 19.48 21.0299 19.79 20.6499 19.79H19.1299C18.7499 19.79 18.4399 19.48 18.4399 19.1V17" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M4.02002 10.31L6.29002 4.14001H17.59L20.05 10.33" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M2 8.45007H4.7" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M22 8.45007H19.3" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Garage</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">Vaulx-en-Velin</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="/colocation/loos/8-rue-notre-dame-de-grace-d8de37f7">
  <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 Rue Notre-Dame-De-Grâce, Loos" 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/ldbu3gxpvltt1eusgebdhi60w0qg)">
        <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">147m²</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="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 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">Loos</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="d8de37f7" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/loos/8-rue-notre-dame-de-grace-d8de37f7">
      <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 Rue Notre-Dame-De-Grâce, Loos" 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/ldbu3gxpvltt1eusgebdhi60w0qg)">
          <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">147m²</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="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">Loos</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/venissieux/82-avenue-viviani-aa5b6366">
  <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 82 Avenue Viviani, 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/qi29qk858p02virzh6j05h5hrofo)">
        <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">68m²</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="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 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">499 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="aa5b6366" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/venissieux/82-avenue-viviani-aa5b6366">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 82 Avenue Viviani, 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/qi29qk858p02virzh6j05h5hrofo)">
          <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">68m²</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="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">Vénissieux</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">499 €
                  <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/lormont/1-rue-albert-camus-a7e96d5b">
  <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 1 Rue Albert Camus, Lormont" 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/zap00dadshyfmxgta8g3alj23crh)">
        <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">100m²</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 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">Lormont</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="a7e96d5b" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/lormont/1-rue-albert-camus-a7e96d5b">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 1 Rue Albert Camus, Lormont" 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/zap00dadshyfmxgta8g3alj23crh)">
          <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">100m²</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">Lormont</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/villeurbanne/21-rue-alfred-brinon-20d990c2">
  <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 Alfred Brinon, 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/j1ls17z14i06yf2gona8aefidxn7)">
        <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">96m²</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 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">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="20d990c2" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/villeurbanne/21-rue-alfred-brinon-20d990c2">
      <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 Alfred Brinon, 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/j1ls17z14i06yf2gona8aefidxn7)">
          <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">96m²</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">Villeurbanne</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/rennes/18-rue-frederic-mistral-120337aa">
  <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 18 Rue Frédéric Mistral, Rennes" 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/vgmvd8kcf7n04ezqyumw3k8iiunv)">
        <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">92m²</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 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 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">Rennes</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="120337aa" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/rennes/18-rue-frederic-mistral-120337aa">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 18 Rue Frédéric Mistral, Rennes" 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/vgmvd8kcf7n04ezqyumw3k8iiunv)">
          <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">92m²</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 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">Rennes</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="/colocation/villeurbanne/30-rue-frederic-fays-f63b5a8b">
  <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 30 Rue Frédéric Fays, 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/0o5xg8yfpnq66gwn8swww2h68m31)">
        <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">82m²</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" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path d="M14.5205 6.61035H9.48047V10.3604H14.5205V6.61035Z" fill="currentColor"></path>
<path d="M14.5509 6.61035H9.46094V13.9704H14.5509V6.61035Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M9.46094 10.1502H3.85094C3.21094 10.1502 2.69094 9.63016 2.69094 8.99016C2.69094 8.35016 3.21094 7.83016 3.85094 7.83016L9.46094 7.83016V10.1602V10.1502Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M14.543 7.82055H20.153C20.793 7.82055 21.313 8.34055 21.313 8.98055C21.313 9.62055 20.793 10.1405 20.153 10.1405H14.543V7.81055V7.82055Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M14.5509 12.0703H9.46094V13.9603H14.5509V12.0703Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M3.85156 10.1504L4.30156 13.7604C4.47156 15.0904 5.60156 16.0804 6.94156 16.0804H16.9616C18.2716 16.0804 19.3816 15.1304 19.5816 13.8304L20.1516 10.1504" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M6.72266 16.0703V17.3903" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17.3203 16.0703V17.3903" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                <span class="text-sm font-md text-secondary">Sdb</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full 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">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="f63b5a8b" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/villeurbanne/30-rue-frederic-fays-f63b5a8b">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 30 Rue Frédéric Fays, 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/0o5xg8yfpnq66gwn8swww2h68m31)">
          <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">82m²</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" viewBox="0 0 24 24" fill="none" class="w-6 text-utility-brand-600">
<path d="M14.5205 6.61035H9.48047V10.3604H14.5205V6.61035Z" fill="currentColor"></path>
<path d="M14.5509 6.61035H9.46094V13.9704H14.5509V6.61035Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M9.46094 10.1502H3.85094C3.21094 10.1502 2.69094 9.63016 2.69094 8.99016C2.69094 8.35016 3.21094 7.83016 3.85094 7.83016L9.46094 7.83016V10.1602V10.1502Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M14.543 7.82055H20.153C20.793 7.82055 21.313 8.34055 21.313 8.98055C21.313 9.62055 20.793 10.1405 20.153 10.1405H14.543V7.81055V7.82055Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M14.5509 12.0703H9.46094V13.9603H14.5509V12.0703Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M3.85156 10.1504L4.30156 13.7604C4.47156 15.0904 5.60156 16.0804 6.94156 16.0804H16.9616C18.2716 16.0804 19.3816 15.1304 19.5816 13.8304L20.1516 10.1504" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path>
<path d="M6.72266 16.0703V17.3903" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17.3203 16.0703V17.3903" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
                  <span class="text-sm font-md text-secondary">Sdb</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">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/rennes/27-square-des-hautes-chalais-d79df04d">
  <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 27 Square des Hautes Chalais, Rennes" 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/6hsolusxrjx5obffz2bgf1ftfw17)">
        <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">76m²</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 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">Rennes</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="d79df04d" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/rennes/27-square-des-hautes-chalais-d79df04d">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 27 Square des Hautes Chalais, Rennes" 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/6hsolusxrjx5obffz2bgf1ftfw17)">
          <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">76m²</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">Rennes</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/lyon-9/7-rue-de-la-chapelle-55ba38f3">
  <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 7 Rue De La Chapelle, Lyon 9eme 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/fc2iocztj2yfz2cpz52cjchp3jaj)">
        <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">89m²</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" 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 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 9eme arrondissement</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">520 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="55ba38f3" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/lyon-9/7-rue-de-la-chapelle-55ba38f3">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 7 Rue De La Chapelle, Lyon 9eme 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/fc2iocztj2yfz2cpz52cjchp3jaj)">
          <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">89m²</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" 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">Lyon 9eme arrondissement</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">520 €
                  <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/427-cours-emile-zola-54c9e7b0">
  <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 427 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/awmr2zb1nriaswjlrwclkffiga80)">
        <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">83m²</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>
      </div>
    </div>
      <div class="flex items-center justify-between w-full 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">475 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="54c9e7b0" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/villeurbanne/427-cours-emile-zola-54c9e7b0">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 427 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/awmr2zb1nriaswjlrwclkffiga80)">
          <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">83m²</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>
            <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">475 €
                  <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/t4-61-rue-marengo-0ef2a240">
  <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 61 Rue Marengo, 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/llkyfc8xibpvjhtpowkdfdr3h2vb)">
        <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">133m²</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="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 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">799 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="0ef2a240" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/location/saint-etienne/t4-61-rue-marengo-0ef2a240">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 61 Rue Marengo, 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/llkyfc8xibpvjhtpowkdfdr3h2vb)">
          <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">133m²</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="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">Saint-Étienne</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">799 €
                  <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/brest-29200/33-rue-auguste-kervern-1f4a41d6">
  <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 33 Rue Auguste Kervern, Brest" 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/gc2ixvatmpwy9csuwcjbi9ffeaf0)">
        <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">153m²</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">8</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 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">Brest</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">399 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="1f4a41d6" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/brest-29200/33-rue-auguste-kervern-1f4a41d6">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 33 Rue Auguste Kervern, Brest" 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/gc2ixvatmpwy9csuwcjbi9ffeaf0)">
          <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">153m²</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">8</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">Brest</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">399 €
                  <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/grenoble/60-place-des-geants-09cf5869">
  <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 60 Place Des Géants, Grenoble" 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/63xvpyq2xvikdtx342bq9g6y95xg)">
        <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">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">3</span>
              </div>
          </div>
      </div>
    </div>
      <div class="flex items-center justify-between w-full 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">Grenoble</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">372 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="09cf5869" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/grenoble/60-place-des-geants-09cf5869">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 60 Place Des Géants, Grenoble" 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/63xvpyq2xvikdtx342bq9g6y95xg)">
          <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">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">3</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">Grenoble</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">372 €
                  <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/pierre-benite/33-rue-henri-brosse-e4b13651">
  <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 33 rue Henri Brosse, Pierre-Bénite" 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/0kwpnnvegy1k4snsa7q6p3pc06h1)">
        <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">66m²</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>
      </div>
    </div>
      <div class="flex items-center justify-between w-full 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">Pierre-Bénite</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="e4b13651" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/pierre-benite/33-rue-henri-brosse-e4b13651">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 33 rue Henri Brosse, Pierre-Bénite" 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/0kwpnnvegy1k4snsa7q6p3pc06h1)">
          <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">66m²</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>
            <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">Pierre-Bénite</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="/colocation/bordeaux/66-cours-edouard-vaillant-9bfaf969">
  <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 66 cours Edouard Vaillant, 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/pkvml37b9a7h0g8q8797vs3gn4we)">
        <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">82m²</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 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">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="9bfaf969" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/bordeaux/66-cours-edouard-vaillant-9bfaf969">
      <div class="w-full h-[132px] p-2.5 flex rounded-3xl border border-primary bg-white">
        <div role="img" aria-label="Photo du 66 cours Edouard Vaillant, 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/pkvml37b9a7h0g8q8797vs3gn4we)">
          <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">82m²</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">Bordeaux</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/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 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/rennes/13-square-des-cloteaux-5721d96f">
  <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 Square Des Cloteaux, Rennes" 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/225ghr92xj2vakm0oo4dhc6c7c7n)">
        <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">80m²</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 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">Rennes</span>
        </div>
          <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">469 €<span class="text-sm text-tertiary font-normal">&nbsp;/mois cc</span></div>
      </div>
  </div>
</a>
  </div>

  <div class="-sm:hidden">
    <a data-id="5721d96f" data-action="mouseover-&gt;catalog-search#highlightMarker mouseout-&gt;catalog-search#unhighlightMarker" href="/colocation/rennes/13-square-des-cloteaux-5721d96f">
      <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 Square Des Cloteaux, Rennes" 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/225ghr92xj2vakm0oo4dhc6c7c7n)">
          <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">80m²</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">Rennes</span>
              </div>
                <div class="flex items-center text-xl font-semibold text-primary whitespace-nowrap">469 €
                  <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=404"   >404</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" 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" 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 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" 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" 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" 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" 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" 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" 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" 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" 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" 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_338b1dd7" 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_338b1dd7" class="map__map hidden" data-map-autocomplete--component-target="map"></div></div>    </div>
    <button name="button" type="submit" 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" 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="pViTy5hBTsOs3pyvXqZuAoLpQOdq2I26-sDlnF-YJ2sDTP9DejuHqGAJvXuvSqsBK75HqQhh9DUMZfijeej3lQ" />
        <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>